#product-delivery .section-title {
  font-weight   : 600;
  font-size     : 24px;
  line-height   : normal;
  color         : #172640;
  text-align    : center;
  margin-bottom : 4px;
  letter-spacing: 0.48px;
}

@media (min-width: 767.98px) {
  #product-delivery .section-title {
    display: none;
  }
}

#product-delivery .section-subtitle {
  font-weight   : 400;
  font-size     : 16px;
  line-height   : normal;
  color         : #172640;
  text-align    : center;
  margin-bottom : 16px;
  letter-spacing: 0.32px;
}

@media (min-width: 767.98px) {
  #product-delivery .section-subtitle {
    display: none;
  }
}

.delivery-options-wrapper {
  display        : flex;
  flex-direction : column;
  justify-content: space-between;
  list-style     : none;
}

.delivery-options-wrapper .delivery-option {
  display       : flex;
  flex-direction: row;
  align-items   : center;
  width         : 100%;
  margin-bottom : 22px;
}

.delivery-options-wrapper .delivery-option .icon {
  width          : 40px;
  height         : 40px;
  border-radius  : 50%;
  background     : #E5E5E5;
  display        : flex;
  align-items    : center;
  justify-content: center;
  margin-right   : 10px;
  padding        : 4px;
}

@media (max-width: 767.98px) {
  .delivery-options-wrapper .delivery-option .icon {
    margin: 0 10px 0 0;
  }
}

.delivery-options-wrapper .delivery-option .icon img {
  width     : 100%;
  height    : 100%;
  object-fit: contain;
}

.delivery-options-wrapper .delivery-option .title {
  font-weight  : 600;
  font-size    : 14px;
  line-height  : 16px;
  color        : #172640;
  text-align   : left;
  margin-bottom: 6px;
}

.delivery-options-wrapper .delivery-option .text-wrap {
  display    : flex;
  gap        : 6px;
  flex-wrap  : wrap;
  align-items: center;
}

.delivery-options-wrapper .delivery-option .text-wrap .text {
  color: #555E6D;
}

.delivery-options-wrapper .delivery-option .text {
  font-weight: 500;
  font-size  : 12px;
  line-height: 16px;
  color      : #354156;
}

.delivery-options-wrapper .delivery-option .text .date {
  color      : #231F20;
  font-weight: 600;
}


.question {
  display       : flex;
  flex-direction: column;
  gap           : 4px;
  max-width     : 516px;
  margin-bottom : 32px;
}


.question-item {
  padding      : 12px 0px 11px 0px;
  border-bottom: 1px solid #E3E3E3;
  position     : relative;
  cursor       : pointer;
}

.question-item::before {
  content         : "";
  background      : url('/uploads/12037607/File/embroidery/assets/decoration.svg') no-repeat center;
  position        : absolute;
  right           : 0;
  top             : 16px;
  transition      : all 0.3s;
  width           : 24px;
  height          : 24px;
  transform       : unset;
  transform-origin: center;
  transform       : rotate(0deg);
}

.question-item-title {
  color      : #555E6D;
  font-family: Inter !important;
  font-size  : 15px;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .question-item-title {
    font-size: 17px;
  }
}

.question-item-desc {
  max-height : 0;
  overflow   : hidden;
  transition : all 0.3s;
  padding-top: 0;
  font-family: Inter !important;
}

.question-item.active .question-item-desc {
  padding-top: 16px;
  max-height : 100vh;
}

.question-item.active::before {
  transform: rotate(180deg);
}

.product-print-box,
.product-embroidery-box {
  display      : flex;
  width        : 160px;
  padding      : 8px 14px;
  align-items  : center;
  gap          : 4px;
  border-radius: 8px;
  background   : #ECECEC;
}

.product-print-box img {
  width : 32px;
  height: 32px;
}

.min-box {
  display       : flex;
  flex-direction: column;
  gap           : 4px;
}

.min-box .min-box-title {
  color         : #353535;
  font-family   : Inter;
  font-size     : 14px;
  font-style    : normal;
  font-weight   : 500;
  line-height   : 24px;
  text-transform: capitalize;
}

.min-box .min-box-text {
  color         : #666;
  font-family   : Inter;
  font-size     : 12px;
  font-style    : normal;
  font-weight   : 400;
  line-height   : 14px;
  text-transform: capitalize;
}