.zoneIntro { width: 100%; }
#fullp00 , #fullp20  { background: var(--color-primary); color: white;  }

#fullp10:before {
    border-bottom: 5px dashed var(--secondary-color);
    top: 15%;
    transform: translateX(-70%) translateY(-50%) rotate(-7deg);
}

#fullp20 h2, #fullp20 h3 { color: white; }
#fullp20 h3 { display: flex; flex-direction: column; }
#fullp20 h3 i { font-size: 25px; color: var(--color-secondary); }
#fullp20 p b { color: var(--color-secondary); }
#fullp20 ul { color: white; width: 700px; max-width: 90vw; }
#fullp20 li { padding: 5px 15px; margin: 15px 0;  /* background: var(--color-tertiary); color: white;*/ z-index: 5; font-size: 20px; list-style: square; }

.fp-controlArrow.fp-prev { border-color: transparent #efefef transparent transparent; }

h1 { color: var(--color-secondary); font-size: 35px; }
.zoneCenter ul { margin: 0 10vw;}

#fullp30 li { list-style: decimal; padding: 5px 15px 20px 15px; margin: 15px 0;  background: var(--color-primary);  font-size: 40px; color: var(--color-secondary); font-weight: bold; }
#fullp30 li b { font-size: 20px; color: var(--color-secondary); color: white; }
#fullp30 ul { margin-bottom: 5vh;  }

#fullp30 > div:first-child:before {
    border-bottom: 25px double var(--color-secondary);
    top: 0%;
    transform: translateX(-50%) translateY(-50%) rotate(-8deg);
}


/*#fullp40 > div:after { top: 0%; z-index: 0; }

#fullp50 { background: var(--color-tertiary); color: white; }
#fullp50 h3 {  color: white; }
#fullp50 .button { background: var(--color-secondary); color: var(--color-primary); }*/

#fullp60 details { margin-bottom: 3vh; background: var(--color-tertiary); color: white; }
#fullp60 details summary { background: var(--color-primary); color: var(--color-secondary); padding: 15px; cursor: pointer; }
#fullp60 details p { padding: 15px 5px; }


@media (max-width: 830px){  
    #fullp60 .title1 { padding-top: 10vh; }
    #fullp60 .button:last-of-type { margin-bottom: 20vh; }
}