.image-container {
    margin-bottom: 24px;
    position: relative;
}

@media (min-width: 1600px) {
#ctp-help .image-container {
    margin-bottom: 30px;
}
}
@media (min-width: 1200px) {
#ctp-help .image-container {
    margin-bottom: 18px;
}
}
@media (min-width: 1600px) {
.image-container {
    margin-bottom: 34px;
}
}
@media (min-width: 1200px) {
.image-container {
    margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.mb-help, .image-container {
    margin-bottom: 12px;
}
}
span.C-videoPlay {
  background: no-repeat center/100% url(https://cdn.msisurfaces.com/images/svg/Icon-play-circle.svg);
  display: block;
  height: 40px;
  left: 97%;
  top: 82%;
  margin: -40px 0 0 -30px;
  position: absolute;
  width: 40px;
}
.blog-box .float-start {
  border-left: 15px solid #8b6f4e;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 13px 15px;
}
.top-left span, .blog-box span {
  font-size: 18px;
}
.blog-box h3 {
    margin-top: -5px;
    margin-bottom: 5px;
    font-weight: 900;
    font-size: 30px;
}
.blog-box p {
  margin: 0;
  line-height: 1.2;
}
@media only screen and (max-width: 480px) {
  .blog-box .float-end {
    float: none !important;
  }
}
.blog-box .float-end img {
  margin: 0 auto;
  height: 100%;
}

.top-left, .bottom-left {
  position: absolute;
}
.top-left {
  top: 8px;
  left: 15px;
}
@media (min-width: 992px) {
  .image-container .img-fluid, .blog-box {
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .blog-box {
    display: flex;
  }
}
@media (min-width: 1600px) {
  .image-container .img-responsive, .blog-box {
    margin-bottom: 7px;
  }
}

@media (min-width: 768px) {
  .blog-box .float-start {
    width: 370px;
  }
}
@media (min-width: 992px) {
  .blog-box .float-start {
    width: 550px;
  }
}
@media (min-width: 1200px) {
  .blog-box .float-start {
    width: 295px;
  }
}
@media (min-width: 1600px) {
  .blog-box .float-start {
    width: 400px;
  }
}
@media (min-width: 1600px) {
  .blog-box .float-start {
    width: 400px;
  }
}
@media (min-width: 768px) {
  .blog-box .float-end {
    width: 350px;
  }
}
@media (min-width: 992px) {
  .blog-box .float-end {
    width: 390px;
  }
}
@media (min-width: 1200px) {
  .blog-box .float-end {
    width: 265px;
  }
}
@media (min-width: 1600px) {
  .blog-box .float-end {
    width: 360px;
  }
}
.lma-faq a{ font-weight: 600; color: #8b6f4e;
    text-decoration: none;}

.lma-faq .panel-heading{ position: relative; display: block;}
.lma-faq .panel-heading:after{flex-shrink: 0;
    width: 1.25rem;;
    height: 1.25rem;;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;;
    transition: transform 0.2s ease-in-out;
    position: absolute; right: 0;
}
.lma-faq .panel-heading:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
