.bbu.dark{
  background-image: url('../png/pattern-grey-black.png');
  background-color: #000; 
}
.bbu {
  background-repeat: no-repeat;
  background-image: url(../png/pattern-grey.png);
  background-position: right bottom;
  background-size: contain;
}
.bbu__head {
  text-align: center;
  padding-top: 40px;
}
.bbu__head .sc-subtitle {
  justify-content: center;
  padding-bottom: 30px;
}
.bbu.light .bbu__head .sc-subtitle{
  color: #18191B;
    
}
.bbu__accordion {
  background-color: #f7f7f7;
}
.bbu__accordion+.bbu__accordion {
  margin-top: 16px;
}
.bbu__accordion-question {
  padding: 16px 24px;
  font-size: 36px;
  color: #00ACDE;
  font-weight: 600;
  cursor: pointer;
  transition: all 300ms ease-in-out;
  background-image: url(../svg/accorden-plus-icon.svg);
  background-repeat: no-repeat;
  background-position: 95%;
}
.bbu__accordion-question.active {
  background-image: url(../svg/accorden-minis-icon.svg);
}
.bbu__accordion-content {
  padding-inline: 24px;
}
.bbu__accordion-content__box{
  padding-bottom: 24px;
}
.bbu__accordion-content__inner {
  color: #18191B;
  font-size: 14px;
  letter-spacing: .96px;
}
.bbu__accordion-content__inner ul {
  font-size: 16px;
  list-style: none;
  padding-left: 0;
  margin-top: 24px;
}
.bbu__flex {
  display: flex;
  flex-wrap: wrap;
  margin-inline: -15px;
}
.bbu__col {
  padding-inline: 15px;
}
.bbu__accordion-content__inner ul li {
  padding: 12px 32px;
  position: relative;
}
.bbu__accordion-content__inner ul li::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 13px;
  background-image: url('../svg/tick.svg');
  width: 18px;
  height: 16px;
  background-repeat: no-repeat; 
  background-size: contain;
}
.bbu__accordion-content__inner ul li {
  border-bottom: 1px solid #C0C1C4;
}
.bbu__accordion-content__inner ul li:first-child {
  border-top: 1px solid #C0C1C4;
}
.bbu__col:first-child {
  width: 45%;
}
.bbu__col:last-child {
  width: 55%;
}
.bbu__inner--content {
  width: min(568px, 100%);
}
.product_specifications {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-inline: -24px;
}

.product_specifications__col {
  width: 33.33%;
  padding: 16px 24px;
}

.product_specifications__col span {
  display: block;
}

.product_specifications-title {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}

.product_specifications-subtitle {
  color: #00ACDE;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  margin-top: 4px;
  letter-spacing: 1px;
}

.product_specifications__col+.product_specifications__col {
  border-left: 2px solid #C0C1C4;
}
.button{
  display: inline-block;
  font-family: var(--fontPrimary);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .5px;
  line-height: 30px;
  margin-right: 0;
  min-width: 150px;
  padding: 12px 24px;
  text-align: center;
  transition: background .5s ease, color .4s ease;
}
.button-fill {
  background-color: #00bfff;
  color: #18191B;
}
.button-fill:hover{
  background: linear-gradient(282.73deg, #c2f1ff -19.76%, #29cdff 7.1%, #005c8f 119.99%);
  color: var(--clrWhite);
}
.button-outline {
  background-color: transparent;
  border: 2px solid #00bfff;
  color: #00273d;
  padding-block: 10px;
}
.button-outline:hover{
  background-color: #00bfff;
}
.btn-wrapper{
  display: inline-flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 32px;
}
.bbu__flex{
  padding-block: 40px;
}
.accordion__media-img img {
  margin-inline: auto;
}
@media screen and (min-width: 768px){
  .accordion__media:not(.active),
  .bbu__accordion-content:not(.active),
  .accordion__media:not(.active),
  .accordion__media--mobile{
    display: none;
  }
}

.bbu__accordion-question:not(.active) {
  color: #050000;
  font-size: 24px;
}
/* dark */
.bbu.dark .bbu__accordion {
  background-color: #18191B;
}
.bbu.dark .bbu__accordion-content__inner ,
.bbu.dark .button-outline:not(:hover),
.bbu.dark .sc-title,
.bbu.dark .bbu__accordion-question {
  color: #fff;
}
.bbu.dark .bbu__accordion-question.active{
  color: #00acde;
}
.bbu.dark .product_specifications-title {
  color: #fff;
}
.bbu__flex+.bbu__flex {
  border-top: 2px solid #EBEBEB;
}
.bbu.dark .bbu__flex+.bbu__flex,
.dark .product_specifications__col+.product_specifications__col {
  border-color: #515359;
}
.bbu__accordion-content__inner ul li {
  border-color: #515359 !important;
}
/* end dark */
@media screen and (max-width: 767px){
  .bbu__inner--content {
    width: 100%;
  }
  .bbu__col:first-child{
    width: 100%;
  }
  .bbu__col:last-child {
    display: none;
  }
  .product_specifications {
    display: block;
    margin-inline: 0;
  }
  .product_specifications__col {
    width: 100%;
    padding-inline: 15px;
  }
  .product_specifications__col+.product_specifications__col {
    border-left: 0;
    border-top: 2px solid #c0c1c4;
  }
  .bbu__accordion-question{
    background-image: none !important;
  }
  .bbu__accordion-content__inner p {
    font-size: 14px;
  }
  .bbu__accordion-content__inner ul li {
    font-size: 16px;
  }
  .bbu__head .sc-title br {
    display: none;
  }
  .product_specifications-title {
    color: #7B7B7B;
  }
  .bbu__accordion-content__inner ul {
    margin-bottom: 30px;
  }
  .bbu__accordion-question {
    color: #00acde !important;!i;!;
  }
}
@media screen and (max-width: 640px){
  .btn-wrapper {
    flex-direction: column;
    display: flex;
  }
  .btn-wrapper .button {
    width: 100%;
  }
}