.elementor-7736 .elementor-element.elementor-element-233dcbe{--display:flex;--min-height:100vh;--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:center;}.elementor-7736 .elementor-element.elementor-element-233dcbe:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-233dcbe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#162052;}.elementor-7736 .elementor-element.elementor-element-e7476af{--display:flex;--min-height:350px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:50% 50% 50% 50%;}.elementor-7736 .elementor-element.elementor-element-e7476af:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-e7476af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000080;}.elementor-7736 .elementor-element.elementor-element-b80f68f{--display:flex;--position:absolute;--min-height:300px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:50% 50% 50% 50%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:25px;}body:not(.rtl) .elementor-7736 .elementor-element.elementor-element-b80f68f{left:25px;}body.rtl .elementor-7736 .elementor-element.elementor-element-b80f68f{right:25px;}.elementor-7736 .elementor-element.elementor-element-b4acefd{z-index:3;}.elementor-7736 .elementor-element.elementor-element-b4acefd img{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:50% 50% 50% 50%;}.elementor-7736 .elementor-element.elementor-element-fb34a1e .elementor-heading-title{font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-83832d9 .elementor-heading-title{font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-5443b25 .elementor-button{background-color:#FFFFFF;font-weight:400;letter-spacing:1px;fill:#000000;color:#000000;border-radius:30px 30px 30px 30px;}.elementor-7736 .elementor-element.elementor-element-5443b25 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-7736 .elementor-element.elementor-element-7d7b495{--display:flex;--min-height:350px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:50% 50% 50% 50%;}.elementor-7736 .elementor-element.elementor-element-7d7b495:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-7d7b495 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000080;}.elementor-7736 .elementor-element.elementor-element-177c5a7{--display:flex;--position:absolute;--min-height:300px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:50% 50% 50% 50%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:25px;}body:not(.rtl) .elementor-7736 .elementor-element.elementor-element-177c5a7{left:25px;}body.rtl .elementor-7736 .elementor-element.elementor-element-177c5a7{right:25px;}.elementor-7736 .elementor-element.elementor-element-652aae1{z-index:3;}.elementor-7736 .elementor-element.elementor-element-652aae1 img{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:50% 50% 50% 50%;}.elementor-7736 .elementor-element.elementor-element-c568716 .elementor-heading-title{font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-06752d4 .elementor-heading-title{font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-6a0ced5 .elementor-button{background-color:#FFFFFF;font-weight:400;letter-spacing:1px;fill:#000000;color:#000000;border-radius:30px 30px 30px 30px;}.elementor-7736 .elementor-element.elementor-element-6a0ced5 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-7736 .elementor-element.elementor-element-ca6a974{--display:flex;--min-height:350px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:50% 50% 50% 50%;}.elementor-7736 .elementor-element.elementor-element-ca6a974:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-ca6a974 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000080;}.elementor-7736 .elementor-element.elementor-element-efa80e9{--display:flex;--position:absolute;--min-height:300px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:50% 50% 50% 50%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:25px;}body:not(.rtl) .elementor-7736 .elementor-element.elementor-element-efa80e9{left:25px;}body.rtl .elementor-7736 .elementor-element.elementor-element-efa80e9{right:25px;}.elementor-7736 .elementor-element.elementor-element-90120d6{z-index:3;}.elementor-7736 .elementor-element.elementor-element-90120d6 img{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:50% 50% 50% 50%;}.elementor-7736 .elementor-element.elementor-element-7a3a9c0 .elementor-heading-title{font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-66640b1 .elementor-heading-title{font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-2ca19e6 .elementor-button{background-color:#FFFFFF;font-weight:400;letter-spacing:1px;fill:#000000;color:#000000;border-radius:30px 30px 30px 30px;}.elementor-7736 .elementor-element.elementor-element-2ca19e6 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-7736 .elementor-element.elementor-element-fb7177d{--display:flex;--min-height:100vh;--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:center;}.elementor-7736 .elementor-element.elementor-element-fb7177d:not(.elementor-motion-effects-element-type-background), .elementor-7736 .elementor-element.elementor-element-fb7177d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0B;}.elementor-7736 .elementor-element.elementor-element-ff3f651{--display:flex;--min-height:270px;}.elementor-7736 .elementor-element.elementor-element-22ecc97{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7736 .elementor-element.elementor-element-a1b9804 .elementor-heading-title{font-size:48px;font-weight:600;color:#FFFFFF;}.elementor-7736 .elementor-element.elementor-element-38679d2{--display:flex;--min-height:270px;}.elementor-7736 .elementor-element.elementor-element-2cf935a{--display:flex;}.elementor-7736 .elementor-element.elementor-element-0eec483 .elementor-icon-wrapper{text-align:center;}.elementor-7736 .elementor-element.elementor-element-e1e7b38{--display:flex;--min-height:270px;}.elementor-7736 .elementor-element.elementor-element-6b21856{--display:flex;}.elementor-7736 .elementor-element.elementor-element-3ddaf36 .elementor-icon-wrapper{text-align:center;}@media(min-width:768px){.elementor-7736 .elementor-element.elementor-element-e7476af{--width:350px;}.elementor-7736 .elementor-element.elementor-element-b80f68f{--width:300px;}.elementor-7736 .elementor-element.elementor-element-7d7b495{--width:350px;}.elementor-7736 .elementor-element.elementor-element-177c5a7{--width:300px;}.elementor-7736 .elementor-element.elementor-element-ca6a974{--width:350px;}.elementor-7736 .elementor-element.elementor-element-efa80e9{--width:300px;}.elementor-7736 .elementor-element.elementor-element-ff3f651{--width:300px;}.elementor-7736 .elementor-element.elementor-element-38679d2{--width:300px;}.elementor-7736 .elementor-element.elementor-element-e1e7b38{--width:300px;}}@media(max-width:1024px){.elementor-7736 .elementor-element.elementor-element-233dcbe{--flex-wrap:wrap;}}@media(max-width:767px){.elementor-7736 .elementor-element.elementor-element-233dcbe{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-7736 .elementor-element.elementor-element-e7476af{--width:300px;--min-height:300px;}.elementor-7736 .elementor-element.elementor-element-b80f68f{--width:250px;--min-height:250px;}.elementor-7736 .elementor-element.elementor-element-7d7b495{--width:300px;--min-height:300px;}.elementor-7736 .elementor-element.elementor-element-177c5a7{--width:250px;--min-height:250px;}.elementor-7736 .elementor-element.elementor-element-ca6a974{--width:300px;--min-height:300px;}.elementor-7736 .elementor-element.elementor-element-efa80e9{--width:250px;--min-height:250px;}}/* Start custom CSS for container, class: .elementor-element-233dcbe */.wrapper::before{
    position: absolute;
    left: 0px;
  right: 0px;
  width:100px;
  height: 200%;
  margin: auto;
    content: "";
    inset: -10px 140px;
    background: linear-gradient(360deg, #00ccff, #d400d4);
    transition: 0.5s;
    animation: anim 4s linear infinite;
}

.wrapper:hover:before{
    inset: -20px 0px;
    width: 100%;
    height: 100%;
}

@keyframes anim {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

.wrapper::after{
    position: absolute;
    top:0;
    left: 0;
    content: "";
    inset: 6px;
    background: #162052;
    border-radius: 50%;
}

.wrapper .content{
    position: absolute;
    top:0;
    left: 0;
    inset: 30px;
    border: 6px solid rgba(0, 0, 0, 0.5);
    overflow: hidden;
    z-index: 3;
}

.content .imgg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: 0.5s;
    
}

.wrapper:hover .content .imgg{
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38679d2 */:root {
    --clr2: #00cc0a;
    --clr2: #e7e481;
    --clr2: #e77204;
}

.card{
    width: 300px;
    height: 270px;
    background-image: 
 linear-gradient(45deg,
        var(--clr2) 25%,
        var(--clr2) 25%,
        #444 25%,
        #444 50%,
        var(--clr2) 50%,
        var(--clr2) 75%,
        #444 75%,
        #444 100%
    );
    animation: move 15s linear infinite;
    transition: all 0.5s;
    position: relative;
    overflow: visible;
    border-radius: 20px;
    margin: 0 50px;
    cursor: pointer;
    background-size: 60px 60px;
}

.info{
    position: absolute;
    width: 96%;
    height: 96%;
    left: 2%;
    top: 2%;
    background-color: rgb(24,22,22);
    border-radius: 20px;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info:hover{
    width: 100%;
    height: 100%;
    background: rgb(0,0,0,0.82);
    backdrop-filter: blur(12px);
    left: 20px;
    top: 20px;
}

p{
    color: #fff;
    font-weight: 900;
    font-size: 30px;
}

@keyframes move {
    0%{
        background-position: 0;
    }
    100%{
        background-position: 1000px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb7177d */:root {
    --clr: #00cc0a;
}

.card{
    width: 300px;
    height: 270px;
    background-image: 
 linear-gradient(45deg,
        var(--clr) 25%,
        var(--clr) 25%,
        #444 25%,
        #444 50%,
        var(--clr) 50%,
        var(--clr) 75%,
        #444 75%,
        #444 100%
    );
    animation: move 15s linear infinite;
    animation-play-state: running;
    transition: all 0.5s;
    position: relative;
    overflow: visible;
    border-radius: 20px;
    margin: 0 50px;
    cursor: pointer;
    background-size: 60px 60px;
}

.card:hover{
    animation-play-state: paused;
}

.info{
    position: absolute;
    width: 96%;
    height: 96%;
    left: 2%;
    top: 2%;
    background-color: rgb(24,22,22);
    border-radius: 20px;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info:hover{
    width: 100%;
    height: 100%;
    background: rgb(0,0,0,0.82);
    backdrop-filter: blur(12px);
    left: 20px;
    top: 20px;
}


p{
    color: #fff;
    font-weight: 900;
    font-size: 30px;
}

@keyframes move {
    0%{
        background-position: 0;
    }
    100%{
        background-position: 1000px;
    }
}/* End custom CSS */