/** 
 * Agvila Accordition Block 
 */

.ag_accord--container {
   display: block;
   transition: padding-top 0.4s;
}
.ag_accord--container.ag_accord--no_transition {
   transition: none;
}
.ag_accord--container + .ag_accord--container.ag_accord--expanded {
   padding-top: 50px;
}
:not(.ag_accord--container) + .ag_accord--container {
   padding-top: 0;
}
.ag_ctrl--block + .ag_accord--container {
   margin-top: 28px;
}

@media (max-width: 450px) {
   .ag_ctrl--block + .ag_accord--container {
      margin-top: 16px;
   }
}

.ag_accord--head {
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
   transition: border-color 0.3s;
   margin-left: -24px;
   margin-right: -24px;
   padding-left: 24px;
   padding-right: 24px;
}
.ag_accord--lvl1 > .ag_accord--head {
   /* border-bottom-color: var(--Neutrals-Sand); */
   border-bottom-color: var(--Primary-Green);
   /* border-bottom-color: var(--Neutrals-Dark-Sand); */
}
.ag_accord--lvl1.ag_accord--expanded + .ag_accord--lvl1:not(.ag_accord--expanded) > .ag_accord--head {
   /* border-top-color: var(--Neutrals-Sand); */
   border-top-color: var(--Primary-Green);
   /* border-top-color: var(--Neutrals-Dark-Sand); */
}
.ag_accord--lvl1 > .ag_accord--head svg .ag_accord--line {
   stroke: var(--Primary-Green);
   /* stroke: var(--Neutrals-Light-Grey); */
}


.ag_accord--lvl2 > .ag_accord--head {
   border-top-color: var(--Neutrals-Light-Sand);
   border-bottom-color: var(--Neutrals-Light-Sand);
}
.ag_accord--lvl2.ag_accord--expanded > .ag_accord--head {
   border-top-color: transparent;
}
.ag_accord--lvl2:not(.ag_accord--expanded) + .ag_accord--lvl2 > .ag_accord--head {
   border-top-color: transparent;
}
.ag_accord--lvl1.ag_accord--expanded .ag_accord--top_margin_0x .ag_accord--lvl2.ag_accord--expanded {
   margin-top: 30px;
}

.ag_accord--container.ag_accord--on_show .ag_accord--head {
   border-top-color: transparent !important;
}
@media (max-width: 1024px) {
   .ag_accord--head {
      margin-left: -48px;
      margin-right: -48px;
      padding-left: 48px;
      padding-right: 48px;
   }
}
@media (max-width: 768px) {
   .ag_accord--head {
      margin-left: -32px;
      margin-right: -32px;
      padding-left: 32px;
      padding-right: 32px;
   }
}
@media (max-width: 450px) {
   .ag_accord--head {
      margin-left: -24px;
      margin-right: -24px;
      padding-left: 24px;
      padding-right: 24px;
   }
}

.ag_accord--head .ag_accord--title {
   padding: 26px 0 32px 0;
   display: flex;
   flex-wrap: nowrap;
   gap: 40px;
   align-items: center;
}
.ag_accord--title > :is(h2, h3, h4, span) {
   display: block;
   flex-grow: 1;
   transition: color 0.4s;
}
.ag_accord--title svg {
   margin-top: 6px;
   width: 28px;
   height: auto;
   flex: 0 0 auto;
   transition: stroke 0.4s, transform 0.4s;
}
.ag_accord--expanded > .ag_accord--head svg .ag_accord--vertical_line {
   display: none;
}


.ag_accord--lvl1 .ag_accord--title h2 {
   margin: 0;
   font-size: 48px;
   font-style: normal;
   font-weight: 300;
   letter-spacing: -0.04em;
   line-height: 1;
   color: var(--Primary-Green);
}
.ag_accord--lvl1 > .ag_accord--head .ag_accord--line {
   stroke: var(--Neutrals-Medium-Grey);
}

.ag_accord--lvl2 .ag_accord--title h3 {
   margin: 0;
   font-size: 32px;
   font-weight: 300;
   letter-spacing: -0.04em;
   line-height: 1;
   color: var(--Neutrals-Dark-Grey);
}
.ag_accord--lvl2 > .ag_accord--head .ag_accord--line {
   stroke: var(--Neutrals-Medium-Grey);
}
.ag_accord--lvl2.ag_accord--expanded > .ag_accord--head svg {
   transform: rotate(180deg);
}

@media (hover: hover) {
   .ag_accord--title:hover > * {
      color: var(--Primary-Light-Green) !important;
   }
   .ag_accord--title:hover > svg .ag_accord--line {
      stroke: var(--Primary-Light-Green) !important;
   }
   .ag_accord--lvl1 > .ag_accord--head:hover {
      border-bottom-color: var(--Primary-Light-Green);
   }
   .ag_accord--lvl1.ag_accord--expanded + .ag_accord--lvl1:not(.ag_accord--expanded) > .ag_accord--head:hover {
      border-top-color: var(--Primary-Light-Green);
   }
}

@media (max-width: 768px) {
   .ag_accord--lvl1 .ag_accord--title h2 {
      font-size: 44px;
   }
   .ag_accord--lvl1 .ag_accord--title h3 {
      font-size: 30px;
   }
}
@media (max-width: 450px) {
   .ag_accord--title svg {
      margin-top: 8px;
      width: 24px;
   }
   .ag_accord--lvl1 .ag_accord--title h2 {
      font-size: 40px;
   }
   .ag_accord--lvl1 .ag_accord--title h3 {
      font-size: 28px;
   }
}

.ag_accord--content {
   display: none;
   /* overflow-x: visible !important;
   overflow-y: clip !important; */
}
.ag_accord--expanded > .ag_accord--content {
   display: block;
   padding-bottom: 30px;
}
.ag_accord--top_margin_0x { margin-top: 0; }
.ag_accord--top_margin_05x { margin-top: 36px; }
.ag_accord--top_margin_10x { margin-top: 60px; }
.ag_accord--top_margin_15x { margin-top: 90px; }
.ag_accord--top_margin_20x { margin-top: 120px; }

.ag_accord--bottom_margin_0x { margin-bottom: 0; }
.ag_accord--expanded > .ag_accord--bottom_margin_0x {padding-bottom: 0;}
.ag_accord--bottom_margin_05x { margin-bottom: 0; }
.ag_accord--bottom_margin_10x { margin-bottom: 36px; }
.ag_accord--bottom_margin_15x { margin-bottom: 60px; }
.ag_accord--bottom_margin_20x { margin-bottom: 90px; }


@media (max-width: 450px) {
   .ag_accord--top_margin_10x { margin-top: 50px; }
   .ag_accord--top_margin_15x { margin-top: 70px; }
   .ag_accord--top_margin_20x { margin-top: 90px; }

   .ag_accord--bottom_margin_10x { margin-bottom: 10px; }
   .ag_accord--bottom_margin_15x { margin-bottom: 20px; }
   .ag_accord--bottom_margin_20x { margin-bottom: 30px; }
}