/* Padding orizzontale per tutte le slide Swiper: evita taglio bordo focus */
:root {
  --bs-body-color:#575757;
  --bs-dark-rgb: 0,0,0;
  --bs-dark: #000000;
  --bs-link-color:#dd0312;
  --bs-link-color:#dd0312;
  --bs-link-hover-color:#dd0312;
  --bs-primary:#dd0312;
  --bs-primary-rgb:221,3,18;
  --bs-main-font-family: "Schibsted Grotesk", sans-serif;
  --bs-secondary-font-family: "Momo Trust Display", sans-serif;
  --bg-light-color: #f6f4f3;
  --bg-light-color-safe: #e9e3e1;
  --bg-meseta-rgb:10,35,64;
  --bg-attibassi-rgb:29,29,27;
  --bg-carracci-rgb:8,3,4;

}
body{font-family: var(--bs-main-font-family);font-size:.9rem;}
header{background:#fff;}
section{padding:150px 0}
p{margin:0}
p + p{margin-top:18px}
time{text-transform:capitalize}
.img-cover{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
    min-height:430px
}
.img-cover > *{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
a:hover{text-decoration:none;}
.img-hero{
  position: relative;
  width: 100%;
  overflow: hidden;
  min-height:380px;
  margin:80px 0;
}
.img-hero > *{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.column-2 {
    column-count: 2;
    column-gap: 40px;
}
#header{box-shadow: 0 20px 30px 5px rgba(0, 0, 0, .05);}
#header .logo-hamburger{margin:10px 0}
#header-nav-wrapper.menu-wrapper{display:flex;align-items:center;padding:10px 0;background:#fff;margin-left:5px;}
#header .navbar{background:#fff}
#header .custom-navbar-toggler{display:inline-flex;align-items:center;justify-content:center}
#header .custom-navbar-toggler span{color:#000;font-size:1.9rem;line-height:1}
#header-nav-wrapper nav{margin:0 auto}
#header-nav-wrapper.menu-wrapper .dropdown-menu li .dropdown-item{padding:5px 15px;font-weight:normal}
#header-nav-wrapper.menu-wrapper .dropdown-menu li .dropdown-item:hover{text-decoration:underline;}
#header-nav-wrapper.menu-wrapper .dropdown-menu {box-shadow: 0px 14px 15px 0px rgba(0, 0, 0, .1);z-index:2}
#logo{width:138.86px;height:64.91px;}
.visually-hidden-focusable{position:absolute;background:var(--bs-primary);color:#fff;padding:8px 16px;border-radius:0 0 5px 0;z-index:3;left:0;top:0;font-size:.8rem;text-decoration:none}
.rounded{border-radius:20px!important;}
.shadow{box-shadow:0 10px 30px 0 rgba(0,0,0,.1)!important;}
.btn.btn-primary{background-color:var(--bs-primary);box-shadow:inset 0 0 0 2px var(--bs-primary);color:#fff;}
.btn.btn-light{background-color:#fff;box-shadow:inset 0 0 0 2px #fff;color:#000;}
.btn.btn-outline-primary{box-shadow:inset 0 0 0 2px var(--bs-primary);color:var(--bs-primary);}
.btn.btn-outline-dark{box-shadow:inset 0 0 0 2px #000;color:#000;}
.btn.btn-dark{background-color:#000;border-color:#000;color:#fff;}
.btn{font-size: 1rem;font-weight:normal;border-radius:10px;}
.btn.btn-icon {padding: 13px 18px 13px 32px;}
.btn.btn-icon.btn-file {padding: 13px 32px 13px 18px;}
.color-213 .btn{background:rgb(var(--bg-attibassi-rgb))!important;border-color:rgb(var(--bg-attibassi-rgb))!important;color:#fff!important;}
.color-214 .btn{background:rgb(var(--bg-carracci-rgb))!important;border-color:rgb(var(--bg-carracci-rgb))!important;color:#fff!important;}
.color-215 .btn{background:rgb(var(--bg-meseta-rgb))!important;border-color:rgb(var(--bg-meseta-rgb))!important;color:#fff!important;}
#header-nav-wrapper nav a,#header-nav-wrapper nav button,.btn-lang-exchange{color:#303030;padding:10px 15px;margin:0;border:0;font-size:1rem;background:transparent;font-weight:500}
#header-nav-wrapper nav a svg,#header-nav-wrapper nav button svg{fill:#303030;width:25px;height:25px}
.btn-lang-exchange{padding:0;border:2px solid #fff;width:30px;height:30px;border-radius:50%;overflow:hidden;box-shadow: 0 5px 10px 0px rgba(0, 0, 0, .1);}
.btn-lang-exchange svg{width:100%;height:100%;}
.it-header-navbar-wrapper.theme-light-desk{box-shadow:none}
.it-header-navbar-wrapper.theme-light-desk .navbar .dropdown-menu:before{display:none}
.it-header-navbar-wrapper.theme-light-desk .navbar .dropdown-menu{border-radius:10px;background:#fff;min-width:285px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);}
#header-video{position:relative;z-index:0;width:100%;height:calc(100vh - 84.91px);min-height:400px;overflow:hidden;background:#303030}
.youtube-background{position:relative;width:100%;height:100%;min-height:430px;overflow:hidden;background-size:cover!important;background-position:center!important}
#header-video::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(45deg,  rgba(0,0,0,0.80) 30%,rgba(0,0,0,0.3) 100%);z-index:0;}
#header-video .container-wrapper{position:relative;z-index:2;color:#fff;}
#header-video .container-wrapper .row{height:calc(100vh - 84.91px);min-height:400px;}
#header-video .container-wrapper .row h1{line-height:1.1;font-size:3.5rem;font-family: var(--bs-secondary-font-family);letter-spacing: 1px;}
#header-video .container-wrapper .row p{line-height:1.4;font-size:1.2rem;font-weight:300;width:80%}
#header-video .video-control{z-index:3;}
.youtube-background .video-control{position:absolute;z-index:1; right:16px;bottom:16px;display:flex;gap:10px;}
.youtube-background .video-control button{width:50px;color:#fff;height:50px;border-radius:50px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);border:0;cursor:pointer;}
.youtube-background .video-control button .material-symbols-rounded, .swiper .swiper-controls button .material-symbols-rounded{
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
.video-poster {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center;background-color:#262626}
.modal{height:100vh}
.modal-content{border-radius:10px;}
.modal .modal-dialog .modal-content .modal-footer{padding:24px;}
.modal .modal-dialog .modal-content .modal-body{padding-top:15px;}
.modal .modal-dialog .modal-content .modal-body p{color: #575757;font-size:1rem;line-height:1.2}
.modal .modal-dialog.modal-dialog-centered{margin-top:var(--bs-modal-margin);margin-bottom:var(--bs-modal-margin)}
#languageModal ul{margin:15px 0;padding:0}
#languageModal ul li{list-style:none;}
#languageModal ul li .btn img{border-radius:50%;}
#languageModal ul li[aria-current="page"] .btn{pointer-events:none;cursor:default}

.breadcrumb, .breadcrumb a, .breadcrumb .active{color:#fff}
.text-dark .breadcrumb, .text-dark .breadcrumb a, .text-dark .breadcrumb .active{color:#000}
.breadcrumb span{margin:0 3px 0 6px;opacity:.5}

.title{color:#000;font-size:2.6rem;line-height:1;font-family: var(--bs-secondary-font-family);letter-spacing: 1px;}
.subtitle{color:#737578;font-size:1.5rem;line-height:1.2;font-weight:normal}
.text-wrapper p{font-size:1.1rem;line-height:1.6;margin:0;}
.text-wrapper p + p{margin-top:18px}
.text-wrapper h2:not(.subtitle),.text-wrapper .h2:not(.subtitle){color:#000;font-size:2.6rem;}
.text-wrapper h3:not(.subtitle),.text-wrapper .h3:not(.subtitle){font-size:1.9rem;color:#000;font-family: var(--bs-secondary-font-family);letter-spacing: 1px;}
.text-wrapper h4:not(.subtitle),.text-wrapper .h4:not(.subtitle){font-size:1.6rem;color:#000}

.text-wrapper h3 + *,.text-wrapper .h3 + *,
.text-wrapper * + h3,.text-wrapper * + .h3,
.text-wrapper h4 + *,.text-wrapper .h4 + *,
.text-wrapper * + h4,.text-wrapper * + .h4{margin-top:30px}

.text-wrapper h3 + p,
.text-wrapper .h3 + p,
.text-wrapper h4 + p,
.text-wrapper .h4 + p,
.text-wrapper ul + *,
.text-wrapper ol + *,
.text-wrapper * + ul,
.text-wrapper * + ol{
  margin-top: 30px;
}
.text-wrapper li{
  margin-bottom:10px;
  line-height:1.6;
  font-size:1.1rem;
}
.bg-gray{background:var(--bg-light-color);}
.bg-gradient-00{background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,244,243,1) 100%)}
.bg-gradient-01{background: linear-gradient(to bottom, rgba(246,244,243,1) 0%,rgba(255,255,255,1) 100%)}
.bg-213{background: rgba(var(--bg-attibassi-rgb),1)!important;color:#fff!important;}
.bg-214{background: rgba(var(--bg-carracci-rgb),1)!important;color:#fff!important;}
.bg-215{background: rgba(var(--bg-meseta-rgb),1)!important;color:#fff!important;}
.bg-213 h1,.bg-214 h1,.bg-215 h1,
.bg-213 h2,.bg-214 h2,.bg-215 h2{color:#fff!important}
.page-header-brand::before{z-index:0;content:"";position:absolute;bottom:-2px;left:0;width:100%;height:40%;z-index:1}
.page-header-brand.g213::before{background: linear-gradient(180deg, rgba(var(--bg-attibassi-rgb),0) 0%, rgba(var(--bg-attibassi-rgb)) 90%)}
.page-header-brand.g214::before{background: linear-gradient(180deg, rgba(var(--bg-carracci-rgb),0) 0%, rgba(var(--bg-carracci-rgb)) 90%)}
.page-header-brand.g215::before{background: linear-gradient(180deg, rgba(var(--bg-meseta-rgb),0) 0%, rgba(var(--bg-meseta-rgb)) 90%)}


.border-top{border-top:1px solid #e6e6e6!important;}
.border-bottom{border-bottom:1px solid #e6e6e6!important;}
.border-right{border-right:1px solid #e6e6e6!important;}
.border-left{border-left:1px solid #e6e6e6!important;}
.border{border:1px solid #e6e6e6!important;}

.parallax-home-trio{position:relative;}
.parallax-home-trio img{position:absolute;width:40%;height:auto;top:0}
.parallax-home-trio img:nth-child(2){right:0;width:50%;}
.parallax-home-trio img:last-child{width:50%;bottom:-20px;left:50%; transform: translateX(-50%) translateY(60%);}

/* Swiper carousel - bottone autoplay */
.swiper{position:relative;}
.swiper .swiper-wrapper{padding:15px 0;}
.swiper .swiper-slide{height:auto}
.swiper-controls{display:flex;align-items:center;justify-content:end;gap:5px;padding:8px}
.swiper-controls button{overflow:hidden;margin:0;padding:0;position:inherit;width:50px;height:50px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:2px solid #737578!important;cursor:pointer;color:#000;}
.swiper-controls button span{font-size:1.9rem;color:#000}
.swiper-controls.controls-mini button{margin:0;position:inherit;width:35px;height:35px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid #737578!important;color:#000;background:#fff;}
.swiper-controls.controls-mini button span{font-size:1.7rem}
.swiper-button-disabled{opacity:.65!important}

.swiper-autoplay-toggle:hover{background:#737578;}
.swiper-autoplay-toggle:focus{outline:2px solid #fff;outline-offset:2px;}
.swiper-controls .swiper-pagination-bullets{display:flex;gap:8px;position:inherit}
.swiper .swiper-controls .swiper-pagination-bullets .swiper-pagination-bullet{opacity:1;position:relative;width:19px;height:19px;margin:0;background:transparent;border:2px solid #737578;}
.swiper .swiper-controls .swiper-pagination-bullets .swiper-pagination-bullet-active::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:9px;height:9px;background:#000;border-radius:50%;}

.swiper-vertical-fullscreen, .swiper-vertical-fullscreen .stack-box-img,
.swiper-vertical-fullscreen .img-cover{height:calc(100vh - 84.91px);min-height:650px}
.swiper-vertical-fullscreen .swiper-wrapper{padding:0}
.swiper-vertical-fullscreen .swiper-slide{background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(246,244,243,1) 100%);}
.swiper-vertical-fullscreen .swiper-controls{right:30px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}
.swiper-vertical-fullscreen .swiper-controls .swiper-pagination-bullets{flex-direction:column;}
.swiper-vertical-fullscreen .swiper-slide button, .swiper-vertical-fullscreen .swiper-slide a{position:relative;z-index:2;}
.stack-box-text{padding:30px 16vw 10px 0;}
.stack-box-text .titlet{font-size:.95rem;text-transform:uppercase;padding-left:50px;position:relative;color:#000;letter-spacing:.5px}
.stack-box-text .titlet::before {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;border-radius:5px;height:2px;background:var(--bs-primary);}

.hero-section {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  margin:150px 5vw;
  border-radius:30px;
  padding:100px 0;
  min-height:auto;
}

.hero-section .container {
  position: relative;
  z-index: 2;
}

    .hero-section .it-hero-wrapper.it-overlay.it-dark .img-responsive-wrapper:after::after{
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 100%);
  z-index: 1;
}
.highlight-section{padding:100px 0;margin:100px 5vw;border-radius:30px}
.highlight-section, .highlight-section p{font-size:1.2rem;}
.highlight-box-section{margin:0 5vw;}
.highlight-box-section, .highlight-box-section p{font-size:1.2rem;}
.highlight-box > .highlight-box-content h2{font-size:2.4rem;}
.highlight-box{
  background-size: cover;
  background-position: center;
  height:100%;
  border-radius:20px;
  position:relative;
  overflow:hidden;
  display:flex;
  justify-content:center;
  min-height:auto
}

.highlight-box > .highlight-box-content {
position:relative;
  width: 60%; height: 100%;
  z-index: 2;
  padding:7vw 0;
    display:flex;
  flex-direction:column;
  justify-content:space-between;
    align-items:center;
  text-align:center;

}

.highlight-box.it-hero-wrapper.it-overlay.it-dark .img-responsive-wrapper::after {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 100%);
  z-index: 1;
}

.blog-card{
  display:flex;
  flex-direction:column;
  height:100%;
  background:var(--bg-light-color);
  border-radius:20px;
  height:100%;
  justify-content:space-between;
}
.blog-card figure{border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden;}
.blog-card a{
color:#000;
text-decoration:none
}
.blog-card a:hover{
text-decoration:underline
}
.blog-card h3{
font-size:1.3rem;
font-weight:normal;
line-height:1.2;
}
.blog-card h3{padding:0 25px;}
.blog-card footer{padding:0 25px 25px;}
/* Accessibilità */
:focus:not([data-focus-mouse=true]){
    border-color: #3a869d !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #3a869d !important;
    outline: 3px solid transparent !important;
    outline-offset: 3px !important;
}
.shadow:focus:not([data-focus-mouse=true]), .shadow-none:focus:not([data-focus-mouse=true]), 
.shadow-sm:focus:not([data-focus-mouse=true]), .shadow-lg:focus:not([data-focus-mouse=true]) {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #3a869d !important;
    }
.swiper-vertical-fullscreen .swiper-slide:focus:not([data-focus-mouse=true]) .row::before{
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #3a869d inset!important;
    outline: 3px solid #3a869d !important;
    outline-offset: 3px !important;
    content:"";
    left:0;top:0;width:100%;height:100%;position:absolute;
}
.swiper-wrapper .swiper-slide:first-child:focus {
  margin-left: 0.5rem;
}
.it-footer-main{background:#fff;border-top:1px solid #e6e6e6;padding:60px 0 30px;color:#575757;font-size:.9rem;}
.it-footer a {color: #575757;}
.it-footer a:hover {color: #575757;text-decoration:none;}
.footer-heading-title{font-size:1.2rem;color:#000;}
ul.footer-list{padding:0;list-style:none;margin:0;}
.navbar .navbar-collapsable{z-index:1051}
.modal-backdrop{z-index:1052}
.it-hero-wrapper.it-overlay.it-dark .img-responsive-wrapper:after {
    background: rgba(0, 0, 0, .65);
}
.page-header{text-align:center;padding:0;min-height:400px;background-color:var(--bg-light-color)}
.page-header.page-header-small{min-height:320px;}
.page-header.it-hero-wrapper .it-hero-text-wrapper {
    padding: 80px 0;
    max-width: 100%;
}
.it-hero-wrapper .it-hero-text-wrapper.text-dark span{
  color:#000
}
.brand-description{position:relative}
.brand-description::after{position:absolute;content:"";bottom:0;left:0;width:100%;height:50%;z-index:0;background:linear-gradient(0deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 100%);}
.brand-description .container{position:relative;z-index:1}

.page-header-brand{position:relative;min-height:650px;height:70vh;position:relative;align-items:start!important}
.page-header-brand .container{z-index:1;position:relative}
.page-header-logo{width:220px;height:220px;box-shadow:0 10px 30px 0 rgba(0,0,0,.1);overflow:hidden}

.page-header h1.title{font-size:3.5rem}
.page-header .subtitle{font-size:1.2rem}

.page-header-brand-detail{height:13px;min-height:auto!important;margin-bottom:130px}
.page-header-brand-detail.bg-214{border-bottom:6px solid #C9A36C!important;position:relative;}
.page-header-brand-detail.bg-214::before{    position: absolute;
    content: "";
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
    width: 139px;
    height: 20px;
    z-index: 1;background:rgb(var(--bg-carracci-rgb));}
.page-header-brand-detail .page-header-logo{position:absolute;top:0;left:50%;transform:translateX(-50%);width:150px;height:150px;z-index:-1}
.product-item{display:flex;flex-direction:column;align-items:center;text-align:center;color:#000;text-decoration:none;}
.swiper-slide .product-item{padding-bottom:2.5rem}

.product-item figure img{width:100%;height:auto;}
.product-item .product-pack,.product-code{color:var(--bs-body-color);font-size:.875rem;text-transform:uppercase;}
.intensity-icon{display:inline-flex;align-items:center;justify-content:center;min-width:70px;min-height:78.27px;position:relative;font-size:2rem;font-family:var(--bs-secondary-font-family)}
.intensity-icon span{padding-right:.4rem;color:#000}
.intensity-icon picture{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center;z-index:0}
.arabica-level strong,.progress-level strong{color:#000;font-size:1.1rem;}
.arabica-level .progress{height:15px;border-radius:10px;background:var(--bg-light-color-safe);}
.arabica-level .progress .progress-bar{border-radius:0 10px 10px 0;background:#000}
.progress-level .level-wrapper{display:flex;align-items:center;gap:.1rem;font-size:1.5rem;color:#000;}
.progress-level .level-wrapper .level-item{width:100%;height:15px;background:#000}
.progress-level .level-wrapper .level-item.disabled{background:var(--bg-light-color-safe);}
.progress-level .level-wrapper .level-item:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;}
.progress-level .level-wrapper .level-item:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;}
.breadcrumb-item+.breadcrumb-item::before{display:none}

form .form-control,form input[type=date].form-control, form input[type=datetime-local].form-control, form input[type=email].form-control, 
form input[type=number].form-control, form input[type=password].form-control, form input[type=search].form-control, form input[type=tel].form-control, 
form input[type=text].form-control, form input[type=time].form-control, form input[type=url].form-control, form textarea.form-control,
form .select-wrapper select{
  color:#000;border:2px solid rgba(0,0,0,.4);border-radius:6px!important;height:55px;padding:1rem .75rem
}
.form-check [type=checkbox]:not(:checked)+label::after{border-color:rgba(0,0,0,.4)}
.form-check [type=checkbox]+label, .form-check [type=radio]+label{font-size:1rem;font-weight:normal}
.form-check [type=checkbox]+label a, .form-check [type=radio]+label a{color:#000}
form textarea.form-control{min-height:150px;}
.form-group {margin-bottom: .6rem;}
.form-group label{padding:0 .75rem;color:var(--bs-body-color)}
form .select-wrapper label{transform: translateY(-85%);color:#000}

.it-card, article.it-card{--bs-it-card-border-radius:20px!important}

.private-label-steps nav.navbar #navbarSteps .link-list .nav-item{display:flex;align-items:center;}
.private-label-steps nav.navbar #navbarSteps .link-list .nav-item a.nav-link{transition:all .2s;background:#fff;gap:15px;padding:0 20px 0;display:inline-flex;align-items:center;justify-content:center;color:#000}
.private-label-steps nav.navbar #navbarSteps .link-list .nav-item a.nav-link.active{border:0;color:var(--bs-link-color)}
.private-label-steps nav.navbar #navbarSteps .link-list .nav-item a.nav-link svg{fill:#000;min-width:40px;min-height:40px;transition:all .2s}
.private-label-steps nav.navbar #navbarSteps .link-list .nav-item a.nav-link.active svg{fill:var(--bs-link-color);}
.private-label-steps nav.navbar .progress{display:inline-flex!important;height:5px;border-radius:10px;width:100%;position:relative;left:inherit;right:inherit}
#navbarSteps{width:100%;border-radius:40px;overflow:hidden;background:#fff;padding:15px;}
.navbar.it-navscroll-wrapper{background:transparent}
.sticky-top{top:85px}
.sticky-top.steps-menu{z-index:2!important}
#navbarSteps .progress{background:var(--bg-light-color-safe);}
#navbarSteps .progress-bar{background:#000;transition:all .2s}
.private-label-steps{margin-top:-45px;}
.blend-type {
  padding:30px;
  text-align:center;
  aspect-ratio: 1 / 1;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap:10px;
  font-size:1.1rem;
  line-height:1.2;
}
.blend-type .badge{background:rgba(0,0,0,.3);padding:.5rem 1rem;white-space:wrap}
.blend-type h3{
  font-size:1.7rem;
  line-height:1.1
}
.badge-267{color:#000;background:#d9d9d9!important}
.badge-268{color:#000;background:#f5c000!important}
.badge-269{color:#000;background:#dcc6ad!important}
.pagination .page-item .page-link[aria-current]{border: 1px solid var(--bs-primary);color: var(--bs-primary);}
.pagination .page-item .page-link{color:#000}
.pagination .page-item .page-link:hover{color:var(--bs-primary)}
.pagination .page-item.disabled{opacity:.4}
.it-timeline-wrapper .row:after{bottom:0;top:0;border-top-left-radius:5px;border-top-right-radius:5px;background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 70%);}
.it-timeline-wrapper .it-pin-wrapper.it-evidence .pin-icon{background:var(--bs-link-color)}
.it-timeline-wrapper .it-pin-wrapper.it-evidence .pin-text{padding:0;background:transparent;color:#000;font-size:2.5rem;font-weight:bold;font-family: var(--bs-main-font-family);}
.it-card .it-card-body, article.it-card .it-card-body{color: var(--bs-body-color)!important;}
.it-card.it-card-image .it-card-image-wrapper.card-image-bottom, article.it-card.it-card-image .it-card-image-wrapper.card-image-bottom{order:inherit;}
.it-card.it-card-image .it-card-image-wrapper.card-image-bottom figure, article.it-card.it-card-image .it-card-image-wrapper figure{margin:0}
.it-card.it-card-image .it-card-image-wrapper.card-image-bottom img, article.it-card.it-card-image .it-card-image-wrapper.card-image-bottom img{border-radius:0 0 var(--bs-it-card-border-radius) var(--bs-it-card-border-radius);}
.it-timeline-wrapper .it-pin-wrapper.it-evidence .pin-text span:after{display:none}
.modal-title{line-height:1.1}
.counter{color:var(--bs-dark);font-size:1.1rem;line-height:1.2}
.counter strong{font-size:3rem;letter-spacing:-1.5px;font-weight:900;color:var(--bs-dark)}
.line-card img{width:220px;height:auto}
.ratio img{object-fit:cover;width:100%;height:100%;}
lite-youtube::before{display:none!important}
.z-0{z-index:0}
.z-1{z-index:1}
.z-2{z-index:2}
.z-3{z-index:3}
.footer-disclaimer,.footer-disclaimer > p{font-size:.875rem;font-style:italic}
@media (max-width: 1399px) {
  .stack-box-text{padding:30px 120px 10px 0;}
}
@media (max-width: 1199px) {
    section{padding:100px 0}
  #header-nav-wrapper nav a, 
  #header-nav-wrapper nav button{padding: 10px 10px;}
  .stack-box-text{padding:30px 100px 30px 40px;}
  .swiper-vertical-fullscreen, .swiper-vertical-fullscreen .stack-box-img, .swiper-vertical-fullscreen .img-cover {
    height: calc(80vh - 84.91px);
}
.highlight-box > .highlight-box-content h2{font-size:2.2rem;}
.highlight-box > .highlight-box-content {
    width: 80%;}
      #header-nav-wrapper nav a.dropdown-item,#header-nav-wrapper nav a, #header-nav-wrapper nav button, .btn-lang-exchange{font-size:.9rem;}

}
@media (max-width: 991px) {
    #header-video,#header-video .container-wrapper .row{height: calc(100vh - 66.48px);min-height:500px;}
    #header-video .container-wrapper .row{max-height:calc(100vh - 136px)}
  #header-nav-wrapper nav{width:100%;}
  #header-nav-wrapper nav a, #header-nav-wrapper nav button{padding-left:1rem;padding-right:1rem;font-size:1.2rem;width:100%;text-align:left;}
  #header-nav-wrapper nav button{display:flex;}
  #header-nav-wrapper nav button svg{width:30px;height:30px;}
  #header-nav-wrapper nav a.dropdown-item{font-size:1rem;}
  #header-nav-wrapper.menu-wrapper .dropdown-menu{box-shadow:none;}
 #header .logo-hamburger{margin:0}
 #logo {
    width: 108px;
    height: 50.48px;
  }
    #header-nav-wrapper.menu-wrapper{flex-direction:column;align-items:flex-start;}
  #header-nav-wrapper nav {margin: 0;}
  .swiper-vertical-fullscreen, .swiper-vertical-fullscreen .stack-box-img{height:auto;min-height:auto}
  .swiper-vertical-fullscreen .img-cover{height:400px;min-height:400px;z-index:0}
  .swiper-vertical-fullscreen .swiper-slide{background:rgba(246,244,243,1)}
  .swiper-vertical-fullscreen .stack-box-img{position:relative;} 
  .swiper-vertical-fullscreen .stack-box-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(246,244,243,1) 10%, rgba(246,244,243,0.90) 30%,rgba(246,244,243,0.40) 60%, rgba(246,244,243,0) 80%);
    z-index: 1;
  }
  .stack-box-text{padding:30px 30px 130px;margin-top:-180px;z-index:1}
  .swiper-vertical-fullscreen .swiper-controls{width:100%;top:100%;transform:translateY(-70px) translateX(0);left:0;}
  .swiper-vertical-fullscreen .swiper-controls .swiper-pagination-bullets{flex-direction:row;justify-content:center;}
  .highlight-box > .highlight-box-content h2.title{font-size:1.6rem;}
.highlight-box > .highlight-box-content {
  width: 100%; height: 100%;
  padding:60px 30px;
}
  .page-header:not(.page-header-brand),.page-header.page-header-small{min-height:auto}
  .page-header-brand{min-height:520px}
  .page-header-logo{width:180px;height:180px}
  .img-hero {
    margin: 48px 0;
}
.sticky-top{top:67px}
  .private-label-steps nav.navbar #navbarSteps{padding:12px 10px;border-radius:50px;}
  .private-label-steps nav.navbar #navbarSteps .link-list .nav-item a.nav-link{flex-direction: column;gap:5px;padding:0 12px;font-size:.875rem}
  .private-label-steps nav.navbar #navbarSteps .link-list .nav-item a.nav-link svg{width: 32px;;height: 32px;;min-width:32px;min-height:32px}
}
fieldset legend{font-size:1.2rem;font-weight:normal}
form .list-group-flush li{padding:7px 0}
form .upload-zone-wrapper{border-radius:6px}
form .upload-file-wrapper .file-uploader {
    background: #0176ff;
    display: inline-block;
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
}

form .upload-file-wrapper .file-uploader+.media {
    margin-top: 20px
}

form .upload-file-wrapper .file-uploader:hover {
    background: #50a8ff;
}

form .upload-file-wrapper .file-uploader i {
    float: left;
    font-size: 20px;
    margin-right: 5px;
    margin-top: 2px
}

form .upload-file-wrapper span.drag-handle {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    color: #50a8ff;
    text-align: center;
    font-weight: bold;
    line-height: 38px;
    font-size: 22px;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,1);
    border-radius: 50%;
    cursor: pointer;
}

form .upload-file-wrapper div.uploader-images,form .upload-file-wrapper div.uploader-documents {
    text-align: center;
}

form .upload-file-wrapper div.uploader-images div.block {
    position: relative;
    vertical-align: top;
    width: calc(33.33333% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    background-color: white;
    border: 0;
    padding: 20px;
}

form .upload-file-wrapper div.uploader-documents div.block {
    position: relative;
    vertical-align: top;
    background-color: white;
    padding: 10px;
    border: 0;
    margin-bottom: 5px
}

form .upload-file-wrapper div.uploader-images div.block div.progressBar {
    background-color: #3E6FAD;
    width: 0;
    height: 5px;
    margin-top: 240px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -moz-transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    transition: .25s ease-out;
    z-index: 100;
}

form .upload-file-wrapper div.uploader-documents div.block div.progressBar {
    background-color: #3E6FAD;
    width: 0;
    height: 5px;
    margin-top: 70px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -moz-transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    transition: .25s ease-out;
    z-index: 100;
}

form .upload-file-wrapper div.uploader-images div.block div.cancelButton,form .upload-file-wrapper div.uploader-documents div.block div.cancelButton {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    color: #333;
    ;text-align: center;
    font-weight: bold;
    line-height: 38px;
    font-size: 22px;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,1);
    border-radius: 50%;
    cursor: pointer;
}

form .upload-file-wrapper div.uploader-images div.block div.cancelButton:hover,form .upload-file-wrapper div.uploader-documents div.block div.cancelButton:hover {
    color: #ff003c
}

form .upload-file-wrapper div.uploader-images div.block div.left,form .upload-file-wrapper div.uploader-documents div.block div.left {
    position: absolute;
    bottom: -10px;
    left: -10px;
    width: 25px;
    height: 25px;
    background-color: black;
    border: 2px solid white;
    color: white;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -moz-box-shadow: 0 0 10px 0 #C4C4C4;
    -webkit-box-shadow: 0 0 10px 0 #C4C4C4;
    -o-box-shadow: 0 0 10px 0 #C4C4C4;
    box-shadow: 0 0 10px 0 #C4C4C4;
    cursor: pointer;
}

form .upload-file-wrapper div.uploader-images div.block div.right,form .upload-file-wrapper div.uploader-documents div.block div.right {
    position: absolute;
    bottom: -10px;
    right: -10px;
    width: 25px;
    height: 25px;
    background-color: black;
    border: 2px solid white;
    color: white;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -moz-box-shadow: 0 0 10px 0 #C4C4C4;
    -webkit-box-shadow: 0 0 10px 0 #C4C4C4;
    -o-box-shadow: 0 0 10px 0 #C4C4C4;
    box-shadow: 0 0 10px 0 #C4C4C4;
    cursor: pointer;
}

form .upload-file-wrapper div.uploader-images div.block div.itemUrl {
    justify-content: center;
    display: flex;
    margin-bottom: 20px;
    background: #e1e5ec;
}

form .upload-file-wrapper div.uploader-documents div.block div.itemUrl {
    line-height: 50px;
    background-color: #e1e5ec;
    margin-top: 9px;
    margin-bottom: 12px;
    font-size: 20px;
    height: 50px;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

form .upload-file-wrapper div.uploader-images div.block div.error,form .upload-file-wrapper div.uploader-documents div.block div.error {
    text-align: left;
    font-size: 14px;
    color: red;
}

form .upload-file-wrapper div.uploader-images div.block div.itemUrl img {
    display: block;
    object-fit: cover;
    height: 200px;
    max-width: 100%
}

form .upload-file-wrapper div.uploader-images .name,form .upload-file-wrapper div.uploader-documents .name {
    margin-bottom: 5px;
    font-size: 12px;
}

form .upload-file-wrapper #labels input {
    margin-bottom: 5px
}

form .upload-file-wrapper .form-upload {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    display:block;
}
form .upload-file-wrapper .form-upload:focus[type=file]:not([data-focus-mouse=true])+label{
border-color: #000 !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #000 !important;
    outline: 3px solid rgba(0, 0, 0, 0) !important;
    outline-offset: 3px !important;
}
form .upload-file-wrapper .form-upload+label {
    padding: 20px;
    text-align: center;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 1;
    background:none;
    border:2px solid transparent;
    border-radius:6px;
}

form .upload-file-wrapper .form-upload+label.is-invalid {
    border: 2px solid rgb(204, 51, 76.5);
}


form .upload-file-wrapper .form-upload+label.dragover {
  border-color:#000;
  background:none;
}

form .upload-file-wrapper .form-upload+label svg {
    fill: #000;
    margin-top: 10px
}

form .upload-file-wrapper .item-document {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow:0 10px 30px 0 rgba(0,0,0,.1)!important;
    border-radius:6px;
    border:0
}

form .upload-file-wrapper .item-document a {
    max-width: calc(100% - 40px)
}

form .upload-file-wrapper .item-document svg {
    fill:#000
}

form .upload-file-wrapper .item-document button svg {
    fill: #dc3545
}

form .upload-file-wrapper .media-list>div {
    display: flex;
    gap: 5px;
    flex-direction: column;
    margin-bottom: 5px
}
form .is-invalid,
.form-check .is-invalid+label::after{border-color: rgb(204, 51, 76.5)!important;}
.logo-link img{width:100%;}
@media screen and (min-width: 768px) {
    form .upload-file-wrapper .form-upload+label span>span:not(.upload-suggestion,.material-symbols-rounded) {
        font-size:1.15rem;
        line-height: 1.2
    }
}

@media screen and (max-width: 1199px) {
    form .upload-file-wrapper .form-upload+label {
        position:relative;
        top: inherit;
        height: auto;
        min-height: 200px
    }

    form .upload-file-wrapper .form-upload+label span.material-symbols-rounded {
        font-size: 50px
    }

    form .upload-file-wrapper .form-upload+label svg {
        width: 30px;
        height: 30px
    }
    .private-label-steps nav.navbar #navbarSteps .link-list .nav-item a.nav-link{gap:5px}
}

form .upload-file-wrapper picture[item-url] {
    display: flex
}

form .upload-file-wrapper picture[item-url]>img {
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%
}

form .upload-file-wrapper .item-document [item-url] .label-wrapper {
    width: calc(100% - 40px)!important
}

form .upload-file-wrapper .upload-label .upload-suggestion>span.material-symbols-rounded {
    font-size: 1.8rem!important;
}

form .upload-file-wrapper .upload-label .upload-suggestion>span>span>* {
    font-size: .9rem!important
}

form .upload-file-wrapper .opacity-50 {
    opacity: .5!important
}

    .sitemap,.sitemap ul{
        list-style: none;
        margin:0;
        padding:0;
    }
    .sitemap > li:first-child > a{margin-top:0;padding-top:0;border:none}
    .sitemap > li{
        display:flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .sitemap > li.nochild + li > a{margin-top:0}
    .sitemap > li + li.nochild > a{padding-top:1.5rem}
    .sitemap > li > a{border-top:1px solid #d2d2d7;padding:3rem .75rem 1.5rem;margin-top:3rem;}
    .sitemap h2,.sitemap li h3{font-weight: bold;}
    .sitemap li h2{margin-bottom:0;font-size:25px}
    .sitemap li h3{font-size:19px;margin-bottom:.3rem}
    .sitemap a{text-decoration:none;font-size:17px;display:inline-block;width:100%;}
    .sitemap > li > ul{
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin:0;
        padding:0;
        margin-top: 0;
    }
    .sitemap > li > ul > li{
        flex: 0 0 auto;
        width: 33.33333333%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        padding:0 .75rem 0
    }
    .sitemap > li > ul > li.haschild > a{padding-top:.75rem;text-decoration:underline;}
    .sitemap > li > ul > li > a, .sitemap > li > ul > li > ul > li > a{
        padding-bottom:.5rem;
        line-height:1.3
    }
    .sitemap h2{font-size:1.5rem;line-height:1.1}
    .sitemap a{color:#000;text-decoration:underline}
    .sitemap a:hover{text-decoration:none}

@media (max-width: 768px) {
  .column-2 {
    column-count: 1;
    column-gap: 0;
}
  .highlight-section{margin:0;}
.highlight-box > .highlight-box-content {
  padding:50px 30px;
}
    section{padding:80px 0}
  body,.text-wrapper p {font-size:1rem}
  .title{font-size:2.2rem;}
  .subtitle{font-size:1.2rem;}
  #header-video .container-wrapper .row h1{font-size:2.5rem}
    .breadcrumb-item {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  .breadcrumb-item:last-child{
    position: static!important; /* Mostra solo il penultimo e l'ultimo */
    left: auto!important;
    width: auto!important;
    height: auto!important;
    overflow: visible!important;
    display:flex;
    align-items:center;
    flex-direction:row-reverse;
    clip: auto!important;
    white-space: normal!important;  
    gap:.3rem
  }
          .sitemap > li > ul > li:not(:first-child) > a > h3{
            margin-top: 1.5rem
        }
        .sitemap > li > ul{flex-direction: column;gap:0;margin-top: 1.5rem}
         .sitemap > li > ul > li{width: 100%;}
        .sitemap > li > ul > li{padding-top:0;}
        .sitemap > li:not(.nochild) > a{margin-bottom:0;padding-bottom:0}
        .sitemap > li > ul > li.haschild + li:not(.haschild){
            margin-top: 1.5rem
        }
          .page-header h1.title{
      font-size: 2.5rem;
  }
  .highlight-section{padding:60px;margin:40px 15px}
  .img-cover,.youtube-background,.img-hero {
    min-height: 400px;
}
    .hero-section{padding:0}
    .hero-section .container .row > div{padding:60px 40px}
    .text-wrapper h2:not(.subtitle), .text-wrapper .h2:not(.subtitle){font-size:2rem}
}

@media (max-width: 576px) {
  .highlight-box{min-height:50vw}
  .highlight-box .btn.btn-icon {
    padding: 5px 18px 5px 18px;
    font-size: .9rem;
}
      .swiper-vertical-fullscreen .img-cover img{object-position:bottom center;}

  .highlight-box > .highlight-box-content h2.title{font-size:1.1rem;}
  .highlight-box > .highlight-box-content {
    padding:30px 20px;
    text-align:left;
  }
    section{padding:40px 0}
      .title{font-size:1.9rem;}
    .swiper-vertical-fullscreen .stack-box-img::before {background: linear-gradient(to top, rgba(246,244,243,1) 10%, rgba(246,244,243,0.90) 30%,rgba(246,244,243,0.40) 60%, rgba(246,244,243,0) 100%);}
    .swiper-vertical-fullscreen .img-cover{height:350px;min-height:350px;}
    .stack-box-text{margin-top:-100px;}
        .stack-box-text .title{font-size:1.9rem}

  #header-nav-wrapper nav button svg{margin-left:auto;}
    #header-video .container-wrapper .row h1{font-size:2rem;text-align:center;}
    .swiper-controls{justify-content:center;}
    .hero-section{margin:70px 12px;}
    .hero-section .container .row > div{padding:50px 30px}
    .hero-section.it-hero-wrapper.it-overlay.it-dark .img-responsive-wrapper:after::after {background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.7) 100%);}
    .hero-section .title,.text-wrapper h3:not(.subtitle), .text-wrapper .h3:not(.subtitle){font-size:1.6rem}
    #carousel-blog{margin-right:-12px;}
    .page-header h1.title,.text-wrapper h2:not(.subtitle), .text-wrapper .h2:not(.subtitle),
    .it-timeline-wrapper .it-pin-wrapper.it-evidence .pin-text {
    font-size: 1.7rem;
}
.page-header .subtitle {
    font-size: 1.1rem;
}
  .highlight-section{padding:30px 15px;}
.img-cover,.youtube-background,.img-hero {
    min-height: 320px;
}

.page-header.it-hero-wrapper .it-hero-text-wrapper{padding:50px 0}
.counter strong{font-size:2rem}
.line-card img {
    width: 160px;}
  #navbarSteps{box-shadow:0 1rem 2rem 15px rgba(0, 0, 0, .175) !important}
  #navbarSteps ul{justify-content:space-around}
  #navbarSteps li[aria-hidden="true"]{
    display:none!important;
  }
  .private-label-steps nav.navbar #navbarSteps .link-list .nav-item a.nav-link{gap:3px}
    .private-label-steps nav.navbar #navbarSteps .link-list .nav-item a.nav-link{padding:0;font-size:.8rem}
.blog-card h3{font-size:1.1rem;}
.highlight-box-section{margin-left:0;margin-right:0}
.private-label-steps{margin-top:0}
.steps-menu{position: absolute; 
  left: -9999px; /* fuori dallo schermo */
  width: 1px; 
  height: 1px; 
  overflow: hidden; }
.steps-menu.show{overflow:visible;width:100%;height:auto;top:inherit;bottom:0;position:fixed;width:100%;z-index:3!important;left:0;}


}

@media (min-width: 992px) {
    #header .custom-navbar-toggler {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
  .parallax-home-trio img {transform: translateY(0) !important;transition: none !important;}
  .parallax-home-trio img:last-child{transform: translateX(-50%) translateY(60%)!important;}

  * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media (forced-colors: active) {
  .valor-card img{   -webkit-filter: invert(1);
   filter: invert(1);}
    a,.pagination .page-item .page-link{color: LinkText!important;}
    .pagination .page-item .page-link[aria-current]{color:CanvasText!important}
  .disabled{color: GrayText!important;}
  a.rounded{border: 2px solid LinkText!important;}
  a:focus, button:focus, input:focus, .form-control:focus {
    outline: 2px solid Highlight !important; 
    outline-offset: 1px;
  }
  .form-control, input[type="text"], select, textarea {
    border: 1px solid CanvasText;
    background-color: Canvas;
    color: CanvasText;
  }
    #header,.page-header,section.bg-gradient-00{border-bottom:1px solid CanvasText;box-shadow:none;}
    section.bg-gradient-01{border-top:1px solid CanvasText;box-shadow:none;}
    section.bg-gray{border-top:1px solid CanvasText;border-bottom:1px solid CanvasText;}
    a.logo-link,button.logo-link{background:CanvasText!important;border:0!important}
  #header-nav-wrapper nav a, #header-nav-wrapper nav button {
    color: LinkText;
  }
#header-nav-wrapper nav a svg, #header-nav-wrapper nav button svg {
    fill: LinkText;
  }
  #header-nav-wrapper.menu-wrapper .dropdown-menu{border:1px solid CanvasText;}
      .card,.it-card,.highlight-section,#carousel-blog .swiper-slide,.blog-card{border:1px solid CanvasText;box-shadow:none;}
.it-timeline-wrapper .row:after{background: CanvasText;}
.page-header-logo{background:CanvasText}
.it-timeline-wrapper .it-pin-wrapper.it-evidence .pin-icon{background:canvasText;border:10px solid Canvas}
  .btn, .btn-primary, .btn-secondary, button{
    border: 2px solid LinkText;
    background-color: ButtonFace;
    color: LinkText;
  }
  .btn-outline-dark{border-color: CanvasText;color: CanvasText;}
  .modal .modal-dialog .modal-content {
    box-shadow: 0;
    border: 2px solid CanvasText !important;
}
.swiper-custom-button-prev, .swiper-custom-button-next, .swiper-autoplay-toggle{
    border-color: CanvasText;
    color: CanvasText;
  }
  .swiper-vertical-fullscreen{border-top:1px solid CanvasText;border-bottom:1px solid CanvasText;}
  #header-video .video-control button{border: 1px solid ButtonText;background-color: ButtonFace; color: ButtonText;}
  .nav-item.dropdown button.nav-link.dropdown-toggle{color: LinkText!important;}
  .hero-section {
      background-color: Canvas !important;
  }
  .swiper-pagination-bullet-active::before{background:CanvasText!important}
  .arabica-level .progress,.progress-level .level-wrapper .level-item.disabled{border: 1px solid CanvasText!important;}
  .arabica-level .progress .progress-bar,.progress-level .level-wrapper .level-item:not(.disabled){background: CanvasText!important;}
  #navbarSteps,#navbarSteps .progress,.blend-type,.blend-type .badge{border:1px solid CanvasText}
  #navbarSteps .progress-bar{background:CanvasText!important;}
  .youtube-background .video-control button{border:1px solid CanvasText;background:Canvas;color:CanvasText;}
    .private-label-steps nav.navbar #navbarSteps .link-list .nav-item a.nav-link svg{fill:LinkText;}
  .private-label-steps nav.navbar #navbarSteps .link-list .nav-item a.nav-link.active{color:CanvasText!important}
  .private-label-steps nav.navbar #navbarSteps .link-list .nav-item a.nav-link.active svg{fill:CanvasText;}
}