.elementor-4000 .elementor-element.elementor-element-07be725{--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-4000 .elementor-element.elementor-element-97e1d12{--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;--margin-top:82px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4000 .elementor-element.elementor-element-f6a78c7{text-align:center;}.elementor-4000 .elementor-element.elementor-element-f6a78c7 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:50px;font-weight:700;color:#00A5A1;}.elementor-4000 .elementor-element.elementor-element-594de56{--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:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:-44px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4000 .elementor-element.elementor-element-8aeb491{--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-4000 .elementor-element.elementor-element-becc8f4{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#009F9A;--border-color:#009F9A;--border-radius:25px 25px 25px 25px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4000 .elementor-element.elementor-element-9bf7df2{border-radius:15px 15px 15px 15px;}.elementor-4000 .elementor-element.elementor-element-36bdc0f{margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-4000 .elementor-element.elementor-element-36bdc0f .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:35px;font-weight:600;color:#0A0A0ADE;}.elementor-4000 .elementor-element.elementor-element-07243c3{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;}.elementor-4000 .elementor-element.elementor-element-07243c3 .elementor-heading-title{color:#000000C9;}.elementor-4000 .elementor-element.elementor-element-d44d10d{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#009F9A;--border-color:#009F9A;--border-radius:25px 25px 25px 25px;}.elementor-4000 .elementor-element.elementor-element-14f18d6{border-radius:15px 15px 15px 15px;}.elementor-4000 .elementor-element.elementor-element-dc268b1{margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-4000 .elementor-element.elementor-element-dc268b1 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:35px;font-weight:600;color:#0A0A0ADE;}.elementor-4000 .elementor-element.elementor-element-77fce65{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;}.elementor-4000 .elementor-element.elementor-element-77fce65 .elementor-heading-title{color:#000000C9;}.elementor-4000 .elementor-element.elementor-element-071b58a{--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-4000 .elementor-element.elementor-element-c012e70{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#009F9A;--border-color:#009F9A;--border-radius:25px 25px 25px 25px;}.elementor-4000 .elementor-element.elementor-element-4f59c01{border-radius:15px 15px 15px 15px;}.elementor-4000 .elementor-element.elementor-element-8fd6cbf{margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-4000 .elementor-element.elementor-element-8fd6cbf .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:35px;font-weight:600;color:#0A0A0ADE;}.elementor-4000 .elementor-element.elementor-element-6ee39a6{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;}.elementor-4000 .elementor-element.elementor-element-6ee39a6 .elementor-heading-title{color:#000000C9;}.elementor-4000 .elementor-element.elementor-element-e8b8d00{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#009F9A;--border-color:#009F9A;--border-radius:25px 25px 25px 25px;}.elementor-4000 .elementor-element.elementor-element-4eb3379{border-radius:15px 15px 15px 15px;}.elementor-4000 .elementor-element.elementor-element-5e605e1{margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-4000 .elementor-element.elementor-element-5e605e1 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:35px;font-weight:600;color:#0A0A0ADE;}.elementor-4000 .elementor-element.elementor-element-04fa620{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;}.elementor-4000 .elementor-element.elementor-element-04fa620 .elementor-heading-title{color:#000000C9;}.elementor-4000 .elementor-element.elementor-element-b441c9f{--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-4000 .elementor-element.elementor-element-1d05f3b{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#009F9A;--border-color:#009F9A;--border-radius:25px 25px 25px 25px;}.elementor-4000 .elementor-element.elementor-element-481e00f{border-radius:15px 15px 15px 15px;}.elementor-4000 .elementor-element.elementor-element-1700cc2{margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-4000 .elementor-element.elementor-element-1700cc2 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:35px;font-weight:600;color:#0A0A0ADE;}.elementor-4000 .elementor-element.elementor-element-b0cb97d{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;}.elementor-4000 .elementor-element.elementor-element-b0cb97d .elementor-heading-title{color:#000000C9;}.elementor-4000 .elementor-element.elementor-element-924833f{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#009F9A;--border-color:#009F9A;--border-radius:25px 25px 25px 25px;}.elementor-4000 .elementor-element.elementor-element-2a9d535{border-radius:15px 15px 15px 15px;}.elementor-4000 .elementor-element.elementor-element-0b926ca{margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-4000 .elementor-element.elementor-element-0b926ca .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:35px;font-weight:600;color:#0A0A0ADE;}.elementor-4000 .elementor-element.elementor-element-cbda305{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;}.elementor-4000 .elementor-element.elementor-element-cbda305 .elementor-heading-title{color:#000000C9;}@media(min-width:768px){.elementor-4000 .elementor-element.elementor-element-8aeb491{--width:33.3333%;}.elementor-4000 .elementor-element.elementor-element-071b58a{--width:33.3333%;}.elementor-4000 .elementor-element.elementor-element-b441c9f{--width:33.3333%;}}/* Start custom CSS for heading, class: .elementor-element-f6a78c7 *//* Container for the clean look */
.clean-reveal-heading {
    padding: 40px 0;
    text-align: center;
}

.clean-reveal-heading .elementor-heading-title {
    color: #333; /* Dark grey for professional look */
    font-size: 3rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    display: inline-block;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    cursor: default;
}

/* The Animated Underline */
.clean-reveal-heading .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 30px; /* Small starting width */
    height: 3px;
    background-color: #00A7A3;
    transform: translateX(-50%);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    border-radius: 2px;
}

/* Hover Effect: Clean & Aesthetic */
.clean-reveal-heading:hover .elementor-heading-title {
    color: #00A7A3;
    letter-spacing: 8px; /* Smoothly expands letters */
}

.clean-reveal-heading:hover .elementor-heading-title::after {
    width: 100%; /* Line grows to full width */
    background-color: #00A7A3;
}

/* Soft Fade-in on Page Load */
.clean-reveal-heading .elementor-heading-title {
    animation: fadeInHeading 1.5s ease-out;
}

@keyframes fadeInHeading {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-becc8f4 *//* Base Card Container */
.laser-border-card {
    position: relative;
    background: #ffffff;
    padding: 2px; /* This creates the space for the border light */
    overflow: hidden;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* The Animated Laser Light */
.laser-border-card::before {
    content: '';
    position: absolute;
    height: 150%;
    width: 150%;
    /* Gradient using your brand color #00A7A3 and White */
    background-image: conic-gradient(transparent, transparent, transparent, #00A7A3);
    left: -25%;
    top: -25%;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
}

/* The Inner Background (keeps content white) */
.laser-border-card::after {
    content: '';
    position: absolute;
    inset: 3px; /* Controls border thickness */
    background: #ffffff;
    border-radius: 10px;
    z-index: 1;
    transition: background 0.4s ease;
}

/* Ensuring content stays above the animation */
.laser-border-card > * {
    position: relative;
    z-index: 2;
}

/* Hover States */
.laser-border-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 167, 163, 0.15);
}

.laser-border-card:hover::before {
    opacity: 1;
    animation: rotateLaser 2s linear infinite;
}

/* Subtle background tint on hover */
.laser-border-card:hover::after {
    background: linear-gradient(135deg, #ffffff 0%, #f4fdfd 100%);
}

/* The Rotation Animation */
@keyframes rotateLaser {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Text Highlight */
.laser-border-card:hover h2, 
.laser-border-card:hover .elementor-heading-title {
    color: #00A7A3 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d44d10d *//* Base Card Container */
.laser-border-card {
    position: relative;
    background: #ffffff;
    padding: 2px; /* This creates the space for the border light */
    overflow: hidden;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* The Animated Laser Light */
.laser-border-card::before {
    content: '';
    position: absolute;
    height: 150%;
    width: 150%;
    /* Gradient using your brand color #00A7A3 and White */
    background-image: conic-gradient(transparent, transparent, transparent, #00A7A3);
    left: -25%;
    top: -25%;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
}

/* The Inner Background (keeps content white) */
.laser-border-card::after {
    content: '';
    position: absolute;
    inset: 3px; /* Controls border thickness */
    background: #ffffff;
    border-radius: 10px;
    z-index: 1;
    transition: background 0.4s ease;
}

/* Ensuring content stays above the animation */
.laser-border-card > * {
    position: relative;
    z-index: 2;
}

/* Hover States */
.laser-border-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 167, 163, 0.15);
}

.laser-border-card:hover::before {
    opacity: 1;
    animation: rotateLaser 2s linear infinite;
}

/* Subtle background tint on hover */
.laser-border-card:hover::after {
    background: linear-gradient(135deg, #ffffff 0%, #f4fdfd 100%);
}

/* The Rotation Animation */
@keyframes rotateLaser {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Text Highlight */
.laser-border-card:hover h2, 
.laser-border-card:hover .elementor-heading-title {
    color: #00A7A3 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c012e70 *//* Base Card Container */
.laser-border-card {
    position: relative;
    background: #ffffff;
    padding: 2px; /* This creates the space for the border light */
    overflow: hidden;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* The Animated Laser Light */
.laser-border-card::before {
    content: '';
    position: absolute;
    height: 150%;
    width: 150%;
    /* Gradient using your brand color #00A7A3 and White */
    background-image: conic-gradient(transparent, transparent, transparent, #00A7A3);
    left: -25%;
    top: -25%;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
}

/* The Inner Background (keeps content white) */
.laser-border-card::after {
    content: '';
    position: absolute;
    inset: 3px; /* Controls border thickness */
    background: #ffffff;
    border-radius: 10px;
    z-index: 1;
    transition: background 0.4s ease;
}

/* Ensuring content stays above the animation */
.laser-border-card > * {
    position: relative;
    z-index: 2;
}

/* Hover States */
.laser-border-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 167, 163, 0.15);
}

.laser-border-card:hover::before {
    opacity: 1;
    animation: rotateLaser 2s linear infinite;
}

/* Subtle background tint on hover */
.laser-border-card:hover::after {
    background: linear-gradient(135deg, #ffffff 0%, #f4fdfd 100%);
}

/* The Rotation Animation */
@keyframes rotateLaser {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Text Highlight */
.laser-border-card:hover h2, 
.laser-border-card:hover .elementor-heading-title {
    color: #00A7A3 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8b8d00 *//* Base Card Container */
.laser-border-card {
    position: relative;
    background: #ffffff;
    padding: 2px; /* This creates the space for the border light */
    overflow: hidden;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* The Animated Laser Light */
.laser-border-card::before {
    content: '';
    position: absolute;
    height: 150%;
    width: 150%;
    /* Gradient using your brand color #00A7A3 and White */
    background-image: conic-gradient(transparent, transparent, transparent, #00A7A3);
    left: -25%;
    top: -25%;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
}

/* The Inner Background (keeps content white) */
.laser-border-card::after {
    content: '';
    position: absolute;
    inset: 3px; /* Controls border thickness */
    background: #ffffff;
    border-radius: 10px;
    z-index: 1;
    transition: background 0.4s ease;
}

/* Ensuring content stays above the animation */
.laser-border-card > * {
    position: relative;
    z-index: 2;
}

/* Hover States */
.laser-border-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 167, 163, 0.15);
}

.laser-border-card:hover::before {
    opacity: 1;
    animation: rotateLaser 2s linear infinite;
}

/* Subtle background tint on hover */
.laser-border-card:hover::after {
    background: linear-gradient(135deg, #ffffff 0%, #f4fdfd 100%);
}

/* The Rotation Animation */
@keyframes rotateLaser {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Text Highlight */
.laser-border-card:hover h2, 
.laser-border-card:hover .elementor-heading-title {
    color: #00A7A3 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d05f3b *//* Base Card Container */
.laser-border-card {
    position: relative;
    background: #ffffff;
    padding: 2px; /* This creates the space for the border light */
    overflow: hidden;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* The Animated Laser Light */
.laser-border-card::before {
    content: '';
    position: absolute;
    height: 150%;
    width: 150%;
    /* Gradient using your brand color #00A7A3 and White */
    background-image: conic-gradient(transparent, transparent, transparent, #00A7A3);
    left: -25%;
    top: -25%;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
}

/* The Inner Background (keeps content white) */
.laser-border-card::after {
    content: '';
    position: absolute;
    inset: 3px; /* Controls border thickness */
    background: #ffffff;
    border-radius: 10px;
    z-index: 1;
    transition: background 0.4s ease;
}

/* Ensuring content stays above the animation */
.laser-border-card > * {
    position: relative;
    z-index: 2;
}

/* Hover States */
.laser-border-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 167, 163, 0.15);
}

.laser-border-card:hover::before {
    opacity: 1;
    animation: rotateLaser 2s linear infinite;
}

/* Subtle background tint on hover */
.laser-border-card:hover::after {
    background: linear-gradient(135deg, #ffffff 0%, #f4fdfd 100%);
}

/* The Rotation Animation */
@keyframes rotateLaser {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Text Highlight */
.laser-border-card:hover h2, 
.laser-border-card:hover .elementor-heading-title {
    color: #00A7A3 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-924833f *//* Base Card Container */
.laser-border-card {
    position: relative;
    background: #ffffff;
    padding: 2px; /* This creates the space for the border light */
    overflow: hidden;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* The Animated Laser Light */
.laser-border-card::before {
    content: '';
    position: absolute;
    height: 150%;
    width: 150%;
    /* Gradient using your brand color #00A7A3 and White */
    background-image: conic-gradient(transparent, transparent, transparent, #00A7A3);
    left: -25%;
    top: -25%;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
}

/* The Inner Background (keeps content white) */
.laser-border-card::after {
    content: '';
    position: absolute;
    inset: 3px; /* Controls border thickness */
    background: #ffffff;
    border-radius: 10px;
    z-index: 1;
    transition: background 0.4s ease;
}

/* Ensuring content stays above the animation */
.laser-border-card > * {
    position: relative;
    z-index: 2;
}

/* Hover States */
.laser-border-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 167, 163, 0.15);
}

.laser-border-card:hover::before {
    opacity: 1;
    animation: rotateLaser 2s linear infinite;
}

/* Subtle background tint on hover */
.laser-border-card:hover::after {
    background: linear-gradient(135deg, #ffffff 0%, #f4fdfd 100%);
}

/* The Rotation Animation */
@keyframes rotateLaser {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Text Highlight */
.laser-border-card:hover h2, 
.laser-border-card:hover .elementor-heading-title {
    color: #00A7A3 !important;
}/* End custom CSS */