/*
Theme Name: Indaweb Child
Template: Divi
Theme URI: https://indaweb.it
Author: Indaweb
Author URI: https://indaweb.it
Description: Flexible Multi-Purpose Responsive WordPress Theme
Version: 1.0
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready

/* Below you can write your style */
@media screen and (min-width: 981px) {
.marvin-column-inner--primary .wpml-ls-item{
	display:none!important;
	}
}
@media screen and (max-width: 980px) {
    .reverse {
        display: flex!important;
        flex-direction: column-reverse!important;
    }
} 

.otgs-development-site-front-end{
	display:none!important;
}
@media screen and (max-width:980px){
	.marvin-fullscreen-inner{
		display: flex;
    flex-direction: column-reverse;
	}
	.marvin-menu-column--pro{
		padding-top:25%;
	}
}
@media screen and (min-width:981px){
	body h1{
		font-size:52px!important;
	}
	body h2{
		font-size:40px!important;
	}
	body h3{
		font-size:34px!important;
	}
	body h4{
		font-size:28px!important;
	}
	body h5{
		font-size:25px!important;
	}
	body h6{
		font-size:20px!important;
	}
}
/*Before Titoli*/
.titolo-acustica {
  position: relative;
  display: inline-block;
  padding-left: 25px; /* distanza tra linea e testo */
  line-height: 1.3;
}
.titolo-acustica::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-100%);
  width: 1.5px;
  height: 120%;
	background-color: #ED8024;
}
.titolo-acustica.bianco::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-100%);
  width: 1.5px;
  height: 120%;
  background-color: #fff;
}
@media screen and (max-width:980px){
	.single-settore .et_pb_text_1_tb_body:before{
		left: -1.5rem!important;
	}
}
/*Stile pulsanti*/
.et_pb_button{
	font-weight:300!important;
}
/*Home*/
.home-accordion .dipl_image_accordion_item_content_wrapper .et-animated{
	padding:50px 100px!important;
}
.home-accordion .dipl_image_accordion_item_content_wrapper .et-animated p{
	margin-top:20px!important;
	margin-bottom:20px!important;
}
@media screen and (min-width:981px){
.colanna-partner{
	margin-top:120px!important
	}
}
@media screen and (max-width:980px){
	.laboratorio-home{
		mix-blend-mode:normal!important;
	}
	.et_pb_row.ma-reveal-row{
		clip-path: inset(0%)!important;
		padding-bottom:25%!important;
		padding-top:25%!important;
	}
	.et_pb_row_3.et_pb_row.ma-reveal-row{
		padding-bottom:25%!important;
		padding-top:25%!important;
	}
	.et_pb_row_5.et_pb_row.ma-reveal-row{
		padding-bottom:25%!important;
		padding-top:25%!important;
	}
}
/*Metodo*/
.metodo-timeline .dipl_timeline_item_wrapper{
	margin-top:150px!important;
}
@media screen and (max-width:980px){
	.metodo-timeline .dipl_timeline_item_wrapper{
		margin-top:75px!important;
	}
}
/*Soluzioni*/
/* Griglia responsive: 3 → 2 → 1 colonne */
.iwsg-grid {
  --gap: 24px;
  --cols: 3;
  --card-h: 300px;
  --overlay-color: 0, 0, 0; /* default #616966 */
  --overlay-alpha: .6;
  --overlay-w: 100%;

  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap: var(--gap);
}

/* Card base */
.iwsg-card {
  position: relative;
  height: var(--card-h);
  overflow: hidden; /* niente sbordi */
  background: #e9ecef;
}

/* Media: immagine in cover */
.iwsg-media, .iwsg-media-link { position: absolute; inset: 0; display: block; }
.iwsg-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.iwsg-media-link.iwsg-noimg { background: #bbb; }

/* Rettangolo centrale (overlay) */
.iwsg-overlay-rect {
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(var(--overlay-color), var(--overlay-alpha));
  color: #fff;
  text-align: center;
  padding: 28px 24px;
	width: 100%;
    height: 300px;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
    transition: background-color 260ms ease;
    pointer-events: none;
    isolation: isolate;
}

.iwsg-overlay-rect::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background: rgba(237, 128, 36, var(--overlay-alpha));
  mix-blend-mode: multiply;
  transition: opacity 260ms ease;
  pointer-events: none;
  z-index: 0;
}

.iwsg-overlay-rect > * {
  position: relative;
  z-index: 1;
}

/* Titolo e pulsante */
.iwsg-overlay-rect h3.iwsg-title {
  margin: 0 auto 14px;
  width: 100%;
  font-size: 28px !important;
  line-height: 1.15;
  text-align: center;
}
.iwsg-title a {
  display: block;
  color: #fff;
  text-decoration: none;
}
.iwsg-title a:hover { text-decoration: none; }
.iwsg-title a { pointer-events: auto; }

.iwsg-btn {
  display: inline-block;
  background-color: #ed8024;
    border: 1px solid #ed8024 !important;
    border-radius: 0px;
	color: #ffffff;
	padding: .3em 1em !important;
	    transition: all 300ms ease 0ms;
	    width: 50%;
    text-align: center;
	    margin-left: auto;
	    margin-right: auto;
    text-decoration: none !important;
    pointer-events: auto;
}
.iwsg-btn:hover { background: #fff; color: #000; transform: translateY(-1px); text-decoration: none !important; }

/* Hover card: overlay arancio con stessa opacità + bottone outline */
.iwsg-card:hover .iwsg-overlay-rect,
.iwsg-card:focus-within .iwsg-overlay-rect {
  background: transparent;
}

.iwsg-card:hover .iwsg-overlay-rect::before,
.iwsg-card:focus-within .iwsg-overlay-rect::before {
  opacity: 1;
}

.iwsg-card:hover .iwsg-btn,
.iwsg-card:focus-within .iwsg-btn {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

/* Breakpoints */
@media (max-width: 1024px) {
  .iwsg-grid { --cols: 2; }
  .iwsg-card { height: calc(var(--card-h) * 0.8); }
}
@media (max-width: 980px) {
  .iwsg-grid { --cols: 1!important; }
  .iwsg-card { height: calc(var(--card-h) * 0.65); }
  .iwsg-overlay-rect { width: 100%; padding: 22px 18px; }
}
/*** ANIMAZIONE HOME ***/
.sg-section {
  position: relative;
  padding-top: 10px;
  height: 220vh;
  overflow-x: clip; /* evita sbordi orizzontali */
}

.sg-sticky-wrap {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  overflow: hidden;
}

.sg-stack {
  position: relative;
  width: min(40vw, 900px);
  height: min(70vh, 760px);
}

.sg-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  opacity: 1;
  will-change: transform, opacity;
  transition: transform 0.15s linear, opacity 0.15s linear;
}

.sg-image-1 { transform: translate(-50%, calc(-50% + 80px)); }
.sg-image-2 { transform: translate(-50%, -50%); }
.sg-image-3 { transform: translate(-50%, calc(-50% - 80px)); }
.sg-image-4 { opacity: 0; transform: translate(-50%, -50%); }

/* Titolo desktop */
body .stack-title {
  position: absolute;
  right: 0;
  color: #ed8024 !important;
  font-size: 52px !important;
  line-height: 1.05;
}

/* MOBILE */
@media (max-width: 980px) {
  .sg-section {
    height: auto;
    overflow-x: hidden;
    padding: 0 0 30px 0;
  }

  .sg-sticky-wrap {
    position: relative;
    top: auto;
    height: auto;
    min-height: 58vh;
    padding: 0 16px;
  }

  .sg-stack {
    width: min(88vw, 420px);
    height: min(70vh, 520px);
    overflow: hidden;
  }

  /* Mantieni le immagini sovrapposte anche su mobile */
  .sg-image {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
    width: 100%;
    transform: translate(-50%, -50%) !important;
  }

  .sg-image-1,
  .sg-image-2,
  .sg-image-3 {
    opacity: 1 !important;
  }

  .sg-image-4 {
    opacity: 1 !important; /* se la vuoi nascosta: metti 0 */
  }

  /* titolo non assoluto su mobile (evita overflow) */
  body .stack-title {
    position: static;
    right: auto;
    margin-top: 14px;
    text-align: center;
    font-size: clamp(28px, 8vw, 42px) !important;
  }
}
/*** END ANIMAZIONE HOME ***/
/* Contenitore riga a 3 colonne */
.form-row.one-third {
  display: flex;
  gap: 1.5rem;        /* spazio orizzontale tra le colonne */
  flex-wrap: wrap;  /* non andare a capo su desktop */
  margin-bottom: 1.5rem;
}

/* Ogni colonna prende 1/3 */
.form-row.one-third .form-col {
  flex: 1 1 calc(33.333% - 1rem);
}

/* Righe a colonna singola */
.form-row.one {
  display: block;
  margin-bottom: 1.5rem;
}

/* Input full width dentro ogni colonna */
.form-col input,
.form-col textarea,
.form-col select {
  width: 100%;
  box-sizing: border-box;
}

/* Responsive: sotto i 768px passa a 1 colonna */
@media (max-width: 768px) {
  .form-row.one-third {
    flex-direction: column;
    gap: 1rem;
  }

  .form-row.one-third .form-col {
    flex: 1 1 100%;
  }
}
body .ba_cf7_styler_0_tb_body .dtq-cf7 .wpcf7-acceptance input[type="checkbox"]+span:before{
  background-color: transparent !important;
}
.iw-counter .percent{
	height: auto !important;
}
.iw-counter .title{
	font-size: 15px !important;
	font-weight: 300 !important;
}
/* Sezione che contiene l'effetto */
/* Sezione che contiene l'effetto */
.et_pb_section.ma-reveal-section {
    position: relative;
    height: 200vh; /* 2 viewport: 1 per "arrivo", 1 per crescita */
}

/* Riga che verrà "pinnata" via JS */
.et_pb_section.ma-reveal-section .et_pb_row.ma-reveal-row {
    position: relative; /* di default NON è sticky/fixed */
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;

    /* stato iniziale: crop forte */
    clip-path: inset(40% 30%);
    -webkit-clip-path: inset(40% 30%);
    transition: clip-path 0.05s linear;
}

/* Quando la riga è "pinnata" (fissa sullo schermo) */
.et_pb_section.ma-reveal-section .et_pb_row.ma-reveal-row.is-pinned {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
/* Mobile: disattiva l'effetto complesso */
@media (max-width: 980px) {
    .et_pb_section.ma-reveal-section {
        height: auto;
    }

    .et_pb_section.ma-reveal-section .et_pb_row.ma-reveal-row {
        position: static;
        min-height: auto;
        clip-path: none;
        -webkit-clip-path: none;
    }
}
.dtq-carousel .slick-arrow{
	transition: .3s;
}
.dtq-carousel .slick-arrow:hover{
	color: #fff !important;
	background: #ED8024 !important;
}
body .et_pb_button{
	font-size: 15px !important;
}
.et_pb_number_counter .percent p{
	font-size: 62px !important;
	line-height: 62px !important;
}
body .stack-title{
	position: absolute;
	top:75%;
	color: #ed8024 !important;
	font-size: 52px!important;
}
.link-block a{
	padding: 0.3em 1em !important;
	color: #616966 !important;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
	line-height: 1.7;
	display: inline-block;
	margin-top: 20px;
}
/*Laboratorio*/
.interactive-laboratorio .dipl_interactive_circle_item__main img{
	object-fit:contain!important;
	background-color:#fff;
}
.interactive-laboratorio .dipl_interactive_circle_item__main_content{
	border:3px solid #f4f4f4!important;
	background-color:#f4f4f400!important;
}
@media screen and (max-width:980px){
	.interactive-laboratorio .dipl_interactive_circle_item__main img{
	object-fit:contain!important;
	background-color:#fff;
	}
}
/*Storia*/
@media screen and (min-width:981px){

  .timeline-storia .dipl_horizontal_scrolling_card_title{
    font-size:40px!important;
    color:#fff!important;
    background-color:#ed8025!important;
    padding:10px 10px 30px 10px;
    margin:0;
    position:absolute;
    top:0;
    right:-40px;
    display:inline-block;
    line-height:1;
    writing-mode:sideways-lr;
    text-orientation:mixed;
  }
	
	.timeline-storia .dipl_horizontal_scrolling_card_description{
		margin-top: 20px;
	}

  .timeline-storia .dipl_horizontal_scrolling_card_item:nth-child(2n + 1)
  .dipl_horizontal_scrolling_card_title{
      height:175px;
	  text-align: right !important;
  }

  .timeline-storia .dipl_horizontal_scrolling_card_item:nth-child(2n + 2)
  .dipl_horizontal_scrolling_card_title{
	  height:290px;
  }

  .timeline-storia .dipl_horizontal_scrolling_card_item:nth-child(2n)
  .dipl_horizontal_scrolling_card_title{
      height:420px;
	  bottom: 0 !important;
	  padding:30px 10px 10px 10px !important;
  }
}
.timeline-storia h4{
	color:#fff!important;
	background-color:#ed8025!important;
	    padding-left: 20px;
    padding-top: 12px;
    margin-bottom: 25px;
}
/*------------Suonosoft------------*/
/* Wrapper generale */
.iw-forms-wrap{
  width: 100%;
}

/* Ogni riga: griglia 3 colonne */
.iw-forms-row{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px;
  align-items: start;
}

/* Card */
.iw-forms-item{
  text-align: left; 
	margin-left:20%;
}

/* Immagine */
.iw-forms-img-wrap{
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 16px;
}
.iw-forms-img{
  max-width: 180px;
  width: 100%;
  height: 220px;
  display: block;
	object-fit:contain;
}

/* Titolo */
.iw-forms-title{
  margin: 0 0 12px 0;
  font-size: 32px;
  line-height: 1.1;
	color:#ed8025;
	text-align:left;
}

/* WYSIWYG */
.iw-forms-wysiwyg{
  font-size: 18px;
  line-height: 1.35;
	text-align:left;
}
.iw-forms-wysiwyg p{
  margin: 0;
}
.iw-forms-wysiwyg p + p{
  margin-top: 8px;
}

/* Separatore arancione tra righe */
.iw-forms-separator{
  height: 2px;
  width: 100%;
  background: #f28c28; /* arancione, modifica se hai un colore brand */
  margin: 48px 0;
  opacity: 1;
}

/* Responsive */
@media screen and (max-width: 980px){
  .iw-forms-row{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
  .iw-forms-title{
    font-size: 28px;
  }
	.iw-forms-item{
  text-align: center; 
	margin-left:00%;
	}
	.iw-forms-title{
	text-align:center;
}
	.iw-forms-wysiwyg{
	text-align:center;
	}
	.iw-forms-img-wrap{
  justify-content: center;
	}
}

@media screen and (max-width: 640px){
  .iw-forms-row{
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .iw-forms-separator{
    margin: 32px 0;
  }
}
/*-----------SETTORI---------*/
.iw-sector-highlight{
	color:#ed8025;
}
/* Layout in riga (già lo hai, lo ripropongo con allineamenti) */
.immagini-animate-settori .et_pb_column{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content: center;
  gap: 75px;
}

/* Evita che i moduli si “stirino” */
.immagini-animate-settori .et_pb_column .et_pb_image{
  margin:0 !important;
}

/* 1ª immagine = 50% */
.immagini-animate-settori .et_pb_column .et_pb_image:nth-of-type(1){
  flex: 0 0 30%;
  max-width: 30%;
}

/* 2ª immagine = 30% */
.immagini-animate-settori .et_pb_column .et_pb_image:nth-of-type(2){
  flex: 0 0 22%;
  max-width: 22%;
}

/* Rendi le immagini responsive dentro al modulo */
.immagini-animate-settori .et_pb_column .et_pb_image img{
  width: 100%;
  height: auto;
  display:block;
}

/* --- Animazioni in loop --- */

/* Orizzontale (prima immagine) */
.immagini-animate-settori .et_pb_column .et_pb_image:nth-of-type(1){
  animation: moveX 6s ease-in-out infinite alternate;
  will-change: transform;
}

/* Verticale (seconda immagine) */
.immagini-animate-settori .et_pb_column .et_pb_image:nth-of-type(2){
  animation: moveY 5s ease-in-out infinite alternate;
  will-change: transform;
}

@keyframes moveX{
  0%   { transform: translateX(0); }
  100% { transform: translateX(25px); } /* ampiezza movimento */
}

@keyframes moveY{
  0%   { transform: translateY(0); }
  100% { transform: translateY(18px); } /* ampiezza movimento */
}

/* Mobile: vanno in colonna */
@media (max-width: 980px){
  .immagini-animate-settori .et_pb_column{
    flex-direction: column;
  }
  .immagini-animate-settori .et_pb_column .et_pb_image:nth-of-type(1),
  .immagini-animate-settori .et_pb_column .et_pb_image:nth-of-type(2){
    flex: 0 0 auto;
    max-width: 100%;
  }
}
/*TIMELINE*/

/* wrapper */
.metodo-timeline .svg-xfade{
  position: relative;
  display: inline-block;
  line-height: 0;
  overflow: hidden;
}

/* entrambe le img devono coprire il wrapper */
.metodo-timeline .svg-xfade img{
  width: 100% !important;
  height: 100% !important;
  display: block;
  transition: opacity .45s cubic-bezier(.22,1,.36,1),
              transform .45s cubic-bezier(.22,1,.36,1);
  transform-origin: center;
  will-change: opacity, transform;
}

/* base sotto */
.metodo-timeline .svg-xfade img.svg-base{
  position: relative;
  z-index: 1;
  opacity: 1 !important;
}

/* hover sopra ma nascosta */
.metodo-timeline .svg-xfade img.svg-hover{
  position: absolute;
  top: 0; left: 0;
  z-index: 2;
  opacity: 0 !important;
  pointer-events: none;
}

/* hover trigger */
.metodo-timeline .dipl_timeline_item:hover .svg-xfade img.svg-base{
  opacity: 0 !important;         /* se vuoi fallback: metti 0.15 */
}
.metodo-timeline .dipl_timeline_item:hover .svg-xfade img.svg-hover{
  opacity: 1 !important;
}
/* Assicura che il contenitore possa “uscire” a sinistra */
.metodo-timeline,
.metodo-timeline * {
  overflow: visible !important;
}

/* Il wrapper dell’item deve essere relativo */
.metodo-timeline .dipl_timeline_item_wrapper{
  position: relative;
}

/* Box preview immagine */
.metodo-timeline .tl-preview{
  position: absolute;
  right: calc(100% + 18px);     /* a sinistra del punto */
  top: 50%;
  transform: translateY(-50%) translateX(10px);
  width: 500px;                /* cambia dimensione qui */
  max-width: 40vw;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s cubic-bezier(.22,1,.36,1),
              transform .35s cubic-bezier(.22,1,.36,1);
  z-index: 9999;
}

/* immagine */
.metodo-timeline .tl-preview img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  box-shadow: 0 12px 35px rgba(0,0,0,.18);
}

/* mostra in hover */
@media (min-width: 981px){
  .metodo-timeline .dipl_timeline_item_wrapper:hover .tl-preview{
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}
.iwst-wysiwyg h3{
	color:#ed8025;
	font-size:25px!important;
}
.iwsg-item {
	background: #fff!important;
}
@media screen and (max-width: 981px){
	.soluzioni-accordion .dipl_active_image_accordion_item .dipl_image_accordion_item_desc,
	.soluzioni-accordion .dipl_active_image_accordion_item .et_pb_button_wrapper{
		display: none !important;
	}
}
/*-----------Magazine-----------*/
.single-magazine .et_post_meta_wrapper{
	display:none!important;
}
.single-magazine #et-main-area .container{
	padding:0!important;
		max-width:100%!important;
	width:100%!important;
}
.indaweb-magazine-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.magazine-item {
    position: relative;
    height: 60vh;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.magazine-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.65);
    transition: 0.3s ease;
}

.magazine-item:hover .magazine-overlay {
    background: rgba(0,0,0,0.8);
}

.magazine-content {
    position: relative;
    text-align: center;
    color: #fff;
    padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 50px;
    z-index: 2;
}

.magazine-title {
    font-size: 30px;
    margin-bottom: 10px;
	color:#fff;
	text-align:left;
}

.magazine-intro {
    font-size: 16px;
    margin-bottom: 15px;
    opacity: 0.9;
	text-align:left;
}
body .magazine-intro h3{
	color:#f58220;
	font-size: 22px!important;
}
.magazine-btn {
    display: inline-block;
    background-color: #ed8024;
    border: 1px solid #ed8024 !important;
    border-radius: 0px;
    color: #ffffff;
    padding: .3em 1em !important;
    transition: all 300ms ease 0ms;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none !important;
    pointer-events: auto;
}

.magazine-btn:hover {
    background-color: transparent;
	border: 1px solid #fff !important;
	color: #ffffff;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
    .indaweb-magazine-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .indaweb-magazine-grid {
        grid-template-columns: 1fr;
    }

    .magazine-item {
        height: auto;
    }
	.magazine-content{
		padding-top: 100px;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
	}
}
/*----------SOLUZIONI Avanzate---------*/
.marvin-faq {
    width: 100%;
    margin: 32px 0;
}

.marvin-faq__title {
    margin: 0 0 20px;
    color: #ed8025;
    font-size: clamp(1.5rem, 2vw, 2rem);
    line-height: 1.2;
}
@media screen and (max-width:980px){
	.marvin-faq__title{
		font-size:30px;
		margin-top:10%;
	}
}

.marvin-faq__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.marvin-faq__item {
    border: 1.5px solid rgba(237, 128, 37, 0.35);
    border-radius: 0px;
    overflow: hidden;
    background: #fff;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.marvin-faq__item.is-open {
    border-color: #ed8025;
    box-shadow: 0 8px 24px rgba(237, 128, 37, 0.12);
}

.marvin-faq__question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border: 0;
    background: transparent;
    color: #ed8025;
    text-align: left;
    cursor: pointer;
}

.marvin-faq__question-title {
    margin: 0;
    color: #ed8025;
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    line-height: 1.35;
	padding-bottom:0;
}
@media screen and (max-width:980px){
	.marvin-faq__question-title{
		font-size:20px;
	}
}

.marvin-faq__icon {
    position: relative;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
}

.marvin-faq__icon::before,
.marvin-faq__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    background: #ed8025;
    border-radius: 2px;
    transform: translate(-50%, -50%);
    transition: transform 0.25s ease;
}

.marvin-faq__icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.marvin-faq__item.is-open .marvin-faq__icon::after {
    transform: translate(-50%, -50%) rotate(0deg);
}

.marvin-faq__answer {
    padding: 0 20px 20px;
}

.marvin-faq__answer-content {
    color: #333;
    font-size: 1rem;
    line-height: 1.6;
}

.marvin-faq__answer-content p {
    margin: 0 0 12px;
}

.marvin-faq__answer-content p:last-child {
    margin-bottom: 0;
}

.marvin-faq__question:focus-visible {
    outline: 2px solid #ed8025;
    outline-offset: -4px;
}

@media (max-width: 767px) {
    .marvin-faq {
        margin: 24px 0;
    }

    .marvin-faq__question {
        padding: 16px;
        gap: 12px;
    }

    .marvin-faq__answer {
        padding: 0 16px 16px;
    }
}