.elementor-8 .elementor-element.elementor-element-1d1d098{--display:flex;}.elementor-8 .elementor-element.elementor-element-44ef30f{--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-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-8 .elementor-element.elementor-element-5918699 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-8 .elementor-element.elementor-element-5918699 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-8 .elementor-element.elementor-element-5918699{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-8 .elementor-element.elementor-element-aa9b9d5{--display:flex;}.elementor-8 .elementor-element.elementor-element-a66419e{--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-8 .elementor-element.elementor-element-13f9d0e{--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-8 .elementor-element.elementor-element-94e351f{--e-image-carousel-slides-to-show:4;}.elementor-8 .elementor-element.elementor-element-66ae818{--display:flex;}.elementor-8 .elementor-element.elementor-element-cacf042{--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-8 .elementor-element.elementor-element-34cd9b1 .elementor-wrapper{--video-aspect-ratio:1.77777;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-94e351f{--e-image-carousel-slides-to-show:2;}}/* Start custom CSS for html, class: .elementor-element-be6e1a7 *//* --- Al-Rawdah Page Styles --- */
:root {
    --ar-primary: #2c3e50;
    --ar-secondary: #e67e22;
    --ar-light: #f9f9f9;
    --ar-text: #333;
}

/* General Layout Fixes for WP Content Areas */
.ar-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: var(--ar-text);
}

.ar-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Hero Section */
.ar-hero {
    /* Replace the URL below with your actual image URL */
    background: linear-gradient(rgba(44, 62, 80, 0.7), rgba(44, 62, 80, 0.7)), url('https://via.placeholder.com/1600x600?text=Al-Rawdah+Aluminum');
    background-size: cover;
    background-position: center;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    margin-bottom: 3rem;
    border-radius: 0 0 8px 8px;
}

.ar-hero h1 {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #fff;
    font-weight: 700;
}

.ar-hero p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    opacity: 0.9;
}

.ar-btn {
    background: var(--ar-secondary);
    color: #fff !important;
    padding: 12px 30px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
    transition: background 0.3s ease;
}

.ar-btn:hover {
    background: #d35400;
}

/* Section Headings */
.ar-section-title {
    text-align: center;
    color: var(--ar-primary);
    margin-bottom: 2rem;
    position: relative;
    padding-bottom: 15px;
}

.ar-section-title::after {
    content: '';
    width: 60px;
    height: 3px;
    background: var(--ar-secondary);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* About Section */
.ar-about {
    text-align: center;
    font-size: 1.1rem;
    margin-bottom: 4rem;
}

/* Services Grid */
.ar-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 4rem;
}

.ar-service-card {
    background: var(--ar-light);
    padding: 25px;
    border-radius: 8px;
    text-align: center;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.ar-service-card:hover {
    transform: translateY(-5px);
}

.ar-service-card h3 {
    color: var(--ar-primary);
    margin-bottom: 15px;
    font-size: 1.4rem;
}

/* Features Strip */
.ar-features {
    background-color: var(--ar-primary);
    color: #fff;
    padding: 40px 0;
    text-align: center;
    margin-bottom: 4rem;
}

.ar-features-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 20px;
}

.ar-feature-item {
    font-size: 1.1rem;
    font-weight: bold;
}

/* FAQ Section */
.ar-faq {
    margin-bottom: 4rem;
}

.ar-faq-item {
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 5px;
}

.ar-faq-question {
    font-weight: bold;
    color: var(--ar-primary);
    margin-bottom: 10px;
    font-size: 1.1rem;
}

/* CTA Footer (Internal) */
.ar-cta-footer {
    background: #f4f4f4;
    padding: 40px;
    text-align: center;
    border-top: 4px solid var(--ar-secondary);
    border-radius: 8px;
}

/* Responsive */
@media (max-width: 768px) {
    .ar-hero h1 { font-size: 2rem; }
    .ar-features-grid { flex-direction: column; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87ce2e1 *//* --- Al-Rawdah Page Styles --- */
:root {
    --ar-primary: #2c3e50;
    --ar-secondary: #e67e22;
    --ar-light: #f9f9f9;
    --ar-text: #333;
}

/* General Layout Fixes for WP Content Areas */
.ar-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: var(--ar-text);
}

.ar-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Hero Section */
.ar-hero {
    /* Replace the URL below with your actual image URL */
    background: linear-gradient(rgba(44, 62, 80, 0.7), rgba(44, 62, 80, 0.7)), url('https://via.placeholder.com/1600x600?text=Al-Rawdah+Aluminum');
    background-size: cover;
    background-position: center;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    margin-bottom: 3rem;
    border-radius: 0 0 8px 8px;
}

.ar-hero h1 {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #fff;
    font-weight: 700;
}

.ar-hero p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    opacity: 0.9;
}

.ar-btn {
    background: var(--ar-secondary);
    color: #fff !important;
    padding: 12px 30px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
    transition: background 0.3s ease;
}

.ar-btn:hover {
    background: #d35400;
}

/* Section Headings */
.ar-section-title {
    text-align: center;
    color: var(--ar-primary);
    margin-bottom: 2rem;
    position: relative;
    padding-bottom: 15px;
}

.ar-section-title::after {
    content: '';
    width: 60px;
    height: 3px;
    background: var(--ar-secondary);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* About Section */
.ar-about {
    text-align: center;
    font-size: 1.1rem;
    margin-bottom: 4rem;
}

/* Services Grid */
.ar-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 4rem;
}

.ar-service-card {
    background: var(--ar-light);
    padding: 25px;
    border-radius: 8px;
    text-align: center;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.ar-service-card:hover {
    transform: translateY(-5px);
}

.ar-service-card h3 {
    color: var(--ar-primary);
    margin-bottom: 15px;
    font-size: 1.4rem;
}

/* Features Strip */
.ar-features {
    background-color: var(--ar-primary);
    color: #fff;
    padding: 40px 0;
    text-align: center;
    margin-bottom: 4rem;
}

.ar-features-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 20px;
}

.ar-feature-item {
    font-size: 1.1rem;
    font-weight: bold;
}

/* FAQ Section */
.ar-faq {
    margin-bottom: 4rem;
}

.ar-faq-item {
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 5px;
}

.ar-faq-question {
    font-weight: bold;
    color: var(--ar-primary);
    margin-bottom: 10px;
    font-size: 1.1rem;
}

/* CTA Footer (Internal) */
.ar-cta-footer {
    background: #f4f4f4;
    padding: 40px;
    text-align: center;
    border-top: 4px solid var(--ar-secondary);
    border-radius: 8px;
}

/* Responsive */
@media (max-width: 768px) {
    .ar-hero h1 { font-size: 2rem; }
    .ar-features-grid { flex-direction: column; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ca954b *//* --- Al-Rawdah Page Styles --- */
:root {
    --ar-primary: #2c3e50;
    --ar-secondary: #e67e22;
    --ar-light: #f9f9f9;
    --ar-text: #333;
}

/* General Layout Fixes for WP Content Areas */
.ar-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: var(--ar-text);
}

.ar-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Hero Section */
.ar-hero {
    /* Replace the URL below with your actual image URL */
    background: linear-gradient(rgba(44, 62, 80, 0.7), rgba(44, 62, 80, 0.7)), url('https://via.placeholder.com/1600x600?text=Al-Rawdah+Aluminum');
    background-size: cover;
    background-position: center;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    margin-bottom: 3rem;
    border-radius: 0 0 8px 8px;
}

.ar-hero h1 {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #fff;
    font-weight: 700;
}

.ar-hero p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    opacity: 0.9;
}

.ar-btn {
    background: var(--ar-secondary);
    color: #fff !important;
    padding: 12px 30px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
    transition: background 0.3s ease;
}

.ar-btn:hover {
    background: #d35400;
}

/* Section Headings */
.ar-section-title {
    text-align: center;
    color: var(--ar-primary);
    margin-bottom: 2rem;
    position: relative;
    padding-bottom: 15px;
}

.ar-section-title::after {
    content: '';
    width: 60px;
    height: 3px;
    background: var(--ar-secondary);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* About Section */
.ar-about {
    text-align: center;
    font-size: 1.1rem;
    margin-bottom: 4rem;
}

/* Services Grid */
.ar-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 4rem;
}

.ar-service-card {
    background: var(--ar-light);
    padding: 25px;
    border-radius: 8px;
    text-align: center;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.ar-service-card:hover {
    transform: translateY(-5px);
}

.ar-service-card h3 {
    color: var(--ar-primary);
    margin-bottom: 15px;
    font-size: 1.4rem;
}

/* Features Strip */
.ar-features {
    background-color: var(--ar-primary);
    color: #fff;
    padding: 40px 0;
    text-align: center;
    margin-bottom: 4rem;
}

.ar-features-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 20px;
}

.ar-feature-item {
    font-size: 1.1rem;
    font-weight: bold;
}

/* FAQ Section */
.ar-faq {
    margin-bottom: 4rem;
}

.ar-faq-item {
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 5px;
}

.ar-faq-question {
    font-weight: bold;
    color: var(--ar-primary);
    margin-bottom: 10px;
    font-size: 1.1rem;
}

/* CTA Footer (Internal) */
.ar-cta-footer {
    background: #f4f4f4;
    padding: 40px;
    text-align: center;
    border-top: 4px solid var(--ar-secondary);
    border-radius: 8px;
}

/* Responsive */
@media (max-width: 768px) {
    .ar-hero h1 { font-size: 2rem; }
    .ar-features-grid { flex-direction: column; }
}/* End custom CSS */