/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.ab-header
 {
    position: absolute;
}

.custom #form-field-email {
    padding: 0 0px 20px 0px;
}

.custom-overlay::before {
    background: linear-gradient(90deg, rgba(12, 42, 58, 0.8) 43.33%, rgba(12, 42, 58, 0) 80.31%), linear-gradient(180deg, rgba(0, 0, 0, 0) 48.54%, rgba(0, 0, 0, 0.25) 87.15%) !important;
}

.custom-overlay1::before {
    background: linear-gradient(90.03deg, rgba(12, 42, 58, 0.8) 43.34%, rgba(12, 42, 58, 0) 77.33%), linear-gradient(180deg, rgba(0, 0, 0, 0) 48.54%, rgba(0, 0, 0, 0.35) 87.15%) !important;
}

.custom-overlay2::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48.54%, rgba(0, 0, 0, 0.25) 87.15%), linear-gradient(90deg, rgba(12, 42, 58, 0.8) 43.33%, rgba(12, 42, 58, 0) 80.31%) !important;
}


.elementor-item.elementor-item-active {
    font-weight: 500 !important;
}

.custom-style .elementor-icon-list-items.elementor-inline-items {
    gap: 10px;
}

.custom-style .elementor-icon-list-item.elementor-inline-item {
    background: white;
    padding: 3px 15px;
    border: 1px solid #00000014;
    border-radius: 48px;
}

.page-id-13 .elementor-element.elementor-element-3946cf8.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded , .page-id-23 .elementor-element.elementor-element-3946cf8.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded{
    display: none;
}

.customs .elementor-button.elementor-size-sm {
    position: relative;

}


.customs .elementor-button.elementor-size-sm::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    right: -7px;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(/wp-content/uploads/2025/11/arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.custom .elementor-button.elementor-size-sm {
    position: relative;

}


.custom .elementor-button.elementor-size-sm::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    right: -7px;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(/wp-content/uploads/2025/11/arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
}


.custom-post .wadi_featured_image {
    border-radius: 6px;
}

.data_filter {
    font-size: 16px !important;
}

.comment-form .form-submit #submit {
    border: none;
}

.comment-form .logged-in-as a {
    color: #0C2A3A;
}







.our-works-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Main item wrapper */
.work-item {
    display: grid;
    grid-template-columns: 1.2fr 0.7fr;
    gap: 10px;
    align-items: stretch;
}

/* Right layout - swap columns */
.work-item.right-layout {
    grid-template-columns: 0.7fr 1.2fr;
}

/* Main image container - needs position relative for badges */
.main-img {
    position: relative;
}

/* In right layout, main image goes to column 2 */
.work-item.right-layout .main-img {
    grid-column: 2;
}

/* In right layout, thumbs go to column 1 */
.work-item.right-layout .thumbs {
    grid-column: 1;
    grid-row: 1;
}

/* Main Hero Image */
.main-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

/* Side thumbnails */
.thumb-inline-group {
    display: flex;
/*     align-items: center; */
    justify-content: center;
    gap: 10px;
}

.thumbs {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

/* Mobile */
@media (max-width: 768px) {
    .work-item {
        grid-template-columns: 1fr;
    }
    
    .work-item.right-layout {
        grid-template-columns: 1fr;
    }
    
    .work-item.right-layout .main-img,
    .work-item.right-layout .thumbs {
        grid-column: unset;
        grid-row: unset;
    }
}