.elementor-1931 .elementor-element.elementor-element-1d063d2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1931 .elementor-element.elementor-element-1d063d2:not(.elementor-motion-effects-element-type-background), .elementor-1931 .elementor-element.elementor-element-1d063d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-1931 .elementor-element.elementor-element-1d063d2.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1931 .elementor-element.elementor-element-d65f6db{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 23px 0px 0px;text-align:center;}.elementor-1931 .elementor-element.elementor-element-d65f6db img{width:90%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1931 .elementor-element.elementor-element-8bbff3c{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px -1px 0px;text-align:center;}.elementor-1931 .elementor-element.elementor-element-8bbff3c.elementor-element{--align-self:center;}.elementor-1931 .elementor-element.elementor-element-8bbff3c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;color:#172A3A;}.elementor-1931 .elementor-element.elementor-element-d32a79a.elementor-element{--align-self:center;}.elementor-1931 .elementor-element.elementor-element-2bfb3db{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;overflow:visible;}.elementor-1931 .elementor-element.elementor-element-2bfb3db.e-con{--align-self:center;}.elementor-1931 .elementor-element.elementor-element-26ad1b7 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:600;}.elementor-1931 .elementor-element.elementor-element-d338513 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:600;}.elementor-1931 .elementor-element.elementor-element-694d205{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;overflow:visible;}.elementor-1931 .elementor-element.elementor-element-694d205.e-con{--align-self:center;}.elementor-1931 .elementor-element.elementor-element-3a4a943 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:600;}.elementor-1931 .elementor-element.elementor-element-1fd1488 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:600;}.elementor-1931 .elementor-element.elementor-element-095796a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-1931 .elementor-element.elementor-element-095796a.e-con{--align-self:stretch;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1931 .elementor-element.elementor-element-ace5f47 .elementor-button{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-1931 .elementor-element.elementor-element-6d51de3 .elementor-button{background-color:#00434600;font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-color:var( --e-global-color-secondary );}@media(max-width:767px){.elementor-1931 .elementor-element.elementor-element-1d063d2{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1931 .elementor-element.elementor-element-095796a{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1931 .elementor-element.elementor-element-ace5f47{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 6px;}.elementor-1931 .elementor-element.elementor-element-ace5f47.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1931 .elementor-element.elementor-element-ace5f47 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-1931 .elementor-element.elementor-element-6d51de3{margin:0px -2px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px -3px 0px 2px;}.elementor-1931 .elementor-element.elementor-element-6d51de3.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1931 .elementor-element.elementor-element-6d51de3 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-1931 .elementor-element.elementor-element-6d51de3 .elementor-button{border-width:1px 1px 1px 1px;padding:11px 15px 10px 15px;}}@media(min-width:768px){.elementor-1931 .elementor-element.elementor-element-1d063d2{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-8bbff3c *//* =========================================================
   TADAWUL MUBASHER - BROKER CARD
   Classes:
   tm-broker-card
   tm-broker-logo
   tm-broker-title
   tm-card-rating
   tm-broker-meta
   tm-broker-official-btn
   tm-broker-review-btn
========================================================= */


/* ===============================
   MAIN CARD
================================ */

.tm-broker-card {
    direction: rtl;

    width: 100%;
    height: 100%;
    min-height: 0 !important;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    gap: 18px;

    padding: 24px 24px 26px;

    background: #ffffff;

    border: 1px solid #dce7ee;
    border-radius: 24px;

    box-shadow:
        0 4px 14px rgba(7, 54, 83, 0.025),
        0 14px 35px rgba(7, 54, 83, 0.04);

    overflow: hidden;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.tm-broker-card:hover {
    transform: translateY(-5px);

    border-color: #c8dae5;

    box-shadow:
        0 8px 22px rgba(7, 54, 83, 0.05),
        0 20px 45px rgba(7, 54, 83, 0.09);
}


/* ===============================
   BROKER LOGO
================================ */

.tm-broker-logo {
    width: 100%;
    height: 100px;

    display: flex !important;
    align-items: center;
    justify-content: center;

    margin: 0 0 4px !important;
    padding: 0 !important;
}


.tm-broker-logo img {
    display: block;

    width: auto !important;
    height: auto !important;

    max-width: 185px !important;
    max-height: 68px !important;

    object-fit: contain;

    transition: transform .25s ease;
}


.tm-broker-card:hover .tm-broker-logo img {
    transform: scale(1.025);
}


/* ===============================
   BROKER TITLE
================================ */

.tm-broker-title {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center;
}


.tm-broker-title,
.tm-broker-title .jet-listing-dynamic-field__content {
    font-family: "Alexandria", "Cairo", sans-serif;

    font-size: 22px;
    line-height: 1.4;

    font-weight: 700;

    color: #102c40;

    text-align: center;
}


/* ===============================
   RATING
================================ */

.tm-card-rating {
    width: 100%;

    display: flex;
    justify-content: center;

    margin: 4px 0 10px !important;
    padding: 0 !important;
}


.tm-card-rating .tm-rating-stars-box {
    width: auto;

    display: flex !important;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 9px;
}


.tm-card-rating .tm-rating-label {
    margin: 0 !important;

    font-family: "Cairo", sans-serif;

    font-size: 16px;
    line-height: 1.4;

    font-weight: 700;

    color: #263643;
}


.tm-card-rating .tm-rating-stars-wrap {
    margin: 0 !important;

    font-size: 26px;
    line-height: 1;

    letter-spacing: 2px;
}


/* ستاره‌های خالی */

.tm-card-rating .tm-rating-stars-bg {
    color: #e0e5e9;
}


/* ستاره‌های پر */

.tm-card-rating .tm-rating-stars-fill {
    color: #f5ae00;
}


/* ===============================
   META ROW
   مثل:
   سنة التأسيس:   2005
================================ */

.tm-broker-meta {
    direction: rtl;

    width: 100%;

    display: flex !important;
    flex-direction: row !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 14px;

    margin: 10px 0 4px !important;

    padding: 17px 4px 0 !important;

    border-top: 1px solid #e5edf2;
}


/*
 چون گفتی داخل tm-broker-meta دو آیتم هست،
 این باعث میشه هر دو درست کنار هم قرار بگیرند.
*/

.tm-broker-meta > * {
    width: auto !important;
    flex: 0 1 auto !important;

    margin: 0 !important;
}


/* متن ثابت + داینامیک */

.tm-broker-meta,
.tm-broker-meta .jet-listing-dynamic-field__content,
.tm-broker-meta .elementor-widget-container {
    font-family: "Cairo", sans-serif;

    font-size: 15px;
    line-height: 1.6;

    font-weight: 700;

    color: #0b70d1;
}


/* مقدار سال */

.tm-broker-meta .jet-listing-dynamic-field__content {
    white-space: nowrap;
}


/* ===============================
   BUTTON WIDGETS
================================ */

.tm-broker-official-btn,
.tm-broker-review-btn {
    min-width: 0 !important;

    margin-top: 8px !important;
}


/* خود لینک */

.tm-broker-official-btn a,
.tm-broker-review-btn a,
.tm-broker-official-btn .jet-listing-dynamic-link__link,
.tm-broker-review-btn .jet-listing-dynamic-link__link {

    width: 100% !important;

    min-height: 50px;

    display: flex !important;

    align-items: center;
    justify-content: center;

    padding: 9px 16px !important;

    border-radius: 13px;

    font-family: "Cairo", sans-serif;

    font-size: 15px !important;
    line-height: 1.3 !important;

    font-weight: 700;

    text-align: center;

    white-space: nowrap;

    box-sizing: border-box;

    text-decoration: none !important;

    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


/* ===============================
   REGISTER BUTTON
================================ */

.tm-broker-official-btn a,
.tm-broker-official-btn .jet-listing-dynamic-link__link {

    background: #6854e8;

    border: 1px solid #6854e8;

    color: #ffffff !important;

    box-shadow: 0 5px 14px rgba(104, 84, 232, 0.16);
}


.tm-broker-official-btn a:hover,
.tm-broker-official-btn .jet-listing-dynamic-link__link:hover {

    background: #5945dc;

    border-color: #5945dc;

    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow: 0 8px 18px rgba(104, 84, 232, 0.22);
}


/* ===============================
   REVIEW BUTTON
================================ */

.tm-broker-review-btn a,
.tm-broker-review-btn .jet-listing-dynamic-link__link {

    background: #ffffff;

    border: 1px solid #149b69;

    color: #149b69 !important;
}


.tm-broker-review-btn a:hover,
.tm-broker-review-btn .jet-listing-dynamic-link__link:hover {

    background: #effaf6;

    border-color: #0f885b;

    color: #0f885b !important;

    transform: translateY(-2px);
}


/* ===============================
   TABLET
================================ */

@media (max-width: 1024px) {

    .tm-broker-card {
        padding: 21px;
        gap: 16px;
        border-radius: 21px;
    }

    .tm-broker-logo {
        height: 88px;
    }

    .tm-broker-logo img {
        max-width: 160px !important;
        max-height: 60px !important;
    }

    .tm-broker-title,
    .tm-broker-title .jet-listing-dynamic-field__content {
        font-size: 20px;
    }

    .tm-card-rating .tm-rating-stars-wrap {
        font-size: 23px;
    }

    .tm-broker-official-btn a,
    .tm-broker-review-btn a,
    .tm-broker-official-btn .jet-listing-dynamic-link__link,
    .tm-broker-review-btn .jet-listing-dynamic-link__link {
        font-size: 14px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}


/* ===============================
   MOBILE
================================ */

@media (max-width: 767px) {

    .tm-broker-card {
        padding: 20px 18px 22px;
        gap: 14px;
        border-radius: 20px;
    }

    .tm-broker-logo {
        height: 82px;
    }

    .tm-broker-logo img {
        max-width: 150px !important;
        max-height: 56px !important;
    }

    .tm-broker-title,
    .tm-broker-title .jet-listing-dynamic-field__content {
        font-size: 20px;
    }

    .tm-card-rating .tm-rating-stars-wrap {
        font-size: 22px;
    }

    .tm-broker-meta {
        padding-top: 14px !important;
    }

    .tm-broker-meta,
    .tm-broker-meta .jet-listing-dynamic-field__content,
    .tm-broker-meta .elementor-widget-container {
        font-size: 14px;
    }

    .tm-broker-official-btn a,
    .tm-broker-review-btn a,
    .tm-broker-official-btn .jet-listing-dynamic-link__link,
    .tm-broker-review-btn .jet-listing-dynamic-link__link {

        min-height: 47px;

        font-size: 14px !important;

        border-radius: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d063d2 *//* =========================================================
   TADAWUL MUBASHER - BROKER CARD
   Classes:
   tm-broker-card
   tm-broker-logo
   tm-broker-title
   tm-card-rating
   tm-broker-meta
   tm-broker-official-btn
   tm-broker-review-btn
========================================================= */


/* ===============================
   MAIN CARD
================================ */

.tm-broker-card {
    direction: rtl;

    width: 100%;
    height: 100%;
    min-height: 0 !important;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    gap: 18px;

    padding: 24px 24px 26px;

    background: #ffffff;

    border: 1px solid #dce7ee;
    border-radius: 24px;

    box-shadow:
        0 4px 14px rgba(7, 54, 83, 0.025),
        0 14px 35px rgba(7, 54, 83, 0.04);

    overflow: hidden;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.tm-broker-card:hover {
    transform: translateY(-5px);

    border-color: #c8dae5;

    box-shadow:
        0 8px 22px rgba(7, 54, 83, 0.05),
        0 20px 45px rgba(7, 54, 83, 0.09);
}


/* ===============================
   BROKER LOGO
================================ */

.tm-broker-logo {
    width: 100%;
    height: 100px;

    display: flex !important;
    align-items: center;
    justify-content: center;

    margin: 0 0 4px !important;
    padding: 0 !important;
}


.tm-broker-logo img {
    display: block;

    width: auto !important;
    height: auto !important;

    max-width: 185px !important;
    max-height: 68px !important;

    object-fit: contain;

    transition: transform .25s ease;
}


.tm-broker-card:hover .tm-broker-logo img {
    transform: scale(1.025);
}


/* ===============================
   BROKER TITLE
================================ */

.tm-broker-title {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center;
}


.tm-broker-title,
.tm-broker-title .jet-listing-dynamic-field__content {
    font-family: "Alexandria", "Cairo", sans-serif;

    font-size: 22px;
    line-height: 1.4;

    font-weight: 700;

    color: #102c40;

    text-align: center;
}


/* ===============================
   RATING
================================ */

.tm-card-rating {
    width: 100%;

    display: flex;
    justify-content: center;

    margin: 4px 0 10px !important;
    padding: 0 !important;
}


.tm-card-rating .tm-rating-stars-box {
    width: auto;

    display: flex !important;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 9px;
}


.tm-card-rating .tm-rating-label {
    margin: 0 !important;

    font-family: "Cairo", sans-serif;

    font-size: 16px;
    line-height: 1.4;

    font-weight: 700;

    color: #263643;
}


.tm-card-rating .tm-rating-stars-wrap {
    margin: 0 !important;

    font-size: 26px;
    line-height: 1;

    letter-spacing: 2px;
}


/* ستاره‌های خالی */

.tm-card-rating .tm-rating-stars-bg {
    color: #e0e5e9;
}


/* ستاره‌های پر */

.tm-card-rating .tm-rating-stars-fill {
    color: #f5ae00;
}


/* ===============================
   META ROW
   مثل:
   سنة التأسيس:   2005
================================ */

.tm-broker-meta {
    direction: rtl;

    width: 100%;

    display: flex !important;
    flex-direction: row !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 14px;

    margin: 10px 0 4px !important;

    padding: 17px 4px 0 !important;

    border-top: 1px solid #e5edf2;
}


/*
 چون گفتی داخل tm-broker-meta دو آیتم هست،
 این باعث میشه هر دو درست کنار هم قرار بگیرند.
*/

.tm-broker-meta > * {
    width: auto !important;
    flex: 0 1 auto !important;

    margin: 0 !important;
}


/* متن ثابت + داینامیک */

.tm-broker-meta,
.tm-broker-meta .jet-listing-dynamic-field__content,
.tm-broker-meta .elementor-widget-container {
    font-family: "Cairo", sans-serif;

    font-size: 15px;
    line-height: 1.6;

    font-weight: 700;

    color: #0b70d1;
}


/* مقدار سال */

.tm-broker-meta .jet-listing-dynamic-field__content {
    white-space: nowrap;
}


/* ===============================
   BUTTON WIDGETS
================================ */

.tm-broker-official-btn,
.tm-broker-review-btn {
    min-width: 0 !important;

    margin-top: 8px !important;
}


/* خود لینک */

.tm-broker-official-btn a,
.tm-broker-review-btn a,
.tm-broker-official-btn .jet-listing-dynamic-link__link,
.tm-broker-review-btn .jet-listing-dynamic-link__link {

    width: 100% !important;

    min-height: 50px;

    display: flex !important;

    align-items: center;
    justify-content: center;

    padding: 9px 16px !important;

    border-radius: 13px;

    font-family: "Cairo", sans-serif;

    font-size: 15px !important;
    line-height: 1.3 !important;

    font-weight: 700;

    text-align: center;

    white-space: nowrap;

    box-sizing: border-box;

    text-decoration: none !important;

    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


/* ===============================
   REGISTER BUTTON
================================ */

.tm-broker-official-btn a,
.tm-broker-official-btn .jet-listing-dynamic-link__link {

    background: #6854e8;

    border: 1px solid #6854e8;

    color: #ffffff !important;

    box-shadow: 0 5px 14px rgba(104, 84, 232, 0.16);
}


.tm-broker-official-btn a:hover,
.tm-broker-official-btn .jet-listing-dynamic-link__link:hover {

    background: #5945dc;

    border-color: #5945dc;

    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow: 0 8px 18px rgba(104, 84, 232, 0.22);
}


/* ===============================
   REVIEW BUTTON
================================ */

.tm-broker-review-btn a,
.tm-broker-review-btn .jet-listing-dynamic-link__link {

    background: #ffffff;

    border: 1px solid #149b69;

    color: #149b69 !important;
}


.tm-broker-review-btn a:hover,
.tm-broker-review-btn .jet-listing-dynamic-link__link:hover {

    background: #effaf6;

    border-color: #0f885b;

    color: #0f885b !important;

    transform: translateY(-2px);
}


/* ===============================
   TABLET
================================ */

@media (max-width: 1024px) {

    .tm-broker-card {
        padding: 21px;
        gap: 16px;
        border-radius: 21px;
    }

    .tm-broker-logo {
        height: 88px;
    }

    .tm-broker-logo img {
        max-width: 160px !important;
        max-height: 60px !important;
    }

    .tm-broker-title,
    .tm-broker-title .jet-listing-dynamic-field__content {
        font-size: 20px;
    }

    .tm-card-rating .tm-rating-stars-wrap {
        font-size: 23px;
    }

    .tm-broker-official-btn a,
    .tm-broker-review-btn a,
    .tm-broker-official-btn .jet-listing-dynamic-link__link,
    .tm-broker-review-btn .jet-listing-dynamic-link__link {
        font-size: 14px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}


/* ===============================
   MOBILE
================================ */

@media (max-width: 767px) {

    .tm-broker-card {
        padding: 20px 18px 22px;
        gap: 14px;
        border-radius: 20px;
    }

    .tm-broker-logo {
        height: 82px;
    }

    .tm-broker-logo img {
        max-width: 150px !important;
        max-height: 56px !important;
    }

    .tm-broker-title,
    .tm-broker-title .jet-listing-dynamic-field__content {
        font-size: 20px;
    }

    .tm-card-rating .tm-rating-stars-wrap {
        font-size: 22px;
    }

    .tm-broker-meta {
        padding-top: 14px !important;
    }

    .tm-broker-meta,
    .tm-broker-meta .jet-listing-dynamic-field__content,
    .tm-broker-meta .elementor-widget-container {
        font-size: 14px;
    }

    .tm-broker-official-btn a,
    .tm-broker-review-btn a,
    .tm-broker-official-btn .jet-listing-dynamic-link__link,
    .tm-broker-review-btn .jet-listing-dynamic-link__link {

        min-height: 47px;

        font-size: 14px !important;

        border-radius: 11px;
    }
}/* End custom CSS */