*{
    margin: 0;
    padding: 0;
}
body{
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  background: #fff;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    color: #00200A;
}
p{font-size: 15px;color: #3d4d5d;
    font-weight: 300; line-height: 20px;}
.container{
        max-width: 1200px;
    }
.w100{width: 100%}
.br50{border-radius: 50%}
#header-top {
    height: 80px;
}
.nav li.btn-tab a:hover {
/*    background: #000;*/
/*    color: #fff;*/
}
#header-main{
    background: #fff;
    padding: 20px 0;
    position: fixed;
    width: 100%;
    z-index: 99;
}

#header-main .logo img{
    width: 122px;
}
.nav ul {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    align-items: center;
}
.nav ul li a {
    color: #243234;
    text-decoration: none;
}
.nav ul li.btn-tab a {
    border: 1px solid #324158;
    padding: 10px 15px;
    border-radius: 35px;
    display: block;
    font-weight: 600;
}
.nav ul li a {
    color: #243234;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

.nav ul li {
    margin-left: 20px;
}
.nav ul li img {
    width: 16px;
}
.login-signup {
    max-width: 450px;
    margin: 50px auto;
    text-align: center;
    width: 450px;
}
.login-signup .form-area{
    border-radius: 45px;
    padding: 40px;
    background: #fcfcfc;
    border: 1px solid #d8d8d8;
}
.form-group label {
    display: block;
    text-align: left;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 15px;
    color: #00200A;
}
.form-group input[type="text"], .form-group input[type="password"], .form-group textarea {
    width: 100%;
    height: 45px;
    border-radius: 15px;
    border: 1px solid #d8d8d8 !important;
    padding: 8px 18px;
    font-size: 15px;
    font-size: 14px;
    background: #fff;
    outline: none !important;
    box-shadow: none !important;
    color: #243234 !important;
    
    
}


#amountcontributed::placeholder {
  color: #243234;
  opacity: 0.8; /* Firefox */
}

#amountcontributed::-ms-input-placeholder { /* Edge 12 -18 */
  color: #243234;
    opacity: 0.8;
}

.login-signup .form-group input[type="text"]{background: #fff;     outline: none !important;} 
.c-count {
    text-align: right;
    font-size: 12px;
    color: #555;
    margin-top: 10px;
    font-weight: 500;
}
.available-or-not span {
    text-align: right;
    font-size: 12px;
    color: #555;
    margin-top: 6px;
    font-weight: 500;
}
.available-or-not {
    text-align: right;
}
.additional-addons button:hover {
    background: #f8f8f8;
}
.available-or-not {
    position: absolute;
    right: 14px;
    top: 6px;
}
.available-or-not .available {
    margin-top: 0;
}
.view-btn a{
    border: 1px solid #d8d8d8 !important;
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 50%;
    width: auto;
    height: 30px;
}
.view-btn a {
    border: 1px solid #d8d8d8 !important;
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 50%;
    width: auto;
    height: 40px;
    padding: 0px 24px;
    border-radius: 18px;
    color: #243234;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.view-btn +.profile-dropdown a {
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.view-btn + .profile-dropdown ul li a {
    display: flex;
    width: 100%;
    margin: 0 !important;
    padding: 14px 14px;
    height: auto;
    border-radius: 5px !important;
    display: inline-flex;
    background: transparent;
}
.view-btn + .profile-dropdown ul {
    top: 43px;
}
.subject {
    font-size: 14px;
    margin-top: 6px;
}
/*.add-more-social a:hover{background: #f8f8f8}*/
.available-or-not span {
    text-align: right;
    font-size: 14px;
    color: #00bb88;
    margin-top: 6px;
    font-weight: 600;
}
.p-username {
    position: relative;
}

.description-toggle.charc {
    position: absolute;
    right: 11px;
    bottom: 15px;
    font-size: 12px;
    font-weight: 500;
}

.description-bb {
    position: relative;
}
label.f-goal input {
    width: 17px;
    height: 17px;
    margin-right: 5px;
}

label.f-goal {
    margin: 0;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
}

.form-group textarea {
    height: 100px;
    resize: none;
}
.form-group {
    margin-bottom: 20px;
}
.form-action button {
    background: #000;
    color: #fff;
    display: block;
    width: 100%;
    border: none;
    padding: 15px 0;
    border-radius: 20px;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 800;
}
.form-action a {
    color: #000;
    font-size: 14px;
}
.form-group a.user-name {
    color: #000;
    text-decoration: none;
    font-size: 14px;
}
.form-action {
    padding: 30px 0 0;
}
.login-signup h3, .login-signup h1 {
    color: #243234;
    font-weight: 800;
    font-size: 27px;
}
.login-signup p {
    font-size: 14px;
    margin-bottom: 25px;
}
.mb-10 {
    margin-bottom: 10px;
}
.verify-text{
    text-align: left
}
.verify-text h4 {
    font-weight: 700;
    font-size: 20px;
}
.verify-text p {
    font-size: 14px;
}
.hamburger-icon {
    display: none;
}
.note p {
    font-size: 10px;
    text-align: left;
    margin: 0;
    line-height: 12px;
    margin-top: 14px;
}
.upload-user-image .image{width: 100px;}
.upload-user-image .image img{width: 100%}
.upload input {
    position: absolute;
    left: 0;
    opacity: 0;
}
.upload {
    position: relative;
    margin-left: 15px;
}


.upload {
    position: relative;
    margin-left: 15px;
    font-weight: 500;
    border: 1px solid #324158;
    font-size: 12px;
    padding: 15px 15px;
    border-radius: 45px;
    cursor: pointer;
    overflow: hidden;
}
.upload input {
    position: absolute;
    left: 0;
    opacity: 0;
    height: 100%;
    top: 0;
    right: 0;
    cursor: pointer;
}
.cover-image img {
    width: 100%;
    border-radius: 25px;

}
.cover-image-container {
    position: relative;
    width: 90%;
    margin: 0 auto;
}
.user-image img{width: 100%}
.user-image {
    position: absolute;
    bottom: -50px;
    width: 100px;
    left: 60px;
    border: 5px solid #fff;
    border-radius: 50%;
    height: 100px;
}
.upload-icon input {
    opacity: 0;
}
.user-image img {
    border-radius: 50%;
}
.upload-icon img {
    width: 100%;
}

.upload-icon {
    position: absolute;
    width: 40px;
    bottom: -10px;
    right: 0;
    background: #fff;
    border-radius: 50%;
    border: 4px solid #fff;
    right: -18px;
    cursor: pointer;
}
.upload-icon input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    cursor: pointer;
    font-size: 0;
}
.cover-image {
    width: 100%;
    border-radius: 25px;
    margin: 60px auto;
}
.profile-edit, .profile-preview {
    max-width: 90%;
    margin: 0 auto;
}
.gt-note {
    background: #f1f1f1;
    padding: 10px 10px;
    border-radius: 15px;
    font-size: 14px;
}
.form-action.d-flex.launch-action button {
    width: auto;
    padding: 20px 30px;
    border-radius: 45px;
    margin-bottom: 0;
    font-weight: 500;
}
.form-action.d-flex.launch-action a{text-decoration: none}
.form-action.d-flex.launch-action {
    gap: 15px;
}
.form-action.d-flex.launch-action {
    gap: 15px;
    margin-bottom: 30px;
}
.form-action.d-flex.launch-action button.white-bg {
    background: #fff;
    color: #000;
    border: 1px solid #324158;
}
.form-action.d-flex.launch-action a {
    text-decoration: none;
    font-weight: 600;
}
.social-links ul {
    padding: 0;
    justify-content: space-between;
}
.social-links li {
    list-style: none;
}
.social-links li a {
    border: 1px solid #d8d8d8;
    display: block;
    padding: 20px;
    border-radius: 25px;
}
.social-links li img {
    width: 30px;
}
.comment-fig{
    width: 50px;
}
.owner-image {
    width: 42px;
    height: 42px;
}
.search-bar .owner-image {
    width: 47px;
    height: 47px;
}
.owner-image img {
    height: 100%;
    object-fit: cover;
}
.comment-box-text {
    flex: 1;
}
.comment-box-text textarea {
    width: 100%;
    border-color: #d8d8d8;
    padding: 15px;
    border-radius: 25px;
    height: 140px;
    resize: none;
    font-size: 14px;
}

.leave-a-comment, .page-owner {
    border-top: 1px solid #d8d8d8;
    margin-top: 30px;
    padding-top: 30px;
}

.leave-a-comment h3, .page-owner h3, .top-contributor h3 {
    font-size: 20px;
    font-weight: 600;
}
.leave-a-comment a {
    color: #555;
    font-size: 12px;
}
.contact-btn button {
    border: none;
    background: #f2f2f2;
    padding: 15px 20px;
    border-radius: 45px;
    font-size: 14px;
    color: #324158;
}
.owner-detail h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}
#profile-popup .social-links h3 {
    font-size: 14px;
    font-weight: 600;
}
#profile-popup .social-links li a {
    border: 1px solid #d8d8d8;
    display: block;
    padding: 0;
    border-radius: 65px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#profile-popup .social-links li img {
    width: 15px;
}
#profile-popup .social-links ul {
    margin: 0;
}
#profile-popup .d-flex.gap-3.user-detail-mb-15 {
    padding: 20px 30px 0;
}
#profile-popup .bio {
    padding: 0 20px;
}
#profile-popup .contributor-body{padding: 0}
.social-links.active-pages li + li {
    margin-left: -10px;
}
.social-links.active-pages li img {
    width: 40px !important;
    border-radius: 50%;
    border: 3px solid #fff;
    height: 40px !important;
}
.social-links.active-pages li {
    width: 40px;
}
.social-links.joined.active-pages li {
    width: 40px;
    height: 40px;
}
#profile-popup .social-links {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding: 15px 30px;
    margin-bottom: 15px;
}
#profile-popup ul.d-flex.justify-content-start.mr-2 {
    margin-right: 8px !important;
}
.mb-0{
    margin-bottom: 0;
}
.profile-dropdown img {
    width: 100%;
}

.profile-dropdown {
/*    width: 16px;*/
    position: relative;
}
.profile-dropdown a img {
    width: 50%;
}
div#supporter > div {
    margin-bottom: 15px;
}
div#supporter > div:last-child {
    margin-bottom: 0;
}
.profile-dropdown a {
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
#contributions-popup .popup-body {
    max-height: 70vh;
    overflow-y: auto;
    padding: 20px 20px;
}
#contributions-popup .com-inner {
    padding: 0 40px;
    padding-right: 15px;
}
#contributions-popup .your-comment .comment p {
    color: #555;
    padding-left: 38px;
    padding-top: 6px;
    font-size: 12px;
}
.color555{
    color: #555 !important;
}
.com-inner {
    padding: 0 40px;
}
.w100{width: 100%}
.profile-dropdown ul li a {
    color: #000;
    text-decoration: none;
    width: 100%;
    display: block;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 7px 0;
    font-size: 14px;
}
.search-bar.d-flex .search {
    position: relative;
}
.search-bar.d-flex .search img {
    width: 17px;
    position: absolute;
    left: 13px;
    top: 19px;
}
.contribute-now .share-page a {
    text-decoration: none;
    font-weight: 600;
    color: #00200A;
}
.copy-inner .copy-link img {
    width: 16px;
}
.copy-inner {
    position: relative;
}
.copy-inner .copy-link {
    position: absolute;
    top: 14px;
    right: 12px;
    font-size: 12px;
    font-weight: 600;
    margin: 0 !important;
}
.copy-inner .copy-link img {
    width: 13px;
    margin-right: 4px;
}
.copy-link h3 {
    font-size: 14px;
}
.social-links h3 {
    font-size: 15px;
}
#share-this-profile .copy-link {
    margin-bottom: 40px;
    
}
#share-this-profile .copy-link input[type="text"] {
    background: #f1f1f1;
    border: 1px solid #d8d8d8;
    width: 100%;
    height: 45px;
    border-radius: 15px;
    font-size: 13px;
    padding-left: 12px;
}
#share-this-profile .social-links li a img {
    width: 18px;
}
#share-this-profile .social-links li a {
    border: 1px solid #d8d8d8;
    display: block;
    padding: 0;
    border-radius: 55px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-dropdown ul img {
    width: 17px;
}
.profile-dropdown ul {
    padding: 0;
    list-style: none;
    background: #fff;
    position: absolute;
    background: #fff;
    border: 1px solid #d8d8d8;
    width: 200px;
    padding: 11px;
    border-radius: 25px;
    right: 10px;
}
#profile-popup p{font-size: 14px;}
.bb-0 {
    border-bottom: none !important;
}

.owner-detail p {
    font-size: 14px;
    margin-bottom: 0;
}
.funding-goal {
    border: 1px solid #d8d8d8;
    padding: 0px;
    border-radius: 30px;
}
.funding-goal-wrapper {
    padding: 40px 20px 30px;
}
.fund-raised {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
}
.target {
    background: #f2f2f2;
    padding: 8px 12px;
    font-size: 12px;
    border-radius: 50px;
    font-weight: 500;
    white-space: nowrap;
}
.top-contributor h3 {
    font-size: 16px;
}
.total-amount {
    color: #555555;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px;
}
.percentage-bar span {
    width: 50%;
    height: 100%;
    background: #6855ff;
    display: block;
    border-radius: 35px;
}
.target-left {
    color: #555;
    font-size: 14px;
}
.percentage-bar {
    background: #f4f4f4;
    height: 10px;
    margin-top: 10px;
    border-radius: 25px;
    margin-bottom: 10px;
    overflow: hidden;
}
.share-page {
    font-size: 14px;
    font-weight: 700;
}

.contribute-now button.contribute {
    background: #000;
    color: #fff;
    padding: 25px 20px;
    border-radius: 50px;
    border: none;
    font-size: 14px;
    font-weight: 600;
}
.share-page img {
    margin-right: 4px;
}

.contribute-now {
    margin-top: 20px;
}
.contribute-now .contribute img{width: 20px}
.top-contributor {
    border-top: 1px solid #d8d8d8;
    padding-top: 35px;
    margin-top: 0px;
    padding: 25px 25px;
}
.contributor-wrapper {
    padding: 8px 0;
}
.contributor-wrapper .contributor-detail h4 {
    font-weight: 700;
}
.contributor-list-bg {
    background: #f2f2f2;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
    align-items: center;
    display: flex;
    margin-right: 8px;
    justify-content: center;
}
.contributor-wrapper p {
    margin: 0;
}
.contributor-list-bg img {
    width: 25px;
}
.contributor-detail h4 {
    font-size: 15px;
}
.contributor-detail h4 {
    font-size: 15px;
    margin: 0;
}
.contributor-detail p {
    font-size: 14px;
    margin: 0;
}
.amount-contributes .amount {
    font-weight: 700;
}

.amount-contributes {
    font-size: 14px;
}
.see-all a {
    border: none;
    background: #f2f2f2;
    padding: 15px 15px;
    border-radius: 45px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    display: inline-block;
}
.see-all {
    margin-top: 20px;
}
/*
.popup-box {
    position: fixed;
     background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px); 
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    z-index: 99;
    display: none;
}
*/
.popup-box {
    position: fixed;
    background: rgb(37 37 37 / 46%);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    z-index: 99;
    display: none;
}
#delete-popup.popup-box {
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px); /* Safari ke liye */;
}
.custom-btn a {
    display: inline-block;
    width: 50%;
}
.cancel {
    cursor: pointer;
}
.transaction-summary .leave-a-comment {
    border-top: none;
    margin-top: 10px;
    padding-top: 20px;
}
.transaction-summary .leave-a-comment h3 {
    font-size: 14px;
    font-weight: 700;
}
.transaction-summary .leave-a-comment .comment-fig {
    width: 40px;
}
.transaction-summary .comment-box-text textarea {
    height: 100px;
    font-size: 14px;
}
#contribution #section-4 .contributor-list-bg {
    flex-shrink: 0;
}
.popup-header {
    padding: 25px 25px 20px;
    border-bottom: 1px solid #d8d8d8;
}
.contributor-body {
    padding: 25px;
/*    border-top: 1px solid #d8d8d8 !important;*/
    min-height: 240px;
}
.popup-header h2 {
    margin: 0;
}
#contribution #section-4 .contributor-list-bg {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
#contribution #section-4 .contributor-list-bg img{width: 100%}
.popup-inner {
    position: absolute;
    top: 0;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;
    border: 1px solid #d8d8d8;
    border-radius: 45px;
    width: 500px;
    box-shadow: 0 0 40px 34px rgba(0, 0, 0, 0.05);
}
.recommended {
    position: absolute;
    background: transparent;
    font-size: 9px;
    position: absolute;
    bottom: 10px;
    border-radius: 9px;
    letter-spacing: 0px;
    padding: 1px 4px;
    font-weight: 600;
}
.popup-header h2 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    text-align: center;
}
.popup-body .owner-detail h3 {
    font-size: 14px;
}
#contribution .popup-header h2 {
    text-align: left;
}
img.gift-box {
    width: 17px;
    margin-top: -9px;
}
.contributor-body h4 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
}
.amount-box {
    flex: 1;
    border: 1px solid #d4d4d4;
    text-align: center;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}
input[type="text"] {
    background: #fcfcfc;
    border: 1px solid #d8d8d8;
    width: 100%;
    height: 45px;
    border-radius: 15px;
}
.enter-amount {
    margin-top: 25px;
    position: relative;
}
.enter-amount input[type="text"] {
    background: none;
    border: 1px solid #d8d8d8;
    width: 100%;
    height: 45px;
    border-radius: 15px;
    padding-left: 15px;
    padding-right: 45px;
    font-size: 14px;
    color: #243234;
    font-weight: 500;
    font-weight: 400;
}
.decimal-price {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    font-weight: 700;
}
.popup-footer{
    padding: 25px;
/*    padding-top: 0;*/
}
.popup-footer .popup-action button {
    background: #000 !important;
    color: #fff !important;
    border-radius: 35px;
    padding: 15px 25px;
    border: 1px solid #000 !important;
    
}
.popup-action {
    text-align: right;
}
.popup-header .cancel {
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 22px;
}
.amount-box{position: relative;}
.amount-box label {
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
}
.amount-box input:checked + label {
/*    background: #f5f5f5;*/
    border: 1px solid #324158;
}
.amount-box input {
    width: 100%;
    height: 100%;
    border-radius: 0;
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
button.btn.back-btn.white-bg {
    background: #fff !important;
    border: 1px solid #000 !important;
    color: #000 !important;
}
.d-flex.w100 {
    width: 100%;
}
.note .d-flex.w100 img {
    width: 10px;
    margin-right: 6px;
}
.note p a {
    color: #000;
}
.side-pannel-inner .side-menu img {
    width: 16px;
    margin-right: 9px;
}
.profile-detail.card .side-menu img {
    width: 18px;
    margin-right: 5px;
}
.profile-detail-inner h4 {
    font-size: 20px;
    font-weight: 700;
}
.profile-detail-inner p {
/*
    color: #ababab;
    color: #555;
*/
    font-size: 14px;
    margin-bottom: 20px;
}
.side-pannel-inner .side-menu li.active a {
    background: #f8f8f8;
    border-radius: 15px;
}
.profile-detail.card .side-menu li.active a {
    background: #f8f8f8;
    border-radius: 15px;
}
.profile-detail.card .side-menu {
    padding-left: 10px;
    padding-right: 10px;
}
.note .d-flex.w100 p{margin-top: 0;}
p.conti-amount {
    font-size: 12px;
    display: flex;
    align-items: start;
}
p.conti-amount img{margin-right: 5px;}
#section-2 p.conti-amount img {
    margin-right: 5px;
    margin-top: 3px;
    margin-left: -21px;
}
#section-2  .contributor-body p {
    flex-wrap: wrap;
    font-size: 14px;
    padding-left: 20px;
}
#section-2 #contribution .contributor-body p {
    font-size: 14px;
    /* white-space: nowrap; */
    flex-wrap: wrap;
}
.pay-switcher {
    background: #f1f1f1;
    height: 50px;
    border-radius: 55px;
    display: flex;
    position: relative;
}
.pay-switcher button.pay-check {
    width: 50%;
    border: none;
    margin: 0;
    background: none;
    position: relative;
    z-index: 9;
    font-size: 14px;
}
.heighlighter {
    background: #6855ff;
    height: 100%;
    width: 50%;
    position: absolute;
    left: 0;
    z-index: 0;
    border-radius: 45px;
}
.transaction-summary ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.transaction-summary li {
    display: flex;
    justify-content: space-between;
}
.transaction-summary li {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    font-size: 14px;
}
.transaction-summary li.total {
    border-top: 1px solid #d8d8d8;
    margin-top: 15px;
    padding-top: 20px;
    font-weight: 600;
}
.do-not-show label {
    font-size: 14px;
    font-weight: 500;
}
.do-not-show p {
    font-size: 12px;
    padding-left: 18px;
}
.do-not-show input {
    position: relative;
    top: 3px;
    float: left;
    margin-right: 5px;
}
div#contribution #section-4 .contributor-body p {
    font-size: 12px;
}
#contribution #section-4 .transaction-summary {
    background: #ffffff;
    border-radius: 25px;
    padding: 25px 0;
    border: 1px solid #d8d8d8;
}
#contribution #section-4 .transaction-summary h4 {
    padding: 0 25px;
}
#contribution #section-4 .transaction-summary h4 {
    padding: 0 25px;
}
#contribution #section-4 .transaction-summary li{
    padding-left: 25px; padding-right: 25px;  padding-bottom: 0;
}
#contribution #section-4 .transaction-summary.comment-for-you > .d-flex.justify-content-between {
    padding: 0 25px;
}
.top-contributor .contributor-list-bg img {
    width: 100%;
    border-radius: 50%;
    height: 100%;
}
.top-contributor .amount-contributes {
    font-size: 13px;
}
#contribution #section-4 .transaction-summary li.total {
    padding-top: 20px;
}

.transaction-summary.comment-for-you{margin-top: 15px;}
.transaction-summary.comment-for-you .user-desc {
    margin-top: 10px;
}
.transaction-summary.comment-for-you .owner-image {
    width: 40px;
    flex-shrink: 0;
}
.side-menu {
    background: #f1f1f1;
    padding: 25px;
    border-radius: 25px;
}
.login-user-detail .user img {
    width: 100%;
}

.login-user-detail .user {
    width: 50px;
}
.login-user-detail .user {
    width: 50px;
    margin-right: 12px;
}
.side-menu .user-info h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}
.side-menu .user-info p{margin-bottom: 0;}
.side-menu .side-menu-inner ul {
    padding: 0;
    list-style: none;
}
.side-menu-inner {
    margin-top: 20px;
}
.side-menu .side-menu-inner ul li a {
    color: #000;
    text-decoration: none;
    padding: 8px 0;
    display: block;
    font-weight: 600;
    font-size: 14px;
}
.custom-select {
    background: transparent;
    border: 1px solid #d8d8d8;
    border-radius: 15px;
    height: 45px;
    padding: 8px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    cursor: pointer;

}
description-toggle {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-top: -33px;
    padding: 0 16px;
    color: #555;
}
.description-toggle {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #555;
}
.custom-select img {
    width: 14px;
}
.custom-dropdown {
    border: 1px solid #d8d8d8;
    border-radius: 25px;
    padding: 15px 20px;
    margin-top: 8px;
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 9;
}
.profile-edit .note.note.flex-direction-column input[type="checkbox"] {
    width: 17px;
    height: 17px;
    margin-top: 3px;
    float: left;
    margin-right: 6px;
}
#live a.btn.btn-primary.dots-3 img {
    margin: 0;
}
.drop-sec {
    display: flex;
}
.drop-sec .check {
    margin-right: 10px;
}
.drop-sec .drop-text h3 {
    font-size: 20px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
    margin-top: 2px;
}
.cover-image-container .edit-cover-image {
    position: absolute;
    right: 50px;
    bottom: -18px;
}

.f-amount span {
    position: absolute;
    right: 16px;
    top: 9px;
    color: #ababab;
    font-weight: 700;
}
.f-amount {
    position: relative;
}
.drop-sec .drop-text p {
    font-size: 14px;
    color: #555;
}
.drop-sec .check input {
    width: 18px;
    height: 18px;
    margin-top: 3px;
}

.drop-sec {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 15px;
}
.custom-wrapper{position: relative;}
.form-group p {
/*    color: #636363;*/
    font-size: 14px;
}
.note label {
    font-weight: 600;
    color: #555;
}
#live .card-body .profile-dropdown {
    width: auto;
}
.profile-dropdown ul {
    padding: 0;
    list-style: none;
    background: #fff;
    position: absolute;
    background: #fff;
    border: 1px solid #d8d8d8;
    width: 200px;
    padding: 11px;
    border-radius: 25px;
    right: 0;
    top: 30px;
    display: none;
    z-index: 8;
}
div#supporter .profile-dropdown ul {
    padding: 0;
}

#live  .profile-dropdown ul {
    list-style: none;
    background: #fff;
    position: absolute;
    background: #fff;
    border: 1px solid #d8d8d8;
    width: 200px;
    padding: 0px;
    border-radius: 25px;
    right: 10px;
    bottom: 40px;
    display: none;
    top: inherit;
    z-index: 8;
    padding: 10px 0;
}
#live .profile-dropdown {
    position: relative;
}
.note div {
    color: #636363;
    padding-left: 16px;
    font-size: 14px;
    background: none;
}
.form-group.social-link {
    margin-top: 20px;
}
.note {
    margin-top: 15px;
}
.profile-preview .title-section h2, .profile-preview .title-section h1 {
    font-size: 20px;
    font-weight: 700;
}
.profile-preview .title-section p {
    color: #555;
    font-size: 14px;
    font-weight: 400;
}
.profile-preview .social-links li a {
    border: 1px solid #d8d8d8;
    display: block;
    padding: 20px;
    border-radius: 85px;
}
.profile-preview .social-links li img {
    width: 20px;
}
.profile-preview  .social-links li a {
    border: none;
    display: block;
    padding: 0;
    border-radius: 85px;
    height: 35px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.funding-goal {
    border: 1px solid #d8d8d8;
    padding: 0px;
    border-radius: 50px;
    margin-left: 30px;
    position: sticky;
    top: 100px;
}
.funding-goal .funding-goal-wrapper h4 {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 30px;
}
.flex-direction-column {
    flex-direction: column;
}
.user-detail-mb-15{margin-bottom: 15px;}
div#all-contributor-popup .amount-and-date span {
    font-weight: 700;
}

div#all-contributor-popup .amount-and-date {
    font-size: 14px;
}
div#all-contributor-popup .contributor-body > div {
    margin-bottom: 20px;
}
div#all-contributor-popup .contributor-body > div:last-child {
    margin-bottom: 0px;
}
#all-contributor-popup .owner-detail h3 {
    font-weight: 700;
    font-size: 15px;
}
.edit-profile {
    position: absolute;
    right: 0;
    bottom: -65px;
}
.edit-profile a {
    color: #243234;
    border: 1px solid #324158;
    padding: 15px 20px;
    border-radius: 35px;
    display: block;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    font-weight: 600;
}
.edit-profile a img {
    margin-right: 3px;
}
.profile-preview {
    margin-top: 40px !important;
}
.edit-profile a:hover {
    background: #f5f5f5;
}
.edit-profile a img {
    width: 18px;
}
.profile-preview .page-owner {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
input[type="text"]:focus, textarea:focus {
    /* border: none !important; */
    box-shadow: none !important;
    outline: none;
}
.about-description h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}
.profile-description.about-description {
    border-top: 1px solid #d8d8d8;
    margin-top: 30px;
    padding-top: 30px;
}
.target .divider {
    margin: 0 5px;
}
.side-panel .logo img {
    width: 100%;
}

.side-panel {
    width: 230px;
    padding: 0 20px;
    box-sizing: content-box;
    height: 100vh;
/*    border-right: 1px solid #e0e0e0;*/
    /* float: left; */
    background: #fff;

}
.profile-detail.card {
    border: none;
    border-radius: 40px;
    padding: 35px 35px;
    margin-bottom: 100px;
}
.earning-amount {
    font-weight: 800;
    font-size: 88px;
    color: #243234;
}
.dashboard-section.user-prof .earning-amount {
    margin-top: 20px;
    margin-bottom: 70px;
}
.total-contribution span {
    width: 20px;
    height: 20px;
    background: #bf97ff;
    display: block;
    border-radius: 5px;
}
.total-contribution {
    display: flex;
    font-size: 14px;
}
.profile-header h3 {
    font-size: 20px;
}
.user-icon img {
    width: 100%;
    border-radius: 50%;
    height: 100%;
    object-fit: cover;
}
.dashboard-section.user-prof .user-icon img {
    width: 100%;
    border-radius: 50%;
    height: 100%;
    object-fit: cover;
}
.location-box select {
    width: 100%;
    border: 1px solid #d8d8d8;
    height: 45px;
    border-radius: 15px;
    padding-left: 10px;
    font-size: 13px;
    appearance: none;
    outline: none;
}
div#message-notification {
    width: calc(100% - 271px) !important;
    float: right;
}
.notification-alert {
    width: calc(100% - 271px) !important;
    float: right;
    position: relative;
}
.notification-alert img {
    width: 20px;
    margin-right: 5px;
    float: left;
}
.notification-alert .left-bar {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 35px;
    border: 1px solid #d8d8d8;
}
.notification-alert .alert-inner {
    text-align: center;
    position: fixed;
    width: 100%;
    left: 0px;
    bottom: -60px;
    right: 0;
    opacity: 0;
    transition: all 0.5s ease;
    z-index: 999;
}
.notification-alert.show-notification .alert-inner {
    bottom: 10px;
    opacity: 1;
}
.notification-alert .left-bar {
    display: inline-block;
    padding: 5px 20px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 35px;
    background: #fff;
    border: 1px solid #d8d8d8;
}
div#link-copied.show-notification .alert-inner {
    bottom: 50px !important;
}
.notification-alert .left-bar {
    display: inline-block;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 14px;
}
.user-icon {
    width: 40px;
    height: 40px;
    margin-right: 5px;
}
.profile-detail.card .side-menu {
    border: 1px solid #d8d8d8;
}
.total-contribution span {
    width: 20px;
    height: 20px;
    background: #bf97ff;
    display: block;
    border-radius: 5px;
    margin-right: 5px;
}
.total-contribution, .total-page-view {
    display: flex;
    font-size: 14px;
}
.total-page-view span {
    width: 20px;
    height: 20px;
    background: #8fffde;
    display: block;
    border-radius: 5px;
    margin-right: 5px;
}
.profile-detail .user-detail h3 {
    margin: 0;
    font-size: 20px;
    margin-bottom: 3px
}
.profile-detail .user-detail p{margin-bottom: 0;}
.profile-header select, .select-days select {
    word-wrap: normal;
    border: 1px solid #1a1a1a;
    border-radius: 38px;
    height: 47px;
    margin-left: 15px;
    padding: 0 11px;
    font-size: 14px;
    appearance: none;
    font-weight: 600;
    background: url(../images/arrow-angle.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center right 14px;
    padding-right: 35px !important;
    outline: none;
}
.mr-5{margin-right: 5px !important}
.side-panel .logo img {
    width: 100%;
}
.side-menu ul {
    list-style: none;
    padding: 0;
}
.your-comment .user-icon {
    width: 30px;
    height: 30px;
}
.side-menu ul li a {
    color: #243234;
    text-decoration: none;
    padding: 15px 12px;
    display: block;
    font-size: 14px;
}
.verification-sites img + img {
    margin-left: -14px;
    border: 1px solid #fff;
}

.verification-sites img {
    border-radius: 50%;
    width: 40px;
    border: 1px solid #fff;
}
.verification-sites {
    margin-bottom: 15px;
    margin-top: 12px;
}
.side-menu {
    background: none;
    padding: 25px 0;
    padding-left: 10px;
    border-radius: 25px;
    padding-right: 10px;
}
.profile-header h3 {
    font-size: 16px;
    font-weight: 700;
}
.user-detail h3 {
    font-weight: 600;
    font-size: 17px !important;
}
.user-detail p {
    font-size: 14px;
}
.profile-detail.card .edit {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 3px;
    cursor: pointer;
}
.preview-btn a {
    color: #243234;
    text-decoration: none;
    border: 1px solid #324158;
    padding: 12px 20px;
    border-radius: 115px;
    font-size: 14px;
    font-weight: 600;
    display: block;
}
.profile-detail.card .side-menu {
    padding-top: 0;
    padding-bottom: 0;
}
.profile-detail.card .side-menu ul li a {
    padding: 15px 15px;
}
.right-side-panel {
    width: calc(100% - 271px);
    float: right;
}
.side-panel .logo {
    margin: 18px 20px 10px;
    width: 45px;
}
.p-15 {
    padding: 0 15px;
}
.note {
    display: flex;
}
.note div img {
    width: 100%;
}
.note p {
    font-size: 10px;
    text-align: left;
    margin: 0;
    line-height: 12px;
    margin-top: 4px;
}
.note div {
    color: #636363;
    padding-left: 0;
    font-size: 14px;
    background: none;
    padding-right: 9px;
    width: 40px;
}
button.launch-btn img {
    width: 18px;
    margin-right: 4px;
}

.search input {
    font-size: 14px;
    border-radius: 90px;
    padding: 8px 15px;
    height: 54px;
    margin-right: 0;
    font-size: 13px;
    width: 240px;
    padding-left: 35px;
    background: none;
}
button.launch-btn, a.launch-btn {
    background: #6855ff;
    border: none;
    padding: 13px 20px;
    border-radius: 65px;
    font-weight: 700;
    font-size: 14px;
    margin-left: 10px;
}
a.launch-btn {
    background: none;
}
.search-bar button.launch-btn {
    padding: 18px 40px;
    font-size: 12px;
    height: 63px
}

.search-bar.d-flex {
    margin-top: 0px;
}
.header-dashboard.d-flex.justify-content-between.align-items-center {
    margin-top: 0;
    margin-bottom: 20px;
    top: 0;
    position: sticky;
    z-index: 9;
    background: #f8f8f8;
    padding: 18px 0;
}
.right-side-panel h1{font-size: 14px; margin-bottom: 0; font-size: 22px;}
.right-side-panel .container {
    max-width: 900px;
}
div#main-wraper {
    background: #fff;
    display: flex
}
.right-side-panel h1 {
    font-size: 14px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 800;
    text-transform: capitalize;
}
.get-verified {
    margin-top: 20px;
    display: block;
}
.get-verified a {
    background: #000;
    color: #fff;
    text-decoration: none;
    padding: 20px 30px;
    border-radius: 5px;
    border-radius: 75px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
}
.cancel-anytime a {
    text-decoration: none;
    color: #1a1a1a;
    padding: 12px 0;
    display: block;
    font-size: 14px;
}
.cancel-anytime {
    margin-bottom: 30px;
}
.profile-detail .user-detail p {
    margin-bottom: 0;
    color: #555;
}
.cancel-subscription a img {
    width: 10px;
    flex-shrink: 0;
}

.cancel-subscription a {
    color: #1a1a1a;
    text-decoration: none;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    padding: 20px 20px;
    width: 100%;
    display: block;
    border-radius: 20px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}
.col-md-4.sticky-side-panel {
    position: sticky;
    top: 110px;
}
#are-you-sure .popup-body p {
    padding: 0 60px;
    text-align: center;
    color: #636363;
}

#are-you-sure .popup-body h3 {
    text-align: center;
    font-size: 18px;
    padding: 20px 0;
    width: 290px;
    margin: 0 auto;
    font-weight: 600;
}
.sure-action {
    text-align: center;
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #f1f1f1;
}
.sure-action a {
    color: #243234;
    text-decoration: none;
    flex: 1;
    text-align: center;
    max-width: 50%;
    padding: 20px 0;
    border-right: 1px solid #f1f1f1;
    font-weight: 500;
    font-size: 15px;
}
.profile-detail-inner .contribute-box .amount span {
    font-weight: 700;
}
.your-comment {
    position: relative;
    padding-left: 54px;
    padding-top: 29px;
}
.your-comment .user-icon img {
    border-radius: 64px;
}
.your-comment .user-detail h3 {
    font-weight: 600;
    font-size: 14px !important;
}
.your-comment  .user-detail p {
    font-size: 12px;
} 
.your-com {
    background: #f8f8f8;
    font-size: 10px;
    align-self: flex-start;
    padding: 6px 15px;
    border-radius: 105px;
    font-weight: 500;
}
.you-can-view {background: #f8f8f8;}
.you-can-view p{margin-bottom: 0;}
.your-comment .comment p {
    color: #555;
    padding-left: 46px;
    padding-top: 6px;
    font-size: 14px;
}
.you-can-view p {
    font-size: 12px;
    color: #243235;
}

.you-can-view {
    background: #f8f8f8;
    padding: 10px 10px;
    border-radius: 14px;
    margin: 11px 0;
}
.ltime {
    margin-top: 10px;
}

.ltime p {
    color: #1a1a1a;
}
.contribute-box:not(:last-child) {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 20px;
}
.select-days select {
    border: 1px solid #1a1a1a;
    border-radius: 35px;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 600;
}
.your-comment:after {
    border: 2px solid #d8d8d8;
    padding: 20px 13px;
    content: "";
    position: absolute;
    top: 4px;
    border-right: none;
    border-top: none;
    left: 21px;
    border-radius: 0 0 0 9px;
}
.vertical-social li .social-icon img, .page-creation.social-links ul li .social-icon img, #sociallinksform ul li .social-icon img {
    width: 20px;
}

#send-your-contribution .your-comment:after {
    left: 8px;
}
#send-your-contribution .your-comment {
    padding-left: 42px;
}
#send-your-contribution  .your-comment .user-detail h3 {
    margin: 0;
}
#send-your-contribution  .your-comment .user-detail p{margin-bottom: 0;}
.vertical-social li .social-icon, .page-creation.social-links ul li .social-icon, #sociallinksform ul li .social-icon {
    border: 1px solid #d8d8d8;
    display: block;
    padding: 0;
    border-radius: 105px;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.page-creation.social-links .social-icon, .page-creation.social-links .delete a, .page-creation.social-links .social-icon {
    border: none;
}
.page-creation.social-links .social-icon {
    border: none !important;
}
.page-creation.social-links  .delete img {
    width: 20px;
}
.page-creation.social-links ul li .delete {
    margin-left: 5px !important;
}
.page-creation.social-links {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 35px;
    padding: 10px 20px;
}
.page-creation.social-links li input[type="text"] {
    border-radius: 20px;
    font-size: 14px;
    padding: 0 12px;
    background: #f8f8f8;
    height: 50px
}
.vertical-social li input[type="text"], #sociallinksform li input[type="text"] {
    border-radius: 45px;
    font-size: 14px;
    padding: 0 12px;
}
.vertical-social li:not(:last-child), .page-creation.social-links ul li:not(:last-child){
    margin-bottom: 12px;
}
.vertical-social li .delete, .page-creation.social-links ul li .delete, #sociallinksform ul li .delete {
    margin-left: 15px;
}
.profile-detail-inner .contribute-box .amount {
    font-size: 14px;
}
#are-you-sure .popup-body h3 {
    text-align: center;
    font-size: 20px;
    padding: 50px 0 30px;
    width: 310px;
    margin: 0 auto;
    font-weight: 600;
}
.sure-action {
    text-align: center;
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #d8d8d8;
}
.sure-action a {
    color: #243234;
    text-decoration: none;
    flex: 1;
    text-align: center;
    max-width: 50%;
    padding: 20px 0;
    border-right: 1px solid #d8d8d8;
}
#are-you-sure .popup-body p {
    padding: 0 60px;
    text-align: center;
    color: #636363;
    font-weight: 300;
}
.sure-action a:last-child{border-right: none}
img.verified {
    width: 13px !important;
    height: 13px !important;
}
.total-votes img {
    width: 17px;
}
.poll-date {
    font-size: 12px;
    color: #728089;
    margin-top: 20px;
}
.participate-confidently.d-flex {
    border-top: 1px solid #d8d8d8;
    margin-top: 30px;
    padding-top: 30px;
}
.my-poll-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.my-poll-header a.btn.btn-primary.dots-3 {
    border: 1px solid #d8d8d8 !important;
    width: 40px !important;
    height: 40px !important;
    background: #fff;
}
.poll-ended p {
    margin: 0;
    color: #ff004d;
    font-size: 12px;
    font-weight: 500;
}
.back-to-poll a {
    color: #728089;
    text-decoration: none;
    font-size: 12px;
    border: 1px solid #d8d8d8;
    border-radius: 43px;
    padding: 10px;
}
.back-to-poll a img {
    float: left;
    margin-top: 5px;
    opacity: 0.7;
    margin-right: 4px;
    width: 8px;
}

.back-to-poll a {
    color: #728089;
    text-decoration: none;
    font-size: 12px;
    border: 1px solid #d8d8d8;
    border-radius: 43px;
    padding: 10px;
    font-weight: 400;
}
.back-to-poll a:hover {
    background: #f1f1f1;
}
.my-poll.poll-ended-full {
    margin-top: 40px;
}
.icon-p img {
    width: 100%;
}
.poll-header h2 {
    font-size: 15px;
    margin: 0 !important;
}
.participate-confidently.d-flex p {
    margin: 0;
}


.p-details h2 {
    margin: 0;
}
.p-details p {
    font-size: 12px;
}
.icon-p {
    width: 20px;
    margin-right: 10px;
}
.participate-confidently.d-flex .icon-p {
    width: 25px;
    margin-right: 10px;
}    
.participate-confidently.d-flex h2 {
    font-size: 15px !important;
    margin-top: 5px !important;
}   
#pollContainer .load-more {
    margin-top: 0 !important;
}
.get-verified img {
    margin-left: 4px;
}
.social-icon {
    width: 30px;
    margin-right: 12px;
}
.social-icon img{
    width: 100%
}
.profile-detail-inner ul.d-flex.flex-direction-column {
    margin: 0;
    padding: 0;
}
.live-draft a.active {
    background: #f8f8f8;
    font-weight: 700 !important;
}

div#support p {
    margin-bottom: 50px;
}
.custom-select span img {
    transform: rotate(-90deg);
}
.custom-wrapper .custom-dropdown a {
    color: #45505d;
    text-decoration: none;
    padding: 8px 0px;
    display: block;
}
.custom-wrapper li {
    list-style: none;
    padding: 0;
}
.custom-dropdown ul {
    padding-left: 15px;
}
.custom-wrapper .custom-dropdown a {
    color: #45505d;
    text-decoration: none;
    padding: 10px 0px;
    display: block;
    font-size: 14px;
}
.custom-dropdown ul {
    margin-bottom: 0;
}
.custom-dropdown ul {
    padding-left: 5px;
}
#support-text-popup .popup-body {
    padding: 25px 30px;
    text-align: center;
}
#support-text-popup .popup-footer {
    border-top: 1px solid #d8d8d8;
    text-align: center;
}
#support-text-popup .popup-action {
    text-align: center;
}
#support-text-popup .popup-action button {
    border: none !important;
    padding-bottom: 0;
}
#support-text-popup .popup-inner {
    max-width: 400px;
    width: 400px;
}
#support-text-popup .popup-action button{border:none !important}
.d-flex.live-draft a {
    text-decoration: none;
    color: #243234;
    padding: 10px 20px;
    font-weight: 600;
    border-radius: 45px;
    margin-bottom: 15px;
}

#supporter .user-profile.d-flex {
    background: #f8f8f8;
    padding: 15px;
    border-radius: 25px;
}

.location-box {
    position: relative;
}
.location-box img {
    width: 8px;
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.side-pannel-inner {
    position: fixed;
    left: 0;
    width: 270px;
    bottom: 0;
    top: 0;
    padding-left: 15px;
    border-right: 1px solid #e0e0e0;
    background: #fff;
}
.gt-note.w100 {
    width: 100%;
}
div#header-main{transition: all 0.5s ease;}
.active-header div#header-main {
    box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.2);
}
.dashboard-section .side-menu ul {
    list-style: none;
    padding: 0;
    margin-top: 1rem;
}
.profile-dropdown ul li:not(:last-child) {
    border-bottom: 1px solid #d8d8d8;
}
#live .card {
    background: #fafafa;
}
#live a.btn.btn-primary img {
    width: 15px;
    margin-right: 3px;
}
#live .card img.card-img-top {
    border-radius: 39px 39px 0 0 !important;
    height: 190px;
    object-fit: cover;
    width: 100%;
}
.cover-image-container #dropc{height: 330px; object-fit: cover; object-position: center top}
#live .card {
    border-radius: 40px !important;
}
#live a.btn.btn-primary {
    background: #fff;
    border: 1px solid #d8d8d8;
    color: #243234;
    border-radius: 60px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
    width: auto;
}
#live h5.card-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 4px;
    height: auto;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
a.btn.btn-primary.dots-3 {
    padding: 0 !important;
    width: 50px !important;
    height: 50px !important;
}
#live .card-text {
    font-size: 12px;
    font-weight: 500;
}
.dots-3{
    width: 50px;
    height: 50px;
    padding: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-left: 10px;
}
#support .form-group textarea {
    height: 140px;
    resize: none;
}
a.btn.btn-primary.flex-1 {
    flex: 1;
}
#live .card {
    border-radius: 40px !important;
    margin-bottom: 40px;
}
#draft-section{display: none}
.linked-account .get-verified {
    margin-top: 20px;
    display: block;
    margin-bottom: 20px;
}
.ml-15 {
    margin-left: 15px;
}
.get-verified.white a {
    background: #fff;
    border: 1px solid #d8d8d8;
    color: #000;
    width: 280px;
    border-radius: 25px;
}
.get-verified.white a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.get-verified img {
    margin-left: 0;
}
.profile-detail.card.linked-account p {
/*    color: #4b5b5d;*/
}
.bank-row .user-icon {
    width: 60px;
    height: 60px;
    margin-right: 5px;
}
#supporter .profile-dropdown > a {
    border: 1px solid #d8d8d8 !important;
}
.Withdraw-funds a {
    border: 1px solid #324158;
    color: #243234;
    text-decoration: none;
    display: block;
    padding: 25px 30px;
    border-radius: 35px;
    font-size: 14px;
    font-weight: 700;
}
.search-category-box {
    border: 1px solid #d8d8d8;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
    margin: 0 auto;
    border-radius: 45px;
    margin-bottom: 25px;
}
.btn-box {
    background: #202020;
    height: 300px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 55px 55px 0 0;
    flex-direction: column;
    position: relative;
}
.color-picker h5 {
    color: #fff;
    font-size: 15px;
}
.color-pallet ul {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 8px;
}
.color-pallet ul li {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
}
.color-pallet ul li.green {
    background: #6855ff;
}
.color-pallet ul li.yellow {
    background: #fffc00;
}
.color-pallet ul li.blue {
    background: #12b8ff;
}
button.btn-logo img {
    width: 100%;
}
.color-pallet ul li {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}
.show-code{
    padding: 20px 0 !important;
    border-radius: 0 0 55px 55px !important;
}
.btn-box-wrapper-top{
    height: auto;
    padding: 60px 0 100px;

}
.mob-mb-0{margin-bottom: 0 !important}
.color-pallet .picker button#openColorPicker {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}
.color-pallet .picker  input#colorPicker {
    position: absolute;
    visibility: visible !important;
    left: 0;
    top: 0;
    cursor: pointer;
}
li.picker{background: none !important; border: 1px dashed #fff; cursor: pointer; position: relative}
li.picker img {
    width: 58%;
}
.color-picker {
    bottom: 0;
    position: absolute;
}
button.btn-logo {
    background: #6855ff;
    width: 250px;
    padding: 15px 25px;
    border: none;
    border-radius: 80px;
}
.btn-box-bg {
    padding: 35px;
    border-radius: 0 0 55px 55px;
}
.btn-box-bg button.btn-bordered {
    border: 115px;
    font-weight: 600;
    padding: 20px 30px;
    border-radius: 45px;
}
.gray-code-box{
    background: #f4f4f4;
    border: 1px solid #d8d8d8;
}
.gray-code-box {
    background: #f4f4f4;
    border: 1px solid #d8d8d8;
    border-radius: 25px;
    font-family: 'Inter';
    position: relative;
    padding: 20px 10px 10px;
}
.copy-code {
    margin-bottom: 9px;
    font-size: 14px;
    margin-top: 15px;
}

pre {
    margin-bottom: 0;
}
.gray-code-box .close {
    position: absolute;
    right: 16px;
    top: 10px;
    cursor: pointer;
}
.copy-code img {
    width: 15px;
    margin-right: 4px;
}

.copy-code {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
}
.copy-code img{
    width:14px;
}
.static-text h1 {
/*    color: #243234;*/
    margin-top: 30px;
    font-weight: 600;
    font-size: 28px;
}
.static-text h2 {
    font-size: 16px;
    color: #00200a;
    font-weight: 700;
}
.static-text .back img {
    width: 15px;
    margin-right: 6px;
}

.static-text .back {
    margin-top: 30px;
    font-size: 15px;
}
.static-text .back a {
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 500;
}
.send button {
    background: #000;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 15px 30px;
    border-radius: 35px;
}
.text-right {
    text-align: right;
}
.notification.d-flex.justify-content-between .left-sec {
    width: 50%;
}
.notification.d-flex.justify-content-between h4 {
    font-size: 16px;
    font-weight: 700;
}
.notification.d-flex.justify-content-between p {
    font-size: 14px;
}
.delete-btn a {
    color: #ff0000;
    text-decoration: none;
    border: 1px solid #ff0000;
    display: block;
    padding: 15px 15px;
    border-radius: 45px;
    font-size: 14px;
    font-weight: 600;
}
.btn-toggle {
  margin: 0 4rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
  color: #6b7381;
  background: #bdc1c8;
}
.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
  outline: none;
}
.btn-toggle:before,
.btn-toggle:after {
  line-height: 1.5rem;
  width: 4rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle:before {
  content: 'Off';
  left: -4rem;
}
.btn-toggle:after {
  content: 'On';
  right: -4rem;
  opacity: 0.5;
}
.btn-toggle > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.active {
  transition: background-color 0.25s;
}
.btn-toggle.active > .handle {
  left: 1.6875rem;
  transition: left 0.25s;
}
.btn-toggle.active:before {
  opacity: 0.5;
}
.btn-toggle.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.4125rem;
  width: 2.325rem;
}
.btn-toggle.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
  display: none;
}
.btn-toggle:before,
.btn-toggle:after {
  color: #6b7381;
}
.btn-toggle.active {
  background-color: #00BB0C;
}
.btn-toggle.btn-lg {
  margin: 0 5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 2.5rem;
  width: 5rem;
  border-radius: 2.5rem;
}
.btn-toggle.btn-lg:focus,
.btn-toggle.btn-lg.focus,
.btn-toggle.btn-lg:focus.active,
.btn-toggle.btn-lg.focus.active {
  outline: none;
}
.btn-toggle.btn-lg:before,
.btn-toggle.btn-lg:after {
  line-height: 2.5rem;
  width: 5rem;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle.btn-lg:before {
  content: 'Off';
  left: -5rem;
}
.btn-toggle.btn-lg:after {
  content: 'On';
  right: -5rem;
  opacity: 0.5;
}
.btn-toggle.btn-lg > .handle {
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 1.875rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.btn-lg.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-lg.active > .handle {
  left: 2.8125rem;
  transition: left 0.25s;
}
.btn-toggle.btn-lg.active:before {
  opacity: 0.5;
}
.btn-toggle.btn-lg.active:after {
  opacity: 1;
}
.btn-toggle.btn-lg.btn-sm:before,
.btn-toggle.btn-lg.btn-sm:after {
  line-height: 0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.6875rem;
  width: 3.875rem;
}
.btn-toggle.btn-lg.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-lg.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-lg.btn-xs:before,
.btn-toggle.btn-lg.btn-xs:after {
  display: none;
}
.btn-toggle.btn-sm {
  margin: 0 0.5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
}
.btn-toggle.btn-sm:focus,
.btn-toggle.btn-sm.focus,
.btn-toggle.btn-sm:focus.active,
.btn-toggle.btn-sm.focus.active {
  outline: none;
}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  line-height: 1.5rem;
  width: 0.5rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle.btn-sm:before {
  content: 'Off';
  left: -0.5rem;
}
.btn-toggle.btn-sm:after {
  content: 'On';
  right: -0.5rem;
  opacity: 0.5;
}
.btn-toggle.btn-sm > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.btn-sm.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-sm.active > .handle {
  left: 1.6875rem;
  transition: left 0.25s;
}
.btn-toggle.btn-sm.active:before {
  opacity: 0.5;
}
.btn-toggle.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm.btn-sm:before,
.btn-toggle.btn-sm.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.4125rem;
  width: 2.325rem;
}
.btn-toggle.btn-sm.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-sm.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm.btn-xs:before,
.btn-toggle.btn-sm.btn-xs:after {
  display: none;
}
.btn-toggle.btn-xs {
  margin: 0 0;
  padding: 0;
  position: relative;
  border: none;
  height: 1rem;
  width: 2rem;
  border-radius: 1rem;
}
.btn-toggle.btn-xs:focus,
.btn-toggle.btn-xs.focus,
.btn-toggle.btn-xs:focus.active,
.btn-toggle.btn-xs.focus.active {
  outline: none;
}
.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
  line-height: 1rem;
  width: 0;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle.btn-xs:before {
  content: 'Off';
  left: 0;
}
.btn-toggle.btn-xs:after {
  content: 'On';
  right: 0;
  opacity: 0.5;
}
.btn-toggle.btn-xs > .handle {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.btn-xs.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-xs.active > .handle {
  left: 1.125rem;
  transition: left 0.25s;
}
.btn-toggle.btn-xs.active:before {
  opacity: 0.5;
}
.btn-toggle.btn-xs.active:after {
  opacity: 1;
}
.btn-toggle.btn-xs.btn-sm:before,
.btn-toggle.btn-xs.btn-sm:after {
  line-height: -1rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.275rem;
  width: 1.55rem;
}
.btn-toggle.btn-xs.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-xs.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-xs.btn-xs:before,
.btn-toggle.btn-xs.btn-xs:after {
  display: none;
}
.btn-toggle.btn-secondary {
  color: #6b7381;
  background: #bdc1c8;
}
.btn-toggle.btn-secondary:before,
.btn-toggle.btn-secondary:after {
  color: #6b7381;
}
.btn-toggle.btn-secondary.active {
  background-color: #ff8300;
}
.notification.d-flex.justify-content-between p {
    margin-bottom: 0;
/*    line-height: 16px;*/
}
.delete-btn a:hover {
    background: #fff4f4;
}
.notification.d-flex.justify-content-between {
    padding-top: 20px;
    padding-bottom: 30px;
}
.search-category-box button.btn {
    border: 2px solid #1a1a1a;
    border-radius: 35px;
    width: 100%;
    padding: 20px 0;
    font-weight: 600;
}
.search-category-box h3 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 700;
}
.search-category-box p {
    margin-bottom: 25px;
}
.search-category-box .btn:hover {
    border: 2px solid #1a1a1a;
}
.intigration .btn-box-bg button.btn-bordered {
    border: 115px;
    font-weight: 600;
    padding: 20px 50px;
    border-radius: 45px;
    background: #fff;
    border: 2px solid #1a1a1a;
    font-size: 14px;
    margin-top: 40px;
}
.simple-copy {
    margin-top: 30px;
}
.simple-copy p {
    margin: 0;
    font-size: 14px;
}
.dashboard-section.search h4 {
    font-size: 20px;
    font-weight: 600;
}
.profile-dropdown.ldrop ul {
    width: 230px;
    padding: 11px 18px;
    top: 42px;
}
.linked-account-tabbing a {
    color: #243234;
    text-decoration: none;
    padding: 10px 15px;
    font-weight: 600;
    border-radius: 95px;
    font-size: 15px;
}

div#earning-wrapper, div#Outstanding-balance, div#payout-history {
    min-height: 300px;
    margin-top: 20px;
}
div#payout-history .d-flex.gap-5.mt-4 {
    max-width: 510px;
    width: 510px;
}
div#payout-history .d-flex.gap-5.mt-4 > .row {
    width: 100%;
}
div#payout-history .gap-5.mt-4 .date {
    color: #ababab;
    font-size: 14px;
    padding: 7px 0;
    font-weight: 600;
    width: 200px;
}
div#all-data > div {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
div#payout-history .gap-5.mt-4 .data {
    color: #4b5b5d;
    font-size: 14px;
    padding: 6px 0;
    font-weight: 500;
    width: 100%;
}
div#payout-history {
    max-width: 600px;
}
.paid{color: #00bb88 !important}
.available {
    color: #008960;
    font-size: 14px;
    font-weight: 600;
    background: #ebfff9;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 35px;
}
.available img {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}
.linked-account-tabbing a.active {
    background: #f8f8f8;
}
.start-sec {
    background: #f8f8f8;
}
.number {
/*    border: 3px solid #6855ff;*/
    border: 3px solid #00200a;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
    background: #fff;
}
.how-to-start h2 {
    text-align: center;
    font-weight: 800;
    color: #243234;
    font-size: 50px;
    margin-bottom: 50px;
}
.start-free {
    background: rgb(166, 255, 0);
/*    background: linear-gradient(180deg, rgb(166 255 0 / 34%) 0%, rgb(0 255 136 / 34%) 100%);*/
    background: #f7f6ff;
    text-align: center;
    padding: 100px;
    border-radius: 55px;
    margin-bottom: 55px;
    margin-top: 55px;
}
.start-free-top h2 {
    text-align: center;
    font-weight: 800;
    color: #00200a;
    font-size: 44px;
    margin: 0;
    margin-bottom: 15px;
} 
.home-gray-box {
    background: #fff;
    margin-top: 55px;
    border-radius: 55px;
    padding: 0px;
}
.home-gray-box .left-sec {
    padding: 90px 90px;
    padding-right: 130px;
    height: 100%;
    display: flex;
    background: #f8f8f8;;
    flex-direction: column;
    justify-content: center;
    border-radius: 55px;
    /* align-items: center;
    /* align-items: center; */
}
.home-gray-box .left-sec h1 {
    font-weight: 800;
    font-size: 44px;
    color: #243234;
}
.home-gray-box .right-sec img {
    border-radius: 50px;
    width: 100%;
}
.home-gray-box .left-sec form + p {
    font-weight: 300;
}
.home-gray-box .left-sec p {
    font-size: 15px;
/*    font-weight: 300;*/
    margin-top: 28px;
    margin-bottom: 28px;
/*    color: #45505D;*/
} 
.home-gray-box .left-sec input {
    border-radius: 45px;
    background: #fff;
    border: 1px solid #d8d8d8;
    height: 60px;
    font-size: 14px;
    padding: 0 20px;
    padding-left:20px;
/*    box-shadow: 3px 11px 23px 4px rgba(0,0,0,0.1);*/
    border-radius: 0 50px 50px 0;
    padding-left: 0;
    border-left: none;
}
.main-form-home {
    box-shadow: 3px 11px 23px 4px rgba(0, 0, 0, 0.1);
    border-radius: 45px;
}
.left-sec input:not(:placeholder-shown) {
    padding-left: 35px !important;
}

.home-gray-box .left-sec form {
    display: flex;
    flex-direction: column;
}
button.btn.btn-green {
    background: #6855ff !important;
    border-radius: 35px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    opacity: 1;
    margin-left: 0;
    box-shadow: 3px 11px 23px 4px rgba(0, 0, 0, 0.1);
    border: none;
    text-align: center;
    justify-content: center;
    padding: 17px 0;
    margin-top: 10px;
}

button.btn.btn-green img {
    width: 15px;
    margin-right: 4px;
}
.inner-free-sec {
    padding: 20px 100px 20px;
}
.inner-free-sec h2 {
    font-weight: 600;
/*    color: #243234;*/
    font-size: 22px;
    font-weight: 700;
}
.launch-btn-center img {
    width: 20px;
    margin-right: 5px;
}

.launch-btn-center a {
    display: block;
    border: 1px solid #324158;
    display: inline-block;
    color: #00200A;
    text-decoration: none;
    padding: 22px 20px;
    border-radius: 45px;
    font-weight: 700;
    font-size: 12px;
}
.start-sec {
    background: #f8f8f8;
    padding: 40px 20px;
    border-radius: 45px;
    padding-top: 40px;
}
.start-sec h4 {
    font-weight: 700;
    font-size: 23px;
    margin-bottom: 15px;
}
.footer .footer-logo img {
    width: 100%;
}

.footer .footer-logo {
    max-width: 110px;
    margin: 0;
    text-align: left;
}
.footer p {
    font-size: 14px;
    color: #ababab;
    text-align: left;
    margin-top: 20px;
}
.footer {
    background: #f8f8f8;
    margin: 0px 0 50px;
    padding: 40px 0;
}
.footer-top.text-center {
    color: #243234;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 60px;
}
.footer-top.text-center a{color: #243234; text-decoration: none}

.footer-top.text-center img.footer-angle-right {
    width: 6px;
    margin-left: 8px;
}
.footer img.footer-angle-right {
    width: 6px;
    margin-left: 10px;
}
.footer-top.text-center img {
    margin-right: 5px;
}
.footer ul li a {
    color: #ababab;
    text-decoration: none;
    padding: 0 0;
    font-size: 14px;
    padding-right: 10px;
}
.footer ul li.dots {
    margin-right: 10px;
}
.footer p {
    font-size: 14px;
    color: #ababab;
}

.footer ul{margin-bottom: 0;}
.footer {
    color: #9a9d9f;
    margin: 100px 0 0;
}
.footer ul {
    padding: 0;
    display: flex;
    justify-content: left;
    list-style: none;
    color: #9a9d9f;
    font-weight: 300;
}
.add-more-social a {
    display: inline-block;
    color: #1a1a1a;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 14px;
    padding: 0px 30px;
    border-radius: 20px;
    font-weight: 600;
}
.add-more-social {
    padding: 0 20px;
}
.add-more-social {
    padding: 0 20px;
    margin-bottom: 30px;
}
.btn-default{background: #6855ff}
.button-set .btn-default {
    display: block;
    width: 50%;
    border-radius: 95px;
    padding: 13px 0;
    text-align: center;
}
img#img {
    width: 23px;
}
.button-set .btn-default img {
    width: 170px;
}
.button-set {
    display: flex;
    align-items: center;
    gap:20px;
}
.button-set a {
    height: 70px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.form-group.social-link.btn-style .page-creation.social-links {
    padding: 40px 0px;
}
.form-group.social-link.btn-style .page-creation.social-links h4 {
    font-size: 16px;
    margin-bottom: 20px;
    display: flex;
}
.button-set a.btn-normal img {
    width: 23px;
    margin-right: 7px;
}
.button-set a.btn-normal {
    border: 2px dashed #d8d8d8;
    padding: 19px 0;
    border-radius: 70px;
    text-align: center;
    color: #1a1a1a;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}
span.edit-emoji {
    font-size: 30px;
    margin-right: 5px;
}
li#viewAllpageLink img {
    width: auto !important;
    height: 20px !important;
}
a.btn-normal {
    border: 2px dashed #d8d8d8;
    padding: 19px 0;
    border-radius: 70px;
    text-align: center;
    color: #1a1a1a;
    text-decoration: none;
    flex: 1;
}
.custom-btn-box .button-set {
    background: #243234;
    height: 300px;
    text-align: center;
    justify-content: center;
    border-radius: 40px;
}
.custom-btn {
    border-top: 1px solid #d8d8d8;
    margin-top: 40px;
    padding-top: 20px;
    padding: 20px 25px;
    padding-bottom: 0;
}
.popup-footer .popup-action button.white-bg {
    background: #fff !important;
    color: #243234 !important;
}
#add-text-popup .popup-action {
    gap: 15px;
    display: flex;
    justify-content: flex-end;
}
#add-text-popup .contributor-body {
    min-height: 160px;
}
.custom-btn-box .button-set .btn-default {
    display: block;
    width: 300px;
    border-radius: 95px;
    padding: 0 0;
    text-align: center;
    border: none;
    display: flex;
    justify-content: center;
    height: 70px;
    display: flex;
    align-items: center;
    pointer-events: none;
    color: #000;
} 
div#emoji {
    margin: 0 !important;
    font-size: 30px !important;
}
.default-btn {
    padding: 0 25px;
}
.custom-btn h4 {
    font-weight: 700;
    font-size: 16px !important;
}
.additional-addons {
    display: flex;
    margin-top: 40px;
    gap: 25px;
}
.additional-addons button {
    border: 2px dashed #d8d8d8;
    padding: 19px 0;
    border-radius: 70px;
    text-align: center;
    color: #1a1a1a;
    text-decoration: none;
    font-size: 16px;
    background: none;
    flex: 1;
}
.additional-addons button img {
    width: 20px;
    margin-right: 5px;
}
.notification .btn-toggle.btn-sm:hover {
    background: #b2b2b2;
}
button.btn.btn-sm.btn-toggle.active:hover {
    background: #31ea3d;
}
.dashboard-inner{background: #f8f8f8 !important;}
div#live .profile-dropdown ul li a {
    padding: 14px 20px !important;
    display: flex;
    height: auto;
    font-weight: 500;
    height: auto;
    padding-left: 20px !important;
    font-size: 14px;
}
span.placeholderprefilled {
    left: 18px !important;
    top: 25px !important;
    color: #000 !important;
}
span.placeholderprefilled {
    font-size: 14px;
}
.left-sec input:not(:placeholder-shown) + span.placeholderprefilled {
    opacity: 1;
}

.left-sec input + span.placeholderprefilled {
    opacity: 0;
}
.left-sec input[type="text"]:focus, textarea:focus {
    /* border: none !important; */
/*    box-shadow: 3px 11px 23px 4px rgba(0, 0, 0, 0.1) !important;*/
    outline: none;
}

span#claimmessage {
    color: #000 !important;
}
li.search {
    position: relative;
}

li.search .search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}

.search-panel span.search-icon {
    top: 24px;
}
.search-panel div#supporter > div {
    padding: 0 20px;
    border-bottom: 1px solid #f1f1f1;
}
.search-panel {
    position: absolute;
    border: 1px solid #d8d8d8;
    background: #fff;
    right: 0;
    width: 580px;
    padding: 0;
    border-radius: 25px;
}
.selected-options {
    padding: 12px 10px;
    border-bottom: 1px solid #f1f1f1;
}
.selected-options img {
    width: 10px !important;
    margin-top: -3px;
}
.close-search-panel {
    position: absolute;
    right: 20px;
    z-index: 9;
    font-size: 25px;
    top: 6px;
    cursor: pointer;
}
.selected-options ul li a:hover {
    background: #f1f1f1;
}
.lava {
    margin: 27px auto 0;
    position: relative;
    width: auto;
    height: 60px;
    background-color: transparent;
    border-radius: 100px;
    font-size: 0;
    border: 1px solid #d8d8d8;
}
.lava a {
    line-height: 60px;
    height: 100%;
    font-size: 14px;
    display: inline-block;
    position: relative;
    z-index: 1;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #243234;
    cursor: pointer;
    font-weight: 600;
}
.lava .animation {
	position: absolute;
	height: 100%;
	top: 0;
	z-index: 0;
	transition: all .5s ease 0s;
	border-radius: 100px;
}
.lava a:nth-child(1) {
	width: 50%;
}
.lava a:nth-child(2) {
	width: 50%;
}
/*a:nth-child(1):hover~.animation,*/
.lava .start-home,  .lava .start-home, a.active:nth-child(1)~.animation {
	width: 50%;
	left: 0;
	background-color: #6855ff;
}
/*a:nth-child(2):hover~.animation,*/
.lava .start-about,  a.active~.animation {
	width: 50%;
	left: 50%;
}

.search-panel img.gift-box {
    width: 19px;
    margin-top: -5px;
    margin-right: 2px;
}

.search-panel div#supporter .user-icon img {
    width: 100%;
    filter: none !important;
    background: #f1f1f1;
    height: 100%;
}
.search-panel div#supporter .user-detail h3 {
    font-weight: 600;
    font-size: 16px !important;
    margin: 0;
}
.search-panel div#supporter .user-detail p {
    font-size: 14px;
    margin: 0;
}
.search-panel div#supporter .bio {
    font-size: 14px;
    margin-left: 43px;
    margin-top: 5px;
    font-weight: 300;
}
#search-panel div#search-data-content > div:last-child{border-bottom: none}
.selected-options ul {
    padding: 0;
}
.selected-options ul li a {
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #d8d8d8;
    padding: 7px 12px;
    border-radius: 35px;
    white-space: nowrap;
    color: #243234;
    display: block;
}
.selected-options ul li {
    margin-left: 0
}
.selected-options ul {
    padding: 0;
    justify-content: space-between;
}
.selected-options ul li a {
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #d8d8d8;
    padding: 5px 12px;
    border-radius: 35px;
    white-space: nowrap;
    color: #243234;
}
.search-panel div#supporter .user-icon {
    width: 35px;
    height: 35px;
    margin-right: 5px;
    max-width: 35px;
    flex: 1;
}
.search-panel div#supporter  .user-detail{
    flex: 1;
}
.search-panel input {
    width: 100%;
}
.search-panel #supporter .user-profile.d-flex {
    background: none;
    border-bottom: 1px solid #f1f1f1;
}
.search-panel #supporter .user-profile.d-flex {
    background: none;
    padding: 14px 0px;
    border-radius: 0;
    border-bottom: 1px solid #f1f1f1;
}
.search-panel #supporter .user-profile.d-flex:last-child{border-bottom: none} 
.search-panel .search-bar {
    position: relative;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    padding: 15px 15px;
}
.search-panel div#supporter > div {
    margin-bottom: 0;
}
.search-panel div#supporter {
    max-height: 400px;
    overflow-y: auto;
}
.search-panel li.search .search-icon {
    left: 0;
}
.search-panel input {
    width: 100%;
    border: none;
    padding-left: 25px;
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
}
.search-panel li.search .search-icon {
    left: 0;
}
.search-panel .search-bar {
    position: relative;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
}
#send-your-contribution .user-profile.d-flex {
    border: 1px solid #d8d8d8;
    border-radius: 45px;
    padding: 3px 5px 3px;
    padding-right: 18px;
}
#send-your-contribution .your-comment {
    padding-top: 24px;
}
#contribution #section-6 p {
    font-size: 14px;
    margin-bottom: 0;
}
#contribution #section-6 .input input {
    font-size: 14px;
    padding: 0 15px;
}

#contribution #section-6 .input {
    margin-top: 14px;
    margin-bottom: 14px;
}
#contribution #section-6 p a {
    color: #243234;
    text-decoration: none;
}
.datepicker td, .datepicker th {
    width: 35px !important;
    height: 30px !important;
    border-radius: 4px;
    font-size: 14px !important;
}
table.table-condensed {
    width: 100%;
}
.datepicker {
    border-radius: 15px !important;
    max-width: 230px !important;
    width: 230px !important;
}
.datepicker-dropdown.datepicker-orient-top:before, .datepicker-dropdown.datepicker-orient-top:after{opacity: 0;}
.start-free-sec .note p {
    font-size: 12px;
    text-align: left;
    margin: 0;
    line-height: 17px;
    margin-top: 15px;
    text-align: center;
}
#profile-popup .profile-dropdown ul li a {
    padding: 12px 15px;
    font-size: 12px;
    font-weight: 600;
    height: auto;
}
#profile-popup .profile-dropdown ul {
    padding: 0;
}
#profile-popup .profile-dropdown ul li:first-child a:hover {
    background: #f8f8f8;
    border-radius:24px 24px 0 0;
}
#profile-popup .profile-dropdown ul li:last-child a:hover {
    background: #f8f8f8;
    border-radius: 0 0 24px 24px;
}
#profile-popup .profile-dropdown ul li:first-child a img {
    width: 14px;
    margin-right: 4px;
}
div#share-with {
    position: fixed;
    z-index: 999;
    bottom: 10px;
    right: 10px;
    background: #fff;
    width: 360px;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #d8d8d8;
}
div#share-with .link.mb-5 {
    border: 1px solid #3241585c !important;
    border-radius: 15px !important;
}
.pen-url {
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}
div#share-with button.copy-link {
    width: 20px;
    height: 20px;
    border: none;
}
div#share-with {
    position: fixed;
    z-index: 999;
    bottom: 10px;
    right: 10px;
    background: #fff;
    width: 360px;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #d8d8d8;
    transition: all 0.5s ease;
    bottom: -140px;
    opacity: 0;
}
div#share-with button.copy-link {
    width: 30px;
    height: 30px;
    border: none;
    background: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
div#share-with button.copy-link img {
    width: 18px;
    opacity: 0.8;
}
div#share-with.show-share-btn {
    bottom: 10px;
    opacity: 1;
}
div#share-with .share-header {
    margin-bottom: 11px;
}
div#share-with .link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-radius: 15px;
    background-color: #eee;
    margin-bottom: 30px;
}
.share-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.share-header h2 {
    font-size: 20px;
}
.share-header .cancel {
    cursor: pointer;
    font-size: 14px;
}
.mobile-header {
    display: none;
}
.side-main-menu-dashbaord {
    display: none;
}
.form-group.user-name-box > div {
    position: relative;
}
.form-group.user-name-box span#usernameStatus {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #00bb88 !important;
    background: #ebfff9;
    padding: 3px 5px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
}
.form-group.user-name-box #usernameStatus i {
    display: none;
}
.form-group.user-name-box span#usernameStatus.error {
    color: #ff0000 !important;
    background: #ffebeb;
}

div#main-wraper.br40 {
    background: #fff;
    display: flex;
    border-radius: 40px !important;
    margin-bottom: 30px;
}

div#main-wraper.br40 .cover-image {
    width: 100%;
    border-radius: 25px;
    margin: 60px auto;
    margin-top: 0px;
}
div#main-wraper.br40 .cover-image-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
div#main-wraper.br40 .cover-image img {
    width: 100%;
    border-radius: 40px 40px 0 0;
}
.user-login{margin-left: 15px}   
.emojionearea.emojionearea-standalone .emojionearea-button>div {
    display: none !important;
}
.emojionearea.emojionearea-standalone .emojionearea-editor {
    min-height: auto;
    position: relative;
    padding: 0;
    border: none !important;
    opacity: 0 !important;
    background: none;
}
.emojionearea.emojionearea-standalone {
    display: inline-block;
    width: auto;
    box-shadow: none;
    border: none;
    opacity: 1;
}
.emojionearea.emojionearea-standalone {
    display: inline-block;
    width: auto;
    box-shadow: none;
    border: none;
    opacity: 1;
    position: absolute !important;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    opacity: 1;
}
.emojionearea{background: transparent !important}
#add-text-popup select#select-btn-text {
    width: 100%;
    height: 45px;
    border: 1px solid #d8d8d8;
    border-radius: 15px;
    padding-left: 11px;
    outline: none;
    appearance: none;
    background: url(../images/arrow-angle.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center right 15px;
}
.additional-addons input#colorPicker {
    /* opacity: 0; */
    /* height: 0; */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 45px;
    border: none;
    opacity: 0;
    visibility: visible !important;
    cursor: pointer;
}
button#openColorPicker {
    position: relative;
}
span.custom-text {
    font-size: 16px;
    margin-left: 5px;
    font-weight: 700;
}
.emojionearea {
    border-radius: 25px !important;
    padding: 12px !important;
}    
.comment-box-text .emojionearea .emojionearea-button {
   right: inherit !important;
    left: 10px !important;
    bottom: 6px !important;
    top: inherit !important;
}
.mob-menu-panel li.search button {
    border: 1px solid #d8d8d8;
    background: #fff;
    height: 43px;
    border-radius: 50px;
    font-size: 14px;
    padding-left: 37px;
    padding-right: 20px;
    color: #868686;
    cursor: text;
    background: #f8f8f8;
    border: none;
}
.mob-menu-panel li.search img {
    width: 16px;
    filter: brightness(0.7) !important;
}
.custom-select img {
    margin-top: 0px;
}
.profile-header .edit a {
    color: #243234;
    text-decoration: none;
}
.time-less.ml-15 {
    font-size: 14px;
}
.description-bb .description-toggle.charc {
    bottom: -16px;
    position: static !important;
}
.dashboard-inner span.search-icon {
    top: -5px;
    left: 0;
}
.dashboard-inner .search-panel img {
    position: static !important;
}
.dashboard-inner .search-panel .selected-options ul {
    padding: 0;
    display: flex;
    list-style: none;
}
.dashboard-inner .search-panel .selected-options ul li a {
    text-decoration: none;
}
.dashboard-inner .search-panel  span.search-icon {
    top: 28px;
    left: 17px;
}
.start-free-top h2 br{display: none;}
.banner-mobile-image{display: none}
.tooltip-wrapper {
    position: relative;
}
.tooltip-wrapper a {
    font-size: 12px;
    float: left;
}
.tooltip2 {
    padding: 0 0;
    width: 330px;
    position: absolute;
    bottom: 20px;
    max-width: 330px;
    right: -110px;
    transition: all 0.5s ease;
    opacity: 0;
    transform: translateY(10px);
    z-index: -9;
    display: none;
}
.tooltip2 ul {
    list-style: none;
    background: #fff;
    padding: 17px;
    font-size: 12px;
    border-radius: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-bottom: 7px;
}
.tooltip2 ul {
    background: #4c4c4c !important;
}
.tooltip2 li {
    padding: 4px 0;
    display: flex;
    align-items: center;
    font-size: 13px;
}
.tooltip2 img {
    margin-right: 5px;
}
.tooltip-wrapper:hover .tooltip2 {
    transform: translateY(-10px);
    opacity: 1;
    z-index: 9;
    display: block;
}
.tooltip2 ul:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: 99%;
    left: 50%;
    transform: translateX(-50%);
}

.tooltip2 ul:after {
    border-top: 10px solid #ffffff !important;
}
.tooltip2 ul {
    background: #fff !important;
    border: 1px solid #d8d8d8;
}
img#dropl {
    height: 100%;
    object-fit: cover;
    background: #f4f4f4;
}
.dropZoneOverlay, div#dzl{
    height: 100%;
}
#page-launch-confirmation h3 {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 15px;
}
#page-launch-confirmation p {
    font-size: 14px;
    line-height: 20px;
/*    color: #45505d;*/
}
.form-group.page-launch-url {
    position: relative;
}
.form-group.page-launch-url .copy-btn {
    width: 20px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.form-group.page-launch-url .copy-btn img{width: 100%}
.emojionearea.emojionearea-standalone {
    width: 100% !important;
}
#pageform .p-username .available-or-not {
    position: absolute;
    right: 14px;
    top: 10px;
}
.form-group input[type="text"].url-input, #claimform input[type="text"].url-input{
    border-right: none !important;
    border-radius: 15px 0 0 15px;
    width: 175px;
    padding-right: 0;
}
.p-username  input[type="text"].url-input{
    width: 134px;
}
.main-form-home {
    display: flex
;
}
.form-group input[type="text"].url-input + input{ border-left: none !important;
    border-radius: 0 15px 15px 0px; padding-left: 0 !important}
span#claimmessage {
    font-size: 14px;
}
.form-action button#launchbtn {
    min-width: 161px;
    white-space: nowrap;
}
.form-action button#submitbtn img {
    filter: invert(1) !important;
}
.form-action button#submitbtn {
    min-width: 100px;
}
.white-bg .jloader{
    border:2px solid #000;
}
.profile-banner-section .cover-image-container .cover-image > img {
    height: 330px;
    object-fit: cover;
    width: 100%;
    object-position: center top;
}
.social-links.hide-on-mob ul {
    justify-content: flex-start;
    gap: 10px;
}
.funding-goal-wrapper .custom-btn-box > div {
    background: none !important;
    height: auto;
    width: 100%;
}
.funding-goal-wrapper .custom-btn-box span#customtext {
    font-size: 20px;
    font-weight: 600;
    margin-left: 3px;
}
.funding-goal-wrapper .custom-btn-box div#emoji {
    margin: 0 !important;
    font-size: 25px !important;
    margin-left: 0px !important;
}
.contribute-now.d-flex.justify-content-between.align-items-center .custom-btn-box .button-set .btn-default {
    width: 100%;
}
.funding-goal-wrapper .custom-btn-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
}
.funding-goal-wrapper .custom-btn-box > div button#custombtn {
    pointer-events: auto;
}
.funding-goal-wrapper .custom-btn-box > div .share-page {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #00200A;
}
.funding-goal-wrapper .custom-btn-box .button-set .btn-default img {
    width: 130px;
}
#live a.btn.btn-primary:hover {
    background: #f8f8f8;
}
.showelement{display: block !important}
.hideelement{display: none !important}
.profile-banner-section .cover-image-container .user-image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.profile-edit.mt-4 {
    margin-top: 70px !important;
}
p#nofundinggoaltext {
    margin-bottom: 0;
}
.datepicker-dropdown.datepicker-orient-bottom:before, .datepicker-dropdown.datepicker-orient-bottom:after {
    opacity: 0;
}
.datepicker table tr td.active.active {
    background: #243234 !important;
}
.edit-userimage{position: relative;}
.edit-userimage .FileUpload {
    opacity: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    cursor: pointer;
}

#delete-popup .popup-inner, #withdraw-popup .popup-inner, #delete-popup-post .popup-inner {
    width: 340px;
}
#delete-popup h3, #withdraw-popup h3, #delete-popup-post h3 {
    padding: 20px 60px;
    text-align: center;
    font-size: 18px;
    max-width: 470px;
    margin: 20px auto 20px;
    line-height: 24px;
}
ul.text-color {
    display: flex;
    margin: 0;
    padding: 0;
    gap: 10px;
    margin-top: 10px;
}
.color-box {
    border: 1px solid #d8d8d8;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    cursor: pointer;
}
.color-box.white-bg {
    background: #fff;
}
.color-box.black-bg {
    background: #000;
}
.color-box:hover {
    transform: scale(1.05);
}
.color-box.activecolor {
    border: 2px solid #fff;
    box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.5);
}
.placeholder-my-pages .number {
    border: none;
    background: none;
    width: 35px;
    height: 35px;
}

.placeholder-my-pages .number img {
    width: 100%;
}
.placeholder-my-pages h3 {
    font-size: 18px;
    font-weight: 600;
}
.dashboard-section.placeholder-my-pages {
    background: #fff;
    padding: 30px;
    border-radius: 40px;
    margin-bottom: 30px;
}
.dashboard-section.user-prof .dashboard-section.placeholder-my-pages {
    background: #fff;
    padding: 15px;
    border-radius: 40px;
    margin-bottom: 30px;
}
.dashboard-section.user-prof .placeholder-my-pages h3 {
    font-size: 16px;
    font-weight: 700;
}
.dashboard-section.placeholder-my-pages .start-sec p {
    font-size: 14px;
    margin-bottom: 0;
}
.placeholder-my-pages h3.mb-1 {
    margin-bottom: 20px !important;
}
.placeholder-my-pages .start-sec h4 {
    font-size: 16px;
}
.dashboard-section.placeholder-my-pages p {
    font-size: 14px;
}
#send-your-contribution .owner-image {
    margin-right: 8px;
    flex-shrink: 0;
}
.reset.text-right a {
    font-size: 13px;
    color: #243234;
    padding: 5px 0;
    display: block;
}
.contribute-now .custom-btn-box .button-set a{pointer-events: auto !important;     cursor: pointer;}
.parametere ul {
    list-style: none;
    text-align: left;
    padding: 0;
    font-size: 14px;
}
.left-sec #claimdiv img#claimimg {
    float: left;
    margin-top: 4px;
}
.change-password-box .form-group input[type="password"] {
    padding-left: 9px;
    letter-spacing: 0px;
    padding-right: 35px;
}
#loginform div#errormessage {
    text-align: center;
}
.description-bb  textarea {
    padding-top: 12px;
}
div#pagedescription_validate {
    margin-top: -22px;
}
div#pagetitle_validate {
    margin-top: -25px;
}
#loginform .form-group input[type="password"]{
    padding-right: 35px;
}
.get-ready {
    margin-top: 25px;
}
.placeholder-my-pages .get-ready button {
    margin-left: 0;
}
.placeholder-my-pages .get-ready h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
.placeholder-my-pages .get-ready button.launch-btn img {
    width: 20px;
    margin: 5px 0;
}
div#main-wraper.br40 .cover-image-container .user-image {
    background: #fff !important;
    cursor: pointer;
}   
.profile-banner-section .user-image {
    background: #fff;
}
.divider-ann {
    margin: 35px 0;
}
.static-text.announcement h1 {
    color: #243234;
    margin-top: 30px;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 25px;
    display: block;
}
.static-text.announcement h2 {
    margin-bottom: 15px;
}
.faq-section > div h4 {
    font-weight: 600;
/*    color: #243234;*/
    font-weight: 600;
    font-size: 34px;
}

.faq-section > div {
    display: flex;
}
.faq-section {
    border: none;
    border-radius: 45px;
    padding: 80px 80px;
    margin-top: 55px;
    background: #e8fff8;
}
.csr-inner h6, #contributions h6 {
    font-size: 14px;
    margin-bottom: 20px;
}
.faq-section > div {
    display: flex;
    justify-content: space-between;
}
.faq-sec a {
    border: 2px solid #324158 !important;
    color: #243234;
    padding: 20px 15px;
    border-radius: 45px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    display: block;
}
.faq-sec a:hover {
        background: #7a6bf0;
}
form#claimform {
    margin: 20px 0;
}
.mob-card-gray .custom-select {
    border: 1px solid #1a1a1a;
    border-radius: 45px;
    padding: 8px 11px;
    height: 45px;
    font-size: 14px;
    margin-left: 8px;
    width: 110px;
}
.mob-card-gray .custom-select span img {
    transform: rotate(0deg);
    margin-left: 7px;
}
.mob-card-gray .custom-dropdown {
    padding: 0 !important;
}
.mob-card-gray .custom-dropdown label input {
    position: absolute;
    opacity: 0;
}
.mob-card-gray .drop-sec {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 0;
}
.mob-card-gray .drop-sec:last-child {
    border-bottom: none;
}
.mob-card-gray .custom-dropdown label {
    padding: 8px 10px;
    font-size: 14px;
}
.mob-card-gray .drop-sec .check {
    margin-right: 0;
    width: 100%;
}
.mob-card-gray .custom-dropdown label {
    padding: 8px 10px;
    font-size: 14px;
    width: 100%;
    cursor: pointer;
}
.dashboard-section.user-prof .mob-card-gray .custom-dropdown label {
    padding: 8px 18px;
    font-size: 12px;
}
.mob-card-gray .custom-dropdown label:hover {
}
.main-form-home input.url-input {
    padding-left: 15px !important;
    width: auto !important;
    border-radius: 50px 0 0 50px !important;
    border-left: 1px solid #d8d8d8;
    width: 149px !important;
}
.main-form-home span.placeholderprefilled {
    left: 0px !important;
}
.main-form-home  input:not(:placeholder-shown) {
    padding-left: 20px !important;
}
.main-form-home input#claimusername:not(:placeholder-shown) {
    padding-left: 14px !important;
}
form#claimform {
    margin-bottom: 0;
}
form#claimform {
    margin-bottom: 10px;
    margin-top: 10px;
}
.faq-section > div h4 {
    font-weight: 800;
    font-size: 44px;
    margin-bottom: 30px;
}
.accordion {
    width: 100%;
    border: none;
}
.accordion-header {
    /* background: #007bff; */
    color: #00200A;
    padding: 0px 0;
    cursor: pointer;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
}
.accordion-content {
    display: none;
    padding: 10px;
    border-bottom: none;
/*    color: #4b5b5d;*/
    color: #3d4d5d;
    padding-right: 0;
    padding-left: 0;
    font-size: 14px;
}

.accordion span.icon {
    font-size: 30px;
    font-weight: 300;
}
.accordion-wraper {
    margin-bottom: 15px;
}
.faq-bottom > div img {
    width: 100%;
}

.faq-bottom > div {
    width: 50%;
}
.faq-bottom {
    display: flex;
}
.faq-bottom > .left img {
    border-radius: 35px;
}
.faq-bottom > .left {
    padding-right: 50px;
}
.faq-bottom {
    display: flex;
    align-items: center;
}
.faq-bottom > div h2 {
    font-size: 40px;
/*    color: #243234;*/
}
.contact-support a {
    color: #243234;
    border: 2px solid #324158;
    text-decoration: none;
    display: inline-block;
    padding: 20px 25px;
    border-radius: 35px;
    font-size: 14px;
    font-weight: 700;
}
.faq-bottom p {
    margin: 25px 0;
}
.contact-support a img {
    width: 16px;
    margin-left: 8px;
}

.contact-support a:hover {
    background: #f5f5f5;
}
.faq-bottom {
    margin-top: 50px;
}
.copy-link-box {
    background: #f8f8f8;
    height: 400px;
    background: #f8f8f8;
    width: 400px;
    margin: 50px auto 0;
    border-radius: 35px;
    border: 1px solid #d8d8d8;
}
.copy-link-box input[type="text"] {
    border-left: 1px solid #d8d8d8;
    border-radius: 40px;
    padding-left: 10px;
}
.copy-link-box .home-gray-box .left-sec {
    padding: 0px 20px;
    padding-right: 130px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.copy-link-box .home-gray-box .left-sec {
    padding-right: 0;
}
.copy-link-box button.btn.btn-green {
    margin-left: 0px;
    height: 45px;
    justify-content: center;
    text-align: center;
}
.atparent {
    position: relative;
} 
span.at {
    position: absolute;
    left: 0;
    left: 10px;
    top: 10px;
}
.atparent.parentofat input {
    padding-left: 26px;
}
input.url-input:disabled {
    opacity: 1 !important;
}
#profile-popup .owner-image img {
    height: 100%;
    object-fit: cover;
    background: #f4f4f4;
}

#profile-popup .owner-image {
    width: 40px;
    height: 40px;
}
.profile-detail-inner .user-profile img {
    background: #f8f8f8;
}
.user-icon img{background: #f8f8f8}
.drop-right .user-icon img {
    background: #f8f8f8;
}
button.launch-btn:hover, a.launch-btn:hover {
    background: #5641ff;
}
.nav a.launch-btn, .header-dashboard .launch-btn {
    background: #6855ff;
}
.header-dashboard .launch-btn {
    background: #6855ff !important;
    color: #fff !important;
}
.header-dashboard button.launch-btn img{
    filter: invert(0) !important
}
.header-dashboard button.launch-btn:hover {
    background: #5641ff !important;
}
.nav a.launch-btn:hover {
/*    background: #d0cbf7;*/
        background: #5641ff;
}
.dashboard-section.placeholder-my-pages.dashboard-placeholder button.launch-btn {
    padding: 18px 40px;
    padding-left: 40px;
    font-size: 12px;
}
#link-bank-account h3 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
}
#link-bank-account .popup-action button#save {
    width: 100%;
}
#link-bank-account .popup-action button#save img {
    width: 14px;
    margin-right: 7px;
    margin-top: -4px;
}
#link-bank-account p{font-size: 14px;}
.button-set input[type="radio"] {
    width: 25px;
    height: 25px;
}
.custom-btn a.btn-normal {
    width: 50%;
    max-width: 50%;
}
.custom-btn a.btn-normal {
    width: 360px;
    max-width: 360px;
}
.custom-btn-append-box{width: 100%}
.custom-btn-append-box button#custombtn {
    display: flex;
    justify-content: center;
    border: none;
    align-items: center;
}
.custom-btn.top-custom .button-set{gap:0}
.custom-btn.top-custom {
    margin-top: 35px;
}
.form-group.social-link.btn-style .button-set .btn-default {
    width: 360px;
    max-width: 360px;
}
button#save-btn-style.disabled {
    pointer-events: none;
    opacity: 0.5;
}
#custom-btn-radio-hide{display: none;}
#custom-btn-radio-hide.show-radio{display: block;}
.form-group.social-link.btn-style .page-creation.social-links h4 label{display: flex}
.border-active-black{border: 1px solid #d8d8d8 !important;}
.cover-image-dropdown li a {
    color: #243234;
    font-size: 14px;
    text-decoration: none;
    padding: 14px 20px;
    display: block;
    position: relative;
/*    border-bottom: 1px solid #d8d8d8;*/
    font-weight: 500;
}
div#custom-btn-radio-hide {
    margin-right: 0 !important;
}


.cover-image-dropdown ul {
    padding: 10px 0;
    list-style: none;
    margin-bottom: 0;
}
.cover-image-dropdown {
    position: absolute;
    background: #fff;
    border: 1px solid #d8d8d8;
    padding: 0px;
    width: 170px;
    border-radius: 25px;
    right: 0;
    z-index: 9;
}
.cover-image-dropdown li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cover-image-dropdown li:last-child a {
    border: none;
}
.edit-cover-image .upload-icon{cursor: pointer;}
div#main-wraper.br40 .cover-image img {
    cursor: pointer;
}
.accordion-wraper {
    border-bottom: 1px solid #d8d8d8;
}
.accordion-wraper:last-child {
    border-bottom: none;
}
.accordion-header {
    padding-bottom: 15px;
    transition: all 0.5s ease;
    }
.accordion-header.active {
    padding-bottom: 0 !important;
}
.placeholder-my-pages .get-ready button.launch-btn img {
    width: 18px;
    margin: 5px 0;
    margin-right: 4px;
    filter: invert();
}
.page-creation.social-links .default-btn h4 {
    font-weight: 700;
}
.custom-btn-append-box div#emoji {
    position: relative;
    top: 1px;
}
.edit-button {
    display: flex;
    align-items: center;
    border: none;
    padding: 0px 15px;
    border-radius: 45px;
    gap: 6px;
}
.button-set .edit-button{cursor: pointer;}
.cover-image-dropdown img {
    max-width: 17px;
    border-radius: 0 !important;
}
#live-section .social-links.active-pages ul {
    margin: 0 !important;
    padding: 0;
    margin-right: 8px !important;
}
#live-section .social-links.active-pages a{
    color: #45505d;
    font-size: 14px;
    font-weight: 500;}
#live-section .social-links.active-pages {
    margin-bottom: 30px !important;
}
#live-section .social-links.active-pages li {
    width: 35px;
    height: 35px;
}
#live .card-text {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 12px;
}
#live .profile-image img {
    width: 100%;
    border-radius: 50%;
    border: 4px solid #fff;
    height: 100%;
    object-fit: cover;
}

#live .profile-image {
    position: absolute;
    top: -27px;
    width: 70px;
    height: 70px;
}
#live .profile-image img{background: #fff;}
#live .card-body {
    position: relative;
    padding-top: 55px;
}
#draft-section p.card-text {
    margin-bottom: 30px;
}
.bank-row .user-detail h3 {
    margin-bottom: 5px;
}
.bank-row + .profile-dropdown > a {
    width: 35px;
    height: 35px;
}
#hang-on p {
    padding: 0 40px;
    font-size: 14px;
}
#hang-on h3 {
    font-weight: 700;
    padding: 40px 40px 10px;
}
#hang-on .popup-inner {
    max-width: 450px;
    width: 450px;
}
#hang-on .sure-action {
    border-top: none;
}
#hang-on .sure-action a {
    color: #243234;
    text-decoration: none;
    flex: 1;
    text-align: center;
    max-width: 50%;
    padding: 16px 0;
    border:none;
    font-weight: 600;
}
#hang-on .sure-action {
    padding: 10px 40px !important;
    gap: 10px;
    padding-bottom: 40px !important;
}
#hang-on .sure-action a:first-child {
    background: #000;
    border-radius: 50px;
    color: #fff;
}
#hang-on .sure-action a:last-child {
    border: 2px solid #202020 !important;
    border-radius: 50px;
}
.dashbaord-btn img{display: none;}
.start-sec {
    height: 220px;
}
.side-menu i.fa-regular.fa-messages-question {
/*    font-size: 17px;*/
/*    color: #000;*/
/*    margin-right: 4px;*/
}
.nav > button.launch-btn {
    display: none;
}
.owner-detail h3 a, .owner-detail p a {
    color: #243234;
    text-decoration: none;
}
.accordion-content li {
    font-size: 15px;
    padding: 5px 0;
}
div#search-results > div {
    margin-bottom: 15px;
}
div#supporter h4 {
    margin-bottom: 15px;
}

div#supporter .user-detail h3 {
    font-weight: 600;
    font-size: 16px !important;
}
.home-gray-box h6 {
    font-size: 15px;
}
.start-free-sec .launch-btn-center a {
    background: #6855ff;
    border: none;
    padding-left: 40px;
    padding-right: 40px;
    color: #fff;
    max-width: 330px;
    width: 100%;
}
#commentsPopup.footer-social li {
    margin-left: 15px;
} div#popupCommentsList {
    width: 100%;
}
#commentsPopup div#popupCommentsList .d-flex.justify-content-between {
    flex-direction: column;
    background: none;
    border-radius: 25px;
    margin-bottom: 10px;
    padding: 10px;
    margin-top: 10px
}
#commentsPopup .popup-inner {
    overflow: hidden;
}
#commentsPopup .user-detail-mb-15 {
    margin-bottom: 0;
}
#commentsPopup .contributor-body {
    padding: 0 25px;
    /* border-top: 1px solid #d8d8d8 !important; */
    min-height: auto;
    background: transparent;
    padding-right: 0;
}
#commentsPopup div#popupCommentsList .comment {
    padding-left: 68px;
    margin-top: 5px;
}
#commentsPopup div#popupCommentsList {
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
}
#commentsPopup div#popupCommentsList::-webkit-scrollbar {
    display: none;
}
.page-creation.social-links .button-set .btn-default img {
    width: 130px;
}
.footer-social img {
    width: 18px;
}
.footer-social h3 {
/*    color: #243234;*/
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px
}
.footer-social, .footer-social ul {
    text-align: right;
    justify-content: flex-end;
}
.footer .footer-social ul li a {
    padding-right: 0;
}
.footer-social li {
    margin-left: 20px;
}
#sociallinksform ul li {
    margin-bottom: 25px;
}
.form-group.social-link.btn-style .page-creation.social-links {
    border: none;
}
.form-group.social-link.btn-style .page-creation.social-links {
    border: none;
/*    display: flex;*/
}
.form-group.social-link.btn-style .custom-btn.top-custom {
    margin-top: 0;
    border: none;
    padding-top: 0;
}
.form-group.social-link.btn-style .button-set .btn-default {
    width: 100%;
    max-width: 100%;
}
.form-group.social-link.btn-style .custom-btn a.btn-normal {
    width: 100%;
    max-width: 100%;
}
.form-group.social-link.btn-style .default-btn {
    padding: 0 25px;
    width: 100%;
    border: 1px solid #d8d8d8;
    padding: 50px;
    box-sizing: content-box;
    border-radius: 40px;
}

.form-group.social-link.btn-style .custom-btn.top-custom {
    margin-top: 0;
    border: none;
    padding-top: 0;
    width: 50%;
}
.form-group.social-link.btn-style .d-flex.align-items-center.gap-3.custom-btn-full {
    width: 100%;
}
.form-group.social-link.btn-style .custom-btn.top-custom {
    margin-top: 0;
    border: none;
    padding-top: 0;
    width: 100%;
    border: 1px solid #d8d8d8;
    padding: 50px;
    border-radius: 40px;
}
#custombuttonDiv .custom-btn-box button#custombtn {
    max-width: 270px;
}
.form-group.social-link.btn-style .custom-btn {
    border: 1px solid #d8d8d8;
    margin-top: 30px;
    padding-top: 20px;
    padding: 20px 25px;
    padding-bottom: 0;
    border-radius: 40px;
    padding-bottom: 30px;
}
.form-group.social-link.btn-style .page-creation.social-links h4{display: flex}
div#custom-btn-radio-hide {
    margin-right: 6px;
}
#custom-btn-radio-hide input{width: 18px; height: 18px; margin-right: 5px; float: left}
.custom-btn.top-custom .edit-button {
    width: 100%;
    justify-content: end;
    margin-top: 10px;
}
.product-box {
    border: 1px solid #d8d8d8;
    padding: 20px;
    border-radius: 25px;
}
.product-img img {
    width: 100%;
}

.product-img {
    width: 35px;
    flex-shrink: 0;
    margin-right: 15px;
}
.minimum-required {
    position: relative;
    max-width: 48%;
}
.minimum-required span {
    position: absolute;
    right: 18px;
    top: 10px;
    color: #ababab;
}
.your-offer {
    border: 1px solid #d8d8d8;
    border-radius: 25px;
    padding: 20px;
}
.your-offer h4 {
    font-size: 16px;
    font-weight: 600;
}

.your-offer-image {
    width: 100px;
    height: 100px;
    border: 2px dashed #d8d8d8;
    flex-shrink: 0;
    text-align: center;
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}
.your-offer-image input {
    position: absolute;
    left: 0;
    height: 100%;
    bottom: 0;
    opacity: 0;
}
.your-offer-image img {
    width: 30px;
}
.your-description p {
    margin: 0;
}
.your-offer h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}
.your-offer .discount-code {
    width: 250px;
    margin-top: 20px;
}
.cover-image-dropdown li:last-child a {
    border: none !important;
}
.shipping-fee-input span {
    position: absolute;
    right: 10px;
    top: 10px;
}

.shipping-fee-input {
    position: relative;
}
.shipping-fee-input span {
    position: absolute;
    right: 15px;
    top: 10px;
    font-weight: 600;
    color: #ababab;
}
.shipping-fee-input {
    position: relative;
    margin-bottom: 12px;
}
#create-your-offer .contributor-body {
    height: calc(100vh - 250px);
    overflow-y: auto;
    border-top: none !important;
}
#create-your-offer-discount .contributor-body {
    border-top: none !important;
}
.pro-description {
    margin-top: 8px;
}
.pro-description input {
    width: 18px;
    height: 18px;
}
span.custom-check input:checked:after {
    content: "";
    background: url(https://www.tipnchip.com/public/assets/images/green-check.png);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

span.custom-check input {
    appearance: none;
}
span.custom-check{position: relative}
span.custom-check input:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    border: 1px solid #979292;
    border-radius: 50%;
}
.product-box label {
    cursor: pointer;
}
.your-offer-image input {
    position: absolute;
}
#share-this-profile .contributor-body{border-top: none !important}
#page-launch-confirmation .contributor-body {
    padding: 40px;
    padding-bottom: 20px;

}
#page-launch-confirmation h3 {
    margin-top: 0;
}
#page-launch-confirmation .popup-footer {
    padding: 40px;
    padding-top: 0;
    padding-bottom: 40px;
}
#page-launch-confirmation h3 {
    line-height: 26px;
    font-weight: 700;
}
#page-launch-confirmation .popup-footer .popup-action button{font-size: 14px;}
.form-group.social-link.btn-style .page-creation.social-links h4 label{align-items: center;}
#page-launch-confirmation .popup-footer .popup-action {
    gap: 15px;
    display: flex;
    justify-content: flex-end;
}
#page-launch-confirmation  .copy-btn img {
    width: 100%;
    float: right;
    cursor: pointer;
}
.col-md-4.sticky-side-panel + .col-md-8 .p-15 {
    padding: 0 30px;
    
}
.edit-userimage .FileUpload {
    opacity: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 100%;
    bottom: 0;
    top: 0;
    height: 25px;
    font-size: 0;
}
.upload-image p {
    margin: 0;
    font-size: 10px;
    color: #323232;
    font-weight: 600;
}
.upload-image {
    position: absolute;
    bottom: -31px;
    white-space: nowrap;
    background: #f8f8f8;
    border: 1px solid #d8d8d8;
    padding: 2px 12px;
    border-radius: 45px;
    /* padding-right: 23px; */
}
form#profileform {
    margin-top: 40px;
}
.upload-image p img {
    width: 14px;
    opacity: 0.8;
    float: left;
    margin-top: 3px;
    margin-right: 2px;

}
.form-group.social-link.btn-style .page-creation.social-links {
    padding-top: 20px;
    padding-bottom: 0;
}
.form-action.d-flex.launch-action {
    gap: 15px;
    margin-bottom: 0px;
    position: sticky;
    bottom: 0;
    background: #f8f8f8;
    padding: 15px 10px;
    justify-content: flex-start;
}
.leave-a-comment .form-action.d-flex.launch-action.align-items-center.text-right.mb-0.justify-content-end {
    position: static;
}
.edit-delete-button-wrapper{display: none !important}
.edit-delete-button-wrapper.edit-delete-button-wrapper-show{display: flex !important; position: relative; top:10px;}
.edit-delete-button-wrapper .delete a {
    height: auto;
}
.edit-delete-button-wrapper .delete {
    margin-top: 10px;
}
.edit-delete-button-wrapper .delete a {
    width: 100%;
}
.edit-delete-button-wrapper .delete a img {
    width: 15px !important;
}
.leave-a-comment .comment-box .d-flex {
    align-items: flex-start !important;
}
.leave-a-comment .comment-box .comment-fig {
    width: 40px;
    height: 40px;
}
#contact-popup textarea {
    height: 200px;
}
#contact-popup .contributor-body {
    padding-bottom: 0;
}
.leave-a-comment .form-action.d-flex.launch-action.align-items-center.text-right.mb-0.justify-content-end {
    background: none;
    padding-bottom: 0;
}
.leave-a-comment .comment-box .comment-fig img{height: 100%; width: 100%; object-fit: cover;}
.leave-a-comment .form-action.d-flex.launch-action button {
    padding: 15px 20px;
    font-size: 14px;
}
#share-this-profile .contributor-body {
    padding: 40px;
}
#share-this-profile .social-links h3 {
    margin-bottom: 15px;
}
#share-this-profile .copy-link h3 {
    margin-bottom: 15px;
}
#share-this-profile .social-links ul {
    margin: 0;
}
#contribution  .contributor-body {
    padding: 40px 35px;
    /* border-top: 1px solid #d8d8d8 !important; */
    min-height: 217px;
    padding-bottom: 0;
    padding-top: 30px;
}
#contribution .contributor-body h4 {
    margin-bottom: 15px;
}
#contribution .popup-header {
    padding: 40px 35px 25px;
}

#contribution #section-6 .contributor-body {
    min-height: 195px;
}
#contribution .contributor-body p {
    font-size: 14px;
}
#contribution  .popup-footer {
    padding: 25px 40px;
    padding-bottom: 40px;
}
#contribution #section-3 .popup-body {
    max-height: calc(100vh - 400px);
    overflow-y: auto;
}
.username-wrapper {
    position: relative;
}
.username-wrapper span#usernameStatus {
    position: absolute;
    right: 8px;
    top: 13px;
    font-size: 14px;
}
.more-seetings-wrapper .lava {
    margin: initial;
    border: none !important;
    height: auto;
}
.more-seetings-wrapper .lava a {
    height: auto;
    line-height: normal;
    background: none;
}
.more-seetings-wrapper .lava .start-home, .more-seetings-wrapper .lava .start-home, .more-seetings-wrapper a.active:nth-child(1)~.animation{
    background-color: #f1f1f1;
}
.more-seetings-wrapper .lava {
    margin: initial;
    border: none !important;
    height: auto;
    width: 300px;
}
.more-seetings-wrapper .lava a {
    height: auto;
    line-height: normal;
    background: none;
    padding: 16px 0;
    margin: 0;
}
#custombuttonDiv .form-action.d-flex.launch-action {
    background: none;
}
.top-contributor span {
    text-decoration: none !important;
}
#commentsPopup .user-icon {
    width: 40px;
    height: 40px;
    margin-right: 15px;
}
.profile-preview .social-links ul {
    gap: 18px !important;
}
#contact-popup .popup-footer {
    padding-top: 0 !important;
}
.do-not-show p {
    font-size: 12px !important;
    font-weight: 400;
    line-height: 17px;
}
#profilepreviewbio{margin-bottom: 0}
.custom-select span img {
    transition: all 0.2s ease;
}
.custom-select.active span img {
    transform: rotate(0);
}
#commentsPopup .popup-footer {
    display: none;
}
#commentsPopup .contributor-body {
    padding: 0 25px;
    min-height: auto;
    background: transparent;
    min-height: 450px;
}
#live .card{
    background: #ffffff !important;
}
.custom-btn.top-custom label {
    pointer-events: none;
}
#contrisuccesspopup .contributor-list-bg {
    flex-shrink: 0;
}
#contrisuccesspopup h2#thankyou-head img {
    width: 30px;
}
#contricancelpopup h3 {
    font-size: 18px;
    font-weight: 600;
}
#contricancelpopup .contributor-body {
    min-height: auto;
}
#contricancelpopup p {
    margin: 0;
}
p.noMsgData.p2 {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    margin: 120px 0;
}
.my-messages .message-body .message-body-inner p {
    margin: 0;
}
.my-messages .message-body .message-body-inner {
    border: none;
    padding: 0 0;
    border-radius: 10px;
    margin-left: 38px;
}

.my-messages .message-body {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}
.subject-inner {
    margin-left: 47px;
}
.custom-btn.top-custom.selected-custom label {
    pointer-events: all;
}
#section-1 .contributor-body h4 {
    margin-bottom: 20px;
}
#section-3 .contributor-body {
    padding-left: 0;
    padding-right: 0;
}
#section-3 .contributor-body h4{
    padding: 0 35px;
}
#section-3 .contributor-body .transaction-summary li {
    padding: 5px 35px;
}
#section-3 .transaction-summary .leave-a-comment {
    padding-left: 35px;
    padding-right: 35px;
    display: none;
}
#section-3 .do-not-show {
    padding: 0 35px;
}
#section-3 .transaction-summary li.total {
    padding-top: 20px !important;
}
#section-3 .comment-box {
    margin-bottom: 5px;
}
#section-4 .contributor-body, #contrisuccesspopup  .contributor-body {
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
}
#section-4 .feedback, #contrisuccesspopup  .feedback {
    margin: 0 40px;
}
#section-4 .contributor-body .d-flex.mb-3, #contrisuccesspopup .contributor-body .d-flex.mb-3 {
    margin-left: 40px;
    margin-right: 40px;
}
#section-4 .transaction-summary, #contrisuccesspopup .transaction-summary {
    margin-left: 35px;
    margin-right: 35px;
}
.feedback h3 {
    font-size: 18px;
    font-weight: 600;
}
#section-4 .contributor-body {
    height: 500px;
    overflow-y: auto;
}

.feedback-wrapper{border: 1px solid #d8d8d8; padding: 25px; border-radius: 25px;}
#contact-popup .description-toggle {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #555;
    text-align: right;
    justify-content: flex-end;
    margin-top: 6px;
}
#contact-popup textarea#comments + div#commentcount {
    margin-top: 0;
}
.feedback-inner:not(:last-child) {
    margin-bottom: 20px;
}
.feedback-inner h4 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px !important;
}
.feedback-inner .d-flex a {
    border: 1px solid #d8d8d8;
    color: #555;
    text-decoration: none;
    padding: 4px 15px;
    border-radius: 25px;
}

.feedback-inner .d-flex {
    gap: 10px;
    font-size: 12px;
    align-items: center;
}
#contributionform h2#thankyou-head {
    align-items: center;
    display: flex;
    gap: 10px;
}
#commentsPopup .your-comment-main .d-flex {
    flex-direction: row !important;
}
#commentsPopup .your-comment-main a.btn.btn-primary.dots-3 {
    padding: 0 !important;
    width: 30px !important;
    height: 30px !important;
    border: none;
}
#commentsPopup .date-time {
    text-align: right;
    font-size: 12px;
    color: #3d4d5d;
}
select.form-control.countrydropdown {
    max-width: 300px;
    border-radius: 15px;
    height: 45px;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #d8d8d8;
}
select.form-control.countrydropdown {
    max-width: 300px;
    border-radius: 15px;
    height: 45px;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #d8d8d8;
    position: relative;
    background: url(https://www.tipnchip.com/public/assets/images/right-angle.png);
    background-repeat: no-repeat;
    background-position: center right 18px;
    background-size: contain;
    background-size: 10px;
}
.your-comment-main {
    background: #f8f8f8;
    border-radius: 20px;
}
.your-comment-main .d-flex.justify-content-between {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.your-comment-main {
    background: none;
    border-radius: 20px;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
#commentsPopup .date-time {
    margin-bottom: 20px;
}
.my-messages .user-icon {
    margin-right: 10px;
}
.subject-inner {
    margin-left: 52px;
}
#commentsPopup .your-comment-main a.btn.btn-primary.dots-3:hover {
    background: #fff;
}
a.feedbackbtn1.active {
    background: #f8f8f8;
}
#contrisuccesspopup .popup-header {
    padding: 25px 35px 25px;
    border-bottom: 1px solid #d8d8d8;
}
#contrisuccesspopup  .contributor-body {
/*    height: 500px;*/
/*    overflow-y: auto;*/
}
.dashboard-section.user-prof .user-icon {
    margin-right: 10px;
}
.user-icon.dropZoneOverlay.edit-userimage {
    margin-right: 10px;
}
.funding-goal-wrapper.nofund .contribute-now {
    margin-top: 0;
}
.form-group.social-link.btn-style .form-action.d-flex.launch-action.align-items-center.text-right.mb-0.justify-content-end {
    position: static !important;
    margin-top: 15px;
}
.form-group.social-link .delete, .all-social-links .delete {
    opacity: 0.5;
    pointer-events: none;
}


.custom-btn.top-custom .delete{
    opacity: 1;
    pointer-events: all;
}


.form-group.social-link input:not(:placeholder-shown) + input + .delete, .all-social-links input:not(:placeholder-shown) + input + .delete {
    opacity: 1;
    pointer-events: all;
}
#supporter .profile-dropdown ul li a {
    padding: 14px 20px !important;
    height: auto;
}
#supporter .profile-dropdown ul {
    padding: 10px 0 !important;
}
.edit-gap{gap:0 !important}
#send-your-contribution .owner-detail h3 {
    font-size: 0;
}
.funding-goal .top-contributor {
    padding-bottom: 40px;
}
.leave-a-comment h3 {
    font-size: 16px;
    font-weight: 600;
}
.stats .stat a {
    color: #3d4d5d !important;
    font-size: 14px;
}
.stat.bulldivider {
    margin: 0 8px;
}
.follow-inner .user-image {
    position: static;
    width: 50px;
    height: 50px;
    margin: 0 !important;
    padding: 0 !important;
}
.follow-inner .user-name h2 {
    font-size: 15px;
}
.follow-inner .user-name h2 a{color: #00200A; text-decoration: none;}
.follow-inner .user-name h2 {
    font-size: 15px;
    margin: 0;
}
.follow-inner .user-name.fnc-title p {
    margin: 0;
}
.follow-inner .user-image {
    position: static;
    width: 40px;
    height: 40px;
    margin: 0 !important;
    padding: 0 !important;
    border: none;
    flex-shrink: 0;
    margin-right: 10px !important;
}
#Followers-popup .contributor-body, #Following-popup .contributor-body {
    padding: 15px 0;
    /* border-top: 1px solid #d8d8d8 !important; */
    min-height: 440px;
}
.follow-inner {
    padding: 0 25px;
}
.follow-inner .user-name.fnc-title p {
    margin: 0;
    font-size: 14px;
}
#Followers-popup img.back, #Following-popup img.back {
    filter: invert(1);
    width: 14px;
    position: absolute;
    left: 25px;
    top: 25px;
    opacity: 0.9;
}
.popup-header .cancel img {
    width: 28px;
}
.follower-bio {
    font-size: 14px;
    padding-left: 52px;
    padding-right: 20px;
    font-weight: 300;
    color: #3d4d5d;
    margin-top: 5px;
}
.follow-btn a {
    text-decoration: none;
    border: 1px solid #324158;
    color: #243234;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 15px;
    border-radius: 50px;
}
.followers-box.email-box {
    padding: 15px 0;
    border-bottom: 1px solid #f1f1f1;
}
.user-image, .cover-image {
    cursor: pointer;
}
.lg-download.lg-icon, #lg-counter {
    display: none !important;
}
.lg-outer .lg-img-wrap {
    padding: 30px !important;
}
.lg-toolbar {
    background-color: transparent !important;
}
.lg-backdrop {
    background-color: #000000e8 !important;
}
.follow-btn a {
    width: 100px;
    text-align: center;
    justify-content: center;
    padding: 11px 0;
    display: inline-block;
}
.category-list a {
    color: #243234;
    text-decoration: none;
    border: 1px solid #324158;
    border-radius: 25px;
    padding: 8px 20px !important;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
}
.category-list a:hover {
    background: #000;
    color: #fff;
}
.category-list a.active {
    background: #000 !important;
    color: #fff;
}
.category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.edit-profile .stats .stat a {
    border: none;
    padding: 0;
    text-decoration: underline;
}
.edit-profile {
    display: flex;
    align-items: center;
    gap: 10px;
}
.page-owner-outline {
    border: 1px solid #d8d8d8;
    border-radius: 30px;
    padding: 15px;
}
.edit-profile .stat a:hover {
    background: none;
}
.followers-box.email-box .follow-btn a {
    padding: 5px 15px;
    width: auto;
    flex-shrink: 0;
    font-weight: 400;
}
.followers-box.email-box .follow-btn a:hover {
    background: #f8f8f8;
}
#Followers-popup .d-flex.gap-2.flex-direction-column .followers-box.email-box:last-child {
    border: none;
}
.profile-page.s-page .popup-inner {
    position: absolute;
    top: 0;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    border: none;
    border-radius: 0;
    width: 100%;
    box-shadow: none;
}
.profile-page.s-page h1 {
    font-size: 20px;
    font-weight: 800;
    margin-left: 0px;
    color: #243234;
    margin: 15px 0;
}

.profile-page.s-page .owner-detail {
    display: flex;
    align-items: center;
    gap: 5px;
}
.profile-page.s-page .owner-image {
    margin-right: 5px;
}
.profile-page.s-page .stats.d-flex.justify-content-start {
    margin-bottom: 10px;
}
.profile-page.s-page .stats .stat a {
    color: #243234 !important;
    font-size: 14px;
    font-weight: 600;
}
.profile-page.s-page .user-profile-wrapper-text-area .stat a {
    color: #243234 !important;
}
.profile-page.s-page .social-links li a {
    border: none !important;
}
.profile-page.s-page .social-links li a {
    width: auto !important;
    padding-right: 15px !important;
    padding-left: 2px !important;
}
.profile-page.s-page .profile-dropdown ul li a {
    padding: 14px 20px;
    font-size: 12px;
    font-weight: 600;
    height: auto;
}
.profile-page.s-page .profile-dropdown ul{
    padding: 10px 0 !important;
    
}
.profile-page.s-page .bio {
    padding: 0 0 !important;
}
.profile-page.s-page .popup-inner {
    max-width: 500px;
    margin: 0 !important;
}
.profile-page.s-page .social-links{
/*    border: none !important;*/
    padding-left: 0 !important;
}
.profile-page.s-page .bio {
    padding: 0;
}
#profile-popup .d-flex.gap-3.user-detail-mb-15 {
    padding: 20px 0px 0;
}
.profile-page.s-page .back img {
    width: 12px !important;
}
.profile-page.s-page .back a {
    color: #1a1a1a;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 20px;
}
#contrisuccesspopup .contributor-list-bg {
        width: 30px;
        height: 30px;
    }
#contrisuccesspopup .transaction-summary {
    border: 1px solid #d8d8d8;
    border-radius: 25px;
}
#contrisuccesspopup .transaction-summary h4 {
    padding: 15px 15px;
    margin-bottom: 0;
}
#contrisuccesspopup .transaction-summary ul li {
    padding: 6px 15px;
}
#contrisuccesspopup .transaction-summary ul li.total {
    padding: 15px 15px;
}
div#contrisuccesspopup hr {
    margin: 30px 0;
    background: #d8d8d8;
    border-bottom: none !important;
    height: 1px;
}
#contrisuccesspopup p {
    font-size: 14px;
}
div#draft-section {
    min-height: 300px;
}
.profile-preview .title-section p a {
    color: #555;
    text-decoration: none;
    font-weight: 400;
}
.see-fees a {
    color: #00200A;
    font-weight: 400;
}
.see-fees {
    margin-bottom: 15px;
    font-size: 14px;
    position: relative;
}
.see-fees-box {
    background: #fff;
    box-shadow: 0 0 3px rgb(0 0 0 / 28%);
    padding: 20px;
    border-radius: 25px;
    position: absolute;
    z-index: 9;
    left: 70px;
    top: 0;
}
.see-fees a:hover + .see-fees-box {
    display: block !important;
}
.name-and-comment h4 {
    margin-bottom: 5px !important;
}
.name-and-comment p {
    margin: 0 35px;
    font-size: 12px !important;
    line-height: 17px;
}
.name-and-comment .form-group {
    margin: 10px 35px;
}
.name-and-comment .form-group textarea {
    height: 75px;
    resize: none;
}
.name-and-comment input {
    height: 40px !important;
}
#section-3 .do-not-show {
    padding: 15px 35px;
}
#section-3 .contributor-body h4 {
    padding: 0 35px;
    margin-bottom: 5px;
}
.name-and-comment {
    margin-bottom: 15px;
}
#contrisuccesspopup .transaction-summary ul li {
    padding: 6px 25px;
}
#contrisuccesspopup .transaction-summary h4 {
    padding: 25px 25px 10px;
    margin-bottom: 0;
}
#contrisuccesspopup .transaction-summary ul li.total {
    padding: 15px 25px;
    margin-top: 10px;
}
.feedback .feedback-inner h4 {
    line-height: 20px;
}
.profile-preview .page-owner {
    padding-bottom: 0;
    margin-bottom: 0;
}
#profile-popup .owner-image {
    width: 40px;
    height: 40px;
    margin-left: 30px;
    margin-right: 10px;
}
.get-premium .get-verified img {
    margin-left: 0;
    width: 10px;
    float: left;
    margin-right: 7px;
    margin-top: 2px;
}
.subscribe-button-wrapper {
    background: #fbfbfb;
    border: 1px solid #d8d8d8;
    border-radius: 25px;
    padding: 30px 30px;
    text-align: center;
}
.subscribe-button-wrapper ul {
    text-align: left;
}
.subscribe-button-wrapper ul {
    text-align: left;
    padding-left: 0;
    padding: 0;
    margin: 0;
}
.subscribe-button-wrapper ul {
    list-style: none;
    font-size: 14px;
}
#search-data-content .user-icon {
    flex-shrink: 0;
}
.search-panel div#supporter {
    max-height: 400px;
    overflow-y: auto;
/*    min-height: 400px;*/
}
.search-panel.showing-results div#supporter {
    min-height: 450px;
}

#unfollow-popup h3 {
    padding: 30px 20px 30px;
    text-align: center;
    font-size: 18px;
    margin: 0;
    line-height: 27px;
}
#unfollow-popup .popup-inner {
    width: 300px;
    max-width: 300px;
    border-radius: 35px;
}
.mob-menu-panel li.search span.search-icon {
    top: 60px !important;
    opacity: 0;
}
.mob-menu-panel li.search span.search-icon {
    top: 50% !important;
    opacity: 1;
    left: 20px;
    transform: translateY(-50%);
}
#search-panel div#supporter > div {
    border: none;
}
#search-panel .search-panel .search-bar {
    border-bottom: none;
}
#search-panel  .search-icon img {
    float: left;
}
#search-panel div#search-data-content > div {
    border-bottom: 1px solid #d8d8d8;
}
.search-panel div#supporter > div {
    padding: 0 0;
    border-bottom: 1px solid #f1f1f1;
}
div#search-data-content > div {
    border-bottom: 1px solid #d8d8d8;
    padding: 0 20px;
}
.search-panel div#supporter .user-detail h3 {
    font-weight: 500;
    font-size: 14px !important;
    margin: 0;
}

#search-panel .search-bar {
       position: relative;
    border-bottom: none;
    padding-bottom: 15px;
    background: #f8f8f8;
    border-radius: 15px 15px 0 0;
}
.search-panel {
    height: 400px;
}
.search-panel div#supporter .bio {
    font-size: 12px;
    margin-left: 47px;
    color: #3d4d5d;
}
#supporter::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
.clear-input {
    opacity: 0;
}
.search-bar input:not(:placeholder-shown) + .clear-input {
    opacity: 1;
}
#Following-popup div#followingresult, #Followers-popup div#results {
    width: 100%;
}
#Following-popup .no-following, #Followers-popup .no-following {
    text-align: center;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3d4d5d;
    font-size: 14px;
    position: absolute;
    width: 100%;
    height: calc(100% - 110px);
    top: 62px;
    
}
#Following-popup .follower-bio {
    padding-left: 52px;
}
#Followers-popup .no-follower, #Following-popup .no-following {
    text-align: center;
    height: calc(100% - 74px);
    position: absolute;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    top: 55px;
    font-size: 14px;
}
#Followers-popup .follow-btn a, #Following-popup .follow-btn a {
    width: 90px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#all-contributor-popup .contributor-body {
    min-height: 450px;
}
.link-bank-account .bank-icon img {
    width: 100%;
}

.link-bank-account .bank-icon {
    width: 50px;
    margin-right: 15px;
}
.link-bank-account .bank-detail a {
    color: #00200a;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}
.link-bank-account .bank-detail img {
    width: 7px;
    margin-left: 10px;
}
.location-box select {
    background: #fff;
}
.how-mouch-right-panel .contributor-body {
    padding: 0 !important;
    height: auto;
    min-height: inherit;
}
.how-mouch-right-panel {
    margin-top: 25px;
    margin-bottom: 25px;
}
ul.get-p-img li {
    background: url(https://www.tipnchip.com/public/assets/images/check-green-tick.png);
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 33px;
    padding: 8px 0;
    background-position: left top 10px;
    padding-left: 28px;
    font-size: 14px;
    color: #243234;
    font-weight: 500;
}
ul.get-p-img + p {
    color: #5777ff;
    font-weight: 600;
    margin-top: 30px;
}
.subscribe-button-wrapper .note p {
    text-align: center;
}
.subscribe-button-wrapper + .cancel-anytime{display: none;}
.subscribe-button-wrapper {
    margin-bottom: 20px;
}
.gp-profile {
    margin: 0 20px;
}
.user-profile-wrapper {
    max-width: 90% !important;
    margin: 0 auto;
    padding: 0 !important;
    width: 90%;
}
.user-profile-wrapper .banner-container {
    position: relative;
}

.user-profile-wrapper .banner-container div#owner-image {
    position: absolute;
    bottom: -40px;
    top: inherit;
    left: 50px;
    width: 80px;
    height: 80px;
    border: 5px solid #fff;
    border-radius: 50%;
    background: #fff;
}
.user-profile-wrapper-text-area {
    border: 1px solid #b3b3b3;
    margin-top: 50px;
    border-radius: 35px;
    padding: 10px 30px;
}
.copy-user img{margin-left: 15px}
.user-profile-wrapper-text-area .flex1 {
    flex: 1;
    gap: 0;
    display: flex;
    flex-direction: column;
    max-width: 50%;
}
.bt-0{border-top: none !important}
.flex1.lef-panel {
    padding-right: 100px;
    border-right: 1px solid #d8d8d8;
    margin-right: 70px;
}
.user-profile-wrapper-text-area {
    border: 1px solid #b3b3b3;
    margin-top: 80px;
    margin-bottom:80px;
    border-radius: 35px;
    padding: 40px 40px;
}
.user-profile-wrapper-text-area .social-links img {
    width: 21px !important;
}
.user-profile-wrapper-text-area .social-links.joined {
    padding: 20px 0px !important;
}
.user-profile-wrapper .follow-user {
    right: 0;
    position: absolute;
    bottom: -28px;
}
.share-page img {
    width: 14px;
}
.follow-user {
    display: flex;
    gap: 10px;
}
.user-profile-wrapper .follow-user .share-page img {
    border-radius: 0;
    width: 20px;
}
.user-profile-wrapper .follow-user {
    right: 0;
    position: absolute;
    bottom: -65px;
}
.user-profile-wrapper .follow-user .share-page a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-profile-wrapper .follow-user .share-page a img {
    margin: 0;
    width: 15px;
}
.user-profile-wrapper .follow-user .share-page a {
    border: 1px solid #324158;
    width: 51px;
    height: 51px;
    border-radius: 50%;
}
.create-post.d-flex-justify-content-between {
    display: flex;
    justify-content: space-between;
    border: 1px solid #d8d8d8;
    padding: 15px;
    align-items: center;
    border-radius: 30px;
}
.create-post.d-flex-justify-content-between > .d-flex p {
    margin: 0 !important;
}
.create-post-note a{color: #3d4d5d}
.create a.create-btn {
    color: #324158;
    border: 1px solid #d8d8d8;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 50px;
    font-size: 14px;
}
.heading-side h2 {
    font-size: 18px;
    font-weight: 700;
}
.select-page {
    margin-left: 47px;
    margin-top: 15px;
}
.add-post textarea {
    width: 100%;
    border: none;
    resize: none;
}
.add-title {
    margin: 20px 0;
}
.post-title-and-post input[type="text"] {
    background: #fcfcfc;
    border: 1px solid #d8d8d8;
    width: 100%;
    height: 45px;
    border-radius: 15px;
    padding-left: 15px;
}
.user-profile-wrapper img#banner-container {
    height: 350px;
    object-fit: cover;
}
#view-all-panel div#supporter {
    min-height: 460px;
    margin-top: 20px;
}
div#search-data-content > div {
    border-bottom: 1px solid #d8d8d8;
    padding: 12px 20px;
    border: none;
}
#view-all-panel .search-panel div#supporter .user-icon {
        width: 40px;
        height: 40px;
        margin-right: 12px;
    }
#view-all-panel a{text-decoration: none; width: 100%;}
#view-all-panel div#search-data-content a.user-profile-link:hover {
    background: #f8f8f8;
}
p#viewAllpageLink {
    cursor: pointer;
}
#view-all-panel div#supporter > .d-flex{border-bottom: none}
#view-all-panel a {
    text-decoration: none;
    width: 100%;
    padding: 15px;
    border-radius: 15px;
}
#view-all-panel div#supporter div#search-data-content > .d-flex {
/*    padding: 5px 30px;*/
} 
#view-all-panel div#supporter {
    margin-top: 0;
}

div#view-all-panel .user-icon {
    margin-right: 12px !important;
}
.post-title-and-post {
    width: 100%;
    border-top: 1px solid #d8d8d8;
    padding-top: 25px;
}

.add-post textarea {
    width: 100%;
    border: none;
    resize: none;
}
.post-creation-header .custom-wrapper {
    padding-bottom: 15px !important;
}
.post-creation-header .create-post .d-flex {
    padding-bottom: 15px !important;
}
.add-title {
    margin-bottom: 20px;
}
.add-title input {
    padding: 0 15px;
}
.add-post-action-wraper ul {
    padding: 0;
}

.add-post-action-wraper li {
    list-style: none;
}
.add-post-action-wraper li img {
    width: 20px;
}
.add-post-action-wraper li a {
    padding: 0;
}
.add-post-action-wraper ul {
    padding: 0;
    display: inline-flex;
    padding-right: 0;
    margin-right: 20px;
    margin-bottom: 0;
    
}
p#charCountTextarea, p#charCountSubject {
    display: flex;
    align-items: center;
}
.add-post-action-wraper p{margin-bottom: 0}
.add-post-action-wraper .send button img {
    width: 25px;
}

.add-post-action-wraper .send button {
    background: none;
    padding: 0;
}
.note.post-process p a {
    color: #3d4d5d;
    font-size: 10px;
    padding: 0; 
    margin: 0;
    border: none;
    text-decoration: underline;
}
.post {
    margin-top: 30px;
}
.post-banner img {
    width: 100%;
}
.post-banner img {
    width: 100%;
    border-radius: 35px 35px 0 0;
    height: 270px;
    object-fit: cover;
    background-position: center center;
}
.post {
    border: 1px solid #d8d8d8;
    border-radius: 35px;
    position: relative;
}
.post a.btn.btn-primary.dots-3 {
    width: 40px !important;
    height: 40px !important;
    border: none !important;
}
.post a.btn.btn-primary.dots-3:hover {
    background: #fff;
    border: 1px solid #d8d8d8;
}

.post .profile-dropdown ul {
    top: 45px;
}
.post .profile-dropdown ul li a {
    border: none;
    padding: 0 10px !important;
    margin: 0;
}

.post .profile-dropdown {
    position: absolute;
    right: 20px;
    top: 20px;
}
.post-container {
    padding: 25px 25px 10px;

}
.post .reaction-list {
    padding-left: 15px;
}
.load-more a:hover {
    background: #f8f8f8;
}
.post .reaction-container {
    padding: 20px 0;
    margin: 0 25px;
}
.post-container .user-detail h3 {
    font-size: 15px !important;
    margin-bottom: 1px !important;
}
.create .post-container h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}
.post-container .user-icon {
    margin-right: 10px;
}
.post-container h3 {
    font-size: 20px;
}
.post-container .user-profile {
    margin-bottom: 20px;
}
.reaction-container {
    padding: 20px 35px;
}
.reaction-container .reaction img {
    width: 24px;
}
div#note-new p {
    margin-top: 0;
}
/*
.inner-free-sec h2:hover .note {
    display: block !important;
}
*/
.reaction-container {
    padding: 20px 35px;
    border-top: 1px solid #d8d8d8;
}
.rection-list-inner img + img {
    margin-left: -5px;
}

.rection-list-inner img {
    width: 25px;
    height: 25px;
}
.reaction-list p {
    margin: 0;
}
.reaction-list {
    display: flex;
    gap: 0px;
    align-items: center;
    margin-top: 0;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #d8d8d8;
}
div#randomreactions img{
    margin-right: 10px;
}
.reaction-list p {
    margin: 0;
    font-size: 13px;
}
.load-more{margin-top: 20px}
.load-more a {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    font-weight: 600;
    text-align: center;
    color: #324158;
    text-decoration: none;
    border: 1px solid #d8d8d8;
    border-radius: 50px;
}
.post-date ul{list-style: none; display: flex;}
.product-offer.d-flex .image {
    width: 100px;
}
.see-how-it-work a {
    color: #243234;
    font-weight: 600;
    font-size: 14px;
}
#how-it-work h2 {
    font-size: 15px;
}
#how-it-work .discount h3 {
    font-size: 15px;
    font-weight: 700;
}
#how-it-work h4 {
    font-size: 14px;
}
.discount {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 15px;
}
#how-it-work .contributor-body {
    padding: 0;
}
#how-it-work .discount {
    padding: 0 25px;
}
#how-it-work .contributor-body > p {
    padding: 0 25px;
    margin-top: 20px;
}
.post-date ul {
    list-style: none;
    display: flex;
    padding: 0;
    font-size: 12px;
    gap: 5px;
    color: #728089;
    font-weight: 600;
}

.post-description p {
    font-size: 14px;
}
.product-offer.d-flex .image img {
    width: 100%;
    border-radius: 20px;
}
.product-offer .product-title h3 {
    font-size: 15px;
    margin-bottom: 0;
    font-weight: 600;
}
.product-offer.d-flex {
    gap: 15px;
    align-items: center;
}
.product-offer p {
    margin-bottom: 0;
}
.product-offer p {
    margin-bottom: 0;
    font-size: 14px;
}
.product-offer {
    padding: 15px;
    border-radius: 35px;
    border: 1px solid #d8d8d8;
}
.product-offer p {
    margin-bottom: 0;
    font-size: 12px;
}

.see-how-it-work a{color: #243234}
.over-view ul {
    padding: 0;
}

.over-view ul li {
    list-style: none;
}
.over-view a {
    color: #243234;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 10px;
    display: inline-block;
    margin: 6px 0;
}
div#rewards-sec h3 {
    font-size: 18px;
}
div#rewards-sec  {
    margin-top: 15px;
}
div#rewards-sec h3 span {
    background: #6855ff;
    border-radius: 25px;
    font-size: 12px;
    padding: 5px 10px;
    text-transform: uppercase;
    margin-left: 3px;
    font-weight: 600;
}
.over-view ul {
    padding: 0;
    margin: 0;
}

.over-view {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
.over-view a {
    color: #243234;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 10px;
    display: inline-block;
    margin: 6px 0;
}
.reaction-container {
    display: flex;
}
.over-view a.active {
    background: #f8f8f8;
    border-radius: 15px;
}
div#rewards-sec h3 {
    font-size: 18px;
    color: #243234;
    display: flex;
    align-items: center;
    gap: 5px;
}
.inner-free-sec .note {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    position: absolute;
    width: 400px;
    left: 50px;
    top: 85px;
    right: -180px;
}
.reaction {
    position: relative;
}
.emoji-display {
    margin-top: 0 !important;
    position: absolute;
    top: -5px;
    left: -6px;
    background: #fff;
}
.product-offer img {
    border-radius: 25px !important;
}
.see-how-it-work {
    margin-top: 30px;
}
div#rewards-sec p b {
    font-weight: 500;
}
div#rewards-sec > h3 {
    font-size: 18px;
    color: #243234;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
    font-size: 14px;
}
.product-offer .product-title h3 {
    font-size: 14px !important;
    margin-bottom: 5px !important;
}
.product-offer p {
    font-size: 12px;
    line-height: 18px;
}
#how-it-work p {
    font-size: 14px;
}
#how-it-work .discount h3 {
    font-size: 15px;
    font-weight: 700;
    color: #222f44;
}
#how-it-work h4 {
    font-size: 14px;
    font-weight: 600;
    color: #222f44;
}
#how-it-work .contributor-body {
    padding: 0;
}
#how-it-work .contributor-body .discount {
    padding: 10px 25px 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#how-it-work .contributor-body > p {
    padding: 0 25px;
    margin-top: 20px;
}
div#post-preview h3 {
    padding-top: 25px;
    font-weight: 700;
    color: #243234;
    margin-bottom: 0; 
}
#post-preview .user-profile h3 {
    padding: 0 !important;
    margin-top: 0 !important;
}
div#post-description h3 {
    font-size: 14px;
    margin-bottom: 10px;
}
#post-preview div#post-description h3 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 0;
}

#post-preview div#post-description {
    margin-top: 25px;
}
#post-preview .post-view {
    position: relative;
}
#post-preview .profile-dropdown {
    /* width: 16px; */
    position: absolute;
    right: 20px;
    top: 20px;
}
#post-preview a.btn.btn-primary.dots-3 {
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
}
#post-preview .profile-dropdown a.btn.btn-primary.dots-3 {
    border: none;
}
.flex1.right-panel .social-links.joined:first-child {
    border-top: none !important;
}
#post-preview .profile-dropdown a.btn.btn-primary.dots-3 {
    padding: 0 !important;
    width: 35px !important;
    height: 35px !important;
}
#post-preview .profile-dropdown ul {
    padding: 0;
    list-style: none;
    background: #fff;
    position: absolute;
    background: #fff;
    border: 1px solid #d8d8d8;
    width: 200px;
    padding: 11px;
    border-radius: 25px;
    right: 0;
    top: 38px;
    display: none;
    z-index: 9;
}
#post-preview .profile-dropdown a.btn.btn-primary.dots-3:hover {
    background: #fff;
}
#post-preview .profile-dropdown ul li a {
    padding: 14px 20px;
    font-size: 14px;
    height: auto;
}
#post-preview .profile-dropdown ul {
    padding: 10px;
}
#post-preview .profile-dropdown ul {
    padding-left: 0;
    padding-right: 0;
}
#post-preview .profile-dropdown ul {
    width: 250px;
    border-radius: 26px;
    padding: 5px 0 !important;
}
.funding-goal-wrapper .enter-amount input {
    padding-left: 30px !important;
}
#post-creation .add-title input {
    font-weight: 800;
}
.inner-free-sec h2 span.tooltip-icon img {
    width: 17px;
}
.inner-free-sec h2 span.tooltip-icon{cursor: pointer;}
.post-creation-header .custom-select {
    border-radius: 35px;
    width: 250px;
}

.post-creation-header .custom-wrapper span#selectone {
    color: #728089;
    white-space: nowrap;
    font-weight: 600;
    text-overflow: ellipsis;
    width: 85%;
    overflow: hidden;
}
.post-creation-header  .category-list .user-detail h3 {
    font-size: 15px !important;
}
.post-creation-header  .category-list .user-detail a{padding: 0 !important}
.post-creation-header .custom-wrapper {
    margin-top: 15px;
    width: 250px;
}
.tox-menu.tox-collection.tox-collection--list.tox-selected-menu {
    display: none !important;
}
.tox .tox-dialog {
    padding: 30px !important;
}
.post-creation-header .custom-wrapper .custom-select span img {
    transform: rotate(0deg);
}
.post-creation-wrapper .add-title inpur::placeholder {
  color: #ff0000;
}

.post-creation-header .heading-side p {
    font-size: 14px;
}
.post-creation-header .heading-side h2 {
    margin: 0;
    font-size: 15px;
}
.post-creation-header .add-post-action-wraper.d-flex.justify-content-between ul {
    gap: 15px;
}
.post-creation-header .add-post-action-wraper.d-flex.justify-content-between ul a {
    border: none;
}
.post-creation-header .create-post .d-flex, .post-creation-header .custom-wrapper, .post-creation-header .add-title, .post-creation-header .add-post {
    padding: 25px 25px !important;
}
.post-creation-header .custom-wrapper {
    padding-bottom: 20px !important;
}
.post-creation-header .create-post .d-flex {
    padding-bottom: 20px !important;
}
.post-creation-header .add-post-action-wraper.d-flex.justify-content-between {
    border-top: 1px solid #d8d8d8;
}
.post-creation-header .add-post-action-wraper.d-flex.justify-content-between .d-flex {
    padding: 0 !important;
}
.post-creation-header .add-title {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.post-creation-header .add-title input {
    border: none;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 0 !important;
    font-weight: 700;
    background: none;
}
.post-creation-header .custom-wrapper {
    margin-top: 0;
    width: 100%;
    padding-top: 0px !important;
    padding-left: 76px !important;
/*    border-top: 1px solid #d8d8d8;*/
}
.post-image-preview-wrapper .post-image img {
    width: 100%;
    border-radius: 10px;
}

.post-image-preview-wrapper .post-image {
    width: 100px;
}
.post-image-preview-wrapper .delete-btn a img {
    width: 15px;
    margin-right: 5px;
}
.post-creation-header .close-post {
    position: absolute;
    right: 0;
    top: 0;
} 
.post-creation-header .close-post {
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 30px;
    cursor: pointer;
}
.popup-footer {
/*    padding: 0;*/
}
.create-post .user-profile.d-flex.w100.justify-content-between.align-items-start.flex-direction-column.p-0 {
    padding: 0 !important;
    border: none !important;
}
.create-post .user-profile.d-flex.w100.justify-content-between.align-items-start.flex-direction-column.p-0 a{border: none !important; padding: 0; border-radius: 10px !important}
.create-post .user-profile.d-flex.w100.justify-content-between.align-items-start.flex-direction-column.p-0 a:hover .bio {
    color: #222;
}
.create-post .user-profile.d-flex.w100.justify-content-between.align-items-start.flex-direction-column.p-0 a:hover{background: #f8f8f8;}
.create-post .user-profile.d-flex.w100.justify-content-between.align-items-start.flex-direction-column.p-0 a div{padding: 0 !important}
.create-post p {
    font-weight: 400;
}
.create-post .custom-dropdown {
    max-width: 640px;
    width: 800px;
}
#support-text-popup button.white-bg {
    margin: 0;
    padding: 27px 0 !important;
    width: 100%;
    font-size: 14px;
    background: none !important;
    font-weight: 600;
}
#support-text-popup .popup-header {
    padding: 50px 25px 20px;
    border-bottom: 1px solid #d8d8d8;
}
#support-text-popup button.white-bg {
    margin: 0;
    padding: 0;
}
#support-text-popup .popup-header{border-bottom: none; padding-bottom: 0;}
#support-text-popup .popup-body p {
    font-size: 14px;
}
#support-text-popup .popup-body p:last-child {
    margin-bottom: 0;
}
#support-text-popup .popup-inner {
    max-width: 430px;
    width: 430px;
}
#post-creation-main{position: relative;}
.post-image-preview-wrapper .delete-btn {
    display: inline-block;
    margin-top: 7px;
}
.post-image-preview-wrapper {
    margin-top: 15px;
}
.add-post-action-wraper p {
    color: #728089;
    line-height: 26px;
}
.post-image-preview-wrapper .delete-btn a {
    padding: 5px 15px;
    display: flex;
    align-items: center;
    color: #00200a;
    border-color: #d8d8d8;
}
.create-post.d-flex-justify-content-between {
    padding: 25px 25px;
}
.create-post .user-icon {
    margin-right: 10px;
}

div#Featured-pages h2 {
    text-align: center;
    font-weight: 600;
    color: #00200a;
    font-size: 44px;
    font-weight: 800;
    margin-bottom: 30px;
}
div#Featured-pages {
    padding: 50px 0 0;
}
.profile-detail.card.mob-card-gray.earning-box {
    min-height: 450px;
}
div#Featured-pages {
    padding: 50px 0 0;
}
div#Featured-pages .card{
    margin-bottom: 0 !important;
}

div#Featured-pages #live h5.card-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    margin-bottom: 4px;
    height: auto;
    width: 90%;
    overflow: hidden;
    white-space:normal;
    text-overflow: ellipsis;
}
.created-by .user-login {
    margin-left: 0;
}
.created-by h6 {
    color: #00200a;
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
}

#Featured-pages .launch-btn-center {
    text-align: center;
    margin-top: 50px;
}
.header-dashboard .search-bar button.launch-btn {
    padding: 13px 20px;
    font-size: 13px;
    height: auto;
}
.get-ready button.launch-btn {
    padding: 18px 40px;
    font-size: 12px;
    color: #fff;
}
.d-flex.hidepayoutbar{display: none !important}
div#payoutresult.nopayout {
    text-align: left;
    font-size: 14px;
    padding: 114px 13px 100px;
    color: #3d4d5d;
    font-weight: 300;
    line-height: 20px;
}
#search-panel #search-data-content {
    margin-top: 10px;
}

#search-panel #search-data-content > .d-flex.justify-content-between {
    padding-top: 0;
    padding-bottom: 0;
}
.site-nav__wrapper {
    display: none;
}
.category-label {
    background: #fff;
    display: inline-block;
    border-radius: 50px;
    color: #555;
    padding: 5px 12px;
    font-size: 14px;
    margin-bottom: 10px;
    border: 1px solid #d8d8d8;
}
div#payoutresult > .d-flex {
    padding: 15px 0px;
    border-bottom: 1px solid #f1f1f1;
}
div#payoutresult > .d-flex:last-child {
/*    padding: 10px 0;*/
    border-bottom: none;
}
.d-flex.align-items-center.linked-account-tabbing {
    gap: 20px;
}
#fundinggoaltext .f-amount input#goaldate {
    background: url(https://www.tipnchip.com/public/assets/images/calendar-icon.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center right 17px;
}
#fundinggoaltext .f-amount input#goaldate + span {
    display: none;
}
#view-all-panel .contributor-body {
    padding: 0px 0;
}
#view-all-panel .contributor-body .bio {
    color: #3d4d5d;
    font-size: 12px;
} 
#view-all-panel #supporter .user-profile.d-flex {
    background: none;
    padding: 0;
    border-radius: 0;
}
#view-all-panel .contributor-body .bio {
    padding-left: 50px;
}
#view-all-panel .user-detail p {
    margin-bottom: 5px;
}
.funding-goal-wrapper-inner input#goaltype:after, .funding-goal-wrapper-inner input#nsfw:after {
    content: "";
    left: 6px;
    top: 50%;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: translateY(-51%) rotate(45deg);
    position: absolute;
    opacity: 0;
    margin-top: -1px;
}
input#goaltype:checked:after, input#nsfw:checked:after {
    opacity: 1;
}
.funding-goal-wrapper-inner input#goaltype, .funding-goal-wrapper-inner input#nsfw {
    position: relative;
    appearance: none;
    margin-right: 8px;
}


.funding-goal-wrapper-inner input#goaltype:before, .funding-goal-wrapper-inner input#nsfw:before {
    content: "";
    background: #fff;
    position: absolute;
    left: 0;
    width: 18px;
    border-radius: 3px;
    height: 18px;
    border: 1px solid #222;
}
.funding-goal-wrapper-inner input#goaltype, .funding-goal-wrapper-inner input#nsfw {
    position: relative;
    -webkit-appearance: none;
    appearance: none;
}
span#comment-count {
    font-weight: 400;
}
input#goaltype:checked:before, input#nsfw:checked:before {
    background: #6855ff;
}
.form-group.social-link.btn-style .custom-btn a.btn-normal.no-border {
    border: none;
}
li#viewAllpageLink {
    width: auto;
    white-space: nowrap;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.favbtn.active img.fav-filled {
    display: inline-block !important;
}
.favbtn.active img.fav-outline {
    display: none;
}
#Following-popup .user-image img, #Followers-popup .user-image img {
    width: 100%;
    height: 100%;
}
#Following-popup .popup-inner, #Followers-popup .popup-inner{
    overflow: hidden
}
#Followers-popup .popup-inner div#followers-list {
    max-height: 80vh;
    overflow: auto;
}
.side-menu {
    height: calc(100vh - 80px);
    overflow-y: auto;
}
.profile-detail.card .side-menu {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
}
.create h3 {
    font-size: 20px;
    font-weight: 600;
}
.create p {
    font-size: 14px;
}
.close-post img {
    width: 30px;
}
#popupCommentsList .date-time:last-of-type {
    border-bottom: none !important;
}

#popupCommentsList .date-time {
    border-bottom: 1px solid #f1f1f1 !important;
    padding-bottom: 15px;
    margin-bottom: 0;
    padding-right: 12px;
}
#popupCommentsList .user-detail h3 {
    font-size: 15px !important;
}
.your-comment-main {
    padding-bottom: 0;
}
div#commentError {
    font-size: 13px;
}
#unfollow-popup .image {
    text-align: center;
}
#unfollow-popup .image img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
    margin-top: 30px;
}
.product-for-report .product-image {
    width: 35px;
    height: 35px;
    flex-shrink: 0;
    margin-right: 10px;
}
.product-for-report .product-image img{width: 100%}
#report-brand-user .report-scroll-inner {
    height: calc(100vh - 340px);
    overflow: auto;
}
#report-brand-user .send-post {
    width: 100%;
}
.send-post button#reportprofilebtn {
    width: 100%;
    border: 1px solid #ccc;
    padding: 12px 0;
    font-size: 14px;
    border-radius: 35px;
    color: #fff;
    margin-top: 10px;
    background: #01200b;
}
.cancel-btn a {
    text-align: center;
    padding: 8px 0;
    display: block;
    color: #222;
    font-size: 14px;
    text-decoration: none;
}
#report-brand-user .product-for-report {
    padding: 12px 14px;
    display: flex;
    border: 2px solid #32415854;
    margin: 0 0px;
    border-radius: 20px;
}
#report-brand-user .popup-inner {
    background: #fff;
    max-width: 480px;
    height: 90vh;
    border-radius: 25px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 600px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 25px;
}
#report-brand-user .report-reason li {
    list-style: none;
}
#report-brand-user .product-description h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}
.report-reason ul {
    padding: 0;
}
.product-for-report .product-image img {
    width: 100%;
    border-radius: 50%;
}
.product-for-report .username {
    font-size: 14px;
}
#report-brand-user .product-description h3 {
    font-size: 15px;
}
.report-reason h4 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
}
.report-reason label {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
}
.report-reason label:hover {
    background: #f8f8f8;
}
.report-heading {
    padding: 3px 3px 25px !important;
}
.report-reason label .d-flex {
    gap: 6px;
}
.report-reason p {
    font-size: 14px;
    padding-left: 20px;
}
.report-reason label .d-flex {
    gap: 6px;
    font-weight: 600;
    font-size: 15px;
}
.report-heading h3 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.back-arrow i.fa-regular.fa-arrow-left-long {
    color: #000;
    font-weight: 800;
}
#report-brand-user .product-for-report {
    border: 1px solid #d0cfcf;
}
input:disabled {
    opacity: 1 !important;
}
.form-group.funding-goal-wrapper-inner.radio input::before {
    top: 0 !important;
    border-radius: 50% !important;
}
.form-group.funding-goal-wrapper-inner.radio input#goaltype {
    float: left;
    margin-top: 3px;
}
.form-group.funding-goal-wrapper-inner.radio input#goaltype {
    margin-right: 24px;
}
.form-group.funding-goal-wrapper-inner.radio input#goaltype:after {
    top: 8px;
}
.login-signup.create-account .text-left {
    text-align: left;
}
.steps span {
    background: #b8ffea;
}

.steps {
    text-align: left;
    margin-bottom: 15px;
}
.steps span {
    background: #6855ff30;
    font-weight: 500;
    letter-spacing: 0px;
    padding: 10px 12px;
    display: inline-block;
    border-radius: 32px;
    font-size: 12px;
    font-weight: 700;
    color: #00200a;
}
.login-signup.create-account .cover-image-container {
    width: 100%;
}
.login-signup.create-account .cover-image-container #dropc {
    height: 190px;
    object-fit: cover;
}
.login-signup.create-account .user-image {
    left: 30px;
    width: 80px;
    height: 80px;
}
.login-signup.create-account .form-area {
    border: none;
    padding: 0;
}
.login-signup.create-account .cover-image-container.launch-page-cover {
    margin-bottom: 70px;
}
.login-signup.create-account .form-group input[type="text"], .login-signup.create-account .form-group input[type="password"], .login-signup.create-account .form-group textarea {
    background: #f8f8f8;
    outline: none !important;
    border: 1px solid #f1f1f1 !important;
}
.login-signup.create-account .form-action button {
    background: #6855ff;
    padding: 15px 0;
    border-radius: 15px;
    border: 1px solid #6855ff;
    font-weight: 600;
}
.login-signup.create-account a.sign-in-insted{
   background: #fff;
    padding: 15px 0;
    border-radius: 15px;
    text-decoration: none;
    border: 1px solid #00200a;
    width: 100%;
    display: block;
    font-weight: 600;
}
.tox-tinymce {
    border: none !important;
}
.post-creation-header .bio {
    margin-left: 50px;
    margin-top: 4px;
}
.create-post .user-profile.d-flex.w100.justify-content-between.align-items-start.flex-direction-column.p-0 a {
    width: 100%;
}
.login-signup.create-account .signup-tnc {
    color: #555555;
    margin-top: 20px;
}

.login-signup.create-account .signup-tnc a {
    color: #555555;
    font-size: 14px;
} 
.login-signup.create-account h3 {
    color: #243234;
    font-weight: 700;
    font-size: 25px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.login-signup.create-account {
    max-width: 420px;
    width: 420px;
}
.login-signup.create-account p {
    margin-bottom: 30px;
} 
.login-signup.create-account .category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.login-signup.create-account .custom-wrapper .custom-dropdown a {
    padding: 10px 0px;
    font-size: 12px;
}
.login-signup.create-account li a {
    border-bottom: 1px solid #d8d8d8;
}
.login-signup.create-account li:last-child a{
    border-bottom: none;
}

.add-post-action-wraper span#myEmojibutton{
    position: static;
    padding: 0;
    background: none;
    font-size: 20px !important;
    cursor: pointer;
}
.add-post-action-wraper p#charCountSubject, .add-post-action-wraper p#charCountTextarea {
    border-left: 1px solid #d8d8d8;
    padding-left: 20px;
}
.tox .tox-collection__item-icon {
    height: 34px !important;
    width: 34px !important;
    font-size: 25px !important;
}
.tox-dialog__footer {
    display: none !important;
}
.tox-dialog__header .tox-dialog__title {
    display: none;
}
.add-post-action-wraper.d-flex.justify-content-between.flex-direction-column {
    padding-bottom: 10px !important;
}
.tox-dialog__header .tox .tox-button--naked {
    position: absolute;
    top: -20px;
    right: 0px;
}
.tox-toolbar__primary > div:last-child {
    display: none;
}
.reaction {
    position: relative;
    font-size: 20px;
}
#step-1 .logo, #step-2 .logo, #step-3 .logo {
    width: 50px;
    margin-bottom: 30px;
}
.login-signup.create-account .steps {
    text-align: left;
    margin-bottom: 0;
}
.verify-sign-up h2 {
    font-size: 18px;
    font-weight: 600;
}
.verify-sign-up{text-align: left}
.funding-goal .contributor-list .contributor-wrapper {
    flex-direction: column;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
    margin-bottom: 10px;
    gap: 10px;
}
.funding-goal .contributor-list .contributor-wrapper > div {
    width: 100%;
}
.funding-goal .amount-contributes span:nth-child(2) {
    display: none;
}

.funding-goal .amount-contributes {
    display: flex;
    justify-content: space-between;
    padding: 3px 5px;
}
.funding-goal .amount-contributes .amount {
    font-weight: 700;
    font-size: 15px;
}
#payoutheading .date br {
    display: none !important;
}
.continue-with-email {
    text-align: left;
}
.login-signup.create-account .form-area {
    border: 1px solid #d8d8d8;
    padding: 15px 15px;
    border-radius: 20px;
}
.continue-with-email {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.continue-with-email-wrapper {
    padding: 20px 0;
}
.continue-with-email span {
    display: flex;
    align-items: center;
    gap: 13px;
    font-weight: 700;
    color: #1a1a1a;
}
.gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
  transition: background-color .218s, border-color .218s, box-shadow .218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}

.gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}

.gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity .218s;
  transition: opacity .218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.gsi-material-button:disabled {
  cursor: default;
  background-color: #ffffff61;
  border-color: #1f1f1f1f;
}

.gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}

.gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}

.gsi-material-button:not(:disabled):active .gsi-material-button-state, 
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}

.gsi-material-button:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}
.gsi-material-button .gsi-material-button-contents {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-family: "Inter", serif;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}
.or span {
    background: #fff;
    position: relative;
    z-index: 9;
    padding: 0 15px;
    font-weight: 700;
    font-size: 18px;
    top: -2px;
}

.or:after {
    content: "";
    height: 1px;
    background: #d8d8d8;
    width: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.or {
    position: relative;
    padding: 20px 0;
}
.gsi-material-button {
    border: none !important;
}
#step-1.login-signup.create-account .form-area {
    border: 1px solid #d8d8d8;
    padding: 15px 15px !important;
    border-radius: 20px !important;
    text-align: left !important;
    padding: 8px 12px !important;
}
.login-signup.create-account .form-area .arrow img {
    width: 24px;
}
.post-creation-header .customdropdown .bio {
    display: none;
}

#step-1.login-signup.create-account .form-area.continue-email-box {
    padding: 15px 25px !important;
}
.form-area.continue-email-box {
    cursor: pointer;
}
.continue-with-email-wrapper .signup-tnc, .continue-with-email-wrapper .form-action .sign-in-insted {
    text-align: center;
}
#step-1.login-signup.create-account .form-area.continue-email-box{transition: all 0.5s ease; margin-bottom: 50px;}
#step-1.login-signup.create-account .form-area.continue-email-box.active {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
#step-1.login-signup.create-account .form-area.continue-email-box .arrow {
    transition: all 0.5s ease;
}

#step-1.login-signup.create-account .form-area.continue-email-box.active .arrow {
    transform: rotate(90deg);
}
.gsi-material-button:hover {
    background: none !important;
    box-shadow: none !important;
}
.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
    background-color: transparent !important;
}
.gsi-material-button {
    border: none !important;
    width: 100%;
}
.gsi-material-button .gsi-material-button-contents {
    text-align: left;
}
.gsi-material-button:not(:disabled):active .gsi-material-button-state {
    background-color: transparent;
    opacity: 12%;
}
.gsi-material-button .gsi-material-button-contents {
    text-align: left;
    color: #1a1a1a;
}
.gsi-material-button:not(:disabled): active .gsi-material-button-state{background: transparent !important}
.continue-with-email-wrapper {
    padding: 30px 0 0px;
}
.post-creation-header .add-post {
    padding: 0 !important;
}
.post-creation-header .add-post {
    padding: 7px 20px !important;
}
.add-title {
    padding-left: 7px 13px !important;
}
.create-post .user-profile.d-flex.w100.justify-content-between.align-items-start.flex-direction-column.p-0:not(:last-child) {
    border-bottom: 1px solid #d8d8d8 !important;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}
span#noPost {
    width: 100%;
    height: 300px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}
.tox .tox-dialog {
    background-color: #fff;
    border-color: #ccc;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    max-width: 480px;
    overflow: hidden;
    position: relative;
    width: 500px;
    z-index: 2;
    max-width: 500px !important;
    border-radius: 45px !important;
    border: 1px solid #d8d8d8 !important;
}
button.tox-button.tox-button--icon.tox-button--naked {
    position: absolute;
    right: 0;
}
label.tox-label {
    font-weight: 600 !important;
    font-family: 'Inter' !important;
}
.tox-textfield {
    border-radius: 10px !important;
}
.tox .tox-tab {
    cursor: pointer;
    font-family: 'Inter' !important;
}
.tox .tox-dialog__body-nav-item--active {
    border-bottom: 2px solid #000 !important;
    color: #000 !important;
}
.post div#randomreactions img {
    width: 24px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #fff;
}
.option-wrapper .option {
    display: flex
}
.option-wrapper button.delete-option img {
    width: 100%;
}
.add-option {
    padding: 0 10px;
}
button.btn.btn-add-more {
    border: 1px solid #d8d8d8;
    width: 100%;
    padding: 15px 0;
    border-radius: 35px;
    margin-bottom: 30px;
}
span.get-verified-if-not img {
    width: 17px;
}
.option-wrapper .option {
    display: flex;
    margin-bottom: 15px;
}
.option-wrapper button.delete-option {
    width: 30px;
    border: none;
    background: no-repeat;
    margin: 0 20px;
}
.post .emoji-display {
    left: 3px;
}
.create-post-note {
    margin-top: 20px;
}

.create-post-note a {
    border: none;
    padding: 0;
    text-decoration: underline;
}
.create-post-note p {
    font-size: 14px;
}
.create-post-note{display: none;}
.tox-tinymce {
    background: none !important;
}
div#cropped-image {
    width: 250px;
}

div#cropped-image img {
    width: 100%;
}
button#submitotpbtn.mb-15 {
    margin-bottom: 15px !important;
}
.page-preview-post-section > h3 {
    font-size: 16px;
    border-top: 1px solid #d8d8d8;
    font-weight: 700;
    padding-top: 30px;
    margin-top: 30px;
}
div#randomreactions img + img {
    margin-left: -17px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #fff;
}
.changemailnote p{font-size: 12px}
/*
.post-view .reaction {
    font-size: 24px;
}
*/
.post-view .post .emoji-display {
    left: 4px;
}
#postSection .profile-dropdown > a {
    border: 1px solid #d8d8d8;
}
.post-creation-header button#submitPost[disabled] {
    opacity: 0.3;
}  
.post-creation-header .custom-dropdown .category-list a {
    padding: 8px 8px !important;
}
.post-and-poll-container .post-box img {
    width: 50px;
}

.post-and-poll-container .post-box {
    padding: 30px;
    background:#f8f8f8;
    border-radius: 35px;
}
.post-and-poll-container .post-box img {
    width: 40px;
    margin-bottom: 20px !important;
}
.posting-to h3 {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
}
.posting-to {
    padding: 22px 30px 0;
}
.btn-go {
    border: 1px solid #00200a;
    border-radius: 50px;
    width: 150px;
} 
.btn-go a img {
    float: right;
}

.btn-go img {
    width: 21px !important;
    height: 21px !important;
    display: inline-block;
}
.btn-go a {
    display: block;
}
.noPost.theEnd {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 14px;
    padding: 5px 0 15px;
    color: #3d4d5d;
    font-weight: 700;
}
.id-verification h3 {
    font-size: 18px;
    font-weight: 600;
}
.id-desc {
    margin-top: 15px;
}
#verification .get-started {
    color: #324158 !important;
    border: 1px solid #d8d8d8;
}
#verification{padding-top: 0 !important}
div#verify-button img {
    width: 7px;
}
#verification {
    background: #fbfbfb;
    border: 1px solid #d8d8d8;
    border-radius: 25px;
    padding: 40px 30px !important;
    text-align: center;
}
#verification .white-box {
    padding: 0 !important;
}
#verification.white-box {
    background: none !important;
}
#verification .id-desc p {
    text-align: left;
}
#verification .get-started {
    margin: 0 !important;
}
#verification .id-desc p {
    text-align: left;
    margin: 0;
}
#verification .get-started {
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.profile-partner img {
    width: 14px !important;
    height: auto !important;
    margin-right: 5px !important;
    margin-top: -8px !important;
}
#verification a#verify {
    color: #00200A;
}
 a#verify {
    color: #00200A !important;
}
.profile-dropdown .contribution-details {
    position: absolute;
    right: 230px;
    top: 190px;
}
.profile-dropdown .com-inner {
    padding: 15px;
}
#supporter .profile-dropdown .contribution-details .user-profile.d-flex {
    padding: 0;
}
#supporter .profile-dropdown .contribution-details .your-comment .user-icon img {
    width: 100% !important;
    height: 100% !important;
}
#supporter .profile-dropdown .contribution-details .your-comment .comment {
    padding-left: 36px;
    padding-top: 8px;
}
#supporter .profile-dropdown .contribution-details .your-comment .comment h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
}
#supporter .profile-dropdown .contribution-details .your-comment .comment p{padding-left: 0 !important; margin-bottom: 0 !important;} 
#supporter .profile-dropdown .contribution-details .your-comment .user-detail h3 {
    font-weight: 600;
    font-size: 14px !important;
}
#supporter .profile-dropdown .contribution-details .your-comment {
    position: relative;
    margin-left: 54px;
    padding-top: 0;
    border: 1px solid #d8d8d8;
    border-radius: 20px;
    padding: 15px;
    margin-top: 20px;
}
#supporter .profile-dropdown .contribution-details .your-comment:after {
    border: 2px solid #d8d8d8;
    padding: 40px 17px;
    content: "";
    position: absolute;
    top: -14px;
    border-right: none;
    border-top: none;
    left: -36px;
    border-radius: 0 0 0 9px;
}
.post-and-poll-container .post-box img {
    margin-bottom: 15px;
}
.post-and-poll-container .post-box h3 {
    font-size: 15px;
    font-weight: 600;
}
.back-to-poll a img {
    transform: rotate(90deg);
    width: 10px;
}
.back-to-poll a {
    display: inline-block;
}
#post-creation-main2 input {
    border: 1px solid #ccc;
    background: #f8f8f8;
    border: 1px solid #f1f1f1;
    font-size: 14px;
    border-radius: 15px !important;
}
#post-creation-main2 .post-title-and-post .add-title label {
    font-weight: 700;
}
.add-duration label {
    font-weight: 600;
    margin-bottom: 14px;
}
.add-duration button.duration-btn {
    font-size: 14px;
    color: #00200A;
}
#post-creation-main2 .add-post textarea {
    width: 100%;
    border: 1px solid #f1f1f1;
    resize: none;
    background: #f8f8f8;
    border-radius: 16px;
    height: 150px;
    margin: 0 0;
    padding: 15px 10px;
}
ul.subscribe-button-wrapper .get-p-img {
    margin-bottom: 0;
} 
div#contributions {
    text-align: center;
    padding: 80px 0;
    background: #f8f8f8;
    border-radius: 55px;
}
div#contributions .conti-banner img {
    width: 100%;
}
.conti-banner {
    padding: 0 72px;
}
div#csr {
    text-align: center;
    padding: 55px 0 0;
}
.csr-banner img {
    width: 100%;
}


.csr-banner {
    max-width: 600px;
    margin: 0 auto;
}

.csr-inner {
    background: #fff;
    border-radius: 55px;
    padding: 80px 0;
}
.csr-inner h2, #contributions h2 {
    text-align: center;
    font-weight: 800;
    color: #00200a;
    font-size: 44px;
    margin: 0;
    margin-bottom: 15px;
}
div#csr .container {
    padding: 0;
}
.banner-center-top img {
    width: 150px;
    transform: scale(0);
    transition: all 0.5s ease;
}
 .banner-center-top.show-icons img {
    transform: scale(1)
}

.banner-center img {
    width: 150px;
    transform: scale(0);
    transition: all 0.5s ease;
}
img.heighlight {
    transform: none !important;
}
.banner-center.show-icons img {
    transform: scale(1);
}

.banner-center-top {
    position: relative;
}
.banner-center {
    text-align: center;
    position: relative;
}
.banner-center img.icon05 {
    position: absolute;
    left: 0;
}
.banner-center img.icon06 {
    position: absolute;
    right: 0;
    top: 0;
}
.banner-center img.star01 {
    width: 40px;
}
.banner-center img.star02 {
    width: 40px;
}
.banner-down {
    text-align: center;
    position: relative;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-top-section h1 {
    font-weight: 800;
}
.banner-top-section {
    padding: 50px 0;
}
.banner-down img.icon07 {
    position: absolute;
    left: 110px;
}
.banner-down img.icon08 {
    position: absolute;
    right: 110px;
}

.banner-down img {
    width: 150px;
    transform: scale(0);
    transition: all 0.5s ease;
}
.banner-down.show-icons img {
    transform: scale(1);
}
.banner-down a {
    background: #6855ff;
    color: #fff;
    text-decoration: none;
    padding: 20px 25px;
    border-radius: 45px;
    font-weight: 600;
    box-shadow: 3px 5px 14px rgba(0, 0, 0, 0.2);
}
.banner-top-section .banner-center h1 span img {
    position: absolute;
    left: 40px;
    bottom: -25px;
}
.time-less p {
    font-weight: 300;
}

.time-less img {
    width: 16px;
    margin-right: 3px;
}
.time-less {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: #45505d;
}
.time-less p {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #45505d;
} 
.banner-center p {
    color: #45505d;
}

.banner-top-section .banner-center h1 span {
    position: relative;
}
.banner-top-section h1 {
    font-weight: 800;
    margin-bottom: 50px;
}
.banner-center img.icon05 {
    position: absolute;
    left: 0;
}
.banner-center img.star01 {
    position: absolute;
    left: 390px;
    top: -70px;
}
.banner-center img.star02 {
    width: 40px;
    position: absolute;
    right: 330px;
    top: 60px;
}
.banner-center-top img.icon04 {
    position: absolute;
    right: 60px;
}
.banner-center-top img.icon03 {
    position: absolute;
    right: 230px;
}
.banner-center-top img.icon01 {
    position: absolute;
    left: 180px;
    animation-delay: 0.5s;
}
.banner-center-top img.icon02 {
    left: 230px;
    position: absolute;
    animation-delay: 0.1s;
}
.banner-center-top {
    position: relative;
    height: 150px;
    animation-delay: 0.8s;
}
.banner-center-top img.icon02 {
    left: 430px;
    position: absolute;
    top: -30px;
    animation-delay: 0.6s;
}
.banner-center-top img.icon03 {
    position: absolute;
    right: 390px;
    animation-delay: 0.3s;
}
.banner-center-top img.icon04 {
    right: 190px;
    animation-delay: 0.8s;
}
.banner-center img.icon05 {
    position: absolute;
    left: 70px;
    animation-delay: 0.1s;
}
.banner-center img.icon06 {
    right: 100px;
    animation-delay: 0.12s;
}
.banner-down img.icon07 {
    left: 260px;
    animation-delay: 0.4s;
}
.banner-down img.icon08 {
    right:260px;
    animation-delay: 0.7s;
}
.zoom-in-out-box {
  animation: zoom-in-zoom-out 2s linear infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    scale: 100%
  }
  50% {
    scale: 120%;
  }
  100% {
    scale: 100%;
  }
}
.banner-top-section .banner-center h1 span img.heighlight {
    width: 160px;
    left: 20px;
    top: 43px;
}
/*
button.duration-btn {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 35px;
    padding: 10px 20px;
}  
*/
button.duration-btn {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 35px;
    padding: 8px 15px;
    font-size: 13px !important;
}
.save-draft {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.send-schedule img {
    width: 20px;
}
.send-schedule button:not(:last-child) {
    border-right: 1px solid #d8d8d8;
}
.send-schedule button {
    border: none;
    background: none;
}
.send-schedule button:not(:last-child) {
    border-right: 1px solid #d8d8d8;
    padding-right: 10px;
}
.send-schedule {
    border: 1px solid #d8d8d8;
    padding: 6px 15px;
    border-radius: 35px;
    gap: 10px;
    display: flex;
}
.save-draft button {
    border: none;
    background: none;
    font-weight: 600;
}
.add-poll-option {
    padding: 0 20px;
}
.my-poll {
    border: 1px solid #d8d8d8;
    border-radius: 45px;
    padding: 35px;
}
.poll-icon img {
    width: 100%;
}

.poll-icon {
    width: 40px;
}
.poll-header h2 {
    margin-bottom: 15px !important;
    font-weight: 600;
}
.add-poll-option label {
    font-weight: 600;
    margin-bottom: 10px;
}

.poll {
    border: 1px solid #d8d8d8;
    border-radius: 45px;
    padding: 10px 10px;
    position: relative;
    height: 40px;
}  
.banner-down a{transition: all 0.5s ease;}
.banner-down a:hover {
    transform: scale(1.10);
}
.save-action {
    border-top: 1px solid #d8d8d8;
    padding: 20px 20px;
}
.poll-header h2 {
    font-size: 16px;
    margin: 15px 0;
}
.add-duration {
    padding: 30px 30px;
}
span.percentage {
    position: absolute;
    right: 10px;
}
.poll {
    border: 1px solid #d8d8d8;
    border-radius: 45px;
    padding: 0px 10px;
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 15px;
}
span.poll-bar {
    position: absolute;
    height: 100%;
    left: 0;
    width: 100px;
    background: #c0ffed;
    z-index: 0;
    border-radius: 15px;
    transition: all 0.5s ease;
}
.poll.owner .poll-bar {
    background: #6855ff;
}
.poll.owner span.option-text {
    font-weight: 600;
}
span.admin-pic img {
    width: 100%;
}

.poll span.admin-pic {
    position: absolute;
    width: 20px;
    right: 60px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.poll span.admin-pic img {
    width: 100%;
    float: left;
}
.added-poll {
    gap: 10px;
    display: flex;
    flex-direction: column;
}
.poll-header h2 {
    font-size: 15px;
}
span.option-text {
    position: relative;
    z-index: 1;
    font-size: 14px;
    padding: 0 8px;
    font-size: 14px;
}
span.get-verified-if-not {
    border: 2px solid #d8d8d8;
    border-radius: 35px;
    font-size: 11px;
    padding: 12px 10px;
    margin-left: 15px;
}
span.get-verified-if-not img {
    width: 15px;
    margin-right: 3px;
}
.mob-menu-panel li.search img.verified {
    width: 16px;
    filter: brightness(0.7) !important;
    height: 16px !important;
    /* background: #fff; */
    filter: none !important;
}
.poll-date {
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
}
.start-and-end {
    display: flex;
}
body.paost-creation-panel-open .create-post.d-flex-justify-content-between.w100 {
    display: none;
}
body.paost-creation-panel-open #post-creation-main {
    position: relative;
    border-top: none !important;
}
.side-menu i {
    margin-right: 9px;
    font-size: 18px;
    color: #243234;
    width: 22px;
}
.right-side-panel .side-menu i, .right-side-panel .side-menu img {
    width: auto;
}


.profile-icon {
    width: 30px;
    max-width: 30px;
    display: inline-block;
    flex-shrink: 0;
}
.post-creation-wrapper {
    margin-top: 30px;
}
.platforms ul {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.platforms {
    text-align: center;
}
.built-for-creators {
    text-align: center;
}
.platforms ul li {
    margin: 0 30px;
}
.built-for-creators h2 {
    font-weight: 800;
    font-size: 25px;
    margin-bottom: 40px;
}
.platforms li img {
    width: 130px;
}
.and-more {
    margin-top: 40px;
}

.and-more p {
    margin: 0;
    font-size: 20px;
    color: #00200a;
}
.built-for-creators {
    text-align: center;
    padding: 0px 0 50px;
}
.participate-confidently .p-details h2 {
    margin-bottom: 5px !important;
    margin-top: 0 !important;
}
.option-wrapper button.delete-option {
    width: 20px;
}
.add-poll-option button.btn.btn-add-more {
    border: 1px solid #d8d8d8;
    width: calc(100% - 59px);
    padding: 15px 0;
    border-radius: 35px;
    margin-bottom: 0;
    text-align: left;
    border: none;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
}
/*.add-poll-option button.btn.btn-add-more:hover{background: #f8f8f8;}*/
.add-duration label img {
    width: 15px;
}
.add-duration label > span:hover span {
    opacity: 1;
    z-index: 1 !important
}

span#noPoll {
    text-align: center;
    width: 100%;
    display: block;
}

.add-duration label span {
    position: relative;
}
.add-duration .tooltip {
    width: 300px;
    text-align: center;
    background: #fff;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    padding: 10px 10px;
    font-size: 12px;
    border-radius: 9px;
    top: -68px;
    position: absolute;
    left: -142px;
        z-index: -1;
}
.add-duration .tooltip:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: 50%;
    transform: translateX(-50%);
}
.add-duration button.duration-btn.active {
    background: #6855ff;
}
.add-duration button.duration-btn.active {
    background: #6855ff !important;
    border-color: #6855ff !important;
    color: #fff;
}
.add-duration button.duration-btn:hover {
    background: #f1f1f1;
}
#create-poll-full .add-post label {
    font-weight: 700;
}
#create-poll-full .add-post label, #create-poll-full .add-title label{
    font-weight: 700;
    margin-bottom: 15px !important;
}
#create-poll-full .add-title {
    margin-bottom: 20px !important;
}
#create-poll-full .add-title input[type="text"], #create-poll-full .add-post textarea {
    font-weight: 400;
    font-size: 14px;
}
div#post-creation-main2 {
    position: relative;
}
#create-poll-full.paost-creation-panel-open .create-poll-header{display: none;}
#create-poll-full.paost-creation-panel-open #post-creation-main2{border-top: none !important;}
#post-creation-full.post-hide-panel-header  .post-creation-headern{display: none;}
#post-creation-full.post-hide-panel-header  #post-creation-main{border-top: none !important;}
.post-box .btn-go a {
    color: #00200a;
    text-decoration: none;
    font-size: 14px;
    padding: 15px 15px;
    font-weight: 600;
}
.profile-dropdown > a:hover {
    background: #f8f8f8 !important;
}
.poll input[type="radio"] {
    position: relative;
    z-index: 8;
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
    opacity: 0;
}
div#subject_validate {
    margin-top: -21px;
}
.start-date {
    border-right: 1px solid #d8d8d8;
    padding-right: 10px;
    margin-right: 10px;
}
.schedule-message-input {
    display: flex;
    gap: 15px;
}
#schedule-post .popup-body {
    padding: 35px;
}
#schedule-post .popup-body h2 {
    font-size: 20px;
    margin-bottom: 25px;
}
.schedule-message-input .date, .schedule-message-input .time {
    position: relative;
}
.schedule-message-input .date i, .schedule-message-input .time i {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.schedule-message-input .date input, .schedule-message-input .time input {
    padding-left: 35px;
    border: 1px solid #d8d8d8 !important;
}
.schedule-footer.d-flex.justify-content-end {
    margin-top: 40px;
}
.schedule-message-input .date img, .schedule-message-input .time img {
    filter: brightness(0.5);
}
button.btn.schedule-message {
    border: 1px solid #00200a;
    border-radius: 60px;
    padding: 15px 29px;
    font-size: 14px;
    font-weight: 500;
}
.ui-timepicker-standard {
    z-index: 99 !important;
}
.ui-timepicker-standard a {
    font-size: 14px;
}
.post-box .btn-go:hover {
    background: #f1f1f1;
}
/*
.platforms {
    border: 1px solid #d8d8d8;
    border-radius: 35px;
    padding: 30px 30px;
}
.platform-logo {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 700;
}
.platforms-inner {
    display: flex;
}
.platform-logo .verified {
    font-size: 13px;
}

.platform-logo .verified img {
    width: 16px;
}
.platforms-inner {
    display: flex;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.platforms-inner:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.platforms-inner:last-child{border-bottom: none;} 
.platform-logo img {
    width: 40px;
}
*/

.choose-category-user ul li a {
    color: #00200a;
    display: block;
    border: 1px solid #d8d8d8;
    padding: 15px 0;
    text-decoration: none;
    border-radius: 15px;
}

.choose-category-user ul li {
    flex: 1;
}
.choose-category-user ul {
    display: flex;
    gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.login-signup.create-account .choose-category-user a {
    border: 1px solid #ddd !important;
}
.login-signup.create-account .choose-category-user li:last-child a{
    border: 1px solid #ddd !important;
}
.login-signup.create-account input.chooser-profile-username {
    background: #c5ffee !important;
    border-radius: 15px 0 0 15px !important;
    width: 130px !important;
    max-width: 130px !important;
}
.personal-profile-username-wrapper #userusername{border-radius: 0 15px 15px 0}
#step-6 .choose-category-user  input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
}
.choose-category-user input[type="radio"]:checked + a {
    background: #f8f8f8;
}
#step-6 .choose-category-user li{position: relative !important}


.custom-badge-container.text-center {
    background: #fafafa;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 55px 55px 0 0;
}
.badge-buttons-container button {
    border: 1px solid #d8d8d8;
    background: #fff;
    padding: 15px;
    border-radius: 20px;
}

.badge-buttons-container button img{width: 20px}
.gain-follower.gfl .goal-icon {
    margin-right: 8px;
}
.gain-follower.gfl .goal-icon img {
    width: 20px;
}

.gain-follower.gfl {
    display: flex;
    border: 1px solid #d8d8d8;
    border-radius: 25px;
    padding: 20px !important;
    cursor: pointer;
}
.gain-follower.gfl:hover {
    background: #f8f8f8;
}  
.slect-goal-category {
    display: flex;
    gap: 15px;
}
.gain-follower.gfl p {
    margin: 0;
}

.gfl-text h3 {
    font-size: 15px;
    margin-top: 6px;
}
.gain-follower.gfl p {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
}
.custom-badge-container.text-center {
    background: #fff;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 30px;
    border: 1px solid #d8d8d8;
    padding: 15px;
}
.custom-badge-container .divider {
    height: 40px;
    background: #e4e4e4;
    width: 2px;
}
.select-theme.d-flex {
    gap: 20px;
}
.select-theme.active{
    background: #6855ff
}
.copy-code button {
    width: 100%;
    border: #d8d8d8;
    background: #fff;
    border: 1px solid #d8d8d8;
    padding: 12px;
    border-radius: 15px;
    font-weight: 600;
    font-size: 14px;
}
.select-theme a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 35px;
    font-weight: 400;
}
.light-dark-buttons a {
    display: inline-block;
}

.light-dark-buttons {
    background: #f8f8f8;
}
.light-dark-buttons {
    background: #f8f8f8;
    padding: 5px;
    border-radius: 45px;
}
.select-theme a.active {
    background: #6855ff;
    font-weight: 500;
}
.select-theme.d-flex {
    gap: 20px;
    align-items: center;
}
.select-theme.d-flex {
    font-size: 14px;
    font-weight: 600;
}
.instructions {
    /* display: flex; */
    align-items: center;
    font-size: 14px;
    gap: 5px;
    justify-content: center;
    font-weight: 300;
}
.instructions img {
    width: 17px;
    margin-top: -4px;
}
.instructions {
    margin-top: 14px;
}
.select-theme.d-flex.badge-action a {
    border: 1px solid #d8d8d8;
    font-size: 12px;
}

.select-theme.d-flex.badge-action img {
    width: 13px;
}
.linked-to img {
    width: 30px;
    border-radius: 50%;
    flex-shrink: 0;
}
.integration-page .linked-to {
    margin-left: 15px;
    font-weight: 600;
} 
.integration-page .link-a-page {
    margin: 30px 0;
    width: 300px;
}
.integration-page .link-a-page {
    margin: 30px 0;
    width: 100%;
}
.integration-page h3 {
    margin-bottom: 15px !important;
    font-size: 16px;  
}
.gain-follower.gfl h3 {
    font-size: 14px;
}
div#profile-popup.profile-page.s-page img.plusIconFollow, div#profile-popup.profile-page.s-page img.checkIconFollow {
    width: 14px;
    margin-right: 3px;
}
div#profile-popup.profile-page.s-page .follow-btn a {
    width: 120px;
    padding: 14px 6px;
}

.gain-follower.gfl {
    border: 1px solid #d8d8d8;
}
.gain-follower.gfl.active {
    border: 1px solid #6855ff;
}
.integration-page .user-detail h3 {
    margin-bottom: 0 !important;
}
.integration-page .bio {
    margin-left: 52px;
    margin-top: 3px;
}
.integration-page .user-detail h3 {
    margin-bottom: 0 !important;
    font-size: 15px !important;
}
/*#custom-badge-inner-container{min-height: 500px}*/
.select-goal {
    border-top: 1px solid #e4e4e4;
    padding-top: 30px;
    margin-top: 35px;
}
div#pollContainer {
    max-width: 70%;
}
.user-profile-wrapper .my-poll {
    border: 1px solid #d8d8d8;
    border-radius: 45px;
    padding: 25px;
    margin-bottom: 20px;
}  
.user-profile-wrapper .poll-header h2 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #243234;
    margin-bottom: 25px;
}
.user-profile-wrapper .my-poll-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    flex-direction: column;
    gap: 10px;
}
.user-profile-wrapper .poll-header .participate-confidently .p-details h2 {
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-top: 3px !important;
}
.user-profile-wrapper .poll-header .participate-confidently .icon-p {
    width: 30px;
    margin-right: 10px;
}
.user-profile-wrapper .poll-header .participate-confidently .p-details p {
    font-size: 12px !important;
    line-height: 18px;
    font-weight: 300;
}
.side-panel-account-details {
    position: absolute;
    bottom: 15px;
}
.side-panel-account-details {
    position: fixed;
    bottom: 0;
    z-index: 9;
    padding-top: 30px;
}
.side-panel-account-details > ul ul {
    left: 197px !important;
    bottom: 50px !important;
}
.side-panel-account-details .owner-detail h3 img {
    width: 6px;
    position: absolute;
    right: 25px;
    top: 3px;
}
.drop-down2 a{
    width: 100%;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}
.side-panel-account-details .owner-detail h3{position: relative;}
.side-panel-account-details .owner-detail {
    flex: 1;
}
.side-panel-account-details .owner-detail a {
    display: block;
}
.side-panel-account-details .user-login {
    margin-left: 0px;
}
.side-panel-account-details .user-login .copy-user img {
    width: 13px;
}
.side-panel-account-details .user-user.d-flex.copy-user p {
    font-size: 12px;
}
.side-panel-account-details .user-user.d-flex.copy-user img {
    width: 13px;
}
.side-panel-account-details > ul {
    padding: 0;
    list-style: none;
    background: #fff;
    position: absolute;
    left: 40px;
    bottom: 0;
}
.side-panel-account-details > ul li a {
    color: #243234;
    text-decoration: none;
    font-size: 14px;
    padding: 5px 0;
    display: block;
    font-weight: 500;
}

.side-panel-account-details > ul, .side-panel-account-details > ul ul {
    padding: 0;
    list-style: none;
    background: #fff;
    position: absolute;
    left: 246px;
    bottom: 0;
    z-index: 9;
    width: 200px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 15px 25px;
    border-radius: 15px;
    display: none;
}
.side-panel-account-details .user-user.d-flex.copy-user {
    margin-left: 44px;
    opacity: 0;
    height: 25px;
}
.side-panel-account-details > ul {
    padding: 0px 0 0;
}
.side-panel-account-details .owner-image {
    width: 35px;
    height: 35px;
}
.side-panel-account-details > ul > li > a {
    padding: 12px 20px;
}
.side-panel-account-details > ul li.signout a {
    border-top: 1px solid #d8d8d8;
    padding-top: 15px !important;
    margin-top: 0;
    padding-bottom: 15px !important;
}
.side-panel-account-details > ul ul {
    padding: 0;
}
.side-panel-account-details > ul ul li a {
    padding: 8px 20px;
}
.side-panel-account-details > ul ul li:last-child a {
    border: none;
}

.side-panel-account-details > ul ul li a {
    padding: 12px 20px;
    border-bottom: 1px solid #d8d8d8;
}
.my-messages .chat-header {
    display: flex;
    justify-content: space-between;
}
.my-messages .chat-side-panel h2 {
    border-bottom: 1px solid #e2e8f0;
    padding: 20px 20px 15px;
    font-size: 16px;
    margin-bottom: 15px;
    cursor: pointer;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.my-messages .chat-body h2 {
    border-bottom: 1px solid #e2e8f0;
    padding: 26px 20px 20px;
    font-size: 16px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    font-weight: 700;
}

.my-messages .chat-side-panel {
    border: 1px solid #d8d8d8;
    border-radius: 30px;
    height: 100%;
    transition: all 0.5s ease;
    overflow: hidden;
}
.chat-body {
    border: 1px solid #d8d8d8;
    border-radius: 30px;
}
.chat-body h2 {
    border-bottom: 1px solid #e2e8f0;
    padding: 25px 20px 15px;
    font-size: 22px;
    margin-bottom: 15px;
}

.skip-for-now {
    text-decoration: none;
    background: #fff;
    padding: 15px 20px;
    border-radius: 55px;
    text-decoration: none;
    border: 1px solid #00200a;
    width: auto;
    display: block;
    font-weight: 600;
}
.side-panel-account-details > ul > li:first-child > a {
    padding-top: 12px;
    border-radius: 12px 12px 0 0;
}
.side-panel-account-details > ul > li:last-child > a {
    padding-bottom: 12px;
    border-radius: 0 0 12px 12px;
}

.side-panel-account-details > ul > li > a:hover {
    background: #f1f1f1;
}

.side-panel-account-details > ul ul li:first-child > a {
    padding-top: 12px;
    border-radius: 12px 12px 0 0;
}
.side-panel-account-details > ul ul li:last-child > a {
    padding-bottom: 12px;
    border-radius: 0 0 12px 12px;
}

.side-panel-account-details > ul ul li > a:hover {
    background: #f1f1f1;
}
.right-side-panel .search-bar .user-login{display: none !important;}
.chat-side-panel ul {
    padding: 0 10px;
    list-style: none;
}
.chat-side-panel ul a:hover {
    background: #f8f8f8;
    border-radius: 15px;
}
.chat-side-panel a {
    display: flex;
}
.chat-side-panel a span span {
    display: block;
    width: 100%;
}
.chat-side-panel a {
    display: flex;
    color: #000;
    padding: 10px 15px 10px;
    text-decoration: none;
}
.chat-side-panel a span span.name {
    font-weight: 600;
    color: #243234;
    font-size: 15px;
}
.chat-side-panel a span span.user {
    font-size: 14px;
    color: #94a3b8;
}
.chat-body a.btn.btn-primary.dots-3 {
    padding: 0 !important;
    width: 30px !important;
    height: 30px !important;
    margin-top: 17px;
    margin-right: 11px;
}
.admin-message .message-box figure img {
    width: 100%;
    border-radius: 50%;
    height: 100%;
    object-fit: cover;
}
.message-box figure img {
    width: 100%;
    border-radius: 50%;
}

.message-box figure {
    width: 50px;
    height: 50px;
}
.message-box {
    display: flex;
}
.chat-container {
    padding: 0 20px;
}
.chat-container .message-box {
    display: inline-block;
    gap: 12px;
    align-items: flex-start;
    flex-direction: column;
    filter: revert;
}
.user-message .message-box-inner {
    background: #ccfff1;
}
.user-message .message-box-inner {
    background: #ccfff1;
    padding: 12px;
    border-radius: 15px;
    font-size: 14px;
}
.chat-container .message-box figure {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin-bottom: 0;
}
.chat-header div#profiledropdown ul a {
    font-weight: 400;
}
.chat-container .user-message {
    margin-bottom: 15px;
}
.chat-body .time {
    color: #94a3b8;
    font-size: 12px;
    margin-top: 4px;
    margin-bottom: 15px;
}

.admin-message .message-box-inner {
    background: #f8f8f8;
    padding: 10px;
    border-radius: 11px;
    font-size: 14px;
    min-width: 66px;
}
.chat-header .profile-dropdown > a {
    margin: 0 !important;
}
.chat-body h2 {
    border-bottom: 1px solid #e2e8f0;
    padding: 25px 20px 15px;
    font-size: 22px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.my-messages .chat-header {
    position: relative;
}
.chat-header .profile-dropdown {
    position: absolute;
    right: 17px;
}
.chat-header .profile-dropdown ul {
    border-radius: 25px !important;
}
.chat-container {
    padding: 0 20px;
    height: calc(100vh - 340px);
}
.chat-body .send-input button img {
    width: 100%;
}

.chat-body .send-input button {
    width: 25px;
    border: none;
    position: absolute;
    right: 10px;
    top: 10px;
    background: none;
}
.chat-body .send-input {
    position: relative;
}
.chat-body .send-input button {
    width: 25px;
    border: none;
    position: absolute;
    right: 24px;
    top: 50%;
    background: none;
    transform: translateY(-50%);
}

.chat-body .send-input button img {
    width: 100%;
}
.my-messages .chat-side-panel.hauto{height: 75px; transition: all 0.5s ease;}
.chat-body .send-input {
    text-align: center;
    margin-bottom: 18px;
}
.chat-body input[type="text"] {
    background: #fcfcfc;
    border: 1px solid #d8d8d8;
    width: 95%;
    height: 45px;
    border-radius: 75px;
    background: #f6f6f6;
    margin: 0 auto;
    padding: 0 16px;
    font-size: 13px;
}
.chat-body .send-input button img:hover {
    opacity: 0.8;
}
.green-dot span{width: 10px; height: 10px; border-radius: 50%}
.chat-side-panel a img {
    width: 33px;
}
.chat-side-panel h2 {
    display: flex;
    justify-content: space-between;
}
.chat-side-panel h2 a {
    padding: 0;
}
.my-messages .chat-side-panel.hauto h2 {
    border-bottom: none;
    margin-bottom: 16px;
    transition: all 0.5s ease;
}
.chat-side-panel h2 >a {
    transform: rotate(-90deg);
    transition: all 0.5s ease;
}
.chat-side-panel.hauto h2 >a {
    transform: rotate(0deg);
}
.select-theme.d-flex.badge-action a:hover, .copy-code button:hover {
    background: #f8f8f8;
}
.integration-page .linked-to span {
    margin-right: 5px;
}
#report-brand-user .product-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
pre#codeOutput {
    font-family: 'Inter';
    font-size: 14px;
}
div#codebox > div {
    border-radius: 30px !important;
    padding: 20px !important;
}
 button#copyBtn,  button#cancelBtn {
    border-radius: 25px !important;
    padding: 7px 22px !important;
}
button#copyBtn{
    background: #6855ff;
    font-weight: 500;
}
button#copyBtn:hover {
    background: #6855ff !important;
    color: #000 !important;
}
.lava a.active {
    color: #fff;
} 
/*
.mob-menu-panel a.launch-btn {
    font-size: 12px;
    height: 63px;
    padding: 18px 40px;
    display: flex;
    align-items: center;
}
.mob-menu-panel a.launch-btn img {
    width: 18px;
    margin-right: 4px;
}
*/

/*
select.form-control.countrydropdown:after {
    content: "";
    background: url(https://www.tipnchip.com/public/assets/images/right-angle.png);
    background-repeat: no-repeat;
    background-position: center right 18px;
    background-size: contain;
    background-size: 10px;
    width: 20px;
    height: 20px;
    transform: rotate(45deg)
}

*/
/*

*/
/*==================================================
====================================================
====================================================
====================================================*/
@media screen and (min-width:768px){
    .nav button.launch-btn {
        background: #f2f0ff;
    }
.side-panel-account-details .owner-detail h3 img {
        top: 14px;
        right: 0;
    }   
a.chat-back-btn i {
    display: none
}    
.platforms a img:hover {
    transform: scale(1.1);
    display: inline-block;
}

.platforms a img{
    transition: all 0.5s ease;
}    
    span.top-announcement-icon {
    font-size: 17px;
    position: relative;
    top: -1px;
}
    .top-announcement p br{display: none;}    
    
#search-panel div#supporter .user-icon {
    margin-right: 17px !important;
}    
.footer-social{display: block !important}    
div#payout-history .gap-5.mt-4 .date br {
    display: none;
}    
.mob-menu-panel li.search button {
    height: 56px;
    }
.header-dashboard .search-bar button.launch-btn {
    font-size: 12px;
}
.header-dashboard button.launch-btn img {
    width: 16px;
    margin-right: 4px;
    filter: invert(1) !important;
}    
.nav ul li a.launch-btn, .search-bar button.launch-btn {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    padding-left: 30px;
    padding-right: 30px;
    display: inline-block;
    padding: 19px 30px !important;
}
.search-bar button.launch-btn {
    color: #fff;
    }
    .nav ul li a.launch-btn {color: #fff;}    
    .nav ul li a.launch-btn img{margin-right: 4px;}    
.nav ul li a.launch-btn img {
    width: 16px;
    margin-right: 4px;
    filter: invert(1);
}     
/*
.nav ul li a.launch-btn {
        font-size: 12px;
        padding: 18px 20px;
        display: inline-block;
}    
.nav ul li a.launch-btn img {
    width: 16px;
    margin-right: 4px;
}    
*/
#supporter .user-icon img {
    width: 40px !important;
    height: 40px !important;
}    
.search-panel div#supporter .user-icon {
    width: 40px;
    height: 40px;
}
.search-panel div#supporter .bio {
    font-size: 14px;
    margin-left: 52px !important;
}    
.mob-menu-panel li.search > button {
    max-width: 200px;
    width: 200px;
    text-align: left;
    padding-left: 46px;
}    
    #non-login-left-panel{display: none;}
    .hide-on-desktop{display: none !important;}
    .mob-logo.hide-on-desktop{display: none}
    .top-announcement p br{display: none}
}
.header-dashboard .owner-image img, .mob-menu-panel .owner-image img{
    background: #ffffff;
}
.leave-a-comment .form-action.d-flex.launch-action button.loggedOut {
    opacity: 0.5;
}
.leave-a-comment .form-action.d-flex.launch-action {
    justify-content: space-between !important;
    padding-left: 0;
}

.static-text.article {
    max-width: 70%;
    margin: 0 auto;
}
.static-text.article h1 {
    font-weight: 700;
    font-size: 28px;
    margin-top: 15px;
}

.static-text.article .post-image img {
    width: 100%;
    border-radius: 20px;
}
.static-text.article .post-image {
    margin-bottom: 25px;
    margin-top: 30px;
}

.static-text.article .back {
    margin-top: 30px;
    font-size: 15px;
    margin-bottom: 22px;
}
.static-text.article .back a {
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 500;
    border: 1px solid #E2E8EF;
    padding: 10px 13px;
    display: inline-block;
    border-radius: 35px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.static-text.article .date-time {
    color: #94a3b8;
    font-size: 14px;
}
.user .user-name {
    font-size: 14px;
    font-weight: 600;
} 
.user .user-name img {
    width: 17px;
}
.static-text.article .user {
    display: flex;
    align-items: center;
    gap: 8px;
}

.static-text.article .user > img {
    width: 40px;
}
#create-poll-single div#pollContainer .my-poll {
    max-width: 100%;
    margin-bottom: 20px;
}

#create-poll-single div#pollContainer {
    padding: 8px 16px;
    padding-right: 7px;
}
.my-poll {
    border-radius: 35px !important;
}
/*
#create-post-single .create {
    max-width: 100% !important;
    width: 100% !important;
} 
#create-post-single .create-post .create {
    width: auto !important;
}
*/
#create-post-single  .custom-dropdown, #post-creation-main2  .custom-dropdown {
    max-width: 410px;
    width: 410px;
}

.collapss{
    border: 1px solid #e2e8f0;
}
.chat-side-panel a.collapss {
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.chat-side-panel a.collapss img {
    width: 6px;
    /* height: auto !important; */
}
.report-reason p {
    margin-left: 7px !important;
}

.report-reason input {
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    float: left;
}
.report-reason li .d-flex .custom-radio {
    margin-right: 0 !important;
}
.report-reason li .d-flex {
    text-indent: 10px;
}
.report-reason input:checked:before {
    background: #6855ff;
}
.report-reason input:before {
    content: "";
    background: #fff;
    position: absolute;
    left: 0;
    width: 18px;
    border-radius: 3px;
    height: 18px;
    border: 1px solid #222;
}
.report-reason input:after {
    content: "";
    left: 6px;
    top: 50%;
    width: 6px;
    height: 10px;
    border: solid #00200a;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: translateY(-51%) rotate(45deg);
    position: absolute;
    opacity: 0;
    margin-top: 7px;
}
.report-reason input:checked:after {
    opacity: 1;
}

#badges-data-container .custom-badge-container.text-center {
    margin-bottom: 20px;
}
.integration-page div#custom-badge-inner-container {
    margin-bottom: 40px;
}
.linked-to img{width: 30px; height: 30px; max-width: 30px; flex-shrink: 0 }
#show-rection-list .popup-body {
    padding: 10px 20px;
}
 #show-rection-list .user-detail h3, .user-detail p {
    margin: 0;
}
 #show-rection-list .user-icon {
    width: 40px;
    height: 40px;
    margin-right: 12px;
}
#show-rection-list .user-profile.d-flex {
    padding: 15px 0;
    border-bottom: 1px solid #d8d8d8;
}

#show-rection-list .user-profile.d-flex:last-child {
    border: none;
}


#report-brand-user  li#additional-comment textarea#reportmessage {
    width: 100% !important;
    border: 1px solid #d8d8d8;
    resize: none;
    border-radius: 10px;
    padding: 12px;
    font-size: 14px;
}
#report-brand-user  li#additional-comment label {
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
} 
#report-brand-user .count {
    font-size: 12px;
}
#report-brand-user .report-reason {
    padding: 20px 15px 20px;
}
#custom-badge-inner-container .create-post .user-profile.d-flex.w100.justify-content-between.align-items-start.flex-direction-column.p-0 a .user-icon {
    flex-shrink: 0;
}
.mob-mt-20{margin-top: 40px}  
#contrisuccesspopup .transaction-summary.comment-for-you .d-flex.justify-content-between {
    padding: 0 25px 13px;
}
#contrisuccesspopup .transaction-summary.comment-for-you .d-flex.gap-3 {
    gap: 10px !important;
}

.user-image-gif img {
    width: 100%;
}

.user-image-gif {
    width: 40px;
    margin: 0px auto 20px;
}
.user-image-gif {
    width: 70px;
    margin: 0px auto 20px;
    position: relative;
}
.user-image-gif img.user-bg-image {
    position: absolute;
    width: 100%;
    border-radius: 55px;
    transform: scale(0.8);
}
.tanks-message {
    text-align: center;
}
.thanks-message-center {
    text-align: center;
    padding: 10px 40px;
}
.thanks-message-center p.mb-0 {
    font-size: 13px !important;
    line-height: 17px;
    color: #555;
}
#contrisuccesspopup .contributor-body .cancel {
    position: absolute;
    right: 25px;
    top: 25px;
}
#contrisuccesspopup .contributor-body {
    padding-bottom: 40px;
    padding-top: 40px;
}
.share-contribution .left-contribution {
    width: 95%;
    flex: 1;
    max-width: 95%;
}
.share-contribution .right-contribution {
    width: 5%;
}
.share-contribution .right-contribution  img{width: 100%}
.share-contribution {
    background: #f1f1f1;
    margin: 0 50px;
    padding: 25px;
    border-radius: 25px;
    display: flex;
}
.share-contribution .left-contribution p {
    color: #333;
    font-size: 12px !important;
    line-height: 16px;
    padding-right: 18px;
    font-weight: 300;
}
.share-contribution .left-contribution p b {
    font-weight: 700;
}
.share-contribution .right-contribution img {
    width: 20px;
}
.share-contribution .right-contribution .copy-success-message{cursor: pointer}
.conti-success-social-share ul {
    margin: 21px auto 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 15px;
}
.conti-success-social-share a {
    background: #000;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 55px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.conti-success-social-share a img {
    filter: brightness(0) invert(1) !important;
    width: 50%;
}

.buttons-list {
    padding: 11px 32px 6px;
}
.buttons-list button.active {
    background: #000 !important;
    padding: 0px 11px !important;
    color: #fff !important;
    height: 34px !important;
    font-weight: 700;
    border-radius: 50px
}
.buttons-list button {
    padding: 0 11px !important;
    height: auto !important;
    background: #e4e4e4 !important;
    color: #000 !important;
    height: 34px !important;
    cursor: pointer !important;
    border: 1px solid #000 !important;
    background: #fff !important;
    font-size: 11px !important;
        margin: 10px 0;
    border-radius: 50px

}

#search-panel #search-data-content {
    margin-top: 0;
}
.search-placeholder {
    padding-top: 0 !important;
}
.buttons-list {
    gap: 11px;
    display: flex;
}
div#pages-tab h3 {
    width: 100%;
    min-height: 372px;
    text-align: center;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #243234;
}
.side-panel-account-details .owner-detail h3 a {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.side-panel-account-details .owner-detail h3 {
    width: 183px;
}
.tile-new .tile-cover img {
    width: 100%;
    border-radius: 25px 25px 0 0;
}
.user-image-tile {
    width: 50px;
    height: 50px;
    margin-left: 0;
    margin-top: -20px;
    margin-bottom: 10px;
}
.tile-new .action-btn button {
    width: 100%;
    border: 2px solid #1a1a1a;
    border-radius: 35px;
    font-weight: 500;
    padding: 8px 0;
    font-weight: 600;
    margin-top: 40px;
    font-size: 14px;
    background: #fff;
}
.tile-new div#usernameweb {
    margin-top: 15px;
}
.tile-new  .stats.d-flex.justify-content-start {
    font-weight: 600;
    color: #243234 !important;
}

.user-image-tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
    border: 3px solid #fff;
}
.tile-new {
    border: 1px solid #d8d8d8;
    border-radius: 26px;
    margin: 25px 10px;
}
.tile-bottom {
    padding: 0 20px 15px;
}
.join-ripplrr {
    margin: 30px 0;
}

.join-ripplrr.text-center button {
    background: #6855ff;
    color: #fff;
    border: none;
    padding: 25px 90px;
    font-weight: 700;
    border-radius: 55px;
    box-shadow: 0 10px 16px 0px rgba(0, 0, 0, 0.3);
}
.tile-new {
    border: 1px solid #d8d8d8;
    border-radius: 26px;
    margin: 25px 0;
}
div#new-ripplrr-sec {
    margin: 100px 0;
}
.tile-new .copy-link {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}
@media screen and (max-width:767px){
#new-ripplrr-sec .row {
    flex-wrap: nowrap;
    overflow-x: auto;
}
#new-ripplrr-sec .row .col-md-4 {
    width: 85%;
    max-width: 85%;
}
#new-ripplrr-sec .text-center p br {
    display: none;
}    
#Following-popup .buttons-list {
    padding: 11px 14px 6px !important;
}    
   
    #step-1 .logo, #step-2 .logo, #step-3 .logo{
        width: 40px;
    }    
.mobile-search .buttons-list {
        padding: 0 22px 6px !important;
    }
.buttons-list button {
    margin: 0px 0;
}
.mobile-search .buttons-list button {
    margin-right: 0 !important;
}    
#header-main .logo img {
    width: 86px;
}    
.mobile-search .buttons-list {
    padding: 11px 22px 6px !important;
}
.mob-menu-panel.mobile-search .buttons-list button {
        width: 85px !important;
    }    
#header-main {
    background: rgb(248, 248, 248);
    }
.mob-menu-panel.mobile-search li.search button {
        justify-content: center;
        background: #fff;
    }    
    .header-dashboard .search-bar button.launch-btn{
        font-size: 11px !important;
    }
    
.page-creation.social-links .button-set .btn-default img {
    width: 120px;
}    
    .mob-mt-20{margin-top: 30px}    
.post-title-and-post .tox-toolbar > .tox-toolbar__group:last-child {
    display: none !important;
}    
.report-heading h3 {
    font-size: 20px;
}    
.my-messages .chat-side-panel.hauto h2 {
    border-bottom: 1px solid #d8d8d8;
    pointer-events: none;
}    
.chat-body h2 {
    padding: 20px 20px 15px;
    font-size: 16px;
}    
    #chat-body-for-mob{display: none}    
    .side-panel-show-btn{display: block !important}
    .skip-for-now-wrapper.d-flex.gap-3 {
    flex-direction: column-reverse;
    gap: 9px !important;
}
.chat-side-panel ul li a {
    border: 1px solid #d8d8d8;
    border-radius: 15px;
    margin-bottom: 15px;
}    
.my-messages .chat-side-panel.hauto {
    height: auto;
}
.chat-body a.btn.btn-primary.dots-3 {
    width: 30px !important;
    height: 30px !important;
}    
div#chat-body-for-mob {
    position: fixed;
    display: none;
    background: #fff;
    top: 0;
    z-index: 9;
    left: 0;
    right: 0;
    padding: 0;
    bottom: 0;
}
#chat-body-for-mob .chat-body {
    border: none;
    height: 100%;
}
.my-messages .chat-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
}
.chat-body .send-input {
    text-align: center;
    margin-bottom: 18px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.chat-container {
    padding: 90px 20px;
    height: calc(100vh);
    overflow: auto;
}
.chat-body input[type="text"] {
    padding-right: 50px;
}
a.chat-back-btn i {
    color: #002a00;
    font-size: 17px;
    margin-right: 7px;
}    
.skip-for-now {
    background: #fff;
    padding: 15px 20px;
    border-radius: 55px;
    text-decoration: none;
    border: 1px solid #00200a;
    width: auto;
    display: block;
    font-weight: 600;
    padding: 0;
    border: none;
    width: auto;
    text-align: right;
    padding-right: 14px;
}    
    .side-panel-account-details{display: none;}    
#create-post-single .custom-dropdown {
    max-width: 80%;
    width: 80%;
}    
#create-poll-single div#pollContainer {
    max-width: 100%;
}    
#create-poll-single div#pollContainer {
    padding: 8px 0;
    padding-right: 0;
}
div#create-poll-full {
        background: #fff !important;
        padding: 0 20px !important;
    }    
#your-badge .custom-badge-container.text-center > .d-flex {
    flex-direction: column;
    gap: 20px;
}
.select-theme.d-flex.badge-action {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row !important;
    justify-content: end;
    margin-top: 14px;
    gap: 10px !important;
}    
.my-poll {
    padding: 25px;
}
.participate-confidently h2 {
    display: block !important;
}
.participate-confidently .p-details h2 {
    margin-bottom: 5px !important;
    margin-top: 6px !important;
}    
    #create-post-single .create, #create-poll-single .create {
        max-width: inherit;
        width: auto !important;
    }
.my-poll {
    max-width: 100%;
    width: 100%;
    padding: 25px;
}    
div#pollContainer {
    padding: 0;
    margin-bottom: 100px;
}
div#pollContainer .my-poll {
    border-radius: 25px;
}    
.custom-button-inner-element a {
    justify-content: space-between;
    padding: 15px !important;
    width: 100%;
}    
.slect-goal-category {
    flex-direction: column;
}
.custom-badge-container.text-center {
    flex-direction: column;
}
.custom-badge-container .divider {
    height: 1px;
    background: #e4e4e4;
    width: 100%;
    transform: rotate(0deg);
    margin: 20px 0;
}
#custom-badge-inner-container .create-post .custom-dropdown {
        max-width: 100%;
        width: 100%;
        /* left: 0; */
    }    
#custom-badge-inner-container .create-post .user-profile.d-flex.w100.justify-content-between.align-items-start.flex-direction-column.p-0 a div {
    padding: 0 !important;
    font-size: 12px;
}    
    
.custom-badge-button{
    text-align: left;
    display: inline-block;
    width: 100%;
    max-width: 300px;
    }
div#profile-popup.profile-page.s-page .follow-btn a {
    padding: 9px 13px;
    width: 100px !important;
}    
div#profile-popup.profile-page.s-page img.plusIconFollow, div#profile-popup.profile-page.s-page img.checkIconFollow {
    width: 12px;
    margin-right: 3px;
}    
.time-less {
    text-align: left;
    padding-left: 2px;
}    
.product-hunt {
    margin-top: 20px;
    margin-bottom: 50px;
}    
.post-and-poll-container.d-flex.gap-4 {
    flex-direction: column;
} 
.all-duration {
    gap: 8px;
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
}    
.all-duration button.duration-btn {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 35px;
    padding: 7px 16px;
    font-size: 12px !important;
}    
.profile-detail.card .side-menu img {
    width: 18px;
}    
.profile-icon {
    width: 25px;
    max-width: 25px;
    display: inline-block;
    flex-shrink: 0;
}    
.right-side-panel .side-menu i {
    font-size: 16px;
}    
.banner-top-section h1 {
    font-weight: 800;
    margin-bottom: 40px;
}    
.and-more {
    margin-top: 30px;
}    
.built-for-creators h2 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 30px;
    margin-top: 30px;
    white-space: nowrap;
}    
.platforms ul li {
    margin: 0 8px;
}
.platforms li img {
    width: 69px;
}
.built-for-creators {
    padding: 0px 0 30px;
}    
    .animated-banner-lines p br{ display: none}    
.post-image-preview-wrapper .delete-btn {
    margin-bottom: 10px;
}    
.user-profile-wrapper .post-view #noPost {
    margin-top: 20px;
    padding: 0 15px;
}    
.banner-top-section .banner-center h1 span img.heighlight {
    width: 97px;
    left: 20px;
    top: 31px;
}    
.banner-center-top img {
    width: 90px;
}
.banner-center img {
    width: 90px;
}
.banner-center-top img.icon03 {
    position: absolute;
    right: 0;
}
.banner-center-top img.icon02 {
    left: 0;
    top: -30px;
}
.banner-down img {
    width: 90px;
}
.built-for-creators h2 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 40px;
}
.and-more p {
    font-size: 16px;
    font-weight: 400;
}
    
.banner-top-section h1 br {
    display: none;
}
.banner-center-top {
    height: 100px;
}
.banner-center-top img.icon02 {
        left: 105px;
        top: -26px;
} 
.banner-center-top img.icon03 {
        right: 20%;
        top: -17px;
}
.banner-top-section h1 {
    font-size: 25px;
}    
.banner-center-top img.icon04 {
    right: 0;
}
.banner-center img.star01 {
    position: absolute;
    left: 92px;
    top: -40px;
}

.banner-center img.star01 {
    width: 25px;
}    
.banner-center-top img.icon01 {
    left: 0;
}
.banner-down img.icon08 {
    right: 0;
}
.banner-down img.icon07 {
    left: 0;
}
.banner-center p br {
    display: none;
}
.banner-center img.star02 {
        width: 30px;
        right: 6%;
        top: 59px;
}
.banner-down {
    height: 80px;
    margin-bottom: 10px;
}
.banner-down a {
    padding: 16px 25px;
}    
    
.banner-center img.icon06, .banner-center img.icon05{display: none;}    
div#contributions .conti-banner img.hide-on-desktop {
    margin-left: -24px;
}    
.csr-inner {
    background: #f8f8f8;
    border-radius: 55px;
    padding: 50px 15px 20px;
}
.csr-inner p br{display: none;}    
div#csr .container {
    margin: 0;
    padding: 0;
}    
.conti-banner {
    padding: 0 0;
}    
.csr-inner h2, #contributions h2 {
    font-size: 30px;
}    
ul.get-p-img  {
    margin-bottom: 0 !important
/*    padding: 5px 0;*/
}
    #verification div#verify-button {
    margin-top: 20px !important;
    float: none !important;
}
#contributions p br {
    display: none;
}    
img.verified {
    width: 13px !important;
    height: 13px !important;
}    
ul.get-p-img {
    margin-bottom: 0 !important;
}    
.top-contributor p {
    margin-bottom: 0 !important;
}    
.funding-goal .top-contributor {
    padding-bottom: 30px;
}    
.post .emoji-display {
    left: 2px;
    background: #fff !important;
}    
.post .reaction-container {
    padding: 20px 0;
    margin: 0 20px;
}    
.create h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px !important;
}
.post-title-and-post {
    padding-top: 0px !important;
}    
.post-creation-header .add-post {
    padding: 7px 10px !important;
}
.post-creation-header .add-title{
    padding: 20px 15px 0 !important;        
    }    
.tox.tox-tinymce.tox-platform-touch {
    height: 200px !important;
}
.add-post-action-wraper p#charCountSubject, .add-post-action-wraper p#charCountTextarea {
    padding-left: 0;
    position: absolute;
    bottom: 4px;
    border: none;
    font-size: 12px;
    border-top: 1px solid #d8d8d8;
    width: 100%;
    left: 0;
    padding: 7px 20px;
    background: none;
    border-radius: 0 0 15px 15px;
}    
.post-creation-header .close-post {
    right: 22px;
    top: 3px;
}
.post-creation-header .close-post .close-post img {
    width: 25px;
}    
.post-creation-header .custom-wrapper {
    padding-left: 64px !important;
}
.post-creation-header .custom-select {
    border-radius: 35px;
    width: 230px;
}
    .post-creation-header .custom-dropdown a{padding: 0 !important;}
    .post-creation-header .custom-dropdown .bio {
    font-size: 12px;
}
.post-creation-header .custom-dropdown .user-detail h3 {
        margin-bottom: 1px !important;
    } 
.post-creation-header .custom-dropdown .category-list {
    gap: 0;
}    
.post-creation-header .custom-dropdown {
    z-index: 8 !important;
}    
.create-post .custom-dropdown {
        max-width: 100%;
        width: 230px;
        /* left: 0; */
}
.create-post .custom-dropdown {
    padding: 10px 10px;
    box-sizing: border-box;
}    
.post-creation-header .create-post .d-flex {
    padding: 15px 15px !important;
}    
.post-creation-header .bio {
    margin-left: 48px;
}
.post-creation-header .category-list .user-detail h3 {
    font-size: 14px !important;
}    
.post .reaction-container {
    display: flex !important;
    flex-direction: row !important;
}
    .post-banner img {
    height: 180px;
}    
.funding-goal .amount-contributes .amount {
    font-weight: 700;
    font-size: 14px;
}    
.funding-goal .contributor-list .contributor-wrapper > div {
    width: 100%;
}

.funding-goal .contributor-list .contributor-wrapper {
    flex-direction: column;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
    margin-bottom: 10px;
    gap: 10px;
}    
.login-signup.create-account {
    max-width: 90%;
    width: 90%;
}    
.login-signup.create-account .form-area {
    background: none;
}
.login-signup.create-account h3 {
    font-weight: 600;
    font-size: 20px;
    margin-top: 25px;
}
.login-signup.create-account .user-image {
    left: 20px;
    width: 70px;
    height: 70px;
}
.login-signup.create-account .cover-image-container #dropc {
    height: 170px;
    object-fit: cover;
}    
#report-brand-user .popup-inner {
    width: 100%;
    bottom: 0;
    top: 10px;
    transform: none !important;
    left: 0;
    top: auto;
    border-radius: 25px 25px 0 0;
}
#report-brand-user .post-foot.add-post-foot.d-flex.justify-content-between {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 10px 20px;
    background: #fff;
}    
#report-brand-user .report-heading p {
    font-size: 14px;
    color: #3d4d5d;
    font-weight: 300;
    line-height: 17px;
}
#report-brand-user .report-reason p {
    font-size: 12px;
    line-height: 16px;
}
#report-brand-user .report-reason label .d-flex {
    font-size: 13px;
}
#report-brand-user span.custom-radio {
    margin-top: 2px;
}    
#report-brand-user .report-reason label {
    gap: 2px;
}    
#report-brand-user .product-for-report .username {
    font-size: 12px;
}    
#report-brand-user .cancel-btn a {
    padding: 10px 0;
}    
#report-brand-user .send-post button#reportprofilebtn {
    font-size: 14px;
}
.cancel-btn a {
    font-size: 14px;
}
#report-brand-user .report-reason ul {
    padding-bottom: 0px;
}    
.leave-a-comment .form-action.d-flex.launch-action {
    padding-left: 0;
    text-align: left;
}
.description-toggle.commentcount {
    font-size: 12px;
}    
.side-menu {
    height: auto;
    overflow-y: auto;
}    
#share-this-profile .contributor-body h4 {
        margin-bottom: 20px !important;
    }    
#Followers-popup .popup-inner div#followers-list {
    padding-bottom: 200px;
}

    
span.top-announcement-icon {
    font-size: 15px;
}    
#view-all-panel div#supporter {
    min-height: 460px;
    margin-top: 0px;
    overflow-y: auto;
    height: 100vh;
    padding-bottom: 240px;
}    
  
#view-all-panel .contributor-body {
    padding: 15px 0;
}
#view-all-panel .contributor-body .bio {
    color: #3d4d5d;
    font-size: 12px;
}    
#view-all-panel a {
    text-decoration: none;
    width: 100%;
    padding: 0;
    border-radius: 0;
}
#view-all-panel .bio {
    padding-left: 45px;
}
#view-all-panel div#supporter .user-detail h3 {
    font-weight: 400;
    font-size: 14px !important;
}    
#view-all-panel #supporter .user-profile.d-flex {
    background: none;
    padding: 0;
    border-radius: 0;
}    
#view-all-panel div#supporter div#search-data-content > .d-flex {
    padding: 0px 15px;
}   
#view-all-panel div#supporter div#search-data-content > .d-flex {
        padding: 15px 15px;
    border-bottom: 1px solid #f1f1f1;
    }  
#view-all-panel div#supporter div#search-data-content > .d-flex:last-child {
    border-bottom: none
}      
    
.emojionearea .emojionearea-picker .emojionearea-search-panel .emojionearea-tones {
    width: 100%;
}
.emojionearea .emojionearea-picker .emojionearea-search {
    display: none;
}    
.funding-goal .funding-goal-wrapper h4 {
    margin-bottom: 15px;
}    
    .get-verified-wrapper .mob-mb-4{margin-bottom: 20px !important}    
.d-flex.align-items-center.linked-account-tabbing {
    gap: 0;
}
    div#eop {
        margin: 0 0px;
        padding-right: 0;
    }    
.dashboard-section.withdrawlist .profile-header.d-flex.justify-content-between.eop-wrapper.mob-card-gray {
    background: none;
    padding: 0 !important;
}
.dashboard-section.withdrawlist .profile-header.d-flex.justify-content-between.eop-wrapper.mob-card-gray .linked-account-tabbing a {
    font-size: 15px;
    padding: 0;
}
.dashboard-section.withdrawlist div#payout-history .gap-5.mt-4 .data {
    font-size: 12px;
}    
div#payout-history .gap-5.mt-4 .date {
    font-size: 12px;
}
.dashboard-section.withdrawlist .profile-detail.card.mt-4.mb-5 {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
}    
.button-set .btn-default {
    padding: 18px 0;
}    
#commentsPopup .contributor-body {
    padding: 0 20px;
}    
p.mob-helper-text-13{font-size: 13px;}    
body.side-nav-opened .site-nav__wrapper +.shadow {
position: fixed;
        width: 100%;
        height: 100%;
        background: #00000073;
        display: block !important;
        bottom: 0;
        left: 0;
        top: 60px;
        height: auto;
    
}    
#share-this-profile .contributor-body {
    padding: 25px;
}
#support-text-popup .popup-footer button {
    padding: 0 !important;
    margin: 0 !important;
}     
.reaction-container {
    flex-direction: column;
}
.reaction-list {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    margin-top: 10px;
}
.post .reaction-list {
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        margin-top: 0;
        border-left: 1px solid #d8d8d8;
        padding-left: 8px !important;
        margin-left: 8px;
    } 
.post .emojionearea .emojionearea-picker .emojionearea-search-panel .emojionearea-tones {
    padding: 0 15px;
}    
.reaction-container {
    padding: 20px 20px;
    border-top: 1px solid #d8d8d8;
}
.create-post.d-flex-justify-content-between {
    padding: 15px 15px;
    border-radius: 25px;
}
.tox .tox-dialog-wrap__backdrop--opaque {
    background-color: #ffffff78 !important;
}    
.tox .tox-dialog {
        width: 80%;
    }
.tox .tox-dialog {
        bottom: 0 !important;
        top: auto !important;
        position: absolute !important;
            padding: 0 !important;
    overflow: inherit !important;
    }    
button.tox-button.tox-button--icon.tox-button--naked {
    right: -10px !important;
    top: -13px !important;
}
.tox .tox-dialog__header {
    background: none !important;
}    
.add-post-action-wraper.d-flex.justify-content-between.flex-direction-column {
        padding: 15px 15px!important;
    }
.post-date ul {
    margin: 0;
}
.post .reaction-list p {
    font-size: 12px;
}    
.post-view .emojionearea .emojionearea-picker {
    z-index: 1 !important;
}    
.add-post-action-wraper.d-flex.justify-content-between.flex-direction-column.pb-40 {
        padding: 15px 15px 40px !important;
    }    
.rection-list-inner img {
    width: 20px;
    height: 20px;
}    
#eop .profile-detail.card.mt-4 {
    background: #f8f8f8;
    margin-top: 0 !important;
}
#eop .profile-detail.card.mt-4 .profile-header {
    padding: 0 !important;
}    
div#eop {
        background: #f8f8f8;
        padding: 15px 15px;
    }
div#eop .linked-account-tabbing a.active {
    background: #fff !important;
}    
div#eop .mob-card-gray .custom-select {
        padding-right: 8px;
    } 
div#eop {
    margin: 0 0px;
}    
div#eop div#earning-wrapper {
    padding: 0 15px !important;
}    
div#eop  .custom-wrapper {
    margin-top: 15px;
}    
div#eop .eop-wrapper > div {
        width: auto;
        justify-content: space-between;
    }    
div#eop .linked-account-tabbing a {
        font-size: 12px;
        padding: 10px 10px;
    white-space: nowrap;
    }    
div#eop .eop-wrapper {
        align-items: start;
    padding: 0 !important;
    }    
.post-view .post-container {
    padding: 20px 20px 20px;
}    
.post-container h3 {
    font-size: 14px;
}    
.launch-btn-center a {
    font-weight: 500;
}    
.dashboard-section.placeholder-my-pages.dashboard-placeholder button.launch-btn {
    padding: 15px 30px !important;
        padding-left: 30px !important;
        font-size: 12px !important;
}    
.get-ready button.launch-btn {
    padding: 15px 30px !important;
        padding-left: 30px !important;
        font-size: 12px !important;
}    
    .placeholder-my-pages .get-ready button.launch-btn img {
        width: 15px;
        margin: 10px 4px;
    }
.start-free .launch-btn-center img {
    width: 15px;
    margin-right: 5px;
}    
    .start-free-sec .launch-btn-center a {
        font-size: 12px !important;
        padding: 15px 30px !important;
        line-height: 30px;
        font-weight: 600;
    }    
.start-free-sec .launch-btn-center a {
    font-size: 12px;
}    
    .placeholder-my-pages .get-ready button.launch-btn img {
        width: 15px !important;
        margin: 10px 4px;
    }    
.header-dashboard .search-bar button.launch-btn {
    padding: 10px 10px;
    font-size: 12px;
    height: auto;
}    
#header-main button.launch-btn img {
        width: 14px;
            filter: invert(1);

    }    
.header-dashboard button.launch-btn img {
        width: 14px;
    filter: invert(1) !important;
    }    
.inner-free-sec .note {
    top: 73px;
}    
.inner-free-sec #note-new {
    left: auto;
    width: 100%;
    right: 0;
}    
#contact-popup .popup-inner {
    top: 10px;
}    
.user-profile-wrapper img#banner-container {
    height: 170px;
    object-fit: cover;
}
.user-profile-wrapper {
    max-width: 100% !important;
    width: 100%;
}
.profile-page.s-page {
        margin: 30px 10px !important;
    }
.user-profile-wrapper-text-area {
        padding: 30px 30px;
        margin-top: 60px !important;
    }    
.user-profile-wrapper .follow-user {
    bottom: -50px;
}    
.user-profile-wrapper .banner-container div#owner-image {
    left: 30px;
    width: 65px;
    height: 65px;
}
.user-profile-wrapper .follow-btn a {
    padding: 8px 0;
}
.user-profile-wrapper .follow-user .share-page a {
    width: 36px;
    height: 36px;
}    
.user-profile-wrapper .follow-user {
    bottom: -47px;
}
.banner-container > img {
    height: 190px;
    object-fit: cover;
}    
.user-profile-wrapper-text-area {
    flex-direction: column;
}
.flex1.lef-panel {
    padding-right: 0;
    border-right: none;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
}
.banner-container img {
    width: 100%;
    border-radius: 25px;
}
.user-profile-wrapper {
    max-width: 100%;
    margin: 0 auto;
}
.user-profile-wrapper-text-area {
    margin-top: 50px;
}
.user-profile-wrapper-text-area .flex1 {
    max-width: 100%;
}
.user-profile-wrapper-text-area .social-links.joined.active-pages.bb-0.mb-0.bt-0 {
    border-top: 1px solid #d8d8d8 !important;
}    
    .social-links.joined.bb-0.mb-0.last-child{margin-bottom: 0 !important}    
.user-profile-wrapper-text-area {
    padding: 30px 30px;
}    
.edit-final-action.form-action.d-flex.launch-action a {
    flex: 1;
    text-align: center;
}     
#Followers-popup img.back, #Following-popup img.back {
    top: 27px;
}
#Followers-popup div#results, #Following-popup div#followingresult {
    max-height: 70vh;
    overflow-y: scroll;
    padding-bottom: 80px;
}    
.link-bank-account .bank-icon {
    width: 30px;
    margin-right: 15px;
    flex-shrink: 0;
}
.follow-inner {
    padding: 0 15px;
}    
#unfollow-popup h3 {
    padding: 30px 40px 30px;
}    
    
#unfollow-popup .popup-inner {
    width: 100%;
    max-width: 100%;
    border-radius: 35px;
}
#unfollow-popup .popup-inner {
    width: 100%;
    max-width: 100%;
    border-radius: 35px 35px 0 0;
    top: auto;
}
.follow-inner .user-image {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}
.follower-bio {
    font-size: 12px;
    padding-left: 41px;
    padding-right: 5px;
    margin-top: 4px;
}
.follow-btn a {
        font-size: 12px;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 80px !important;
        flex-shrink: 0;
}    
.mob-menu-panel.mobile-search li.search {
    position: relative;
    top: 0px;
}    
#contricancelpopup .popup-inner {
        top: 10px;
        bottom: 0;
    }
div#successcommentdiv .d-flex.justify-content-between {
    padding: 0 25px 25px;
}
div#successcommentdiv .share-contribution {
    background: #f1f1f1;
    margin: 0 20px;
    }
.thanks-message-center {
    text-align: center;
    padding: 10px 0px;
}    
#contrisuccesspopup .popup-inner {
        bottom: auto;
        top: 50%;
        transform: translate(-50%, -50%);
        border-radius: 25px !important;
        left: 50%;
        right: auto;
        width: 90%;
}    
/*#contrisuccesspopup .popup-inner {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 25px !important;
    } */  
.share-contribution {
    background: #f1f1f1;
    margin: 0 20px;
}
 #contrisuccesspopup .contributor-body p br{display: none;}    
.mob-menu-panel.mobile-search li.search span.search-icon {
    left: 11px;
    margin-top: -2px;
}    
.mob-menu-panel.mobile-search li.search button {
    height: 34px;
    width: 34px;
    padding: 0;
}
.mob-menu-panel.mobile-search span.search-icon img {
    width: 17px;
}    
#contrisuccesspopup .contributor-body p {
        font-size: 12px;
        line-height: 16px;
}
#contrisuccesspopup .contributor-body {
        height: auto !important;
    }    
.name-and-comment input {
    font-weight: 300;
}
.enter-amount input[type="text"] {
    font-weight: 300;
}
.enter-amount::before {
    top: 51%;
}
#contribution #section-6 .input input {
    font-weight: 300;
}
.name-and-comment .form-group input {
    font-size: 13px;
    color: #000;
    }
.name-and-comment .form-group textarea {
    font-weight: 300;
    height: 70px;
    font-size: 13px;
    color: #000;
}    
    .name-and-comment .form-group textarea, .name-and-comment .form-group input{
        padding: 8px 15px;
    }     
.search-panel.showing-results div#supporter {
    min-height: 100vh;
}    
.search-panel div#supporter .user-icon img {
    margin-left: 0;
}
.search-panel div#supporter .user-icon {
    margin-right: 10px !important;
    margin-left: 0 !important;
}
.search-panel div#supporter .bio {
    margin-left: 45px;
}
#search-panel #search-data-content  a {
        padding: 0px 0 !important;
    }    
    
#search-panel #search-data-content  li a {
        width: 100%;
    }    
    #search-panel #search-data-content  li a img{margin-left: 0 !important;}    
.see-fees-box p:last-child {
    margin-bottom: 0;
}

.see-fees-box p {
    font-size: 12px;
    line-height: 17px;
}
#launch-btn-action{z-index: 9;}    
#profile-popup .social-links {
    padding: 15px 20px;
}
#profile-popup .owner-image {
    margin-left: 20px;
}
#profile-popup .contributor-body {
    max-height: 440px;
    overflow-y: auto;
}    
#contrisuccesspopup .popup-header {
    padding: 20px 35px 15px;
}
#contrisuccesspopup .contributor-body .d-flex.mb-3 {
    margin-left: 25px;
    margin-right: 25px;
}
#contrisuccesspopup .transaction-summary {
    margin-left: 25px;
    margin-right: 25px;
}    
.login-signup p br {
    display: none;
}
.verify-text p br {
    display: none;
}
div#main-wraper + .form-action.d-flex.launch-action button {
    flex: 1;
}
#contributionform .popup-header {
/*    border-bottom: 0px solid #d8d8d8;*/
} 
#section-3 .contributor-body {
        border-top: none !important;
}    
    #section-3 .note {
        margin-top: 10px;
        margin-bottom: 10px;
    }
#contrisuccesspopup .contributor-body p {
        font-size: 12px;
        line-height: 18px;
    }
#contrisuccesspopup .feedback {
    margin: 0 25px;
}    
#section-5 .contributor-body {
    padding-bottom: 0 !important;
}    
/*
#contrisuccesspopup .contributor-body {
    overflow: auto;
    height: calc(100vh - 254px);
}
*/
    #contrisuccesspopup .contributor-body {
        overflow: auto;
        height: calc(100vh - 80px);
    }    
#contrisuccesspopup .contributor-body p {
    font-size: 13px;
}    
#contrisuccesspopup .contributor-list-bg {
        width: 35px;
        height: 35px;
    }    
#contribution #section-2 p.conti-amount {
    font-size: 12px;
    display: block;
    gap: 0;
}    
    #contribution .popup-header {
        padding: 25px 25px 20px;
    }
#contribution .popup-footer {
    padding: 25px 25px;
    padding-bottom: 40px;
}
#contribution .popup-footer {
        padding: 0 25px;
        padding-bottom: 20px;
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
    }    
.profile-page.s-page {
    width: auto !important;
    margin: 30px 15px !important;
}    
.category-list a {
    color: #243234;
    text-decoration: none;
    border: 1px solid #324158;
    border-radius: 25px;
    padding: 5px 14px !important;
    display: inline-block;
    margin-bottom: 0;
    font-size: 12px;
}    
    .edit-profile{display: none !important;}    
#contribution .contributor-body {
    padding: 25px;
}
#send-your-contribution .your-comment {
    padding-left: 33px;
}
#send-your-contribution .owner-image {
    margin-right: 8px;
    flex-shrink: 0;
}
#section-3 .contributor-body h4 {
    padding: 0 15px;
}
#section-3 .contributor-body .transaction-summary li {
    padding: 5px 20px;
}
#section-3 .transaction-summary .leave-a-comment {
    padding-left: 20px;
    padding-right: 20px;
}
#contribution #section-3 .popup-body {
    height: auto;
    overflow-y: auto;
}    
/*
#contribution #section-3 .popup-body {
    max-height: calc(100vh - 350px);
    overflow-y: auto;
    padding-bottom: 10px;
}   
*/
#contribution #section-3 .popup-body {
        max-height: calc(100vh - 290px);
        overflow-y: auto;
        padding-bottom: 0;
    }    
.form-group.social-link.btn-style .form-action.d-flex.launch-action.align-items-center.text-right.mb-0.justify-content-end {
    position: static !important;
    margin-bottom: 0 !important;
}    
.dashboard-section.user-prof .dashboard-section.placeholder-my-pages {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 30px;
}    
.linke-account-inner .time-less.ml-15 {
        margin-bottom: 0px !important;
    }    
.edit-delete-button-wrapper .delete {
    margin-top: 0;
}
.edit-delete-button-wrapper.edit-delete-button-wrapper-show {
    top: 0;
}
.form-group.social-link.btn-style .page-creation.social-links {
    margin-top: 20px;
}
.form-group.social-link.btn-style {
    margin-bottom: 100px;
}    
#pageform .form-action.d-flex.launch-action {
    padding: 15px 20px;
    position: fixed;
    left: 0;
    right: 0;
}    
.my-messages .profile-dropdown ul {
    width: 120px;
}    
.view-btn +.profile-dropdown a {
    width: 30px;
    height: 30px;
}
.view-btn a {
    height: 30px;
    padding: 0px 15px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 60px;
}    
.my-messages .message-body .message-body-inner p {
    font-size: 14px;
}    
.my-messages .user-icon {
        margin-right: 10px;
    }    
.profile-preview .social-links ul {
    gap: 5px !important;
}    
.funding-goal-wrapper {
    padding: 30px;
}
#contact-popup textarea {
    height: 100px;
}    
.col-md-4.sticky-side-panel + .col-md-8 .p-15 {
    padding: 0 0;
}    
#page-launch-confirmation .popup-footer {
    padding: 20px;
    padding-top: 0;
    padding-bottom: 20px;
}
#page-launch-confirmation .contributor-body {
    padding: 30px;
    padding-bottom: 20px;
}
    #page-launch-confirmation h3 br{display: none;}    
.custom-btn.top-custom .edit-button {
    margin-top: 0;
}    
.d-flex.w100.gap-4.mob-flex-direction-column {
    flex-direction: column;
}
.form-group.social-link.btn-style .default-btn {
    padding: 30px;
    box-sizing: border-box;
}    
    .form-group.social-link.btn-style .custom-btn{
        padding: 30px !important;
        box-sizing: border-box;
    }    
#custombuttonDiv{padding: 20px !important}    
span.placeholderprefilled {
    top: 20px !important;
}
.button-set.justify-content-between.flex-direction-column.mob-direction-row {
    flex-direction: column !important;
}    
.main-form-home {
    width: 100%;
}
    
.footer-social li {
    margin-left: 0;
}    
.footer-social h3 {
    margin-top: 20px;
    }
.funding-goal-wrapper .custom-btn-box .button-set .btn-default img {
    width: 100px;
}
    .leave-a-comment .form-action.d-flex.launch-action button {
        padding: 15px 0;
        width: 100px;
        font-weight: 500;
    }    
.home-gray-box h6 {
    font-size: 14px;
}    
.home-gray-box h6 {
    text-align: center;
}
.start-free-top p br {
    display: none;
}

    
    .search-bar.d-flex.mob-mt-5 {
    margin-top: 20px;
}
    div#non-login-left-panel .side-pannel-inner {
        left: 0;
        padding: 20px 20px;
        background: #fff;
        z-index: 999;
        position: relative;
        height: 100%;
        left: 0;
        border: none;
    }
#non-login-left-panel .side-menu {
    padding: 0;
}
#non-login-left-panel .side-menu ul {
    margin: 0;
}
#non-login-left-panel .side-menu ul li a {
    padding: 15px 15px;
}
#non-login-left-panel .side-menu {
    padding: 0;
    margin-top: 20px;
}    

div#non-login-left-panel {
        background: #fff;
        position: fixed;
        z-index: 9999999;
        width: 270px;
        height: 100vh;
        top: 0px;
        left: -290px;
        transition: all 0.5s ease;
    }
div#non-login-left-panel  .shadow {
        background: #000000a8;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99;
        display: none;
    }   
div#non-login-left-panel.side-panel-non-login.open-side-panel-nl .shadow {
    display: block;
}    
div#non-login-left-panel.side-panel-non-login.open-side-panel-nl{left: 0}    
div#non-login-left-panel .side-pannel-inner {
    left: 0;
    padding: 20px 20px;
}
.side-panel-non-login .side-pannel-inner .logo img {
    width: 100%;
}

.side-panel-non-login .side-pannel-inner .logo {
        width: 120px;
    }    
.d-flex.gap-2.user-login.align-items-center.hide-on-desktop {
/*    display: none !important;*/
}    
.search-bar .owner-image {
    width: 43px;
}
.search-bar.d-flex {
    margin-top: 0px;
    gap: 5px;
}
.search-bar .user-login {
        margin-left: 0;
        display: none !important;
    }    
.search-bar .owner-detail {
    display: none;
}    
.nav > button.launch-btn {
    display: block;
}    
.logo {
    width: 140px;
}
.logo {
    width: 130px;
}
    
#link-bank-account .verification-sites {
    margin-top: 0;
}    
.before-signin a img{display: none !important;}    
.nav ul.mob-menu-panel li a img {
        filter: invert(0);
        margin-left: 10px;
        margin-right: 5px;
        display: inline-block;
    }
.nav ul.mob-menu-panel {
    width: 180px !important;
}
.nav ul.mob-menu-panel li:first-child a {
    padding-bottom: 5px;
}    
.nav ul.mob-menu-panel li:last-child a {
    padding-bottom: 12px;
}    
.nav ul.mob-menu-panel li a{
        padding: 10px 8px;
    }    
#live h5.card-title {
    height: auto;
}    
 .bank-row + .profile-dropdown > a {
    width: 30px;
    height: 30px;
}   
.custom-btn.top-custom .button-set.justify-content-between.mob-direction-row {
    align-items: flex-start;
}    
.button-set .edit-button {
    cursor: pointer;
    width: 100%;
    justify-content: end;
}    
.form-action.d-flex.launch-action button {
    padding: 20px 0;
}    
.custom-btn.top-custom .button-set > div {
    width: 100%;
}
.form-action.d-flex.launch-action {
    gap: 10px;
}
.custom-btn-full {
    position: relative;
}
.custom-btn-full .edit-button {
/*    position: absolute;*/
/*    bottom: 0;*/
}
    div#custom-btn-radio-hide {
        width: auto;
        margin-top: 0;
    }
#changepasswordform .tooltip2 {
        right: -13px;
    }    
.drop-right .user-icon img {
    margin-top: -1px;
}  
#support .custom-dropdown {
    padding: 12px 20px;
}    
#support .c-count {
    margin-top: 0;
}    
#support-text-popup .popup-inner {
    max-width: 100%;
    width: 100%;
    right: 0;
    top: auto;
}    
.divider-ann {
    margin: 20px 0 20px;
}    
.cover-image-container .user-image .cover-image-dropdown {
    left: 0;
    right: auto;
}    
#custombtn div#emoji {
    font-size: 25px !important;
}
#custombtn span.custom-text {
        font-size: 18px;
    }
    
.d-flex.align-items-center.gap-3.custom-btn-full {
    flex-direction: column;
    gap: 5px !important;
}    
.form-group.social-link.btn-style .button-set .btn-default {
    width: 100%;
    max-width: 100%;
}
.custom-btn.top-custom {
    margin-top: 0;
}
.button-set.justify-content-between.mob-direction-row {
    gap: 20px;
}
.default-btn .button-set a {
    height: auto;
}    
    .mob-direction-row{flex-direction: row !important;}    
.custom-btn a.btn-normal {
    width: 100%;
    max-width: 100%;
}    
.custom-btn.top-custom{
        padding-bottom: 20px !important;
    }   
    
.dashboard-section.placeholder-my-pages {
    padding: 20px 20px;
}
.dashboard-section.placeholder-my-pages.dashboard-placeholder {
    margin-bottom: 0;
    padding: 20px 20px;
    border-radius: 20px;
}    
   
/*    .top-announcement p br{display: none}    */
    .top-announcement p, .top-announcement p a{font-size: 10px !important; font-weight: 300;}    
    .faqtitle h1{
        font-size: 30px;
    }    
.faq-section {
    padding: 40px 40px;
}    
.faq-section > div {
    flex-direction: column;
}
.faq-section > div h4 {
    font-size: 30px;
}
.faq-sec a {
    display: inline-block;
}    
.accordion span.icon {
        margin-left: 10px;
        display: flex;
        align-items: start;
        justify-content: flex-start;
        height: 25px;
        line-height: 22px;
        width: 25px;
        text-align: center;
        display: inline-block;
    }
    
.accordion-header {
        font-size: 15px;
        display: flex;
        align-items: flex-start;
    padding-bottom: 15px;
    }
    .faq-bottom {
        flex-direction: column;
        margin-top: 40px;
    }
.faq-bottom > .left {
    padding-right: 0;
    order: 2;
}
.faq-bottom .left img {
    border-radius: 35px !important;
}    
.faq-bottom > div h2 {
    font-size: 30px;
}    
.faq-bottom p br {
    display: none;
}
.faq-bottom > div {
    width: 100%;
}    
.accordion-content {
        padding-right: 20px;
    }    
.main-form-home  input:not(:placeholder-shown) + span.placeholderprefilled {
    font-size: 12px;
}
.main-form-home input#claimusername:not(:placeholder-shown) {
    padding-left: 13px !important;
}
form#claimform {
    margin: 0px 0;
}
.main-form-home input {
        font-size: 14px;
}
.main-form-home input.url-input {
    width: 150px !important;
}
.main-form-home input#claimusername {
        padding-left: 0;
    }    
.main-form-home span.placeholderprefilled {
    left: -1px !important;
}    
.main-form-home input:not(:placeholder-shown) + span.placeholderprefilled {
    opacity: 1;
    font-size: 13px;
}    
    .mob-card-gray .custom-select {
        border: 1px solid #1a1a1a;
        border-radius: 45px;
        padding: 6px 9px;
        height: 35px;
        font-size: 12px;
        margin-left: 8px;
        white-space: nowrap;
        font-weight: 600;
        padding-right: 0;
    }
.mob-card-gray .custom-select span img {
        transform: rotate(0deg);
        margin-left: 5px;
        width: 12px;
        margin-right: 7px;
    }
.mob-card-gray .custom-dropdown {
    border: 1px solid #d8d8d8;
    border-radius: 12px;
    padding: 20px;
    margin-top: 8px;
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 9;
    top: 35px;
    left: 9px;
    z-index: 1;
    min-width: 100px;
}
.mob-card-gray .custom-dropdown label {
    padding: 6px 10px;
    font-size: 12px;
    width: 100%;
    cursor: pointer;
    font-weight: 600;
}    
    .mob-card-gray .custom-select {
        font-size: 10px;
        white-space: nowrap;
        font-weight: 600;
    }   
.dashboard-section.user-prof {
    margin-top: 25px !important;
}    
.static-text .back {
    display: none;
}    
.static-text.announcement h1 {
        font-size: 30px;
        text-indent: 0px;
        padding-left: 0px;
        font-weight: 700;
    }    
    #section-4 .contributor-body {
        max-height: calc(100vh - 40px);
        overflow-y: auto;
        padding-bottom: 400px;
    }
    
.profile-edit{
    max-width: 97%;
    margin: 0 auto;
}    
.notification-alert {
    width: 100% !important;
}
.profile-detail.card {
        padding: 15px 6px;
    }    
.notification-alert .alert-inner {
    left: 0;
}    
.dashboard-section.placeholder-my-pages {
    padding: 25px 8px;
}
.dashboard-section.placeholder-my-pages button.launch-btn {
    font-size: 14px;
}
.placeholder-my-pages .get-ready button.launch-btn img {
    width: 20px;
    margin: 10px 4px;
}    
#share-this-profile .copy-link input[type="text"] {
    padding-right: 33px;
}    
.static-text h1 {
    margin-top: 30px;
    font-size: 30px;
    font-weight: 700;
}
.page-preview .profile-banner-section .cover-image {
        margin: 0px auto 30px;
    }    
.static-text .back {
    margin-top: 20px;
}    
#page-launch-confirmation .popup-inner {
    top: auto;
}    
.form-group.page-launch-url input {
    padding-left: 10px;
    font-size: 11px;
}    
.profile-detail-inner .dropZoneOverlay {
    width: 35px;
    height: 35px;
}
    div#share-with.share-with {
    opacity: 0;
    width: 100%;
    left: 0;
    right: 0;
}    
div#share-with.share-with.show-share-btn {
    opacity: 1;
    bottom: 0 !important;
}
    
.form-group textarea#useruseraboutus {
    padding: 15px 15px;
}    
#pageform .p-username .available-or-not span {
    font-size: 12px;
}

#pageform .p-username .available-or-not {
    position: absolute;
    right: 0px;
    top: 46px;
}
.drop-sec .drop-text p {
    font-size: 12px;
    line-height: 17px;
}
    
.drop-sec .drop-text h3 {
    font-size: 15px;
}    
textarea#pagedescription {
    padding: 10px 10px;
}    
.profile-banner-section {
    margin-top: 20px;
}    
.profile-edit.mt-4 {
    margin-top: 40px !important;
}    
.profile-banner-section .cover-image-container .cover-image > img {
    height: 170px;
}    
.cover-image-container #dropc{height: 170px;}    
.home-gray-box p.signin-text {
        font-weight: 300 !important;
        font-size: 11px !important;
        text-align: center !important;
    }    
.funding-goal-wrapper .custom-btn-box {
    flex-direction: column;
}
.funding-goal-wrapper .custom-btn-box > div {
    width: 100%;
    margin-bottom: 0px;
}
.funding-goal-wrapper .custom-btn-box > div.share {
    margin-bottom: 0;
}
.custom-btn-box .button-set .btn-default {
    height: 60px;
}
.comment-box-text .form-action.d-flex.launch-action.align-items-center.text-right.mb-0.justify-content-end {
    margin-top: 0;
    margin-bottom: 0 !important;
}
.comment-fig {
    width: 40px;
}
.comment-box-text textarea {
    height: 120px;
    font-size: 12px;
}    
.tooltip2 {
        width: 310px;
        max-width: 330px;
        right: 0;
    }
.tooltip2 ul:after {
    left: auto;
    right: 40px;
}
.tooltip-wrapper a {
    font-size: 12px !important;
    float: left;
}    
.banner-mobile-image{display: block; margin-top: 30px;}    
.start-free-top h2 br {
    display: block;
}    
.banner-mobile-image img {
    width: 100%;
    border-radius: 50px;
}    
.home-gray-box .left-sec p {
    font-size: 13px;
    font-weight: 500;
    margin-top: 18px;
    margin-bottom: 18px;
    text-align: center;
    color: #45505d;
}
.footer-top.text-center {
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 15px;
}    
div#supporter .profile-dropdown ul li a {
    padding: 10px 10px !important;
    display: block;
    background: none;
    height: auto;
}
div#supporter .profile-dropdown ul li a img {
    float: right;
}
#contributions-popup .popup-body {
    padding: 20px 10px;
}
.your-comment {
    padding-left: 42px;
}
.your-comment:after {
    padding: 20px 8px;
    left: 16px;
}
#contributions-popup .popup-body {
    padding: 20px 10px 70px;
}
.home-gray-box .left-sec input:focus {
/*    box-shadow: 3px 11px 23px 4px rgba(0, 0, 0, 0.1) !important;*/
}
.page-creation.social-links .launch-action button {
    padding: 12px 25px;
    border: 1px solid #000;
}
.custom-btn-box .button-set .btn-default img {
    width: 150px;
}
    
.dashboard-section.search h4 {
    font-size: 15px;
    font-weight: 600;
}
.live-draft a {
    margin-bottom: 0;
}
div#live {
    margin-top: 0 !important;
}
.notification.d-flex.justify-content-between h4 {
    font-size: 14px;
}
.live-draft a {
    font-size: 15px;
}
.mob-card-gray{background: #f8f8f8}    
.intigration .search-category-box button.btn {
    border: 1px solid #1a1a1a;
    width: 90%;
    padding: 14px 0;
    margin-top: 20px;
}
.intigration .search-category-box p {
        margin: 0;
        font-size: 12px;
    }    
.intigration .search-category-box h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }    
.notification.d-flex.justify-content-between {
    padding-top: 15px;
    padding-bottom: 0;
}    
.mobile-header-inner {
    position: fixed;
    left: 0;
    padding: 11px 15px;
    background: #fff;
    z-index: 9;
    border-bottom: 1px solid #d8d8d8;
}
.mobile-header {
    height: 52px;
}    
#are-you-sure .popup-body p {
    padding: 0 20px;
}    
#profile-popup p {
    font-size: 12px;
}
.all-social-links .vertical-social li, .all-social-links #sociallinksform li {
    margin-bottom: 12px;
    gap: 10px;
}    
#sociallinksform ul li .delete {
    margin-left: 0;
}    
.all-social-links .vertical-social li .delete img {
    float: right;
}    
.mobile-header .mt-10 {
    margin-top: 10px;
}
.mobile-header .mb-15 {
    margin-bottom: 15px;
}    
.cover-image-container .edit-cover-image {
    position: absolute;
    right: 30px;
    bottom: -18px;
}    
.mob-p-0{padding: 0}    
    .d-flex.align-items-center.get-verified-wrapper{flex-direction: column;}
.d-flex.align-items-center.get-verified-wrapper .get-verified {
    width: 100%;
}
.eop-wrapper {
        flex-direction: column;
        align-items: normal;
    }
    .profile-detail.card .edit.dayspanel {
        font-size: 12px;
        align-self: end;
        margin-top: 12px;
        text-align: right;
        align-self: end !important;
        justify-content: flex-end;
    }
.linked-account-tabbing a {
    font-size: 11px;
    padding: 10px 10px;
}    
.eop-wrapper > div {
    width: 100%;
    justify-content: space-between;
}    
.linked-account .get-verified {
    margin-top: 20px;
    display: block;
    margin-bottom: 20px;
}
.time-less.ml-15 {
    margin: 0 !important;
    width: 100%;
    margin-bottom: 55px !important;
}    
.search-panel div#supporter .user-detail h3 {
    font-size: 14px !important;
}    
.dashboard-inner .search-bar .search {
    display: none;
}    
.search.hide-on-desktop .search-panel span.search-icon {
    left: 15px !important;
    transform: none !important;
    top: 17px !important;
}    
.search-panel  input{
        width: 100% !important;
    }    
.selected-options ul li {
    width: auto;
}

.selected-options ul {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    border: none;
    box-shadow: none;
    justify-content: flex-start!important;
}  
.selected-options ul li{width: auto !important}    
.selected-options img {
    display: inline-block !important;
    filter: invert(0) !important;
}
.selected-options ul {
    gap: 5px !important;
    position: static !important;
    flex-direction: row !important;
    box-shadow: none !important;
}    
.selected-options ul li a {
        color: #1a1a1a;
        padding: 10px 10px;
        display: block;
        border: 1px solid #d8d8d8;
    }    
#header-main .owner-detail {
    display: none;
}
.nav li.search.hide-on-desktop button {
    font-size: 0;
    display: none;
}    
#share-this-profile .social-links ul {
    flex-wrap: wrap;
}    
    #share-this-profile .popup-inner {
        top: 10px;
    }
    #header-main .nav {
        float: right;
        width: auto;
        display: flex !important;
        justify-content: end;
        padding-right: 35px;
        flex-direction: row;
        flex-wrap: nowrap;
    }
.nav.d-flex.align-items-center.gap-2.nlty {
    padding-right: 0 !important;
    width: auto !important;
}    
.search-panel {
        right: 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        bottom: 0;
        border-radius: 0;
        z-index: 99;
    }
.search-panel input {
        padding: 0;
        font-size: 14px !important;
        padding-left: 25px !important;
    }    
.search-panel .search-bar {
    padding: 6px 12px;
}    
.search-bar span.search-icon {
    left: 30px;
}    
/*
#contribution .popup-inner {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: auto;
    border-radius: 20px;
    width: 92%;
}
*/
.lava a {
    font-size: 12px;
}
.amount-box label {
    font-weight: 700;
    font-size: 12px;
}
.recommended {
    font-size: 8px;
    letter-spacing: 0px;
    bottom: 0;
}    
#section-3 .contributor-body {
    padding: 25px;
    border-top: 1px solid #d8d8d8 !important;
    min-height: 240px;
    max-height: 60vh;
    overflow-y: auto;
}
/*
    #section-3 .contributor-body {
        padding: 15px 0;
        border-top: none !important;
        min-height: 210px;
        max-height: calc(100vh - 570px);
        overflow-y: auto;
    }
*/
    #section-3 .contributor-body {
        padding: 15px 0;
        border-top: none !important;
        min-height: 210px;
        /* max-height: calc(100vh); */
        overflow-y: auto;
        padding-bottom: 90px;
    }    
    
#section-3 .transaction-summary .comment-box-text textarea {
    height: 89px;
    font-size: 12px;
    padding: 11px;
}    
#section-3 .popup-footer {
    padding-top: 12px;
}
#section-3 .popup-footer {
        padding-top: 12px;
        position: fixed;
        bottom: 0;
        z-index: 999;
        background: #ffffff;
        padding-bottom: 11px;
    }
.name-and-comment p {
    margin: 0 25px;
}
#section-3 .contributor-body h4 {
        padding: 0 25px;
    }
.name-and-comment .form-group {
    margin: 10px 25px;
}
#section-3 .do-not-show {
    padding: 15px 25px;
}
    #section-3 .contributor-body .transaction-summary li {
        padding: 5px 25px;
    }
    
.profile-preview {
    max-width: 98%;
}    
.form-action.d-flex.launch-action {
        justify-content: space-between;
}
.form-action.launch-action button#submitbtn {
    min-width: 100px;
    flex: 1;
}    
.search-category-box {
    padding: 15px;
}
.search-category-box p {
    margin: 0;
    font-size: 10px;
}    
.search-category-box h3 {
    font-size: 15px;
    margin-bottom: 10px;
}    
.social-links li a {
    padding: 0 15px;
    padding-left: 10px;
}   
.social-icon {
    margin-right: 0;
}
.page-creation.social-links .delete img {
    width: 18px;
}
.page-creation.social-links li input[type="text"] {
    border-radius: 15px;
    padding: 0 12px;
    height: 40px;
}    
.funding-goal-wrapper-inner {
        flex-direction: column;
        gap: 4px !important;
}
.f-amount {
    margin-bottom: 15px;
}
.page-creation.social-links .button-set {
    flex-direction: column;
}
.page-creation.social-links .button-set .btn-default {
    width: 100%;
}    
.page-creation.social-links .button-set a.btn-normal {
    width: 100%;
}    
.page-creation.social-links .default-btn {
    padding-top: 30px;
    padding: 25px 20px 25px;
}
.custom-btn {
    margin-top: 0;
}    
.custom-btn-box .button-set {
    height: 200px;
}
.custom-btn-box .button-set .btn-default {
    width: 90% !important;
    padding: 15px 0;
}
.contribute-now .custom-btn-box .button-set .btn-default {
        width: 100% !important;
        padding: 15px 0;
    }    
span.custom-text {
    font-size: 20px;
    margin-left: 5px;
    font-weight: 600;
}    
.additional-addons {
    margin-top: 30px;
    gap: 10px;
    flex-direction: column;
}    
.additional-addons button {
    padding: 12px 0;
    font-size: 15px;
}    
.page-creation.social-links div#main-wraper.br40 .custom-btn {
        padding-bottom: 20px !important;
    }    
div#main-wraper.br40 .custom-btn a.btn-default {
    width: 90%;
}
.form-action.d-flex.launch-action.align-items-center.text-right.mb-0.justify-content-end {
    margin-bottom: 30px !important;
}    
.vertical-social li .delete {
    margin-left: 5px;
}    
#header-main .mob-menu-panel .d-flex.gap-2.user-login {
    display: none !important;
}
#header-main .owner-detail h3 {
    font-size: 12px;
}
#header-main .owner-detail p {
    font-size: 12px;
    margin-bottom: 0;
}    
#header-main .owner-image {
    width: 35px;
    height: 35px;
}
.user-login {
    margin-left: 0;
}    
.profile-description.about-description {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}
.profile-preview .col-md-7 {
    order: 2;
}

.profile-preview .col-md-5 {
    order: 1;
}    
.profile-preview ul.d-flex li a img {
    width: 20px;
}
.funding-goal {
    margin-left: 0;
}
.total-amount {
    font-size: 20px;
}
.target {
    padding: 8px 12px;
    font-size: 10px;
}
.contribute-now.d-flex.justify-content-between.align-items-center {
    flex-direction: row;
}
    
.contribute-now button.contribute {
        padding: 17px 17px;
        margin-bottom: 0;
        font-size: 14px;
    }
.contributor-list-bg {
    width: 40px;
    height: 40px;
}
.amount-contributes {
    font-size: 12px;
}
.contributor-detail h4 {
    font-size: 12px;
    margin: 0;
}
.contributor-detail p {
    font-size: 12px;
    margin: 0;
}
.funding-goal {
        margin-left: 0;
        margin-bottom: 20px;
}
.profile-banner-section .cover-image-container {
    width: 100%;
}    
.profile-banner-section .cover-image-container .edit-profile {
        bottom: -49px;
        display: flex !important;
        gap: 10px;
    }
.profile-banner-section .cover-image-container .edit-profile a {
    padding: 11px 13px;
    font-size: 12px;
}    
.profile-preview ul.d-flex li a {
    width: 35px;
    height: 35px;
}
.profile-preview ul.d-flex {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}
.profile-banner-section .user-image {
    width: 70px;
    left: 20px;
    border: 4px solid #fff;
    height: 70px;
    background: #fff;
}
#Followers-popup .user-image {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}    
.profile-banner-section .cover-image {
    margin: 30px auto;
}
.leave-a-comment h3, .page-owner h3, .top-contributor h3 {
    font-size: 16px;
    font-weight: 600;
}
.leave-a-comment a {
    margin-top: 0;
}    
.Withdraw-funds a {
    padding: 15px 18px;
    font-size: 14px;
}
div#payout-history .gap-5.mt-4 .date {
    width: 33.3%;
}    
.profile-header select, .select-days select {
    word-wrap: normal;
    border: 1px solid #1a1a1a;
    border-radius: 38px;
    height: 47px;
    margin-left: 15px;
    padding: 0 11px;
    font-size: 10px;
    appearance: none;
    font-weight: 600;
    background: url(../images/arrow-angle.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center right 14px;
    padding-right: 35px !important;
    outline: none;
}
.eop-wrapper{flex-direction: column; align-items: end;}    
.popup-inner {
    position: absolute;
    top: 0;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;
    border: 1px solid #d8d8d8;
    border-radius: 45px 45px 0 0;
    width: 100%;
    transform: none;
    left: 0;
    top: calc(100vh - 80%);
    bottom: 0;
}
#delete-popup .popup-inner, #delete-popup-post .popup-inner {
    width: 100%;
    max-width: 100%;
    top: auto;
}      
#profile-popup .popup-inner {
    top: auto;
}
#contribution #section-5 .contributor-body h4 {
    margin-bottom: 15px;
    line-height: 25px;
} 
  
/*
#contribution .popup-inner {
         left: 0 !important; 
    right: 0 !important;
         transform: none !important; 
         bottom: 0; 
        border-radius: 20px 20px 0 0;
        width: 100%;
        top: calc(100vh - 570px);
} 
*/
    #contribution .popup-inner {
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        bottom: 0;
        border-radius: 20px 20px 0 0;
        width: 100%;
        bottom: 0;
        top: 10px;
    }    
#add-text-popup .popup-inner {
        top: auto;
        bottom: 0;
    }
#add-text-popup .contributor-body {
    min-height: auto;
}    
#are-you-sure .popup-inner {
    bottom: 0 !important;
    top: auto;
}
div#main-wraper.br40 {
    border-radius: 20px !important;
    margin-bottom: 30px;
/*    margin-top: 90px;*/
}    
    
div#main-wraper.br40 .cover-image-container .user-image {
    width: 70px;
    left: 10px;
    border: 4px solid #fff;
    border-radius: 50%;
    height: 70px;
    background: #fff !important;
}    
div#main-wraper.br40 .cover-image img {
    width: 100%;
    border-radius: 20px 20px 0 0;
}
div#main-wraper.br40 .page-creation.social-links {
    border-radius: 35px;
    padding: 0 0;
}   
div#main-wraper.br40 .custom-btn {
    padding-top: 40px;
    padding: 20px 20px;
    padding-bottom: 0;
}    
.mob-mt-0{margin-top: 0 !important;}    
.opac-on-mob{ opacity: 0;}    
.profile-header h3 {
    font-size: 14px;
}    
    
.mob-mb-10{ margin-bottom: 10px !important}    
    .profile-header select, .select-days select {
        height: 30px;
        margin-left: 10px;
        padding: 0 4px;
        font-size: 10px;
        background-position: center right 8px;
        padding-right: 23px !important;
        background-size: 10px !important;
    }
.user-prof .profile-header h3 {
        font-size: 16px;
        font-weight: 700;
    }    
.edit img {
    width: 12px;
    margin-right: 0 !important;
}
.earning-wrapper .edit img {
        width: 12px;
        margin-right: 4px !important;
        float: left;
        margin-top: 2px;
    }    

.profile-detail.card .edit {
    font-size: 12px;
    }
.total-contribution-wrapper {
    flex-direction: column;
    gap: 12px !important;
}
.side-main-menu-dashbaord {
    width: 20px;
    margin-left: 10px;
    align-self: center;
    display: block;
}
    .side-pannel-inner{transition: all 0.5s ease;}    
.side-pannel-inner {
    z-index: 999;
}
.side-pannel-inner.open-side-panel {
    z-index: 999;
    left: 0 !important;
}    
.side-panel .shadow {
    background: #000000a8;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    display: none;
}    
.side-pannel-inner.open-side-panel + .shadow{display: block}   
.side-pannel-inner {
    padding-left: 0;
}
.side-panel .logo {
        margin: 20px 20px 0px;
        width: 35px;
    }    
.side-main-menu-dashbaord img{width: 100%}    
.drop-right ul {
    padding: 0;
    margin: 0 !important;
}
.drop-right .side-menu ul li a {
    color: #243234;
    text-decoration: none;
    padding: 10px 12px;
    display: block;
    font-size: 14px;
    font-weight: 500;
}    
.drop-right .side-menu img {
    width: 16px;
    margin-right: 7px;
}    
.drop-right .side-menu {
    padding: 10px 0;
}    
.mobile-header {
    display: block;
}    
.mobile-header h2 {
        margin: 0;
        font-weight: 700;
        font-size: 16px;
        height: auto;
}
.mobile-header .user-icon {
        width: 25px;
        height: 25px;
    }    
.mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mobile-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 59px;
        padding: 10px 10px;
        border-bottom: 1px solid #d8d8d8;
}
.drop-right > img {
    width: 20px;
}    
.drop-right {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #d8d8d8;
    border-radius: 28px;
    padding: 2px 8px;
    padding-right: 0;
    position: relative;
}    
.drop-right .side-menu {
    position: absolute;
    right: 0;
    top: 32px;
    z-index: 99;
    background: #fff;
    width: 220px;
    border: 1px solid #d8d8d8;
    display: none;
}
.bank-row .user-detail h3 {
        font-size: 12px !important;
}
.bank-row .available {
    font-size: 12px;
    padding: 0px 10px;
    padding-right: 0;
}
.bank-row .user-icon {
    width: 40px;
    height: 40px;
    margin-right: 5px;
}    
    .header-dashboard.d-flex.justify-content-between.align-items-center{position: relative; overflow: hidden;}
.header-dashboard.d-flex.justify-content-between.align-items-center:after {
    content: "";
    background: #f8f8f8;
    height: 100%;
    position: absolute;
    left: -100px;
    z-index: 9;
    width: 100px;
}
.header-dashboard.d-flex.justify-content-between.align-items-center:before {
    content: "";
    background: #f8f8f8;
    height: 100%;
    position: absolute;
    right: -100px;
    z-index: 9;
    width: 100px;
}    
.hide-on-mob {
    display: none;
}    
div#live .card-body {
        padding: 15px;
        padding-top: 55px;
    }    
.profile-detail-inner p {
    font-size: 12px;
    line-height: 17px;
} 
.card-body {
    padding: 0;
}
.vertical-social li input[type="text"] {
    font-size: 12px;
}    
.user-detail h3 {
    font-size: 14px !important;
}
.user-detail p {
    font-size: 13px;
}
.profile-detail.card {
    border-radius: 20px;
    padding: 20px 30px;
}    
.earning-amount {
    font-weight: 800;
    font-size: 50px;
}
.col-md-4.sticky-side-panel {
    display: none;
}
.preview-btn a {
    padding: 8px 12px;
    font-size: 12px;
}
.note div {
    width: 20px;
    flex-shrink: 0;
}
.user-icon {
    width: 35px;
    height: 35px;
    margin-right: 3px;
    flex-shrink: 0;
}    
.footer ul {
    flex-wrap: wrap;
    font-size: 12px;
}
.footer p {
        font-size: 12px;
        text-align: center;
}
.footer-social h3 {
    text-align: center;
}    
.footer ul li a {
    font-size: 12px;
}
.footer .footer-logo {
    max-width: 120px;
    margin: 0px auto 20px;
}
.footer-top.text-center img {
    margin-right: 5px;
    width: 15px;
}    
img.footer-angle-right {
    width: 6px !important;
    margin-left: 7px !important;
}
.footer-top.text-center {
    font-size: 13px;
}    
.footer {
    color: #9a9d9f;
    margin: 30px 0 0;
}    
.home-gray-box .left-sec {
        padding: 40px 15px;
        padding-right: 20px;
    }
.home-gray-box .left-sec h1 br {
    display: none;
}    
.home-gray-box {
    margin-top: 15px;
}
.home-gray-box .left-sec h1 {
        font-weight: 800;
        font-size: 28px;
        text-align: center;
        color: #243234;
    }
.home-gray-box .left-sec form + p {
    font-weight: 300;
    font-size: 10px;
    text-align: center;
}    
.home-gray-box .left-sec form {
    display: flex;
    flex-direction: column;
}    
.home-gray-box .left-sec input {
    height: 50px;
    font-size: 14px;
    padding: 0 20px;
    padding-left: 20px;
    color: #000;
}
.home-gray-box .col-md-5 {
    display: none;
}
.start-free {
    padding: 50px 15px;
}
.start-free {
    margin-bottom: 30px;
    margin-top: 30px;
}
.footer ul {
    flex-direction: column;
    text-align: center;
}
.footer .footer-social ul {
        flex-direction: row;
        text-align: center;
        justify-content: center;
    }    
.footer .footer-social ul li a {
        padding: 4px 10px !important;
        display: block;
    }    
.footer ul .dots {
    display: none;
} 
.footer ul li a {
    padding: 4px 15px;
    display: block;
}
.footer {
    padding: 40px 0 30px;
}   
.how-to-start h2 {
    margin-bottom: 30px;
}    
.start-free-sec .col-6 {
    width: 100%;
}
.nav li.search {
    display: block;
}
.nav li.search.hide-on-desktop {
        display: block;
        margin-right: 10px;
        width: 37px;
        opacity: 1;
        background: #fff;
        border: 1px solid #d8d8d8;
        height: 37px;
        border-radius: 50%;
}
.nav li.search.hide-on-desktop img {
    width: 16px;
}
.nav li.search.hide-on-desktop .search-icon {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}    
.inner-free-sec {
    padding: 10px 10px 10px;
}
.start-free-top h2 {
    font-size: 30px;
}
.how-to-start h2 {
    font-size: 30px;
}
.how-to-start h2 br{display: none;}    
.inner-free-sec h2 {
    color: #243234;
    font-size: 20px;
}
    
    .start-free-sec .note p {
        font-size: 11px;
        text-align: left;
        margin: 0;
        line-height: 12px;
        margin-top: 15px;
        text-align: center;
        line-height: 15px;
    }
.start-sec {
    padding: 30px 40px;
        border-radius: 45px;
        padding-top: 30px;
        margin-bottom: 20px;
}    
button.btn.btn-green {
    width: 100%;
    padding: 15px 0;
    margin-top: 10px;
    text-align: center;
    justify-content: center;
}   
.home-gray-box .left-sec h1 br {
/*    display: none;*/
}    
    .home-gray-box .left-sec h1 {margin-bottom: 0}    
.home-gray-box .left-sec form {
    align-items: end;
}    
.mob-logo.hide-on-desktop img {
    width: 115px;
}
.mob-logo.hide-on-desktop.dashboard-logo img {
    width: 30px;
}
.right-side-panel {
    width: 100%;
}
button.launch-btn img {
    width: 12px;
}

button.launch-btn {
        background: #6855ff;
        border: none;
        padding: 10px 10px;
        border-radius: 65px;
        font-weight: 600;
        font-size: 12px;
        margin-left: 10px;
        white-space: nowrap;
        color: #243234 !important;
}
#header-main button.launch-btn {
        background: #6855ff;
            color: #fff !important;
}
button.launch-btn {
        margin-left: 0;
    }     
    select {
    color: #243234 !important;
}
.profile-detail.card {
    padding: 15px 8px;
}
.notification.d-flex.justify-content-between .left-sec {
    width: 85%;
}    
.mob-card-gray{
                padding: 20px 15px !important;
    }    
.side-panel {
    background: #fff;
    width: auto;
    padding: 0;
}
.notification.d-flex.justify-content-between p {
    margin-bottom: 0;
/*    line-height: 15px;*/
    font-size: 12px;
}
.delete-account{flex-direction: column;}    
.search input {
        height: 35px;
        width: 35px;
        padding: 0;
        font-size: 0;
}
.dashboard-inner {
    background: #fff !important;
}
.header-dashboard.d-flex.justify-content-between.align-items-center {
        padding: 10px 0;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        padding: 10px 15px;
}
.dashboard-section {
    margin-top: 60px;
}
.mobile-header +  .container .dashboard-section {
    margin-top: 0px;
}    
    
.search-bar.d-flex .search img {
    width: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}    
.side-pannel-inner {
    left: -270px;
}    
.hamburger-icon {
    display: block;
}    
    nav ul li a {
    color: #fff;
    padding: 5px 0;
    display: block;
}
.notification.d-flex.justify-content-between .left-sec {
        width: 100%;
        margin-bottom: 15px;
    }
.notification .delete-btn a {
    text-align: center;
}    

.nav ul li {
    margin: 0;
}
.nav ul {
    position: absolute;
    flex-direction: column;
    margin: 0;
    padding: 0;
    right: 0;
    background: #fff;
    left: 15px;
    right: 15px;
    width: auto;
    border-radius: 10px;
    top: 60px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1)
}
.nav ul {
        display: flex;
        justify-content: flex-end;
        list-style: none;
        margin: 0;
        align-items: center;
        right: 15px;
        width: auto;
       display: none;
}
.nav ul {
        position: absolute;
        flex-direction: column;
        margin: 0;
        padding: 0;
        right: 0;
        background: #fff;
        left: 15px;
        right: 15px;
        width: auto;
        border-radius: 10px;
        top: 60px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        border: 1px solid #d8d8d8;
        width: 170px !important;
        right: 15px !important;
        left: auto;
        border-radius: 20px;
    }    
.nav ul li a {
    color: #1a1a1a;
    padding: 10px 15px;
    display: block;
    border: none !important;
}
.nav .selected-options ul li a {
        padding: 7px 10px !important;
        font-size: 10px !important;
        font-weight: 600 !important;
    }    
.nav ul li {
    width: 100%;
}    
.nav ul li a img {
    filter: invert(1);
    margin-left: 10px;
    margin-right: 5px;
    display: none;
}
li.btn-tab {
    padding-left: 0px;
}
#header-top {
    height: 50px;
}    
.login-signup {
    max-width: 450px;
    margin: 30px auto 30px;
    text-align: center;
    max-width: 90%;
    width: 90%;
}
.login-signup .form-area {
    border-radius: 40px;
    padding: 30px;
    background: #f4f4f4;
    border: 1px solid #d8d8d8;
}
.form-action {
    padding: 10px 0 0;
    margin-top: 15px;
}
.form-group label {
    font-size: 14px;
}
#header-main {
    position: fixed;
} 
.hamburger-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}    
#header-main {
    padding: 10px 0;
}    
 div#contributions {
    text-align: center;
    padding: 60px 0 0;
    background: #f8f8f8;
    border-radius: 55px;
}
.csr-inner {
        background: #fff;
    padding-bottom: 0;
    }
div#csr {
    padding: 20px 0 0;
}    
}

@media screen and (max-width:380px){
.banner-top-section h1 {
        font-size: 23px;
    }    
    .logo {
        width: 110px;
    }
    button.launch-btn {
    font-size: 11px;
}
.banner-top-section .banner-center h1 span img.heighlight {
    width: 87px;
    left: 20px;
    top: 27px;
}    
.banner-center-top img.icon02 {
        left: 95px;
        top: -26px;
    }    
}