.elementor-3707 .elementor-element.elementor-element-f6fe57f > .elementor-container{min-height:50px;}.elementor-3707 .elementor-element.elementor-element-f6fe57f{margin-top:-57px;margin-bottom:0px;}.elementor-3707 .elementor-element.elementor-element-02bf322 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3707 .elementor-element.elementor-element-02bf322:not(.elementor-motion-effects-element-type-background), .elementor-3707 .elementor-element.elementor-element-02bf322 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://karansoole.com/wp-content/uploads/2026/08/بنر-هیرو-سکشن-سوله-UMB.webp");background-repeat:no-repeat;background-size:cover;}.elementor-3707 .elementor-element.elementor-element-02bf322 > .elementor-background-overlay{background-color:var( --e-global-color-be05976 );opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3707 .elementor-element.elementor-element-02bf322 > .elementor-container{min-height:976px;}.elementor-3707 .elementor-element.elementor-element-02bf322{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-50px;margin-bottom:0px;}.elementor-3707 .elementor-element.elementor-element-439f594 > .elementor-widget-container{margin:0px 30px 0px 0px;}.elementor-3707 .elementor-element.elementor-element-439f594 .elementor-heading-title{font-size:62px;line-height:76px;color:#FFFFFF;}.elementor-3707 .elementor-element.elementor-element-389ac96 > .elementor-widget-container{margin:0px 30px 0px 0px;}.elementor-3707 .elementor-element.elementor-element-389ac96{font-size:23px;font-weight:800;color:#FFFFFF;}.elementor-3707 .elementor-element.elementor-element-31afcb5{width:var( --container-widget-width, 34% );max-width:34%;--container-widget-width:34%;--container-widget-flex-grow:0;color:#FEFEFE;}.elementor-3707 .elementor-element.elementor-element-31afcb5 > .elementor-widget-container{margin:0px 30px 0px 0px;}.elementor-bc-flex-widget .elementor-3707 .elementor-element.elementor-element-f6346e8.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3707 .elementor-element.elementor-element-f6346e8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3707 .elementor-element.elementor-element-919be1c .elementor-button{background-color:var( --e-global-color-748e9a2 );font-size:25px;fill:var( --e-global-color-be05976 );color:var( --e-global-color-be05976 );border-radius:10px 10px 10px 10px;}.elementor-3707 .elementor-element.elementor-element-27c25c9 .elementor-button{background-color:var( --e-global-color-be05976 );font-size:25px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-748e9a2 );border-radius:10px 10px 10px 10px;}.elementor-3707 .elementor-element.elementor-element-3366a85 > .elementor-container{min-height:56px;}.elementor-3707 .elementor-element.elementor-element-3366a85{margin-top:-0px;margin-bottom:0px;}.elementor-3707 .elementor-element.elementor-element-2d83571 > .elementor-container{max-width:1253px;}.elementor-3707 .elementor-element.elementor-element-165ecd6 .elementor-heading-title{font-size:27px;line-height:46px;color:var( --e-global-color-be05976 );}.elementor-3707 .elementor-element.elementor-element-1f964d6{--divider-border-style:solid;--divider-color:var( --e-global-color-748e9a2 );--divider-border-width:4.2px;}.elementor-3707 .elementor-element.elementor-element-1f964d6 .elementor-divider-separator{width:100%;}.elementor-3707 .elementor-element.elementor-element-1f964d6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3707 .elementor-element.elementor-element-c1f9cc0{font-size:13px;}.elementor-3707 .elementor-element.elementor-element-c1f9cc0 p{margin-block-end:0px;}.elementor-3707 .elementor-element.elementor-element-0c5d755 img{border-radius:21px 21px 21px 21px;}.elementor-3707 .elementor-element.elementor-element-78ef7df{margin-top:-0px;margin-bottom:0px;}.elementor-3707 .elementor-element.elementor-element-bc4275e > .elementor-container{max-width:1232px;}.elementor-3707 .elementor-element.elementor-element-c75e1f4{text-align:start;}.elementor-3707 .elementor-element.elementor-element-c75e1f4 .elementor-heading-title{color:var( --e-global-color-748e9a2 );}.elementor-3707 .elementor-element.elementor-element-cfe8967 > .elementor-container{max-width:1249px;}.elementor-3707 .elementor-element.elementor-element-5218231 p{margin-block-end:0px;}.elementor-3707 .elementor-element.elementor-element-9149eb9 > .elementor-container{max-width:1600px;}.elementor-3707 .elementor-element.elementor-element-95ccdcb{width:var( --container-widget-width, 102.722% );max-width:102.722%;--container-widget-width:102.722%;--container-widget-flex-grow:0;}.elementor-3707 .elementor-element.elementor-element-df4be1c > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3707 .elementor-element.elementor-element-df4be1c > .elementor-container{max-width:1503px;}.elementor-3707 .elementor-element.elementor-element-722a928{--divider-border-style:solid;--divider-color:var( --e-global-color-748e9a2 );--divider-border-width:5px;}.elementor-3707 .elementor-element.elementor-element-722a928 .elementor-divider-separator{width:100%;}.elementor-3707 .elementor-element.elementor-element-722a928 .elementor-divider{padding-block-start:18px;padding-block-end:18px;}.elementor-3707 .elementor-element.elementor-element-631f408 .themento-heading,.elementor-3707 .elementor-element.elementor-element-631f408 .themento-subheading, .elementor-3707 .elementor-element.elementor-element-631f408 .themento-subheading *, .elementor-3707 .elementor-element.elementor-element-631f408 .themento-separator-parent{text-align:right;}.elementor-3707 .elementor-element.elementor-element-631f408 .themento-heading{margin:0px 0px 15px 0px;}.elementor-3707 .elementor-element.elementor-element-631f408 .themento-subheading{margin:15px 0px 0px 0px;}.elementor-3707 .elementor-element.elementor-element-bb302de > .elementor-container{max-width:1551px;}.elementor-3707 .elementor-element.elementor-element-3488fff .bdt-timeline .bdt-timeline-item-main{background-color:#f3f3f3;}.elementor-3707 .elementor-element.elementor-element-3488fff .bdt-timeline .bdt-timeline-arrow{background-color:#f3f3f3;}.elementor-3707 .elementor-element.elementor-element-3488fff .bdt-timeline-item--top .bdt-timeline-content:after{border-top-color:#f3f3f3;}.elementor-3707 .elementor-element.elementor-element-3488fff .bdt-timeline-item--bottom .bdt-timeline-content:after{border-bottom-color:#f3f3f3;}.elementor-3707 .elementor-element.elementor-element-3488fff .bdt-timeline--mobile .bdt-timeline-content:after{border-right-color:#f3f3f3;}.elementor-3707 .elementor-element.elementor-element-3488fff .bdt-timeline-divider{height:4px;}.elementor-3707 .elementor-element.elementor-element-3488fff .bdt-timeline .bdt-timeline-line span{width:4px;}.elementor-3707 .elementor-element.elementor-element-3488fff .bdt-timeline-skin-olivier .bdt-timeline-item:after, .elementor-3707 .elementor-element.elementor-element-3488fff .bdt-timeline.bdt-timeline-skin-default .bdt-timeline-item-main-wrapper .bdt-timeline-icon span{border-width:4px;}.elementor-3707 .elementor-element.elementor-element-3488fff .bdt-timeline .bdt-timeline-meta *{color:#bbbbbb;}.elementor-3707 .elementor-element.elementor-element-3488fff .bdt-timeline .bdt-timeline-meta{margin-top:10px;}.elementor-3707 .elementor-element.elementor-element-3488fff .bdt-timeline .bdt-timeline-excerpt{color:#888888;margin-top:20px;}.elementor-3707 .elementor-element.elementor-element-8e415bb > .elementor-container{min-height:50px;}.elementor-3707 .elementor-element.elementor-element-43f8968 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3707 .elementor-element.elementor-element-43f8968 > .elementor-container{max-width:1491px;}.elementor-3707 .elementor-element.elementor-element-a3533fd{--divider-border-style:solid;--divider-color:var( --e-global-color-748e9a2 );--divider-border-width:5px;}.elementor-3707 .elementor-element.elementor-element-a3533fd .elementor-divider-separator{width:100%;}.elementor-3707 .elementor-element.elementor-element-a3533fd .elementor-divider{padding-block-start:18px;padding-block-end:18px;}.elementor-3707 .elementor-element.elementor-element-4dd06de .themento-heading,.elementor-3707 .elementor-element.elementor-element-4dd06de .themento-subheading, .elementor-3707 .elementor-element.elementor-element-4dd06de .themento-subheading *, .elementor-3707 .elementor-element.elementor-element-4dd06de .themento-separator-parent{text-align:right;}.elementor-3707 .elementor-element.elementor-element-4dd06de .themento-heading{margin:0px 0px 15px 0px;}.elementor-3707 .elementor-element.elementor-element-4dd06de .themento-subheading{margin:15px 0px 0px 0px;}.elementor-3707 .elementor-element.elementor-element-e4a5a2c > .elementor-container{max-width:1408px;}.elementor-3707 .elementor-element.elementor-element-9b5502d.elementor-position-right .bdt-ep-advanced-icon-box-icon{margin-left:15px;}.elementor-3707 .elementor-element.elementor-element-9b5502d.elementor-position-left .bdt-ep-advanced-icon-box-icon{margin-right:15px;}.elementor-3707 .elementor-element.elementor-element-9b5502d.elementor-position-top .bdt-ep-advanced-icon-box-icon{margin-bottom:15px;}.elementor-3707 .elementor-element.elementor-element-9b5502d.elementor-position-bottom .bdt-ep-advanced-icon-box-icon{margin-top:15px;}.elementor-3707 .elementor-element.elementor-element-9b5502d .bdt-ep-advanced-icon-box-icon-wrap i, .elementor-3707 .elementor-element.elementor-element-9b5502d .bdt-ep-advanced-icon-box-icon-wrap img, .elementor-3707 .elementor-element.elementor-element-9b5502d .bdt-ep-advanced-icon-box-icon-wrap svg{transform:rotate(0deg);}.elementor-3707 .elementor-element.elementor-element-9b5502d .bdt-ep-advanced-icon-box-icon-wrap{transform:rotate(0deg);}.elementor-3707 .elementor-element.elementor-element-9b5502d{--ep-advanced-icon-box-icon-top-v-offset:-0px;--ep-advanced-icon-box-icon-top-h-offset:0px;}.elementor-3707 .elementor-element.elementor-element-9b5502d .bdt-ep-advanced-icon-box img{transition-duration:0.3s;}.elementor-3707 .elementor-element.elementor-element-b2923ee.elementor-position-right .bdt-ep-advanced-icon-box-icon{margin-left:15px;}.elementor-3707 .elementor-element.elementor-element-b2923ee.elementor-position-left .bdt-ep-advanced-icon-box-icon{margin-right:15px;}.elementor-3707 .elementor-element.elementor-element-b2923ee.elementor-position-top .bdt-ep-advanced-icon-box-icon{margin-bottom:15px;}.elementor-3707 .elementor-element.elementor-element-b2923ee.elementor-position-bottom .bdt-ep-advanced-icon-box-icon{margin-top:15px;}.elementor-3707 .elementor-element.elementor-element-b2923ee .bdt-ep-advanced-icon-box-icon-wrap i, .elementor-3707 .elementor-element.elementor-element-b2923ee .bdt-ep-advanced-icon-box-icon-wrap img, .elementor-3707 .elementor-element.elementor-element-b2923ee .bdt-ep-advanced-icon-box-icon-wrap svg{transform:rotate(0deg);}.elementor-3707 .elementor-element.elementor-element-b2923ee .bdt-ep-advanced-icon-box-icon-wrap{transform:rotate(0deg);}.elementor-3707 .elementor-element.elementor-element-b2923ee{--ep-advanced-icon-box-icon-top-v-offset:-0px;--ep-advanced-icon-box-icon-top-h-offset:0px;}.elementor-3707 .elementor-element.elementor-element-b2923ee .bdt-ep-advanced-icon-box img{transition-duration:0.3s;}.elementor-3707 .elementor-element.elementor-element-552b8b4.elementor-position-right .bdt-ep-advanced-icon-box-icon{margin-left:15px;}.elementor-3707 .elementor-element.elementor-element-552b8b4.elementor-position-left .bdt-ep-advanced-icon-box-icon{margin-right:15px;}.elementor-3707 .elementor-element.elementor-element-552b8b4.elementor-position-top .bdt-ep-advanced-icon-box-icon{margin-bottom:15px;}.elementor-3707 .elementor-element.elementor-element-552b8b4.elementor-position-bottom .bdt-ep-advanced-icon-box-icon{margin-top:15px;}.elementor-3707 .elementor-element.elementor-element-552b8b4 .bdt-ep-advanced-icon-box-icon-wrap i, .elementor-3707 .elementor-element.elementor-element-552b8b4 .bdt-ep-advanced-icon-box-icon-wrap img, .elementor-3707 .elementor-element.elementor-element-552b8b4 .bdt-ep-advanced-icon-box-icon-wrap svg{transform:rotate(0deg);}.elementor-3707 .elementor-element.elementor-element-552b8b4 .bdt-ep-advanced-icon-box-icon-wrap{transform:rotate(0deg);}.elementor-3707 .elementor-element.elementor-element-552b8b4{--ep-advanced-icon-box-icon-top-v-offset:-0px;--ep-advanced-icon-box-icon-top-h-offset:0px;}.elementor-3707 .elementor-element.elementor-element-552b8b4 .bdt-ep-advanced-icon-box img{transition-duration:0.3s;}.elementor-3707 .elementor-element.elementor-element-50803d8 > .elementor-container{max-width:1408px;}.elementor-3707 .elementor-element.elementor-element-2444639{color:var( --e-global-color-748e9a2 );}.elementor-3707 .elementor-element.elementor-element-7788ab7 > .elementor-container{min-height:50px;}.elementor-3707 .elementor-element.elementor-element-0239f50 > .elementor-container{max-width:1557px;}.elementor-3707 .elementor-element.elementor-element-65cb028{width:var( --container-widget-width, 104.821% );max-width:104.821%;--container-widget-width:104.821%;--container-widget-flex-grow:0;}.elementor-3707 .elementor-element.elementor-element-9aadbb2 > .elementor-container{min-height:50px;}.elementor-3707 .elementor-element.elementor-element-ebdd2ae > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3707 .elementor-element.elementor-element-ebdd2ae > .elementor-container{max-width:1600px;}.elementor-3707 .elementor-element.elementor-element-dc19fb5{--divider-border-style:solid;--divider-color:var( --e-global-color-748e9a2 );--divider-border-width:5px;}.elementor-3707 .elementor-element.elementor-element-dc19fb5 .elementor-divider-separator{width:100%;}.elementor-3707 .elementor-element.elementor-element-dc19fb5 .elementor-divider{padding-block-start:18px;padding-block-end:18px;}.elementor-3707 .elementor-element.elementor-element-a0fe935 .themento-heading,.elementor-3707 .elementor-element.elementor-element-a0fe935 .themento-subheading, .elementor-3707 .elementor-element.elementor-element-a0fe935 .themento-subheading *, .elementor-3707 .elementor-element.elementor-element-a0fe935 .themento-separator-parent{text-align:right;}.elementor-3707 .elementor-element.elementor-element-a0fe935 .themento-heading{margin:0px 0px 15px 0px;}.elementor-3707 .elementor-element.elementor-element-22b77b0 > .elementor-container{min-height:60px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-3707 .elementor-element.elementor-element-9b5502d{--ep-advanced-icon-box-icon-top-v-offset:-0px;--ep-advanced-icon-box-icon-top-h-offset:0px;}.elementor-3707 .elementor-element.elementor-element-b2923ee{--ep-advanced-icon-box-icon-top-v-offset:-0px;--ep-advanced-icon-box-icon-top-h-offset:0px;}.elementor-3707 .elementor-element.elementor-element-552b8b4{--ep-advanced-icon-box-icon-top-v-offset:-0px;--ep-advanced-icon-box-icon-top-h-offset:0px;}}@media(min-width:768px){.elementor-3707 .elementor-element.elementor-element-f6346e8{width:19.809%;}.elementor-3707 .elementor-element.elementor-element-b1f43a9{width:80.191%;}.elementor-3707 .elementor-element.elementor-element-0bc7a5a{width:100%;}.elementor-3707 .elementor-element.elementor-element-de67b29{width:10.938%;}.elementor-3707 .elementor-element.elementor-element-9acaf44{width:89.062%;}.elementor-3707 .elementor-element.elementor-element-b1c062d{width:10.938%;}.elementor-3707 .elementor-element.elementor-element-4925203{width:89.062%;}.elementor-3707 .elementor-element.elementor-element-3fa16c9{width:10.938%;}.elementor-3707 .elementor-element.elementor-element-cf05b9c{width:89.062%;}}@media(max-width:767px){.elementor-3707 .elementor-element.elementor-element-9b5502d .bdt-ep-advanced-icon-box-icon{margin-bottom:15px;}.elementor-3707 .elementor-element.elementor-element-9b5502d{--ep-advanced-icon-box-icon-top-v-offset:-0px;--ep-advanced-icon-box-icon-top-h-offset:0px;}.elementor-3707 .elementor-element.elementor-element-b2923ee .bdt-ep-advanced-icon-box-icon{margin-bottom:15px;}.elementor-3707 .elementor-element.elementor-element-b2923ee{--ep-advanced-icon-box-icon-top-v-offset:-0px;--ep-advanced-icon-box-icon-top-h-offset:0px;}.elementor-3707 .elementor-element.elementor-element-552b8b4 .bdt-ep-advanced-icon-box-icon{margin-bottom:15px;}.elementor-3707 .elementor-element.elementor-element-552b8b4{--ep-advanced-icon-box-icon-top-v-offset:-0px;--ep-advanced-icon-box-icon-top-h-offset:0px;}}/* Start custom CSS for heading, class: .elementor-element-439f594 */.elementor-3707 .elementor-element.elementor-element-439f594 {
    color: #ffffff;
}

.elementor-3707 .elementor-element.elementor-element-439f594 .ubm-highlight {
    color: #EEAD16;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95ccdcb *//* =========================
   UBM BENEFITS
   Minimal Design
========================= */

.ubm-benefits {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto;
    padding: 80px 20px;

    box-sizing: border-box;

    direction: rtl;
}


/* =========================
   HEADER
========================= */

.ubm-benefits-header {
    max-width: 760px;

    margin: 0 0 50px auto;
}


.ubm-section-label {
    display: inline-block;

    margin-bottom: 14px;

    color: #EEAD16;

    font-size: 14px;
    font-weight: 700;
}


.ubm-benefits-header h2 {
    margin: 0 0 18px;

    color: #101B2D;

    font-size: clamp(30px, 4vw, 46px);
    font-weight: 800;

    line-height: 1.5;
}


.ubm-benefits-header h2 span {
    color: #EEAD16;
}


.ubm-benefits-header p {
    margin: 0;

    color: #687386;

    font-size: 16px;
    font-weight: 400;

    line-height: 2.1;
}


/* =========================
   CARDS GRID
========================= */

.ubm-benefits-grid {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;
}


/* =========================
   CARD
========================= */

.ubm-card {
    position: relative;

    padding: 32px;

    background: #FFFFFF;

    border: 1px solid #E5E8ED;

    border-radius: 8px;

    box-sizing: border-box;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


/* Hover بسیار ساده */

.ubm-card:hover {
    transform: translateY(-3px);

    border-color: #EEAD16;

    box-shadow: 0 10px 30px rgba(16, 27, 45, 0.07);
}


/* =========================
   NUMBER
========================= */

.ubm-card-number {
    margin-bottom: 22px;

    color: #EEAD16;

    font-size: 14px;
    font-weight: 800;

    letter-spacing: 1px;
}


/* =========================
   CARD TITLE
========================= */

.ubm-card h3 {
    margin: 0 0 14px;

    color: #101B2D;

    font-size: 21px;
    font-weight: 800;

    line-height: 1.6;
}


/* =========================
   CARD TEXT
========================= */

.ubm-card p {
    margin: 0;

    color: #697586;

    font-size: 14.5px;
    font-weight: 400;

    line-height: 2.1;
}


.ubm-card p strong {
    color: #101B2D;

    font-weight: 700;
}


/* =========================
   FEATURE NUMBER
========================= */

.ubm-card-highlight {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-top: 24px;
    padding-top: 18px;

    border-top: 1px solid #ECEEF1;
}


.ubm-card-highlight strong {
    color: #EEAD16;

    font-size: 23px;
    font-weight: 800;
}


.ubm-card-highlight span {
    color: #7A8493;

    font-size: 12px;
}


/* =========================
   TABLET
========================= */

@media (max-width: 850px) {

    .ubm-benefits {
        padding: 65px 20px;
    }

    .ubm-benefits-grid {
        grid-template-columns: 1fr;
    }

    .ubm-card {
        padding: 28px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .ubm-benefits {
        padding: 50px 16px;
    }

    .ubm-benefits-header {
        margin-bottom: 35px;
    }

    .ubm-section-label {
        font-size: 12px;
    }

    .ubm-benefits-header h2 {
        font-size: 29px;

        line-height: 1.55;
    }

    .ubm-benefits-header p {
        font-size: 14px;

        line-height: 2;
    }

    .ubm-benefits-grid {
        gap: 14px;
    }

    .ubm-card {
        padding: 24px 20px;

        border-radius: 7px;
    }

    .ubm-card-number {
        margin-bottom: 17px;
    }

    .ubm-card h3 {
        font-size: 18px;

        line-height: 1.7;
    }

    .ubm-card p {
        font-size: 13.5px;

        line-height: 2.1;
    }

    .ubm-card-highlight strong {
        font-size: 20px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65cb028 *//* =========================
   UBM Projects Section
========================= */

.ubm-projects {
    direction: rtl;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 80px 24px;
    box-sizing: border-box;
    font-family: inherit;
}

/* Header */

.ubm-projects__header {
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

.ubm-projects__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    padding: 7px 14px;
    border: 1px solid rgba(238, 173, 22, 0.35);
    border-radius: 50px;
    color: #EEAD16;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.ubm-projects__header h2 {
    margin: 0 0 18px;
    color: #051934;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.45;
    font-weight: 800;
}

.ubm-projects__header p {
    margin: 0;
    color: #667384;
    font-size: 17px;
    line-height: 2;
}

/* Grid */

.ubm-projects__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

/* Cards */

.ubm-project-card {
    position: relative;
    min-height: 190px;
    padding: 28px 24px;
    background: #ffffff;
    border: 1px solid #e3e8ee;
    border-radius: 16px;
    box-sizing: border-box;
    overflow: hidden;
    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.ubm-project-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 3px;
    background: #EEAD16;
    border-radius: 0 0 0 6px;
}

.ubm-project-card:hover {
    transform: translateY(-5px);
    border-color: rgba(238, 173, 22, 0.65);
    box-shadow: 0 15px 35px rgba(5, 25, 52, 0.08);
}

.ubm-project-card__number {
    position: absolute;
    top: 18px;
    left: 20px;
    color: #cbd3dc;
    font-size: 13px;
    font-weight: 800;
    direction: ltr;
}

.ubm-project-card__icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    background: rgba(238, 173, 22, 0.11);
    border-radius: 12px;
    color: #EEAD16;
    font-size: 20px;
    font-weight: 700;
}

.ubm-project-card h3 {
    margin: 0;
    color: #051934;
    font-size: 17px;
    line-height: 1.8;
    font-weight: 700;
}

/* Wide Card */

.ubm-project-card--wide {
    grid-column: span 1;
}

/* Technical Note */

.ubm-projects__note {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-top: 24px;
    padding: 26px 28px;
    background: #051934;
    border-radius: 16px;
    box-sizing: border-box;
}

.ubm-projects__note-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(238, 173, 22, 0.55);
    border-radius: 50%;
    color: #EEAD16;
    font-size: 18px;
    font-weight: 800;
}

.ubm-projects__note h3 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.7;
    font-weight: 700;
}

.ubm-projects__note p {
    margin: 0;
    color: #c4ced9;
    font-size: 15px;
    line-height: 2;
}

/* =========================
   Tablet
========================= */

@media (max-width: 1024px) {

    .ubm-projects {
        padding: 65px 20px;
    }

    .ubm-projects__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ubm-project-card {
        min-height: 175px;
    }
}

/* =========================
   Mobile
========================= */

@media (max-width: 767px) {

    .ubm-projects {
        padding: 55px 16px;
    }

    .ubm-projects__header {
        margin-bottom: 30px;
    }

    .ubm-projects__header h2 {
        font-size: 26px;
    }

    .ubm-projects__header p {
        font-size: 15px;
        line-height: 1.9;
    }

    .ubm-projects__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .ubm-project-card,
    .ubm-project-card--wide {
        grid-column: auto;
        min-height: auto;
        padding: 23px 20px;
    }

    .ubm-project-card__icon {
        margin-bottom: 18px;
    }

    .ubm-project-card h3 {
        font-size: 16px;
    }

    .ubm-projects__note {
        gap: 13px;
        padding: 22px 18px;
    }

    .ubm-projects__note h3 {
        font-size: 15px;
    }

    .ubm-projects__note p {
        font-size: 14px;
    }
}/* End custom CSS */