.ImpBranchMain {
    background:#F9EFF3;
    padding: 30px 0 15px 0;
}

.ImpBranchMain h2 {
    color: #333;
    font-family: 'FSMeWeb-Light';
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 48px;
}

.ImpBranchItem {
    display: flex;
    width: 100%;
    gap: 20px;
}

.ImpBranchItem .ImpBranchItemList {
    flex: 1;
    border-radius: 10px;
    background: #FFF;
    padding: 15px 15px 15px 15px;
    margin: 3px 0 5px 0;
}

.ImpBranchItemList h3 {
    color: #333;
    font-family: 'FSMeWeb-Light';
    font-size: 24px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    margin: 0;
}

.ImpBranchItemList p {
    color: #333;
    font-family: 'FSMeWeb-Light';
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    margin: 0;
}

.CloBrnMain h3 {
    color: #333;
    font-family: 'FSMeWeb-Light';
    font-size: 24px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
}

.CloBrnMain {
    margin: 15px 0 0 0;
}

.CloBrnMain p, .CloBrnMain ul li {
    color: #333;
    font-family: 'FSMeWeb-Light';
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.CloBrnMain ul {
    padding-left: 45px;
    margin: 0;
}

.mainSupport.rumbleFAQ {
    margin: 0px !important;
}

.mainSupport.rumbleFAQ .accordion-content {
    display: block;
}

.mainSupport.rumbleFAQ .accordion.open .accordion-title {
    color: revert;
}

.rumbleFAQ .accordion-title.sp {
    background: transparent !important;
}

.rumbleFAQ .accordion {
    background: #f8f8f8;
}

.mainSupport.rumbleFAQ .accordion.open {
    background: #f9eff3 !important;
}

.rumbleMainCarousel .tabs-wrapper, .rumbleMainCarousel .mainSupport {
    margin: 0;
}

.rumbleMainCarousel .arrows {
    position: static;
    display: block;
}

.caroTopMain {
    display: flex;
}

.caroTopMain > div {
    flex: 1;
}

.rumbleMainCarousel .arrows {
    text-align: right;
}

.calTitle {
    color: #333;

/* H5 - Title */
    font-family: 'FSMeWeb-Light';
    font-size: 24px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 31.2px */
}

.caroTopMain {
    margin: 25px 0 10px 0;
}

.container.rumbleMainCarousel .mainSupport .tab {
    text-transform: none;
}

.conTxtIn {
    background: #F8F8F8;
    padding: 25px 20px 40px 20px;
    border-radius: 0;
    margin: 10px 0 20px 0;
}

.QRScanMain {background: #F9EFF3;padding: 30px 0 7px 0;margin-bottom: -15px;}

.QRScanMain h3 {
    color: var(--Charcoal, #333) !important;

/* H5 - Title */
    font-family: 'FSMeWeb-Light';
    font-size: 24px !important;
    font-style: normal;
    font-weight: 300 !important;
    line-height: 130% !important; /* 31.2px */
}

.QRScanMain p, .QRScanMain ul li {
    color: var(--Charcoal, #333);
    font-family: 'FSMeWeb-Light';
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 21px */
}

.QRScanMain ul {
    padding: 0 0 0 31px;
}

.QRScanMain img {
    margin-bottom: 10px;
}

.OtherWayBnkMain {
    background: #D1EAE9;
    padding: 35px 0 36px 0;
    margin: 30px 0 0 0;
}

.OtherWayBnkItemList h3 {
    color: #333 !important;
    font-family: 'FSMeWeb-Light';
    font-size: 24px !important;
    font-style: normal;
    font-weight: 300 !important;
    line-height: 130% !important; /* 31.2px */
}

.OtherWayBnkItemList p {
    color: #333;
    font-family: 'FSMeWeb-Light';
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 21px */
}

.OtherWayBnkItemList p a {
    color: #B73764;
    font-family: 'FSMeWeb-Regular';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}


.OtherWayBnkItem {
    display: flex;
    gap: 20px;
}

.OtherWayBnkItemList {
    background: #fff;
    flex: 1;
    border-radius: 20px;
    padding: 20px 20px 10px 20px;
}

.OtherWayBnkMain .container h3, .OtherWayBnkMain .container h3 a {
    color: #333;
    font-family: 'FSMeWeb-Light';
    font-size: 24px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 31.2px */
    text-decoration: none;
}

.OtherWayBnkItemList img {
    margin-bottom: 12px;
}
/* Tabs Starts */

.LoginMains.TabsRumbleMain {
    max-width: 100% !important;
    margin: 17px 0 25px 0;
}

.TabsRumbleMain > h3 {
    color: #333;

/* H5 - Title */
    font-family: 'FSMeWeb-Light';
    font-size: 24px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 31.2px */
}

.TabsRumbleMain ul#myTab li button {
    color: #333;
    font-family: 'FSMeWeb-Light';
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 21px */
    text-transform: none;
}

.TabsRumbleMain ul#myTab {
    gap: 20px;
}

/* Tabs Ends */
.RumbleMainContainer .m-40-top, .RumbleMainContainer .m-75-bottom {
    margin: 0px !important;
    padding: 0px !important;
}

.phoEmaPosMain .container > h2 {
    color: #333;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
    font-family: 'FSMeWeb-Light';
}

.phoEmaPosMain .contctInformation {
    margin-top: 8px;
    padding: 0px;
    display: flex;
    justify-content: center;
    gap: 0px;
    margin-bottom: 100px;
}

.dividerLine {
    border: 1px solid #000;
    height: 120px;
    margin-top: 1px;
    opacity: 0.9;
    margin-right: 40px;
}

.phoEmaPosMain .pod-contact {
    background: transparent;
    flex: 1;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}

.phoEmaPosMain {
    margin-top: 18px;
}

div#accordionExample {
    margin-top: 25px;
}

.phoEmaPosMain .pod-contact h5 {
    font-family: 'FSMeWeb-Light';
    font-size: 24px !important;
    font-style: normal;
    font-weight: 300 !important;
    line-height: 130% !important; /* 31.2px */
}

.phoEmaPosMain .pod-contact p a {
    text-decoration: none;
}

.phoEmaPosMain .pod-contact p {
    margin: 0 0 0 0;
}

.ParaKRS {
    margin: 10px 0 0 0;
}

p.paraRed {
    color: #B73764;
    font-family: 'FSMeWeb-Light';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    padding-top: 25px;
}

.pod-contact.postPod .ParaKRS {
    margin: 0;
}

p.paraRedC {
    color: #B73764;
    font-family: 'FSMeWeb-Light';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    padding-top: 15px;
}

.RumbleMainContainer .accordion-body {
    padding: 0;
}

.accordion-header {
    background: #F8F8F8;
    border: none;
}

.accordion-item {
    border: none;
}

.accordion-item {
    margin-bottom: 5px;
}

.bgcolor button {
    font-family: 'FSMeWeb-Bold' !important;
}

.accordion-collapse.collapse.show, .accordion-header.bgcolor {
    background: #F9EFF3;
}

.accordion-button:not(.collapsed) {
    background: transparent;
    box-shadow: none;
}

.child-accordion .childAcc {
    margin: 0;
    margin-bottom: 5px;
    border-radius: 5px;
    padding: 12px 14px 17px 14px;
}

.child-accordion {
    padding: 0;
}

.accTextBody.container {
    padding: 0;
}

.childAcc {
    color:  #333;
    font-family: 'FSMeWeb-Light' !important;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    text-transform: none !important;
}

.accordion-collapse.collapse.show {
    padding: 0 0 6px 0;
}

.tab_content.activeShow {
    display: block !important;
    opacity: 1;
}

.accordion-button:not(.collapsed) {
    color: #333;
    font-family: 'FSMeWeb-Light';
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.chartsecRumbleList {
    gap: 80px;
    display: flex;
    margin-bottom: 50px;
}

.chartSecText {text-align: left;}

.chartsecRumbleList > div {
    flex: 1;
}

.chartSecText h3 {
    color: #50213F !important;

/* H5 - Title */
    font-family: 'FSMeWeb-Light';
    font-size: 24px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 130% !important; /* 31.2px */
    text-align: left;
}

.chartSecText p {
    color: #50213F;
    font-family: 'FSMeWeb-Light';
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal !important;
    margin: 0;
}

.chartSecText p span {
    width: 15.71px;
    height: 15.71px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin: 0 5px 0px 0;
}

.chartSecText p {
    margin: 10px 0 0 5px;
}

.chartSecText p span.red {
    background: #B73764;
}

.chartSecText p span.green {
    background: #00B1B2;
}

.chartSecText p span.blue {
    background: #1674BA;
}

.chartSecText p span.black {
    background: #333;
}

.Explr_Tbs {
    margin-top: 25px;
}

.chartSecnum h2 {
    color: #00B1B2;
    font-family: 'FSMeWeb-Light';
    font-size: 44px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 0px;
}

.chartSecnum h4 {
    color: #00B1B2;
    font-family: 'FSMeWeb-Light';
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.chartSecnum {
    text-align: left;
}

.chartSecnum p {
    color: #50213F;
    font-family: 'FSMeWeb-Light';
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.itemsRumbleNuy {
    display: flex;
    gap: 16%;
    margin: 0px 0 23px 0;
}

.itemRumList {
    flex: 1;
    text-align: left;
}

.itemRumList h2 {
    color: #B73764;
    font-family: 'FSMeWeb-Light';
    font-size: 44px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin: 0;
}

.itemRumList h3 {
    color: #B73764 !important;
    font-family: 'FSMeWeb-Light';
    font-size: 22px !important;
    font-style: normal;
    font-weight: 300;
    line-height: normal !important;
    margin: 0;
}

.itemRumList h4 {
    color: #50213F;
    font-family: 'FSMeWeb-Light';
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-align: left;
}

.Explr_Tbs p.fotListRum {
    text-align: left;
    color: #50213F;
    font-family: 'FSMeWeb-Light';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.TextTabBoxRumle h2 {
    color: #50213F;

/* H5 - Title */
    font-family: 'FSMeWeb-Light';
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; 
}

.hearPhysicalSightMain {
    display: flex;
    gap: 20px;
    width: 62%;
    margin: 30px auto 20px auto;
}

.hearPhySigList h3 {color: #50213F !important;font-size: 15px !important;font-family: 'FSMeWeb-Regular';line-height: normal !important;margin-top: 10px;margin-bottom: 0px;}

.hearPhySigList {
    flex: 1;
}

.hearPhySigList h4 {
    color: #50213F !important;
    font-size: 11px !important;
    font-family: 'FSMeWeb-Light';
    line-height: normal !important;
    margin-top: 0;
}

.hearPhysicalSightMain p {
    text-align: left;
}

.TextTabBoxRumle p {
    text-align: left;
}

.textTobBottRumble {
    text-align: left;
}

.textTobBottRumble ul li {
    color: #50213F;

/* Body or P */
    font-family: 'FSMeWeb-Light';
    font-size: 15px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 21px */
}

.textTobBottRumble p {
    color: #50213F;
}

.pie-chart {
      width: 220px;
      height: 220px;
      border-radius: 50%;
      margin-bottom: 20px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: transform 0.5s ease; /* smooth transition for rotation */
    }

    .inner-circle {
      width: 150px;
      height: 150px;
      background: white;
      border-radius: 50%;
      position: absolute;
    }

    .controls {
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
      justify-content: center;
    }

    .controls label {
      font-size: 14px;
    }

    input[type="number"] {
      width: 60px;
      padding: 4px;
    }

    .warning {
      color: red;
      margin-top: 10px;
      font-size: 13px;
    }

    .rotate-control {
      margin-top: 10px;
      text-align: center;
    }

    .rotate-control label {
      font-size: 14px;
    }

    .pie-value {
      position: absolute;
      font-size: 12px;
      font-weight: bold;
      text-align: center;
      rotate: 140deg;
       transform: translateX(-50%);
    }

    /* Adding color to values */
    .purple-value {
      color: #B73764;
    }

    .blue-value {
      color: #1674BA;
    }

    .black-value {
      color: #333;
    }

    .green-value {
      color: #00B1B2;
    }
    
    div#value-purple {
    margin: -60px 0px 0 5px;
}
    
    /*.pie-value {
      position: absolute;
      font-size: 14px;
      font-weight: bold;
      text-align: center;
      rotate: 147deg;
    }*/
    
    div#value-blue {
    margin: 4px 0 0 -17px;
}

div#value-black {
    margin: 20px 0px 0px -36px;
}

div#value-green {
    margin: -37px 0 0 -179px;
}

.accordion-button:focus,
.accordion-button:active {
  outline: none;
  box-shadow: none;
}

ul.unorderlist li {
    color: #333;
    font-family: 'FSMeWeb-Light';
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    margin-bottom: 10px;
}

ul.unorderlist li strong {
    font-family: 'FSMeWeb-Bold';
}

.pod-contact img {
    width: 24px !important;
    height: 24px !important;
}

.accordion-body p a {
    color: #B73764 !important;
    text-decoration: none;
}

.QRScanMain ul li {
    text-align: left !important;
}

.phoEmaPosMain .pod-contact h5 {
    font-size: 20px !important;
}


@media (min-width: 576px) {
.mortDetialSec .accordion-button:not(.collapsed), .accordion-button, .RumbleMainContainer .accordion-collapse .accordion-body{
    max-width: 540px;
    background: transparent;
    margin: 0 auto;
}
}
@media (min-width: 768px) {
.mortDetialSec .accordion-button:not(.collapsed), .accordion-button, .RumbleMainContainer .accordion-collapse .accordion-body {
    max-width: 720px;
    background: transparent;
    margin: 0 auto;
}
}
@media (min-width: 992px) {
.mortDetialSec .accordion-button:not(.collapsed), .accordion-button, .RumbleMainContainer .accordion-collapse .accordion-body {
    max-width: 960px;
}
}
@media (min-width: 1200px) {
.mortDetialSec .accordion-button:not(.collapsed), .accordion-button, .RumbleMainContainer .accordion-collapse .accordion-body {
    max-width: 1140px;
    background: transparent;
    margin: 0 auto;
    padding-left: 13px;
    padding-right: 13px;
}
}

@media (min-width: 1400px) {
.mortDetialSec .accordion-button:not(.collapsed), .accordion-button, .RumbleMainContainer .accordion-collapse .accordion-body {
    max-width: 1320px;
    background: transparent;
    margin: 0 auto;
}
}


@media only screen and (max-width: 767px) {
.OtherWayBnkMain .container h3 a {
    display: block;
}    
    
    .ImpBranchItem, .OtherWayBnkItem, .chartsecRumbleList, .itemsRumbleNuy  {
    display: block;
}

.ImpBranchMain h2 {
    font-size: 32px;
    margin: 12px 0 8px 0;
}

.RumbleMainContainer .container {
    padding: 0 40px 0 40px;
}

.ImpBranchItemList h3, .ImpBranchItemList p {
    text-align: left !important;
    padding: 0;
}

.ImpBranchItemList h3 {
    margin: 5px 0 5px 0;
}

.ImpBranchItemList p {
    margin: 0 0 5px 0;
}

.ImpBranchItemList {
    margin-bottom: 20px !important;
}

.CloBrnMain h3, .CloBrnMain p {
    padding: 0;
    text-align: left !important;
}

.OtherWayBnkMain .container h3 {
    padding: 0px;
     font-size: 23px !important;
}

.OtherWayBnkMain {
    padding: 15px 0 5px 0;
}

.OtherWayBnkItemList {
    margin-bottom: 12px;
}

.TabsRumbleMain > h3 {
    padding: 0;
}

.LoginMains .tab_drawer_heading {
    color: #333 !important;

/* Body or P */
    font-family: 'FSMeWeb-Light' !important;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 300 !important;
    line-height: 140% !important; /* 21px */
    text-transform: none !important;
}

div#myTabContent {
    margin: 0;
}

.chartSecText h3 {
    padding: 0;
}

.Explr_Tbs {
    margin-top: 0px;
}

.LoginMains .tab-pane {
    padding: 10px 30px;
    margin-bottom: 10px;
}

.chartsecRumbleList {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 0px;
}

.chartSecText {
}

.LoginMains .tab-pane p {
    text-align: left !important;
}

.pie-chart {
    width: 170px;
    height: 170px;
}

.inner-circle {
    width: 110px;
    height: 110px;
}

.LoginMains .tab-pane p {
    padding: 0 !important;
}

.itemRumList h3 {
    padding: 0;
}

.itemRumList {
    margin-bottom: 20px;
}

.hearPhysicalSightMain {
    display: block;
}

.hearPhySigList {
    margin-bottom: 20px;
}

.chartSecChart img {
    width: 100%;
}

.chartsecRumbleList {
    display: block;
}

.chartSecChart {
    margin: 40px 0 25px 20px;
}

.QRScanMain h3 {
    padding: 0;
}

.RumbleMainContainer .accordion-body p {
    padding: 0 40px;
    text-align: left !important;
}

.RumbleMainContainer .accordion-body .umb-block-list {
    padding: 0;
}

.accordion-header {
    padding: 0 20px;
}

.phoEmaPosMain .container > h2 {
    font-size: 24px !important;
}

.phoEmaPosMain .contctInformation {
    flex-wrap: wrap;
    justify-content: left;
    margin-bottom: 30px;
}

.phoEmaPosMain .pod-contact {
    width: 100% !important;
    flex: none;
}

.phoEmaPosMain .pod-contact h5, .phoEmaPosMain .pod-contact p {
    text-align: left !important;
    padding: 0 !important;
}

.ParaKRS > p {
    margin-bottom: 14px !important;
    margin-top: 11px !important;
}

.dividerLine {
    height: 1px;
    width: 100px;
    text-align: left;
    margin: 0 0 20px 0;
}

.accTextBody.container {
    padding: 0 8px;
}

.ChildAns p {
    padding: 0 !important;
}

div#value-green {
    margin: -45px 0 0 -141px;
}

div#value-purple {
    margin: -64px 0px 0 -37px;
}

div#value-blue {
    margin: -16px 0 0 -43px;
}

div#value-black {
    margin: -5px 0px 0px -57px;
}

.TabsRumbleMain .vd_active {
    background: #F8F8F8 url("/media/y1lntc1q/expandlessrumble.svg");
    background-repeat: no-repeat;
    background-position: 93% 19px;
    padding: 18px 10px 10px 10px;
    margin-bottom: 10px;
}

.TabsRumbleMain .vd_active.d_active {
    background: #F9EFF3 url("/media/fecgluop/expandmorerumble.svg");
    background-repeat: no-repeat;
    background-position: 93% 19px;
    padding: 18px 10px 10px 10px;
}

.accordion-button::after {
    background-size: 13px;
}

.tab_content.activeShow {
    margin-top: -20px;
}

.bannerMain h1 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 40px;
}

button:focus:not(:focus-visible) {
    color: #333 !important;
}

.d_actived {
    background: #F9EFF3 url(/media/fecgluop/expandmorerumble.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 93% 19px !important;
    padding: 18px 10px 10px 10px !important;
    margin-bottom: -10px !important;
}


#accordionExample .accordion-header {
    background: #F8F8F8;
}

#accordionExample .accordion-header .accordion-button {
    background: transparent;
}

.accordion-collapse.collapse.show, .accordion-header.bgcolor {
    background: #F9EFF3 !important;
}

}



@media (min-width: 768px) and (max-width: 1024px) {
.TabsRumbleMain ul#myTab {
    gap: 10px;
}    
    
.ImpBranchMain h2 {
    font-size: 32px;
}

.ImpBranchItemList p {
    padding: 0 !important;
    text-align: left !important;
    margin-bottom: 3px !important;
}

.ImpBranchMain p {
    text-align: left !important;
}

.CloBrnMain p, .CloBrnMain ul li {
    text-align: left !important;
}

.OtherWayBnkMain {
    padding: 10px 0 25px 0;
}

.chartsecRumbleList {
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 0;
    align-items: center;
}

.chartSecText h3 {
    display: none;
}

.chartSecText {
    float: left;
    text-align: left;
    width: 50%;
}

.chartSecText p {
    text-align: left !important;
    margin-bottom: 8px !important;
}

.LoginMains .tab-pane {
    padding: 32px 27px 25px;
}

.chartSecChart {
    width: 50%;
    float: left;
}

.chartSecnum {
    clear: both;
}

.LoginMains .tab-pane p {
    text-align: left !important;
    margin-bottom: 5px !important;
    padding: 0px !important;
}

.chartSecText {
    margin: 0 0 0 0;
}

.chartSecnum {
    margin: 37px 0 0 0 !important;
    clear: both;
    overflow: hidden;
    display: block;
}

.chartSecChart {
    margin-bottom: 25px;
}

.hearPhysicalSightMain {
    width: 100%;
}

.chartSecText {
    width: 50%;
}

.chartsecRumbleList > div {
    flex: none;
}

.chartSecnum {
    width: 100%;
}

.phoEmaPosMain .container > h2 {
    font-size: 24px !important;
}

.phoEmaPosMain .pod-contact h5 {
    font-size: 20px !important;
    text-align: left !important;
}

.phoEmaPosMain .pod-contact p {
    padding: 0px !important;
    text-align: left !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
}

.ParaKRS .paraRed {
    display: none;
}

}

.chartSecChart img {width: 100%;}