.elementor-31424 .elementor-element.elementor-element-355641e{--display:flex;--min-height:120px;--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-31424 .elementor-element.elementor-element-ad88dea{--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-31424 .elementor-element.elementor-element-ccfb254{--display:flex;--min-height:550px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31424 .elementor-element.elementor-element-ccfb254:not(.elementor-motion-effects-element-type-background), .elementor-31424 .elementor-element.elementor-element-ccfb254 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://murabbadhofar.com/wp-content/uploads/2025/09/service1-1200x800-1-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-31424 .elementor-element.elementor-element-6a65db6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-31424 .elementor-element.elementor-element-b7c47c2 .elementor-heading-title{color:#FFFFFF;}.elementor-31424 .elementor-element.elementor-element-3ed647c .elementor-heading-title{color:#FFFFFF;}.elementor-31424 .elementor-element.elementor-element-14f9156{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31424 .elementor-element.elementor-element-60f1c29{--display:flex;}.elementor-31424 .elementor-element.elementor-element-eb17cd6 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-31424 .elementor-element.elementor-element-eb17cd6{text-align:right;}.elementor-31424 .elementor-element.elementor-element-eb17cd6 .elementor-heading-title{font-size:28px;color:#242424;}.elementor-31424 .elementor-element.elementor-element-8e57dc0 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-31424 .elementor-element.elementor-element-8e57dc0{text-align:right;font-size:17px;color:#4A5568;}.elementor-31424 .elementor-element.elementor-element-dd9e1f7{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31424 .elementor-element.elementor-element-88f529b .elementor-button{background-color:var( --e-global-color-primary );font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:12px 12px 12px 12px;}.elementor-31424 .elementor-element.elementor-element-28e052f .elementor-button{background-color:#E9685200;font-weight:600;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:12px 12px 12px 12px;}.elementor-31424 .elementor-element.elementor-element-735df2e{--display:flex;}.elementor-31424 .elementor-element.elementor-element-735df2e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31424 .elementor-element.elementor-element-5858f0f{text-align:center;}.elementor-31424 .elementor-element.elementor-element-5858f0f .elementor-heading-title{color:var( --e-global-color-8e7f65b );}.elementor-31424 .elementor-element.elementor-element-a320431 .info-box-title{color:#2D3748;font-size:17px;}.elementor-31424 .elementor-element.elementor-element-a320431 .info-box-inner{color:#2D3748;}.elementor-31424 .elementor-element.elementor-element-28dae3a .info-box-title{color:#2D3748;font-size:17px;}.elementor-31424 .elementor-element.elementor-element-28dae3a .info-box-inner{color:#2D3748;}.elementor-31424 .elementor-element.elementor-element-bf89d06 .info-box-title{color:#2D3748;font-size:17px;}.elementor-31424 .elementor-element.elementor-element-bf89d06 .info-box-inner{color:#2D3748;}.elementor-31424 .elementor-element.elementor-element-84e3119{--display:flex;}.elementor-31424 .elementor-element.elementor-element-84e3119.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31424 .elementor-element.elementor-element-74fea79 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-31424 .elementor-element.elementor-element-74fea79{text-align:right;}.elementor-31424 .elementor-element.elementor-element-74fea79 .elementor-heading-title{font-size:28px;color:#242424;}.elementor-31424 .elementor-element.elementor-element-1dfbd9d .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-31424 .elementor-element.elementor-element-1dfbd9d .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-31424 .elementor-element.elementor-element-1dfbd9d{--image-border-radius:12px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}@media(min-width:768px){.elementor-31424 .elementor-element.elementor-element-735df2e{--width:30%;}}@media(max-width:767px){.elementor-31424 .elementor-element.elementor-element-355641e{--min-height:80px;}.elementor-31424 .elementor-element.elementor-element-ad88dea{--flex-wrap:nowrap;}.elementor-31424 .elementor-element.elementor-element-ccfb254{--min-height:200px;}.elementor-31424 .elementor-element.elementor-element-3ed647c .elementor-heading-title{font-size:18px;}.elementor-31424 .elementor-element.elementor-element-14f9156{--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-31424 .elementor-element.elementor-element-eb17cd6 .elementor-heading-title{font-size:22px;line-height:1.2em;}.elementor-31424 .elementor-element.elementor-element-74fea79 .elementor-heading-title{font-size:22px;line-height:1.2em;}}/* Start custom CSS for html, class: .elementor-element-96a35c3 */.elementor-31424 .elementor-element.elementor-element-96a35c3 a {
    /*color: #f7e600;*/
}
.elementor-31424 .elementor-element.elementor-element-96a35c3 span {
    color: #a0a8b3;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7c47c2 */.elementor-31424 .elementor-element.elementor-element-b7c47c2 h3 {
        display: inline-block;
    background:var(--wd-primary-color);
    padding: 0.5rem 1rem;
    border-radius: 25px;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 1rem;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ed647c */.elementor-31424 .elementor-element.elementor-element-3ed647c h1 {
        font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a65db6 */.elementor-31424 .elementor-element.elementor-element-6a65db6 {
        position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    padding: 3rem 2rem 2rem;
}
@media(max-width: 767px) {
    .elementor-31424 .elementor-element.elementor-element-6a65db6 {
        padding: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ccfb254 */.elementor-31424 .elementor-element.elementor-element-ccfb254 {
        position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 3rem;
    /*box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);*/
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-eb17cd6 */.elementor-31424 .elementor-element.elementor-element-eb17cd6 h3 {
    position: relative;
    width: fit-content;
}
.elementor-31424 .elementor-element.elementor-element-eb17cd6 h3::before {
    content: '';
    position: absolute;
    bottom: -15px;
    right: 0;
    width: 70%;
    height: 4px;
background: linear-gradient(135deg, #F57C00, #FFC107);
    border-radius: 2px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-88f529b */@media(max-width: 767px) {
    .elementor-31424 .elementor-element.elementor-element-88f529b.elementor-widget-button{
    width: 100% !important;
}
.elementor-31424 .elementor-element.elementor-element-88f529b a {
    width: 100% !important
    ;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-28e052f */@media(max-width: 767px) {
    .elementor-31424 .elementor-element.elementor-element-28e052f.elementor-widget-button{
    width: 100% !important;
}
.elementor-31424 .elementor-element.elementor-element-28e052f a {
    width: 100% !important
    ;
}
}
.elementor-31424 .elementor-element.elementor-element-28e052f {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60f1c29 */.elementor-31424 .elementor-element.elementor-element-60f1c29 {
        background: white;
    border-radius: 16px;
    padding: 2.5rem;
    border: 1px solid white;
    0 4px 20px rgba(18, 66, 102, 0.1)

}
@media(max-width: 767px) {
    .elementor-31424 .elementor-element.elementor-element-60f1c29 {
        padding: 24px;
    }
}

.elementor-31424 .elementor-element.elementor-element-60f1c29 {
        background: white;
    padding: 3rem;
    border-radius: 16px;
    /*margin-bottom: 3rem;*/
    border: 1px solid white;
}
@media(max-width: 767px) {
    .elementor-31424 .elementor-element.elementor-element-60f1c29 {
        padding: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-a320431 */.elementor-31424 .elementor-element.elementor-element-a320431 {
        display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    /*background: rgba(179, 152, 98, 0.05);*/
    background: linear-gradient(135deg, #F57C00, #FFC107);
    border-radius: 15px;
    border: 1px solid rgba(179, 152, 98, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.elementor-31424 .elementor-element.elementor-element-a320431::before {
        content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(179, 152, 98, 0.1), transparent);
    
    transition: left 0.5s ease;
}
.elementor-31424 .elementor-element.elementor-element-a320431:hover {
        transform: translateX(-10px);
    border-color: rgba(179, 152, 98, 0.3);
    background: rgba(179, 152, 98, 0.1);
}
.elementor-31424 .elementor-element.elementor-element-a320431 .info-box-icon {
        width: 40px;
    height: 40px;
  
background: linear-gradient(135deg, #F57C00, #FFC107);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #000;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    padding: 10px;
}
.elementor-31424 .elementor-element.elementor-element-a320431 img {
    width: 20px;
}
.elementor-31424 .elementor-element.elementor-element-a320431 {
      
    margin-bottom: 1rem;
    padding: 0.75rem;
    background: #f0f4f8;
    border-radius: 10px;

    
}
.elementor-31424 .elementor-element.elementor-element-a320431 {
    display: none;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-28dae3a */.elementor-31424 .elementor-element.elementor-element-28dae3a {
        display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    /*background: rgba(179, 152, 98, 0.05);*/
    background: linear-gradient(135deg, #F57C00, #FFC107);
    border-radius: 15px;
    border: 1px solid rgba(179, 152, 98, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.elementor-31424 .elementor-element.elementor-element-28dae3a::before {
        content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(179, 152, 98, 0.1), transparent);
    
    transition: left 0.5s ease;
}
.elementor-31424 .elementor-element.elementor-element-28dae3a:hover {
        transform: translateX(-10px);
    border-color: rgba(179, 152, 98, 0.3);
    background: rgba(179, 152, 98, 0.1);
}
.elementor-31424 .elementor-element.elementor-element-28dae3a .info-box-icon {
        width: 40px;
    height: 40px;
  
background: linear-gradient(135deg, #F57C00, #FFC107);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #000;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    padding: 10px;
}
.elementor-31424 .elementor-element.elementor-element-28dae3a img {
    width: 20px;
}
.elementor-31424 .elementor-element.elementor-element-28dae3a {
      
    margin-bottom: 1rem;
    padding: 0.75rem;
    background: #f0f4f8;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-bf89d06 */.elementor-31424 .elementor-element.elementor-element-bf89d06 {
        display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    /*background: rgba(179, 152, 98, 0.05);*/
    background: linear-gradient(135deg, #F57C00, #FFC107);
    border-radius: 15px;
    border: 1px solid rgba(179, 152, 98, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.elementor-31424 .elementor-element.elementor-element-bf89d06::before {
        content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(179, 152, 98, 0.1), transparent);
    
    transition: left 0.5s ease;
}
.elementor-31424 .elementor-element.elementor-element-bf89d06:hover {
        transform: translateX(-10px);
    border-color: rgba(179, 152, 98, 0.3);
    background: rgba(179, 152, 98, 0.1);
}
.elementor-31424 .elementor-element.elementor-element-bf89d06 .info-box-icon {
        width: 40px;
    height: 40px;
  
background: linear-gradient(135deg, #F57C00, #FFC107);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #000;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    padding: 10px;
}
.elementor-31424 .elementor-element.elementor-element-bf89d06 img {
    width: 20px;
}
.elementor-31424 .elementor-element.elementor-element-bf89d06 {
      
    margin-bottom: 1rem;
    padding: 0.75rem;
    background: #f0f4f8;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-735df2e */.elementor-31424 .elementor-element.elementor-element-735df2e {
        background: white;
    border-radius: 16px;
    padding: 2rem;
    border: 1px solid white;
    0 4px 20px rgba(18, 66, 102, 0.1)
    box-shadow: 0 4px 20px rgba(18, 66, 102, 0.1);

}
@media(max-width: 767px) {
    .elementor-31424 .elementor-element.elementor-element-735df2e {
        padding: 24px;
    }
}
.elementor-31424 .elementor-element.elementor-element-735df2e {
        background: white;
    padding: 2rem;
    border-radius: 16px;
    border: 1px solid white;
    /*margin-bottom: 1.5rem;*/
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-74fea79 */.elementor-31424 .elementor-element.elementor-element-74fea79 h3 {
    position: relative;
    width: fit-content;
}
.elementor-31424 .elementor-element.elementor-element-74fea79 h3::before {
    content: '';
    position: absolute;
    bottom: -15px;
    right: 0;
    width: 70%;
    height: 4px;
background: linear-gradient(135deg, #F57C00, #FFC107);
    border-radius: 2px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84e3119 */.elementor-31424 .elementor-element.elementor-element-84e3119 {
        background: white;
    border-radius: 16px;
    padding: 2.5rem;
    border: 1px solid white;
}
@media(max-width: 767px) {
    .elementor-31424 .elementor-element.elementor-element-84e3119 {
        padding: 24px;
    }
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-31424 .wd-page-content {
 
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}/* End custom CSS */