/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .xscmw-form-wrapper{
       margin: 0 0 20px;
}
.xscmw-form-wrapper .xscmw-form{
   display:none;
}

.xscmw-form-wrapper .group-title h2{
   border-bottom: 1px solid #2a8db0;
   margin: 18px 0;
   cursor: pointer;
   position: relative;
   color: #2a8db0;
   text-transform: uppercase;
   font-size: 16px;
   font-weight: 600;
   padding-right: 10px;
}
.xscmw-form-wrapper .group-title h2:after {
   transform: rotateZ(180deg);
   content: '\f078';
   position: absolute;
   font-family: "Font Awesome 5 Pro";
   right: 10px;
   font-size: 13px;
   color: #2a8db0;
   transition: transform .3s;
}
.xscmw-form-wrapper.is-opened .group-title h2:after {
    transform: rotateZ(0deg);
}
.xscmw-form-wrapper.is-opened .xscmw-form{
   display: block;
}
.xscmw-custom-button-container .xscmw-custom-button {
    border-width: 1px;
    cursor: pointer;
    display: flex!important;
    text-align: start;
    box-sizing: content-box;
    line-height: 24px;
    font-size: 16px;
    width: auto;
    flex: 1;
}
.xscmw-custom-button-container span.xscmw-form-icon {
    margin: 0 .4em;
    flex: 0 1;
}