@font-face {
    font-family: lato-black;
    font-style: normal;
    font-weight: 400;
    src: url(/-/media/Microsites/Zakat_Wakalah/fonts/Lato/Lato-Black-woff.woff) format("woff"), url(/-/media/Microsites/Zakat_Wakalah/fonts/Lato/Lato-Black-ttf.ttf) format("truetype")
}

@font-face {
    font-family: lato-light;
    font-style: normal;
    font-weight: 300;
    src: url(/-/media/Microsites/Zakat_Wakalah/fonts/Lato/Lato-Light-woff.woff) format("woff"), url(/-/media/Microsites/Zakat_Wakalah/fonts/Lato/Lato-Light-ttf.ttf) format("truetype")
}

@font-face {
    font-family: lato;
    font-style: normal;
    font-weight: 400;
    src: url(/-/media/Microsites/Zakat_Wakalah/fonts/Lato/Lato-Regular-woff.woff) format("woff"), url(/-/media/Microsites/Zakat_Wakalah/fonts/Lato/Lato-Regular-ttf.ttf) format("truetype")
}

@font-face {
    font-family: lato-bold;
    font-style: normal;
    font-weight: 700;
    src: url(/-/media/Microsites/Zakat_Wakalah/fonts/Lato/Lato-Bold-woff.woff) format("woff"), url(/-/media/Microsites/Zakat_Wakalah/fonts/Lato/Lato-Bold-ttf.ttf) format("truetype")
}

body {
    font-family: lato, arial, Helvetica, sans-serif
}

/* HEADER */
* {
    box-sizing: border-box;
}
.rhb_logo {
    width: 25rem!important;
    position: absolute;
    top: 50px;
}
.rhb_logo_mobile {
    width: 30vw!important;
    position: absolute;
    top: 20px;
}
.dc-intro {
    padding: 60px 0;
    text-align: center;
}
.text-blue {
    color: #0067B1;
}
/* END HEADER */


.bg-lightblue{
    background: #E6F6FC;
}

.bg-grey{
    background: #F5F5F5;
}


.txtcolor-primary{
    color: #0067B1;
}

.txt-light{
    font-weight: lighter;
}

h2.zkt-ttl,
h3{
    font-size: 35px;
}

@media (max-width: 768px){
    h2.zkt-ttl,
    h3{
        font-size: 25px;
    }
}

.pb-50{
    padding-bottom: 50px;
}

.dc-intro .intro__heading {
    font-size: 32px;
    line-height: 1.3;
    max-width: 950px;
    font-weight: 400;
}

.dc-intro .intro__subheading {
    /* font-weight: 400; */

    font-family: 'lato';
    margin: 15px auto 0;
    max-width: 950px;
    font-size: 24px;
    line-height: 1.3;
    color: #404040;
}

@media (max-width:991px){
    .dc-intro .intro__heading{
        font-size: 28px;
        max-width: 700px;
    } 

    .dc-intro .intro__subheading {
        font-size: 20px;
        max-width: 700px;
    }
}


.txt-center{
    text-align: center;
}


.card-benefit-box p.card-desc{
    line-height: 1.5;
    color: #404040;
    font-size: 20px;
}

.contentblock img.icon-cards-main{
    margin-left: auto; 
    margin-right: auto; 
    width: 100px;
}

.contentblock.mh{
    min-height: 350px;
}

@media (max-width: 1200px){
    .contentblock.mh{
        min-height: 375px;
    }
}
@media  (max-width:991px){
    .card-benefit-box p.card-desc{
        font-size: 16px;
    }
    .contentblock.mh{
        min-height: 315px;
    }

    .contentblock img.icon-cards-main{
        width: 80px;
    }
}

@media (max-width: 768px){
    .contentblock.mh{
        min-height: 0px;
    }
}

h4.card-ttl{
    font-family: 'lato-bold';
    margin-bottom: 10px;
}

p.card-cont{
    font-family: 'lato';
    color: #404040;
    font-size: 16px !important;
    line-height: 1.5 !important;
}


@media (max-width:991px){
    p.card-cont{
        font-size: 15px !important;
    }
}

.contentblock ul.ul-card{
    list-style-position: inside;
    padding-left: 13px;
    padding-top: 10px;
}
.contentblock ul li{
    font-family: 'lato';
    color: #404040;
    font-size: 16px;
    /* line-height: 2; */
    padding-bottom: 10px;
}

@media (max-width:991px){
    .contentblock ul li{
        font-size: 15px;
    }
}

.contentblock ul li::before {
    content: "\2022";
    color: #404040;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
  }



.contentblock.white--bgcards {
    background-color: #fff;
}

.contentblock {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 36px 24px;
    /* background-color: #ffffff; */
    background-color: #e6f6fc;
    height: 100%;
    /* box-shadow: 0 0px 8px rgb(0 0 0 / 15%); */
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 265px;
}

.contentblock.sec-2{
    min-height: 390px;
}

@media (max-width: 1200px){
    .contentblock {
        min-height: 292px;
    }

    .contentblock.sec-2{
        min-height: 420px;
    }
}

@media (max-width: 991px){
    .contentblock {
        min-height: 280px;
    }

    .contentblock.sec-2{
        min-height: 300px;
    }

    .contentblock.sec-m{
        min-height: 376px;
    }
}

@media (max-width:768px){
    .contentblock,
    .contentblock.sec-2,
    .contentblock.sec-m{
        min-height: 0px;
    }

}

.lh-normalize {
    line-height: 1.5 !important;
}

.contentblock-icons {
    margin-top: calc(10px * var(--pad-multiplier, 0.7));
    width: auto;
    /* height: calc(70px * var(--pad-multiplier, 0.7)); */
    height: 55px;
    margin-right: auto;
}
.card-benefit-box {
    /* min-height: 150px; */
    padding: 24px 0;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.contentblock h4 {
    padding-bottom: 0;
}

.generaltxt h4 {
    line-height: 1.2;
    font-size: 21px;
}

@media (max-width:991px){
    .generaltxt h4 {
        line-height: 1.2;
        font-size: 18px;
    }
}

.txt-bold {
    font-family: "LatoBold";
}
.extralarger_pad {
    padding-top: calc(90px * var(--pad-multiplier, 0.7));
    padding-bottom: calc(90px * var(--pad-multiplier, 0.7));
}

.tableresponsive {
    margin-bottom: calc(10px * var(--pad-multiplier, 0.75));
    overflow-x: auto;
}
.table-cus-01 {
    color: #404040 !important;
}
.table-cus-01 .cus-header {
    background-color: #0067b1;
    /* background-color: #5BC2E7; */
    color: #ffffff;
    font-family: 'lato';
}
.table-cus-01 tr {
    border-collapse: collapse;
    border-spacing: 0;
    font-family: 'lato';
}

.table-cus-01 tr td:first-child {
    background-color: #5BC2E7;
    color: #fff;
}


.table-cus-01 tr td :first-child {
    background-color: #5BC2E7;
    color: #fff;
}

.table-bordered.table-cus-01 > thead > tr > th, .table-bordered.table-cus-01 > thead > tr > td, .table-bordered.table-cus-01 > tbody > tr > th, .table-bordered.table-cus-01 > tbody > tr > td, .table-bordered.table-cus-01 > tfoot > tr > th, .table-bordered.table-cus-01 > tfoot > tr > td {
    border: 1px solid #ffffff;
    padding: 25px 24px;
    vertical-align: middle;
    text-align: center;
}
.table-bordered.table-cus-01 > thead > tr > th {
    border-bottom-width: 1px;
}

.table-cus-01 .cus-body > tr {
    /* background-color: #F5F5F5; */
    background-color: rgba(129, 138, 145, 0.2);
}

.table-cus-01 .cus-body > tr:nth-child(even) {
    background-color: rgb(127, 138, 145, 0.1)
}

.table-cus-01 .cus-body tr td:nth-child(3){
    color: #0067B1;
    font-size: 24px;
}
.table-cus-01 tr {
    border-collapse: collapse;
    border-spacing: 0;
}

.information-tables {
    color: #000000;
    font-family: LatoBold;
    text-align: center;
    border-radius: 10px;
    /* -webkit-border-radius: calc(0.625rem * var(--text-multiplier, 0.85)); */
    -moz-border-radius: calc(0.625rem * var(--text-multiplier, 0.85));
    overflow: hidden;
    margin: calc(25px * var(--pad-multiplier, 0.75)) 0 calc(15px * var(--pad-multiplier, 0.75));
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    /* width: 768px; */
}

@media (max-width:991px){
    .information-tables{
        font-size: 14px;
    }
}

@media (min-width:992px){
    .table-pad{
        padding-right: 0px;
    }
}

p.small{
    font-size: 16px !important;
}

@media (max-width:991px){

    p.small{
        font-size: 12px !important;
    }
}

/* FORM */
.form {
    text-align: center;
    /* background: #edfaff; */
    padding: 60px 0;
    max-width: 1440px;
    margin: 0 auto;
    /* box-shadow: 0 0 20px rgb(0 0 0 / 10%); */
}

.form__inner {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
}

.form--heading {
    color: #0067b1;
    font-family: 'lato-light';
    font-size: 35px;
    line-height: 1.3;
}
.form--subheading {
    font-size: 18px;
    color: #404040;
    font-weight: 400;
    padding-top: 5px;
}

@media (max-width:991px){
    .form--heading {
        font-size: 31px;
    }
    .form--subheading {
        font-size: 15px;
    }

}
.form--form {
    text-align: left;
    padding-top: 30px;
}
.form--control {
    padding-top: 30px;
}
.form--label {
    color: #404040;
    padding: 0 0 5px 10px;
    font-weight: bold;
}
.form--input-wrapper {
    height: 54px;
    line-height: 54px;
    background: #fff;
    /* border: 1px solid #969696; */
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.form--input-wrapper input {
    margin-right: 10px;
}

.form--input {
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
}
.form--input, .form--select, .form--textarea {
    display: block;
    width: 100%;
    border: 0;
}
a, input {
    transition: all .3s ease;
}
input, textarea, select, button {
    box-sizing: border-box;
}
.form--error {
    color: #c0392b;
    font-size: 70%;
    text-transform: uppercase;
    padding-top: 10px;
    font-weight: 400;
}

.form_checkboxes {
    line-height: 50px;
}
.checkboxes_container {
    display: flex;
    justify-content: space-between;
}
.form--label {
    color: #404040;
    /* padding: 0 0 5px 10px; */
    padding-left: 0px;
}
.checkboxes {
    display: flex;
    font-size: 18px;
    font-weight: unset;
    align-items: baseline;
}
.checkboxes input {
    margin-right: 6px;
    width: 20px;
    height: 20px;
}

.form--input-wrapper select {
    background: #fff;
}

input::-webkit-input-placeholder {
  color: #A0A0A0;
  /* font-weight: bold; */
  font-family: 'lato';
}

.custom-select {
    background: #fff url(https://www.rhbgroup.com/jo/images/down.png) right 1rem center/10px 10px no-repeat!important;
    padding-left: 15px;
    font-size: 16px;
}
select {
    appearance: none;
}

.form--tnc-container {
    margin: 0;
}
.form--tnc-input {
    vertical-align: top;
    float: left;
    width: 20px;
    line-height: 1.4;
}
.form--tnc-label {
    padding-left: 10px;
    float: right;
    width: calc(100% - 20px);
}
.form--tnc-label-text {
    color: #193863;
    font-size: 14px;
    font-weight: 400;
}
.form--submit {
    text-align: center;
}
.form--submit-btn {
    font-weight: 700;
    display: inline-block;
    padding: 0 36px;
    background: #0067B1;
    color: #fff;
    margin:0px auto 0;
    border: none;
    font-size: 18px;
    height: 60px;
    border-radius: 10px;
}

.form-apply-email{
    padding-top: 45px;
}

@media (max-width:767px){

    .form-apply-email{
        padding-top: 0px;
    }

    .form--submit-btn {
        padding: 0 55px;
        font-size: 14px;
        height: 55px;
    }
}

.form-apply-email a{
    text-decoration: underline;
}

.form-apply-email p{
    font-weight: bold;
    font-size: 14px;
}

.submission-section {
    display: flex;
    /* flex-direction: column; */
    justify-content: space-between;
    /* width: 20rem; */
    /* border: .1rem red solid; */
  }

  @media (max-width:567px){
    .submission-section{
        flex-direction: column;
    }

    .g-recaptcha{
        padding-bottom: 30px;
    }
  }

/* ACCORDION SECTION */
section.tabcontent.active {
    display: block;
}

.larger_pad {
    padding-top: calc(70px * var(--pad-multiplier, 0.7));
    padding-bottom: calc(70px * var(--pad-multiplier, 0.7));
}
.divider-blue {
    background-color: rgba(91, 194, 231, 0.1);
}
.generaltxt .titleh3 {
    line-height: 1.2;
    font-size: calc(45px * var(--text-multiplier, 0.58));
}
.txt-light {
    font-family: "lato-light";
}
.generaltxt .titleh3 + p {
    margin-top: 10px;
}
.generaltxt p {
    line-height: 1.3;
    padding: 0;
    font-size: calc(20px * var(--text-multiplier, 0.75));
}
[class*="col-"] {
    margin-bottom: 20px;
}

.nav-pills-section .nav-pills > li > a{
    /* color: #fff; */
    background-color: #fff !important;
    border-radius: 10px;
    font-family: 'lato';
    font-size: 18px;
}


.nav-pills-section .nav-pills > li:hover > a{
    color: #fff;
    background-color: #5BC2E7 !important;
    border-radius: 10px;
}

@media (max-width:991px){
    .nav-pills-section .nav-pills > li > a{
        font-size: 16px;
    }
}


.nav-pills-section .nav-pills > li.active > a, 
.nav-pills-section .nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #5BC2E7 !important;
    border-radius: 10px;
}
.nav-pills-section .nav-pills li [class*="col-"] {
    margin-bottom: 13px;
}

.nav-pills-section .nav.nav-pills .pills-icon{
    width: 29px;
    padding: 10px 0;
    margin-right: 10px;
}
/* 
.nav-pills-section .nav.nav-pills .pills-icon:hover{
    filter: brightness(0) invert(1);
} */

.nav-pills-section .nav.nav-pills li:hover .pills-icon,
.nav-pills-section .nav.nav-pills li.active .pills-icon{
    filter: brightness(0) invert(1);
}


.row-flex {
    display: flex;
    flex-wrap: wrap;
}
.nav-pills-section .content-card {
    border-radius: 10px !important;
    -webkit-border-radius: calc(0.625rem * var(--text-multiplier, 0.85));
    -moz-border-radius: calc(0.625rem * var(--text-multiplier, 0.85));
    padding:40px;
    background-color: #ffffff;
    height: 390px;
    text-align: left;
}

@media (max-width:767px){
    .nav-pills-section .content-card {
        padding:30px 25px 0;
        max-height: 375px;
    }
}
.generaltxt .titleh5 {
    font-size: 20px;
}

.nav-pills-section .content-card .content-card-icon{
    height: 55px;
    padding-bottom: 10px;
}

.nav-pills-section .content-card .content-ttl{
    font-size: 21px;
    padding-bottom: 20px;
}

.nav-pills-section .content-card .ul-ttl{
    font-weight: bold;
    font-size: 16px;
}

.content-card ul.ul-pills{
    list-style-position: inside;
    padding-left: 13px;
    line-height: 30px;
    padding-top: 10px;
}
.content-card ul.ul-pills li{
    font-family: 'lato';
    color: #404040;
    font-size: 16px;
    line-height: 2;
}

@media (max-width:991px){
    .nav-pills-section .content-card .content-ttl{
        font-size: 18px;
    }

    .nav-pills-section .content-card .ul-ttl{
        font-size: 15px;
    }

    .content-card ul.ul-pills li{
        font-size: 15px;
       
    }

}

.content-card ul.ul-pills li::before {
    content: "\2022";
    color: #404040;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
  }

p.section-subttl{
    font-size: 24px;
    font-family: 'lato-light';
    color: #404040;
    padding: 10px;
    font-weight: 400;
}


@media (max-width:991px){
    p.section-subttl{
        font-size: 20px;
    }
}

.faq-section p a {
    color: #404040;
    text-decoration: underline;
    font-size: 16px;
    font-weight: bold;
}

.faq-section {
    padding: 50px 0;
}

.faq-section .panel-group {
    margin-bottom: 0px;
}

.panel-group.cus01 .panel {
    border: none;
    box-shadow: none;
    background-color: transparent;
    border-radius: 10px;
}

.cus01 .panel-default>.panel-heading {
    color: #0067B1;
    font-family: 'lato';
    font-size: 22px;
    padding: 20px 70px 20px 0px;
    background-color: transparent;
    cursor: pointer;
    position: relative;
    line-height: 1.3;
}

.panel-heading.collapsed {
    border-bottom: 1px solid #ddd;
}

.cus01 .panel-default>.panel-heading.collapsed::after {
    background-image: url(/-/media/Microsites/Zakat_Wakalah/images/icon/plus.svg);
}

.cus01 .panel-default>.panel-heading::after {
    content: '';
    display: block;
    background-image: url(/-/media/Microsites/Zakat_Wakalah/images/icon/minus.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 100%;
    position: absolute;
    /* right: 25px; */
    right: 5px;
    top: 0;
}

.cus01 .panel-default>.panel-heading h3 {
    font-size: 24px;
    line-height: 1.3;
}

.pl-0 {
    padding-left: 0!important;
}

.container .footer__tnc {
    color: #0667b0;
    padding: 45.28px 0 22.64px;
    font-size: 15px;
    line-height: 1.3
}

@media screen and (max-width:991px) {
    .container .footer__tnc {
        font-size: 15px;
        line-height: 1.3
    }
}

@media screen and (max-width:767px) {
    .container .footer__tnc {
        font-size: 14px;
        line-height: 1.3
    }
}

@media screen and (max-width:479px) {
    .container .footer__tnc {
        font-size: 12px;
        line-height: 1.3
    }
}

@media(max-width:767px) {
    .container .footer__tnc {
        padding: 22.64px 0
    }
}

@media(max-width:620px) {
    .container .footer__tnc {
        padding: 22.64px 0 11px
    }
}

.footer .container .footer-top-tnc{
    font-size: 15px;
    margin-bottom: -40px;
}

.footer .container .footer-top-tnc a:hover{
    cursor: pointer;
    color: #025fab !important;
}

@media (max-width:620px){
    .footer .container .footer-top-tnc{
        font-size: 12px;
        margin-bottom: 0px;
    }
}

.container .footer__tnc.footer__tnc-premier a {
    color: #002f65
}

.container .footer__tnc a {
    color: #0667b0;
    padding: 0 10px;
    border-left: 1px solid #0667b0;
    font-size: 15px;
    line-height: 1.3
}

@media screen and (max-width:991px) {
    .container .footer__tnc a {
        font-size: 15px;
        line-height: 1.3
    }
}

@media screen and (max-width:767px) {
    .container .footer__tnc a {
        font-size: 14px;
        line-height: 1.3
    }
}

@media screen and (max-width:479px) {
    .container .footer__tnc a {
        font-size: 12px;
        line-height: 1.3
    }
}

.container .footer__tnc a:first-child {
    padding: 0 10px 0 0;
    border-left: none;
    border-right: none
}

.container .footer__box {
    background: #5bc2e7;
    color: #fff;
    font-weight: 700;
    padding: 45.28px 68.38px
}

.container .footer__box.footer__box-premier {
    background: #002f65
}

.container .footer__box.footer__box-premier .footer__box-heading {
    font-size: 40px;
    line-height: 1.3
}

@media screen and (max-width:991px) {
    .container .footer__box.footer__box-premier .footer__box-heading {
        font-size: 36px;
        line-height: 1.3
    }
}

@media screen and (max-width:767px) {
    .container .footer__box.footer__box-premier .footer__box-heading {
        font-size: 32px;
        line-height: 1.3
    }
}

@media screen and (max-width:600px) {
    .container .footer__box.footer__box-premier .footer__box-heading {
        font-size: 20px;
        line-height: 1.3
    }
}

@media screen and (max-width:479px) {
    .container .footer__box.footer__box-premier .footer__box-heading {
        font-size: 16px;
        line-height: 1.3
    }
}

.container .footer__box.footer__box-premier .footer__box-subheading {
    font-size: 30px;
    line-height: 1.3
}

@media screen and (max-width:991px) {
    .container .footer__box.footer__box-premier .footer__box-subheading {
        font-size: 26px;
        line-height: 1.3
    }
}

@media screen and (max-width:767px) {
    .container .footer__box.footer__box-premier .footer__box-subheading {
        font-size: 24px;
        line-height: 1.3
    }
}

@media screen and (max-width:600px) {
    .container .footer__box.footer__box-premier .footer__box-subheading {
        font-size: 18px;
        line-height: 1.3
    }
}

@media screen and (max-width:479px) {
    .container .footer__box.footer__box-premier .footer__box-subheading {
        font-size: 12px;
        line-height: 1.3
    }
}

@media(max-width:767px) {
    .container .footer__box {
        padding: 22.64px 68.38px
    }
}

@media(max-width:620px) {
    .container .footer__box {
        padding: 20.58px 30.38px
    }
}

.container .footer__box .footer__box-heading {
    font-size: 40px;
    line-height: 1.3
}

@media screen and (max-width:991px) {
    .container .footer__box .footer__box-heading {
        font-size: 34px;
        line-height: 1.3
    }
}

@media screen and (max-width:767px) {
    .container .footer__box .footer__box-heading {
        font-size: 32px;
        line-height: 1.3
    }
}

@media screen and (max-width:600px) {
    .container .footer__box .footer__box-heading {
        font-size: 26px;
        line-height: 1.3
    }
}

@media screen and (max-width:479px) {
    .container .footer__box .footer__box-heading {
        font-size: 18px;
        line-height: 1.3
    }
}

.container .footer__box .footer__box-subheading {
    font-size: 30px;
    line-height: 1.3
}

@media screen and (max-width:991px) {
    .container .footer__box .footer__box-subheading {
        font-size: 26px;
        line-height: 1.3
    }
}

@media screen and (max-width:767px) {
    .container .footer__box .footer__box-subheading {
        font-size: 24px;
        line-height: 1.3
    }
}

@media screen and (max-width:600px) {
    .container .footer__box .footer__box-subheading {
        font-size: 22px;
        line-height: 1.3
    }
}

@media screen and (max-width:479px) {
    .container .footer__box .footer__box-subheading {
        font-size: 13px;
        line-height: 1.3
    }
}

.container .footer__box .footer__box-subheading a {
    color: #fff
}

.container .footer__box .footer__box-subheading .text--light {
    font-weight: 300
}

.container .footer__box .footer__box-subheading .footer--number {
    color: #fff;
    text-decoration: none
}

.footer__mid-right-text{
    max-width: 970px;
}

@media (max-width:1200px){
    .footer__mid-right-text{
        max-width: 740px;
    }
}

@media (max-width:991px){
    .footer__mid .footer__mid-right{
        margin: 0 20.379999999999995px -20px;
    }
}

@media (max-width:767px){
    .footer__mid .footer__mid-right{
        margin: 0 -49.620000000000005px -20px;
    }
}

@media (max-width: 620px){
    .footer__mid .footer__mid-right{
        margin: 0 -5.620000000000001px -20px;
    }
    
}

/* Pills Nav- Accordion mobile */

.desktop-pills{
    display: block;
}

.mobile-accordion{
    display: none;
}

@media (max-width: 991px){
    .mobile-accordion .panel-group.cus01 .panel {
        border: none;
        box-shadow: none;
        background-color: #fff;
        border-radius: 10px;
    }
    .mobile-accordion .cus01 .panel-default>.panel-heading {
        padding: 20px 60px;
        font-size: 16px;
    }
    .mobile-accordion .cus01 .panel-default>.panel-heading>.icon-wwa {
        content: '';
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 40px;
        height: 100%;
        position: absolute;
        left: 15px;
        top: 0;
    }
    
    .mobile-accordion .cus01 .panel-default>.panel-heading>.icon-wwa {
        width: 30px;
        left: 15px;
    }
    
    .mobile-accordion .cus01 .panel-default>.panel-heading h3 {
        font-size: 16px;
    }
    
    .mobile-accordion .cus01 .panel-default>.panel-heading::after {
        width: 16px;
        right: 20px;
    }
    
    .mobile-accordion .panel-heading.collapsed {
        border-bottom: none;
    }
    
    .mobile-accordion .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
        border-top: none;
    }
    .desktop-pills{
        display: none;
    }

    .mobile-accordion{
        display: block;
    }

    .mobile-accordion .ul-ttl{
        font-weight: bold;
    }

    .cus01 .panel-default>.panel-heading h3{

        font-size: 20px;
    }


    .faq-section p a{
        font-size: 15px;
    }
}