.elementor-1643 .elementor-element.elementor-element-5846ae8{--display:flex;--min-height:40vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--overlay-opacity:0.4;--padding-top:4rem;--padding-bottom:0.5rem;--padding-left:5%;--padding-right:5%;}.elementor-1643 .elementor-element.elementor-element-5846ae8:not(.elementor-motion-effects-element-type-background), .elementor-1643 .elementor-element.elementor-element-5846ae8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dutchcrunch.iandpdev.com/wp-content/uploads/2025/10/dutch-crunch-sando-recipe-header.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1643 .elementor-element.elementor-element-5846ae8::before, .elementor-1643 .elementor-element.elementor-element-5846ae8 > .elementor-background-video-container::before, .elementor-1643 .elementor-element.elementor-element-5846ae8 > .e-con-inner > .elementor-background-video-container::before, .elementor-1643 .elementor-element.elementor-element-5846ae8 > .elementor-background-slideshow::before, .elementor-1643 .elementor-element.elementor-element-5846ae8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1643 .elementor-element.elementor-element-5846ae8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #000000 100%);}.elementor-1643 .elementor-element.elementor-element-388ba14{--display:flex;}.elementor-1643 .elementor-element.elementor-element-889fb1a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-1643 .elementor-element.elementor-element-7b9a4d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1643 .elementor-element.elementor-element-d49a1cc{z-index:2;}.elementor-1643 .elementor-element.elementor-element-d49a1cc .mu-shape-divider svg{fill:var( --e-global-color-text );}.elementor-1643 .elementor-element.elementor-element-064ac1c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:4rem;--padding-bottom:4rem;--padding-left:5%;--padding-right:5%;}.elementor-1643 .elementor-element.elementor-element-064ac1c:not(.elementor-motion-effects-element-type-background), .elementor-1643 .elementor-element.elementor-element-064ac1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-1643 .elementor-element.elementor-element-bee9f5a{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;text-align:center;}.elementor-1643 .elementor-element.elementor-element-bee9f5a > .elementor-widget-container{margin:0rem 0rem 2rem 0rem;}.elementor-1643 .elementor-element.elementor-element-bee9f5a .elementor-heading-title{font-size:var( --e-global-typography-0196004-font-size );font-weight:var( --e-global-typography-0196004-font-weight );color:var( --e-global-color-secondary );}.elementor-1643 .elementor-element.elementor-element-f6d48ad{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;text-align:center;}.elementor-1643 .elementor-element.elementor-element-f6d48ad > .elementor-widget-container{margin:0rem 0rem 2rem 0rem;}.elementor-1643 .elementor-element.elementor-element-f6d48ad .elementor-heading-title{font-family:var( --e-global-typography-a4ae275-font-family ), Sans-serif;font-size:var( --e-global-typography-a4ae275-font-size );font-weight:var( --e-global-typography-a4ae275-font-weight );color:var( --e-global-color-secondary );}.elementor-1643 .elementor-element.elementor-element-03b8516{width:var( --container-widget-width, 1200px );max-width:1200px;--container-widget-width:1200px;--container-widget-flex-grow:0;}.elementor-1643 .elementor-element.elementor-element-4d6a889{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1643 .elementor-element.elementor-element-c66a84a{z-index:2;}.elementor-1643 .elementor-element.elementor-element-c66a84a .mu-shape-divider svg{fill:var( --e-global-color-text );}.elementor-1643 .elementor-element.elementor-element-c73272b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:6rem;--padding-bottom:6rem;--padding-left:5%;--padding-right:5%;}.elementor-1643 .elementor-element.elementor-element-c73272b:not(.elementor-motion-effects-element-type-background), .elementor-1643 .elementor-element.elementor-element-c73272b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1643 .elementor-element.elementor-element-2d585df{width:var( --container-widget-width, 1200px );max-width:1200px;--container-widget-width:1200px;--container-widget-flex-grow:0;}.elementor-1643 .elementor-element.elementor-element-2d585df.elementor-element{--align-self:center;}.elementor-1643 .elementor-element.elementor-element-d23ebec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1643 .elementor-element.elementor-element-94e747b{z-index:2;}.elementor-1643 .elementor-element.elementor-element-94e747b .mu-shape-divider svg{fill:var( --e-global-color-secondary );}.elementor-1643 .elementor-element.elementor-element-b74ee83{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:6rem 6rem;--row-gap:6rem;--column-gap:6rem;--padding-top:6rem;--padding-bottom:4rem;--padding-left:5%;--padding-right:5%;}.elementor-1643 .elementor-element.elementor-element-9caceba{--display:flex;}.elementor-1643 .elementor-element.elementor-element-85f1f8e{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;text-align:left;}.elementor-1643 .elementor-element.elementor-element-85f1f8e > .elementor-widget-container{margin:0rem 0rem 2rem 0rem;}.elementor-1643 .elementor-element.elementor-element-85f1f8e .elementor-heading-title{font-family:var( --e-global-typography-0fa2a3e-font-family ), Sans-serif;font-size:var( --e-global-typography-0fa2a3e-font-size );font-weight:var( --e-global-typography-0fa2a3e-font-weight );color:var( --e-global-color-secondary );}.elementor-1643 .elementor-element.elementor-element-2b54e1d{--display:flex;}.elementor-1643 .elementor-element.elementor-element-d2ec1bb{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;text-align:center;}.elementor-1643 .elementor-element.elementor-element-d2ec1bb > .elementor-widget-container{margin:0rem 0rem 2rem 0rem;}.elementor-1643 .elementor-element.elementor-element-d2ec1bb .elementor-heading-title{font-family:var( --e-global-typography-0fa2a3e-font-family ), Sans-serif;font-size:var( --e-global-typography-0fa2a3e-font-size );font-weight:var( --e-global-typography-0fa2a3e-font-weight );color:var( --e-global-color-secondary );}.elementor-1643 .elementor-element.elementor-element-3e0c423{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:6rem;--padding-bottom:6rem;--padding-left:5%;--padding-right:5%;}.elementor-1643 .elementor-element.elementor-element-3e0c423:not(.elementor-motion-effects-element-type-background), .elementor-1643 .elementor-element.elementor-element-3e0c423 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2e0a3d8 );}.elementor-1643 .elementor-element.elementor-element-3e0c423.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1643 .elementor-element.elementor-element-ef74b86{width:initial;max-width:initial;text-align:center;}.elementor-1643 .elementor-element.elementor-element-ef74b86 > .elementor-widget-container{margin:0rem 0rem 2rem 0rem;}.elementor-1643 .elementor-element.elementor-element-ef74b86 .elementor-heading-title{font-family:var( --e-global-typography-0fa2a3e-font-family ), Sans-serif;font-size:var( --e-global-typography-0fa2a3e-font-size );font-weight:var( --e-global-typography-0fa2a3e-font-weight );color:var( --e-global-color-text );}.elementor-1643 .elementor-element.elementor-element-8f58754{width:var( --container-widget-width, 1200px );max-width:1200px;--container-widget-width:1200px;--container-widget-flex-grow:0;}.elementor-1643 .elementor-element.elementor-element-8f58754.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-1643 .elementor-element.elementor-element-bee9f5a .elementor-heading-title{font-size:var( --e-global-typography-0196004-font-size );}.elementor-1643 .elementor-element.elementor-element-f6d48ad .elementor-heading-title{font-size:var( --e-global-typography-a4ae275-font-size );}.elementor-1643 .elementor-element.elementor-element-b74ee83{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1643 .elementor-element.elementor-element-85f1f8e .elementor-heading-title{font-size:var( --e-global-typography-0fa2a3e-font-size );}.elementor-1643 .elementor-element.elementor-element-d2ec1bb .elementor-heading-title{font-size:var( --e-global-typography-0fa2a3e-font-size );}.elementor-1643 .elementor-element.elementor-element-eac28d1 img{max-width:600px;}.elementor-1643 .elementor-element.elementor-element-ef74b86 .elementor-heading-title{font-size:var( --e-global-typography-0fa2a3e-font-size );}}@media(max-width:767px){.elementor-1643 .elementor-element.elementor-element-889fb1a{--justify-content:center;--margin-top:0rem;--margin-bottom:-2rem;--margin-left:0rem;--margin-right:0rem;}.elementor-1643 .elementor-element.elementor-element-064ac1c{--padding-top:2rem;--padding-bottom:3rem;--padding-left:5%;--padding-right:5%;}.elementor-1643 .elementor-element.elementor-element-bee9f5a .elementor-heading-title{font-size:var( --e-global-typography-0196004-font-size );}.elementor-1643 .elementor-element.elementor-element-f6d48ad .elementor-heading-title{font-size:var( --e-global-typography-a4ae275-font-size );}.elementor-1643 .elementor-element.elementor-element-c73272b{--padding-top:3rem;--padding-bottom:3rem;--padding-left:5%;--padding-right:5%;}.elementor-1643 .elementor-element.elementor-element-b74ee83{--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;--padding-top:3rem;--padding-bottom:3rem;--padding-left:5%;--padding-right:5%;}.elementor-1643 .elementor-element.elementor-element-85f1f8e > .elementor-widget-container{margin:0rem 0rem 1rem 0rem;}.elementor-1643 .elementor-element.elementor-element-85f1f8e .elementor-heading-title{font-size:var( --e-global-typography-0fa2a3e-font-size );}.elementor-1643 .elementor-element.elementor-element-d2ec1bb .elementor-heading-title{font-size:var( --e-global-typography-0fa2a3e-font-size );}.elementor-1643 .elementor-element.elementor-element-eac28d1 img{max-width:100%;}.elementor-1643 .elementor-element.elementor-element-3e0c423{--padding-top:3rem;--padding-bottom:3rem;--padding-left:5%;--padding-right:5%;}.elementor-1643 .elementor-element.elementor-element-ef74b86 > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-1643 .elementor-element.elementor-element-ef74b86 .elementor-heading-title{font-size:var( --e-global-typography-0fa2a3e-font-size );}}/* Start custom CSS for template-element, class: .elementor-element-72bb072 */.elementor-1643 .elementor-element.elementor-element-72bb072 {
margin: 0rem 0rem 0rem 0rem;
padding: 20px 20px 50px 20px;
background-color: var(--e-global-color-secondary);
border-radius: 8px;
}

.elementor-1643 .elementor-element.elementor-element-72bb072 {
cursor: pointer;
transition: all .5s ease;
}

.elementor-1643 .elementor-element.elementor-element-72bb072:hover {
transform: translateY(-5px);
transition: all .5s ease;
}

.elementor-1643 .elementor-element.elementor-element-72bb072 svg {
width: 50px;
}

.elementor-1643 .elementor-element.elementor-element-72bb072 svg * {
fill: #fff;
}/* End custom CSS */
/* Start custom CSS for template-element, class: .elementor-element-ae60c8a */.elementor-1643 .elementor-element.elementor-element-ae60c8a {
margin: 0rem 0rem 0rem 0rem;
padding: 20px 20px 50px 20px;
background-color: var(--e-global-color-secondary);
border-radius: 8px;
}

.elementor-1643 .elementor-element.elementor-element-ae60c8a {
cursor: pointer;
transition: all .5s ease;
}

.elementor-1643 .elementor-element.elementor-element-ae60c8a:hover {
transform: translateY(-5px);
transition: all .5s ease;
}

.elementor-1643 .elementor-element.elementor-element-ae60c8a svg {
width: 50px;
}

.elementor-1643 .elementor-element.elementor-element-ae60c8a svg * {
fill: #fff;
}/* End custom CSS */
/* Start custom CSS for template-element, class: .elementor-element-03b8516 */.ingredients {
margin: 0px 0px 0rem 0;
}

.ingredients__heading {
font-size: clamp(1.5rem, 3.5vw, 2rem);
line-height: 1.1;
margin: 0 0 1rem;
text-transform: capitalize;
letter-spacing: .02em;
text-align: center; /* matches centered heading vibe */
}

.ingredients__grid {
display: grid;
gap: 2rem 4rem;
grid-template-columns: 1fr;
margin: 0;
padding: 0;
list-style: none;

@media (max-width: 767px) {
    gap: 0.75rem 1rem;
}
}

@media (min-width: 40rem) {
.ingredients__grid {
grid-template-columns: 1fr 1fr;
}
}

.ingredients__item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
color: #272424;
}

@media (max-width: 767px) {
.ingredients__item {
align-items: center;
}
}

.ingredients__item.has-subs {
cursor: pointer;
}

.ingredients__item .ingredients__subs {
display: none;
list-style-type: none !important;
flex-direction: column;
gap: 1rem !important;
padding-left: 0px !important;
margin-left: 0px !important;
}

.ingredients__item.open .ingredients__subs {
display: flex;
}

.ingredients__item .ingredients__arrow {
transition: transform .2s ease;
transform: rotate(180deg);
display: inline-flex;
width: 16px;
}

.ingredients__item.open .ingredients__arrow {
transform: rotate(0deg);
transition: all .5s ease;
}

.ingredients__item .ingredients__arrow svg {
width: 18px;
}

.ingredients__item .ingredients__header {
display: flex;
align-items: center;
gap: .5rem;
text-align: left;
}

@media (max-width: 767px) {
.ingredients__item .ingredients__header {
text-align: center;
}
}

.ingredients__text {
line-height: 1.4;
    
}

.ingredients__arrow {
font-weight: 700;
}

.ingredients__item .ingredients__text {
font-weight: 700;
font-size: 1.25rem;
}

@media (max-width: 767px) {
.ingredients__item .ingredients__text {
font-weight: 700;
font-size: 1rem;
}
}

.ingredients__subs .ingredients__sub-item {

}


.ingredients__subs li {

}

.elementor-1643 .elementor-element.elementor-element-03b8516 a {
color: var(--e-global-color-secondary);
}/* End custom CSS */
/* Start custom CSS for template-element, class: .elementor-element-2d585df */.recipe-tips {
margin: 0px 0px 0rem 0; color: #fff;
}
.recipe-tips__heading {
font-size: 2rem;
line-height: 1.1;
margin: 0 0 1rem;
text-transform: uppercase;
letter-spacing: .02em;
}

.recipe-tips__list {
display: flex;
flex-wrap: wrap;
gap: 2rem 4rem;
}

@media (max-width: 767px) {
.recipe-tips__list {
display: flex;
flex-direction: column;
gap: 1rem;
}

.recipe-tips__list .recipe-tip {
flex: 1 1 calc(100%);    
}
}

.recipe-tips__list .recipe-tip {
flex: 1 1 calc(50% - 4rem);    
}

.recipe-tips__list .recipe-tip a {
color: #fff;
font-weight: 700;
}

.recipe-tips__list .recipe-tip h5 {
}

.recipe-tip__header { display: inline-flex; align-items: center; gap: .35rem; margin-bottom: .25rem; }
.recipe-tip__label { font-weight: 700; }
.recipe-tip__arrow { font-weight: 700; }

.recipe-tip__title { font-size: 1.1rem; margin: 0 0 .25rem; }
.recipe-tip__content { margin: 0; }

.elementor-1643 .elementor-element.elementor-element-2d585df ul {
margin: 0px 0px 0px 0px;
padding-left: 1rem;
display: flex !important;
flex-direction: column !important;
gap: .5rem !important;
}

.elementor-1643 .elementor-element.elementor-element-2d585df h5 {
margin-bottom: 1rem;
}

.elementor-1643 .elementor-element.elementor-element-2d585df .recipe-tip__content a {
text-decoration: underline;
}

.elementor-1643 .elementor-element.elementor-element-2d585df .tip-opener {
max-width: 100%;
gap: 0rem;
transition: all .5s ease;
}

.elementor-1643 .elementor-element.elementor-element-2d585df .tip-opener.open {
transition: all .5s ease;
gap: 2rem;
}

.elementor-1643 .elementor-element.elementor-element-2d585df .tip-opener .tip__trigger {
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: center;
}

.elementor-1643 .elementor-element.elementor-element-2d585df .tip-opener .tip__label {
border-bottom: 0px !important;
font-size: 2.25rem;
font-family: var(--e-global-typography-a4ae275-font-family), Sans-serif;
font-weight: 500;
}

.elementor-1643 .elementor-element.elementor-element-2d585df svg {
fill: #fff;
}

.elementor-1643 .elementor-element.elementor-element-2d585df .tip__content a {
color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-85f1f8e */.elementor-1643 .elementor-element.elementor-element-85f1f8e {
text-transform: uppercase;
}/* End custom CSS */
/* Start custom CSS for template-element, class: .elementor-element-332755d */.prep {
  margin: 0px 0px 0rem 0;
}

.prep__heading {
  font-size: 2.2rem;
  line-height: 1.1;
  margin: 0 0 1.5rem;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.prep__grid {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 48rem) {
  .prep__grid {
    grid-template-columns: 1fr;
    /* one column like screenshot */
  }
}

.prep-item__title {
  font-size: 1.25rem;
  margin: 0 0 .5rem;
  color: var(--e-global-color-secondary);
}

.prep-item__steps {
  margin: 0 0 1rem 1.25rem;
  padding: 0;
}

.prep-item__step {
  margin: 0 0 .35rem;
}

.prep-tip {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin: .75rem 0 .25rem;
  color: var(--e-global-color-secondary);
  cursor: pointer;
}

.prep-tip__icon {
  display: inline-flex;
  background: var(--e-global-color-text);
  border-radius: 50%;
}

.prep-tip__label {
  font-weight: 700;
  text-decoration: underline;
}

.prep-tip__arrow {
  font-weight: 700;
}

.prep-tip__title {
  font-size: 1rem;
  margin: 0 0 .25rem;
}

.prep-tip__content {
  margin: 0 0 .25rem;
}

.tip

.prep-item .prep-tip__content,
.prep-item .prep-tip__title {
  max-height: 0px;
  overflow: hidden;
  transition: all .5s ease;
}

.prep-item.open .prep-tip__title {
  max-height: 200px;
  transition: all .5s ease;
}

.prep-item.open .prep-tip__content {
  max-height: 1000px;
  transition: all .5s ease;
}

.elementor-1643 .elementor-element.elementor-element-332755d a, .tip__content a {
color: var(--e-global-color-secondary) !important;
}

.elementor-1643 .elementor-element.elementor-element-332755d ol li ul {
list-style-type: disc;
margin-left: 0px;
padding-left: 1rem;
gap: 1rem;
}

.elementor-1643 .elementor-element.elementor-element-332755d ol li ul li {
margin: 0 0 .35rem;
}

.elementor-1643 .elementor-element.elementor-element-332755d .tip__title {
margin: 1rem 0px .5rem 0px;
}

.elementor-1643 .elementor-element.elementor-element-332755d .tip__label {
color: var(--e-global-color-secondary);;
}

.elementor-1643 .elementor-element.elementor-element-332755d .prep-item__steps li:only-child {
    list-style-type: none;
    margin-left: -1.1rem;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d2ec1bb */.elementor-1643 .elementor-element.elementor-element-d2ec1bb {
text-transform: uppercase;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef74b86 */.elementor-1643 .elementor-element.elementor-element-ef74b86 {
text-transform: uppercase;
}/* End custom CSS */
/* Start custom CSS for template-element, class: .elementor-element-8f58754 */.instructions { margin: 2rem 0; color: #fff; }
.instructions__steps {
columns: 2;
gap: 6rem;
}

@media (max-width: 767px) {
    .instructions__steps {
    columns: 1;
    }
}

.instructions__heading { font-size: 2rem; line-height: 1.1; margin: 0 0 1rem 0px; text-transform: uppercase; letter-spacing: .02em; }

.instructions__steps { margin: 0 0 1rem 0px; padding: 0; }
.instructions__step { margin: 0 0 1.5rem; }
.instructions__step-content p { margin: 0; } /* keep tight like the sample */

.elementor-1643 .elementor-element.elementor-element-8f58754 .tip-opener .tip__arrow {
fill: var(--e-global-color-text);
}

.elementor-1643 .elementor-element.elementor-element-8f58754 ol {
margin-left: 1.5em;
padding-left: 0;
}

.elementor-1643 .elementor-element.elementor-element-8f58754 ol li {
line-height: 1.75em;
break-inside: avoid-column;
}/* End custom CSS */
/* Start custom CSS */.tip-opener {
display: inline-flex;
flex-direction: column;
justify-content: flex-start;
gap: .35rem;
margin: .75rem 0 .25rem;
max-width: 800px;
cursor: pointer;
}

.tip-opener .tip__trigger {
display: flex;
align-items: center;
gap: .5rem;
}

.tip-opener .tip__label {
font-weight: 700;
border-bottom: 2px solid var(--e-global-color-text);
}

.tip-opener .tip__arrow {
font-weight: 700;
color: var(--e-global-color-text);
}

.tip-opener .tip__content {
margin: 0 0 .25rem;
}

.tip-opener .tip__content, .tip-opener .tip__title {
    max-height: 0px;
    overflow: hidden;
    transition: all .5s ease;
}

.tip-opener.open .tip__title {
    max-height: 200px;
    transition: all .5s ease;
}

.tip-opener.open .tip__content {
    max-height: 1000px;
    transition: all .5s ease;
}

.tip-opener .tip__arrow {
transition: transform .2s ease;
transform: rotate(180deg);
display: inline-flex;
width: 16px;
}

.tip-opener.open .tip__arrow {
transform: rotate(0deg);
transition: all .5s ease;
}/* End custom CSS */