.cms-faq{  width: 100%; max-width: 960px; margin: auto; background: #fff; list-style: none; padding-left: 40px; padding-right: 20px;  }
.cms-faq li { margin-bottom:25px!important; border: solid 1px #ffe7cc;  border-radius:0 25px 0px 25px;  }
.cms-faq li.active .cms-answer { max-height: 100%;  padding:15px 15px 25px 50px; border-radius:0 0px 0px 25px ; transition: max-height 0.5s ease, padding-bottom 0.5s ease;}
#cms-main .cms-faq li.active h3.cms-question { color:#ffa000; transition: color 0.5s ease;}
.cms-faq li h3.cms-question::before {content: "\e94e"; color:#fff !important; font-family: 'boxicons';   padding: 10px; margin: 10px; background:#ffa000;  border-radius:15px;  }
 #cms-main .cms-faq h3.cms-question {position: relative;margin:0;  padding:10px 45px 10px 0; cursor: pointer; font-size: 1.125rem;font-weight:700; line-height: 1.875rem;  color:#000; transition: color 0.5s ease; }

.cms-faq .cms-answer { color: #000; font-size: 16px; line-height: 24px; max-height: 0;  background-color:#ffe7cc;  overflow: hidden;  transition: max-height 0.5s ease, padding-bottom 0.5s ease;  border-radius: 0px 0px 15px 15px; }
.cms-faq .plus-minus-toggle {height: 21px; width: 21px;  right:20px; top: 50%; position: absolute;z-index: 2;cursor: pointer;}
.cms-faq .plus-minus-toggle:before, .cms-faq  .plus-minus-toggle:after { content: '';width: 21px;height:4px;right: 22px; top: 0;position: absolute;  background:#ffa000; transition: transform 500ms ease;}
.cms-faq .plus-minus-toggle:after { transform-origin: center;}
.cms-faq .plus-minus-toggle.collapsed:after { transform: rotate(90deg);}
.cms-faq .plus-minus-toggle.collapsed:before { transform: rotate(180deg);}

@media screen and (max-width: 768.98px) {
.cms-faq{ padding: 0 20px;}    
.cms-faq .cms-question {  width: 100%; display: flex; align-content: center; align-items: center;    }
.cms-faq .plus-minus-toggle { right:-10px; }    
.cms-faq li.active .cms-answer { padding:15px 20px; }
#cms-main .cms-faq h3.cms-question{font-size: 16px;line-height: 1.5;}
 }
 @media only screen and (max-width:470px){
   .cms-faq li h3.cms-question::before{padding:6px;margin: 8px;}
   #cms-main .cms-faq h3.cms-question{padding-right: 35px;}
   .cms-faq .plus-minus-toggle:before, .cms-faq  .plus-minus-toggle:after {width: 15px;height: 3px;}
  }
  @media only screen and (max-width:350px){
    #cms-main .cms-faq h3.cms-question{font-size: 14px;}
  }
  @media only screen and (min-width:768.98px){
    .cms-faq .plus-minus-toggle:before, .cms-faq  .plus-minus-toggle:after {right: 0;}
  }