/* dividend calculator starts here */
.form-border {
    border: 1px solid #D7D7D7;
}
.form-box-header {
    text-align: center;
    background-color: #FFCB05;
    padding: 20px;
}
h4.form-box-header{
    margin-top: 0;
}
.form-box {
    padding: 20px;
}
.label-control label, .label-control .vertical-center {
    height: 40px;
    display: table-cell;
    vertical-align: middle;
}
.html-component input[type=text], .html-component input[type=email], .html-component input[type=password] {
    font-family: Sun Life New Text Regular,Helvetica Neue,Calibri,sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding: 0 10px;
    height: 40px !important;
    border: 1px solid #D7D7D7;
    width: auto;
}
.form-element-border {
    border: 1px solid #d7d7d7 !important;
    margin-bottom: 20px;
}
.input-control input, .input-control .btn {
    vertical-align: top;
}
select.form-control {
    border-radius: 0;
    -webkit-appearance: none;
    font-size: 18px;
    min-height: 48px !important;
    padding-right: 30px;
    background-color: white;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(/content/dam/sunlife/legacy/assets/slfglobal/globalweb/responsive/images/en/form-ui-select-dropdown-arrow.png);
}
.btn-blue{
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 9px 16px 8px 16px !important;
    min-height: 48px !important;
    min-width: 136px;
    max-width: 275px;
    margin: 0 !important;
    border: 2px;
    white-space: normal;
    font-weight: 700;
    background: #004C6C !important;
    color: #fff !important;
    border: 2px solid #004C6C;
}
.btn-blue:hover{
    background: #4A7283 !important;
    color: #fff !important;
    border: 2px solid #4A7283;
}
@media (max-width: 767px) and (min-width: 320px){
    .html-component .input-control input, .html-component .input-control .btn {
        width: 100%;
        margin-bottom: 20px;
    }
    .btn {
        width: 80%;
        margin-bottom: 20px !important;
    }
    .width-100-xs {
        width: 100%;
    }
    .btn-blue {
        max-width: 100% !important;
    }
}
#ftr-chart-options h4.form-box-header{
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
}
#errorMessageDate[style^="visibility: hidden"], #errorMessageShare[style^="visibility: hidden"], #errorMessageDateMobile[style^="visibility: hidden"]{
    display: none;
}
#errorMessageDate, #errorMessageShare, #errorMessageDateMobile, #errorMessageAmnt{
    color: red;
    margin-bottom: 10px;
}
#dividendCalcResult {
    margin-top: 20px;
}
.html-component .slf-table{
    border: 1px solid #fff;
}
.html-component .slf-table table {
    margin-bottom: 0;
}
.html-component .slf-table .table-striped-column th, .html-component .slf-table .table-striped-row th {
    font-weight: 600;
    background: #FFCB05;
    color: #424242;
    text-transform: none;
    text-align: center;
    border-bottom: 0;
    vertical-align: middle;
}
.html-component .table > tfoot > tr > td {
    border-top: 1px solid #D7D7D7 !important;
}
.html-component .slf-table th:last-child, .html-component .slf-table td:last-child {
    border-right: 1px solid #D7D7D7;
}
.html-component .slf-table th:first-child, .html-component .slf-table td:first-child {
    border-left: 1px solid #D7D7D7;
}
.html-component .slf-table .table-striped-column > thead > tr > th, .html-component .slf-table .table-striped-column > tfoot > tr > th, .html-component .slf-table .table-striped-column > thead > tr > th, .html-component .slf-table .table-striped-column > tfoot > tr > th {
    background: #FFCB05;
    color: #424242;
    text-transform: none;
    text-align: center;
    border-bottom: 0;
    vertical-align: middle;
    border-top: 1px solid #D7D7D7 !important;
}
.html-component .slf-table .table > thead > tr > td, .html-component .slf-table .table > tbody > tr > td {
    text-align: center;
    line-height: 24px;
}
.html-component .table.table-striped-column tbody tr:first-child td {
    border-top: 1px solid #D7D7D7;
}
.html-component .slf-table .table-striped-column > tbody > tr td:nth-of-type(odd) {
    background-color: #FEEDD2;
}
.html-component .slf-table .table-striped-column > tbody > tr td:nth-of-type(even) {
    background-color: #fff;
}
.html-component .slf-table .table > tbody > tr:not(:first-of-type) {
    border-top: 2px solid #fff;
}
.html-component .slf-table .table > tbody > tr:last-child {
    border-bottom: 1px solid #D7D7D7;
}
/* dividend calculator ends here */

/* investment calculator starts here */
.calendar-icon {
    background-color: #D7D7D7;
    color: #003946;
    padding: 10px;
    vertical-align: top;
    height: 40px;
    display: inline-block;
}

.html-component input.form-control {
    font-family: Sun Life New Text Regular,Helvetica Neue,Calibri,sans-serif;
    font-weight: 400;
    font-size: 16px;
    height: auto;
}
.html-component input[type='radio'] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.html-component input[type='radio'] + label {
    position: relative;
    padding-left: 30px;
    margin-right: 28px;
    font-family: Sun Life New Text Regular,Helvetica Neue,Calibri,sans-serif;
    font-weight: 400;
    color: #003946;
}
input[type='text']:disabled {
    background-color: #F7F7F7;
}
input[type='radio'] + label:before {
    background-clip: content-box;
    background-color: #fff;
    border: solid 1px #D7D7D7;
    border-radius: 20px;
    content: "";
    height: 20px;
    left: 0;
    padding: 0px;
    position: absolute;
    top: 1px;
    transition: background-color ease-in-out 0.15s, padding ease-in-out 0.25s, box-shadow ease-in-out 0.25s;
    width: 20px;
}
input[type='radio']:checked + label:before {
    background-color: #004C6C;
    padding: 2px;
}
#invCalcResult {
    margin-top: 20px;
}
.html-component .legal-text{
    font-size: 14px;
    line-height: 18px;
    color: #003946 !important;
    font-weight: 400 !important;
}
.html-component .table > tfoot > tr > td:last-child {
    border-bottom: 1px solid #D7D7D7 !important;
}
.html-component .slf-table .table > tfoot > tr.legal-text > td > a{
    font-size: 14px;
}

/* investment calculator ends here */

/* Region starts here */

#map-hero {
    margin-top: -30px;
    background-image: url(/content/dam/sunlife/legacy/assets/com/Global/images/en/global-map.png);
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 37.406015%;
    background-size: contain;
}
#map-hero {
    margin-top: -1px !important;
}
.inline-block {
    display: inline-block;
}
.map-hero > .map-msg {
    bottom: 0px;
    background-color: #FFDD00;
    position: absolute;
    width: 100%;
    text-align: center;
    color: #004C6C;
    font-weight: 400;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 15px;
}
#map-hero #map-point-container {
    width: 100%;
    padding-bottom: 37.406015%;
    position: relative;
}
#map-hero #map-point-container .map-point {
    position: absolute;
}
#map-hero #map-point-container .map-point a {
    text-decoration: none;
    position: relative;
    z-index: 2;
    cursor: pointer;
}
#map-hero #map-point-container .map-point a > span {
    /* opacity: 0; */
    z-index: 2;
}
.countrypin.fa-map-marker:before {
    content: "\f041";
    font-size: larger;
}
.html-component h5{
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
}
#map-hero .popover {
    background-color: #004c6c;
    box-shadow: initial;
    width: 300px;
    text-align: center;
    margin: 0;
    z-index: 3;
    position: absolute;
}
#map-hero .popover.left, #map-hero .popover.right {
    margin-top: 20px;
}
#map-hero .popover.left > .arrow, #map-hero .popover.right > .arrow {
    top: calc(50% - 20px ) !important;
}
#map-hero .popover.right .arrow::after {
    border-right-color: #004C6C;
}
#map-hero .popover.left .arrow::after {
    border-left-color: #004C6C;
}
#map-hero .popover.top .arrow::after {
    border-top-color: #004C6C;
}
#map-hero .popover .popover-content {
    color: white;
}
#map-hero .popover h5{
    color: #eaab00;
}
#map-hero .popover .popover-content a {
    color: #fff;
    font-weight: normal;
}
/* #map-hero .map-msg{
    margin-left: -15px;
} */

@media (min-width: 768px){
    .country-sect {
        padding: 20px 15px 0 15px;
    }
}
.country-sect .country-item {
    padding: 10px 10px 20px 10px;
}
.mar-right-10 {
    margin-right: 10px !important;
}
.country-sect .country-item img {
    margin: 0 10px 10px 0;
}
.content-label.country-title{
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 23px !important;
}
.country-sect .country-item .country-title {
    vertical-align: top;
}
.country-sect .country-content ul li {
    margin: 10px 0;
}
.html-component .panel{
    border-radius: 0 !important;
}
.html-component .panel {
    border: none;
    box-shadow: none;
}
.slf-accordion-arrow {
    margin-bottom: 10px;
}
.html-component h4, .html-component .accordion-heading{
    margin-top: 0 !important;
}
.html-component .accordion-heading {
    color: #424242;
    background: #E6E6E6;
    /* padding: 10px 20px; */
    padding: 14px 20px;
    margin-bottom: 0;
    cursor: pointer;
}
.html-component .accordion-heading{
    font-family: Sun Life New Text Regular,Helvetica Neue,Calibri,sans-serif;
    font-weight: 700;
    /* font-size: 18px; */
    font-size: 16px;
    line-height: 120%;
}
.html-component .accordion-heading {
    color: #424242;
    margin-bottom: 0;
}
.html-component .slf-accordion-arrow .accordion-heading {
    /* background-color: #f2f5f6; */
    background-color: #F4F7F6;
    color: #004C6C;
}
.slf-accordion-arrow .accordion-heading[aria-expanded="false"]:before {
    content: "\f0da";
    font-family: FontAwesome;
    padding-right: 10px;
}
.slf-accordion-arrow .accordion-heading[aria-expanded="true"]:before {
    content: "\f0d7";
    font-family: FontAwesome;
    padding-right: 10px;
}
.country-sect .slf-accordion-arrow .country-content {
    padding: 10px;
}
/* .country-sect .col-xs-12.visible-xs{
    padding: 0;
} */
.html-component .popover{ 
    pointer-events:none;
}
.html-component .popover-content {
    pointer-events:auto;
}

/* Region ends here */


/*Share History Starts Here*/
.collectioncomponent {
    display: none;
}
.slf-tab-container {
    margin-bottom: 30px;
}
.slf-tab-container .nav-tabs {
    border-bottom: 11px solid #FFCB05 !important;
}
.slf-full-tabs > li {
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    height: 75px;
    padding: 0px;
    width: 25%;
}
.tabs-2 .slf-full-tabs li {
    width: 50%;
}
.slf-full-tabs li.active {
    border-left: none;
}
.slf-full-tabs li.active a {
    background: #FFCB05 !important;
    color: #424242 !important;
    border: 1px solid #FFCB05 !important;
}
.slf-full-tabs > li:last-child {
    border-right: 1px solid #e1e1e1;
}
.slf-full-tabs > li a:hover {
    background: #4A7283 !important;
    color: #FFFFFF !important;
    border: 1px solid #4d757e !important;
}
.nav-tabs > li > a {
    line-height: 24px;
}
.slf-full-tabs > li a {
    color: #424242 !important;
    height: 100%;
    height: 100%;
    padding: 0px !important;
    width: 100%;
    display: table;
    text-align: center;
}

 .slf-tabs a, .slf-full-tabs a {
    border-radius: 0 !important;
    margin-bottom: 0;
}
.slf-full-tabs > li a span {
    display: table-cell;
    vertical-align: middle;
}
.slf-tab-container .tab-content {
    padding: 30px 15px;
    border: 2px solid #e1e1e1;
    height: 100%;
}
.chart-links {
    text-align: center;
    margin-bottom: 30px;
}
.chart-links a {
    padding: 0 10px;
    white-space: nowrap;
}
.pagelinkchart {
    
    font-size: 17px;
    text-decoration: none;
    padding: 0 10px;
}
.mar-left-30 {
    margin-left: 30px !important;
}
.mar-bottom-20 {
    margin-bottom: 20px !important;
}
h4.form-box-header {
    
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
}
.slf-table .table-striped-column > thead > tr > th {
    font-weight: 500 !important;
}
.table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
}
.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    border: 5px solid #ffffff;
}
.table-responsive::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

@media (max-width: 767px) and (min-width: 320px) {
    .slf-tab-container {
        border: none !important;
        margin: 0px -15px 0px -15px !important;
    }
    .news-listing .slf-full-tabs.nav-tabs {
        margin: 0 !important;
        border-bottom: none !important;
    }
    .news-listing .slf-full-tabs.nav-tabs > li {
        float: none;
        width: 100%;
        color: #003946;
        background: #E6E6E6 !important;
        padding: 15px 20px;
        height: auto;
    }
    .news-listing .slf-full-tabs.nav-tabs > li {
        background-color: #f2f5f6 !important;
        color: #424242 !important;
        margin-top: 5px;
        border: none;
    }
    .news-listing .slf-full-tabs.nav-tabs > li a {
        display: block;
    }
    .news-listing .slf-full-tabs.nav-tabs > li span {
        text-align: left;
    }
    .slf-tab-title:before {
        content: "\f0da";
        font-family: FontAwesome;
        padding-right: 10px;
    }
    li.active .slf-tab-title:before, .responsive .panel-heading a[aria-expanded='true'] .slf-tab-title:before {
        content: "\f0d7";
        font-family: FontAwesome;
        padding-right: 10px;
    }
    .slf-tab-title {
        color: #004C6C;
        font-family: Sun Life New Text Regular,Helvetica Neue,Calibri,sans-serif;
        font-weight: 400;
        font-size: 20px;
        margin-left: -5px;
    }
    .news-listing .slf-full-tabs.nav-tabs > li.active a {
        background: none !important;
        border: none !important;
    }
    .news-listing .slf-full-tabs.nav-tabs > li a:hover {
        background: none !important;
        border: 0 !important;
        cursor: pointer;
    }

}

/*Share History Ends Here*/


/*Share chart css starts here*/

.img-responsive-center {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.mar-bottom-30 {
    margin-bottom: 30px !important;
}
.mar-top-30 {
    margin-top: 30px !important;
}
.mar-right-5 {
    margin-right: 5px !important;
}
.html-component .form-element-border {
    width: 100% !important;
    border-radius: 0;
}
/*Share chart css ends here*/


/*News Room css starts here*/

.html-component .explore-module {
    margin-top: 0;
    border: 1px #CCD8DA solid;
    margin: 15px 0 0 0; }
    .html-component .explore-module div[class^="col-"] {
      padding: 0 15px; }
    .html-component .explore-module > div:first-child {
      border-right: 1px solid #D7D7D7; }
    .html-component .explore-module .content-label.country-title, .html-component .explore-module .content-label.explore-header, .html-component .explore-module .dotted.explore-item .content-label {
      font-weight: 400 !important;
      font-size: 18px !important;
      line-height: 23px !important; }
    .html-component .explore-module .explore-header {
      background-color: #D7D7D7;
      padding: 15px 30px;
      margin: 0 -15px; }
    .html-component .explore-module h2 {
      margin-top: 0 !important; }
    .html-component .explore-module .explore-list > li {
      display: inline-block;
      width: 100%; }
    .html-component .explore-module img {
      margin: 15px 0px 10px 5px; }
    .html-component .explore-module ul.dotted {
      margin: 12px 0 12px 12px;
      padding: 0;
      list-style: none;
      vertical-align: middle; }
    .html-component .explore-module ul.dotted li {
      padding: 10px 0;
      line-height: 24px;
      border-bottom: 2px dotted #D7D7D7; }
    .html-component .explore-module .explore-list > li ul li {
      padding: 10px 0; }
    .html-component .explore-module .explore-list > li ul {
      margin: 12px 0 12px 12px;
      padding: 0;
      list-style: none; }
    .html-component .explore-module .explore-list > li ul.list-content {
      margin: 0; }
    .html-component .explore-module ul.dotted li:last-child {
      border: none; }
    .html-component .explore-module .explore-list > li .content-label + li {
      padding: 0; }
  
  @media (min-width: 1025px) {
    .html-component .explore-module .explore-header {
      background-color: #fff; }
    .html-component .explore-module ul.explore-item {
      vertical-align: top;
      display: inline-block;
      width: 70%; }
    .html-component .explore-module ul.explore-item li {
      padding: 4px 0px !important; }
    .html-component .explore-module ul.dotted li {
      border: none; } }
  
  @media (min-width: 768px) {
    .html-component .explore-module ul.list-col-sm-3 {
      -webkit-columns: 3 200px;
      -moz-columns: 3 200px;
      columns: 3 200px;
      padding: 0 5px; } }
  
  @media (max-width: 767px) and (min-width: 320px) {
    .html-component .explore-module {
      margin-left: -10px;
      margin-right: -10px; }
      .html-component .explore-module .explore-header {
        margin-bottom: 10px; }
      .html-component .explore-module .col-sm-12 .row {
        margin-left: -15px;
        margin-right: -15px; }
      .html-component .explore-module .no-gutter > [class*='col-'] {
        padding-right: 1px;
        padding-left: 0; }
      .html-component .explore-module .slf-accordion-arrow {
        margin-bottom: 10px; }
      .html-component .explore-module .slf-accordion-arrow li {
        padding: 20px !important; }
      .html-component .explore-module .slf-accordion-arrow .accordion-heading {
        /* background-color: #f2f5f6; */
        background-color: #F4F7F6;
        color: #004C6C; }
      .html-component .explore-module ul.dotted li a {
        font-weight: normal !important; } }  
      
      /*News Room css end here*/

/*modal css starts here */

.slf-grey-bg-5 {
    /* background: whitesmoke; */
    background: #f7f7f7;
}
.html-component .modal.slf-modal .slf-global-modal .modal-content {
    border-radius: 0;
}
.html-component .modal.slf-modal .slf-global-modal .modal-content .modal-header {
    border-bottom: initial;
    padding-top: 30px;
    padding-bottom: 30px;
}
.html-component .modal.slf-modal .slf-global-modal .modal-content .modal-header .close {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 25px !important;
    color: #424242;
    opacity: 0.8;
}
.html-component #myModal h2 {
    margin-top: 0 !important;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
}
.html-component .mar-bottom-20 {
    margin-bottom: 20px !important;
}
.html-component .btn-sec-transparent{
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 9px 16px 8px 16px !important;
    min-height: 48px !important;
    min-width: 136px;
    max-width: 275px;
    margin: 0 !important;
    border: 2px;
    white-space: normal;
    font-family: Sun Life New Text Regular,Helvetica Neue,Calibri,sans-serif;
    font-weight: 700;
}
.html-component .btn-wide {
    max-width: 100% !important;
}
.html-component .btn-sec-transparent {
    background: transparent !important;
    color: #004C6C !important;
    border: 2px solid #004C6C !important;
}
.html-component .modal.slf-modal .slf-global-modal .modal-content .modal-body .btn {
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin-bottom: 30px !important;
}
.html-component .no-margin {
    margin: 0px !important;
}
.html-component .mar-right-10 {
    margin-right: 10px !important;
}
.html-component .no-gutter > [class*='col-'] {
    padding-right: 1px;
    padding-left: 0;
}
.html-component .form-module select {
    width: 100% !important;
}
.html-component input[type=submit], .html-component input.btn {
    border-radius: 4px !important;
}
.html-component .form-module .btn, .html-component .form-module input, .html-component .form-module select {
    width: 100% !important;
}

/* Helios COM Modal Modifications */
.html-component input[type=submit].sl-btn, .html-component input.btn.sl-btn {
    border-radius: 0px !important;
}
.html-component .form-module .btn.sl-btn, .html-component .form-module input.sl-btn, .html-component .form-module select {
    width: auto !important;
}

/* End of Helios COM Modal Modifications */

.html-component .modal.slf-modal .slf-global-modal .modal-content .modal-body .btn {
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin-bottom: 30px !important;
}
.html-component .btn-yellow{
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 9px 16px 8px 16px !important;
    min-height: 48px !important;
    min-width: 136px;
    max-width: 275px;
    margin: 0 !important;
    border: 2px;
    white-space: normal;
    font-family: Sun Life New Text Regular,Helvetica Neue,Calibri,sans-serif;
    font-weight: 700;
}
.html-component .btn-yellow {
    min-width: 50px !important;
}
.html-component .btn-yellow {
    background: #FFCB05 !important;
    color: #003946 !important;
    border: 2px solid #FFCB05 !important;
}
.html-component .btn-sec-transparent:hover {
    background: #4A7283 !important;
    color: #fff !important;
    border: 2px solid #4A7283 !important;
}
.html-component .btn-yellow:hover {
    background: #4A7283 !important;
    color: #fff !important;
    border: 2px solid #4A7283 !important;
}
.html-component .modal.slf-modal .slf-global-modal .modal-content .modal-body {
    background-color: #f2f5f6;
    padding-bottom: 0px;
    padding-top: 25px;
}
.html-component .modal.sl-modal .modal-content .modal-body {
    padding: 0px 3px;
}
.html-component #myModal{
    background-color: rgba(0,0,0,0.5);
}
@media (min-width: 768px){
    .html-component .modal.slf-modal .slf-global-modal .modal-content .modal-header, .html-component .modal.slf-modal .slf-global-modal .modal-content .modal-body, .html-component .modal.slf-modal .slf-global-modal .modal-content .modal-footer {
        padding-left: 58px;
        padding-right: 58px;
    }
}
@media (max-width: 767px) and (min-width: 320px){
    .html-component .modal.slf-modal .slf-global-modal .modal-content .modal-body .btn{
        width: 100%;
    }
    .html-component #regionSubmit{
        max-width: none;
        width: 100% !important;
    }
}
/*modal css ends here */

/*Datepicker css starts here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .html-component #datepicker-desktop .slf-input-group-addon{
        display: table-cell;
    }
}
#datepicker-desktop .input-group .form-element-border {
    margin-bottom: 0px;
    flex: 1;
}
#datepicker-desktop .input-group input:focus-visible, #datepicker-desktop .input-group .datepicker-button:focus-visible {
    z-index: 1;
}
/*Datepicker css ends here */

/* Share history Helios starts here */
@media (max-width: 600px){
    .slf-table.table-responsive {
        width: calc(100vw - 30px) !important;
    }
}
@media (max-width: 767px){
    .slf-table.table-responsive {
        width: calc(100vw - 64px) !important;
    }
}
/* Added for ShareCharts Icon in Mobile*/
@media (max-width: 767px) and (min-width: 320px) {
    .slf-tab-title:before {
        font-family: 'Font Awesome 5 Pro' !important;
        font-weight: 400;
        display: none;
        content: '\f054' !important;
        padding: 0px;
    }
	.slf-tab-title .svg-inline--fa {
        margin-right: 0.5rem;
    }
	li.active .slf-tab-title:before, .responsive .panel-heading a[aria-expanded='true'] .slf-tab-title:before {
		font-family: 'Font Awesome 5 Pro' !important;
		font-weight: 400;
		display: none;
		content: '\f078' !important;
		padding: 0px;
	}
}
/* Share history Helios ends here */

.slf-accordion-arrow .accordion-heading[aria-expanded="false"]:before {
	font-family: 'Font Awesome 5 Pro' !important;
	font-weight: 400;
	display: none;
	content: '\f054' !important;
	padding: 0px;
}
.slf-accordion-arrow .svg-inline--fa {
    margin-right: 0.5rem;
}

.slf-accordion-arrow .accordion-heading[aria-expanded="true"]:before {
	font-family: 'Font Awesome 5 Pro' !important;
	font-weight: 400;
	display: none;
	content: '\f054' !important;
	padding: 0px;
}