.elementor-3998 .elementor-element.elementor-element-caffb0d{--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:40px;--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-3998 .elementor-element.elementor-element-b84a657{text-align:center;}.elementor-3998 .elementor-element.elementor-element-b84a657 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:50px;font-weight:700;font-style:normal;text-decoration:none;color:#00A7A3;}.elementor-3998 .elementor-element.elementor-element-c5f1ede{--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:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3998 .elementor-element.elementor-element-597e6a2{--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-3998 .elementor-element.elementor-element-602df38{--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:#00A7A3;--border-color:#00A7A3;--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-3998 .elementor-element.elementor-element-9f2e8f5{padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-9f2e8f5 img{width:100%;max-width:100%;}.elementor-3998 .elementor-element.elementor-element-6f93681{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-3998 .elementor-element.elementor-element-6f93681 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:35px;font-weight:600;color:#000000D9;}.elementor-3998 .elementor-element.elementor-element-5bc1f6e{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;}.elementor-3998 .elementor-element.elementor-element-5bc1f6e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:#000000BD;}.elementor-3998 .elementor-element.elementor-element-0c03ffc{--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:#00A7A3;--border-color:#00A7A3;--border-radius:25px 25px 25px 25px;}.elementor-3998 .elementor-element.elementor-element-3157d6f{padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-3157d6f img{width:100%;max-width:100%;}.elementor-3998 .elementor-element.elementor-element-8e33453{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-3998 .elementor-element.elementor-element-8e33453 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:35px;font-weight:600;color:#000000D9;}.elementor-3998 .elementor-element.elementor-element-b08c60a{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;}.elementor-3998 .elementor-element.elementor-element-b08c60a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:#000000BD;}.elementor-3998 .elementor-element.elementor-element-4865e67{--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-3998 .elementor-element.elementor-element-3f10255{--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:#00A7A3;--border-color:#00A7A3;--border-radius:25px 25px 25px 25px;}.elementor-3998 .elementor-element.elementor-element-d25ccd5{padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-d25ccd5 img{width:100%;max-width:100%;}.elementor-3998 .elementor-element.elementor-element-6049072{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-3998 .elementor-element.elementor-element-6049072 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:35px;font-weight:600;color:#000000D9;}.elementor-3998 .elementor-element.elementor-element-a71c3dc{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;}.elementor-3998 .elementor-element.elementor-element-a71c3dc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:#000000BD;}.elementor-3998 .elementor-element.elementor-element-af4e018{--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:#00A7A3;--border-color:#00A7A3;--border-radius:25px 25px 25px 25px;}.elementor-3998 .elementor-element.elementor-element-81fc910{padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-81fc910 img{width:100%;max-width:100%;}.elementor-3998 .elementor-element.elementor-element-7827bec{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-3998 .elementor-element.elementor-element-7827bec .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:35px;font-weight:600;color:#000000D9;}.elementor-3998 .elementor-element.elementor-element-36d3f37{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;}.elementor-3998 .elementor-element.elementor-element-36d3f37 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:#000000BD;}.elementor-3998 .elementor-element.elementor-element-b8f521f{--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-3998 .elementor-element.elementor-element-4f4dd30{--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:#00A7A3;--border-color:#00A7A3;--border-radius:25px 25px 25px 25px;}.elementor-3998 .elementor-element.elementor-element-9eff21f{padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-9eff21f img{width:100%;max-width:100%;}.elementor-3998 .elementor-element.elementor-element-9327e57{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-3998 .elementor-element.elementor-element-9327e57 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:35px;font-weight:600;color:#000000D9;}.elementor-3998 .elementor-element.elementor-element-ffd2f39{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;}.elementor-3998 .elementor-element.elementor-element-ffd2f39 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:#000000BD;}.elementor-3998 .elementor-element.elementor-element-890905c{--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:#00A7A3;--border-color:#00A7A3;--border-radius:25px 25px 25px 25px;}.elementor-3998 .elementor-element.elementor-element-d224779{padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-d224779 img{width:100%;max-width:100%;}.elementor-3998 .elementor-element.elementor-element-89ff128{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-3998 .elementor-element.elementor-element-89ff128 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:35px;font-weight:600;color:#000000D9;}.elementor-3998 .elementor-element.elementor-element-fc21c35{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;}.elementor-3998 .elementor-element.elementor-element-fc21c35 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:#000000BD;}@media(min-width:768px){.elementor-3998 .elementor-element.elementor-element-597e6a2{--width:33.3333%;}.elementor-3998 .elementor-element.elementor-element-4865e67{--width:33.3333%;}.elementor-3998 .elementor-element.elementor-element-b8f521f{--width:33.3333%;}}/* Start custom CSS for heading, class: .elementor-element-b84a657 *//* 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-602df38 *//* 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-0c03ffc *//* 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-3f10255 *//* 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-af4e018 *//* 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-4f4dd30 *//* 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-890905c *//* 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 */