body {
    font-family: "Albert Sans", sans-serif;
    color: #000000;
}

a:hover,
a {
    text-decoration: none;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.form-control:focus,
.form-select:focus {
    box-shadow: unset;
}

.dash_header {
    background: #fff;
    height: 80px;
    /* border-bottom: 1px solid #edf2f9; */
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1030;
    display: flex;
}

.side_nav {
    width: 252px;
    background-color: #fff;
    z-index: 1000;
    top: 80px;
    bottom: 0px;
    padding-top: 10px;
    position: fixed;
    overflow: hidden;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    border-right: 1px solid #E0E3EB;
}

.page_container {
    min-height: 100vh;
    padding-left: 252px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
}


.main_content {
    padding: calc(90px + 30px) 30px 30px;
    min-height: 100vh;
    background: #fff;
}


.dash_logo .logo_fold {
    display: none;
}

.dash_logo img {
    max-height: 45px;
}

.dash_header .dash_logo {
    width: 252px;
    /* border-right: 1px solid #edf2f9; */
    display: flex;
    padding-left: 28px;
    background: #fff;
    align-items: center;
    /* justify-content: center; */
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
        justify-content: space-between;
        border-right: 1px solid #E0E3EB;
}



.side_nav .side_nav_inner {
    position: relative;
    height: 100%;
}

.side_nav .side_nav_inner .sideNav_menu {
    position: relative;
    list-style: none;
    margin: 0;
    padding-left: 0;
    overflow: auto;
    padding-inline: 12px;
    height: calc(100vh - 90px);

}


.side_nav .side_nav_inner .sideNav_menu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.side_nav .side_nav_inner .sideNav_menu::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 5px;
}

.side_nav .side_nav_inner .sideNav_menu::-webkit-scrollbar-track {
    background: transparent
}

.dash_nav_item a {
    
        border-radius: 12px;
    display: flex;
    font-weight: 400;
    font-size: 16px;
    color: #6A6B70;
    align-items: center;
    padding: 14px 16px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    line-height: 1.2;
        margin-bottom: 5px;
    white-space: nowrap;
}

.dash_nav_item a .icon_holder {
    display: inline-block;
    flex: 0 0 40px;
    line-height: .8;
}

.dash_nav_item a .title_dash_nav {
    display: block;
    flex: 1;


    position: relative;
}

.dash_nav_item a.active,
.dash_nav_item a:hover {
    color: #fff;
    background: linear-gradient(227deg, rgba(80, 70, 228, 1) 0%, rgba(98, 143, 255, 1) 100%);
}

.dash_nav_item a svg path {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.dash_nav_item a.active svg path,
.dash_nav_item a:hover svg path {
    fill: #1A73E8;
}

.nav_dash_wrap {
        flex: 1;
    display: flex;
    justify-content: end;
    border-bottom: 0px solid rgba(190, 209, 235, .3);
    align-items: center;
    padding: 20px 28px;
}





/* nav checkbox */

.dash_userProfile {
    display: flex;
    align-items: center;
}

.dash_userProfile img {
      border-radius: 20px;
    width: 100%;
    flex: 0 0 60px;
    max-width: 60px;
}

.prfDash_userContent {
    flex: 0 0 calc(100% - 48px);
    max-width: calc(100% - 48px);
    padding-left: 15px;
}

.topPRfNameUser {
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    color: #0D1118;
    margin-bottom: 5px;
}

.makeAvaiDash {
    display: flex;
    align-items: center;
}

.makeAvaiDash span {
    font-weight: 300;
    font-size: 13px;
    line-height: 17px;
    color: rgba(13, 17, 24, .6);
    margin-right: 6px;
}


.statusDash_tag {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #0D1118;
    margin-left: 6px;
}

.statusDash_tag.available {
    color: #0CAB50;
}

.statusDash_tag.notAvailable {
    color: #EE0909
}



/* ************ switch style  */

.switch-style-1 {
    line-height: 0;
}

.switch-style-1 input[type="checkbox"],
.switch-style-1 input[type="radio"] {
    appearance: none;
    width: 24px;
    height: 14px;
    border-radius: 30px;
    background: rgb(211, 211, 211);
    background: linear-gradient(90deg, rgba(62, 205, 123, 1) 50%, rgba(211, 211, 211, 1) 50%);
    margin: 0 6px;
    position: relative;
    cursor: pointer;
    transition: all .3s ease;
    background-size: 100px;
    background-position: -70px 0px;
    outline: 0;
    box-shadow: none;
}

.switch-style-1 input[type="checkbox"]::before,
.switch-style-1 input[type="radio"]::before {
    background: #FFFFFF;
    box-shadow: 3px 1px 4px rgba(0, 0, 0, 0.1);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    content: '';
    left: -3px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
}

.switch-style-1 input[type="checkbox"]:checked::before,
.switch-style-1 input[type="radio"]:checked::before {
    left: 11px;
}

.switch-style-1 input[type="checkbox"]:checked,
.switch-style-1 input[type="radio"]:checked {
    background-position: -20px 0px;
}




.nav_right_notification .dropdown-menu {
    border: 0px;
    border-radius: 10px;
    font-size: 14px;
    min-width: 180px;
    color: #53535f;
    box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    width: 350px;
    padding: 0;
    padding-bottom: 15px;
}





.notiHeader_top {
    padding: 15px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dee2e6;
}

.notiHeader_top .viewBtn {
    color: #fff;
    background-color: #1A73E8;
    border: 1px solid #1A73E8;
    padding: .35rem 1rem;
    height: auto;
    line-height: 1.25;
    font-size: .875rem;
    border-radius: 5px;
}

.notiHeader_top i {
    padding-right: 5px;
}



.notificationListDrop {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 250px;
    overflow: auto;

}


.notificationListDrop::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.notificationListDrop::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 5px;
}

.notificationListDrop::-webkit-scrollbar-track {
    background: transparent
}

.notificationListDrop .dropdown-item {
    padding: 15px;
}

.notificationListDrop li:not(:last-child) .dropdown-item {
    border-bottom: 1px solid #edf2f9;
}

.notificationListDrop .dropdown-item:hover {
    background: #fafafa;
}

.notiListCard {
    display: flex;
    align-items: center;
}

.notiListCard .notiListImg {
    flex: 0 0 30px;
    max-width: 30px;
    width: 100%;

}


.notiListCard .notiListImg img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}


.notiListCard .notiListContent p {
    color: #2a2a2a;
    font-size: 14px;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notiListCard .notiListContent p span {
    color: #1A73E8;
}

.notiListCard .notiListContent small {
    display: block;
    color: #72849a;
}

.notiListCard .notiListContent {
    flex: 0 0 calc(100% - 30px);
    max-width: calc(100% - 30px);
    width: 100%;
    padding-left: 15px;
}



.notiHeaderTopHeading {
    color: #212529;
    font-weight: 500;
}

.notiHeaderTopHeading i {
    font-weight: 500;
}

.nav_dash_wrpRight {
    display: flex;
    align-items: center;
        gap: 12px;
}


.rightMenuBtn {
    background: #fff;
    color: #53535f;
    padding: 4px;
    display: flex;
    line-height: 1;
    width: fit-content;
    height: 60px;
    border-radius: 20px;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    position: relative;
    border: 1px solid #E0E3EB;
}
.newNotiMsg {
    background: #fff;
    color: #53535f;
    padding: 4px;
    display: flex;
    line-height: 1;
    width: 60px;
    height: 60px;
    border-radius: 20px;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    position: relative;
    border: 1px solid #E0E3EB;
}
.coinValue span {
    color: #6A6B70;
    font-size: 12px;
    display: block;
    font-weight: 400;
    padding-right: 10px;
}
.coinValue{
    color: #1B1C1C;
    font-size: 16px;
    font-weight: 400;
}
.coinIcon {
    border-radius: 16px;
    background: #E6E4FF;
    height: 52px;
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
.newNotiMsg::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #F9BE7A;
    border: 2px solid #1A73E8;
    position: absolute;
    right: 11px;
    top: 11px;
}

.mr-15 {
    margin-right: 15px;
}


.rightMenuBtn.langDropBtn {
    min-width: 48px;
    width: auto;
    padding: 10px 15px
}

.rightMenuBtn.langDropBtn img {
    height: 14px;
    width: auto;
    margin-right: 10px;
}

.nav_right_notification.landDropDown .dropdown-menu {
    padding: 0;
    width: unset;
    min-width: unset;
    border-radius: 10px;
}

.walletSearchRow .searchRow_col {
    flex: 0 0 70%;
    max-width: 70%;
    width: 100%;
}

.walletSearchRow .walletRow_col {
    flex: 0 0 30%;
    max-width: 30%;
    width: 100%
}

.searchFilteHome {
    background: #1A73E8;
    border: 1px solid #F3F2F2;
    border-radius: 10px;
    padding: 20px 25px;
    display: flex;
    align-items: center;
}

.searchFilteHome .form-control {
    background: #F7F7F9;
    border-radius: 10px;
    padding: 15px 42px 15px 22px;
    background-image: url(../img/search-icon.svg);
    background-position: 98%;
    background-repeat: no-repeat;
    color: #0D1118;
    font-size: 18px;
    font-weight: 500;
    height: 56px;
}

.searchFilteHome .form-control::placeholder {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #0D1118;
    opacity: .5;
}


ul.subMenuSide {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.subMenuSide li a {
    font-weight: 400;
    font-size: 15px;
    color: #8A8B9F;
    padding: 15px 25px 15px 65px;
}

ul.subMenuSide li a span {
    width: 25px;
    display: inline-block;
}

.subMenuLink {
    position: relative;
}

.arrowIconSubmenu {
    position: absolute;
    right: 35px;
    line-height: 30px;
    transition: all 0.05s ease-in;
    -webkit-transition: all 0.05s ease-in;
    top: 18px;
}

.subMenuLink .arrowIconSubmenu::before,
.subMenuLink.collapsed .arrowIconSubmenu::before,
.subMenuLink .arrowIconSubmenu::after {
    content: '';
    position: absolute;
    background: 0 0;
    background-image: linear-gradient(to right, rgba(42, 42, 42, 0.75), rgba(42, 42, 42, 0.75));
    border-radius: 2px;
    width: 6px;
    height: 1.5px;
    top: 13px;
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: rotate(-135deg) translateX(2px);
    -webkit-transform: rotate(-135deg) translateX(2px);
}

.subMenuLink .arrowIconSubmenu::after,
.subMenuLink.collapsed .arrowIconSubmenu::after {
    transform: rotate(-45deg) translateX(2px);
    -webkit-transform: rotate(-45deg) translateX(2px);
}


.subMenuLink:not(.collapsed) .arrowIconSubmenu::before {
    transform: rotate(-225deg) translateX(2px);
    -webkit-transform: rotate(-225deg) translateX(2px);
}

.subMenuLink:not(.collapsed) .arrowIconSubmenu::after {
    transform: rotate(45deg) translateX(2px);
    -webkit-transform: rotate(45deg) translateX(2px);
}

.subMenuLink:not(.collapsed) {
    color: #1A73E8;
}

.subMenuLink:not(.collapsed) svg path {
    fill: #1A73E8;
}

.dashIconFold svg {
    width: 25px;
    height: 25px;
    color: #0D1118;
    transition: all .2s ease;
}

.dashIconFold:hover svg {
    color: #1A73E8
}

.dashIconFold {
    display: inline-block;
    margin-right: 12px;
}

.nav_dash_wrpLeft {
    display: flex;
    align-items: center;
}

.folded {
    display: none;
}

.is-folded .folded {
    display: block;
}

.is-folded .notFolded {
    display: none;
}

.dashBoard_overLay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 50;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
}

.searchFilteHome button {
    width: 54px;
    flex: 0 0 54px;
    height: 54px;
    border: 0;
    border-radius: 10px;
    background-color: #F7F7F9;
    margin-left: 15px;
}

.searchFilteHome button:hover {
    background-color: #ffffff;
}

.dashwallet {
    background-color: #FBBC04;
    border: 1px solid #F3F2F2;
    border-radius: 10px;
    position: relative;
    padding: 20px 20px 20px 100px;
}

.dashwallet i {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.dashwallet i svg {
    width: 61px;
    height: auto;
}

.dashwallet i svg path {
    fill: #000;
}

.dashwallet h4 {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #666666;
    margin: 0 0 3px;
}

.dashwallet h5 {
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
    color: #000000;
}

.btnSecondary,
.btnPrimary {
    border-radius: 5px;
    padding: 6px 15px;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #000000;
    display: inline-block;
    outline: 0;
    border: 0;
    box-shadow: unset;
}

.btnSecondary {
    color: #000000;
    font-size: 19px;
    font-weight: 400;
}

.btnPrimary {
    font-size: 19px;
    font-weight: 400;
    color: #ffffff;
}

.btnSecondary {
    background-color: #FBBC04;
}

.btnSecondary:hover {
    background-color: #ffca2c;
}

.btnPrimary {
    background-color: #1A73E8;
}

.btnPrimary:hover {
    background-color: #1161c9;
    color: #ffffff;
}

.callchat-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 30px;
}

.callchat-head h4 {
    margin: 0 12px 0 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
}

.callchatList>ul>li>a {
    background-color: #FFFFFF;
    border-radius: 10px;
    display: flex;
    padding: 20px 25px 20px 85px;
    position: relative;
    align-items: center;
}

.callchatList>ul>li>a figure {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 47px;
    height: 47px;
    border-radius: 50%;
}

.callchatList>ul>li>a figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.ccdata-mid h3 {
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
    margin: 0 0 2px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.ccdata-mid h3 span {
    font-size: 14px;
    color: #8A8B9F;
    position: relative;
    font-weight: 400;
    padding-left: 15px;
    margin-left: 10px;
}

h3 span:before {
    content: '';
    background-color: #C4C4C4;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
}

.ccdata-mid p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ccdata-mid {
    flex: 1;
    -ms-flex: 1;
    display: block;
    max-width: calc(100% - 80px);
}

.callchatprev .ccdata-mid {
    max-width: 100%;
}

.ccTime {
    font-size: 13px;
    color: #98A8BF;
    margin-left: auto;
    text-align: right;
}

.callchatList>ul>li>a:hover .ccdata-mid h3,
.callchatList>ul>li>a:hover .callchat-arrow i {
    color: #1a73e8;
}

.callchatList>ul>li>a:hover {
    box-shadow: 0 0 7px rgb(0 0 0 / 10%);
}

.callchatList>ul>li {
    margin: 0 0 12px;
}

.callchat-arrow {
    text-align: right;
    font-weight: 400;
}

.callchat-arrow i {
    color: #A9B8CD;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.ccDateTime span i {
    color: #1A73E8;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ccDateTime {
    line-height: 18px;
}

.ccDateTime span {
    font-size: 13px;
    color: #98A8BF;
    position: relative;
    padding-left: 20px;
}

.ccDateTime span:not(:last-child) {
    margin-right: 22px;
}

.pageHead h1 {
    font-weight: 700;
    font-size: 26px;
    line-height: 22px;
    color: #000000;
    margin: 0;
}

.pageHead {
    margin: 0 0 25px;
}

.searchFilteHome.searchFilteOther {
    background-color: transparent;
    padding: 0;
    margin: 0 0 30px;
}

.searchFilteHome.searchFilteOther .form-control {
    background-color: #ffffff;
    border-color: #ffffff;
}

.searchFilteHome.searchFilteOther button {
    background-color: #ffffff;
}

.searchFilteHome.searchFilteOther button:hover {
    background-color: #1a73e8;
}

.searchFilteHome.searchFilteOther button:hover svg path {
    fill: #ffffff;
}

.searchuserCard {
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 12px 15px 19px;
    height: 100%;
}

.searchuserHead {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 20px;
}


.Tcalls {
    display: flex;
    align-items: center;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    color: #595959;
    padding-left: 24px;
}

.Tcalls i,
.ucrate i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0;
}

.ucrate {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    position: relative;
    padding-left: 24px;
}

.su-details {
    text-align: center;
}

.su-details figure {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: relative;
    margin-bottom: 15px;
}

.su-details figure a {
    height: 100%;
    width: 100%;
    display: block;
}

.su-details figure img {
    border: 1px solid #EFEFEF;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.su-details figure i {
    color: #1FD40F;
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 11px;
}

.su-name {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 2px;
}

.su-gender {
    font-size: 14px;
    letter-spacing: 0.03em;
    color: #5C5C5C;
}

.su-ratehr {
    color: #5C5C5C;
    margin: 11px 0 14px;
}

.su-ratehr span {
    font-weight: bold;
    font-size: 19px;
    color: #1A73E8;
}

.su-name>a:hover {
    color: #1A73E8;
}

.su-tags span {
    background-color: #F3F7FB;
    display: inline-block;
    padding: 4px 13px;
    font-size: 14px;
    color: #6E90BC;
    border-radius: 4px;
    margin-bottom: 8px;
}

.su-tags span:not(:last-child) {
    margin-right: 8px;
}

.su-connect {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 17px;
}

.su-connect>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    background-color: #E9EFF5;
    font-size: 20px;
}

.su-connect>a:hover {
    background-color: #c4c5c6;
}

.su-connect>a:not(:last-child) {
    margin-right: 11px;
}

.su-connect>a.su-connectCall {
    background-color: #1FD40F;
}

.su-connect>a.su-connectCall:hover {
    background-color: #14b606;
}

.su-connect>a.su-connectChat {
    background-color: #1A73E8;
}

.su-connect>a.su-connectChat:hover {
    background-color: #1161c9;
}

.su-connect>a.su-connectFav.favmarked,
.su-connect>a.su-connectFav.favmarked:hover {
    background-color: #D10909;
}
.modal-footer button{
    margin: 0;
}
.flex-1{
    flex: 1;
}
.su-connect>a.su-connectFav.favmarked i {
    font-weight: 700;
    color: #ffffff;
}
.dashModal .modal-content {
    background-color: #fff;
    border: 0px solid rgba(0, 0, 0, 0.2);
    border-radius: 40px;
    padding: 28px;
}

.dashModal .modal-header .btn-close {
    margin: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    opacity: 1;
    font-size: 12px;
    z-index: 5;
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI0MDEgMTEuMTg2OEw2LjAwMDE0IDYuOTQwMTRMMS43NjAxNCAxMS4xODY4TDAuODEzNDc3IDEwLjI0MDFMNS4wNjAxNCA2LjAwMDE0TDAuODEzNDc3IDEuNzYwMTRMMS43NjAxNCAwLjgxMzQ3N0w2LjAwMDE0IDUuMDYwMTRMMTAuMjQwMSAwLjgyMDE0M0wxMS4xODAxIDEuNzYwMTRMNi45NDAxNCA2LjAwMDE0TDExLjE4MDEgMTAuMjQwMUwxMC4yNDAxIDExLjE4NjhaIiBmaWxsPSIjNzA3MDcwIi8+Cjwvc3ZnPgo=") center/1em auto no-repeat;

}

.dashModal .modal-header .btn-close:hover {
    opacity: 0.8;
}
.modal-body {
    padding: 0;
}
.dashModal .subTitle{
    color: #6A6B70;
    font-size: 14px;
    display: block;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 40px;
}
.dashModal .modal-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #1B1C1C;
}

.dashModal .modal-header {
     padding: 0;
    border-bottom: 0px solid #dee2e6;
    margin-bottom: 2px;
}

.form-normal .label {
    color: rgb(0 0 0 / 65%);
    font-size: 14px;
    display: block;
}

.dashModal .modal-footer {
    justify-content: center;
    border: 0;
    padding: 35px 0 0px;
}
.btnSecondary:hover{
    color:#fff;
    background: linear-gradient(227deg, rgba(80, 70, 228, 1) 0%, rgba(98, 143, 255, 1) 100%);
}

.btnSecondary {
    display: flex;
    padding: 18px 23px;
    font-size: 16px;
    height: 60px;
    border-radius: 20px;
    align-items: center;
    background: transparent;
    gap: 10px;
    width: fit-content;
    color: #000;
    justify-content: center;
    border: 1px solid #E0E3EB !important;
}

.dashModal .modal-footer button:not(:last-child) {
    margin-right: 20px;
}

/* Rating */

.rating {
    border: none;
    float: left;
}

.rating>input {
    display: none;
}

.rating>label:before {
    margin: 1px 3px 0;
    font-size: 14px;
    font-family: 'Font-Awesome-5-Pro';
    display: inline-block;
    content: "\f005";
}

.rating>.half:before {
    content: "\f089";
    position: absolute;
}

.rating>label {
    color: #000000;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating>input:checked~label,
/* show gold star when clicked */
.rating:not(:checked)>label:hover,
/* hover current star */
.rating:not(:checked)>label:hover~label {
    color: #FFD700;
    font-weight: 700;
}

/* hover previous stars in list */

.rating>input:checked+label:hover,
/* hover current star when changing rating */
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
/* lighten current selection */
.rating>input:checked~label:hover~label {
    color: #FFED85;
    font-weight: 700;
}



.dashModal .checkStyle-1 input[type="radio"],
.dashModal .checkStyle-1 input[type="checkbox"] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 4px;
}


.desh-whbg {
    /* background-color: #fff;
    padding: 35px;
    border-radius: 10px; */
}

.desh_profile .social_heading {
    border-bottom: 0;
}

.desh_profile .addmore_images .imag_block {
    padding: 10px 0;
}

.input_icon {
    position: absolute;
    top: 50%;
    right: 15px;
    cursor: pointer;
    transform: translateY(-50%);
}

.input_icon svg path {
    fill: #5C5C5C;
}

.Dash_profileWrap .btnPrimary,
.Dash_profileWrap .btnSecondary {
    min-width: 128px;
}


.Dash_profileWrap .usered .userwall-edit {
    padding: 9px 12px;
}

.Dash_profileWrap .img_remove {
    width: 19px;
    height: 19px;
    background: #f03;
    line-height: 20px;
    position: absolute;
    border-radius: 50%;
    bottom: -8px;
    cursor: pointer;
    left: 50%;
    margin-left: -10px;
    font-size: 12px;
    display: block;
    color: #fff;
    right: 0;
    text-align: center;
}

.Dash_profileWrap .img_wall {
    position: relative;
}

.social_heading {
    border-bottom: 0;
}

.Dash_profileWrap .addmore_images .imag_block {
    padding: 20px 0 30px;
}

.login_formBlock .theme_inputWI input {
    font-size: 16px;
}


.pageicon_action {
    background: #FFFFFF;
    border-radius: 10px;
    display: inline-block;
    padding: 10px 13px;
}

.top_rowback {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
/* user pages css */
.login_Wrap {
    width: 100%;
    background: #fff;
}
.login-container {
    display: flex;
    max-width: 100%;
    height: 100vh;
    margin: auto;
    width: 100%;
}
.login-container .onboarding {
    background-image: url(../img/loginBg.jpg);
     background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    flex: 1;
    align-items: center;
    padding-top: 65px !important;
    padding: 25px;
    display: flex;
    justify-content: center;
    width: 50%;
    max-height: 100vh;
    position: fixed;
    right: 0;
    height: 100%;
}
.swiperBox {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.textWellTitle {
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
}
.textWellText {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
    max-width: 460px;
    margin-inline: auto;

}
.swiper-pagination-bullet {
    width: 60px;
    height: 4px;
    border-radius: 0;
        background: #fff;
}
.swiper-pagination-bullet-active {
    background: #fff;
}
.swiper-pagination {
    position: relative;
}
.login-container .login-form {
    max-width: 50%;
    box-sizing: border-box;
    padding: 50px 60px;
    display: flex;
    padding-top: 65px;
    min-height: 100vh;
    background: #fff;
    flex-direction: column;
    flex: 1;
    align-items: center;
    /* justify-content: center; */
}
.login-form-inner{
    max-width: 472px;
    padding-bottom: 50px;
}
.login_headingarrow {
    position: relative;
}
.login-form-inner h1 {
font-weight: 600;
    font-size: 40px;
    line-height: 38px;
    color: #1B1C1C;
    margin: 0;
    margin-bottom: 12px;
    text-align: center;
    display: flex;
    gap: 12px;
    justify-content: center;
}
.login_headingarrow .subTitle{
    margin-bottom: 36px;
    color: #707070;
    font-size: 16px;
    text-align: center;
}
.social_login {
    display: flex;
}
.social_login a {
    border-radius: 16px;
    color: #000000;
    padding: 15px 17px;
    width: fit-content;
    font-size: 16px;
    display: inline-block;
    background-color: #F3F3F3;
    margin-inline: auto;
    margin-top: 28px;
}
.social_login a img {
    padding-right: 16px;
}

.or_break::before{
    content:'';
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    position: absolute;
    display: block;    
    background-color: #E0E3EB;
}
.or_break span {
    font-size: 16px;
    color: #6A6B70;
    padding-inline: 28px;
    background-color: #fff;
    z-index: 1;
    position: relative;
}
.or_break {
        text-align: center;
        margin: 28px 0 0px 0;
    position: relative;
}
.theme_inputWI {
    margin-bottom: 30px;
}
.theme_inputWI .svg_iconBlock {
    position: absolute;
    right: 10px;
    TOP: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
.theme_inputWI .svg_iconBlock svg {
    width: 21px;
    height: 21px;
}
.btn-Btheme {
    color: #fff;
    border: #1A73E8 solid 0px;
    display: inline-block;
    text-align: center;
    padding: 17px;
    font-size: 16px;
    border-radius: 16px;
    letter-spacing: 0.8px;
    background: linear-gradient(227deg, rgba(80, 70, 228, 1) 0%, rgba(98, 143, 255, 1) 100%);
}
.btn-Btheme:hover{
    color: #fff;
    background: linear-gradient(227deg, rgba(80, 70, 228, 1) 0%, rgba(80, 70, 228, 1) 100%);
}
.hereby_tagline a{
    color: #325FEC;
    font-weight: 600;
}
.hereby_tagline {
    color: #6A6B70;
    font-size: 16px;
    margin-top: 80px;
    text-align: center;
}
.onboarding .img_wall {
    text-align: center;
}
.onboarding .img_wall img {
    max-width: 100%;
    margin: 0 auto;
}
.inputRow .form-control{    
    padding-left: 64px;
}
.form-group{
    margin-bottom: 15px;
}
.form-label {
    color: #6A6B70;
    margin-bottom: 12px;
    line-height: 1;
    font-size: 16px;
}
.form-control{
    font-size: 16px;
     border: 1px solid #E0E3EB;
    border-radius: 16px;
    padding: 17px 16px;
    color: #000000;
}
.input-groupIcon {
    position: absolute;
    left: 16px;
    top: 17px;
    display: block;
    z-index: 1;
}
.input-groupIcon:after{
content: '';
    background-color: #E0E3EB;
    width: 1px;
    height: 100%;
    position: absolute;
    right: -12px;
    top: 0px;
    display: block;
    z-index: 1;
}
.inputRow {
    position: relative;
}
.back_icon {
    color: #787582;
    display: flex;
    justify-content: center;
    gap: 12px;
    align-items: center;
    margin-bottom: 60px;
}
.form-control:disabled, .form-control[readonly] {
    background-color: transparent;
}
.sendOtpMail{
    color: #1B1C1C;
    font-weight: 500;
}

/* otp */
.otpRow {
    display: flex;
        justify-content: center;
    gap: 10px;
}
.otpRow .otp {
    height: 100px;
    width: 70px;
    text-align: center;
    padding: 0 !important;
    font-size: 20px;
    color: #171F2D;
    border-radius: 8px;
}
.resend-box {
    display: flex;
    justify-content: center;
    margin: 40px 0 20px;
    gap: 5px;
}
.Account_Switch a {
    font-weight: 500;
    color: #0054D3;
}
.resend-right {
    font-weight: 500;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 16px;
    color: #0054D3;
}
.Account_Switch {
    color: #707070;
    margin: 0;
    font-size: 16px;
}
/* otp */
/* profile page */
.headTitleBtn:hover{
    color: #fff;
    background: linear-gradient(227deg, rgba(80, 70, 228, 1) 0%, rgba(80, 70, 228, 1) 100%);
}
.headTitleBtn {
    display: flex;
    padding: 18px 23px;
    border: 0;
    font-size: 16px;
    border-radius: 20px;
    background: linear-gradient(227deg, rgba(80, 70, 228, 1) 0%, rgba(98, 143, 255, 1) 100%);
    align-items: center;
    gap: 10px;
    width: fit-content;
    color: #fff;
    justify-content: center;
}
.headRow {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    gap: 12px;
}
.pageLeftTitle {
    display: flex;
    align-items: top;
    justify-content: start;
    gap: 12px;
}
.pageTitleText{
    font-size:28px ;
    color: #000;
    font-weight: 500;
}
.pageTitleText span{
    display: block;
    font-size:16px ;
        line-height: 1;
    color: #6A6B70;
}
.pageTitleIcon {
    padding-top: 8px;
}
/* profile page */
/* theme tabs */
.nav-tabs.themeTabs .nav-link.active, .nav-tabs.themeTabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    color: #000;
    background-color: transparent;
    position: relative;
    border-color: transparent;
}
.nav-tabs.themeTabs .nav-link {
    color: #6A6B70;
}
.nav-tabs.themeTabs .nav-link.active:after, .nav-tabs.themeTabs .nav-item.show .nav-link:after, .nav-tabs .nav-link:hover:after, .nav-tabs .nav-link:focus:after{
    background-color: #000;
    height: 3px;
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
}
.fileIcon{
    display: flex;
    align-items: center;
}
.fileIcon img{
    margin-right: 8px;
}
.table > thead
 {
    vertical-align: bottom;
    background: #F6F6F6;
}
table.dataTable.table > tbody > tr {
    background-color: transparent;
    border-bottom: 1px solid #DFE1E8;
}
thead, tbody, tfoot, tr, td, th {
    border: 0;
}
table.dataTable th, table.dataTable td {
    box-sizing: border-box;
    padding: 12px 10px;
        vertical-align: middle;
}
/* theme tabs */
table.dataTable th.dt-type-numeric div.dt-column-header, table.dataTable th.dt-type-numeric div.dt-column-footer, table.dataTable th.dt-type-date div.dt-column-header, table.dataTable th.dt-type-date div.dt-column-footer, table.dataTable td.dt-type-numeric div.dt-column-header, table.dataTable td.dt-type-numeric div.dt-column-footer, table.dataTable td.dt-type-date div.dt-column-header, table.dataTable td.dt-type-date div.dt-column-footer {
    flex-direction: row;
}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: start;
}
table.dataTable thead > tr > th:last-child div.dt-column-header .dt-column-order{
    display: none;
}
table.dataTable thead > tr > th:last-child div.dt-column-header {
    justify-content: end;
    
}
.dt-column-title{
    flex-grow: unset !important;
}
table.dataTable thead > tr > th div.dt-column-header{
        justify-content: flex-start;
}
.tableActionBtn:hover img{
    filter: contrast(0) brightness(2);
}
.tableActionBtn:hover{
    background-color:rgba(98, 143, 255, 1);    
    border: 1px solid rgba(98, 143, 255, 1);

}
.tableActionBtn{
    border: 1px solid #DFE1E8;
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
}
.btnSameLine{
    gap: 4px;
    display: flex;
        align-items: center;
    justify-content: end;
}
.tableFilter {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-block: 27px;
    flex-wrap: wrap;
}
button.filterClearBtn{
    padding: 0;
    border: 0;
    background-color: transparent;
}
div.dt-container > div.row {
    margin-bottom: 25px;
}
img:not(table img) {
    max-width: 100%;
}
/* user pages css */
/* pagination */
.page-item.disabled .page-link {
    color: #000;
    pointer-events: none;
    background-color: #fff;
    border-color: transparent;
}
.page-link {
    padding: 2px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #000;
    border-color: #000;
}

/* pagination */
.tableDropDown li:first-child .dropdown-item {
    padding-top:0;
    border-bottom: 1px solid #DFE1E8;
}
.tableDropDown li:last-child .dropdown-item {
    padding-bottom:0;

    border-bottom: 0px solid #DFE1E8;
}
.tableDropDown .dropdown-item:hover{
    background-color: transparent;
}
.tableDropDown .dropdown-item {
    padding: 14px 0px;
    border-bottom: 1px solid #DFE1E8;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    color: #000;
}
.dropdown-menu.tableDropDown{
    border: 0;
    border-radius:12px;
    padding: 16px;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.25);
}
/* upload input */

.dropzone-wrapper {
    border: 1px dashed #CADEFF;
    position: relative;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
}

.dropzone-desc {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.dropzone,
.dropzone:focus {
 position: absolute;
    outline: none !important;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
  background: #ecf0f5;
}

.preview-zone {
  text-align: center;
}

.preview-zone .box {
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
}
.inputfileTitle{
    color: #000000;
    font-size: 16px;
    margin: 20px auto 10px;
    line-height: 1;
}
.blueColor{
    color:#325FEC
}
.inputfiletype{
    margin: 0;
    color:#6A6B70;
    font-size:12px
}
/* upload input */
/* upload kyc */
.kycDocNameBox {
    border: 1px solid #E0E3EB;
    padding: 16px 18px;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}
.rowline {
    color: #1B1C1C;
    display: flex;
    gap: 12px;
    align-items: center;
}
.statusRow.upload img{
    filter: invert(0%) sepia(100%) saturate(7500%) hue-rotate(144deg) brightness(82%) contrast(111%);
}
.statusRow.upload{
    color: #000000;
}
.statusRow.verified img{
    filter: invert(40%) sepia(27%) saturate(5699%) hue-rotate(127deg) brightness(89%) contrast(101%);
}
.statusRow.verified{
    color: #009C46;
}
.statusRow.process img{
    filter: invert(51%) sepia(97%) saturate(1169%) hue-rotate(2deg) brightness(97%) contrast(102%);
}
.statusRow.process{
    color: #F58700;
}
.statusRow.rejected img{
    filter: invert(19%) sepia(66%) saturate(4613%) hue-rotate(8deg) brightness(92%) contrast(115%);
}
.statusRow.rejected{
    color: #EA1B1B;
}
.requiredcolor{
    color: #EA1B1B;
}
.statusRow:hover{
    color: #628FFF;
}
.statusRow {
    font-size: 12px;
    display: flex;
    gap: 4px;
    align-items: center;
}
/* upload kyc */
.boxMainTitle{
    color: #000;
    font-size: 28px;
    margin-bottom: 24px;
}
.coinDetailCard {
    position: relative;
}
.coinCounter {
     position: absolute;
    bottom: 18px;
    left: 29px;
    font-size: 40px;
    color: #fff;
    line-height: 1;
}

.coinNumber {
    display: block;
    font-size: 20px;
    /* color: #000; */
    text-align: center;
}
.coinInRupee {
    display: block;
    font-size: 16px;
    color: #6A6B70;
    text-align: center;
}
.coinValueRadio {
    display: flex;
    align-items: center;
    gap: 30px;
}
.coinradio label {
      border: 1px solid #E0E3EB;
    border-radius: 16px;
    padding: 17px 16px;
    color: #000000;
    display: block;
    cursor: pointer;
    transition: 0.3s;
    min-width: 160px;
}

.coinradio input[type="radio"] {
    display: none; /* Hide radio buttons */
}

/* When the input is checked, style its sibling label */
.coinradio input:checked ~ label .coinNumber{
    font-weight: 600;
}
.coinradio input:checked ~ label {
    border-color: #5046E4;
    color: #5046E4;
    box-shadow: 0 0 0 4px rgba(80, 70, 228, 0.2);
}
.rechargeInfoText p{
    margin-bottom: 0;
    color:#6A6B70;
    font-size:12px
}
.formRow{
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 20px 0;
}
/* profile */
.profileBlock {
    position: relative;
}
.coverBG {
    height: 220px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 40px 40px 0 0;
}
.userIMgBox{
      width: 194px;
    min-width: 194px;
    height: 194px;
    border: 4px solid #fff;
    border-radius: 40px;
    overflow: hidden;
    position: absolute;
    top: 80px;
    left: 40px;
}
.useriNfoBlock {
        padding-left: 40px;
    margin-top: 66px;
}
.profileInfo{
    display: flex;
    gap: 27px;
    align-items: center;
    flex-wrap: wrap;
}
.profileInfo a{
    color: #6A6B70;
    font-size: 16px;
    display: flex;
    gap:8px;
    align-items: center;
}
h4.profileName {
    font-size: 28px;
    font-weight: 500;
    color: #000;
    line-height: 1;
    margin-bottom: 4px;
}
.infoHeader {
    font-size: 20px;
    font-weight: 500;
    color: #1B1C1C;
    line-height: 1;
    margin-bottom: 20px;
}
.profileType {
    color: #8A1DFF;
    background: #F1E4FF;
    border-radius: 30px;
    padding: 6px 12px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-bottom: 26px;
}
.profileActionBtn {
    display: flex;
    gap: 8px;
    justify-content: end;
    flex-wrap: wrap;
}
.profileInfoView {
    border-top: 1px solid #E0E3EB;
    margin-top: 28px;
    padding-top: 28px;
    padding-inline: 40px;
}
.infoRow {
     font-size: 16px;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    /* flex-wrap: wrap; */
    color: #6A6B70;
    margin-bottom: 12px;
     gap: 50px;
}
.valueText {
    color: #1B1C1C;
    text-align: right;
}
.mt40{
    margin-top: 40px;
}
/* profile */

.file-preview {
    /* display: flex; */
    align-items: center;
    gap: 15px;
    font-weight: 500;
    color: #343a40;
  }
  .file-preview img {
    max-width: 80px;
    max-height: 80px;
    border-radius: 6px;
    object-fit: contain;
  }
  .file-preview .icon {
    font-size: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dropzone-desc p {
    margin: 0;
  }
  .dropzone-desc .image-name {
    overflow: hidden;
    max-height: 50px;
    font-size: 10px;
  }

  /* Remove button styles */
  .file-preview .remove-btn {
    position: absolute;
    top: -30px;
    right: -158px;
    background: #dc3545;
    color: white;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    z-index:10;
  }



  
.infoBlocks{
    display: flex;
    justify-content: center;
    gap: 24px;
        flex-wrap: wrap;
}
.infoBlock {
    background-color: #F1F0FF;
    border-radius: 28px;
    padding: 20px;
    max-width: 200px;
    text-align: center;
    cursor: pointer;
}
.blockIcon {
    background-color: #FFFFFF;    
        color: #5046E4;
    border-radius: 50%;
    padding: 10px;
    width: 60px;
    height: 60px;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
        margin-inline: auto;
}
.infoBlock:hover .blockIcon {
    background-color: #5046E4;    
        color: #fff;
}
.blockText {
    color: #000000;
    font-size: 16px;
}
.blockText span{
    color: #787582;
    font-size: 12px;
    display: block;
    margin-top: 12px;
}
.faqTitle {
    font-size: 40px;
    color: #000;
    font-weight: 500;
    margin-bottom: 30px;
}
.helpTitleText {
    font-size: 40px;
    color: #000;
    font-weight: 500;
    text-align: center;
    margin-inline: auto;
    margin-bottom: 40px;
}
.helpsearchRow {
    margin-inline: auto;
    max-width: 740px;
    position: relative;
    margin-bottom: 40px;
}
.searchinputBtn {
    display: flex;
    padding: 15px;
    border: 0;
    font-size: 16px;
    border-radius: 12px;
    background: #5046E4;
    width: fit-content;
    color: #fff;
    justify-content: center;
    position: absolute;
    right: 6px;
    top: 6px;
}
.accordion-item {
    background-color: #fff;
    border: 1px solid #E0E3EB;
    margin-bottom: 12px;
    border-top: 1px solid #E0E3EB !important;
    border-radius: 20px !important;
    overflow: hidden;
}
.accordion-button:not(.collapsed) {
    color: #161419;
    background-color: #ffffff;
    box-shadow: none;
}
.accordion-button {
    padding: 28px 25px;
    font-size: 20px;
    color: #161419;
}
.accordion-body {
    padding: 1rem 1.25rem;
        padding-top: 0;
    font-size: 16px;
    color: #5F5D62;
}
.accordion-button::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjA2MjUgMTMuMTI1SDE0Ljg3NVYzLjkzNzVIMTMuMTI1VjEzLjEyNUgzLjkzNzVWMTQuODc1SDEzLjEyNVYyNC4wNjI1SDE0Ljg3NVYxNC44NzVIMjQuMDYyNVYxMy4xMjVaIiBmaWxsPSIjMTYxNDE5Ii8+Cjwvc3ZnPgo=);

}
.accordion-button:not(.collapsed)::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNC42NjYwMiIgeT0iMTIuODMzNSIgd2lkdGg9IjE4LjY2NjciIGhlaWdodD0iMi4zMzMzMyIgZmlsbD0iIzE2MTQxOSIvPgo8L3N2Zz4K);
    transform: rotate(-180deg);
}