/*========================== Font family =======================*/
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap");

/*=================== Newsletter common CSS ====================*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
ul,
li,
a {
    font-family: "Source Sans Pro", sans-serif;
    /* font-style: normal; */
}

a[href][type="button"] {
    color:black;
}

a[href][type="button"]:hover{
    color:white;
}

.post_desciption p a[href]{
    text-decoration: underline;
    color:black;
}
.newsletter-bold-text a{
    text-decoration: none !important;
}

.btn-community, .btn-place{
    color:white !important;
}

* {
    margin: 0;
    padding: 0;
}

.mt-16 {
    margin-top: 16px;
}

.secondary-container {
    max-width: 640px;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.newsletter-global-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    max-width: 640px;
    width: 100%;
    padding: 0;
}
.newsletter-global-container > div, .newsletter-global-container > section {
    width: 100%;
}

/* .secondary-container-pad {
    padding: 0 24px 0 22px;
    padding: 0;
} */

.min-h-28 {
    min-height: 28px;
}
.min-h-46 {
    min-height: 46px;
}
.min-h-66 {
    min-height: 66px;
}

.bg-off-white {
    background-color: #f9f9f9;
}

.green-card {
    background-color: #e7f6f2;
}

.pitch-card {
    background-color: #F5EFE6;
}

.bg-coffee {
    background-color: #f5efe6;
}

.newsletter-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.07px;
    color: #212121;
    word-wrap: break-word;
    word-break: break-word;
}

.newsletter-text p {
    word-wrap: break-word;
    word-break: break-word;
}

.newsletter-bold-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.08px;
    color: #2C2C2C;
}

.newsletter-primary-heading {
    font-size: 36px;
    font-weight: 600;
    line-height: 43px;
    letter-spacing: 0.08px;
    color: #212121;
}
.w-100-percent {
    width: 100%;
}
.nl-p-16 {
    padding: 16px !important;
}
.nl-pt-8 {
    padding-top: 8px !important;
}
.nl-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.nl-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.post_with_join_discuss{
    display: inline-flex
}
.join_discusstion_text{
    /* margin: -3px 0px 0px 4px; */
    text-decoration: none;
}

section.advertisement img {
    width: 100%;
    padding: 0 !important;
}

section.advertisement .container {
    padding: 16px 24px 24px 24px;
    background-color: #f9f9f9;
}

.custom-preview-full .preview-card {
    min-height: 100px !important;
}

.newsletter-secondary-heading {
    font-size: 22px;
    font-weight: 600;
    color: #212121;
    line-height: 26px;
}

.newsletter-third-heading {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.005em;
    color: #2c2c2c;
    line-height: 26.4px;
}

.newsletter-third-heading a,
.newsletter-third-heading a:hover,
.newsletter-third-heading a:focus {
    color: #1e73ff;
}

.news-gap-16 {
    margin-top: 16px;
}

/* .news-gap-24 {
    margin-top: 24px;
} */

/* .news-gap-32 {
    margin-top: 32px;
} */

.news-ml-10 {
    margin-left: 10px;
}

.news-round-image {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
}

.profile-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 22.4px;
    letter-spacing: 0.005em;
    color: #2c2c2c;
}

.comic-title {
    margin: 0 0 16px 0;
    width: 100%;
}

.nl-lg-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    color: #212121; 
}

.nl-market-title, .nl-market-title:hover, .nl-market-title:focus {
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.09px;
    color: #2C2C2C;
}

.nl-md-title, .nl-md-title:hover, .nl-md-title:focus {
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.07px;
    color: #2C2C2C;
}

.social-date {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.06px;
    line-height: 18px;
    color: #666666;
}

.post-text {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.005em;
    line-height: 14.4px;
    color: #2c2c2c;
}

.info-bold {
    color: #000000;
    font-weight: 700;
    margin-left: 2px;
}

.post-text-bold {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.005em;
    line-height: 14.4px;
    color: #2c2c2c;
}

.tips-desc-box .link{
    text-decoration: underline;
}

.social-place,
.social-place:hover,
.social-place:focus {
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.06px;
    color: #666666;
    /* margin-top: -8px; */
    margin-left: 4px;
}

.social-place a{
    color: #666666;
}

.dot {
    position: relative;
}

.dot::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #d9d9d9;
    top: 7px;
    right: 0;
    border-radius: 50%;
}

.social-text {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.005em;
    line-height: 28.8px;
    color: #272727;
}

.radius-img {
    /* border-radius: 4px 4px 0 0; */
}

.left-radius-img {
    border-radius: 4px 0 0 4px;
}

.right-radius-img {
    border-radius: 0 4px 4px 0;
}

/*================ View section CSS ================*/
.newsletter-view {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 4%;
}

.view-text {
    margin: 12px 0 0 0;
}

.view-text a,
.view-text a:hover,
.view-text a:focus {
    text-decoration: none;
    color: #000000;
    position: relative;
}

.view-text a::after {
    content: url("../../images/view.svg");
    position: absolute;
    top: 0;
    right: -20px;
}

/*================ Newsletter logo CSS ===============*/
.newsletter-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
}

.newsletter-logo a,
.newsletter-logo a:hover,
.newsletter-logo a:focus {
    text-decoration: none;
}

/*=================== Newsletter place CSS =================*/
.newsletter-location {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 17px;
}

.newsletter-location span {
    color: #000000;
}

.newsletter-date {
    padding-right: 8px;
    position: relative;
}

.newsletter-date::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 13px;
    top: 5px;
    right: 0;
    background-color: #b1b2b3;
}

.newsletter-place {
    margin-left: 8px;
}

/*======================== Notification CSS =======================*/
.newsletter-notification {
    padding: 16px 0;
    margin-top: 27px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.newsletter-notification-box {
    max-width: 445px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.newsletter-notification p {
    margin-bottom: 0;
}
.newsletter-notification-item, .newsletter-notification-item:hover, .newsletter-notification-item:focus {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.07px;
    color: #212121;
}

.profile-icon a,
.profile-icon a:hover,
.profile-icon a:focus,
.message-icon a,
.message-icon a:hover,
.message-icon a:focus,
.notification-icon a,
.notification-icon a:hover,
.notification-icon a:focus {
    position: relative;
    text-decoration: none;
    color: #212121;
}
.profile-icon, .message-icon, .notification-icon{
    color: #212121 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 22px !important;
}
.profile-icon a::before {
    content: url("../../images/profile.png");
    position: absolute;
    top: 0px;
    left: -25px;
}

.message-icon a::before {
    content: url("../../images/message.svg");
    position: absolute;
    top: 0px;
    left: -27px;
}

.notification-icon a::before {
    content: url("../../images/notification.svg");
    position: absolute;
    top: 0px;
    left: -25px;
}

/*========================= Greeting card CSS =====================*/
.greeting-card {
    padding: 24px 0px;
    /* box-shadow: 0px 2.25px 4px rgba(0, 0, 0, 0.099); */
    border-radius: 4px;
}

.signature {
    margin-top: 16px;
}

/*======================== Social Greeting card CSS =======================*/
.social-greeting-card {
    /* box-shadow: 0px 2.25px 4px rgba(0, 0, 0, 0.099);
    border-radius: 4px; */
    margin-bottom: 32px;
}

.social-card-details {
    /* padding: 24px 16px 16px 16px; */
    padding: 24px 0px 16px 0px;
}

.profile-text a,
.profile-text a:hover,
.profile-text a:focus {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.07px;
    color: #2c2c2c;
}

.profile-text a i,
.profile-text a i:hover,
.profile-text a i:focus {
    color: #1e73ff;
}

.btn-photo-upload, .btn-photo-upload:hover, .btn-photo-upload:focus {
    display: inline-block;
    text-decoration: none;
    padding: 11px 26px;
    border: 1px solid #000000;
    color: #000000;
    border-radius: 50px;
    background-color: #ffffff;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.07px;
}

.social-card-img img {
    width: 100%;
    max-height: 400px;
}

.social_cart_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

/* .social-card-avatar-description {
    margin: 10px 0 0 8px;
} */

.social-card-avatar {
    width: 100%;
    max-width: 40px;
}

.social-card-avatar-description h4 {
    margin-bottom: 0;
}

.social-card-profile {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 70%;
    gap: 8px;
}

.social-card-location {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.social-card-location h5 {
    padding-right: 8px;
}

.social-card-location h6 {
    margin-left: 4px;
}

.social-card-post {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ededed;
    border-radius: 4px;
    padding: 8px 16px;
}

.social-card-post input,
.social-card-post input:focus {
    border: none;
    outline: 0;
    box-shadow: none;
    width: 200px;
}

.social-card-post input::placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: 0.005em;
    color: #2c2c2c;
}

.social-card-post a,
.social-card-post a:hover,
.social-card-post a:focus {
    color: #000000;
    text-decoration: none;
    white-space: nowrap;
}

/*====================== Newsletter Tips ======================*/
.news-tips {
    padding: 16px 32px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.news-tips-list {
    padding: 13px 32px;
    border-bottom: 1px solid #e0e0e0;
}

.news-tips-list ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
}

.news-tips-list ul li a {
    border: 1px solid #ffffff;
    border-radius: 50px;
    text-decoration: none;
    color: #212121;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.08px;
    padding: 5px 12px;
    transition: 0.3s all ease-in-out;
    white-space: nowrap;
}

.news-tips-list ul li a:hover,
.news-tips-list ul li a:focus {
    border: 1px solid #000000;
    border-radius: 50px;
}

.tips-card {
    /* box-shadow: 0px 2.25px 4px rgba(0, 0, 0, 0.099); */
    /* border-radius: 0 0 4px 4px; */
}

/* section.newsletter-blog-post .container {
    padding: 0;
} */

.tips-desc-box {
    /* padding: 8px 16px 4px 16px; */
    padding: 8px 0px 4px 0px;
}
.nl-desc-box {
    padding: 16px;
}
.tips-desc-box p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.08px;
    color: #616161;
    margin-bottom: 0;
}

a{
    color:black;
}

.tips-desc-box h4 {
    margin: 8px 0;
}

/*================== Divide Tips card CSS ===================*/
.divide-tips-card {
    /* box-shadow: 0px 2.25px 4px rgba(0, 0, 0, 0.099); */
    /* border-radius: 0 0 4px 4px; */
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.divide-tips-card .tips-card-img {
    width: 68%;
}

.divide-tips-card .tips-card-img img {
    height: 100%;
    object-fit: cover !important;
}

.divide-tips-card .tips-desc-box {
    width: 100%;
    padding: 16px;
}
.divide-tips-card .tips-desc-box.flat-component-box {
    padding: 0;
}
.flat-card-component {
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}
.divide-tips-card .tips-desc-box h5 {
    margin-bottom: 16px;
}

.divide-tips-card .tips-desc-box .post_desciption {
    padding-top: 12px;
    /* border-top: 1px solid #ededed; */
    border-bottom: none;
    word-wrap: break-word;
}
.community-card .tips-card-img {
    width: 50%;
}
.community-card .flat-card-component {
    width: 50%;
}
.community-color-card {
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}
.comic-box {
    margin-top: 16px;
}
.comic-box p {
    color: rgba(44, 44, 44, 0.60);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.07px;
    margin-bottom: 0;
}
.comic-box .italic-text {
    color: #000000;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.07px;
    text-decoration-line: underline;
}

/*====================== Post box CSS =====================*/
.post-time-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0px;
    gap: 16px;
    border-top: 1px solid #ededed;
}

.post-time-box h6 {
    margin-bottom: 0;
    /* margin-left: 24px; */
    white-space: nowrap;
}

.post-time-box h6 a {
    text-decoration: none;
    color: #2c2c2c;
}

.post-time-box h6 a:hover,
.post-time-box h6 a:hover:focus {
    color: #2c2c2c;
}

.calendar-icon,
.clock-icon,
.location-icon {
    position: relative;
}

.calendar-icon::before {
    content: url("../../images/calendar-event.svg");
    /* position: absolute;
    top: -3px;
    left: -25px; */
    vertical-align: middle;
    padding: 5px;
}

.clock-icon::before {
    content: url("../../images/clock.svg");
    vertical-align: middle;
    padding: 5px;
}

.location-icon::before {
    content: url("../../images/location.svg");
    /* position: absolute;
    top: 0;
    left: -16px; */
    vertical-align: middle;
    padding: 5px;
}

.mini-card .post-time-box {
    border-bottom: 1px solid #ededed;
}

/*================= Flat tips card without image CSS ==================*/
.tips-card-flat {
    padding: 24px 0px 0px 0px;
}

.tips-card-flat h4 {
    color: #2c2c2c;
}

.tips-card-flat h5 {
    margin-bottom: 16px;
}

.tips-card-flat .post-time-box {
    justify-content: flex-start;
}

.tips-card-flat .post-time-box h6 {
    margin-right: 36px;
    white-space: nowrap;
}

/*=================== Advertisement CSS ====================*/
.advertisement {
    position: relative;
}

.advertisement h5 {
    text-transform: uppercase;
    margin-bottom: 8px;
}

.advertisement-pad {
    padding: 16px 34px 16px 32px;
}
/* .advertisement-pad-y {
    padding: 16px 0;
} */

/* .advertisement img {
    border-radius: 10px;
} */

.advertisement .btn-close {
    position: absolute;
    top: 25px;
    right: 5px;
    background-color: #ffffff;
    opacity: 1;
    border-radius: 0;
    padding: 5px;
}

/*=================== Comic box CSS ==================*/
.comic-box {
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
    padding: 16px 0px 4px 0px;
}

.comic-box h3 {
    margin-bottom: 0;
}

.social-icon-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    margin-bottom: 0;
}

.social-icon-list li:not(:last-child) {
    margin-right: 25px;
}

/*=================== Profile note CSS ==================*/
.profile-note {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #ededed;
}

.green-card .profile-note, .pitch-card .profile-note {
    border-bottom: 1px solid #f6f6f6;
}

.profile-note img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.mini-card .profile-note img {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50%;
}

.mini-card .profile-note {
    padding-bottom: 8px;
}

.profile-note h2 {
    position: relative;
    margin: 0 0 8px 8px;
}

.profile-note h3 {
    margin: 0 0 0 8px;
}

.profile-note h2::after {
    position: absolute;
    content: url("../../images/write-paper.svg");
    top: 2px;
    right: -25px;
}

/* .profile-name-details {
    margin-left: 16px;
} */

.profile-name-details span {
    display: block;
}

.profile-name-details span a,
.profile-name-details span a:hover,
.profile-name-details span a:focus {
    text-decoration: none !important;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.08px;
    color: #666666 !important;
}

/*================== Community CSS ====================*/
.community {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.community h3 {
    text-transform: uppercase;
}

.btn-community {
    padding: 11px 37px;
    background-color: #000000;
    word-wrap: nowrap;
    border: none;
    outline: 0;
    box-shadow: none;
    color: #ffffff;
    border-radius: 50px;
}

.btn-place {
    padding: 11px 39px;
    background-color: #000000;
    word-wrap: nowrap;
    border: none;
    outline: 0;
    box-shadow: none;
    color: #ffffff;
    border-radius: 50px;
}

/*=================== E-commerce event CSS ======================*/
.ecommerce-event {
    border-radius: 8px;
    background-image: url("../../images/shadow-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ecommerce-event h3 {
    text-transform: capitalize;
    margin-bottom: 0;
    padding: 63px 0 63px 0;
}

/*==================== Colorful card CSS ======================*/
.colorful-card {
    display: block;
}

.colorful-card .tips-desc-box {
    width: 100%;
}

.colorful-card .profile-note {
    border-bottom: 1px solid #F6F6F6;
}

.colorful-card.profile-bar .profile-note {
    border-bottom: 1px solid #ededed;
}

/*==================== People view CSS ====================*/
.people-img {
    width: 22px;
    height: 22px;
    border: 3px solid #ffffff;
    border-radius: 50%;
}

.people-text {
    margin-left: 4px;
}

.people-view {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.people-view a,
.people-view a:hover,
.people-view a:focus {
    text-decoration: none;
    color: #333;
    /* color: #1e73ff; */
    text-transform: capitalize;
}

/*========================= Quiz CSS ========================*/
.quiz {
    /* box-shadow: 0px 2.25px 4px rgba(0, 0, 0, 0.099); */
    border-radius: 4px;
}

.quiz .social-card-profile .social-card-avatar-description .social-date {
    color: #1e73ff;
}

.quiz .social-card-profile {
    border-bottom: 1px solid #f6f6f6;
    padding: 24px 24px 0 24px;
}

.quiz-heading {
    margin-top: 16px;
    padding: 0 24px;
}

.quiz-heading h3 {
    margin-bottom: 0;
}

.quiz-heading p {
    margin-bottom: 0;
    color: #757575;
    margin-top: 8px;
}

.quiz-box {
    padding: 0 24px 24px 24px;
    margin-top: 16px;
}

.quiz-box-details {
    padding: 8px 16px 16px 16px;
    border: 1px solid #f6f6f6;
    border-radius: 4px;
}

.quiz-box-details h2 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.005em;
    color: #2c2c2c;
    line-height: 22.4px;
    margin-bottom: 0;
}

.quiz-box-details p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.005em;
    color: #757575;
    line-height: 22.4px;
    margin-bottom: 0;
    margin-top: 4px;
}

.quiz-box-details .social-card-post {
    margin-top: 20px;
    border-radius: 4px;
}

.quiz-box-details .social-card-post p {
    color: #2c2c2c;
}

.quiz-box-details .social-card-post h5 a,
.quiz-box-details .social-card-post h5 a:hover,
.quiz-box-details .social-card-post h5 a:focus {
    /* color: #1e73ff; */
    color: #333;
}

/*==================== Custom radio button for Quiz ====================*/
.radio-container {
    display: flex;
    padding-left: 0;
    margin-bottom: 16px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    height: 32px;
    width: 100%;
    background-color: #f6f6f6;
    border-radius: 50px;
}

.radio-container:hover input ~ .checkmark {
    background-color: #ccc;
}

.radio-container input:checked ~ .checkmark {
    background-color: #2196f3;
}

.press-option {
    position: relative;
}

.press-option p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.005em;
    line-height: 19.2px;
    color: #000000;
    position: absolute;
    top: 1px;
    left: 15px;
}

/*======================= Bar CSS ===========================*/
.bar {
    width: 100%;
    border-bottom: 1px solid #ededed;
    margin-bottom: 24px;
}

/*========================= Post comment CSS =======================*/
.post-comment {
    box-shadow: 0px 2.25px 4px rgba(0, 0, 0, 0.099);
    border-radius: 4px;
    padding: 16px;
}

.post-comment .profile-note {
    border-bottom: 0;
}
.post-comment p {
    margin-top: 8px;
    margin-left: 32px;
}

.post-comment h4 {
    padding-top: 24px;
    border-top: 1px solid #ededed;
    margin-bottom: 0;
}

.post-comment h4 a,
.post-comment h4 a:hover,
.post-comment h4 a:focus {
    color: #000000;
    margin-left: 3px;
}

/*======================== Currency card CSS ======================*/
.currency-card {
    padding: 8px;
    border: 1px solid #ededed;
    border-radius: 4px;
}

.currency-card h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #2c2c2c;
    text-transform: uppercase;
    margin-bottom: 0;
}

.currency-card span {
    color: rgba(44, 44, 44, 0.6);
}

.text-wall {
    position: relative;
}

.text-wall::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 11px;
    top: 3px;
    right: -8px;
    background-color: #ededed;
}

/*================== Subscriptions button group CSS =====================*/
.subscription-btn-group {
    max-width: 592px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 35px 0 40px 0;
    margin: 0 auto;
}
.btn-subscription, .btn-subscription:hover, .btn-subscription:focus {
    padding: 10px 30px;
    background-color: #000000;
    border: 1px solid #000000;
    color: #ffffff !important;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.5px;
    white-space: nowrap;
    text-align: center;
}
.btn-place, .btn-place:hover, .btn-place:focus {
    padding: 10px 57px;
    background-color: #000000;
    border: 1px solid #000000;
    color: #ffffff;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.5px;
    white-space: nowrap;
    text-align: center;
}
.btn-advertise, .btn-advertise:hover, .btn-advertise:focus {
    padding: 10px 20px;
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000 !important;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.5px;
    white-space: nowrap;
    text-align: center;
}

.btn-transparent {
    padding: 11px 32px;
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    line-height: 19px;
    white-space: nowrap;
    transition: 0.5s all ease-in-out;
}
.btn-transparent:hover,
.btn-transparent:focus {
    padding: 11px 32px;
    background-color: #ffffff;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
    color: #000000 !important;
    white-space: nowrap;
}

.read-more {
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    color: #000000 !important;
    margin-left: 5px;
}

.read-more:hover {
    color: #333;
}

.img-overlap {
    margin-left: -10px;
}

.ron-carousel {
    margin-top: 16px;
}

.ron-carousel .carousel-control-prev, .carousel-control-next {
    height: 50px;
    top: 45%;
    transform: translateY(-45%);
}

/*=============== Market price box CSS ============*/
.market-price-box {
    padding: 8px;
    border: 1px solid #EDEDED;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
}
.market-price {
    color: #2C2C2C;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}
.nl-xs-grey-text {
    color: rgba(44, 44, 44, 0.60);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.06px;
}
.nl-xs-dark-text {
    color: #2c2c2c;
    font-size: 12px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.06px;
}
.grey-bar {
    width: 1px;
    height: 15px;
    background-color: #EDEDED;
}

/*============== NL Footer CSS ==============*/
.newsletter-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    background-color: #000000;
    padding: 32px 0;
    max-width: 640px;
    width: 100%;
}
.newsletter-footer-social {
    max-width: 407px;
    width: 100%;
    margin: 0 auto;
}
.newsletter-footer-social ul {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding: 0;
    margin: 0;
}
.newsletter-footer-menu {
    max-width: 407px;
    width: 100%;
    margin: 0 auto;
}
.newsletter-footer-menu ul {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 0;
    margin: 0;
}
.newsletter-footer-menu ul li a, .newsletter-footer-menu ul li a:hover, .newsletter-footer-menu ul li a:focus {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.07px;
    color: #ffffff;
}
.v-bar {
    width: 1px;
    height: 15px;
    background-color: #ffffff;
}
.footer-bar {
    width: 100%;
    height: 1px;
    background-color: #656565;
}
.newsletter-footer-copyright {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.07px;
    color: #ffffff;
    margin-bottom: 0;
}

/*==================== Newsletter media queries ======================*/
@media (max-width: 540px) {
    .newsletter-notification {
        display: block;
        text-align: center;
    }

    .profile-icon a::before {
        top: 2px;
    }

    .advertisement .btn-close {
        top: 35px;
    }

    .subscription-btn-group {
        justify-content: space-evenly;
    }

    .btn-subscription {
        font-size: 12px;
    }

    .btn-transparent {
        margin-top: 20px;
        font-size: 12px;
    }

    .news-tips-list ul {
        overflow-x: auto;
    }

    .post-time-box {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .tips-card-flat .post-time-box {
        flex-wrap: nowrap;
    }

    .post-text {
        line-height: 21.4px;
    }

    .calendar-icon::before {
        top: 2px;
    }

    .comic-box h3 {
        font-size: 15px;
    }

    .btn-community,
    .btn-place {
        padding: 11px 20px;
    }
}