.flex {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto
 }

 @media (max-width:991.98px) {
     .padding {
         padding: 1.5rem
     }
 }

 @media (max-width:767.98px) {
     .padding {
         padding: 1rem
     }
 }

 .padding {
     padding: 2.5rem
 }

 .card-accordion {
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none
 }

 .pl-3,
 .px-3 {
     padding-left: 1rem !important
 }

 .card-body-accordion {
        padding: 2rem;
 }

 .card-accordion {
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid #d2d2dc;
     border-radius: 0
 }

 .card-accordion .card-title-accordion {
     color: #000000;
     margin-bottom: 0.625rem;
     text-transform: capitalize;
     font-size: 0.875rem;
     font-weight: 500
 }

 .card-accordion .card-description-accordion {
     margin-bottom: .875rem;
     font-weight: 400;
     color: #76838f
 }

 .accordion-accordion .card:first-of-type {
     border-bottom: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
 }

 .accordion-accordion .card-accordion {
    color: #3d5170;
    margin-bottom: 1rem;
    /* box-shadow: 0px 4px 10px 0px rgb(199 199 199 / 77%); */
    border-radius: .625rem;
    border: none;
    background-color: #f5f6f8;
 }

 .accordion-accordion .card .card-header {
     background-color: transparent;
     border: none;
     padding: 2rem
 }

 .card-header-accordion:first-child {
     border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
 }

 .accordion-accordion .card-accordion .card-header-accordion * {
     font-weight: 400;
     font-size: 1rem
 }

 .mb-0,
 .my-0 {
     margin-bottom: 0 !important;
     /*color: #fefefe;*/
     font-weight: 600;
 }

 .accordion-accordion .card-accordion .card-header-accordion a {
     display: block;
     color: inherit;
     text-decoration: none;
     font-size: inherit;
     position: relative;
     -webkit-transition: color 0.5s ease;
     -moz-transition: color 0.5s ease;
     -ms-transition: color 0.5s ease;
     -o-transition: color 0.5s ease;
     transition: color 0.5s ease;
     padding-right: 1.5rem
 }

 .accordion-accordion .card-accordion  .card-header-accordion * {
     font-weight: 400;
     font-size: 1rem;
     padding: 1rem;
 }

/*
 .card-header-accordion {
     font-weight: 800;
     font-size: 1rem;
     background-color: #0093d5;
     padding: 1rem;
 }
 */

 .accordion-accordion .card-accordion .card-header-accordion a[aria-expanded="false"]:before {
     font-family: "Material Icons";
     content: "\e5cc";
     font-size:2rem;
     float: left;
     position: relative;
 }

 .accordion-accordion .card-accordion .card-header-accordion a[aria-expanded="true"]:before {
     font-family: "Material Icons";
     content: "\e5cc";
     font-size:2rem;
     float: left;
     position: relative;
     -webkit-animation:spin 0.7s ease;
     -moz-animation:spin 0.7s ease;
     animation:spin 0.7s ease;
     animation-fill-mode: forwards;
 }

@-moz-keyframes spin { 100% { -moz-transform: rotate(90deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(90deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(90deg); transform:rotate(90deg); } }


 .accordion-accordion .card-accordion .card-header-accordion a:before {
     position: absolute;
     right: 7px;
     top: 0;
     font-size: 18px;
     display: block;
     font-family: FontAwesome;
     display: inline-block;
     vertical-align: middle;
     font-size: .756em;
     color: #405189
 }

 .collapsing {
    -webkit-transition: height 0.3s linear;
    transition: height 0.3s linear;
}

.rules-list {
    border: 0px;
}

.rules-element {
    /*padding-left: 1rem;*/
    border: 0px;
}

.badge-narrative {
    /*margin-left: 1rem;
    margin-right: 1rem;*/
    background-color: #0093d5;
    font-weight: 600;
    color: #fff;
    white-space: inherit;
    text-align: center;
     word-wrap: break-word;
    width: 100%;
}

.title-rules {
    padding: .8125rem 1.875rem;
    font-weight: 600;
}

.title-rules * {
    margin: 0;
}

.foot-rules {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.accordion-element {
    font-weight: 600;
    float: left;
    width: 95%;
}

#accordion-button {
    float: right;
    padding: 0.175rem;
    height: 2.5rem;
    width: 2.5rem;
    padding-left: 0.21rem;
}
#accordion-button-icon {
    font-size: 1.5rem;
    padding: 0rem;
    margin: 0rem;
}

.rule-col {
    margin: 0 0 0.5rem;
    text-align: left;

}
@media (max-width: 1200px) {
  .rule-col {
        margin: 0 0 0.75rem !important;
        text-align: center;
        min-width: 100%
    }
}