@charset "UTF-8";
.q .question {
  background: url(/assets/icons/plus.svg) 100% 0 no-repeat;
  line-height: 32px;
  cursor: pointer;
  padding-right: 36px;
}
.q .answer {
  display: none;
}
.q.q-open .answer {
  display: block;
}

.q-open .question {
  background: url('data:image/svg+xml,<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.5026 16.6673C6.13441 16.6673 5.83594 16.3688 5.83594 16.0007C5.83594 15.6325 6.13441 15.334 6.5026 15.334H26.5026C26.8708 15.334 27.1693 15.6325 27.1693 16.0007C27.1693 16.3688 26.8708 16.6673 26.5026 16.6673H6.5026Z" fill="%23B7373A"/></svg>') 100% 0 no-repeat;
  background-size: contain;
}

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

audio {
  width: 100%;
}

audio::-webkit-media-controls-panel {
  background: #ebcece;
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../icons/MaterialIconsOutlined-Regular.otf);
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  font-display: block;
}

/* Fallback font with Montserrat-like metrics to prevent CLS during font swap */
@font-face {
  font-family: "Montserrat Fallback";
  src: local("Arial");
  size-adjust: 113.1%;
  ascent-override: 84%;
  descent-override: 22%;
  line-gap-override: 0%;
}
/** Montserrat Light **/
@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff");
  font-display: optional;
}
/** Montserrat Light-Italic **/
@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  font-style: italic;
  src: url("../fonts/Montserrat-LightItalic.woff2") format("woff2"), url("../fonts/Montserrat-LightItalic.woff") format("woff");
  font-display: optional;
}
/** Montserrat Regular **/
@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-display: optional;
}
/** Montserrat Regular-Italic **/
@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/Montserrat-Italic.woff2") format("woff2"), url("../fonts/Montserrat-Italic.woff") format("woff");
  font-display: optional;
}
/** Montserrat Medium **/
@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
  font-display: optional;
}
/** Montserrat Medium-Italic **/
@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: italic;
  src: url("../fonts/Montserrat-MediumItalic.woff2") format("woff2"), url("../fonts/Montserrat-MediumItalic.woff") format("woff");
  font-display: optional;
}
/** Montserrat SemiBold **/
@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-display: optional;
}
/** Montserrat SemiBold-Italic 
@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
    src: url("../fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-SemiBoldItalic.woff") format("woff");
}
**/
/** Montserrat Bold **/
@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
  font-display: optional;
}
/** Montserrat Bold-Italic 
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: italic;
    src: url("../fonts/Montserrat-BoldItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-BoldItalic.woff") format("woff");
}
**/
/** Montserrat ExtraBold **/
/*
@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
    src: url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"),
         url("../fonts/Montserrat-ExtraBold.woff") format("woff");
}
*/
/** Montserrat ExtraBold-Italic **/
/*
@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: italic;
    src: url("../fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-ExtraBoldItalic.woff") format("woff");
}
*/
* {
  font-family: Montserrat, "Montserrat Fallback", Verdana, system-ui;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*:root {
  font-size: 10px;
}*/
body {
  width: 100%;
  max-width: 100%;
  background-color: #fefef9;
  overflow-x: hidden;
}

html {
  width: 100%;
  max-width: 100%;
  background-color: #fefef9;
}

html:focus-within {
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  cursor: pointer;
  transition: 0.25s;
}

a:link,
a:visited {
  color: #b7373a;
}

a:hover, a:focus {
  text-decoration: underline;
}

.box-content a:link, .box-content a:visited,
.body-news a:link,
.body-news a:visited,
p a:link,
p a:visited,
.collana-description a:link,
.collana-description a:visited,
.disciplina_testo a:link,
.disciplina_testo a:visited {
  text-decoration: underline solid #FFCCCC;
}

header a:hover {
  text-decoration: none;
}

a > img {
  cursor: pointer;
}

button {
  cursor: pointer;
}

ul {
  margin-left: 1.25rem;
}

li {
  /* list-style: none;*/
}

img,
picture {
  max-width: 100%;
  display: block;
  height: auto;
}

input,
button,
textarea,
select,
input:focus,
button:focus,
textarea:focus,
select:focus {
  outline: 0;
}

button {
  outline: 0;
  cursor: pointer;
  border: 1px solid transparent;
}

p, div {
  font-size: 16px;
  font-weight: 400;
  color: #636161;
}

.box {
  width: 100%;
  max-width: 1440px;
  padding: 0 35px;
  margin: 0 auto;
}

.box.box-xl {
  max-width: 1200px;
}

.box.box-lg {
  max-width: 992px;
}

.box.box-md {
  max-width: 768px;
}

.section {
  padding: 50px 0;
}

button.w-100 {
  width: 100%;
}

.app {
  min-height: 100vh;
}

.ds-overflow {
  width: 100%;
}

.ds-overflow::-webkit-scrollbar {
  width: 7.5px;
}

.ds-overflow::-webkit-scrollbar-track {
  border-radius: 1000px;
  background-color: transparent;
}

.ds-overflow::-webkit-scrollbar-thumb {
  border-radius: 1000px;
  background-color: #c4c4c4;
}

.biii {
  font-size: 20px;
  color: #333533;
  width: 15%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.bi {
  font-size: 20px;
  color: #333533;
}

.cursor-p {
  cursor: pointer;
}

/* Caso normale: #ecm-body ottiene padding-bottom */
#ecm-body {
  padding-bottom: 2em;
}

/* Caso eccezionale: se contiene #ebook-gratuito-01, rimuove il padding */
#ecm-body:has(#ebook-gratuito-01) {
  padding-bottom: 0;
}

@media screen and (max-width: 650px) {
  a.btn-mob-100,
input.btn-mob-100,
button.btn-mob-100 {
    width: 100%;
  }
  .box {
    padding: 0 25px;
  }
}
.pre-h {
  color: #999A99;
  text-transform: uppercase;
  padding: 0.75em 0;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.ds-breadcrumb {
  margin: 0 0 35px 0;
}

.faq-content {
  border-top: 1px solid #cccccc;
  padding: 25px 0;
}

.faq-q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.accordion-header {
  margin-bottom: 0;
  width: 100%;
}

.ecm-body {
  margin-top: 61px;
}
.ecm-body h3 {
  padding: 0.5em 0;
}
.ecm-body ul, .ecm-body p, .ecm-body ol {
  padding: 0.65em 0;
  line-height: 140%;
}
.ecm-body .my35 {
  margin: 35px 0;
}
.ecm-body .myt35 {
  margin-top: 35px;
}
.ecm-body .myb35 {
  margin-bottom: 35px;
}
.ecm-body a:link, .ecm-body a:visited {
  color: #b7373a;
}
.ecm-body a:hover {
  text-decoration: underline;
}
.ecm-body .btn.btn-primary:link, .ecm-body .btn.btn-primary:hover, .ecm-body .btn.btn-primary:visited, .ecm-body .btn.btn-success:link, .ecm-body .btn.btn-success:hover, .ecm-body .btn.btn-success:visited, .ecm-body .btn.btn-danger:link, .ecm-body .btn.btn-danger:hover, .ecm-body .btn.btn-danger:visited {
  color: #ffffff;
  text-decoration: none;
}

.well {
  background: url(/assets/images/background-vector_1x.webp) 50% 50% no-repeat;
  background-size: cover;
}

@media screen and (min-width: 992px) {
  .ecm-body {
    margin-top: 75px;
  }
}
.ecm-body > .box:first-child,
.ecm-body > .ds-breadcrumbs:first-child,
.ecm-body > .naked:first-child {
  margin-top: 112px;
}

.ombra-small {
  box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.form-check-input[type=checkbox] {
  border-radius: 0;
}

hr {
  margin: 2em 0;
}

.box-lettura {
  width: 100%;
  max-width: 900px;
}

.maiuscoletto,
.chiave {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #747574;
}

.valore {
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.03em;
  color: #333533;
}

.box.box-content {
  padding-bottom: 3em;
}

/** Pagination */
.page-link,
.page-link:hover {
  color: #b7373a;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #b7373a;
  border-color: #b7373a;
}

ol {
  list-style-type: decimal;
  margin-left: 1em;
}
ol li {
  list-style: decimal;
}

.fakelink {
  color: #b7373a;
  cursor: pointer;
}

.fakelink:hover {
  text-decoration: underline;
}

.curlink {
  cursor: pointer;
}

.partner-box {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 30px 0;
}
.partner-box img {
  width: 100%;
  max-width: 165px;
  height: 100%;
  max-height: 140px;
  padding: 1em;
}

img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: none;
}

.img-ombra {
  border: 1px solid #DEDEDE;
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.08);
}

#alert-header {
  display: none;
  position: absolute;
  z-index: 30;
}

body.logged-ok #footer {
  /* margin-top: 120px; */
}

.nascondi {
  display: none;
}

label {
  display: inline-block;
  letter-spacing: 0.03em;
}

.pagination {
  flex-wrap: wrap;
}

.img-404 {
  justify-content: center;
  align-items: center;
  height: 50vh;
}
.img-404 img {
  opacity: 0.35;
}

.box-900 {
  max-width: 900px;
}

.box-1120 {
  max-width: 1120px;
}

.vh50 {
  min-height: 50vh;
}

.vh75 {
  min-height: 75vh;
}

.vh100 {
  min-height: 100vh;
}

.well.well-danger {
  background-color: #ffb8b8;
  color: #000;
}
.well.well-primary {
  background-color: #c2e4ff;
  color: #000;
}
.well.well-white {
  background: #FFFFFF;
  color: #000;
  border: 1px solid #eee;
}
.well.well-sm {
  padding: 1em 2em;
}

.tooltip-inner {
  font-size: 0.875rem;
}

.grey {
  color: #888;
}

.about-swiper-mob,
.fcc-swiper-mob {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  position: relative;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  position: relative;
  transform: unset;
  bottom: unset !important;
  left: unset !important;
}

.about-swiper-mob .swiper-pagination {
  margin: 3.5rem 0 0 0;
  text-align: start;
}

.about-swiper-mob .swiper-pagination-bullet {
  transition: 0.5s;
}

.about-swiper-mob .swiper-pagination-bullet-active {
  width: 35px;
  height: 8px;
  border-radius: 1000px;
  background-color: #000000;
}

header {
  width: 100%;
  background-color: #ffffff;
  /* position: relative;
  position: sticky; */
  position: fixed;
  top: 0;
  z-index: 1040;
  border-bottom: 1px solid #DEDEDE;
  height: 75px;
  transition: top 0.25s;
}
header .header-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 75px;
}

.header-left, .header-left-special {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header-left #logo-ebookecm, .header-left-special #logo-ebookecm {
  display: flex;
}
.header-left #logotype-ebookecm, .header-left-special #logotype-ebookecm {
  font-weight: 600;
  margin-top: 3px;
  color: #333533;
  display: none;
}
.header-left img, .header-left-special img {
  width: 40px;
  height: 30px;
  object-fit: contain;
  margin: 0 8px 0 0;
  min-width: 34px;
}
.header-left ul, .header-left-special ul {
  display: inline-flex;
  margin-left: 30px;
}
.header-left ul li, .header-left-special ul li {
  margin: 0 0 0 0;
  transition: 0.25s;
  border-bottom: 5px solid transparent;
  padding: 5px 15px 0 15px;
  list-style: none;
}
.header-left ul li > a, .header-left-special ul li > a {
  height: 75px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #333533;
  font-weight: 500;
  transition: 0.25s;
  white-space: nowrap;
  letter-spacing: -0.5px;
}
.header-left ul li > a:hover, .header-left-special ul li > a:hover {
  color: #b7373a;
}
.header-left ul li:hover, .header-left-special ul li:hover {
  border-color: #b7373a;
}

.header-left-special #logotype-ebookecm {
  display: flex;
}

.header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header-right .dropdown button {
  background-color: transparent;
}
.header-right > * {
  margin: 0 0 0 15px;
}
.header-right > a, .header-right > p {
  font-size: 14px;
  color: #333533;
  font-weight: 500;
  transition: 0.25s;
  white-space: nowrap;
  letter-spacing: -0.5px;
  cursor: pointer;
}
.header-right > a:hover, .header-right > p:hover {
  color: #b7373a;
}
.header-right picture,
.header-right img {
  width: 22.5px;
  height: 22.5px;
}

.header-icons-mob {
  display: none;
}

.header-menu-container-pc {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.96);
  position: absolute;
  bottom: 1px;
  left: 0;
  transform: translate(0, 100%);
  z-index: 1000;
  display: none;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.header-menu-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
}
.header-menu-header p {
  font-size: 16px;
  color: #333533;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-transform: capitalize;
}
.header-menu-header p span {
  cursor: pointer;
}
.header-menu-header p i {
  margin: 0 15px;
}
.header-menu-header a {
  font-size: 17.5px;
  color: #b7373a;
}
.header-menu-header a i {
  color: #b7373a;
}
.header-menu-header a#catalogo-generale:hover {
  text-decoration: underline;
}

.header-menu-body {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 50px;
  margin: 35px 0 0 0;
}

.aiuto-links-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 50px;
  margin: 35px 0 0 0;
}

.aiuto-links-grid main,
.header-menu-body main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.aiuto-links-grid .header-menu-body-box,
.header-menu-body .header-menu-body-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.aiuto-links-grid h6, .aiuto-links-grid .h6,
.header-menu-body h6,
.header-menu-body .h6 {
  font-size: 16.5px;
  font-weight: 700;
  color: #333533;
  margin: 0 0 25px 0;
}
.aiuto-links-grid a,
.header-menu-body a {
  font-size: 14px;
  color: #333533;
  font-weight: 500;
  margin: 0 0 15px 0;
  padding: 0 0.5em;
  margin-left: -0.5em;
}
.aiuto-links-grid a:hover,
.header-menu-body a:hover {
  color: #b7373a;
}

.header-menu-content-box {
  padding: 35px 0 35px 102.5px;
}

.menu-link > .header-menu-container-pc {
  /*
  transition: opacity 0s ease-out;
  transition-delay: 0ms;
  */
  opacity: 0;
  height: 0;
  overflow: hidden;
  display: flex !important;
}

/*
.menu-link:hover > .header-menu-container-pc {
  opacity: 1;
  height: auto;
}
*/
a.mega-dropdown:after {
  display: inline-block;
  content: url('data:image/svg+xml;utf8,<svg width="32px" height="32px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5303 8.96967C16.8232 9.26256 16.8232 9.73744 16.5303 10.0303L12.5303 14.0303C12.2374 14.3232 11.7626 14.3232 11.4697 14.0303L7.46967 10.0303C7.17678 9.73744 7.17678 9.26256 7.46967 8.96967C7.76256 8.67678 8.23744 8.67678 8.53033 8.96967L12 12.4393L15.4697 8.96967C15.7626 8.67678 16.2374 8.67678 16.5303 8.96967Z" /></svg>');
  width: 12px;
  height: 24px;
}

a.md-open.mega-dropdown:after {
  content: url('data:image/svg+xml;utf8,<svg width="32px" height="32px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5303 14.0303C16.2374 14.3232 15.7626 14.3232 15.4697 14.0303L12 10.5607L8.53033 14.0303C8.23744 14.3232 7.76256 14.3232 7.46967 14.0303C7.17678 13.7374 7.17678 13.2626 7.46967 12.9697L11.4697 8.96967C11.7626 8.67678 12.2374 8.67678 12.5303 8.96967L16.5303 12.9697C16.8232 13.2626 16.8232 13.7374 16.5303 14.0303Z" /></svg>');
}

a.header-menu-secondary-link-pc {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  padding: 0.25em 0.5em;
  border-radius: 0.35em;
  background: #eee;
}
a.header-menu-secondary-link-pc i {
  font-size: 17.5px;
}
a.header-menu-secondary-link-pc:hover {
  background: #f5f4f4;
}
a.header-menu-secondary-link-pc .disc-number {
  font-size: 0.75rem;
  font-weight: initial;
  padding: 2px 4px;
  background: #FFF;
  border-radius: 4px;
}

.header-mob {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  overflow: hidden;
  display: none;
}

.header-mob-backdrop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9000;
}

.header-mob-container {
  width: 70%;
  height: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9500;
  padding: 0 35px 35px 35px;
}

.header-mob-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  height: 60px;
  background-color: #ffffff;
}
.header-mob-header i {
  font-size: 20px;
  color: #333533;
}

.header-loggedin-box {
  display: flex;
  align-items: center;
  color: #333533;
  justify-content: flex-start;
}
.header-loggedin-box i {
  font-size: 25px;
}
.header-loggedin-box span {
  font-size: 15px;
  font-weight: 400;
  margin: 0 0 0 7.5px;
}

.header-mob-body {
  font-size: 25px;
}

.header-mob-primary-links-box {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 15px;
}
.header-mob-primary-links-box .header-mob-links-grid a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #333533;
}
.header-mob-primary-links-box .header-mob-links-grid a span {
  font-size: 16.5px;
  font-weight: 600;
}
.header-mob-primary-links-box .header-mob-links-grid a i {
  font-size: 17.5px;
}
.header-mob-primary-links-box .header-mob-links-grid a:hover {
  background-color: #DEDEDE;
}

.header-mob-links-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 15px;
}

.header-mob-secondary-links-box,
.header-mob-tertiary-links-box {
  width: 100%;
  display: none;
}
.header-mob-secondary-links-box > a,
.header-mob-tertiary-links-box > a {
  font-size: 20px;
  color: #b7373a;
  font-weight: 700;
  display: flex;
  align-items: center;
  width: 100%;
}
.header-mob-secondary-links-box > a i,
.header-mob-tertiary-links-box > a i {
  font-size: 20px;
  margin: 0 0 0 15px;
  color: #b7373a;
}
.header-mob-secondary-links-box p,
.header-mob-tertiary-links-box p {
  font-size: 17.5px;
  margin: 5px 0 15px 0;
  font-weight: 600;
  color: #333533;
}

.header-mob-secondary-links-box .header-mob-links-grid a,
.header-mob-tertiary-links-box .header-mob-links-grid a {
  font-size: 16.5px;
  color: #333533;
}

.header-mob-secondary-links-box .header-mob-links-grid h6, .header-mob-secondary-links-box .header-mob-links-grid .h6,
.header-mob-tertiary-links-box .header-mob-links-grid h6,
.header-mob-tertiary-links-box .header-mob-links-grid .h6 {
  font-size: 17.5px;
  color: #333533;
  font-weight: 600;
  margin: 15px 0 0 0;
}

.header-menu-secondary-link-mob {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hm-servizi-links-grid,
.hm-aiuto-links-grid,
.medico-chirurgo-links-grid {
  display: none;
}

.header-menu-box-secondary-pc {
  display: none;
}

.cart-btn {
  position: relative;
}

.dot-indicator {
  width: 15px;
  height: 16px;
  border-radius: 50%;
  background-color: #b7373a !important;
  position: absolute;
  top: -4.5px;
  right: -4.5px;
  color: #FFF;
  font-size: 11px !important;
  text-align: center;
}
.dot-indicator.hidden {
  display: none;
}
.dot-indicator.visible {
  display: inline-block;
}

.logged-in-box {
  width: max-content;
  display: flex;
  align-items: center;
  color: #333533;
  transition: 0.5s;
  cursor: pointer;
}
.logged-in-box:hover {
  color: #b7373a;
}
.logged-in-box span {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.5px;
}
.logged-in-box i {
  font-size: 25px;
  margin: 0 0 0 10px;
}

.user-dropdown .dropdown-menu {
  bottom: unset !important;
  left: unset !important;
  top: 100% !important;
  right: 0 !important;
  transform: translate(0, 20px) !important;
  width: max-content;
  border-radius: 0 0 10px 10px !important;
  border-top: 0 !important;
  background-color: #ffffff;
  padding: 30px;
  max-width: 350px;
  min-width: 350px;
}

.ud-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ud-head p {
  color: #333533;
  font-size: 14px;
}
.ud-head a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333533;
  font-size: 14px;
  font-weight: 500;
}
.ud-head a i {
  font-size: 17.5px;
  margin: 0 5px 0 0;
  color: #0e0e2c;
}
.ud-head a:hover {
  color: #b7373a;
}
.ud-head a:hover i {
  color: #b7373a;
}

.ricarica-p {
  color: #333533;
  font-size: 14px;
  margin: 7.5px 0 25px 0;
}

/**
    ------------------
    Sezione UD 
    ------------------
**/
.ud-courses-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 25px;
}

.ud-courses-grid-card {
  width: 100%;
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-template-rows: auto;
  grid-gap: 15px;
}
.ud-courses-grid-card > picture {
  width: 65px;
  object-fit: contain;
  border-radius: 5px;
}
.ud-courses-grid-card > picture img {
  width: 100%;
  height: max-content;
  object-fit: contain;
  object-position: top;
  border-radius: 7px;
  box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.2);
  border: 1px solid #DEDEDE;
}
.ud-courses-grid-card div p {
  font-size: 12px;
  color: #747574;
  font-weight: 700;
  margin: 15px 0;
}
.ud-courses-grid-card .ud-slider {
  width: 100%;
  background-color: #DEDEDE;
  height: 3.5px;
  border-radius: 1000px;
  position: relative;
}
.ud-courses-grid-card .ud-slider .ud-slider-prog {
  border-radius: 1000px;
  width: 65%;
  height: 3.5px;
  background-color: #589af7;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.ud-courses-grid-card-mob {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 15px;
}
.ud-courses-grid-card-mob main p {
  font-size: 12px;
  color: #747574;
  font-weight: 700;
  margin: 15px 0;
}
.ud-courses-grid-card-mob .ud-slider {
  width: 100%;
  background-color: #DEDEDE;
  height: 3.5px;
  border-radius: 1000px;
  position: relative;
}
.ud-courses-grid-card-mob .ud-slider .ud-slider-prog {
  border-radius: 1000px;
  width: 65%;
  height: 7.5px;
  background-color: #589af7;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.mob-not-registered-yet {
  margin: 50px 0 0 0;
}
.mob-not-registered-yet p:nth-child(1) {
  font-size: 16px;
  color: #0e0e2c;
  margin: 0 0 15px 0;
}
.mob-not-registered-yet p:nth-child(2) {
  font-size: 16px;
  color: #666866;
  margin: 0 0 25px 0;
}
.mob-not-registered-yet button {
  margin: 0 0 15px 0;
}

.mob-reserved-area {
  margin: 25px 0 0 0;
}

.mob-reserved-area .ud-head a {
  margin: 35px 0 0 0;
}

/**
---------------------
 Sezione menu utente 
---------------------
**/
.row-dropdown {
  border-bottom: 1px solid #DEDEDE;
}
.row-dropdown a {
  padding: 0;
  line-height: 50px;
  text-transform: uppercase;
  color: #747574;
  font-size: 14px;
  width: 100%;
  display: inline-block;
  background: url(/assets/icons/arrow-right-red.svg) 100% 50% no-repeat;
}
.row-dropdown a:link, .row-dropdown a:visited {
  color: #747574;
}
.row-dropdown a:hover {
  color: #b7373a;
}
.row-dropdown .risparmia {
  font-size: 12px;
  color: #00B67A;
  font-weight: 600;
  margin-top: -15px;
  margin-bottom: 15px;
}
.row-dropdown:last-of-type {
  display: flex;
  border-bottom: 0;
  align-items: center;
  justify-content: space-between;
}
.row-dropdown:last-of-type a {
  background: none;
}
.row-dropdown:last-of-type a:hover {
  text-decoration: underline;
}

.ud-courses-grid {
  padding: 15px 0;
  border-bottom: 1px solid #DEDEDE;
}

.ico-search {
  cursor: pointer;
  display: inline-block;
}
.ico-search i.bi {
  transition: transform 0.3s ease;
}
.ico-search i.bi:hover {
  transform: scale(1.5);
}

.box-search {
  background-color: #f9f9f9;
}
.box-search .header-menu-content-box {
  padding-left: 0;
}
.box-search .header-menu-content-box input#text-search-global {
  width: 100%;
  border: 0;
  font-size: 1.34em;
  padding: 7px 10px;
  font-style: italic;
  color: #666;
}
.box-search .header-menu-content-box input#text-search-global::placeholder {
  color: #747574;
  opacity: 1; /* Firefox */
}
.box-search .header-menu-content-box input#text-search-global::-ms-input-placeholder { /* Edge 12 -18 */
  color: #747574;
}
.box-search #search-results div.result-row {
  padding: 5px 10px;
  border-bottom: 1px solid #EEE;
}
.box-search #search-results div.result-row a.result {
  display: flex;
  align-items: center;
}
.box-search #search-results div.result-row a.result i.bi {
  padding: 5px 10px 5px 9px;
}
.box-search #search-results div.result-row a.result .result-title {
  display: flex;
  flex-direction: column;
}
.box-search #search-results div.result-row a.result .result-title span {
  font-size: 14px;
  color: #636161;
  font-weight: 500;
}
.box-search #search-results div.result-row a.result .result-title small {
  font-size: 12px;
  color: #747574;
}
.box-search #search-results div.result-row .bi {
  color: #990000;
  height: 40px;
  width: auto;
}
.box-search #search-results div.result-row img {
  display: inline-block;
  height: 40px;
  width: auto;
  border: 1px solid #eee;
  margin: 2px 5px;
}
.box-search #search-results div:hover {
  background-color: #FFF;
}

@media screen and (min-width: 1200px) {
  .header-left ul li {
    padding: 0 20px;
    height: 75px;
  }
}
@media screen and (max-width: 1200px) {
  .header-left img {
    margin: 0 35px 0 0;
  }
  .header-left ul li {
    padding: 0 12px;
    height: 75px;
  }
}
@media screen and (max-width: 992px) {
  header {
    height: unset;
  }
  header .header-content {
    min-height: 60px;
  }
  header .header-content .header-left img {
    margin: 0 35px 0 0;
  }
  header .header-content .header-left ul {
    display: none;
  }
  header .header-content .header-right > p,
header .header-content .header-right .user-dropdown {
    display: none;
  }
  header .header-content .header-right span {
    font-size: 25px;
  }
  .header-icons-mob {
    display: block;
  }
  .cart-btn {
    order: 1;
  }
  .ico-areariservata {
    order: 2;
  }
  .ico-menu-mobile {
    order: 3;
  }
}
@media screen and (min-width: 768px) {
  .header-left #logotype-ebookecm {
    display: block;
  }
}
@media screen and (max-width: 650px) {
  .header-mob-container {
    padding: 0 25px 25px 25px;
    width: 80%;
  }
}
.btn {
  text-transform: uppercase;
  border-radius: 4px;
  text-decoration: none !important;
}
.btn:link, .btn:visited {
  color: #FFFFFF;
}
.btn.btn-md {
  font-size: 14px;
  font-weight: 700;
  padding: 17.5px 25px;
  position: relative;
  width: max-content;
  display: block;
  text-align: center;
  line-height: 1;
}
.btn.btn-sm {
  font-size: 14px;
  font-weight: 700;
  padding: 12.5px 20px;
  position: relative;
  width: max-content;
  display: block;
  text-align: center;
  line-height: 1;
}
.btn.btn-xs {
  font-size: 11px;
  padding: 10px;
}
.btn.btn-100 {
  width: 100%;
}
.btn:hover, .btn:focus {
  text-decoration: none;
}

a.btn:hover {
  text-decoration: none;
}

/* Shaded Button */
.btn-shaded::before {
  content: "";
  width: 80%;
  height: 75%;
  filter: blur(3px);
  border-radius: 500px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 55%);
  transition: 0.25s;
  opacity: 0.5;
  z-index: 2;
}
.btn-shaded:hover::before {
  opacity: 0.75;
}
.btn-shaded:disabled::before {
  opacity: 0;
}
.btn-shaded:disabled:hover::before {
  opacity: 0;
}

.btn-arrow-right::after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  width: 25px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.9183 12.0013L20.3471 12.4302L20.7748 12.0013L20.3471 11.5725L19.9183 12.0013ZM19.4894 11.5725L14.6435 16.4184L15.5012 17.2761L20.3471 12.4302L19.4894 11.5725ZM20.3471 11.5725L15.5012 6.72656L14.6435 7.58429L19.4894 12.4302L20.3471 11.5725ZM19.9183 11.3956L4.77478 11.3956L4.77478 12.6071L19.9183 12.6071L19.9183 11.3956Z" fill="white"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.btn-outline-danger.btn-arrow-right::after {
  background-image: url('data:image/svg+xml;utf8,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.9183 12.0013L20.3471 12.4302L20.7748 12.0013L20.3471 11.5725L19.9183 12.0013ZM19.4894 11.5725L14.6435 16.4184L15.5012 17.2761L20.3471 12.4302L19.4894 11.5725ZM20.3471 11.5725L15.5012 6.72656L14.6435 7.58429L19.4894 12.4302L20.3471 11.5725ZM19.9183 11.3956L4.77478 11.3956L4.77478 12.6071L19.9183 12.6071L19.9183 11.3956Z" fill="maroon"/></svg>');
}

.btn-outline-danger.btn-arrow-down::after,
.arrow-down:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.64645 7.64645C3.84171 7.45118 4.15829 7.45118 4.35355 7.64645L12 15.2929L19.6464 7.64645C19.8417 7.45118 20.1583 7.45118 20.3536 7.64645C20.5488 7.84171 20.5488 8.15829 20.3536 8.35355L12.6364 16.0707C12.2849 16.4222 11.7151 16.4222 11.3636 16.0707L3.64645 8.35355C3.45118 8.15829 3.45118 7.84171 3.64645 7.64645Z" fill="%23B7373A"/></svg>');
  width: 20px;
  height: 20px;
}

.btn-outline-danger.btn-arrow-download::after,
.arrow-download:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M16 9V16H2V9H0V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16V9H16ZM10 9.67L12.59 7.09L14 8.5L9 13.5L4 8.5L5.41 7.09L8 9.67V0H10V9.67Z" fill="%23B7373A" /></svg>');
  width: 20px;
  height: 20px;
}

/* Button Sizes: lg || md || sm */
/*
.btn-lg {
  font-size: 16px;
  font-weight: 700;
  padding: 20px 57.5px;
  position: relative;
  width: max-content;
  display: block;
  text-align: center;
  min-width: 250px;
  border-radius: 0;
  line-height: 1;
}
*/
/* Filled Buttons (Shaded || Non-Shaded) */
.btn-danger,
.btn-maroon-filled {
  color: #fefef9 !important;
  background-color: #b7373a;
}
.btn-danger:hover,
.btn-maroon-filled:hover {
  opacity: 0.9;
}

/* .btn-maroon-filled.btn-shaded {
  &:hover {
    opacity: 1;
  }
  &::before {
    background: radial-gradient(rgba(183, 55, 57, 0.5), rgba(183, 55, 57, 0));
  }
} */
.btn-success,
.btn-blue-filled {
  color: #fefef9 !important;
  background-color: #589af7;
}
.btn-success:hover,
.btn-blue-filled:hover {
  opacity: 0.9;
}

/* .btn-blue-filled.btn-shaded {
  &:hover {
    opacity: 1;
  }
  &::before {
    background: radial-gradient(rgba(88, 154, 247, 0.5), rgba(88, 154, 247, 0));
  }
} */
.btn-success,
.btn-teal-filled {
  color: #fefef9 !important;
  background-color: #1ba0ab;
}
.btn-success:hover,
.btn-teal-filled:hover {
  opacity: 0.9;
}

/* .btn-teal-filled.btn-shaded {
  &:hover {
    opacity: 1;
  }
  &::before {
    background: radial-gradient(rgba(27, 159, 171, 0.5), rgba(27, 159, 171, 0));
  }
} */
/* Outlined Buttons */
.btn-outline-primary,
.btn-blue-outlined {
  color: #589af7 !important;
  background-color: #ffffff;
  border: 1px solid #589af7;
}
.btn-outline-primary:hover:not(:disabled),
.btn-blue-outlined:hover:not(:disabled) {
  background-color: rgba(88, 154, 247, 0.05);
}

.btn-outline-danger,
.btn-maroon-outlined {
  color: #b7373a !important;
  background-color: #ffffff;
  border: 1px solid #b7373a;
}
.btn-outline-danger:hover:not(:disabled),
.btn-maroon-outlined:hover:not(:disabled) {
  background-color: rgb(251, 242, 242);
}

.btn-outline-success,
.btn-teal-outlined {
  color: #1ba0ab !important;
  background-color: #ffffff;
  border: 1px solid #1ba0ab;
}
.btn-outline-success:hover:not(:disabled),
.btn-teal-outlined:hover:not(:disabled) {
  background-color: rgba(27, 159, 171, 0.05);
}

/* Disabled Button */
button:disabled,
.btn-disabled {
  opacity: 0.65 !important;
  cursor: not-allowed;
}

/* Focused Button */
button:focus {
  text-decoration: underline;
}

/*
.btn.btn-primary {
    color: #fff;
    background-color: $main__blue_accessible;
}
*/
.btn.btn-outline-primary {
  color: #4172b7 !important;
  border: 1px solid #4172b7;
}

.btn-warning:link, .btn-warning:visited {
  color: #000000 !important;
}

@media screen and (max-width: 576px) {
  .btn-xs-100 {
    width: 100% !important;
  }
}
h1, h2 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* Text colors */
.text-black {
  color: #333533;
}

.text-gray1 {
  color: #636161;
}

.text-gray2 {
  color: #747574;
}

.text-gray2b {
  color: #999a99;
}

.text-gray3 {
  color: #DEDEDE;
}

.gray {
  color: #747574;
}

.red {
  color: #b7373a;
}

.green {
  color: #00865a;
}

ul.list-none {
  list-style: none;
}

.xbig {
  font-size: 1.5rem !important;
}

.big {
  font-size: 1.2rem !important;
}

.small {
  font-size: 0.875rem !important;
}

.xsmall {
  font-size: 0.825rem !important;
}

.xxsmall {
  font-size: 0.75rem !important;
}

.xxxsmall {
  font-size: 0.675rem !important;
}

.semibold {
  font-weight: 500;
}

.bold {
  font-weight: 700;
}

.extrabold {
  font-weight: 900;
}

.striked {
  text-decoration: line-through;
}

.alert .alert-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 1000px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.alert .alert-content b {
  font-weight: 700;
}
.alert .alert-content img {
  width: 22.5px;
  height: 22.5px;
}
.alert .alert-content a:link,
.alert .alert-content a:visited {
  color: #FFF;
  text-decoration: underline;
}
.alert .alert-content a:hover {
  color: darker("#FFF", 10%);
}
.alert .alert-content p {
  width: 90%;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.alert .alert-content p b {
  font-weight: 700;
}

.alert-warning {
  color: #222;
  background-color: #FFCE71;
}

/* .dropdown-item.active,
.dropdown-item:active {
  background-color: $light3;
} */
a.dropdown-item:hover {
  text-decoration: none;
}

/* a.dropdown-item {
  font-size: 15px;
  padding: 5px 25px;
} */
/* .dropdown-menu {
  border: 1px solid $light3;
  border-radius: 0;
  min-width: 100%;
} */
.dropdown {
  width: max-content;
  position: relative;
}

.input-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.input-box label {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 5px 0;
  display: block;
}

.input,
.select {
  width: 100%;
  border: 1px solid #DEDEDE;
  padding: 5px 15px;
  height: 40px;
  font-size: 14px;
  background-color: #ffffff;
  transition: 0.5s;
}
.input::placeholder,
.select::placeholder {
  color: #afafaf;
  font-size: 14px;
}
.input:hover, .input:focus,
.select:hover,
.select:focus {
  border: 1px solid #747574;
}

.checkbox {
  width: 100%;
  display: inline-flex;
  align-items: flex-start;
}
.checkbox input {
  zoom: 1.25;
  margin: 2.5px 7.5px 0 0;
  cursor: pointer;
}
.checkbox label {
  font-size: 16px;
  color: #0e0e2c;
}

.form-floating > label {
  opacity: 0.7;
  color: #333533;
}

.form-floating select {
  background: #FFF url("https://d13noyg176odx.cloudfront.net/assets/icons/freccia_2x.png") 97% 50% no-repeat;
  background-size: 24px;
}

.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 20px !important;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.75) translateY(-5px) translateX(1.5px) !important;
}

.ds-modal-content {
  padding: 50px;
  background-color: #fefef9;
}

.ds-modal-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.ds-modal-head img {
  height: 35px;
}
.ds-modal-head h5 {
  text-align: center;
  margin: 25px 0;
}
.ds-modal-head #feedback-message {
  padding: 1em 2em;
  border-radius: 7px;
  width: 100%;
  display: block;
}
.ds-modal-head #feedback-message.red {
  background: #ffe9e9;
}

.login-modal-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.login-modal-content > * {
  width: 100%;
}

.forgot-email,
.forgot-remember-password > a {
  width: 100%;
  color: #747574;
  font-size: 13.5px;
  text-align: right;
  text-decoration: underline;
  font-weight: 500;
}
.forgot-email:hover,
.forgot-remember-password > a:hover {
  color: #b7373a;
}

.forgot-email {
  margin: 7.5px 0 15px 0;
}

.forgot-email:focus {
  border: 2px solid green;
}

.forgot-remember-password {
  width: 100%;
  margin: 7.5px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.forgot-remember-password label {
  font-size: 13.5px;
}

.login-modal-content > button {
  margin: 0 0 15px 0;
}

.dont-have-account {
  width: 100%;
  text-align: center;
  font-size: 13.5px;
  color: #333533;
}
.dont-have-account .link-text {
  font-size: 13.5px;
}

.having-trouble-loggingin {
  width: 100%;
  color: #747574;
  font-size: 13.5px;
  text-align: center;
  font-weight: 500;
  text-decoration: underline;
  margin: 35px 0;
}
.having-trouble-loggingin:hover {
  color: #b7373a;
}

.registration-success-modal-content {
  width: 100%;
}
.registration-success-modal-content button {
  width: 100%;
}

.ds-modal-head-mob {
  display: none;
}

/* Effetto shake */
.shake {
  animation: shake 0.3s;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-10px);
  }
  50% {
    transform: translateX(10px);
  }
  75% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@media screen and (max-width: 650px) {
  .ds-modal-content {
    padding: 0 25px 25px 25px;
  }
  .ds-modal-head #feedback-message {
    display: none;
  }
  .ds-modal-head picture {
    display: none;
  }
  .ds-modal-head-mob {
    width: 100%;
    padding: 25px 0;
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-template-rows: auto;
    grid-gap: 15px;
  }
  .ds-modal-head-mob i {
    cursor: pointer;
  }
}
#carrello-modal {
  position: absolute;
  top: 0;
  right: 100px;
  bottom: 0;
  left: 0;
  z-index: 10040;
  overflow: auto;
  overflow-y: auto;
}
#carrello-modal .modal-dialog {
  margin-right: 0 !important;
  margin-top: 0 !important;
}
#carrello-modal .ds-modal-content {
  background-color: #ffffff;
  border: 0;
}
@media screen and (min-width: 650px) {
  #carrello-modal .modal-dialog {
    max-width: 400px;
    align-items: flex-start;
    margin-top: 61px !important;
  }
}
@media screen and (min-width: 992px) {
  #carrello-modal .modal-dialog {
    margin-top: 86px !important;
  }
}

@media screen and (min-width: 992px) {
  #modalStripe .modal-dialog {
    max-width: 600px;
  }
}
#modalStripe .modal-title {
  font-weight: normal;
  color: #ffffff;
}
#modalStripe .modal-header {
  display: block;
}
#modalStripe .modal-header h3 img {
  display: inline;
}
#modalStripe .modal-header .btn-close {
  float: right;
}
#modalStripe .modal-body {
  font-family: Roboto, Arial, sans-serif;
}
#modalStripe .modal-body legend {
  float: none;
}

#estratto.modal .modal-content, #estratto.modal .modal-header {
  background: transparent;
  border: 0;
}
#estratto.modal .modal-body {
  padding: 0;
  border: 0;
}

.ds-tabs {
  width: 100%;
}
.ds-tabs ul {
  width: 100%;
  margin: 0 0 25px 0;
}

.dettaglio-main-box .ds-breadcrumbs .box {
  padding-left: 0;
}

.ds-breadcrumbs {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 25px 0;
}
.ds-breadcrumbs .ds-breadcrumbs-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 0;
}
.ds-breadcrumbs .ds-breadcrumbs-box a, .ds-breadcrumbs .ds-breadcrumbs-box i {
  margin: 0 10px 0 0;
  display: flex;
}
.ds-breadcrumbs .ds-breadcrumbs-box li {
  padding: 0;
  margin: 0;
  display: flex;
}
.ds-breadcrumbs a {
  font-size: 15px;
  color: #747574 !important;
  text-decoration-color: #747574;
}
.ds-breadcrumbs a:hover {
  color: #b7373a;
}
.ds-breadcrumbs a.ds-active-breadcrumb {
  font-size: 15px;
  text-decoration: underline;
  color: #333533 !important;
  font-weight: 500;
}
.ds-breadcrumbs a.ds-active-breadcrumb:hover {
  color: #b7373a;
}
.ds-breadcrumbs em, .ds-breadcrumbs i {
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  .ds-breadcrumbs {
    margin: 25px 0;
  }
}
@media screen and (min-width: 768px) {
  .ds-breadcrumbs {
    margin: 0 0 35px 0;
  }
  .ds-breadcrumbs .box {
    padding-left: 4px;
  }
}
.create-account {
  width: 100%;
  position: relative;
  margin: 0;
  padding-top: 2em;
  background-color: #3a3a3a;
}
.create-account.create-account-cartaecm {
  background-color: transparent;
}
.create-account .create-account-split {
  width: 100%;
  background-color: #f8f8f8;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.create-account .create-account-content {
  z-index: 3;
  position: relative;
  background-color: #ffffff;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.075);
  padding: 50px 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.create-account .create-account-content .cac-left {
  max-width: 75%;
}
.create-account .create-account-content .cac-left span {
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 7.5px 0;
  color: #333533;
  display: block;
}
.create-account .create-account-content .cac-left p {
  font-size: 16px;
  font-weight: 400;
  color: #636161;
  max-width: 500px;
}
.create-account .create-account-content .cac-right {
  margin: 0 0 0 25px;
}

@media screen and (max-width: 1000px) {
  .create-account .create-account-content {
    padding: 35px 50px;
  }
}
@media screen and (max-width: 850px) {
  .create-account {
    margin: 0;
  }
  .create-account .create-account-content {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 1em;
    box-shadow: unset !important;
  }
  .create-account .create-account-content .cac-right {
    margin: 25px 0 0 0;
    width: 100%;
  }
  .create-account .create-account-content .cac-left {
    max-width: 100%;
  }
  .create-account .create-account-split {
    display: none;
  }
}
.footer {
  width: 100%;
  background-color: #3a3a3a;
  padding: 100px 0 35px 0;
  color: #f8f8f8;
}
.footer .footer-content {
  width: 100%;
  display: grid;
  grid-template-columns: 1.5fr 0.75fr 0.75fr 1fr;
  grid-template-rows: auto;
  grid-gap: 50px;
}
.footer .footer-content div, .footer .footer-content p {
  color: #f8f8f8;
}
.footer .footer-content .maiuscoletto {
  font-size: 15px;
  line-height: 1em;
  color: #f8f8f8;
  margin: 0 0 15px 0;
}
.footer .footer-content .fc-center a,
.footer .footer-content .fc-right a {
  font-size: 15px;
  font-weight: 400;
  color: #f8f8f8;
  margin: 0 0 15px 0;
  transition: 0.25s;
  display: block;
}
.footer .footer-content .fc-center a:hover,
.footer .footer-content .fc-right a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.footer .footer-content .fc-center {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer .footer-content .fc-right {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.footer .footer-content .fc-right > * {
  width: 100%;
  margin: 0 0 15px 0;
}
.footer .footer-content .fc-right > .privacy-cookie {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.footer .footer-content .fc-right > .privacy-cookie i {
  font-size: 13.5px;
  font-weight: 400;
  color: #f8f8f8;
  font-style: normal;
  display: none;
}
.footer .footer-content .fc-right > .privacy-cookie a {
  font-size: 13.5px;
  font-weight: 400;
  color: #f8f8f8;
  margin: 0 0 0 15px;
}
.footer .footer-content .fc-right > .privacy-cookie a:hover {
  color: #b7373a;
}
.footer .footer-content .fc-right > .privacy-cookie > a:nth-child(1) {
  display: none;
}
.footer .footer-content .fc-right h5 {
  font-size: 16px;
  font-weight: 700;
  color: #f8f8f8;
}
.footer .footer-content .fc-right button {
  margin: 35px 0;
}
.footer .footer-content .fc-left .social-links {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 50px 0 25px 0;
}
.footer .footer-content .fc-left .social-links span {
  width: 37.5px;
  height: 37.5px;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #b7373a;
  margin: 0 15px 0 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);
}
.footer .footer-content .fc-left .social-links span img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  fill: red;
}
.footer .footer-content .fc-left img {
  width: max-content;
  height: 27.5px;
  object-fit: contain;
}
.footer .footer-content .fc-left p {
  font-size: 14px;
  margin: 25px 0;
  color: #f8f8f8;
}
.footer .footer-content .fc-left i {
  font-size: 16px;
  font-style: normal;
  color: #f8f8f8;
}
.footer .footer-content .fc-left > a {
  font-size: 12px;
  font-weight: 500;
  color: #f8f8f8;
  text-decoration: underline;
}
.footer .payments-logos {
  display: flex;
  justify-content: space-between;
}
.footer .payments-logos img, .footer .payments-logos svg {
  width: 32px;
  height: 21.8px;
}

.footer-last {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #acacac;
}
.footer-last p, .footer-last div {
  color: #f8f8f8;
  font-size: 12px;
}
.footer-last a {
  font-weight: 400;
  font-size: 12px;
  color: #f8f8f8;
  margin: 0 0 15px 0;
  transition: 0.25s;
  margin-left: 20px;
}
.footer-last a:hover {
  color: #ffffff;
  text-decoration: underline;
}

div#footer {
  /* margin-top: 5em; */
}

.create-account + div#footer {
  margin-top: 0;
}

/**
 *  Acquisto Popup
 */
div#acquisto-popup {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 5000;
  border-radius: 0 0 7px 7px;
  border: 0;
  background: #FFF;
  padding: 1em 2em;
  text-align: center;
  overflow-x: hidden;
}
div#acquisto-popup #acquisto-articolo-img img {
  max-width: 80px;
  float: left;
  margin: 0 1rem 2rem 0;
  box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
div#acquisto-popup .acquisto-articolo-cont {
  text-align: left;
}
div#acquisto-popup #acquisto-message {
  color: #589af7;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.64px;
  text-transform: uppercase;
}
div#acquisto-popup #acquisto-message::before,
div#acquisto-popup #acquisto-message .bi {
  color: #589af7;
}
div#acquisto-popup #acquisto-articolo-titolo {
  font-weight: bold;
}
div#acquisto-popup .maiuscoletto span {
  color: #000000;
}

@media screen and (min-width: 768px) {
  div#acquisto-popup {
    top: 86px;
    right: 100px;
    width: 400px;
  }
}
@media screen and (max-width: 1100px) {
  .footer .footer-content {
    grid-template-columns: 1fr 1fr;
  }
  .footer .footer-content > :nth-child(3) {
    order: 4;
  }
  .footer .footer-content > :nth-child(4) {
    order: 3;
  }
}
@media screen and (max-width: 850px) {
  .footer {
    padding-bottom: 20px;
  }
  .footer .footer-content > :nth-child(1), .footer .footer-content > :nth-child(4) {
    grid-column: 1/-1;
  }
  .footer .footer-content > :nth-child(3) {
    order: 3;
  }
  .footer .footer-content > :nth-child(4) {
    order: 4;
  }
  .footer .footer-content .fc-left > i {
    display: none;
  }
  .footer .footer-content .fc-right .privacy-cookie {
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
  }
  .footer .footer-content .fc-right .privacy-cookie > a {
    margin: 0 0 15px 0;
  }
  .footer .footer-content .fc-right .privacy-cookie > i {
    display: block;
  }
  .footer .footer-content .fc-right button {
    margin: 0 0 25px 0;
  }
  .footer .footer-content {
    padding: 50px 0;
  }
  .footer .footer-content .fc-left .social-links {
    margin: 35px 0 0 0;
  }
}
.stars .bi {
  font-size: 0.875rem;
  color: #00B67A;
}

.stars-value {
  font-size: 14px;
  font-weight: 500;
  padding-left: 1em;
  color: #1F1F1F;
}

.star-none {
  height: 23px;
}

.hero {
  width: 100%;
  max-width: 100%;
  max-height: calc(100vh - 75px);
  overflow: hidden;
  position: relative;
}
.hero .hero-background img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  object-position: top right;
  filter: brightness(0.5);
}
.hero #logotype-ebookecm-hero {
  font-size: 40px;
  display: flex;
  color: #FFF;
  font-weight: 500;
}
.hero #hero-ebookecm {
  /*display: flex;*/
  display: none;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: #333533;
  text-shadow: #fff 1px 0 10px;
}
.hero .hero-content {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 125px 0 175px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.hero .hero-content h2 {
  color: #fefef9;
  order: 1;
  font-size: 18px;
  display: none;
}
.hero .hero-content h1 {
  color: #fefef9;
  margin: 7.5px 0 0 0;
  /* order: 2;*/
}
.hero .hero-content .claim-home {
  font-weight: 400;
  color: #fefef9;
  padding: 1em 0;
  max-width: 600px;
}
.hero .hero-content a {
  order: 3;
}
.hero .hero-content .stars {
  text-wrap: nowrap;
}

.hero-grid {
  margin: 75px 0 0 0;
  width: 100%;
}
.hero-grid .hero-grid-content {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  grid-gap: 35px;
}
.hero-grid .hero-grid-content .hero-grid-card {
  cursor: pointer;
}
.hero-grid .hero-grid-content .hero-grid-card a:hover {
  text-decoration: none;
}
.hero-grid .hero-grid-content .hero-grid-card picture {
  height: 100%;
}
.hero-grid .hero-grid-content .hero-grid-card picture img {
  width: 100%;
  height: 100%;
}
.hero-grid .hero-grid-content .hero-grid-card:hover img {
  transform: translate(-50%, -50%) scale(1.05);
}
.hero-grid .hero-grid-content .hero-grid-card:hover p {
  color: #0e0e2c;
}
.hero-grid .hero-grid-content .hero-grid-card div {
  width: 100%;
  height: 175px;
  position: relative;
  overflow: hidden;
  border-radius: 7.5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-grid .hero-grid-content .hero-grid-card div img {
  transition: 0.75s;
  width: 100%;
  object-fit: cover;
  filter: brightness(0.75);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.hero-grid .hero-grid-content .hero-grid-card div span {
  z-index: 2;
  position: relative;
  color: #fefef9;
  font-weight: 700;
  font-size: 20px;
  width: 100%;
  text-align: center;
  padding: 0 15px;
  text-shadow: 0px 1px 2px #000000;
}
.hero-grid .hero-grid-content .hero-grid-card p {
  margin: 25px 0 0 0;
  transition: 0.75s;
}

.home-details-section-1 {
  margin: 150px 0;
  width: 100%;
  position: relative;
}

.hds1-content {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 75px;
}
.hds1-content .hds1-left {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.hds1-content .hds1-left span {
  font-size: 13.5px;
  margin: 0 0 15px 0;
  display: block;
}
.hds1-content .hds1-left h3,
.hds1-content .hds1-left h4 {
  font-size: 24px;
  font-weight: 700;
  color: #0e0e2c;
}
.hds1-content .hds1-right {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hds1-content .hds1-right picture {
  width: 100%;
}
.hds1-content .hds1-right picture img {
  width: 100%;
  height: 100%;
}
.hds1-content .hds1-right picture.ecm-card {
  width: 75%;
}
.hds1-content .hds1-right picture.ecm-card img {
  border-radius: 12px;
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
}

.to-right-img {
  width: 100%;
  object-fit: cover;
}

.fcc-swiper-mob {
  display: none;
}

.featured-courses {
  width: 100%;
  padding: 75px 0 25px;
}
.featured-courses .featured-courses-content {
  width: 100%;
}
.featured-courses .featured-courses-content .fcc-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 35px;
  overflow-x: hidden;
}

.fcc-grid-card {
  transition: var(--trns1);
  width: 100%;
  cursor: grab;
}
.fcc-grid-card:hover h1 {
  color: #b7373a;
}
.fcc-grid-card:hover img {
  transform: translate(0, -5px);
}
.fcc-grid-card img {
  max-height: 300px;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  transition: 0.5s;
  width: max-content;
  /*height: 24vw;*/
}
.fcc-grid-card span {
  font-size: 16px;
  font-weight: 700;
  color: #333533;
  margin: 25px 0 0 0;
  transition: 0.25s;
}
.fcc-grid-card p {
  font-size: 13.5px;
  font-weight: 700;
  color: #636161;
  margin: 15px 0 0 0;
}
.fcc-grid-card .crediti {
  margin-top: 1rem;
}
.fcc-grid-card .crediti span {
  color: #b7373a;
  display: inline;
  font-size: 1.25em;
}
.fcc-grid-card .titolo {
  font-weight: 600;
  margin: 0.5rem 0;
  line-height: 1.2em; /* Altezza della linea */
  height: 2.4em; /* 2 linee di testo */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Numero massimo di righe */
  -webkit-box-orient: vertical;
}
.fcc-grid-card .titolo a:link,
.fcc-grid-card .titolo a:visited {
  color: #000000;
}
.fcc-grid-card .costo {
  font-weight: 500;
  margin: 0 0 1rem 0;
}
.fcc-grid-card .costo span {
  font-size: 1.25em;
}

.fcc-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 35px 0;
}
.fcc-header h3,
.fcc-header h4 {
  font-weight: 700;
  font-size: 24px;
  color: #0e0e2c;
}
.fcc-header a {
  font-size: 16px;
  font-weight: 700;
  color: #333533;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.25s;
}
.fcc-header a picture,
.fcc-header a img {
  width: 25px;
  margin: 0 0 0 5px;
}

.fcc-header-btn-mob {
  font-size: 16px;
  font-weight: 700;
  color: #333533;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 35px 0 0 0;
  transition: 0.25s;
  display: none;
}
.fcc-header-btn-mob:hover {
  color: #b7373a;
}
.fcc-header-btn-mob picture {
  width: 25px;
  margin: 0 0 0 7.5px;
}

.profession-catalogue {
  width: 100%;
  padding: 25px 0;
  background-color: #f8f8f8;
}
.profession-catalogue .pcc-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 35px;
}
.profession-catalogue .pcc-grid a:hover {
  text-decoration: none;
}
.profession-catalogue .pcc-grid .pcc-grid-card {
  width: 100%;
  padding: 25px;
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid #eeeeff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: 0.5s;
  cursor: pointer;
  text-decoration: none;
}
.profession-catalogue .pcc-grid .pcc-grid-card:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.profession-catalogue .pcc-grid .pcc-grid-card img {
  width: 50px;
  height: 50px;
  margin: 0 15px 0 0;
}
.profession-catalogue .pcc-grid .pcc-grid-card picture, .profession-catalogue .pcc-grid .pcc-grid-card div {
  width: 50px;
  height: 50px;
  margin: 0 15px 0 0;
}
.profession-catalogue .pcc-grid .pcc-grid-card p {
  font-size: 16px;
  font-weight: 700;
  color: #0e0e2c;
  text-decoration: none;
}

.form-nomecognome .nome2 {
  display: none;
}

.home-details-section-2 {
  margin: 75px 0 150px 0;
  width: 100%;
  position: relative;
}

.about-swiper-mob {
  display: none;
}

.about-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 35px;
}

.about-grid-card {
  width: 100%;
  padding: 0 0 25px 0;
  border-bottom: 1px solid #c4c4c4;
}
.about-grid-card img {
  width: 35px;
  object-fit: contain;
}
.about-grid-card span {
  font-size: 16px;
  font-weight: 700;
  color: #0e0e2c;
  margin: 25px 0 0 0;
  display: block;
}
.about-grid-card p {
  font-size: 12px;
  font-weight: 700;
  color: #636161;
  margin: 25px 0 0 0;
}

.partners-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  grid-gap: 25px;
}
.partners-grid .partners-grid-card {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partners-grid .partners-grid-card h4, .partners-grid .partners-grid-card .h4 {
  white-space: nowrap;
}
.partners-grid .partners-grid-card img {
  width: 100%;
  max-height: 55px;
  object-fit: contain;
  max-width: 140px;
  aspect-ratio: 2/1;
}

/* 1000px */
@media screen and (max-width: 992px) {
  .hero {
    max-height: unset;
  }
  .hero-grid .hero-grid-content {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
  }
  .featured-courses .featured-courses-content .fcc-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px;
  }
  .profession-catalogue .pcc-grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
  }
  .profession-catalogue .pcc-grid .pcc-grid-card {
    padding: 25px;
  }
  .about-grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
  }
  .partners-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 50px;
  }
  .hds1-content {
    grid-gap: 50px;
  }
  .hds1-content .hds1-right picture.ecm-card {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .hero .hero-content {
    padding: 250px 0 35px 0;
  }
  .hero .hero-content h2 {
    font-size: 15px;
  }
  .hero .hero-content h1 {
    font-size: 50px;
  }
  .hero-grid .hero-grid-content {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 35px;
  }
  .hero-grid .hero-grid-content .hero-grid-card p {
    margin: 15px 0 0 0;
  }
  .hds1-content {
    grid-template-columns: 1fr;
    grid-gap: 35px;
  }
  .hds1-content .hds1-left p {
    margin: 25px 0;
  }
  .hds1-content .hds1-right-mob {
    order: 1;
  }
  .hds1-content .hds1-left-mob {
    order: 2;
  }
  .home-details-section-1 {
    margin: 75px 0;
  }
  .home-details-section-2 {
    margin: 0 0 75px 0;
  }
  .hds1-content .hds1-right picture.ecm-card {
    width: 65%;
  }
  .featured-courses .featured-courses-content .fcc-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .profession-catalogue .pcc-grid {
    grid-template-columns: 1fr 1fr;
  }
  .profession-catalogue .pcc-grid .pcc-grid-card {
    padding: 15px;
  }
  .partners-grid .partners-grid-card img {
    height: unset;
  }
}
@media screen and (max-width: 576px) {
  .fcc-header-btn-mob,
.about-swiper-mob,
.fcc-swiper-mob {
    display: flex;
  }
  .fcc-grid-card img {
    width: max-content;
    height: 380px;
    max-height: fit-content;
  }
  .hero-grid {
    margin: 35px 0 0 0;
  }
  .hero-grid .hero-grid-content {
    grid-template-columns: repeat(1, 1fr);
  }
  .featured-courses .featured-courses-content .fcc-grid {
    display: none;
  }
  .profession-catalogue .pcc-grid {
    grid-template-columns: 1fr;
  }
  .about-grid {
    display: none;
  }
  .partners-grid {
    grid-template-columns: 1fr 1fr;
  }
  .hero .hero-content h1 {
    font-size: 35px;
  }
  .fcc-header {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .fcc-header a {
    display: none;
  }
  .hds1-content .hds1-right picture.ecm-card {
    width: 85%;
  }
}
section#ebook-gratuito-01 {
  padding: 3em 0;
  background-image: linear-gradient(90deg, rgb(218, 218, 218), rgba(202, 202, 202, 0));
}
section#ebook-gratuito-01 button.btn-close {
  display: none;
}
section#ebook-gratuito-01 .sect-ebk1 h3 {
  padding-top: 1em;
  font-size: 1.4em;
  font-weight: 600;
}
section#ebook-gratuito-01 .sect-ebk1 .form-container {
  max-width: 440px;
}
section#ebook-gratuito-01 .sect-ebk2 {
  justify-content: space-between;
}
section#ebook-gratuito-01 .sect-ebk2 .ebookgratuito {
  max-width: 125px;
}
section#ebook-gratuito-01 .sect-ebk2 .vantaggio {
  white-space: nowrap;
  font-weight: bold;
  padding: 0.25em 0 0.25em 28px;
}
section#ebook-gratuito-01 .sect-ebk2 .btn {
  border-radius: 7px;
}
.modal-body #ebook-gratuito-01 {
  padding: 0 0 2em 0;
}
.modal-body #ebook-gratuito-01 button.btn-close {
  display: block;
  float: right;
  padding: 1.3em 1.3em;
  position: relative;
}
.modal-body #ebook-gratuito-01 .sect-ebk1,
.modal-body #ebook-gratuito-01 .sect-ebk2 {
  margin: 0;
}
.modal-body #ebook-gratuito-01 .sect-ebk1 {
  width: 60%;
}
.modal-body #ebook-gratuito-01 .sect-ebk2 {
  width: 40%;
}
.modal-body #ebook-gratuito-01 .sect-ebk2 .ebookgratuito {
  max-width: 100%;
}
.modal-body #ebook-gratuito-01 .vantaggi {
  display: none;
}

section#come-funziona h3, section.dicono-di-noi h3, .header-corsi-home h2, .header-corsi-home h3, section#home-numeri h3 {
  font-weight: 500;
  font-size: 32px;
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 1.5em;
  text-align: center;
}
section#come-funziona h3 span, section.dicono-di-noi h3 span, .header-corsi-home h2 span, .header-corsi-home h3 span, section#home-numeri h3 span {
  color: #a6242d;
}

section#risparmia-cartaecm {
  background: url(/assets/images/background-slide.png) 0 30% no-repeat;
}
section#risparmia-cartaecm h3 {
  font-size: 32px;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
section#risparmia-cartaecm .vants .vant {
  border: 1px solid #eee;
  border-radius: 7px;
  padding: 1.5em;
  background: rgba(255, 255, 255, 0.5);
}
section#risparmia-cartaecm .vants .vant h4, section#risparmia-cartaecm .vants .vant h5 {
  margin: 0.5rem 0 1rem 0;
}

/* Home numeri */
section#home-numeri {
  margin: 1em auto;
  padding: 100px 0;
  vertical-align: middle;
  background-color: #f8f8f8;
}
section#home-numeri .box {
  max-width: 80%;
}
section#home-numeri .bigger {
  font-weight: 700;
  font-size: 36px;
}
section#home-numeri .big-numbers div.text-center {
  max-width: 250px;
  margin: 0 auto;
}

.valutazione-hero {
  color: #FFF;
  padding-bottom: 25px;
  margin-top: -196px;
  margin-bottom: 196px;
}
.valutazione-hero .stars {
  display: inline;
  margin-left: 12px;
}
.valutazione-hero .stars .bi {
  font-size: 1rem;
}

.header-corsi-home {
  margin: 1em auto;
}
.header-corsi-home .box {
  max-width: 80%;
}
section.dicono-di-noi {
  padding-top: 2em;
  padding-bottom: 1em;
  border-top: 1px solid #DEDEDE;
}
section.dicono-di-noi h3 {
  margin-top: 1em;
  padding-bottom: 0;
}
section.dicono-di-noi .about-grid-card img {
  filter: invert(41%) sepia(86%) saturate(362%) hue-rotate(93deg) brightness(98%) contrast(97%);
}

section#come-funziona h3 {
  padding-top: 1.5em;
}
section#come-funziona .step {
  border-left: 3px solid color-mix(in srgb, #b7373a 30%, transparent);
  padding: 0 0 0 1.5em;
  margin: 1.5em 0;
  max-width: 470px;
}
section#come-funziona .step .step-desc {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
  opacity: 0;
}
section#come-funziona .step .maiuscoletto {
  color: #747574;
  font-weight: 400;
}
section#come-funziona .step h4 {
  color: #636161;
  font-weight: 600;
  padding-bottom: 0.5em;
  background: url(/assets/icons/freccia_2x.png) 100% 0 no-repeat;
  background-size: 24px;
  cursor: pointer;
}
section#come-funziona .step-active .maiuscoletto {
  color: #b7373a;
}
section#come-funziona .step-active .step-desc {
  max-height: 500px; /* Imposta un valore sufficiente per contenere il testo */
  opacity: 1;
  overflow: visible;
}
section#come-funziona .step-active h4 {
  color: #b7373a;
  background: url(/assets/icons/freccia-up_2x.png) 100% 0 no-repeat;
  background-size: 24px;
}
section#come-funziona .step-1b {
  border-left: 3px solid color-mix(in srgb, #00B67A 30%, transparent);
}
section#come-funziona .step-1b .maiuscoletto {
  color: #747574;
}
section#come-funziona .step-1b h4 {
  color: #00B67A;
}
section#come-funziona .step-1b .step-special {
  background-color: color-mix(in srgb, #00B67A 20%, transparent);
  font-size: 12px;
  padding: 3px;
  display: inline;
  border-radius: 3px;
}

.swiper-wrapper {
  padding-bottom: 20px;
}

.swiper-button-next,
.swiper-button-prev {
  color: #000;
  opacity: 0.5;
  transition: opacity 0.3s;
  padding: 2em;
  background: #CCC;
  border-radius: 50%;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1; /* al passaggio del mouse diventano opache */
}

.swiper-button-next,
.swiper-button-prev {
  z-index: 10;
}

.swiper-scrollbar {
  background: rgba(0, 0, 0, 0.1); /* sfondo barra */
  height: 6px;
  border-radius: 3px;
}

.swiper-scrollbar-drag {
  background: rgba(0, 0, 0, 0.4); /* “maniglia” */
  border-radius: 3px;
}

@media screen and (min-width: 576px) {
  .vants {
    grid-template-columns: 1fr 1fr;
  }
  section#ebook-gratuito-01 .sect-ebk2 .ebookgratuito {
    max-width: 70%;
    height: fit-content;
    height: intrinsic;
  }
  section#ebook-gratuito-01 .sect-ebk1 h3 {
    font-weight: 600;
    font-size: 2em;
  }
  section#ebook-gratuito-01 .contatore-step {
    display: none;
  }
}
@media screen and (min-width: 576px) {
  .valutazione-hero {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .valutazione-hero {
    margin: 0;
  }
  .hero .hero-background img {
    object-position: top center;
  }
}
@media screen and (min-width: 992px) {
  .profession-catalogue-white {
    background-color: transparent;
    position: relative;
    z-index: 100;
    margin-top: -100px;
  }
  .profession-catalogue-white .partners-grid-card h4, .profession-catalogue-white .partners-grid-card .h4 {
    color: #ffffff;
  }
  .profession-catalogue-white .partners-grid-card picture img {
    filter: brightness(0) saturate(100%) invert(100%);
  }
  .hero .hero-background img {
    object-position: top right;
  }
}
#fine-triennio-2025 {
  padding: 50px 0;
  background-color: #b7373a;
  margin-top: -5px;
}
#fine-triennio-2025 h4, #fine-triennio-2025 .h4, #fine-triennio-2025 h3, #fine-triennio-2025 .h3, #fine-triennio-2025 h2, #fine-triennio-2025 .h2, #fine-triennio-2025 h1, #fine-triennio-2025 .h1, #fine-triennio-2025 p {
  color: #fefef9;
}
#fine-triennio-2025 .gold {
  color: gold;
  text-transform: uppercase;
}
#fine-triennio-2025 ul {
  padding: 1em;
}
#fine-triennio-2025 ul li {
  padding: 0.25em 0;
}
#fine-triennio-2025 .box-guida-pdf {
  padding: 80px;
}
#fine-triennio-2025 span.underline {
  text-decoration: underline;
  text-decoration-color: #FFFFFF;
  color: #fef0a8;
}
#fine-triennio-2025 .shadow {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) !important;
}

.gcol {
  display: grid;
  grid-template-rows: auto;
  width: 100%;
}

.gcol2 {
  grid-template-columns: 1fr 1fr;
}

.gcol3 {
  grid-template-columns: repeat(3, 1fr);
}

.gcol4 {
  grid-template-columns: repeat(4, 1fr);
}

.gcol5 {
  grid-template-columns: repeat(5, 1fr);
}

.gcol6 {
  grid-template-columns: repeat(6, 1fr);
}

.clf-header {
  /* Specifica che il contenitore risponderà ai cambiamenti nella larghezza */
  container-type: inline-size;
  container-name: clf-header;
  width: 100%;
  height: 190px;
  position: relative;
  margin-bottom: 35px;
}
.clf-header picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  object-fit: cover;
}
.clf-header picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.65);
}
.clf-header .box {
  position: relative;
  z-index: 20;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.clf-header h1 {
  color: #ffffff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.63);
}
.clf-header h2 {
  color: #DDD;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.63);
}

/* Acquisti di gruppo */
div#col-acq-gruppo-1 .item:nth-child(even) {
  background: #DEDEDE;
}
div#col-acq-gruppo-1 .item:nth-child(odd) {
  background: #eee;
}
div#col-acq-gruppo-1 .item {
  display: flex;
  padding: 0.75em;
  border-bottom: 1px solid #DEDEDE;
  align-items: center;
}
div#col-acq-gruppo-1 .item .copertina {
  width: 50px;
  margin-right: 20px;
}
div#col-acq-gruppo-1 .item .item-desc {
  width: 70%;
  margin-right: 20px;
  font-size: 14px;
}
div#col-acq-gruppo-1 .item .item-desc h4 {
  font-size: 16px;
  font-weight: 500;
}
div#col-acq-gruppo-1 .item .item-desc * {
  font-size: 14px;
}
div#col-acq-gruppo-1 .item .item-num {
  text-align: right;
}
div#col-acq-gruppo-1 .item .item-num input {
  padding-right: 0;
  width: 70px;
}

div#col-acq-gruppo-2 .well-fixed {
  position: sticky;
  margin: 0;
  top: 90px;
}
div#col-acq-gruppo-2 #rr {
  font-size: 2em;
  font-weight: bold;
  text-align: right;
  margin-top: -36px;
}
div#col-acq-gruppo-2 .iva {
  font-size: 12px;
  display: block;
}
div#col-acq-gruppo-2 #rr2 {
  font-size: 0.9em;
  margin-top: 8px;
}
div#col-acq-gruppo-2 #rr2 img {
  display: inline;
  margin: 0;
}
div#col-acq-gruppo-2 #rr2 .kk {
  font-size: 1em;
  display: inline;
  padding-left: 0.5em;
}
div#col-acq-gruppo-2 #richiedi-info {
  display: grid;
  justify-items: end;
}

@media screen and (max-width: 768px) {
  div#col-acq-gruppo-2 .well.well-fixed {
    display: none;
    position: fixed;
    bottom: 0;
    max-height: 200px;
    top: auto;
    margin: 0;
    width: 100%;
    left: 0;
    border-radius: 0;
    padding: 15px;
  }
  .clf-header {
    height: 190px;
  }
  .clf-header h2 {
    font-size: 24px;
  }
  h1.short {
    font-size: initial;
  }
  h1.medium {
    font-size: 36px;
  }
  h1.long {
    font-size: 28px;
  }
}
.card-guide-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr; /* Default: 1 column */
  margin: 2em 0;
}

.card-guide {
  padding: 1em;
  border-radius: 7px;
  background-color: #E3E3E3;
}
.card-guide img {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: 140px;
}
.card-guide h4 {
  margin: 1em 0;
}
.card-guide h4 a {
  text-decoration: none !important;
}
.card-guide h4 a:hover, .card-guide h4 a:focus {
  text-decoration: underline !important;
}
.card-guide .description-guida {
  font-size: 0.9em;
}

@media (min-width: 768px) {
  .card-guide-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columns for small screens */
  }
}
@media (min-width: 992px) {
  .card-guide-grid {
    grid-template-columns: repeat(3, 1fr); /* 3 columns for medium screens */
  }
}
@media (min-width: 1200px) {
  .card-guide-grid {
    grid-template-columns: repeat(5, 1fr); /* 5 columns for large screens */
  }
}
/*
    Classi per la pagina di tipo naked.
*/
body.carrello .naked > div {
  margin-top: 30px;
}
body.carrello .naked h1 {
  margin-top: 120px;
}

.naked {
  min-height: calc(100vh - 460px);
}
.naked h2 {
  color: #777;
}
.naked hr {
  color: #DEDEDE;
}

header.thankyou {
  /* blocca il meccanismo di hide */
  top: 0 !important;
  position: relative;
  height: 75px !important;
}

main.thankyou {
  min-height: 80vh;
}
main.thankyou .well {
  background-color: #EEE;
  border: 1px solid #DEDEDE;
}
main.thankyou .well h3 {
  font-size: 40px;
  font-weight: 500;
}
main.thankyou .thank-you-1 {
  box-shadow: 0 0 0 100vmax #F5F5F5;
  clip-path: inset(0 -100vmax);
  background-color: #F5F5F5;
}
main.thankyou .thank-you-2 h3, main.thankyou .thank-you-2 .h3 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 1em;
}
main.thankyou .punti .punto {
  border-left: 2px solid #b7373a;
  padding-left: 12px;
  margin-left: 12px;
  padding-bottom: 5px;
}
main.thankyou .punti .punto .numero {
  display: inline-block;
  background-color: #b7373a;
  color: #ffffff;
  padding: 5px;
  border-radius: 24px;
  width: 31px;
  font-size: 14px;
  text-align: center;
  margin-left: -28px;
}
main.thankyou .punti .punto .ptitle {
  display: inline-block;
  font-weight: 600;
  color: #000000;
  font-size: 16px;
  margin-left: 8px;
}
main.thankyou .punti .punto .desc {
  color: #636161;
  font-size: 14px;
  margin-left: 15px;
  padding-bottom: 2em;
}
main.thankyou .punti .punto:last-child {
  border-left: 2px solid transparent;
}
main.thankyou .btn-bottom-accedi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.guida-ebook {
  /* lista base */
  /* layout icona + testo */
  /* trattino non separabile */
  /* mobile */
}
.guida-ebook section img {
  max-width: 600px;
  margin: 1rem auto;
  width: 100%;
}
.guida-ebook ul li {
  padding-top: 1rem;
}
.guida-ebook figcaption {
  font-size: 0.875em;
  font-style: italic;
}
.guida-ebook .app-list {
  list-style: none;
  margin: 0;
  padding: 0 0 1em 2em;
  border-bottom: 1px solid #CCC;
}
.guida-ebook .app-list li + li {
  margin-top: 0;
  padding-top: 0px;
}
.guida-ebook .app-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.guida-ebook .app-icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px; /* colonna fissa */
  border-radius: 8px;
  object-fit: contain;
  display: block;
  border: 1px solid #eee;
}
.guida-ebook .app-text {
  flex: 1 1 auto;
  line-height: 1.55;
}
.guida-ebook .app-text a {
  font-weight: 700;
  text-decoration: none;
}
.guida-ebook .app-text a:hover {
  text-decoration: underline;
}
.guida-ebook .sep {
  white-space: nowrap;
}
@media (max-width: 600px) {
  .guida-ebook .app-icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }
}

.create-new-account {
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.create-new-account .form-floating small {
  font-size: 0.75rem;
}
.create-new-account input[type=checkbox] {
  transform: scale(140%);
  padding: 1em;
  margin: 0 0.5em;
}

.create-new-account-content {
  max-width: 600px;
}

.create-new-account-content .ffmainbox {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 15px;
  margin: 10px 0;
}

.cna-subheadling {
  margin: 15px 0 0 0;
  color: #636161;
  font-size: 15px;
  width: 100%;
  text-align: center;
}

.create-new-account-content > h3,
.create-new-account-content > fieldset h3 {
  margin: 80px 0 20px 0;
  width: 100%;
  text-align: center;
}

.general-conditions {
  width: 100%;
  padding: 50px 0;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.cna-privacy-policy {
  width: 100%;
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.general-conditions-content,
.cna-privacy-policy-content {
  max-width: 600px;
}
.general-conditions-content h4,
.cna-privacy-policy-content h4 {
  width: 100%;
  text-align: left;
}
.general-conditions-content h4 a,
.cna-privacy-policy-content h4 a {
  font-size: 13.5px;
  color: #747574;
  text-decoration: underline;
  font-weight: 400;
}

.cna-privacy-policy-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.cna-privacy-policy-content button {
  min-width: 250px;
}

.cna-checks {
  margin: 35px 0;
}

.gc-text-box {
  width: 100%;
  max-height: 150px;
  overflow-x: hidden;
  overflow-x: auto;
  font-size: 15px;
  color: #333533;
  margin: 20px 0;
  font-size: 0.75rem;
}

.gc-checks {
  width: 100%;
  padding: 35px 0;
  border-top: 1px solid #DEDEDE;
}

i#togglePassword, i#togglePassword2 {
  margin-top: -38px;
  cursor: pointer;
  text-align: right;
  float: right;
  padding-right: 10px;
  position: relative;
  z-index: 1000;
}

@media screen and (max-width: 650px) {
  .create-new-account-content h2 {
    font-size: 24px;
    text-align: center;
  }
}
#trigger_cf {
  pointer-events: auto;
}

.problemi-content-box {
  width: 100%;
}
.problemi-content-box h2 {
  color: #333533;
  padding: 2em 0;
}
.problemi-content-box h3.h3 {
  color: #333533;
  padding: 20px 0 5rem 0;
  border-bottom: 1px solid #DEDEDE;
}
.problemi-content-box .problemi-ques-ans-box {
  padding: 2em 0;
  border-bottom: 1px solid #DEDEDE;
}
.problemi-content-box .problemi-ques-ans-box h3, .problemi-content-box .problemi-ques-ans-box h4 {
  margin: 0 0 1em 0;
  font-size: 18px;
  font-weight: 700;
}
.problemi-content-box .problemi-ques-ans-box:first-of-type {
  border-top: 1px solid #DEDEDE;
}

.solu-haeding {
  width: 100%;
  margin: 5rem 0;
}
.solu-haeding h3 {
  font-size: 2.4rem;
  color: #333533;
  font-weight: 700;
}
.solu-haeding p {
  font-size: 1.6rem;
  color: #636161;
  font-weight: 400;
  margin: 2rem 0;
}

@media screen and (max-width: 750px) {
  .problemi-content-box {
    margin: 7.5rem 0;
  }
  .problemi-content-box h3 {
    padding: 0 0 3.5rem 0;
  }
  .problemi-content-box .problemi-ques-ans-box {
    padding: 3.5rem 0;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.box-chi-siamo {
  max-width: 960px;
}
.box-chi-siamo .didascalia {
  margin-top: 1em;
}
.box-chi-siamo .row {
  justify-content: center;
  padding: 1em 0;
}
.box-chi-siamo .cont-img-staff {
  text-align: center;
}
.box-chi-siamo .cont-img-staff img {
  border-radius: 50%;
  width: 150px;
  margin: 0 auto;
  border: 1px solid #eee;
}

#header-cartaecm {
  background: url("https://d13noyg176odx.cloudfront.net/assets/images/background-slide.png") 0 46% no-repeat;
  margin-top: 0;
  padding: 78px 0;
  border-bottom: 1px solid #DEDEDE;
}
#header-cartaecm .ccol1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 3em;
}
#header-cartaecm .vantaggi {
  padding: 1em 0;
}
#header-cartaecm .vantaggio {
  display: block;
  padding: 0.3em 3em 0.3em 28px;
}
#header-cartaecm .ccol2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#header-cartaecm .ccol2 picture.bg-image-bf {
  max-width: 480px;
  padding: 2em 20px 0;
}
#header-cartaecm .row-bf {
  margin-left: 0;
  margin-right: 0;
}

#inserisci-ricarica {
  background-color: #b7373a;
  margin: 3em auto 0;
  padding: 3em 0;
}
#inserisci-ricarica:before {
  background: url(/assets/images/background-carta-ecm-ricarica.svg) 0 0;
  opacity: 0.72;
}
#inserisci-ricarica h3 {
  color: #FFF;
  font-size: 40px !important;
  text-align: center;
}
#inserisci-ricarica p {
  color: #FFF;
  font-size: 22px !important;
  text-align: center;
}

#text-cartaecm1 {
  margin: 1em auto;
  padding: 100px 0;
}

#text-cartaecm2 {
  margin: 1em auto;
  padding: 100px 0;
}
#text-cartaecm2 .row.blocchi {
  max-width: 1050px;
  margin: 0 auto;
}
#text-cartaecm2 .row.blocchi .card {
  border-radius: 7px;
  background: #ffffff;
  padding: 2em;
  min-height: 280px;
  margin-bottom: 2em;
}
#text-cartaecm2 .row.blocchi .card h4 {
  padding-top: 0.5em;
  padding-bottom: 0.65em;
}

.text-section-center {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 1.5em;
  text-align: center;
  font-weight: 600;
  font-size: 40px;
}
.text-section-center span {
  color: #b7373a;
}

.box-cartaecm .carta-ecm-content-flex-portion {
  margin: 20px auto;
  max-width: 800px;
  background: #eee;
  padding: 50px 44px;
  border-radius: 20px;
}
.box-cartaecm .left-ecm-portion {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box-cartaecm .left-ecm-portion-bf {
  align-items: center;
}
.box-cartaecm picture {
  padding-bottom: 1em;
}
.box-cartaecm .text-iva {
  display: inline;
  font-size: 0.9rem;
}
.box-cartaecm .sconto-carta {
  position: relative;
  margin: 50px auto -43px;
  text-align: center;
}
.box-cartaecm .sconto-carta span {
  background-color: #b7373a;
  color: #ffffff;
  padding: 3px 8px;
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.75);
}
.box-cartaecm .right-ecm-portion {
  text-align: center;
}
.box-cartaecm h4 {
  font-size: 1.6em;
  color: #666;
}
.box-cartaecm .h3 {
  font-size: 1.6em;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  justify-content: center;
}

div#coupon_feed_pre.feedback-ko-auto {
  background-color: #b7373a;
  color: #fefef9;
  margin: 0;
  padding: 1em;
  border-radius: 4px;
}

#domande-frequenti-cartaecm {
  background-color: #f8f8f8;
}
#domande-frequenti-cartaecm > .box {
  display: flex;
  flex-direction: column;
  margin: 1em auto;
  padding: 50px 20px;
}
#domande-frequenti-cartaecm > .box h3 {
  margin: 1em 0;
  font-size: 32px;
}
#domande-frequenti-cartaecm .q {
  background-color: #ffffff;
}
#domande-frequenti-cartaecm .q.item-hidden {
  display: none;
}

.prezzo-barrato {
  position: relative;
  display: inline-block; /* così la riga segue la larghezza del prezzo */
  font-weight: 500;
}

.prezzo-barrato::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 2px solid rgba(183, 55, 58, 0.75); /* usa il colore del testo */
  /* inclinazione della riga */
  transform-origin: center;
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

@media (max-width: 1024px) {
  .grid-3 {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 576px) {
  #header-cartaecm .ccol2 {
    max-width: 70%;
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  #header-cartaecm .row-bf {
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
  }
  .box-cartaecm .left-ecm-portion {
    flex-direction: row;
    align-items: center;
  }
  .box-cartaecm picture {
    order: 2;
    padding-bottom: 0;
  }
  .box-cartaecm .left-content-text {
    order: 1;
    padding-right: 1em;
  }
  .box-cartaecm .right-ecm-portion {
    text-align: left;
  }
  #domande-frequenti-cartaecm > .box {
    display: flex;
    flex-direction: row;
  }
  #domande-frequenti-cartaecm > .box h3 {
    font-size: 40px;
    width: 40%;
    text-align: center;
  }
  #domande-frequenti-cartaecm > .box .domande-container {
    width: 60%;
  }
  #domande-frequenti-cartaecm > .box .domande-container .q {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  picture.bg-image-bf {
    width: 90%;
    max-width: 480px;
    padding: 0 20px;
  }
  .box-cartaecm .left-ecm-portion {
    flex-direction: column;
    align-items: center;
  }
  .box-cartaecm .left-ecm-portion picture {
    order: inherit;
    padding-bottom: 1em;
  }
  #section-tos-cartaecm {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  #section-tos-cartaecm h3 {
    font-size: 32px;
  }
  #domande-frequenti-cartaecm > .box {
    display: flex;
    flex-direction: row;
  }
  #domande-frequenti-cartaecm > .box h3 {
    font-size: 40px;
    width: 50%;
  }
}
/* Local vars */
body.catalogo .ecm-body {
  background-color: #efefef;
}

.catalogo.row {
  margin-top: 1rem;
}

h3.h3-catalogo {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 1em;
}

.text-una-riga {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#disciplina_testo2 {
  display: none;
}

#catalogo-body {
  width: 0;
}

.iva-esente {
  display: inline-flex;
  flex-direction: column;
  line-height: 14px;
  text-align: right;
  font-size: 14px;
  margin-top: 4px;
  cursor: help;
  text-decoration: dotted;
}
.iva-esente .esenzione-iva {
  font-size: 0.6rem;
}

.catalogo-item {
  background: #ffffff;
  width: 100%;
  margin: 10px 0.5%;
  border-radius: 7px;
  box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.2);
  border: 1px solid #DEDEDE;
}
.catalogo-item a:link,
.catalogo-item a:visited {
  color: #000000;
}
.catalogo-item h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #333533;
  margin: 1em 0 0.5em 0;
  height: auto;
  min-height: auto;
  vertical-align: text-top;
  overflow-y: hidden;
}
.catalogo-item h3 span {
  color: #747574;
  font-size: 12px;
  display: block;
  /* Solo prima riga */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.catalogo-item hr.sep {
  opacity: 0.15;
}
.catalogo-item .autori-card {
  max-width: 350px;
}
.catalogo-item .crediti {
  color: #747574;
  margin: 0.5em 0;
}
.catalogo-item .prezzo {
  color: #747574;
  margin: 0 0 0.5em 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.catalogo-item .prezzo span.prz {
  color: #333533;
  font-weight: 500;
  font-size: 24px;
}
.catalogo-item .prezzo span.iva-esente {
  display: inline-flex;
  flex-direction: column;
  line-height: 14px;
  text-align: right;
  padding-left: 10px;
  font-size: 14px;
  margin-top: 4px;
}
.catalogo-item .prezzo span.iva-esente .esenzione-iva {
  font-size: 0.6rem;
}
.catalogo-item .prezzo span.iva, .catalogo-item .prezzo span.iva-noesente {
  padding-left: 10px;
}
.catalogo-item .professioni {
  font-size: 12px;
  width: calc(100% - 70px);
}
.catalogo-item .professioni .professioni-gray {
  color: #747574;
}
.catalogo-item .crediti-2 {
  font-size: 14px;
  font-weight: 500;
}
.catalogo-item .crediti-2 span {
  font-size: 24px;
  font-weight: 600;
}
.catalogo-item:hover {
  background-color: #fefef9;
  cursor: pointer;
}
.catalogo-item:hover .prezzo {
  border-bottom: 0;
}
.catalogo-item .quick-acquista,
.catalogo-item .quick-area-riservata {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.catalogo-item .quick-acquista .btn,
.catalogo-item .quick-area-riservata .btn {
  width: 50px;
  margin-top: -45px;
}
.catalogo-item .quick-acquista .btn i,
.catalogo-item .quick-area-riservata .btn i {
  color: #FFF;
}
.catalogo-item .quick-area-riservata {
  display: none;
}
.catalogo-item.acq-1 .quick-acquista {
  display: none;
}
.catalogo-item.acq-1 .quick-area-riservata {
  display: flex;
}
.catalogo-item picture.pic-catalogo {
  background: #ffffff;
  border-bottom: 10px solid #ffffff;
  border-top: 10px solid #ffffff;
}
.catalogo-item picture.pic-catalogo img {
  margin: 0 auto;
  border: 1px solid #DEDEDE;
  height: 160px;
  width: auto;
}
.catalogo-item .validita {
  font-size: 0.875rem;
}
.catalogo-item .validita strong {
  font-weight: 600;
}

.catalogo-item-mini h3 {
  padding-bottom: 0.5rem;
  font-size: 1.1rem;
}
.catalogo-item-mini h3 a:link,
.catalogo-item-mini h3 a:visited {
  color: #444;
}
.catalogo-item-mini .pic-catalogo {
  width: 72px;
}

.catalogo-item-info {
  flex-grow: 1;
  overflow: hidden;
}

.catalogo-tools {
  /*
  Filtri ... 
  */
}
.catalogo-tools .tools .tools-item {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #333533;
  cursor: pointer;
}
.catalogo-tools .tools .tools-item:hover {
  color: #589af7;
}
.catalogo-tools #trigger_filtri {
  display: none;
}

aside#catalogo-spalla section {
  border-top: 1px solid rgba(196, 196, 196, 0.5);
  margin: 1em 0;
  padding: 0.5em 0 0;
}
aside#catalogo-spalla h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #333533;
  padding: 1em 0;
}
aside#catalogo-spalla .form-check label {
  font-family: "Work Sans", "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #333533;
}
aside#catalogo-spalla ul {
  list-style: none;
}
aside#catalogo-spalla .offcanvas-header {
  padding-top: 1.5em;
  padding-bottom: 0;
}
aside#catalogo-spalla .form-check-input:checked {
  background-color: #a6242d;
  border-color: #a6242d;
}

.grid-catalogo .general-info,
.grid-catalogo .professioni {
  display: none;
}

#trigger-disciplina_testo {
  margin-top: 0.25em;
  background: url("https://d13noyg176odx.cloudfront.net/assets/icons/freccia_2x.png") 100% 0 no-repeat;
  background-size: 20px;
  padding-right: 28px;
}

.list-catalogo .col {
  width: 98%;
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
  padding: 1.25em 0 1.25em 1em !important;
  margin-left: 0.75em;
}
.list-catalogo .catalogo-img-cont {
  flex: 0 0 8em;
}
.list-catalogo .catalogo-item {
  display: flex;
}
.list-catalogo .catalogo-item h3 {
  height: initial;
  min-height: auto;
  margin-top: 0;
  font-size: 18px;
  /* sottotitolo */
}
.list-catalogo .catalogo-item h3 span {
  display: block;
  overflow-x: hidden;
  max-width: 100%;
}
.list-catalogo .catalogo-item .prezzo {
  padding-bottom: 0;
}
.list-catalogo .catalogo-item .quick-acquista {
  padding: 4px 0 0;
  margin-top: -32px;
}
.list-catalogo .catalogo-item .quick-acquista .btn-100 {
  width: fit-content !important;
  align-self: end;
}
.list-catalogo .catalogo-item .general-info {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.list-catalogo .catalogo-item .crediti-2 {
  margin: 0;
  display: inline;
  line-height: 1rem;
  text-wrap: nowrap;
}
.list-catalogo .catalogo-item hr {
  display: none;
}
.list-catalogo .catalogo-item .prezzo-crediti {
  display: flex;
  margin: 1rem 0 0.5rem 0;
}
.list-catalogo .catalogo-item .stars .star-none {
  display: none;
}
.list-catalogo .catalogo-item .prezzo {
  border-bottom: 0;
  padding-left: 20px;
  border-left: 3px solid #d8d8d8;
  margin-left: 20px;
  line-height: 1rem;
  text-wrap: nowrap;
}
.list-catalogo .catalogo-item picture.pic-catalogo {
  float: left;
  margin: 0 1em 0 0;
  border: 0;
}
.list-catalogo .catalogo-item .autori-card {
  display: none;
}
.list-catalogo .catalogo-item .validita {
  padding-top: 0.5em;
  font-size: 12px;
  margin-bottom: 24px;
  text-transform: uppercase;
  font-weight: bold;
}
.list-catalogo .catalogo-item .validita strong {
  text-transform: initial;
  font-weight: normal;
}
.list-catalogo .catalogo-item.fuoricatalogo .validita {
  margin-bottom: 0;
}
.list-catalogo .catalogo-item-info {
  margin-right: 1em;
}

.switch-vis i {
  cursor: pointer;
}
.switch-vis i:hover {
  color: #589af7;
}

.switch-vis.active i {
  color: #589af7;
}

.search-click {
  border: 1px solid #DEDEDE;
  outline: none;
  background-size: 22px;
  background-position: 13px;
  width: 100%;
  padding: 0 25px;
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
  height: 32px;
  margin: -26px;
  z-index: 10;
  /*
  &:focus {
      width: 250px;
      padding-left: 1.75em;
    }
  */
}
.search-click input {
  background: transparent;
  border: 1px solid #ccc;
  outline: none;
  position: absolute;
  width: 200px;
  height: 1.25em;
  left: 0%;
  padding: 10px;
}

.input-search {
  margin-left: 8px;
}
.input-search i {
  position: relative;
  z-index: 20;
  font-size: 0.9rem;
}

#no-results {
  opacity: 0.4;
  margin: 3em;
}

.professioni ul li {
  font-size: 14px;
  padding: 3px 0;
}
.professioni ul li a:link,
.professioni ul li a:visited {
  color: #333533;
}
.professioni ul li a:hover {
  color: #b7373a;
  text-decoration: underline !important;
}
.professioni ul li .professione-trigger {
  cursor: pointer;
}
.professioni ul li ul {
  display: none;
}
.professioni ul li ul li {
  border-left: 3px solid #ddd;
  margin-top: 5px;
  margin-bottom: 8px;
  line-height: 16px;
  padding-left: 12px;
}

.professioni ul.nofocus li a:link,
.professioni ul.nofocus li a:visited {
  color: #DEDEDE;
}
.professioni ul.nofocus li ul li a:link,
.professioni ul.nofocus li ul li a:visited {
  color: #0e0e2c;
}

#filtri-attivi #filtri-attivi-cont {
  display: flex;
  gap: 10px;
}
#filtri-attivi .filtri-attivi {
  padding: 15px;
  background: #ffffff;
  margin: 5px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  max-width: 130px;
}
#filtri-attivi .filtri-attivi img {
  margin-left: 10px;
  cursor: pointer;
}

#dettaglio-corso {
  top: 0;
}
#dettaglio-corso .ds-breadcrumbs {
  display: none;
}
#dettaglio-corso .modal-header {
  border-bottom: 0;
  background-color: #fefef9;
}
#dettaglio-corso .modal-body {
  background-color: #fefef9;
  padding-bottom: 3em;
  max-height: calc(100vh - 160px);
}
#dettaglio-corso .modal-body .dettaglio-right-box {
  margin-top: 0;
}

#catalogo-body .breaker {
  width: 100%;
  width: calc(100% - 16px);
  box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin: 1rem 0.5rem;
  padding: 1em 2em;
  background-color: #ffffff;
}
#catalogo-body .breaker h4 {
  font-weight: 600;
}
#catalogo-body .breaker-cartaecm {
  background: #FFFFFF url("https://d13noyg176odx.cloudfront.net/assets/images/carta-ecm-breaker-1.png") 96% 100% no-repeat;
  background-size: 140px;
}
#catalogo-body .breaker-acquisti_gruppo {
  background: #FFFFFF url("https://d13noyg176odx.cloudfront.net/assets/images/background-acquisti-gruppo.webp") 100% 50% no-repeat;
  background-size: cover;
}
#catalogo-body .breaker-estendivalidita {
  background: #FFFFFF url("https://d13noyg176odx.cloudfront.net/assets/images/background-estensioni.webp") 100% 50% no-repeat;
  background-size: cover;
}
#catalogo-body .breaker-rimborsodatore {
  background: url("https://d13noyg176odx.cloudfront.net/assets/images/background-rimborso.webp") 100% 50% no-repeat;
  background-size: cover;
}

#catalogo {
  padding-top: 2rem;
}

.vantaggio {
  font-size: 0.875rem;
  background: url("https://d13noyg176odx.cloudfront.net/assets/images/check-big.svg") 0 50% no-repeat;
  padding: 1em 3em 1em 28px;
  padding: 0 3em 0 28px;
  line-height: 24px;
  text-shadow: 0 0 10px #FFFFFF;
  display: block;
}

.clf-header2 {
  background-color: #fefef9;
  padding-top: 1.5rem;
  padding-bottom: 3rem;
}
.clf-header2 .breaker {
  margin: 0 0 1rem 0;
  padding: 1em 2em;
  box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  border: 1px solid #eee;
}
.clf-header2 .breaker .vantaggio {
  padding: 0 3em 0 28px;
  display: block;
}
.clf-header2 .breaker h4, .clf-header2 .breaker .h4 {
  font-weight: 600;
}
.clf-header2 .breaker-cartaecm2 {
  background: url("https://d13noyg176odx.cloudfront.net/assets/images/background-cartaecm-mobile.webp") 100% 0 no-repeat;
  background-size: cover;
}
.clf-header2 .breaker-acquisti_gruppo {
  background: url("https://d13noyg176odx.cloudfront.net/assets/images/background-acquisti-gruppo.webp") 100% 0 no-repeat;
  background-size: cover;
}
.clf-header2 .breaker-estendivalidita {
  background: url("https://d13noyg176odx.cloudfront.net/assets/images/background-estensioni.webp") 100% 50% no-repeat;
  background-size: cover;
}
.clf-header2 .breaker-rimborsodatore {
  background: url("https://d13noyg176odx.cloudfront.net/assets/images/background-rimborso.webp") 100% 50% no-repeat;
  background-size: cover;
}

.catalogo-tools .catalogo-results {
  flex-grow: 1;
}

.carousel-indicators {
  position: relative;
  top: 220px;
}

.carousel-indicators [data-bs-target] {
  background-color: #9d9d9d;
}

@media screen and (min-width: 768px) {
  .catalogo-item {
    width: 49%;
  }
  .catalogo-item .crediti-2 {
    font-size: 18px;
  }
  .catalogo-item h3 {
    min-height: 80px;
    height: 80px;
  }
  .catalogo-tools .catalogo-results {
    flex-grow: none;
  }
  #catalogo-body .breaker-cartaecm {
    background: #FFFFFF url("https://d13noyg176odx.cloudfront.net/assets/images/carta-ecm-breaker-1.png") 96% 50% no-repeat;
    background-size: contain;
  }
  .breaker-cartaecm2 {
    background: url("https://d13noyg176odx.cloudfront.net/assets/images/background-cartaecm2.webp") 100% 0 no-repeat;
    background-size: cover;
  }
  .breaker-acquisti_gruppo {
    background-size: contain;
  }
  .vantaggio {
    display: inline-block;
    padding: 1em 3em 1em 28px;
  }
}
@media screen and (min-width: 992px) {
  .catalogo-item {
    width: 32%;
  }
  .carousel {
    margin-top: -33px;
  }
}
@media screen and (min-width: 1200px) {
  #dettaglio-corso .modal-xl {
    max-width: 1440px;
    width: 96%;
  }
  .catalogo-item {
    width: 24%;
  }
}
@media screen and (max-width: 576px) {
  .clf-header h2 {
    font-size: 18px;
  }
  .list-catalogo .col {
    margin-left: 0;
    padding-left: 0.5em !important;
  }
  .list-catalogo .catalogo-img-cont {
    flex: 0 0 6em;
  }
}
@media screen and (max-width: 992px) {
  /**
   * Queste classi imitano il comportamento di offcanvas realizzato via JS
   * per evitare il CLS. In ogni caso l'offcanvas viene poi evocato da js (set_offcanvas)
   */
  .myoffcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
  .myoffcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateX(-100%);
  }
}
.val-contatti {
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.03em;
  color: #333533;
}

.val-contatti a:link,
.val-contatti a:visited {
  color: #333533;
}

.val-contatti a:hover {
  color: #636161;
  text-decoration: underline;
}

.contatti {
  margin-bottom: 10em;
}

.contatti-content p {
  color: #0e0e2c;
}

.news .image-col {
  padding: 1em 0 0 0;
}
.news .image-col .image-portion {
  float: none !important;
  display: flex;
  justify-content: center;
}
.news .news-image {
  margin: 2em 0 4em;
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 4em;
}
.news .news-image img {
  border: 1px solid #EEE;
  max-height: 400px;
}
.news .bottom-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
  /* max-width: 500px; */
  width: 100%;
}
.news .bottom-content > div {
  margin: 0 50px 0 0;
}
.news .news-text h3 a:link, .news .news-text h3 a:visited {
  color: #0e0e2c;
}
.news .news-text h3 a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 769px) {
  .news .image-col {
    padding: 0;
  }
  .news .image-col .image-portion {
    width: 215px;
    height: 215px;
    float: right !important;
  }
  .news .image-col .image-portion img, .news .image-col .image-portion picture {
    height: 100%;
    object-fit: cover;
  }
}
#player_container {
  width: 100% !important;
  margin-bottom: 2em;
}
#player_container .jw-flag-audio-player {
  background-color: rgb(176, 0, 0);
}

/*

.news-image-icon {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  .news-image {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 2px solid #dedede;
    padding: 0 0 70px 0;
    margin: 0 0 40px 0;
    .news-text {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-direction: column;
      width: 65%;
      p {
        margin: 20px 0 0 0;
        font-weight: 400;
        font-size: 16px;
      }
    }
    .image-portion {
      width: 20%;
      display: flex;
      justify-content: center;
      align-items: center;
      picture {
        width: 210px;
        height: 210px;
        img {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}

.bottom-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 60px 0 0 0;
  width: 100%;
  h6 {
    font-size: 12px;
    margin: 0 50px 0 0;
    span {
      color: black;
    }
  }
  .para {
    height: 30px;
    width: 90px;
    border-radius: 5px;
    background: #abccf7;
    display: flex;
    justify-content: center;
    align-items: center;
    p {
      color: black;
      font-weight: 500 !important;
      margin: 0 !important;
    }
  }
}

@media screen and (max-width: 1040px) {
  .news-image-icon .news-image .news-text {
    width: 70%;
  }
}

@media screen and (max-width: 850px) {
  .news-image-icon .news-image {
    flex-direction: column;
  }
  .news-image-icon .news-image .news-text {
    width: 100%;
  }
  .news-image-icon .news-image .image-portion picture {
    width: 100%;
    height: 400px;
    margin: 40px 0 0 0;
  }
  .bottom-content {
    margin: 40px 0 0 0;
  }
  .news-image-icon .news-image .image-portion {
    width: 100%;
  }
}

@media screen and (max-width: 650px) {
  .bottom-content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    h6 {
      margin: 0 0 30px 0;
    }
  }
}

*/
.news-dettaglio-main-page {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 50px auto;
  width: 80%;
}
.news-dettaglio-main-page h2 {
  text-align: center;
  width: 95%;
}
.news-dettaglio-main-page .social-links {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 60px 0;
}
.news-dettaglio-main-page .social-links span {
  width: 37.5px;
  height: 37.5px;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #b7373a;
  margin: 0 15px 0 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);
}
.news-dettaglio-main-page .social-links span img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  fill: red;
}
.news-dettaglio-main-page .news-dettaglio-image-portion {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-dettaglio-main-page .news-dettaglio-image-portion img {
  width: 100%;
}
.news-dettaglio-main-page .detagglio-para {
  width: 70%;
  margin: 0 auto;
  text-align: left;
}
.news-dettaglio-main-page .detagglio-para p {
  margin: 80px 0;
}
.news-dettaglio-main-page h3 {
  text-align: left;
  font-weight: 500;
}
.news-dettaglio-main-page h4 {
  width: 70%;
  margin: 60px auto 0 auto;
  text-align: left;
  font-weight: 500;
  font-size: 24px;
}
.news-dettaglio-main-page .body-news ul li, .news-dettaglio-main-page .body-news ol li {
  padding: 0;
  line-height: 1.75em;
}

.detagglio-para-2 {
  width: 70%;
  margin: 0 auto;
  text-align: left;
}
.detagglio-para-2 p {
  margin: 20px 0 0 0;
}

.news-dettaglio-flex-portion {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  background: #f8f8f8;
  padding: 100px 75px;
}
.news-dettaglio-flex-portion .flex-images-portion {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 35px;
}
.news-dettaglio-flex-portion .flex-images-portion .images-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.news-dettaglio-flex-portion .flex-images-portion .images-content h5 {
  font-size: 16px;
  width: 90%;
}
.news-dettaglio-flex-portion .flex-images-portion .images-content picture {
  margin: 30px 0;
  width: 100%;
}
.news-dettaglio-flex-portion .flex-images-portion .images-content picture img {
  width: 100vh;
  border-radius: 7px;
  height: 190px;
  object-fit: cover;
  border: 1px solid #DEDEDE;
}

.carta-ecm-content-in-news {
  margin: 20px 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.carta-ecm-content-in-news h3 {
  margin: 40px 0;
}
.carta-ecm-content-in-news .carta-ecm-content-flex-portion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 50px 0;
}
.carta-ecm-content-in-news .carta-ecm-content-flex-portion .left-ecm-portion {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
}
.carta-ecm-content-in-news .carta-ecm-content-flex-portion .left-ecm-portion picture {
  width: 15%;
}
.carta-ecm-content-in-news .carta-ecm-content-flex-portion .left-ecm-portion picture img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
.carta-ecm-content-in-news .carta-ecm-content-flex-portion .left-ecm-portion .left-content-text {
  width: 80%;
  margin: 0 0 0 40px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.carta-ecm-content-in-news .carta-ecm-content-flex-portion .left-ecm-portion .left-content-text h3 {
  margin: 0;
}
.carta-ecm-content-in-news .carta-ecm-content-flex-portion .left-ecm-portion .left-content-text p {
  padding: 5px 0 0 0;
  font-weight: 400;
  font-size: 16px;
}
.carta-ecm-content-in-news .carta-ecm-content-flex-portion .right-ecm-portion {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.carta-ecm-content-in-news .carta-ecm-content-flex-portion .right-ecm-portion h3 {
  color: #000000;
  font-weight: 500;
  margin: 0 10px 0 0;
}
.carta-ecm-content-in-news .carta-ecm-content-flex-portion .right-ecm-portion h3 span {
  font-size: 14px;
  color: #636161;
}
.carta-ecm-content-in-news .carta-ecm-content-flex-portion .right-ecm-portion button {
  margin: 0 0 0 10px;
  padding: 10px;
  padding: 15px 40px;
}

.card-portion {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin: 120px 0;
}
.card-portion .top-card-portion {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
}
.card-portion .top-card-portion .right-top-card-portion {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.card-portion .top-card-portion .right-top-card-portion h6 {
  color: #000000;
  margin: 0 10px 0 0;
}
.card-portion .card-details {
  margin: 20px 0 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  width: 100%;
  grid-gap: 70px;
}
.card-portion .card-details .middle-card-portion {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.card-portion .card-details .middle-card-portion picture {
  width: 100%;
}
.card-portion .card-details .middle-card-portion picture img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
.card-portion .card-details .middle-card-portion h6 {
  color: #000000;
  margin: 20px 0 10px 0;
}
.card-portion .card-details .middle-card-portion span {
  margin: 6.5px 0;
  font-weight: 700;
  font-size: 12px;
  color: #636161;
}

.news-dettaglio-flex-portion-mob {
  display: none;
}

.card-portion-mob {
  display: none;
}

@media screen and (max-width: 1440px) {
  .news-dettaglio-flex-portion {
    padding: 100px 35px;
  }
}
@media screen and (max-width: 1040px) {
  .card-portion .card-details {
    grid-gap: 30px;
  }
  .card-portion .card-details .middle-card-portion h6 {
    height: 60px;
  }
  .carta-ecm-content-in-news .carta-ecm-content-flex-portion .left-ecm-portion picture {
    width: 25%;
  }
  .carta-ecm-content-in-news .carta-ecm-content-flex-portion .left-ecm-portion {
    width: 70%;
  }
  .carta-ecm-content-in-news .carta-ecm-content-flex-portion .right-ecm-portion {
    width: 28%;
  }
  .news-dettaglio-main-page h4 {
    width: 100%;
  }
  .detagglio-para-2 {
    width: 100%;
  }
  .detagglio-para {
    width: 100%;
  }
  .news-dettaglio-main-page .detagglio-para {
    width: 100%;
  }
  .news-dettaglio-main-page h2 {
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 850px) {
  .news-dettaglio-main-page h2 {
    font-size: 27px;
  }
  .news-dettaglio-flex-portion {
    display: none;
  }
  .news-dettaglio-main-page {
    width: 100%;
  }
  .news-dettaglio-flex-portion-mob {
    background: #f8f8f8;
    padding: 50px 35px;
    display: flex;
    flex-direction: column;
  }
  .news-dettaglio-flex-portion-mob .flex-images-portionswiper {
    display: flex;
  }
  .news-dettaglio-flex-portion-mob .flex-images-portionswiper .main-fip-swiper {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
  }
  .news-dettaglio-flex-portion-mob .flex-images-portionswiper .images-content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .news-dettaglio-flex-portion-mob .flex-images-portionswiper .images-content h5 {
    font-size: 16px;
    width: 90%;
  }
  .news-dettaglio-flex-portion-mob .flex-images-portionswiper .images-content picture {
    margin: 30px 0;
    width: 100%;
  }
  .news-dettaglio-flex-portion-mob .flex-images-portionswiper .images-content picture img {
    width: 100%;
    border-radius: 7px;
  }
  .carta-ecm-content-in-news .carta-ecm-content-flex-portion .left-ecm-portion {
    width: 100%;
    flex-direction: column;
  }
  .carta-ecm-content-in-news .carta-ecm-content-flex-portion {
    flex-direction: column;
    align-items: flex-start;
  }
  .carta-ecm-content-in-news .carta-ecm-content-flex-portion .left-ecm-portion picture {
    width: 25%;
  }
  .carta-ecm-content-in-news .carta-ecm-content-flex-portion .left-ecm-portion .left-content-text {
    width: 100%;
    margin: 0;
    margin: 25px 0;
  }
  .carta-ecm-content-in-news .carta-ecm-content-flex-portion .right-ecm-portion {
    width: 100%;
    justify-content: flex-start;
  }
  .carta-ecm-content-in-news .carta-ecm-content-flex-portion {
    margin: 0 0 80px 0;
  }
  .card-portion {
    display: none;
  }
  .card-portion-mob {
    width: 100%;
    margin: 50px 0 100px 0;
    display: flex;
    flex-direction: column;
  }
  .card-portion-mob .card-details-swiper {
    display: flex;
  }
  .card-portion-mob .card-details-swiper .main-cds-swiper {
    width: 100%;
    margin: 20px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
  }
  .card-portion-mob .card-details-swiper .middle-card-portion {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .card-portion-mob .card-details-swiper .middle-card-portion picture {
    width: 100%;
  }
  .card-portion-mob .card-details-swiper .middle-card-portion picture img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  }
  .card-portion-mob .card-details-swiper .middle-card-portion h6 {
    color: #000000;
    margin: 20px 0 10px 0;
  }
  .card-portion-mob .card-details-swiper .middle-card-portion span {
    margin: 6.5px 0;
    font-weight: 700;
    font-size: 12px;
    color: #636161;
  }
}
@media screen and (max-width: 650px) {
  .news-dettaglio-main-page h2 {
    font-size: 22px;
  }
  .news-dettaglio-main-page .detagglio-para p {
    margin: 40px 0;
  }
  .news-dettaglio-flex-portion-mob {
    padding: 50px 25px;
  }
  .news-dettaglio-flex-portion-mob .flex-images-portionswiper .images-content h5 {
    font-size: 16px;
    width: 95%;
  }
  .carta-ecm-content-in-news .carta-ecm-content-flex-portion .left-ecm-portion picture {
    width: 40%;
  }
  .carta-ecm-content-in-news .carta-ecm-content-flex-portion .right-ecm-portion {
    width: 100%;
    justify-content: space-between;
  }
}
#ecm-body .body-news {
  max-width: 765px;
  width: 95%;
}
#ecm-body .body-news p {
  margin: 0;
  line-height: 1.75em;
}
#ecm-body .body-news p:first-child {
  margin-top: 0;
}
#ecm-body .body-news ul, #ecm-body .body-news ol {
  margin-left: 2em;
}
#ecm-body .body-news h2, #ecm-body .body-news h3, #ecm-body .body-news h4 {
  text-align: left;
  font-weight: 500;
  margin: 1.25em 0 0.25em 0;
}
#ecm-body .body-news img {
  border: 1px solid #DEDEDE;
  object-fit: cover;
  margin: 1em auto 2em;
  display: flex;
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.08);
}

.info-pubblicazione strong {
  color: #636161;
}

.well {
  padding: 2em;
  background-color: #eee;
  border-radius: 7px;
  margin-bottom: 2em;
}
.well img {
  margin-right: 1em;
}

#ecm-body .faq-notizie h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  width: 100%;
}
#ecm-body .faq-notizie p {
  margin-top: 0;
}

.dettaglio-picture-section picture {
  width: 100%;
  height: 100%;
}
.dettaglio-picture-section picture img {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.2);
}

.dettaglio-main-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.dettaglio-main-box .dettaglio-left-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 67%;
}
.dettaglio-main-box .dettaglio-left-box .autore {
  display: flex;
  flex-direction: row;
}
.dettaglio-main-box .dettaglio-left-box .autore .cont-img {
  min-width: 120px;
}
.dettaglio-main-box .dettaglio-left-box .autore h4 {
  padding: 1.5em 0 0 0;
  margin: 0 0 3px 0 !important;
}
.dettaglio-main-box .dettaglio-left-box .autore img {
  width: 100px;
  height: 100px;
  margin-top: 27px;
  box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.2);
  object-fit: cover;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-picture-section {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 22%;
  flex-direction: column;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-picture-section .picture-bottom-content {
  margin: 10px 0;
  width: 100%;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-picture-section .picture-bottom-content .valutazione-corso h5 {
  font-size: 12px;
  font-weight: normal;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-picture-section .picture-bottom-content h6 {
  margin: 10px 0;
  font-size: 12px;
  width: 100%;
  font-weight: 700;
  padding: 0;
  text-transform: uppercase;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-picture-section .picture-bottom-content h6 span {
  color: black;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-picture-section .picture-bottom-content .linee {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2px;
  background: #cccccc;
  border-radius: 1000px;
  margin: 0 0 20px 0;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-picture-section .picture-bottom-content .linee .inner-linee {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 0%;
  height: 8px;
  border-radius: 1000px;
  background: #589af7;
  margin: 0;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 70%;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section h1 {
  font-weight: 700;
  font-size: 32px;
  line-height: 29px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #333533;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .h2 {
  display: block;
  text-transform: none;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  margin-top: 10px;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .top-right-middle-section h3 {
  width: 95%;
  color: #333533;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .top-right-middle-section p {
  font-size: 24px;
  font-weight: 500;
  color: #333533;
  margin: 10px 0;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .dettagli-ebook {
  width: 100%;
  margin-top: 1em;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .dettagli-ebook div {
  line-height: 19px;
  padding: 5px 0;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .dettagli-ebook span {
  color: #000000;
  text-transform: none;
  font-size: 12px;
  font-weight: 600;
  padding-right: 7px;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .detag-bottom-buttons {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: 10px 0;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .detag-bottom-buttons button, .dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .detag-bottom-buttons a {
  margin: 0 30px 0 0;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .detag-bottom-buttons .btn-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 17.5px 57.5px;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .detag-bottom-buttons .btn-flex span {
  width: 90%;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .detag-bottom-buttons .btn-flex .boxii {
  padding: 0 0 0 10px;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-tabs-section {
  width: 100%;
  margin: 40px 0;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-tabs-section .ds-tabs ul {
  margin: 0 0 40px 0;
}
.dettaglio-main-box .dettaglio-left-box .dettaglio-tabs-section .tab-content h4 {
  margin: 0 0 10px 0;
}
.dettaglio-main-box .dettaglio-right-box {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f8f8f8;
  padding: 40px 30px;
  flex-direction: column;
  width: 30%;
  max-width: 300px;
  border-radius: 7px;
  border: 1px solid #eee;
  margin-top: 40px;
  top: 20px;
  position: sticky;
}
.dettaglio-main-box .dettaglio-right-box h3 {
  font-weight: 500;
  margin: 0 0 10px 0;
  align-self: flex-start;
}
.dettaglio-main-box .dettaglio-right-box .prezzo-ebook {
  color: #b7373a;
  font-weight: 600;
}
.dettaglio-main-box .dettaglio-right-box button, .dettaglio-main-box .dettaglio-right-box a {
  margin: 20px 0 30px 0;
}
.dettaglio-main-box .dettaglio-right-box ul li {
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 20px auto;
  color: #666866;
  list-style: disc;
  width: 95%;
}
.dettaglio-main-box .dettaglio-right-box picture {
  margin: 20px 0 40px 0;
}
.dettaglio-main-box .dettaglio-right-box picture img {
  width: 55px;
  height: 30px;
}
.dettaglio-main-box .dettaglio-right-box h6 {
  font-weight: 500;
  color: #333533;
}

.dettaglio-mob-tabs {
  display: none;
}

.dettaglio-contenuti-competenze strong {
  display: block;
  margin-top: 20px;
}
.dettaglio-contenuti-competenze strong:first-of-type {
  margin-top: 0px;
}

@media screen and (max-width: 992px) {
  .dettaglio-left-box .ds-breadcrumbs a {
    font-size: 12.5px;
  }
  .dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .detag-bottom-buttons button {
    padding: 20px 30px;
  }
  .dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .detag-bottom-buttons button.btn-flex {
    padding: 17.5px;
  }
  .dettaglio-main-box .dettaglio-right-box {
    padding: 40px;
  }
  .dettaglio-main-box .dettaglio-right-box a.btn {
    white-space: nowrap;
    padding-left: 30px;
    padding-right: 30px;
  }
  .dettaglio-main-box .dettaglio-right-box button {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 768px) {
  .dettaglio-main-box {
    flex-direction: column;
  }
  .dettaglio-main-box .dettaglio-left-box {
    width: 100%;
  }
  .dettaglio-main-box .dettaglio-right-box {
    width: 100%;
    margin: 20px 0 60px 0;
  }
  .dettaglio-main-box .dettaglio-right-box {
    width: 100%;
    margin: 20px 0 60px 0;
    box-shadow: 0 0 0 100vw #f8f8f8;
    clip-path: inset(0 -100vmax 0);
    border: 0;
    align-self: center;
    max-width: 576px;
  }
  .dettaglio-main-box .dettaglio-right-box h3 {
    align-self: center;
  }
}
@media screen and (max-width: 576px) {
  .dettaglio-left-box .ds-breadcrumbs {
    display: none;
  }
  .dettaglio-main-box .dettaglio-left-box .autore {
    flex-direction: column;
  }
  .dettaglio-main-box .dettaglio-left-box .dettaglio-left-content {
    flex-direction: column;
    margin: 40px 0 0 0;
  }
  .dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-picture-section {
    width: 60%;
  }
  .dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section {
    width: 100%;
  }
  .dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .top-right-middle-section h3 {
    width: 100%;
    font-size: 18px;
  }
  .dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .top-right-middle-section p {
    font-size: 18px;
  }
  .dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .detag-bottom-buttons {
    flex-direction: column;
  }
  .dettaglio-main-box .dettaglio-left-box .dettaglio-left-content .dettaglio-para-section .detag-bottom-buttons button {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .dettaglio-mob-tabs {
    display: flex;
  }
  .det-nav-none {
    display: none;
  }
}
.ombra {
  box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.2);
  aspect-ratio: 1/1;
  object-fit: cover;
}

.h2-grigio {
  color: #636161;
}

.questions-answers .qa {
  padding: 1em 0;
  border-bottom: 1px solid #CCC;
}
.questions-answers .q {
  font-size: 1rem;
  cursor: pointer;
}
.questions-answers .a {
  display: none;
}

body.catalogo-dettaglio .ecm-body {
  margin-top: 0px !important;
}
body.catalogo-dettaglio .ecm-body > .box:first-child {
  margin-top: 0px !important;
}
body.catalogo-dettaglio ul.ds-breadcrumbs-box {
  margin-top: 25px;
}
body.catalogo-dettaglio .head-dettaglio {
  padding-top: 75px;
  clip-path: inset(0 -100vmax);
}
body.catalogo-dettaglio .head-dettaglio::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 0 0 100vmax;
  background: linear-gradient(to right, #f2f2f2, #d7d7d7);
  clip-path: inset(0 -100vmax);
  z-index: -1;
}
body.catalogo-dettaglio .row {
  padding: 0.5em 0;
}
body.catalogo-dettaglio .row .lab {
  display: inline-block;
  margin-left: 30px;
  max-width: 120px;
  flex: 0 0 auto; /* Mantiene la larghezza fissa */
}
body.catalogo-dettaglio .lab picture {
  display: inline-block;
  padding-right: 3px;
  vertical-align: bottom;
  margin-left: -30px;
}
body.catalogo-dettaglio .lab.lab-oa {
  max-width: 60px;
}
body.catalogo-dettaglio .offerta {
  padding: 0.5em 0;
}
body.catalogo-dettaglio .offerta picture {
  display: inline-block;
  padding-right: 3px;
  vertical-align: bottom;
}
body.catalogo-dettaglio .abstract-all {
  display: none;
  margin-top: 1.5em;
}
body.catalogo-dettaglio .abstract-trigger {
  font-weight: bold;
  cursor: pointer;
  margin: 1em 0;
}
body.catalogo-dettaglio .abstract-trigger .fakelink {
  background: url(/assets/icons/freccia_2x.png) 100% 0 no-repeat;
  background-size: 24px;
  padding-right: 32px;
}
body.catalogo-dettaglio .abstract-trigger.open .fakelink {
  background: url(/assets/icons/frecciaup_2x.png) 100% 0 no-repeat;
  background-size: 24px;
  padding-right: 32px;
}
body.catalogo-dettaglio .dettaglio-left-box {
  margin-bottom: 2em;
}
body.catalogo-dettaglio .row-flex {
  display: flex;
  justify-content: space-between;
  margin: 0.35em 0;
  background: url('data:image/svg+xml;utf8,<svg width="600" height="18" xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="18" x2="600" y2="18" stroke="%23DEDEDE" stroke-width="1" /></svg>') 0 0 repeat-x;
}
body.catalogo-dettaglio .row-flex .lab {
  background-color: #FFF;
  padding-right: 3px;
}
body.catalogo-dettaglio .row-flex .lab picture {
  margin-left: 0;
}
body.catalogo-dettaglio .row-flex .val {
  background-color: #FFF;
  padding-left: 3px;
  text-align: end;
}
body.catalogo-dettaglio .pill-content {
  border: 1px solid #DEDEDE;
}
body.catalogo-dettaglio .pill-content .answer {
  padding-top: 2em;
}
body.catalogo-dettaglio .yellow-star:after {
  content: " ";
  background: url("/assets/icons/yellow-star.svg") 0 0 no-repeat;
  background-size: 24px;
  padding: 0 0 0 30px;
}
body.catalogo-dettaglio .yellow-star-half:after {
  content: " ";
  background: url("/assets/icons/yellow-star-half.svg") 0 0 no-repeat;
  background-size: 24px;
  padding: 0 0 0 30px;
}
body.catalogo-dettaglio .yellow-star-empty:after {
  content: " ";
  background: url("/assets/icons/yellow-star-empty.svg") 0 0 no-repeat;
  background-size: 24px;
  padding: 0 0 0 30px;
}
body.catalogo-dettaglio .valutazione {
  display: flex;
  align-items: center;
}
body.catalogo-dettaglio .valutazione .stars *:after {
  background-size: 20px;
  line-height: 24px;
  padding: 0 0 0 24px;
}
body.catalogo-dettaglio .valutazione .ranking {
  font-size: 16px;
  font-weight: 600;
  padding: 0 1em 0 0.5em;
}
body.catalogo-dettaglio .valutazione .n-profs {
  font-size: 14px;
  font-weight: 500;
}
body.catalogo-dettaglio .valutazione-dettaglio {
  width: 100%;
  display: grid;
  grid-template-rows: auto;
  margin: 0 auto;
  background-color: #F5f5f5;
  border-radius: 7px;
  justify-content: center;
}
body.catalogo-dettaglio .valutazione-dettaglio .row-1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  max-width: 700px;
}
body.catalogo-dettaglio .valutazione-dettaglio .row-2 {
  padding: 1em 0;
}
body.catalogo-dettaglio .valutazione-dettaglio .row-2 .box-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  align-items: center;
}
body.catalogo-dettaglio .valutazione-dettaglio .row-2 .box-column .col-auto {
  font-size: 14px;
  max-width: 100%;
  padding: 0 0.5em;
}
body.catalogo-dettaglio .valutazione-dettaglio .el {
  padding: 1em 0;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
body.catalogo-dettaglio .valutazione-dettaglio .el .eti-val-dettaglio {
  margin-top: 1em;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
body.catalogo-dettaglio .non-acquistabile {
  border-top: 1px dashed #747574;
  padding-top: 1em;
}
body.catalogo-dettaglio .non-acquistabile .terminato-ok {
  background: url(/assets/images/check-big.svg) 0 50% no-repeat;
  padding-left: 28px;
}
body.catalogo-dettaglio .non-acquistabile .problem {
  background: url(/assets/icons/report_problem.svg) 0 50% no-repeat;
  padding-left: 28px;
}
body.catalogo-dettaglio a.autori:link,
body.catalogo-dettaglio a.autori:visited {
  font-weight: 500;
  color: #0e0e2c;
  text-decoration: underline;
}
body.catalogo-dettaglio .separa {
  font-size: 32px;
  padding: 0 8px;
  color: #DDD;
}
body.catalogo-dettaglio .dettaglio-main-box h1 {
  margin-top: 1em;
  font-size: 32px;
  font-weight: 700;
}
body.catalogo-dettaglio .dettaglio-main-box h2 {
  font-size: 18px;
  font-weight: 600;
}
body.catalogo-dettaglio .dettaglio-main-box h3 {
  font-size: 18px;
}
body.catalogo-dettaglio .dettaglio-main-box .h1 {
  font-size: 32px;
}
body.catalogo-dettaglio .dettaglio-main-box .n-crediti-ecm {
  color: #b7373a;
}
body.catalogo-dettaglio .dettaglio-main-box .crediti-ecm {
  color: #b7373a;
  font-size: 22px;
  font-weight: 600;
}
body.catalogo-dettaglio .dettaglio-main-box.box {
  padding: 0;
}
body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 10px;
  border: 0;
  background-color: #F5F5F5;
  z-index: 100;
  position: relative;
  margin-top: 80px;
  width: 100%;
  padding: 0;
  margin: 80px 1em 0;
}
body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .box-overlay {
  background-color: #FFF;
}
body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .box-overlay .pulsanti-ebook {
  background-color: #F5F5F5;
  padding: 1em 1em;
}
body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .box-overlay .valutazioni-dx {
  background-color: #F5F5F5;
}
body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .image-ebook {
  display: flex;
  justify-content: center;
}
body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .image-ebook picture img {
  max-width: 286px;
  width: 100%;
  border-radius: 7px;
  height: auto;
}
body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box button {
  margin: 5px 0;
}
body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .valutazioni-dx {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .valutazioni-dx .text {
  font-size: 13px;
}
body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .valutazioni-dx .people-img {
  margin: 10px 0 5px;
}
body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .valutazioni-dx .people-img img {
  width: 82px;
  height: auto;
}
body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .valutazioni-dx .carte-img img {
  width: 100%;
  height: auto;
}
body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .box-second {
  flex-flow: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 1em;
  margin: 0;
}
body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .box-second .info-provider {
  text-align: left;
  padding-left: 1em;
}
body.catalogo-dettaglio .dettaglio-main-box .pills-ebook {
  width: 100%;
}
body.catalogo-dettaglio .dettaglio-main-box .img-provider {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
body.catalogo-dettaglio .dettaglio-main-box .img-provider img {
  width: 72px;
  height: auto;
  filter: grayscale(100%);
}
body.catalogo-dettaglio .dettaglio-main-box .info-provider {
  font-size: 13px;
}
body.catalogo-dettaglio .nowrap {
  text-wrap: nowrap;
}
body.catalogo-dettaglio .info-mobile {
  padding: 0 1em;
}
body.catalogo-dettaglio .info-mobile h1 {
  font-size: 24px;
  padding-bottom: 10px;
}
body.catalogo-dettaglio .info-mobile h2 {
  font-size: 16px;
}
body.catalogo-dettaglio .info-mobile .info-ebook {
  font-size: 14px;
}
body.catalogo-dettaglio .info-prezzo {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
}
body.catalogo-dettaglio .answer .question {
  font-size: 16px;
  background: url(/assets/icons/plus.svg) 100% 1em no-repeat;
  line-height: 32px;
  cursor: pointer;
  padding-right: 36px;
  border-top: 1px dashed #DEDEDE;
  padding-top: 1em;
}
body.catalogo-dettaglio .answer .q-open .question {
  font-size: 16px;
  background: url('data:image/svg+xml,<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.5026 16.6673C6.13441 16.6673 5.83594 16.3688 5.83594 16.0007C5.83594 15.6325 6.13441 15.334 6.5026 15.334H26.5026C26.8708 15.334 27.1693 15.6325 27.1693 16.0007C27.1693 16.3688 26.8708 16.6673 26.5026 16.6673H6.5026Z" fill="%23B7373A"/></svg>') 100% 1em no-repeat;
  background-size: initial;
  line-height: 32px;
  cursor: pointer;
  padding-right: 36px;
}
body.catalogo-dettaglio .answer .answer {
  padding-top: 1em;
  font-size: 14px;
}

#offAcqCartaECM {
  width: 560px;
  padding: 1em;
}
#offAcqCartaECM .offcanvas-body {
  background: url(/assets/images/cartaecm/mini-cartaecm.png) 100% 6% no-repeat;
  background-size: 54px;
}
#offAcqCartaECM .info-validita {
  color: #747574;
}
#offAcqCartaECM .info-validita strong {
  font-weight: 500;
}
#offAcqCartaECM h4 {
  font-size: 16px;
}
#offAcqCartaECM picture {
  width: 140px;
  padding: 0.2em 1.4em;
  background: #F5F5F5;
  margin-right: 1em;
}
#offAcqCartaECM .info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.75em 0;
}
#offAcqCartaECM h5 {
  font-weight: 500;
  font-size: 24px;
}
#offAcqCartaECM .well {
  padding: 1em;
  background: #F5F5F5;
  border: 1px solid #DDD;
  margin-bottom: 10px;
}
#offAcqCartaECM .well .carte-offerte {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#offAcqCartaECM .well .highlight {
  background: #DEDEDE;
  padding: 0.25em;
  border-radius: 7px;
}
#offAcqCartaECM .well .grid-cartaecm {
  flex-grow: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
#offAcqCartaECM .well .grid-cartaecm .costo {
  padding-left: 21px;
}
#offAcqCartaECM .well .grid-cartaecm .costo span {
  color: #000000;
}
#offAcqCartaECM .well .grid-cartaecm .lab {
  /* Stile quando il radio button è selezionato */
  font-size: 14px;
  color: #747574;
}
#offAcqCartaECM .well .grid-cartaecm .lab input[type=radio] {
  appearance: none; /* Rimuove lo stile nativo */
  -webkit-appearance: none; /* Per compatibilità con WebKit */
  width: 18px;
  height: 18px;
  border: 1px solid black;
  border-radius: 50%;
  background-color: white;
  cursor: pointer;
  vertical-align: text-bottom;
}
#offAcqCartaECM .well .grid-cartaecm .lab input[type=radio]:checked {
  background-color: #b7373a;
}
#offAcqCartaECM .well .grid-cartaecm .lab span {
  color: #b7373a;
  font-weight: 600;
  font-size: 18px;
}

.promozione-libro {
  background: #FAFAFA url("/assets/images/background-blocco-libro.png") 50% 0 no-repeat;
}

#reminder-info {
  position: fixed;
  display: flex;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 145px;
  border-top: 1px solid #DEDEDE;
  padding: 0 1em;
  background-color: #FFF;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 1000; /* Porta il div sopra gli altri contenuti */
  box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.15) !important;
  opacity: 0; /* Nascondi inizialmente */
  transform: translateY(20px); /* Spostato leggermente verso il basso */
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none; /* Disabilita l'interazione quando nascosto */
  /* Classe per mostrare il div con la transizione */
}
#reminder-info.visible {
  opacity: 1;
  transform: translateY(0); /* Posiziona al suo posto */
  pointer-events: auto; /* Abilita l'interazione */
}
#reminder-info .el-1 {
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  width: 100%;
  line-height: 1.2em;
  height: 2.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#reminder-info .el-2 {
  font-size: 16px;
  display: flex;
  font-weight: 600;
  justify-content: space-between;
  padding: 0 0 6px 0;
  margin-top: 4px;
}
#reminder-info .el-3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#reminder-info .el-3 .btn {
  padding: 12.5px 10px;
  height: 50px;
}

#footer.extra-margin-reminder-info {
  margin-bottom: 145px;
}

#trigger-estratto {
  color: #000000;
  text-decoration: underline;
  text-decoration-color: #b7373a;
}
#trigger-estratto:hover {
  color: #b7373a;
}

.btn.btn-open-access {
  font-size: 13px;
  padding: 10px;
}

.badge.bg-ebookecm {
  background-color: #b7373a;
  border: #b7373a;
  color: #FFF;
  text-transform: uppercase;
}

.badge.bg-outline-ebookecm {
  background-color: transparent;
  border: 1px solid #b7373a;
  color: #b7373a;
  text-transform: uppercase;
}

@media screen and (max-width: 576px) {
  .row-open-access img {
    text-align: center;
    justify-content: center;
    float: none !important;
    margin: 15px auto;
  }
}
@media screen and (min-width: 768px) {
  body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box {
    background-color: #fefef9;
  }
  body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .box-second {
    padding-top: 1em;
  }
  .ds-breadcrumbs {
    margin-left: 2em;
  }
  #reminder-info {
    height: 80px;
  }
  #reminder-info .el-2 {
    align-items: center;
  }
  #reminder-info .el-2 .prezzo-ecom {
    width: 145px;
  }
  #reminder-info .el-2 .prezzo-ecom strong {
    font-size: 24px;
  }
  #reminder-info .el-3 .btn {
    padding: 6px 20px;
    margin-left: 10px;
  }
}
#estratto-body {
  width: 100%;
  height: 100vh;
  overflow: auto;
}
#estratto-body canvas {
  display: block;
  margin: 0 auto 20px;
  max-width: 100%;
}

@media screen and (min-width: 992px) {
  body.catalogo-dettaglio .dettaglio-main-box.box {
    padding: 0 35px;
  }
  body.catalogo-dettaglio .dettaglio-main-box .dettaglio-left-box {
    order: 1;
  }
  body.catalogo-dettaglio .dettaglio-main-box .dettaglio-left-box .row-2 .box-column {
    display: flex;
    flex-direction: row !important;
  }
  body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box {
    background-color: transparent;
    order: 2;
    position: sticky;
    margin: 130px 0 0 0;
    width: 33%;
    max-width: 382px;
    padding: 0;
  }
  body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .box-second {
    padding-top: 0;
  }
  body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .box-overlay {
    border-radius: 7px;
    border: 1px solid #eee;
    padding: 5px 20px 10px;
    background-color: #FFF;
  }
  body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .box-overlay .pulsanti-ebook {
    background-color: transparent;
    padding: 0;
  }
  body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .box-overlay .valutazioni-dx {
    background-color: transparent;
  }
  body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .box-overlay .valutazioni-dx .ranking {
    font-size: 20px;
  }
  body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .box-second {
    flex-flow: column;
    display: flex;
    align-items: center;
  }
  body.catalogo-dettaglio .dettaglio-main-box .dettaglio-right-box .box-second .info-provider {
    text-align: center;
    padding-left: 0;
  }
  body.catalogo-dettaglio .dettaglio-main-box .pill-content {
    width: calc(100% - 20px);
  }
  #reminder-info {
    height: 80px;
  }
  #reminder-info .el-2 {
    align-items: center;
  }
  #reminder-info .el-2 .prezzo-ecom {
    width: 145px;
  }
  #reminder-info .el-2 .prezzo-ecom strong {
    font-size: 24px;
  }
  #reminder-info .el-3 .btn {
    padding: 6px 20px;
    margin-left: 10px;
  }
  #footer.extra-margin-reminder-info {
    margin-bottom: 80px;
  }
  #offAcqCartaECM .well .carte-offerte {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  body.catalogo-dettaglio .dettaglio-main-box .pill-content {
    width: 628px;
    max-width: 628px;
  }
}
.aiuto-faq .subsezione {
  border-top: 1px solid #DEDEDE;
  margin: 1em 0;
  padding: 2em 0 1em;
}
.aiuto-faq h3 {
  font-size: 16px;
}

.section-aiuto {
  max-width: 900px;
  background-color: #f6f6f6;
  border-radius: 10px;
  padding: 1.5em 2em;
  margin: 1em 0;
  cursor: pointer;
}

#page-login .login-modal-content {
  max-width: 500px;
  text-align: left;
}
#page-login .login-modal-content .having-trouble-loggingin {
  text-align: left;
}

#preacquisto tr td, #preacquisto tr th {
  padding: 10px;
}
#preacquisto tr th {
  background-color: #eee;
}
#preacquisto tr td {
  background-color: #ffffff;
}
#preacquisto .art-carta-ecm,
#preacquisto .art-articolo {
  display: table-cell;
}
#preacquisto .pic-catalogo {
  margin-right: 1em;
  padding: 5px 10px;
  float: left;
  width: 70px;
  min-width: 70px;
}
#preacquisto .pic-catalogo .eico {
  text-align: center;
  background: #eee;
  padding: 8px;
  border-radius: 6px;
}
#preacquisto span.titolo {
  color: #000000;
  font-weight: 600;
}
#preacquisto a.titolo {
  color: #000000;
  text-decoration: none;
  font-weight: 600;
}
#preacquisto a.titolo:hover {
  text-decoration: underline;
}
#preacquisto .autore {
  font-size: 0.8rem;
}
#preacquisto .adx {
  text-align: right;
}
#preacquisto .remove-item {
  cursor: pointer;
}
#preacquisto .remove-item span {
  text-decoration: underline;
  font-size: 0.8rem;
}

.totale-container {
  border: 1px solid #CCC;
  border-radius: 5px;
  padding: 1em;
  font-size: 1em;
  margin-top: 27px;
  background-color: #eee;
}
.totale-container h3 {
  padding-bottom: 1em;
}

.table-totali tr td {
  text-align: right;
  width: 50%;
}
.table-totali tr.totale td, .table-totali tr.totale th {
  color: #060;
  border-top: 4px solid #ccc;
  font-weight: bold;
}
.table-totali tr.subtotale td, .table-totali tr.subtotale th {
  border-top: 4px solid #ccc;
}

.iva-esente-label {
  font-size: 0.75em;
  color: #444;
  font-weight: normal;
  line-height: 1.4;
  display: inline-block;
  margin-top: 4px;
  text-align: left;
}

.val-iva {
  color: #747574;
}

.border-left {
  border-left: 1px solid #f4f3f3;
}

.border-right {
  border-right: 1px solid #f4f3f3;
}

.paytype button, .paytype .btn {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  padding: 1em;
  min-width: 252px;
}
.paytype .paypal-button {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  width: 252px !important;
  border-radius: 0 !important;
}
.paytype .carte-credito {
  max-width: 252px;
  width: 100%;
  margin: 0.3rem 0;
}
.paytype .row {
  margin: 1rem 0;
  padding: 1rem 0;
  border-bottom: 1px solid #f4f3f3;
}
.paytype .row .text-right {
  display: flex;
  justify-content: space-around;
}

.dettaglio-fatturazione {
  background: #ffffff;
  padding: 0.5rem;
  border: dashed #999;
  margin-top: 1em;
}
.dettaglio-fatturazione div {
  font-size: 0.875rem;
}

@media screen and (max-width: 576px) {
  #preacquisto td {
    width: 100%;
    display: flex;
  }
  #preacquisto td picture {
    min-width: 70px;
  }
  #preacquisto td .c-info {
    min-width: 100%;
  }
  #preacquisto .titolo {
    line-height: 1.2em;
    height: 2.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  #preacquisto td.remove-item,
#preacquisto td.val-totale {
    display: none;
  }
  input#submit-free {
    margin-top: 1.5em;
    width: 100%;
  }
}
@media screen and (min-width: 576px) {
  #preacquisto .art-carta-ecm,
#preacquisto .art-articolo {
    display: flex;
  }
}
ul.autore-links {
  margin: 1em 0 0;
}
ul.autore-links li {
  display: inline;
}
ul.autore-links li + li {
  padding-left: 1em;
}
ul.autore-links li + li:before {
  content: " ";
  padding-right: 1em;
}

.lista-autori .underlined {
  font-size: 2em;
  border-bottom: 1px solid #747574;
  margin-top: 2em;
}
.lista-autori p {
  font-size: 1.1rem;
  font-weight: bold;
  padding: 0;
}

ul.autore-links a {
  font-weight: bold;
}

/*
@import "pages/corse-la-fad-ecm";

@import "pages/design-system";
@import "pages/istruzioni";
@import "pages/rimborso";
@import "pages/contatti";
@import "pages/faq";

@import "pages/webinar";
@import "pages/guida";
@import "pages/servizi";
@import "pages/carello";

@import "pages/groupo-di";
@import "pages/news-dettaglio";
@import "pages/estensioni";
@import "pages/ap-home";
@import "pages/ap-carta-ecm";
@import "pages/come-funziona";
@import "pages/ap-carta-ecm-gruppo";
@import "pages/ap-carta-ecm-movimenti";
@import "pages/ap-carta-ecm.termini";
@import "pages/ap-webinar";
@import "pages/ap-Le-mie-fatture";
@import "pages/ap-tutoraggio";
@import "pages/admin-carta-ecm";
@import "pages/ap-carta-ecm-faq";
@import "pages/ap-dati-personali";
@import "pages/ap-opzioni-kindle";
@import "pages/ap-detagglio-corso"; 
*/

/*# sourceMappingURL=main.css.map */