.elementor-6108 .elementor-element.elementor-element-63536d7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6108 .elementor-element.elementor-element-63536d7:not(.elementor-motion-effects-element-type-background), .elementor-6108 .elementor-element.elementor-element-63536d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF2EA;}.elementor-6108 .elementor-element.elementor-element-2f9c91ac{--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;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-6108 .elementor-element.elementor-element-52bbecaf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-6108 .elementor-element.elementor-element-61da79f0{--display:flex;--min-height:620px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:-169px;--margin-right:0px;--z-index:0;}.elementor-6108 .elementor-element.elementor-element-61da79f0:not(.elementor-motion-effects-element-type-background), .elementor-6108 .elementor-element.elementor-element-61da79f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://canvas.ifraakhtar.com/wp-content/uploads/2026/06/our-benefit-image-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6108 .elementor-element.elementor-element-455207d{--display:flex;--position:absolute;--min-height:420px;border-style:solid;--border-style:solid;border-width:6px 6px 6px 6px;--border-top-width:6px;--border-right-width:6px;--border-bottom-width:6px;--border-left-width:6px;border-color:#FAF2EA;--border-color:#FAF2EA;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;bottom:5px;--z-index:0;}.elementor-6108 .elementor-element.elementor-element-455207d:not(.elementor-motion-effects-element-type-background), .elementor-6108 .elementor-element.elementor-element-455207d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://canvas.ifraakhtar.com/wp-content/uploads/2026/06/our-benefit-image-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-6108 .elementor-element.elementor-element-455207d{right:10px;}body.rtl .elementor-6108 .elementor-element.elementor-element-455207d{left:10px;}.elementor-6108 .elementor-element.elementor-element-178520a6{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6108 .elementor-element.elementor-element-158c49ca .elementor-button{background-color:#FAF2EA;font-family:"Sora", Sans-serif;font-size:14px;font-weight:500;line-height:1em;fill:#352A44;color:#352A44;border-style:solid;border-width:1px 1px 1px 1px;border-color:#97939C;border-radius:100px 100px 100px 100px;padding:9px 14px 9px 14px;}.elementor-6108 .elementor-element.elementor-element-158c49ca .elementor-button-content-wrapper{flex-direction:row;}.elementor-6108 .elementor-element.elementor-element-158c49ca .elementor-button .elementor-button-content-wrapper{gap:10px;}.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-6108 .elementor-element.elementor-element-768ba95e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-6108 .elementor-element.elementor-element-768ba95e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6108 .elementor-element.elementor-element-768ba95e .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:46px;font-weight:600;line-height:1.1em;letter-spacing:-0.6px;color:#352A44;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6108 .elementor-element.elementor-element-430afb55{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;font-family:"Lato", Sans-serif;font-size:17px;font-weight:400;line-height:27px;color:#656562;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-6108 .elementor-element.elementor-element-3776ef88{background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 30px 30px 30px;border-radius:20px 20px 20px 20px;--e-icon-list-icon-size:18px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;}.elementor-6108 .elementor-element.elementor-element-3776ef88 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-6108 .elementor-element.elementor-element-3776ef88 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-6108 .elementor-element.elementor-element-3776ef88 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-6108 .elementor-element.elementor-element-3776ef88 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-6108 .elementor-element.elementor-element-3776ef88 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-6108 .elementor-element.elementor-element-3776ef88 .elementor-icon-list-icon i{color:#2E2E2E;transition:color 0.3s;}.elementor-6108 .elementor-element.elementor-element-3776ef88 .elementor-icon-list-icon svg{fill:#2E2E2E;transition:fill 0.3s;}.elementor-6108 .elementor-element.elementor-element-3776ef88 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6108 .elementor-element.elementor-element-3776ef88 .elementor-icon-list-item > a{font-family:"Lato", Sans-serif;font-size:17px;font-weight:400;}.elementor-6108 .elementor-element.elementor-element-3776ef88 .elementor-icon-list-text{color:#666666;transition:color 0.3s;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-6108 .elementor-element.elementor-element-3b4d910d{--divider-border-style:solid;--divider-color:#A1A1A1;--divider-border-width:1px;}.elementor-6108 .elementor-element.elementor-element-3b4d910d .elementor-divider-separator{width:100%;}.elementor-6108 .elementor-element.elementor-element-3b4d910d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-6108 .elementor-element.elementor-element-330881a6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6108 .elementor-element.elementor-element-beafc58 .elementor-button{background-color:#352A44;font-family:"Sora", Sans-serif;font-size:16px;font-weight:600;line-height:1.6em;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;border-radius:34px 34px 34px 34px;padding:15px 024px 15px 024px;}.elementor-6108 .elementor-element.elementor-element-beafc58{padding:0px 0px 0px 0px;}.elementor-6108 .elementor-element.elementor-element-beafc58 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-6108 .elementor-element.elementor-element-beafc58 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-6108 .elementor-element.elementor-element-beafc58 .elementor-button:hover, .elementor-6108 .elementor-element.elementor-element-beafc58 .elementor-button:focus{color:#3C3F3E;}.elementor-6108 .elementor-element.elementor-element-beafc58 .elementor-button:hover svg, .elementor-6108 .elementor-element.elementor-element-beafc58 .elementor-button:focus svg{fill:#3C3F3E;}@media(min-width:768px){.elementor-6108 .elementor-element.elementor-element-2f9c91ac{--content-width:1250px;}.elementor-6108 .elementor-element.elementor-element-61da79f0{--width:443px;}.elementor-6108 .elementor-element.elementor-element-455207d{--width:350px;}.elementor-6108 .elementor-element.elementor-element-178520a6{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6108 .elementor-element.elementor-element-61da79f0{--width:280px;}.elementor-6108 .elementor-element.elementor-element-455207d{--width:280px;}}@media(max-width:1024px){.elementor-6108 .elementor-element.elementor-element-63536d7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6108 .elementor-element.elementor-element-2f9c91ac{--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;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--padding-top:80px;--padding-bottom:80px;--padding-left:015px;--padding-right:015px;}.elementor-6108 .elementor-element.elementor-element-61da79f0{--min-height:320px;}.elementor-6108 .elementor-element.elementor-element-455207d{--min-height:320px;bottom:65px;}.elementor-6108 .elementor-element.elementor-element-768ba95e .elementor-heading-title{font-size:26px;}.elementor-6108 .elementor-element.elementor-element-3b4d910d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6108 .elementor-element.elementor-element-330881a6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-6108 .elementor-element.elementor-element-2f9c91ac{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}.elementor-6108 .elementor-element.elementor-element-52bbecaf{--width:100%;--min-height:0px;--padding-top:10px;--padding-bottom:90px;--padding-left:38px;--padding-right:10px;}.elementor-6108 .elementor-element.elementor-element-61da79f0{--width:260px;--min-height:340px;--margin-top:0px;--margin-bottom:0px;--margin-left:-76px;--margin-right:0px;}.elementor-6108 .elementor-element.elementor-element-455207d{--width:180px;--min-height:225px;border-width:6px 6px 6px 6px;--border-top-width:6px;--border-right-width:6px;--border-bottom-width:6px;--border-left-width:6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;bottom:27px;}body:not(.rtl) .elementor-6108 .elementor-element.elementor-element-455207d{right:0px;}body.rtl .elementor-6108 .elementor-element.elementor-element-455207d{left:0px;}.elementor-6108 .elementor-element.elementor-element-178520a6{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-6108 .elementor-element.elementor-element-158c49ca .elementor-button{padding:07px 10px 07px 10px;}.elementor-6108 .elementor-element.elementor-element-768ba95e{text-align:start;}.elementor-6108 .elementor-element.elementor-element-768ba95e .elementor-heading-title{font-size:26px;line-height:1.2em;letter-spacing:-0.6px;}.elementor-6108 .elementor-element.elementor-element-430afb55{text-align:start;font-size:17px;}.elementor-6108 .elementor-element.elementor-element-430afb55 p{margin-block-end:0px;}.elementor-6108 .elementor-element.elementor-element-3776ef88 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6108 .elementor-element.elementor-element-3776ef88 .elementor-icon-list-item > a{font-size:16px;}.elementor-6108 .elementor-element.elementor-element-330881a6{--justify-content:flex-start;}.elementor-6108 .elementor-element.elementor-element-beafc58 .elementor-button{font-size:16px;padding:10px 17px 10px 17px;}}/* Start custom CSS for container, class: .elementor-element-61da79f0 *//* Target the container */
.elementor-6108 .elementor-element.elementor-element-61da79f0.clean-beam-container {
    overflow: hidden;
    /* isolation: isolate; ensures the ::before/after stay inside this container */
    isolation: isolate; 
}

/* Ensure the pseudo-elements are positioned relative to the container */
.elementor-6108 .elementor-element.elementor-element-61da79f0.clean-beam-container::before, 
.elementor-6108 .elementor-element.elementor-element-61da79f0.clean-beam-container::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Beam Definitions */
.elementor-6108 .elementor-element.elementor-element-61da79f0.clean-beam-container::before {
    background: linear-gradient(135deg, 
        transparent 45%, 
        rgba(255, 255, 255, 0.2) 48%, 
        rgba(255, 255, 255, 0.4) 50%, 
        rgba(255, 255, 255, 0.2) 52%, 
        transparent 55%);
}

.elementor-6108 .elementor-element.elementor-element-61da79f0.clean-beam-container::after {
    background: linear-gradient(-45deg, 
        transparent 45%, 
        rgba(255, 255, 255, 0.2) 48%, 
        rgba(255, 255, 255, 0.4) 50%, 
        rgba(255, 255, 255, 0.2) 52%, 
        transparent 55%);
}

/* Trigger Animations */
.elementor-6108 .elementor-element.elementor-element-61da79f0.clean-beam-container:hover::before {
    animation: clean-slide-1 1.5s ease-out forwards;
}

.elementor-6108 .elementor-element.elementor-element-61da79f0.clean-beam-container:hover::after {
    animation: clean-slide-2 1.5s ease-out forwards;
}

@keyframes clean-slide-1 {
    0% { opacity: 0; transform: translate(-10%, -10%); }
    20% { opacity: 0.8; }
    100% { opacity: 0; transform: translate(30%, 30%); }
}

@keyframes clean-slide-2 {
    0% { opacity: 0; transform: translate(10%, 10%); }
    20% { opacity: 0.8; }
    100% { opacity: 0; transform: translate(-30%, -30%); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-455207d *//* Target the container */
.elementor-6108 .elementor-element.elementor-element-455207d.clean-beam-container {
    overflow: hidden;
    /* isolation: isolate; ensures the ::before/after stay inside this container */
    isolation: isolate; 
}

/* Ensure the pseudo-elements are positioned relative to the container */
.elementor-6108 .elementor-element.elementor-element-455207d.clean-beam-container::before, 
.elementor-6108 .elementor-element.elementor-element-455207d.clean-beam-container::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Beam Definitions */
.elementor-6108 .elementor-element.elementor-element-455207d.clean-beam-container::before {
    background: linear-gradient(135deg, 
        transparent 45%, 
        rgba(255, 255, 255, 0.2) 48%, 
        rgba(255, 255, 255, 0.4) 50%, 
        rgba(255, 255, 255, 0.2) 52%, 
        transparent 55%);
}

.elementor-6108 .elementor-element.elementor-element-455207d.clean-beam-container::after {
    background: linear-gradient(-45deg, 
        transparent 45%, 
        rgba(255, 255, 255, 0.2) 48%, 
        rgba(255, 255, 255, 0.4) 50%, 
        rgba(255, 255, 255, 0.2) 52%, 
        transparent 55%);
}

/* Trigger Animations */
.elementor-6108 .elementor-element.elementor-element-455207d.clean-beam-container:hover::before {
    animation: clean-slide-1 1.5s ease-out forwards;
}

.elementor-6108 .elementor-element.elementor-element-455207d.clean-beam-container:hover::after {
    animation: clean-slide-2 1.5s ease-out forwards;
}

@keyframes clean-slide-1 {
    0% { opacity: 0; transform: translate(-10%, -10%); }
    20% { opacity: 0.8; }
    100% { opacity: 0; transform: translate(30%, 30%); }
}

@keyframes clean-slide-2 {
    0% { opacity: 0; transform: translate(10%, 10%); }
    20% { opacity: 0.8; }
    100% { opacity: 0; transform: translate(-30%, -30%); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-158c49ca */.small-icon-btn .elementor-button-icon {
    font-size: 6px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-beafc58 *//* Base button state (Dark #3C3F3E) */
.elementor-6108 .elementor-element.elementor-element-beafc58.moving-fill-btn1 .elementor-button {
    position: relative !important;
    overflow: hidden !important;
    background-color: #3C3F3E !important; /* Forces the dark background */
    transition: color .4s ease, background-color .4s ease !important;
    z-index: 1 !important;
}

/* Text + icon stay above animation and turn dark on hover */
.elementor-6108 .elementor-element.elementor-element-beafc58.moving-fill-btn1 .elementor-button-text,
.elementor-6108 .elementor-element.elementor-element-beafc58.moving-fill-btn1 .elementor-button-icon {
    position: relative !important;
    color: #ffffff !important; /* Forces light text color on dark bg */
    transition: color .4s ease !important;
    z-index: 2 !important;
}

/* Changes text color to dark when hovered */
.elementor-6108 .elementor-element.elementor-element-beafc58.moving-fill-btn1 .elementor-button:hover .elementor-button-text,
.elementor-6108 .elementor-element.elementor-element-beafc58.moving-fill-btn1 .elementor-button:hover .elementor-button-icon {
    color: #3C3F3E !important; /* Overrides Elementor default hover text color */
}

/* BIG half-circle fill (Changes to #EBE4DC) */
.elementor-6108 .elementor-element.elementor-element-beafc58.moving-fill-btn1 .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -120px !important;

    width: 160px !important;
    height: 160px !important;

    background: #F3F3EF !important; /* Updated hover fill color */
    border-radius: 50% !important;

    transform: translateX(-50%) scale(0) !important;
    transition: transform .9s cubic-bezier(.22, 1, .36, 1) !important;
    z-index: 1 !important;
}

.elementor-6108 .elementor-element.elementor-element-beafc58.moving-fill-btn1 .elementor-button:hover::before {
    transform: translateX(-50%) scale(8) !important;
}

/* Arrow animation */
.elementor-6108 .elementor-element.elementor-element-beafc58.moving-fill-btn1 .elementor-button-icon {
    transform: rotate(45deg) !important;
    transition: transform .4s ease, color .4s ease !important;
}

.elementor-6108 .elementor-element.elementor-element-beafc58.moving-fill-btn1 .elementor-button:hover .elementor-button-icon {
    transform: rotate(90deg) !important;
}/* End custom CSS */