:root {
    --theme-light-rgb: #fff;
    --theme-dark-rgb: #191919;
    --theme-primary-rgb: #352A49;
    --theme-primary-75: #352A49ab;
    --theme-secondary-rgb: #829973;
    --theme-secondary-hover-rgb: #603359;
    --theme-ternary-rgb: #E3DED7;
    --theme-ternary-75: #E3DED7ab;
    --theme-elements-rgb: #603359;

       /* Fonts */
    --font-allround-bold: "AllRound Gothic Bold";
    --font-allround-demi: "AllRound Gothic Demi";
    --font-allround-medium: "AllRound Gothic Medium";
    --font-allround-book: "AllRound Gothic Book";
    --font-allround-book-oblique: "AllRound Gothic Book Oblique";
    --font-allround-xlight: "AllRound Gothic Xlight";

    --font-quicksand-bold: "Quicksand Bold";
    --font-quicksand-semi: "Quicksand SemiBold";
    --font-quicksand-medium: "Quicksand Medium";
    --font-quicksand-regular: "Quicksand Regular";
    --font-quicksand-light: "Quicksand Light";

    --header-height: 100px;
}

body * {
    font-family: var(--font-quicksand-regular)!important;
}

.underlined .h2,
.underlined .h3 { 
    font-family: var(--font-quicksand-semi)!important;
    font-weight: 600;
}

.cover-container {
    height: calc(40vh - var(--header-height))!important;
}
.cover-background, .cover-background-overlay {
    height: 40vh!important;
}
.cover-text {
    bottom: 4rem!important;
}
.cover-text .underlined h1 {
    font-family: var(--font-allround-book)!important;
}
.underlined h2 {
    color: var(--theme-elements-rgb);
}
.underlined h1,
.underlined h2,
.underlined h3,
.underlined h4,
.text-allround-demi {
    font-family : var(--font-allround-demi)!important;
}
.text-allround-xlight {
    font-family : var(--font-allround-xlight)!important;
}

.underlined h1::after,
.underlined h2::after,
.underlined .h2::after,
.underlined h3::after,
.underlined .h3::after,
.underlined h4::after,
.underlined .h4::after {
    background-color: var(--theme-secondary-rgb);
}
.underlined.underlined-elements h2::after {
    background-color: var(--theme-elements-rgb)!important;
}
.underlined.underlined-light h2::after {
    background-color: var(--theme-light-rgb)!important;
}
.underlined.underlined-half h3::after {
    width: 40px;
}
.lp-bg-elements {
    background-color: var(--theme-elements-rgb);
}
.lp-bg-elements.bg-opacity-75 {
    background-color: var(--theme-elements-rgb);
    opacity: 0.75;
    transition: all 0.15s ease-in-out;
}
.lp-bg-elements.bg-opacity-hover-90:hover {
    background-color: var(--theme-elements-rgb);
    opacity: 0.90;
    transition: all 0.15s ease-in-out;
}
.lp-bg-primary .lp-bg-elements:hover {
    background-color: var(--theme-secondary-rgb)!important;
}
.lp-text-elements {
    color: var(--theme-elements-rgb);
}
.lp-border-elements {
    border-color: var(--theme-elements-rgb)!important;
}
.lp-border-light {
    border-color: var(--theme-light-rgb);
}

/* Fonts */
.fw-400 { font-family: var(--font-quicksand-regular)!important; }
.fw-500 { font-family: var(--font-quicksand-medium)!important; }
.fw-600 { font-family: var(--font-quicksand-semi)!important; }
.fw-700 { font-family: var(--font-quicksand-bold)!important; }
.fw-800 { font-family: var(--font-quicksand-bold)!important; }
.fw-900 { font-family: var(--font-quicksand-bold)!important; }
b, strong { font-family: var(--font-quicksand-bold)!important; }

.cta-link .cta-icon-right { background-image: url(/assets/design/icons/btn-primary-right.webp); }
.cta-link .cta-icon-left { background-image: url(/assets/design/icons/btn-primary-left.webp); }
.cta-link .cta-icon-down { background-image: url(/assets/design/icons/btn-primary-down.webp); }
.lp-bg-primary-hover:hover .cta-link .cta-icon-right,
.lp-bg-primary .cta-link .cta-icon-right { background-image: url(/assets/design/icons/btn-ternary-right.webp)!important; }
.lp-bg-primary-hover:hover .cta-link .cta-icon-left,
.lp-bg-primary .cta-link .cta-icon-left { background-image: url(/assets/design/icons/btn-ternary-left.webp)!important; }
.lp-bg-primary-hover:hover .cta-link .cta-icon-down,
.lp-bg-primary .cta-link .cta-icon-down { background-image: url(/assets/design/icons/btn-ternary-down.webp)!important; }
.lp-bg-primary-hover:hover .cta-link span,
.lp-bg-primary-hover:hover .cta-link:hover span,
.lp-bg-primary .cta-link span,
.lp-bg-primary .cta-link:hover span { color: var(--theme-secondary-hover-rgb); } /*var(--theme-secondary-hover-rgb);*/
.lp-bg-primary-hover:hover .cta-link span:before,
.lp-bg-primary .cta-link span:before { background-color: var(--theme-secondary-hover-rgb); } /*var(--theme-secondary-hover-rgb);*/
.lp-bg-primary .lp-bg-white.bg-opacity-25 .cta-link .cta-icon,
.lp-bg-primary .lp-bg-white.bg-opacity-25 .cta-link:hover .cta-icon,
.lp-bg-primary .lp-bg-white.bg-opacity-25 .cta-link span,
.lp-bg-primary .lp-bg-white.bg-opacity-25 .cta-link:hover span { color: var(--theme-ternary-rgb); }
.lp-bg-primary .lp-bg-white.bg-opacity-25 .cta-link span:before { background-color: var(--theme-ternary-rgb); }

/* Breadcrumb */
.breadcrumb-item.active span,
.breadcrumb-item.active span * {
    color: var(--theme-elements-rgb);
}
.breadcrumb-item span sup {
    font-size:.6rem !important;
    top: -0.4rem;
}


/* Blocks */
.lp-bg-primary .block-container a:hover { color: var(--theme-light-rgb); }
.lp-bg-primary-hover:hover .cta-link span, .lp-bg-primary-hover:hover .cta-link:hover span, .lp-bg-primary .cta-link span, .lp-bg-primary .cta-link:hover span {
    color: var(--theme-light-rgb);
}
.lp-bg-primary-hover:hover .cta-link span::before, .lp-bg-primary .cta-link span::before {
  background-color: var(--theme-light-rgb);
}

.block-cards .list-filters a:not(:last-child) {
    color: var(--theme-primary-hover-rgb);
}
.block-cards .list-filters a:hover,
.block-cards .list-filters a.hover-active {
    color: var(--theme-ternary-rgb);
}
/*
.block-container a:not(.stretched-link), .block-container a:not(.stretched-link):hover { 
    color: var(--theme-secondary-rgb);
    text-decoration: none;
}
*/
.block-container a:not(.stretched-link):hover { 
    color: var(--theme-secondary-hover-rgb);
}
.block-container a:hover { text-decoration: underline; }
.block-container .stick-to-footer {
    margin-bottom: -4rem;
}
.block-quote p:first-child {
    font-style: italic;
    line-height: 1.25rem;
}
.block-quote.lp-bg-primary p:first-child:before,
.block-quote p:first-child:before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: .35rem;
    background-image: url('/assets/design/logos/logo-quote.png');
    background-size: cover;
}
.block-quote.lp-bg-primary p:first-child:before {
    background-image: url('/assets/design/logos/logo-quote-white.png');
}

.img-top-product-card {
    display: none;
    height:30px;
    background-position: center;
    background-size: cover;
    margin-bottom: 1rem;
    border-radius: var(--crystal-border-radius-sm);
}
.img-top-product-card-1 {
    display: block;
    background-image: url('/medias/products/types/covers/thumbs/1.webp')
}
.img-top-product-card-2 {
    display: block;
    background-image: url('/medias/products/types/covers/thumbs/2.webp')
}
.img-top-product-card-3 {
    display: block;
    background-image: url('/medias/products/types/covers/thumbs/3.webp')
}
.img-top-product-card-4 {
    display: block;
    background-image: url('/medias/products/types/covers/thumbs/4.webp')
}
.img-top-product-card-5 {
    display: block;
    background-image: url('/medias/products/types/covers/thumbs/5.webp')
}
.img-top-product-card-6 {
    display: block;
    background-image: url('/medias/products/types/covers/thumbs/6.webp')
}
.img-top-product-card-7 {
    display: block;
    background-image: url('/medias/products/types/covers/thumbs/7.webp')
}
.img-top-product-card-8 {
    display: block;
    background-image: url('/medias/products/types/covers/thumbs/8.webp')
}
.img-top-product-card-9 {
    display: block;
    background-image: url('/medias/products/types/covers/thumbs/9.webp')
}
.img-top-product-card-10 {
    display: block;
    background-image: url('/medias/products/types/covers/thumbs/10.webp')
}
.img-top-product-card-11 {
    display: block;
    background-image: url('/medias/products/types/covers/thumbs/11.webp')
}
.img-top-product-card-12 {
    display: block;
    background-image: url('/medias/products/types/covers/thumbs/12.webp')
}

.underlined-ternary .underlined h2::after,
.lp-bg-secondary .underlined h1::after,
.lp-bg-secondary .underlined h2::after,
.lp-bg-secondary .underlined .h2::after,
.lp-bg-secondary .underlined h3::after,
.lp-bg-secondary .underlined .h3::after,
.lp-bg-secondary .underlined h4::after,
.lp-bg-secondary .underlined .h4::after { background-color: var(--theme-secondary-rgb); }
@media (max-width: 767px) {
  .underlined h1 {
    font-size: 1.15rem;
    line-height: 1.5rem;
  }
  .cover-text h1,
  .cover-text h1 sup {
    margin-bottom: .25rem;
  }
  .cover-text h3 {
    display: none;
  }
}


/* Border colors */
.lp-bg-primary-hover:hover,
.lp-bg-primary-hover:hover a,
.lp-bg-primary.btn:hover {
    color: var(--theme-secondary-hover-rgb)!important;
}

hr {
    border-color: var(--theme-secondary-rgb);
    border-width: 1px;
}
hr.bw-2 {
    border-width: 2px;
}
hr.hr-40 {
    width: 40px;
    border-width: 2px;
}

/* CTA buttons */
.cta-sm .cta-link span::before { top: 19px; }

/* Key numbers */
.key-numbers-7 .text-number,
.key-numbers .text-number {
    font-family: var(--font-allround-demi)!important;
    color: var(--theme-elements-rgb);
    font-size: 3rem;
    font-weight: 700;
}
.key-numbers-7 .text-number {
    font-size: 7rem;
}
.key-numbers p:last-child {
    font-weight: 700;
    margin-top: -1rem;
    line-height: 1.25rem;
}
.key-numbers.lp-bg-primary .text-number {
    color: var(--theme-secondary-rgb);
}

/* Product dematerialized icon */
.product-is-demat {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-top: -5px;
    background-image: url('data:image/webp;base64,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');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Userconnect modal */
#user-container {
    height: calc(100vh - var(--header-height));
    background-size: cover;
    z-index: 1050;
}
#user-container hr {
    width: 80px;
    border-width: 4px;
    border-color: var(--theme-primary-rgb);
}
#user-container img {
    max-height: 40px;
}

/* Blocks templates */


/* Accordion */
.accordion.btn-plus-circle .accordion-button::after {
    font-family: 'bootstrap-icons';
    content: '\F4FA';
    color: var(--theme-elements-rgb);
    background-image: none;
    width: auto;
    height: auto;
}

/* Horizontal carousel */
.carousel-control-prev, .carousel-control-next {
    width: 8%!important;
}

/* Vertical carousel */
    /*:root{--visible:3;--item-height:96px}*/
:root{--item-height:130px;--item-height-center:190px;}
.carousel-wrap{display:flex;gap:16px;align-items:flex-start}
.vertical-carousel{width:100%;background-color:transparent;overflow:hidden}
.vertical-carousel .list-group{transition:transform .28s ease;}
.vertical-carousel .list-group-item{height:var(--item-height);display:flex;align-items:center;list-style:none;background-color:transparent;}
.vertical-carousel .list-group-item.active,
.vertical-carousel .list-group-item.center,
.vertical-carousel .list-group-item.is-center,
.vertical-carousel .list-group-item.in-view {
    height:calc(var(--item-height) + 60px);        
    background-color: #603359 !important;
    color: transparent !important;
    transition: background-color .18s ease, color .18s ease;
}
.agenda-murano .list-group-item.active .text-inverse {
    color: var(--theme-light-rgb);
}
.agenda-murano .list-group-item .show-active {
    visibility: hidden;
}
.agenda-murano .list-group-item.active .show-active {
    visibility: visible;
}
.agenda-murano .list-group-item .event-thumb {
    max-height: calc(var(--item-height) - 20px);
}
.agenda-murano .list-group-item.active .event-thumb {
    max-height: var(--item-height)
}

/* Roue HP */
/* Styles for circle-diagram demo */
:root{
  --purple: #5b2e4d;
  --purple-dark:var(--theme-elements-rgb);
  --beige:#f6f1ee;
  --beige-2:#e9e3df;
  --pill-dark:var(--theme-primary-rgb);
  --green:var(--theme-secondary-rgb);
  --transition-duration: 500ms;
  --diagram-width: 500px;
  --diagram-height: 500px;
}

.roue-v2 .diagram{
    position:relative;
    width:var(--diagram-width);
    height:var(--diagram-height);
    font-family:Montserrat, Helvetica, Arial, sans-serif;
}
.roue-v2 .diagram-svg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    transform-origin:50% 50%;
    transition: transform var(--diagram-initial-spin-duration, var(--transition-duration)) cubic-bezier(.2,.9,.3,1);
}

/* Presentation styles moved from inline SVG <text> attributes */
.roue-v2 .diagram-svg text,
.roue-v2 .diagram-svg tspan,
.roue-v2 .diagram-svg textPath{
    font-family: var(--font-allround-book)!important;
    font-weight: 400;
    font-size: .9rem;
    fill: #fff;
    letter-spacing: 2px;
    text-anchor: middle;
    dominant-baseline: middle;
}
.roue-v2 .diagram-svg tspan {
    font-size: 8rem;
    fill-opacity: .4;
}

.roue-v2 .inner{
    position:absolute;
    inset:0;
    display:block;
}

/* inner ring (light) */
.roue-v2 .inner-ring{
    position:absolute;
    left:50%;top:50%;
    width:355px;height:355px;
    transform:translate(-50%,-50%);
    background:var(--beige);
    border-radius:50%;
    box-shadow: inset 0 0 0 14px var(--beige-2);
}

.roue-v2 .center-circle{
    position:absolute;
    left:50%;top:50%;
    transform:translate(-50%,-50%);
    width:100px;height:100px;
    background:#efe7e5;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    text-align:center;
    color:var(--purple-dark);
    font-weight:700;
    line-height:1.05;
    font-size:14px;
}
.roue-v2 .center-circle .big{
    font-size:20px;
    display:block;
    margin-top:6px;
}

/* small pills inside */
.roue-v2 .pill{
    position:absolute;
    padding:10px 5px;
    border-radius:26px;
    display:flex;flex-direction:column;align-items:flex-start;
    gap:4px;
    color:#fff;
}
.roue-v2 .left-pill{
    left:92px;
    top:215px;
    background:var(--pill-dark);
    width:100px;
}
.roue-v2 .right-pill{
    right:92px;
    top:215px;
    background:#7aa172;
    width:100px;
}
.roue-v2 .pill-title{
    color:#fff;
    font-family:var(--font-quicksand-bold);
    font-weight: 700;
    font-size:12px;
    text-align:center;
}
.roue-v2 .pill-sub{
    font-size:.75rem;
    color:#fff;
    text-align:center;
}
.roue-v2 .pill-tag-secondary,
.roue-v2 .pill-tag-primary {
    position: absolute;
    color: var(--theme-primary-rgb);
    font-size: .8rem;
    padding: .25rem .5rem;
    text-align: center;
    line-height: 1rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 1rem;
    border-color: var(--theme-primary-rgb);
    opacity:0;
    transition: opacity 500ms ease;
}
.roue-v2 .pill-tag-secondary {
    color: var(--theme-secondary-rgb);
    border-color: var(--theme-secondary-rgb)
}
.roue-v2 .pill-tag.active{
    opacity: 1;
    transition: opacity 1s ease;
}


/* bubbles on the outer ring */
.roue-v2 .bubble{
    position:absolute;
    width:110px;height:110px;
    background:var(--purple);
    color:#fff;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    text-align:center;font-weight:600;
    padding:12px;box-sizing:border-box;
    border:1px solid #fff;
    cursor: pointer;
    transition: background calc(var(--transition-duration) / 2) ease, color calc(var(--transition-duration) / 2) ease, border-color calc(var(--transition-duration) / 2) ease, transform var(--diagram-initial-spin-duration, var(--transition-duration)) cubic-bezier(.2,.9,.3,1);
}

/* active (inverted) style for the bubble on top */
.roue-v2 .bubble.active{
    background:var(--beige);
    color:var(--purple);
}
.roue-v2 .bubble.active .bubble-text strong,
.roue-v2 .bubble.active .bubble-text{
    color:var(--purple);
}
.roue-v2 .bubble-top{
    left:50%;
    top:50%;
    transform: translate(-50%,-50%) rotate(0deg) translateY(-200px) rotate(0deg);
}
.roue-v2 .bubble-left{
    left:50%;
    top:50%;
    transform: translate(-50%,-50%) rotate(120deg) translateY(-200px) rotate(-120deg);
}
.roue-v2 .bubble-right{
    left:50%;
    top:50%;
    transform: translate(-50%,-50%) rotate(240deg) translateY(-200px) rotate(-240deg);
}
.roue-v2 .bubble-text strong,
.roue-v2 .bubble-text {
    font-size:.8rem;
    color:#fff
}
.roue-v2 .bubble strong{display:block;font-weight:700}

/* responsive tweak */
/*@media (max-width:540px){
    .roue-v2 .diagram{transform:scale(0.9)}
}*/

/* panels fading helper */
.roue-v2 .panel-wrap {
    max-height: var(--diagram-height)
}
.roue-v2 [data-bubble-panel]{
    transition: opacity 250ms cubic-bezier(.2,.9,.3,1);
    opacity: 1;
}
.roue-v2 .panel-fade.hidden{
    opacity: 0;
    pointer-events: none;
}
.roue-v2 .panel-fade img {
    border-radius: 1rem;
    box-shadow: 0 0 .5rem .1rem rgba(36,40,46,.08);
}