/*
 * Keep the document width unchanged when Bootstrap opens a modal.
 * Bootstrap locks body scrolling and injects scrollbar compensation as an
 * inline padding; the reserved root gutter already provides that space.
 */
html {
    scrollbar-gutter: stable;
}

body.modal-open {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@supports not (scrollbar-gutter: stable) {
    html {
        overflow-y: scroll;
    }
}

.campaignItem .campaign2 {
    width: 300px;
}

.campaign_title {
    font-size: 18px;
}

.campaign_slider_right {
    border-left: 6px solid #f3f2ef;
    height: 100%;
}

.campaign_slider_title {
    color: #002940;
    font-size: 15px;
}

.campaign_slider_content {
    padding: 0px 10px;
}

.campaignItem {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.campaign2 {
    background: #fff;
}

.campaign_media_profile_img {
    width: 45px;
    height: 45px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.campaign_media_link {
    text-align: right;
    float: left;
    text-decoration: none;
    color: #1692d8;
    border: 1px solid #1692d8;
    padding: 2px 29px;
    border-radius: 5px;
    margin-bottom: 1rem;
    transition: 0.4s;
}

.campaign_media_link:hover {
    background: rgba(22, 146, 216, 0.1);
}

.campaign_media_img {
    height: 330px;
    width: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.campaign_media_header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.campaign_media_text {
    font-size: 17px;
    background: #f5f5f5;
    padding: 10px;
    height: 85px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.bg_campaign2 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.campaign_media_content {
    background: #f5f5f5;
}

.campaign_media_head_text {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    font-weight: 600;
}

.campaign_slider_head_text {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    font-weight: 600;
    justify-content: flex-end;
}

.campaign_slider_head_text span {
    width: 20px;
    height: 20px;
    object-fit: cover;
    background-repeat: no-repeat;
}

.campaign_media_profile {
    display: flex;
    flex-direction: row;
    gap: 10px;
    font-size: 16px;
}

.campaign_media_head_text span {
    width: 20px;
    height: 20px;
    object-fit: cover;
    background-repeat: no-repeat;
}

.add_to_favorite_post {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    line-height: 0;
    cursor: pointer;
}

.add_to_favorite_post img {
    width: 22px;
    height: auto;
    max-height: 19px;
    object-fit: contain;
}

.post-page-ad-cards .add_to_favorite_post {
    top: 14px;
    left: 14px;
}

#sharePostModal a {
    width: 50px;
    height: 50px;
}

.rate_container {
    display: flex;
    flex-direction: row;
    gap: 10px;
    /* font-size: 14px; */
    font-weight: 400;
    align-items: center;
}

.rate_number {
    font-size: 10px;
}

.rater .rate-base-layer span {
    color: #ccc; /* Light gray for unselected stars */
}

/* Selected layer (rated stars) */
.rater .rate-select-layer span {
    color: #ffa41e; /* Yellow for selected stars */
}

/* Hover layer (optional, if you want to show color during hover) */
.rater .rate-hover-layer span {
    color: #ff9900; /* A different color for hover, if needed */
}

.head_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    /* align-items: center; */
}

a.more_content {
    color: #002940;
    text-decoration: none;
    font-size: 18px;
}

.more_content img {
    height: 16px;
}

.one_post_card .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.post_card_additional_features img {
    width: 19px;
    height: 18px;
    object-fit: contain;
}

.post_card_title {
    overflow: hidden;
    margin: 0;
    padding-inline: 6px 30px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.post_card_content {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    min-width: 0;
    padding: 7px 4px;
}

.border_left_additional_features {
    border-left: 5px solid #f5f5f5;
}

.post_card_country {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 15px;
}

.post_card_additional_features {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding-inline: 4px;
    column-gap: 10px;
    row-gap: 3px;
    font-size: 15px;
    line-height: 1.2;
    white-space: nowrap;
}

.post_card_additional_features > div {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.children:before {
    background: 0 0;
    border: 1px solid #e4e6e7;
    border-left: 0;
    border-radius: 0 0 7px;
    border-top: 0;
    content: "";
    height: 2px;
    height: 69px;
    position: absolute;
    right: 25px;
    top: -67px;
    width: 0px;
}

.comment_col {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.reply_col {
    align-items: center;
    display: flex;
    justify-content: space-between;

    padding-left: 22px;
    padding-right: 22px;
}

.comment_section_btn {
    color: #6e6e6e;
    border: none;
    background: transparent;
}

.one_comment {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    gap: 17px;
}

img.comment_profile_image {
    width: 27px;
    height: 27px;
}

input.add_comment_input {
    line-height: 40px;
    min-width: 1px;
    flex: auto;
    /* margin: 15px 15px; */
    outline: 0;
    padding: 3px 15px;
    border: none !important;
    background: #f2f2f2;
    border-radius: 5px;
}

.delete_comment {
    color: #ff0000;
}

.edit_comment {
    color: #17a1fa;
}

.cursor_pointer {
    cursor: pointer;
}

.user_profile_name {
    display: flex;
    flex-direction: column;
}

.gutter_x_1 {
    --bs-gutter-x: 0.5rem;
}

.owner-post-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
    padding-bottom: 2px;
}

.owner-post-action {
    flex: 0 0 calc((100% - 12px) / 3);
    min-width: 0;
}

.owner-post-action .contact_btn,
.owner-post-action .contact_btn_animated {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    height: 100%;
    min-height: 42px;
    padding: 7px 4px;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.2;
    white-space: nowrap;
}

.owner-post-action img {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.sold_btn {
    color: #6f9218;
    border-color: #8eb429;
}

.sold_btn:hover {
    background: rgba(142, 180, 41, 0.12);
}

.post_status_container {
    font-size: 18px;
    color: #000;
}

.post_price {
    color: #1692d8;
    font-size: 22px;
    font-weight: 700;
}

.post_images_container {
    position: relative;
}

.close_modal {
    background: transparent;
    border: none;
    line-height: 0;
}

.close_modal span {
    font-size: 35px;
}

.hidden_container {
    display: none;
}

.post_modal_top_head {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.post_images_count {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: #002940;
    display: flex;
    flex-direction: row;
    gap: 6px;
    z-index: 99;
    color: #fff;
    border-radius: 23px;
    padding: 3px 10px;
}

.post_modal_images_count {
    background: #1692d8;
    display: flex;
    flex-direction: row;
    gap: 6px;
    z-index: 99;
    color: #fff;
    border-radius: 23px;
    padding: 3px 10px;
}

.post_images_box {
    height: 550px;
}

.post_main_media {
    height: 550px;
}

.post_main_media a {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    background-size: cover !important;
    background-position: center !important;
}

.post_small_boxes_modal a {
    border-radius: 5px;
}

a.post_small_box {
    /* aspect-ratio: 2/2; */
    height: 140px !important;
    display: block;
    object-fit: contain;
    background-size: cover !important;
    background-position: center !important;
    width: 140px !important;
    margin-left: 0.5rem;
}

.post_small_boxes {
    height: 140px;
}

.upper_post_links {
    display: flex;
    gap: 10px;
    flex-direction: row;
    align-items: baseline;
    cursor: pointer;
    flex-wrap: wrap;
}

a.upper_post_link {
    color: #002940;
    text-decoration: none;
    border: 1px solid #002940;
    display: flex;
    flex-direction: row;
    gap: 10px;
    font-size: 16px;
    transition: 0.5s;
}

a.upper_post_link:hover {
    background: rgba(0, 41, 64, 0.1);
}

.gray_href_right {
    display: flex;
    flex-direction: row;
    gap: 5px;
    /* line-height: 2; */
    align-items: center;
}

.gray_href {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #f3f2ef;
    color: #000;
    text-decoration: none;
    font-size: 18px;
}

.border_radius_5px {
    border-radius: 5px;
}

.gutter-3 {
    --bs-gutter-x: 1rem;
}

.search_tabbo_form {
    height: 40px;
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.search_tabbo_form button {
    background: #8eb429;
    border: 0;
    color: #022a41;
    font-size: 17px;
    /* left: 0; */
    line-height: 39px;
    /* position: absolute; */
    width: 170px;
    border-radius: 5px;
}

/*input#search_key {
    width: 100%;
    height: 100% !important;
    border: none;
    border-radius: 5px;
    padding: 0px 10px;
}*/

.post_card_image {
    flex: 0 0 clamp(120px, 26%, 160px);
    height: 100%;
    width: clamp(120px, 26%, 160px);
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    object-fit: cover !important;
    border-radius: 7px;
}

.one_post_card {
    height: 130px;
    overflow: hidden;
    border: 1px solid #e4e7e9;
    border-radius: 8px;
    background: #fff;
    position: relative;
}

.post_media_content {
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 2px;
}

span.point_small {
    background: #1692d8;
    border-radius: 100%;
    display: inline-block;
    height: 5px;
    margin-left: 5px;
    width: 5px;
}

.advice_text {
    font-size: 18px;
}

.advice_head {
    color: #c70000;
}

.additional_feature {
    background: rgb(78 131 224 / 20%);
    color: #00389c;
    border-radius: 0;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 5px;
    /* padding: 2px 4px; */
    font-size: 15px;
    padding: 5px 15px;
    border-radius: 5px;
}

.similar_posts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 18px;
    gap: 12px;
}

.similar_posts a {
    text-decoration: none;
}

.similar-properties-card .head_content {
    width: 100%;
    margin-bottom: 14px;
}

.similar-properties-links {
    align-items: center;
    gap: 8px 0;
    line-height: 1.8;
}

.similar-properties-links a {
    display: inline-flex;
    align-items: center;
    color: #1692d8;
    font-size: 16px;
}

.similar-properties-links a:not(:last-child)::after {
    content: "•";
    margin-inline: 10px;
    color: #8a98a3;
    font-size: 12px;
}

button.add_post_free {
    background-color: #1692d8;
    border: 0;
    border-radius: 5px;
    display: block;
    font-size: 16px;
    line-height: 28px;
    margin-top: 21px;
    min-width: 160px;
    padding: 7px 25px !important;
    text-align: center;
    color: #fff;
    /* margin: 15px auto auto; */
    width: 100%;
}

p.head_content_big {
    color: #8eb429;
    font-size: 25px;
    font-weight: 600;
}

.buy_sell_one_point {
    font-size: 15px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.next_prev_post_container {
    display: flex;
    justify-content: space-between;
}

.next_prev_post {
    color: #000;
    font-size: 18px;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.chat_direct_message_container {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    align-items: stretch;
}

.chat_one_direct_message {
    background: rgb(142, 180, 41, 30%);
    border-radius: 5px;
    color: #000;
    text-decoration: none;
    padding: 6px 10px;
    font-size: 15px;
}

.contact_seller_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.35;
}

.contact_seller_inner a {
    text-decoration: none;
    font-size: 18px;
    color: #17a1fa;
}

.contact-phone-number {
    display: inline-block;
    direction: ltr;
    unicode-bidi: isolate;
    font-size: inherit;
}

.contact_seller {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-direction: row;
    margin-bottom: 12px;
}

.contact_seller > img {
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.contact_seller_span {
    font-size: 15px;
}

.owner-contact-heading {
    margin-bottom: 14px;
}

.owner-contact-question {
    margin-top: 16px;
    margin-bottom: 10px;
}

@media (max-width: 575.98px) {
    .similar-properties-links a {
        font-size: 15px;
    }

    .chat_one_direct_message {
        flex: 1 1 calc(50% - 5px);
        text-align: center;
    }
}

.spec_container {
    --bs-gutter-x: 12px;
}

.spec_one_detail {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    font-size: 15px;
}

.spec_one_detail_white {
    background: #fff;
}

.spec_one_detail_gray {
    background: #f2f2f2;
}

.spec_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

img.new_db_banner {
    cursor: pointer;
}

.product_slider_item_small {
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(/assets/images/6abbo-placeholder.png);
    border-radius: 0;
    height: 150px;
    position: relative;
    width: 100% !important;
}

.breadcrumbs-links-2024 {
    margin-bottom: 0;
    /*margin-top: 15px;*/
    padding: 0;
    /*pointer-events: none;*/
    width: 100%;
    display: flex;
    /*gap: 20px;*/
    /* flex-direction: column; */
    font-size: 15px;
    flex-wrap: wrap;
}

.breadcrumbs-links-2024 li {
    background: transparent !important;
    text-decoration: none;
    list-style: none;
    color: #595959 !important;
}

.breadcrumbs-links-2024 li:after {
    content: "\005C";
    margin: 0 10px;
}

.breadcrumbs-links-2024 li:first-child {
    font-weight: 600;
    color: #000 !important;
}

.breadcrumbs-links-2024 li:first-child img {
    margin: 0px 8px;
}

.breadcrumbs-links-2024 li:last-child:after {
    content: "";
}

.breadcrumbs-links-2024 li:first-child:after {
    content: "";
}

.breadcrumbs-links-2024 li a {
    text-decoration: none;
    color: #595959 !important;
}

.breadcrumbs-links-2024 li:first-child a {
    color: #000 !important;
}

.post_container {
    background: #fff;
    border-radius: 5px;
}

.post_title {
    font-size: 25px;
    font-weight: 600;
    /*    line-height: 55px;
        margin: 15px 0;
        padding: 0 15px;*/
}

.head_content {
    font-size: 18px;
    font-weight: 600;
}

.head_post_number_and_share {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 18px;
}

.follow_user {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.city_div,
.new_w_box_post_city {
    gap: 13px;
    font-size: 17px;
}

.contact_btn_animated {
    display: block;
    /* color: #fff; */
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    background: #1692d8;
    color: #fff;
    padding: 10px;
    position: relative;
    border: 1px solid #1692d8;
}

/*       @keyframes contactBtn {
           from {  box-shadow: inset 0 0 0 5px red;}
           to {box-shadow:none}
       }
*/

.contact_btn_animated::before {
    content: "";
    position: absolute;
    background: rgb(255, 255, 255);
    width: 4px;
    top: -10px;
    bottom: -10px;
    left: 0px;
    transform: rotate(25deg);
    box-shadow: rgb(255, 255, 255) 0px 0px 20px;
    filter: blur(3px);
    transition: 1s;
    animation: 1s ease-in-out 0s infinite normal none running contactBtn;
}

@keyframes contactBtn {
    0% {
        left: 0px;
    }
    100% {
        left: calc(100% + 2px);
    }
}

.contact_btn {
    display: block;
    /* color: #fff; */
    padding: 10px;
    text-decoration: none;
    color: #1692d8;
    text-align: center;
    border: 1px solid #1692d8;
    border-radius: 5px;
    transition: 0.5s;
}

.contact_btn:hover {
    background: rgba(22, 146, 216, 0.1);
}

.contact_btn:hover img {
}

.delete_btn {
    color: #c91c2e;
    border: 1px solid #c91c2e;
}

.delete_btn:hover {
    background: rgba(201, 28, 46, 0.1);
}

.delete_btn:hover img {
    background: transparent;
}

.btn_dark_blue {
    background: #1692d8;
    display: block;
    color: #fff;
    padding: 10px;
}

body {
    color: #002940;
}

.container_title {
    font-size: 20px;
}

.my_posts_status {
    background: #f2f2f2;
    width: 100%;
    display: block;
    color: #000;
    border-radius: 5px;
    padding: 10px 10px;
}

.my_posts_status.active {
    background: #1692d8;
    color: #fff;
}

.post_container {
    background: #fff;
    border-radius: 5px;
}

.enabled_bg {
    background: rgba(142, 180, 41, 0.2);
    color: #8eb429;
}

.disabled_bg {
    background: rgba(255, 153, 0, 0.2);
    color: #ff9900;
}

.rejected_bg {
    background: rgba(201, 28, 46, 0.2);
    color: #c91c2e;
}

.pending_bg {
    background: rgba(0, 41, 64, 0.2);
    color: #002940;
}

.expired_bg {
    background: rgba(163, 172, 177, 0.2);
    color: #a3acb1;
}

.mypost_status {
    border-radius: 15px;
    padding: 0px 11px;
}

.mypost_img {
    width: 100%;
    height: 230px;
    background-position: center !important;
    background-size: cover !important;
    position: relative;
}

.mypost_add_price {
    background: #1692d8;
    color: #fff;
    border-radius: 5px;
    padding: 10px 35px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.mypost_add_price img {
}

.mypost_title_box {
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
    border-left: 5px solid #f5f5f5;
    padding-left: 20px;
}

.border_radius_5px {
    border-radius: 5px;
}

.mypost_city {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
}

.mypost_city img {
    width: 20px;
    height: 20px;
}

.mypost_price {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: #8eb429;
    font-weight: 500;
}

.mypost_score_label {
    font-size: 18px;
    font-weight: 500;
}

.pie_col {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    flex-direction: column;
    gap: 20px;
}

span.mypost_views_count {
    color: #1692d8;
}

span.mypost_views_title {
    font-weight: 500;
}

span.myposts_reject_value {
    color: #c91c2e;
}

span.myposts_reject_title {
    font-weight: 500;
}

.mypost_dates {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    /*font-size: 18px;*/
}

.mypost_date {
    background: #f5f5f5;
    text-wrap: nowrap;
    padding: 6px 10px;
}

.my_posts_score_card {
    background: #dce6f9;
    padding: 5px 15px;
    display: flex;
    justify-content: space-between;
    /* gap: 5px; */
    border-radius: 0;
}

.myposts_actions {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-size: 18px;
}

.website_button_default {
    border-radius: 5px;
    padding: 10px 0px;
    color: #fff;
    display: flex;
    gap: 10px;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.btn_light_blue {
    background: #1692d8;
}

.btn_light_orange {
    background: #ff9900;
}

.btn_light_green {
    background: #8eb429;
}

.btn_bordered_blue {
    border: 1px solid #1692d8;
    color: #1692d8;
}

.btn_bordered_red {
    border: 1px solid #c91c2e;
    color: #c91c2e;
}

.myposts_action_icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.myposts_icons_cell {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.myposts_icons_cell img {
    /* max-width: 100%; */
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.my_post_promoted_label {
    left: 0;
    top: 0px;
    position: absolute;
    background: #f3f2ef;
    display: flex;
    flex-direction: row;
    width: fit-content;
    padding: 3px 11px;
    border-radius: 5px 0 5px 0;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.my_post_promoted_label img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.gray_line {
    height: 5px;
    width: 100%;
    background: #f5f5f5;
}

.g-7px {
    --bs-gutter-x: 7px;
    --bs-gutter-y: 7px;
}

.g-10px {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
}

.g-15px {
    --bs-gutter-x: 15px;
    --bs-gutter-y: 15px;
}

.gap-15px {
    gap: 15px;
}

.gap-10px {
    gap: 10px;
}

.gap-20px {
    gap: 20px;
}

.visit_show_on_map {
    position: absolute;
    top: 10px;
    color: #1692d8;
    text-decoration: underline;
}

html[dir="ltr"] .visit_show_on_map {
    right: 10px;
}

html[dir="rtl"] .visit_show_on_map {
    left: 10px;
}

.website_card {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
}

.website_card_light_blue {
    background: #f2fbff;
    border-radius: 5px;
    padding: 15px;
}

.box_light_blue {
    background: #e7f4fb;
    border-radius: 5px;
    padding: 15px;
}

.box_light_blue_text {
    color: #1692d8;
    font-size: 20px;
}

.mb-30px {
    margin-bottom: 30px;
}

.mb-10px {
    margin-bottom: 10px;
}

.discover_tabbo_text_box {
}

ol,
ul,
menu {
    padding: 0 15px;
}

.setting_row {
    border-bottom: 1px solid #f5f5f5;
    padding: 15px;
}

.setting_row_link_switch {
    background: #f5f5f5;
    border-radius: 15px;
    width: fit-content;
}

.setting_row_link_switch a {
    background: #f5f5f5;
    color: #1692d8;
    padding: 2px 12px;
    border-radius: 15px;
    text-decoration: none;
}

.setting_row_link_switch a.active {
    color: #fff;
    background: #1692d8;
}

.setting_row_link_country img {
    width: 20px;
    height: 20px;
}

.phone_number_link {
    font-size: 18px;
}

.border_bottom_gray {
    border-bottom: 2px solid #f5f5f5;
}

.p-15px {
    padding: 15px;
}

.faq_item {
    background: #f0f0f0 !important;
}

.form-input-with-icon input:focus + .input_icon {
    filter: brightness(0);
    border-right: 2px solid black;
}

.form-input-with-icon {
    position: relative;
}

img.input_icon {
    position: absolute;
    top: 8px;
    padding: 3px 6px;
    width: 32px;
    height: 24px;
}

html[dir="ltr"] img.input_icon {
    border-right: 2px solid #a3a3a3;
}

html[dir="rtl"] img.input_icon {
    border-left: 2px solid #a3a3a3;
}

html[dir="ltr"] .form-input-with-icon input {
    padding-left: 40px !important;
}

html[dir="rtl"] .form-input-with-icon input {
    padding-right: 40px !important;
}

.form-control-new:focus {
    border-bottom-color: unset !important;
    border: 1px solid #000;
}

.mobile_country_div {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    gap: 5px;
}

.mobile_country_div .select2-selection__rendered {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

.mobile_country_div .select2-container--default .select2-selection--single {
    background-color: #f2f2f2 !important;
}

input#mobile {
    margin-right: 0 !important;
}

textarea.form-control {
    height: 100% !important;
}

div#fqa .accordion-body {
    background: #f0f0f0 !important;
    /*padding: 10px !important;*/
}

.accordion-item.faq_item {
    padding: 10px;
}

.phone_number_link {
    font-size: 16px;
}

.select2-selection__rendered {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}

.select2-container--default .select2-selection--single {
    background: #f2f2f2 !important;
    border-bottom: unset !important;
}

.form-group {
    margin-bottom: unset !important;
}

.form-control {
    background: #f2f2f2 !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    height: 40px !important;
}

p,
span,
strong,
ol,
ul,
menu {
    font-size: 18px;
}

#followersModal .modal-body button,
#followersModal .modal-body button span {
    font-size: 16px;
}

.rate_bar_box {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.progress-bar {
    background-color: #1692d8 !important;
}

.progress {
    background-color: #d9d9d9;
    border-radius: 5px !important;
}

.rate_bar_value {
    min-width: 55px;
}

.nav_item_tab {
    display: block;
    border-radius: 0;
    background: #d9d9d9;
    border: 0;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 35px;
    padding: 0 !important;
    text-align: center;
    text-decoration: none !important;
}

.nav_item_tab.active {
    background: #0aa7ef;
    color: #fff;
}

.gray_box {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 5px;
}

.modal-content {
    background: #fff;
}

.search_form_container {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.search_form_container input {
    width: 100% !important;
    height: 43px !important;
    border: 1px solid white !important;
    border-radius: 5px !important;
    padding: 0 10px !important;
}

.search_form_container input::placeholder {
    padding: 0 10px;
}

.search_form_container button {
    color: white;
    background-color: #1692d8;
    border: 1px solid;
    border-radius: 5px;
    height: 43px;
    padding: 0 49px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.blogCategoriesAccordionItem {
    margin-bottom: 15px;
    border: unset !important;
    background: #fff;
}

.blogCategoriesAccordionItem .accordion-header {
    position: relative;
}
.blogCategoriesAccordionItem .accordion-header::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 3px;
    background: #1692d8;
    z-index: 99;
}

.blogCategoriesAccordionItem .accordion-button {
    background: #e8f4fb;
}

.blogCategoriesAccordionItem .accordion-button:hover {
    z-index: 0 !important;
}

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

.blogCategoriesAccordionItem .accordion-body .list-group {
}

.blogCategoriesAccordionItem .accordion-body .list-group .list-group-item {
    background: #fff;
    padding: 15px;
    border: unset;
}

html[dir="ltr"] .blogCategoriesAccordionItem .accordion-button::after {
    margin-left: auto;
    margin-right: unset;
}

html[dir="rtl"] .blogCategoriesAccordionItem .accordion-button::after {
    margin-right: auto;
    margin-left: unset;
}

.border_bottom_light {
    border-bottom: 1px solid #e8f4fb !important;
}

.link_span {
    color: #1692d8;
    text-decoration: underline;
}

.new_blog_card {
    text-decoration: none;
    color: #000;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.new_blog_card_image {
    height: 200px;
    background-size: cover !important;
    border-radius: 5px;
}

.new_blog_card_title {
    font-size: 16px;
    font-weight: 500;
    height: 50px;
}
.new_blog_card_description {
    font-size: 16px;
}
.new_blog_card_tags_box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 20px;
}
.blog_badge {
    background: #1692d81a;
    border: 1px solid #1692d8;
    color: #1692d8;
    padding: 1px 20px;
    border-radius: 20px;
    line-height: 1;
}

.blog_page_link {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #1692d8;
}

.page_link_arrow {
    background: unset;
    border: unset;
}

.new_blog_slider_item {
    width: 100%;
    aspect-ratio: 2.75/1;
    display: block;
    flex: 0 0 auto;
    overflow: hidden;
    background: white;
    text-decoration: none;
    color: #002940;
    /* height: 400px; */
    background-size: cover;
}

.new_blog_slider_item_content {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: #fff;
    align-items: end;
    padding: 15px;
    position: absolute;
    z-index: 3;
}

.new_blog_slider_item_texts {
    width: 50%;
}
.new_blog_slider_item_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0px -120px 183px -70px #000;
}

#blog-carousel .splide__pagination {
    bottom: -1.5em;
}
#blog-carousel {
    margin-bottom: 25px;
}

#blog-carousel .splide__pagination__page {
    border-radius: unset;
    height: 4px;
    opacity: 0.7;
    width: 20px;
    background: #0590f5;
}
.splide__pagination__page.is-active {
    background: #8eb429 !important;
    transform: unset !important;
}
@media (max-width: 1280px) {
    .mypost_img {
        height: 150px;
    }

    .myposts_actions {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .mb-20px-mobile {
        margin-bottom: 20px !important;
    }

    .myposts_actions {
        font-size: 14px;
        gap: 7px;
    }

    .mypost_title_box {
        border-left: unset;
    }

    .mypost_img {
        width: 100%;
        height: 130px;
    }
}

@media (max-width: 500px) {
    .box_light_blue_text {
        font-size: 16px;
    }

    .gap-sm-15px {
        gap: 15px !important;
    }

    .mypost_img {
        width: 100%;
        height: 100px;
    }

    p,
    span,
    strong,
    ol,
    ul,
    menu {
        font-size: 14px;
    }

    .phone_number_link {
        font-size: 14px;
    }

    .campaign_slider_right {
        border-left: none;
        height: 100%;
    }

    a.upper_post_link {
        font-size: 13px;
    }

    .head_post_number_and_share {
        flex-direction: column;
        gap: 15px;
    }

    .head_post_number_and_share p {
        margin-bottom: 0 !important;
    }

    .upper_post_link {
        font-size: 12px;
    }

    .post_card_title {
        font-size: 13px;
        padding-inline: 4px 26px;
    }

    .post_card_additional_features {
        gap: 5px;
        font-size: 12px;
        flex-wrap: wrap;
    }

    .post_card_additional_features img {
        width: 12px;
        height: 12px;
    }

    .post_card_country {
        font-size: 13px;
    }

    span.post_span_country_image {
        height: 18px;
        width: 18px;
    }

    .one_post_card {
        height: 105px;
    }

    .post_card_image {
        flex-basis: 115px;
        width: 115px;
    }

    .buy_sell_image {
        display: flex;
        justify-content: center;
    }

    .post_main_media {
        height: 300px;
    }

    .post_images_box {
        height: 300px;
    }
}