.elementor-117 .elementor-element.elementor-element-9b110f4{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--padding-top:25px;--padding-bottom:50px;--padding-left:0px;--padding-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-117 .elementor-element.elementor-element-f296b49{width:var( --container-widget-width, 1140px );max-width:1140px;--container-widget-width:1140px;--container-widget-flex-grow:0;z-index:10;}.elementor-117 .elementor-element.elementor-element-f296b49.elementor-element{--align-self:center;}.elementor-117 .elementor-element.elementor-element-f296b49 .elementor-heading-title{font-family:"IRANYekanWebBlack", Sans-serif;font-weight:600;color:var( --e-global-color-79c4288 );}.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-117 .elementor-element.elementor-element-07bd4c7{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:3px;width:var( --container-widget-width, 1140px );max-width:1140px;--container-widget-width:1140px;--container-widget-flex-grow:0;z-index:10;}.elementor-117 .elementor-element.elementor-element-07bd4c7 > .elementor-widget-container{margin:-10px 0px 25px 0px;padding:0px 0px 0px 0px;}.elementor-117 .elementor-element.elementor-element-07bd4c7.elementor-element{--align-self:center;}.elementor-117 .elementor-element.elementor-element-07bd4c7 .elementor-divider-separator{width:9%;margin:0 auto;margin-right:0;}.elementor-117 .elementor-element.elementor-element-07bd4c7 .elementor-divider{text-align:right;padding-block-start:2px;padding-block-end:2px;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-117 .elementor-element.elementor-element-33a1275{--grid-columns:6;width:var( --container-widget-width, 86% );max-width:86%;--container-widget-width:86%;--container-widget-flex-grow:0;z-index:10;--grid-column-gap:0px;}.elementor-117 .elementor-element.elementor-element-33a1275.elementor-element{--align-self:center;}.elementor-117 .elementor-element.elementor-element-33a1275 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-117 .elementor-element.elementor-element-33a1275 .e-loop-item > .elementor-section, .elementor-117 .elementor-element.elementor-element-33a1275 .e-loop-item > .elementor-section > .elementor-container, .elementor-117 .elementor-element.elementor-element-33a1275 .e-loop-item > .e-con, .elementor-117 .elementor-element.elementor-element-33a1275 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-117 .elementor-element.elementor-element-82a5577{--display:flex;--position:absolute;--min-height:200px;top:-60px;--z-index:0;}body:not(.rtl) .elementor-117 .elementor-element.elementor-element-82a5577{left:120px;}body.rtl .elementor-117 .elementor-element.elementor-element-82a5577{right:120px;}.elementor-117 .elementor-element.elementor-element-2571f5d{--display:flex;--position:absolute;--min-height:200px;top:216px;--z-index:0;}body:not(.rtl) .elementor-117 .elementor-element.elementor-element-2571f5d{left:853px;}body.rtl .elementor-117 .elementor-element.elementor-element-2571f5d{right:853px;}.elementor-117 .elementor-element.elementor-element-7d27c19{--display:flex;--position:absolute;--min-height:200px;bottom:541px;--z-index:0;}body:not(.rtl) .elementor-117 .elementor-element.elementor-element-7d27c19{right:0px;}body.rtl .elementor-117 .elementor-element.elementor-element-7d27c19{left:0px;}.elementor-117 .elementor-element.elementor-element-3bcc592{--display:flex;--position:absolute;top:50%;}body:not(.rtl) .elementor-117 .elementor-element.elementor-element-3bcc592{right:50%;}body.rtl .elementor-117 .elementor-element.elementor-element-3bcc592{left:50%;}@media(min-width:768px){.elementor-117 .elementor-element.elementor-element-82a5577{--width:200px;}.elementor-117 .elementor-element.elementor-element-2571f5d{--width:200px;}.elementor-117 .elementor-element.elementor-element-7d27c19{--width:200px;}}@media(max-width:1024px){.elementor-117 .elementor-element.elementor-element-33a1275{--grid-columns:2;}}@media(max-width:767px){.elementor-117 .elementor-element.elementor-element-9b110f4{--padding-top:50px;--padding-bottom:25px;--padding-left:10px;--padding-right:10px;}.elementor-117 .elementor-element.elementor-element-f296b49 .elementor-heading-title{font-size:25px;}.elementor-117 .elementor-element.elementor-element-33a1275{--grid-columns:1;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for container, class: .elementor-element-9b110f4 */.service-section-graph {
    overflow:hidden;
    isolation: isolate;
    background: radial-gradient(
    circle at var(--x) var(--y),
    rgba(51,51,153,.18),
    rgba(30,30,40,1) 35%
);

animation: lightMove 18s ease-in-out infinite alternate;

}
.glass-overlay{
    border-radius: 25px;
    width:95%;
    height:95%;
backdrop-filter: blur(60px);
background: rgba(15,15,20,.3);
transform: translate(-50% , -50%);
pointer-events:none;
}
.blob-elements{
    width:300px;
    height: 300px;
    border-radius: 100%;
    opacity: .5;
filter: blur(20px);
mix-blend-mode: screen;
 animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;

}
.blob-1{
    width: 320px;
    height: 320px;

    background:
    linear-gradient(
        135deg,
        #ff00ff,
        #0099cc
    );

    transform:
    translate(-120px,-80px)
    scale(1)
    rotate(0deg);

    animation:
    blobMove1 18s infinite alternate ease-in-out;
}

.blob-2{

    width: 260px;
    height: 260px;

    background:
    linear-gradient(
        135deg,
        #00ccff,
        #6633ff
    );

    transform:
    translate(380px,120px)
    scale(1.2)
    rotate(40deg);

    animation:
    blobMove2 24s infinite alternate ease-in-out;
}
.blob-3{

    width: 220px;
    height: 220px;

    background:
    linear-gradient(
        135deg,
        #ff3366,
        #ff00ff
    );
will-change: transform;
    transform:
    translate(120px,320px)
    scale(1.5)
    rotate(-20deg);

    animation:
    blobMove3 20s infinite alternate ease-in-out;
}
@property --x {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 50%;
}

@property --y {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 50%;
}

@keyframes lightMove {

    0% {
        --x: 20%;
        --y: 30%;
    }

    50% {
        --x: 80%;
        --y: 40%;
    }

    100% {
        --x: 40%;
        --y: 80%;
    }
}
@keyframes blobMove1{

    0%{
        transform:
        translate(-120px,-80px)
        scale(1)
        rotate(0deg);
    }

    100%{
        transform:
        translate(-40px,40px)
        scale(1.2)
        rotate(120deg);
    }
}
@keyframes blobMove2{

    0%{
        transform:
        translate(380px,120px)
        scale(1.2)
        rotate(40deg);
    }

    100%{
        transform:
        translate(260px,40px)
        scale(.9)
        rotate(-80deg);
    }
}
@keyframes blobMove3{

    0%{
        transform:
        translate(120px,320px)
        scale(.8)
        rotate(-20deg);
    }

    100%{
        transform:
        translate(40px,220px)
        scale(1.1)
        rotate(60deg);
    }
}/* End custom CSS */