.accordion 
}

@media(min-width: 64rem){
  .accordion {
  }
}

.content-container--small{
  max-width: 54.125rem;
  margin: 0 auto;
}

.accordion__title,
.accordion__summary{
  text-align: center;
}

.accordion__title {
  font-size: clamp(1.75rem,3vw,2.5rem);
  line-height: clamp(2.25rem,3vw,3rem);  
}

.accordion__summary{
  margin-bottom: 3rem;
}

.accordion__list {
  list-style-type: none;
  margin: 2rem 0;
  padding: 0;
  box-shadow: 1px 1px 40px 8px rgba(0, 0, 0, 0.08);
}

@media(min-width: 64rem){
  .accordion__list {
     margin: 3rem 0;
  }
}

.accordion__item {
  border-top: 1px solid #D9D9D9;
  border-left: 8px solid transparent;  
}

.accordion__item:has(.open) {
  border-left: 8px solid #00B0B9;
}

.accordion__item-title{
  margin: 0;
}

.accordion__item-toggle-button{
  width: 100%;
  background-color: #fff;
  display: flex;
  gap: .5rem;
  justify-content: space-between;
  align-items: center;
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  font-weight: 700;
  padding: 0.875rem 1rem;
  color: #000;
  border:0;
  border-top: none;
  transition: border-radius 0s, background-color .3s;
  text-align:left;
  border-radius:0;
}

@media(min-width: 64rem){
  .accordion__item-toggle-button{
    padding: 1.125rem 3.256rem;
    min-height: 8.25rem;
  }
}

.accordion__item-toggle-button:hover{
  color: #000;
  background-color: #fff;
}

.accordion__item-toggle-button:focus,
.accordion__item-toggle-button.open{
  background-color: #fff;
  border-bottom: none;
  color: #000;
}

.accordion__item-toggle-button.open:focus,
.accordion__item-toggle-button.open{
  background-color: #f7f7f7;
  color: #00587C;
}

/* .accordion__item-toggle-button:focus:not(.open){
  border-bottom: 2px solid #e4e4e4;
} */

.accordion__item-toggle-button .icon{
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}

.icon-accordion-open {
  fill: #fff;
}
.icon-accordion-closed {
  fill: #00587C;
}

.accordion__item-toggle-button .icon-remove{
  display: none;
}

.accordion__item-toggle-button.open .icon-remove{
  display: block;
}

.accordion__item-toggle-button.open .icon-add{
  display: none;
}

.toggle-div {
  display: none;
}

.toggle-div.open {
  display: block;
  background-color: #f7f7f7;  
}

.accordion__panel{
  padding: 0 1rem 1rem; 
  background-color: #fff;
} 

@media(min-width: 64rem){
  .accordion__panel{
    padding: 0 3.256rem 1.5rem; 
  } 
}

.accordion__panel-summary{
  font-size: 1.125rem;
  margin-top: -.7rem;
  margin-bottom: .7rem;
}

.accordion__panel-summary ul{
  list-style: inside;
  padding-right: 3rem;
  color:#000;
  margin-bottom: 1.5rem;
}

.accordion__panel-summary li{
  font-size: 1rem;
  position: relative;
}

.accordion__panel-summary ul li:after{
  content:'';
  background-image: url('/hubfs/43645300/check-1.svg');
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: -2rem;
  top: -0.125rem;
}

.accordion__panel-video-container{
  width: 100%;
  position: relative;
  margin: 1.5rem 0;
}

.accordion__panel-video{
  width: 100%;
  height: auto;
  border-radius: 1rem; 
  display: block;
}

.accordion__panel-play-button{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, .6);
  border-radius: 0.75rem;
  padding: 1.25rem 1.5rem;
  z-index: 1;
  transition: all 0.6s;
}

.accordion__panel-play-button .icon{
  width: 2.5rem;
  height: 2.5rem;
  fill: #fff;
} 

.accordion__panel-play-button .icon-pause{
  display: none;
}

.accordion--video-playing .icon-pause{
   display: block;
}

.accordion--video-playing .icon-play{
  display: none;
}

.accordion--video-playing{
  opacity: 0;
}

.accordion--video-playing:hover{
  opacity: 1;
}

.accordion__panel-info-toggle{
  display: flex;
  position: absolute;
  border: none;
  right: 0.5rem;
  bottom: 0.5rem;
  padding: 0.25rem;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.6);
} 

.accordion__panel-info-toggle .icon{
  width: 1rem;
  height: 1rem;
  fill: #fff;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 5%);
}

.accordion__panel-info-container{
  background-color: #fff;
  color: #000;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  padding: 1rem;
  border-radius: 1rem;
  display: none;
}

.accordion__panel-info-container.open{
  display: block;
}

.accordion__panel-image{
  width: 100%;
  border-radius: 1rem;
  margin: 1.5rem 0;
  object-fit: cover;
}

.accordion__panel-action .button--ghost{
  padding: 0;
  color: #000;
  background-color: transparent;
  border-color: transparent;
  position: relative;
  border-radius: 0;
}

.accordion__panel-action .button--ghost:hover{
  color: #000;
  background-color: transparent;
  border-color: transparent;
}

.accordion__panel-action .button--ghost::before{
  content: '';
  position: absolute;
  left: 0;
  opacity: 0;
  bottom: 0;
  width: 100%;
  height: 0.125rem;
  background-color: #1953B4;
  transition: all 0.4s;
}

.accordion__panel-action .button--ghost:hover::before,
.accordion__panel-action .button--ghost:focus::before{
  opacity: 1;
}

.accordion__action{
  display: flex;
  justify-content: center;
}

.accordion__action .button{
  width: 100%;
  display: block;
}

@media(min-width: 64rem){
  .accordion__action .button{
    width: auto;
    display: inline;
  }
  .accordion__item-toggle-button .icon.icon-accordion-closed,
  .accordion__item-toggle-button .icon.icon-accordion-open {
    min-width: 3.25rem;
    width: 3.25rem;
    height: 3.25rem;
  }  
}

.accordion__action .button--outline{
  background-color: transparent;
  color: #000;
}