.elementor-2 .elementor-element.elementor-element-b81dd51{--display:flex;--min-height:90vh;--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:space-around;--align-items:center;--overflow:hidden;--background-transition:0.3s;}.elementor-2 .elementor-element.elementor-element-b81dd51:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-b81dd51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://trixplus.cloud/wp-content/uploads/2025/10/BG-W2-scaled.png");background-position:top left;background-repeat:no-repeat;background-size:contain;}.elementor-2 .elementor-element.elementor-element-b81dd51, .elementor-2 .elementor-element.elementor-element-b81dd51::before{--border-transition:0.3s;}.elementor-2 .elementor-element.elementor-element-f31b7d7{--display:flex;--justify-content:flex-start;--gap:3px 3px;--overflow:hidden;--background-transition:0.3s;border-style:solid;--border-style:solid;border-color:var( --e-global-color-24678e4 );--border-color:var( --e-global-color-24678e4 );--border-radius:12px 12px 12px 12px;}.elementor-2 .elementor-element.elementor-element-f31b7d7:hover{border-style:solid;}.elementor-2 .elementor-element.elementor-element-f31b7d7, .elementor-2 .elementor-element.elementor-element-f31b7d7::before{--border-transition:0.4s;}.elementor-2 .elementor-element.elementor-element-1d97d3f{--display:flex;--justify-content:space-evenly;--gap:2px 2px;--overflow:auto;--background-transition:0.3s;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-2 .elementor-element.elementor-element-1d97d3f, .elementor-2 .elementor-element.elementor-element-1d97d3f::before{--border-transition:0.3s;}.elementor-2 .elementor-element.elementor-element-d0a5c7e > .elementor-widget-container{margin:0px 0px -25px 0px;}.elementor-2 .elementor-element.elementor-element-d0a5c7e{text-align:center;}.elementor-2 .elementor-element.elementor-element-d0a5c7e img{width:200px;max-width:170px;height:100%;opacity:1;}.elementor-2 .elementor-element.elementor-element-a7573c4 .elementor-button{background-color:var( --e-global-color-24678e4 );font-family:"Tajawal", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-style:none;}.elementor-2 .elementor-element.elementor-element-a7573c4 .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-a7573c4 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-astglobalcolor4 );}.elementor-2 .elementor-element.elementor-element-a7573c4.elementor-element{--align-self:stretch;}.elementor-2 .elementor-element.elementor-element-a7573c4 .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-a7573c4 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-2 .elementor-element.elementor-element-6119d1f .elementor-button{background-color:var( --e-global-color-24678e4 );font-family:"Tajawal", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-style:none;}.elementor-2 .elementor-element.elementor-element-6119d1f .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-6119d1f .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-astglobalcolor4 );}.elementor-2 .elementor-element.elementor-element-6119d1f.elementor-element{--align-self:stretch;}.elementor-2 .elementor-element.elementor-element-6119d1f .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-6119d1f .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-2 .elementor-element.elementor-element-4262cf1 .elementor-button{background-color:var( --e-global-color-24678e4 );font-family:"Tajawal", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-style:none;}.elementor-2 .elementor-element.elementor-element-4262cf1 .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-4262cf1 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-astglobalcolor4 );}.elementor-2 .elementor-element.elementor-element-4262cf1.elementor-element{--align-self:stretch;}.elementor-2 .elementor-element.elementor-element-4262cf1 .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-4262cf1 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-2 .elementor-element.elementor-element-bce6304 .elementor-button{background-color:var( --e-global-color-24678e4 );font-family:"Tajawal", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-style:none;}.elementor-2 .elementor-element.elementor-element-bce6304 .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-bce6304 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-astglobalcolor4 );}.elementor-2 .elementor-element.elementor-element-bce6304.elementor-element{--align-self:stretch;}.elementor-2 .elementor-element.elementor-element-bce6304 .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-bce6304 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-2 .elementor-element.elementor-element-98b2081 .elementor-button{background-color:var( --e-global-color-24678e4 );font-family:"Tajawal", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-style:none;}.elementor-2 .elementor-element.elementor-element-98b2081 .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-98b2081 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-astglobalcolor4 );}.elementor-2 .elementor-element.elementor-element-98b2081.elementor-element{--align-self:stretch;}.elementor-2 .elementor-element.elementor-element-98b2081 .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-98b2081 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-2 .elementor-element.elementor-element-fcb504b .elementor-button{background-color:var( --e-global-color-24678e4 );font-family:"Tajawal", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-style:none;}.elementor-2 .elementor-element.elementor-element-fcb504b .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-fcb504b .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-astglobalcolor4 );}.elementor-2 .elementor-element.elementor-element-fcb504b.elementor-element{--align-self:stretch;}.elementor-2 .elementor-element.elementor-element-fcb504b .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-fcb504b .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-2 .elementor-element.elementor-element-91f2a21{--divider-border-style:solid;--divider-color:#D1D5DB36;--divider-border-width:2px;}.elementor-2 .elementor-element.elementor-element-91f2a21 .elementor-divider-separator{width:100%;}.elementor-2 .elementor-element.elementor-element-91f2a21 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2 .elementor-element.elementor-element-9c8253f{--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;--background-transition:0.3s;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-2 .elementor-element.elementor-element-f60969d{--display:flex;--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:space-evenly;--align-items:center;--gap:0px 0px;--background-transition:0.3s;}.elementor-2 .elementor-element.elementor-element-10b7284{--grid-template-columns:repeat(0, auto);--icon-size:20px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2 .elementor-element.elementor-element-10b7284 .elementor-widget-container{text-align:center;}.elementor-2 .elementor-element.elementor-element-10b7284 .elementor-social-icon{background-color:var( --e-global-color-24678e4 );}.elementor-2 .elementor-element.elementor-element-10b7284 .elementor-social-icon i{color:var( --e-global-color-accent );}.elementor-2 .elementor-element.elementor-element-10b7284 .elementor-social-icon svg{fill:var( --e-global-color-accent );}.elementor-2 .elementor-element.elementor-element-64cf7ff{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:var( --e-global-color-accent );}.elementor-2 .elementor-element.elementor-element-64cf7ff .elementor-headline{text-align:center;font-family:"Tajawal", Sans-serif;font-size:1.2rem;font-weight:600;}.elementor-2 .elementor-element.elementor-element-64cf7ff .elementor-headline-dynamic-wrapper path{stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;}.elementor-2 .elementor-element.elementor-element-64cf7ff .elementor-headline-dynamic-wrapper svg{z-index:2;}.elementor-2 .elementor-element.elementor-element-64cf7ff .elementor-headline-dynamic-text{z-index:auto;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2 .elementor-element.elementor-element-64cf7ff .elementor-headline-plain-text{color:var( --e-global-color-astglobalcolor4 );}.elementor-2 .elementor-element.elementor-element-42c1b2f{--spacer-size:2vh;}.elementor-2 .elementor-element.elementor-element-951d99d{--display:flex;--min-height:90vh;--justify-content:flex-start;--gap:0px 0px;--overflow:hidden;--background-transition:0.3s;border-style:solid;--border-style:solid;border-color:var( --e-global-color-24678e4 );--border-color:var( --e-global-color-24678e4 );--border-radius:12px 12px 12px 12px;}.elementor-2 .elementor-element.elementor-element-951d99d:hover{border-style:solid;}.elementor-2 .elementor-element.elementor-element-951d99d, .elementor-2 .elementor-element.elementor-element-951d99d::before{--border-transition:0.4s;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-b81dd51{--width:100vw;}.elementor-2 .elementor-element.elementor-element-f31b7d7{--width:20%;}.elementor-2 .elementor-element.elementor-element-951d99d{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2 .elementor-element.elementor-element-f31b7d7{--width:30%;}.elementor-2 .elementor-element.elementor-element-951d99d{--width:30%;}}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-b81dd51{--min-height:64vh;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-b81dd51{--width:90vw;--min-height:100dvh;--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;--justify-content:space-around;}.elementor-2 .elementor-element.elementor-element-f31b7d7{--min-height:95dvh;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2 .elementor-element.elementor-element-1d97d3f{--gap:1px 1px;}.elementor-2 .elementor-element.elementor-element-a7573c4{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-6119d1f{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-4262cf1{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-bce6304{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-98b2081{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-fcb504b{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-91f2a21 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2 .elementor-element.elementor-element-91f2a21 .elementor-divider{text-align:center;}.elementor-2 .elementor-element.elementor-element-951d99d{--width:80vw;--min-height:95dvh;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for container, class: .elementor-element-1d97d3f */.elementor-2 .elementor-element.elementor-element-1d97d3f::-webkit-scrollbar:horizontal {
  height: 0;
}

.elementor-2 .elementor-element.elementor-element-1d97d3f::-webkit-scrollbar-thumb:horizontal,
.elementor-2 .elementor-element.elementor-element-1d97d3f::-webkit-scrollbar-track:horizontal {
  display: none;
}

.elementor-2 .elementor-element.elementor-element-1d97d3f {
  scrollbar-width: none;
}

.elementor-2 .elementor-element.elementor-element-1d97d3f {
  -ms-overflow-style: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f31b7d7 */.elementor-2 .elementor-element.elementor-element-f31b7d7 {
    position: relative;
    overflow: hidden;
    background: transparent;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.elementor-2 .elementor-element.elementor-element-f31b7d7::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        135deg,
        transparent 0%,
        rgba(255, 255, 255, 0.03) 25%,
        rgba(255, 255, 255, 0.08) 35%,
        transparent 50%,
        rgba(255, 255, 255, 0.05) 65%,
        rgba(255, 255, 255, 0.12) 75%,
        transparent 100%
    );
    animation: liquidFlow 8s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
    opacity: 0.6;
    transition: opacity 0.6s ease;
}

.elementor-2 .elementor-element.elementor-element-f31b7d7::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: 
        radial-gradient(
            ellipse at 30% 40%,
            rgba(255, 255, 255, 0.15) 0%,
            transparent 50%
        ),
        radial-gradient(
            ellipse at 70% 60%,
            rgba(255, 255, 255, 0.08) 0%,
            transparent 40%
        );
    animation: liquidWave 12s ease-in-out infinite reverse;
    pointer-events: none;
    z-index: 1;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

.elementor-2 .elementor-element.elementor-element-f31b7d7:hover {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 
        0 8px 32px 0 rgba(0, 0, 0, 0.12),
        inset 0 1px 1px rgba(255, 255, 255, 0.2);
}

.elementor-2 .elementor-element.elementor-element-f31b7d7:hover::before {
    opacity: 1;
}

.elementor-2 .elementor-element.elementor-element-f31b7d7:hover::after {
    opacity: 0.8;
}

@keyframes liquidFlow {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg);
        opacity: 0.6;
    }
    25% {
        transform: translate(-10%, 10%) rotate(5deg);
        opacity: 0.8;
    }
    50% {
        transform: translate(-20%, 5%) rotate(-3deg);
        opacity: 0.7;
    }
    75% {
        transform: translate(-15%, -5%) rotate(4deg);
        opacity: 0.9;
    }
}

@keyframes liquidWave {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.5;
    }
    33% {
        transform: translate(5%, -8%) scale(1.05);
        opacity: 0.7;
    }
    66% {
        transform: translate(-8%, 5%) scale(0.98);
        opacity: 0.6;
    }
}

.elementor-2 .elementor-element.elementor-element-f31b7d7 > * {
    position: relative;
    z-index: 2;
}

.elementor-2 .elementor-element.elementor-element-f31b7d7 {
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.05);
}

.elementor-2 .elementor-element.elementor-element-f31b7d7::before,
.elementor-2 .elementor-element.elementor-element-f31b7d7::after {
    will-change: transform, opacity;
    backface-visibility: hidden;
    transform: translateZ(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-951d99d */.elementor-2 .elementor-element.elementor-element-951d99d {
    display: none;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px); /* زيادة بسيطة في الضبابية العادية */
    -webkit-backdrop-filter: blur(8px);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* إضافة خصائص الارتفاع وشريط التمرير */
.elementor-2 .elementor-element.elementor-element-951d99d {
    max-height: 90vh;
    height: 90vh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #08f081 #25273c; /* Firefox */
}

/* Chrome و Edge */
.elementor-2 .elementor-element.elementor-element-951d99d::-webkit-scrollbar {
    width: 8px;
}

.elementor-2 .elementor-element.elementor-element-951d99d::-webkit-scrollbar-track {
    background: #25273c;
    border-radius: 10px;
}

.elementor-2 .elementor-element.elementor-element-951d99d::-webkit-scrollbar-thumb {
    background: #08f081;
    border-radius: 10px;
}

.elementor-2 .elementor-element.elementor-element-951d99d::-webkit-scrollbar-thumb:hover {
    background: #07cc6e; /* لون أغمق قليلاً عند التمرير */
}

/* تم إزالة border من الحالة العادية */

.elementor-2 .elementor-element.elementor-element-951d99d {
    box-shadow: 
        inset 0 1px 1px rgba(255, 255, 255, 0.05); /* الظل الداخلي القديم */
}

.elementor-2 .elementor-element.elementor-element-951d99d:hover {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(16px); /* زيادة بسيطة في الضبابية عند الهوفر */
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid #08ef80; /* اطار 1px اخضر عند الهوفر */
    box-shadow: 
        0 0 10px 2px rgba(8, 239, 128, 0.6), /* تأثير الجلو الاخضر */
        0 8px 32px 0 rgba(0, 0, 0, 0.12), /* الظل الخارجي القديم */
        inset 0 1px 1px rgba(255, 255, 255, 0.2); /* الظل الداخلي القديم */
}/* End custom CSS */