.dh-widget-dh-how-to-faq .dh-how-to-faq-item {
   display: flex;
   margin-bottom: 10px;
}

.dh-widget-dh-how-to-faq .dh-how-to-faq-heading {
   display: grid;
   grid-template-columns: auto 1fr;
   grid-template-areas: "a b";
   column-gap: 10px;
   row-gap: 15px;
}
.dh-widget-dh-how-to-faq .without-number .dh-how-to-faq-heading {
   column-gap: 0px;
}
.dh-widget-dh-how-to-faq .dh-how-to-faq-heading .dh-number {
   background: #EADECC;
   border-radius: 8px;
   width: 2em;
   height: 2em;
   display: flex;
   justify-content: center;
   align-items: center;
   grid-area: a;
}
.dh-widget-dh-how-to-faq .dh-how-to-faq-heading .dh-heading {
   margin-top: 0.4em;
   grid-area: b;
}
.dh-widget-dh-how-to-faq .without-number .dh-how-to-faq-heading  .dh-heading {
   margin-top: 0;
}

.dh-widget-dh-how-to-faq .dh-how-to-faq .dh-how-to-faq-item-number {
   background: #EADECC;
   border-radius: 50%;
   width: 2em;
   height: 2em;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-shrink: 0;
   font-weight: 700;
   color: #515F70;
}

.dh-widget-dh-how-to-faq .dh-how-to-faq .dh-how-to-faq-item-content {
   margin-top: 0.25em;
   margin-left: 1em;
   width: 100%;
}
.dh-widget-dh-how-to-faq .dh-how-to-faq .dh-how-to-faq-item-content .dh-image {
   float: right;
   width: 33.333%;
   margin-left: 10px;
}
@media(max-width: 768px) {
   .dh-widget-dh-how-to-faq .dh-how-to-faq .dh-how-to-faq-item-content .dh-image {
      float: none;
      width: 100%;
      margin-left: 0px;
      margin-top: 5px;
      margin-bottom: 5px;
   }
}



.dh-widget-dh-how-to-faq .dh-image-height-ratio .dh-image,
.dh-widget-dh-how-to-faq .dh-image-height-ratio-cover .dh-image {
   display: flex;
   overflow: hidden;
   justify-content: center;
   align-items: flex-start;
   aspect-ratio: 100 / 65;
}
.dh-widget-dh-how-to-faq .dh-image-height-ratio img {
   object-fit: contain;
   max-width: 100%;
   max-height: 100%;
}
.dh-widget-dh-how-to-faq .dh-image-height-ratio-cover img {
   object-fit: cover;
   height: 100%;
   min-width: 100%;
}
.dh-widget-dh-how-to-faq .dh-image-height-auto img {
   width: 100%;
}



.dh-widget-dh-how-to-faq .dh-how-to-faq .dh-how-to-faq-item-heading {
   font-size: 18px;
   line-height: 24px;
   font-weight: 600;
   margin-bottom: 5px;
}

.dh-how-to-widget-notice {
   /* filter: grayscale(1); */
   position: relative;
}
.dh-how-to-widget-notice:after {
   content: 'HOW TO DURATION REQUIRED';
   font-size: 30px;
   font-weight: bold;
   color: #000;
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: repeating-linear-gradient(125deg,#f7f7f7,#f7f7f7 1px,rgba(255,255,255,.7) 2px,rgba(255,255,255,.7) 9px);
   border: 1px solid #ffb2b2;
}

.dh-youtube-video {
   width: 100%;
   padding-bottom: 56.25%;
   position: relative;
   margin-bottom: 15px;
}