.elementor-11188 .elementor-element.elementor-element-c3ec3c9{--display:flex;}.elementor-11188 .elementor-element.elementor-element-a56d2e4{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#F29F05;}.elementor-11188 .elementor-element.elementor-element-a56d2e4 .elementor-headline{text-align:center;}.elementor-11188 .elementor-element.elementor-element-2a92e6f{--display:flex;}.elementor-11188 .elementor-element.elementor-element-2a92e6f:not(.elementor-motion-effects-element-type-background), .elementor-11188 .elementor-element.elementor-element-2a92e6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9F3FB;}.elementor-11188 .elementor-element.elementor-element-cc60971{--display:flex;}.elementor-11188 .elementor-element.elementor-element-48551a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11188 .elementor-element.elementor-element-0a6cbdf{--display:flex;}.elementor-11188 .elementor-element.elementor-element-86aab60{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11188 .elementor-element.elementor-element-cc4c86d{--display:flex;}.elementor-11188 .elementor-element.elementor-element-c4e8ab3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11188 .elementor-element.elementor-element-4ed7152{--n-accordion-title-font-size:24px;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-11188 .elementor-element.elementor-element-4ed7152 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-secondary );}.elementor-11188 .elementor-element.elementor-element-7a30524{--display:flex;}.elementor-11188 .elementor-element.elementor-element-572874d .elementor-flip-box__front{background-color:#F29F05;}.elementor-11188 .elementor-element.elementor-element-572874d .elementor-flip-box__back{background-color:var( --e-global-color-text );}.elementor-11188 .elementor-element.elementor-element-572874d .elementor-flip-box__layer, .elementor-11188 .elementor-element.elementor-element-572874d .elementor-flip-box__layer__overlay{border-radius:33px;}.elementor-11188 .elementor-element.elementor-element-572874d .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-11188 .elementor-element.elementor-element-572874d .elementor-icon i{transform:rotate(0deg);}.elementor-11188 .elementor-element.elementor-element-572874d .elementor-icon svg{transform:rotate(0deg);}.elementor-11188 .elementor-element.elementor-element-572874d .elementor-flip-box__front .elementor-flip-box__layer__description{color:#000000;font-size:18px;}.elementor-11188 .elementor-element.elementor-element-572874d .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-11188 .elementor-element.elementor-element-572874d .elementor-flip-box__button{margin-center:0;}.elementor-11188 .elementor-element.elementor-element-572874d .elementor-flip-box__back .elementor-flip-box__layer__title{color:var( --e-global-color-secondary );font-size:35px;}.elementor-11188 .elementor-element.elementor-element-8983f1d{--display:flex;}.elementor-11188 .elementor-element.elementor-element-4de11da{--display:flex;}/* Start custom CSS for html, class: .elementor-element-dcceb96 *//* أنماط عامة للصفحة */
.page-container {
    max-width: 960px; /* أو أي عرض مناسب */
    margin: 0 auto; /* لمركزة المحتوى */
    padding: 20px;
}

.crane-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
}

.crane-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.crane-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.crane-header h3 {
    margin: 0;
    color: #333;
    font-size: 1.2em;
}

/* لون أسماء المحافظات */
.province-content h2 {
    color: #0056b3; /* لون أزرق داكن لتمييز أسماء المحافظات */
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.8em;
}

.crane-type {
    background: #007cba;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.9em;
}

.crane-details p {
    margin: 8px 0;
    color: #666;
}

/* لضمان ظهور أرقام الهواتف بشكل صحيح */
.phone-number {
    direction: ltr; /* فرض اتجاه النص من اليسار إلى اليمين */
    unicode-bidi: bidi-override; /* تجاوز خوارزمية ثنائية الاتجاه */
}

.crane-actions {
    margin-top: 15px;
    display: flex; /* لجعل الأزرار تظهر جنبًا إلى جنب */
    gap: 10px; /* مسافة بين الأزرار */
}

.btn-call, .btn-whatsapp {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
    flex-grow: 1; /* لجعل الأزرار تتمدد لملء المساحة المتاحة */
    text-align: center;
}

.btn-call {
    background: #28a745;
    color: white;
}

.btn-call:hover {
    background: #218838;
}

.btn-whatsapp {
    background: #25d366;
    color: white;
}

.btn-whatsapp:hover {
    background: #128c7e;
}

/* تصميم متجاوب للموبايل */
@media (max-width: 768px) {
    .crane-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .crane-type {
        margin-top: 8px;
    }
    
    .crane-card {
        padding: 15px;
    }
    .crane-actions {
        flex-direction: column; /* لجعل الأزرار تظهر فوق بعضها في الموبايل */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37ee481 *//* أنماط عامة للصفحة */
.page-container {
    max-width: 960px; /* أو أي عرض مناسب */
    margin: 0 auto; /* لمركزة المحتوى */
    padding: 20px;
}

.crane-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
}

.crane-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.crane-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.crane-header h3 {
    margin: 0;
    color: #333;
    font-size: 1.2em;
}

/* لون أسماء المحافظات */
.province-content h2 {
    color: #0056b3; /* لون أزرق داكن لتمييز أسماء المحافظات */
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.8em;
}

.crane-type {
    background: #007cba;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.9em;
}

.crane-details p {
    margin: 8px 0;
    color: #666;
}

/* لضمان ظهور أرقام الهواتف بشكل صحيح */
.phone-number {
    direction: ltr; /* فرض اتجاه النص من اليسار إلى اليمين */
    unicode-bidi: bidi-override; /* تجاوز خوارزمية ثنائية الاتجاه */
}

.crane-actions {
    margin-top: 15px;
    display: flex; /* لجعل الأزرار تظهر جنبًا إلى جنب */
    gap: 10px; /* مسافة بين الأزرار */
}

.btn-call, .btn-whatsapp {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
    flex-grow: 1; /* لجعل الأزرار تتمدد لملء المساحة المتاحة */
    text-align: center;
}

.btn-call {
    background: #28a745;
    color: white;
}

.btn-call:hover {
    background: #218838;
}

.btn-whatsapp {
    background: #25d366;
    color: white;
}

.btn-whatsapp:hover {
    background: #128c7e;
}

/* تصميم متجاوب للموبايل */
@media (max-width: 768px) {
    .crane-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .crane-type {
        margin-top: 8px;
    }
    
    .crane-card {
        padding: 15px;
    }
    .crane-actions {
        flex-direction: column; /* لجعل الأزرار تظهر فوق بعضها في الموبايل */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dcceb96 *//* أنماط عامة للصفحة */
.page-container {
    max-width: 960px; /* أو أي عرض مناسب */
    margin: 0 auto; /* لمركزة المحتوى */
    padding: 20px;
}

.crane-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
}

.crane-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.crane-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.crane-header h3 {
    margin: 0;
    color: #333;
    font-size: 1.2em;
}

/* لون أسماء المحافظات */
.province-content h2 {
    color: #0056b3; /* لون أزرق داكن لتمييز أسماء المحافظات */
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.8em;
}

.crane-type {
    background: #007cba;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.9em;
}

.crane-details p {
    margin: 8px 0;
    color: #666;
}

/* لضمان ظهور أرقام الهواتف بشكل صحيح */
.phone-number {
    direction: ltr; /* فرض اتجاه النص من اليسار إلى اليمين */
    unicode-bidi: bidi-override; /* تجاوز خوارزمية ثنائية الاتجاه */
}

.crane-actions {
    margin-top: 15px;
    display: flex; /* لجعل الأزرار تظهر جنبًا إلى جنب */
    gap: 10px; /* مسافة بين الأزرار */
}

.btn-call, .btn-whatsapp {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
    flex-grow: 1; /* لجعل الأزرار تتمدد لملء المساحة المتاحة */
    text-align: center;
}

.btn-call {
    background: #28a745;
    color: white;
}

.btn-call:hover {
    background: #218838;
}

.btn-whatsapp {
    background: #25d366;
    color: white;
}

.btn-whatsapp:hover {
    background: #128c7e;
}

/* تصميم متجاوب للموبايل */
@media (max-width: 768px) {
    .crane-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .crane-type {
        margin-top: 8px;
    }
    
    .crane-card {
        padding: 15px;
    }
    .crane-actions {
        flex-direction: column; /* لجعل الأزرار تظهر فوق بعضها في الموبايل */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37ee481 *//* أنماط عامة للصفحة */
.page-container {
    max-width: 960px; /* أو أي عرض مناسب */
    margin: 0 auto; /* لمركزة المحتوى */
    padding: 20px;
}

.crane-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
}

.crane-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.crane-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.crane-header h3 {
    margin: 0;
    color: #333;
    font-size: 1.2em;
}

/* لون أسماء المحافظات */
.province-content h2 {
    color: #0056b3; /* لون أزرق داكن لتمييز أسماء المحافظات */
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.8em;
}

.crane-type {
    background: #007cba;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.9em;
}

.crane-details p {
    margin: 8px 0;
    color: #666;
}

/* لضمان ظهور أرقام الهواتف بشكل صحيح */
.phone-number {
    direction: ltr; /* فرض اتجاه النص من اليسار إلى اليمين */
    unicode-bidi: bidi-override; /* تجاوز خوارزمية ثنائية الاتجاه */
}

.crane-actions {
    margin-top: 15px;
    display: flex; /* لجعل الأزرار تظهر جنبًا إلى جنب */
    gap: 10px; /* مسافة بين الأزرار */
}

.btn-call, .btn-whatsapp {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
    flex-grow: 1; /* لجعل الأزرار تتمدد لملء المساحة المتاحة */
    text-align: center;
}

.btn-call {
    background: #28a745;
    color: white;
}

.btn-call:hover {
    background: #218838;
}

.btn-whatsapp {
    background: #25d366;
    color: white;
}

.btn-whatsapp:hover {
    background: #128c7e;
}

/* تصميم متجاوب للموبايل */
@media (max-width: 768px) {
    .crane-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .crane-type {
        margin-top: 8px;
    }
    
    .crane-card {
        padding: 15px;
    }
    .crane-actions {
        flex-direction: column; /* لجعل الأزرار تظهر فوق بعضها في الموبايل */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dcceb96 *//* أنماط عامة للصفحة */
.page-container {
    max-width: 960px; /* أو أي عرض مناسب */
    margin: 0 auto; /* لمركزة المحتوى */
    padding: 20px;
}

.crane-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
}

.crane-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.crane-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.crane-header h3 {
    margin: 0;
    color: #333;
    font-size: 1.2em;
}

/* لون أسماء المحافظات */
.province-content h2 {
    color: #0056b3; /* لون أزرق داكن لتمييز أسماء المحافظات */
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.8em;
}

.crane-type {
    background: #007cba;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.9em;
}

.crane-details p {
    margin: 8px 0;
    color: #666;
}

/* لضمان ظهور أرقام الهواتف بشكل صحيح */
.phone-number {
    direction: ltr; /* فرض اتجاه النص من اليسار إلى اليمين */
    unicode-bidi: bidi-override; /* تجاوز خوارزمية ثنائية الاتجاه */
}

.crane-actions {
    margin-top: 15px;
    display: flex; /* لجعل الأزرار تظهر جنبًا إلى جنب */
    gap: 10px; /* مسافة بين الأزرار */
}

.btn-call, .btn-whatsapp {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
    flex-grow: 1; /* لجعل الأزرار تتمدد لملء المساحة المتاحة */
    text-align: center;
}

.btn-call {
    background: #28a745;
    color: white;
}

.btn-call:hover {
    background: #218838;
}

.btn-whatsapp {
    background: #25d366;
    color: white;
}

.btn-whatsapp:hover {
    background: #128c7e;
}

/* تصميم متجاوب للموبايل */
@media (max-width: 768px) {
    .crane-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .crane-type {
        margin-top: 8px;
    }
    
    .crane-card {
        padding: 15px;
    }
    .crane-actions {
        flex-direction: column; /* لجعل الأزرار تظهر فوق بعضها في الموبايل */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37ee481 *//* أنماط عامة للصفحة */
.page-container {
    max-width: 960px; /* أو أي عرض مناسب */
    margin: 0 auto; /* لمركزة المحتوى */
    padding: 20px;
}

.crane-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
}

.crane-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.crane-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.crane-header h3 {
    margin: 0;
    color: #333;
    font-size: 1.2em;
}

/* لون أسماء المحافظات */
.province-content h2 {
    color: #0056b3; /* لون أزرق داكن لتمييز أسماء المحافظات */
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.8em;
}

.crane-type {
    background: #007cba;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.9em;
}

.crane-details p {
    margin: 8px 0;
    color: #666;
}

/* لضمان ظهور أرقام الهواتف بشكل صحيح */
.phone-number {
    direction: ltr; /* فرض اتجاه النص من اليسار إلى اليمين */
    unicode-bidi: bidi-override; /* تجاوز خوارزمية ثنائية الاتجاه */
}

.crane-actions {
    margin-top: 15px;
    display: flex; /* لجعل الأزرار تظهر جنبًا إلى جنب */
    gap: 10px; /* مسافة بين الأزرار */
}

.btn-call, .btn-whatsapp {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
    flex-grow: 1; /* لجعل الأزرار تتمدد لملء المساحة المتاحة */
    text-align: center;
}

.btn-call {
    background: #28a745;
    color: white;
}

.btn-call:hover {
    background: #218838;
}

.btn-whatsapp {
    background: #25d366;
    color: white;
}

.btn-whatsapp:hover {
    background: #128c7e;
}

/* تصميم متجاوب للموبايل */
@media (max-width: 768px) {
    .crane-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .crane-type {
        margin-top: 8px;
    }
    
    .crane-card {
        padding: 15px;
    }
    .crane-actions {
        flex-direction: column; /* لجعل الأزرار تظهر فوق بعضها في الموبايل */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dcceb96 *//* أنماط عامة للصفحة */
.page-container {
    max-width: 960px; /* أو أي عرض مناسب */
    margin: 0 auto; /* لمركزة المحتوى */
    padding: 20px;
}

.crane-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
}

.crane-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.crane-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.crane-header h3 {
    margin: 0;
    color: #333;
    font-size: 1.2em;
}

/* لون أسماء المحافظات */
.province-content h2 {
    color: #0056b3; /* لون أزرق داكن لتمييز أسماء المحافظات */
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.8em;
}

.crane-type {
    background: #007cba;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.9em;
}

.crane-details p {
    margin: 8px 0;
    color: #666;
}

/* لضمان ظهور أرقام الهواتف بشكل صحيح */
.phone-number {
    direction: ltr; /* فرض اتجاه النص من اليسار إلى اليمين */
    unicode-bidi: bidi-override; /* تجاوز خوارزمية ثنائية الاتجاه */
}

.crane-actions {
    margin-top: 15px;
    display: flex; /* لجعل الأزرار تظهر جنبًا إلى جنب */
    gap: 10px; /* مسافة بين الأزرار */
}

.btn-call, .btn-whatsapp {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
    flex-grow: 1; /* لجعل الأزرار تتمدد لملء المساحة المتاحة */
    text-align: center;
}

.btn-call {
    background: #28a745;
    color: white;
}

.btn-call:hover {
    background: #218838;
}

.btn-whatsapp {
    background: #25d366;
    color: white;
}

.btn-whatsapp:hover {
    background: #128c7e;
}

/* تصميم متجاوب للموبايل */
@media (max-width: 768px) {
    .crane-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .crane-type {
        margin-top: 8px;
    }
    
    .crane-card {
        padding: 15px;
    }
    .crane-actions {
        flex-direction: column; /* لجعل الأزرار تظهر فوق بعضها في الموبايل */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37ee481 *//* أنماط عامة للصفحة */
.page-container {
    max-width: 960px; /* أو أي عرض مناسب */
    margin: 0 auto; /* لمركزة المحتوى */
    padding: 20px;
}

.crane-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
}

.crane-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.crane-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.crane-header h3 {
    margin: 0;
    color: #333;
    font-size: 1.2em;
}

/* لون أسماء المحافظات */
.province-content h2 {
    color: #0056b3; /* لون أزرق داكن لتمييز أسماء المحافظات */
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.8em;
}

.crane-type {
    background: #007cba;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.9em;
}

.crane-details p {
    margin: 8px 0;
    color: #666;
}

/* لضمان ظهور أرقام الهواتف بشكل صحيح */
.phone-number {
    direction: ltr; /* فرض اتجاه النص من اليسار إلى اليمين */
    unicode-bidi: bidi-override; /* تجاوز خوارزمية ثنائية الاتجاه */
}

.crane-actions {
    margin-top: 15px;
    display: flex; /* لجعل الأزرار تظهر جنبًا إلى جنب */
    gap: 10px; /* مسافة بين الأزرار */
}

.btn-call, .btn-whatsapp {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
    flex-grow: 1; /* لجعل الأزرار تتمدد لملء المساحة المتاحة */
    text-align: center;
}

.btn-call {
    background: #28a745;
    color: white;
}

.btn-call:hover {
    background: #218838;
}

.btn-whatsapp {
    background: #25d366;
    color: white;
}

.btn-whatsapp:hover {
    background: #128c7e;
}

/* تصميم متجاوب للموبايل */
@media (max-width: 768px) {
    .crane-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .crane-type {
        margin-top: 8px;
    }
    
    .crane-card {
        padding: 15px;
    }
    .crane-actions {
        flex-direction: column; /* لجعل الأزرار تظهر فوق بعضها في الموبايل */
    }
}/* End custom CSS */