/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.footer_title h5:after{
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    border-radius: 2px;
    background: var(--e-global-color-accent);
}
.footer_title h5{
position: relative;
	padding-bottom: 12px; }

.footer_list .elementor-icon-list-icon svg{
	margin: 0px;
}
.footer_list .elementor-icon-list-icon{
	flex: none;
    width: 40px;
    height: 38px;
    border-radius: 10px;
    display: grid !important;
    place-items: center;
    background: rgba(255, 152, 0, .14); 
    transition: .3s;
}
.footer_list b{ 
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--e-global-color-b63cb98);
    font-weight: 500;
}
.footer_list .elementor-icon-list-icon:hover{
    background: var(--e-global-color-accent);
    transform: rotate(-6deg) scale(1.05);
}

.footer_list .elementor-icon-list-icon:hover svg{
	fill: #fff !important;
}
.footer_bg::before, .footer_second::before, .hero_section:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .12) 1.4px, transparent 1.6px);
    background-size: 14px 14px;
    -webkit-mask-image: linear-gradient(90deg, transparent 20%, #000 70%, transparent);
    mask-image: linear-gradient(90deg, transparent 20%, #000 70%, transparent);
    opacity: .45;
}
.footer_second{
	 background: radial-gradient(800px 380px at 90% 0, rgba(157, 156, 255, .18), transparent 60%), radial-gradient(600px 300px at 0 100%, rgba(255, 152, 0, .10), transparent 60%), var(--e-global-color-primary);
}

.footer_bg{
	    background: radial-gradient(800px 380px at 90% 0, rgba(157, 156, 255, .18), transparent 60%), radial-gradient(600px 300px at 0 100%, rgba(255, 152, 0, .10), transparent 60%), var(--e-global-color-primary);
    border-top: 4px solid var(--e-global-color-accent);
}

.hero_section{
	    background: radial-gradient(800px 380px at 90% 0, rgba(157, 156, 255, .18), transparent 60%), radial-gradient(600px 300px at 0 100%, rgba(255, 152, 0, .10), transparent 60%), var(--e-global-color-primary); 
}


.team_section .elementor-image-box-wrapper,
.team_section .elementor-image-box-wrapper img{
	margin: 15px 0px
}

.team_section .elementor-image-box-wrapper .elementor-image-box-description{
	display: inline-block;
    font-size: 13px;
    padding: 5px 14px;
    border-radius: 30px;
    background: rgba(77, 163, 255, .16);
    color: #a9d2ff;
    border: 1px solid rgba(77, 163, 255, .35);
}
.footer_subscribe .wpsf-popup-trigger{
	background-color: var(--e-global-color-accent) !important;
    padding: 10px 20px !important;
    margin-top: 10px;
}
.wpsf-form-submit{
	background-color: var(--e-global-color-primary) !important; 
}
.wpsf-form-submit:hover{
	background-color: var(--e-global-color-accent) !important; 
}

#hero-inner-banner {
    position: relative;   
}
#hero-inner-banner:after{
    content: "";
    position: absolute;
    background-color: rgba(10, 29, 55, 0.5) ;
    z-index: 1;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#hero-inner-banner .e-heading-base {
    position: relative;
    z-index: 2;
	color: #fff;
}
.hero_section nav{
	    display: inline-flex;
    gap: 8px;
    font-size: 13px;
    padding: 7px 16px;
    border-radius: 30px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .16);
    color: rgba(255, 255, 255, .8);
}
.hero_section nav a{
	    color: #a9d2ff;
}

#realisation-tabs .e-tab-base.e--selected,
#realisation-tabs .e-tab-base:hover {
    background-color: transparent;
    color: var( --e-global-color-accent );
    box-shadow: var( --e-global-color-accent ) 1px 3px 1px;
}
#realisation-tabs .e-tab-base {
    background-color: var( --e-global-color-accent );
    color: rgb(255, 255, 255);
    border-radius: 2px;
    margin: 0px 5px;
    border-color: var( --e-global-color-accent );
    padding: .375rem .75rem;
    border-width: 1px;
    width: auto;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.list_icons .elementor-icon-list-items, .list_icons_bg .elementor-icon-list-items{
	display: grid;
    gap: 12px;
}

.list_icons .elementor-icon-list-items .elementor-icon-list-item{
	display: flex;
    gap: 16px;
    align-items: center;
    padding: 14px 18px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #e3e9f2;
    box-shadow: 0 6px 20px rgba(10, 29, 55, .05);
    transition: .3s;
}
.list_icons_bg .elementor-icon-list-items .elementor-icon-list-item{
	display: flex;
    gap: 16px;
    align-items: center;
    padding: 14px 18px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .16);
    box-shadow: 0 6px 20px rgba(10, 29, 55, .05);
    transition: .3s;
}

.list_icons .elementor-icon-list-items .elementor-icon-list-item:hover,
.list_icons_bg .elementor-icon-list-items .elementor-icon-list-item:hover{
	transform: translateX(8px);
    border-color: var(--e-global-color-b63cb98);
    box-shadow: 0 14px 30px rgba(10, 29, 55, .12);
} 
.list_icons .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon svg,
.list_icons_bg .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon svg{
	fill: var(--e-global-color-b63cb98);
} 
.list_icons .elementor-icon-list-items .elementor-icon-list-item:hover .elementor-icon-list-icon,
.list_icons_bg .elementor-icon-list-items .elementor-icon-list-item:hover .elementor-icon-list-icon{
	background: var(--e-global-color-accent);
    transform: rotate(-8deg);
} 
.list_icons .elementor-icon-list-items .elementor-icon-list-item:hover .elementor-icon-list-icon svg,
.list_icons_bg .elementor-icon-list-items .elementor-icon-list-item:hover .elementor-icon-list-icon svg {
	fill: #fff;
}
.list_icons .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon{
	flex: none;
    width: 46px;
    height: 46px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    background: var(--e-global-color-primary);
    
    transition: .3s;
}
.list_icons_bg .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon{
	flex: none;
    width: 46px;
    height: 46px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    background: rgba(77,163,255,.18); 
    transition: .3s;
}
.services_icons .chip{
	position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 40px;
    background: rgba(255, 255, 255, .95);
    color: var(--e-global-color-primary);
    font-weight: 700;
    font-size: 13px;
    box-shadow: 0 12px 28px rgba(10, 29, 55, .25);
    animation: mgsxf 6s ease-in-out infinite;
}
.services_icons .chip.c1 {
    left: -18px;
    bottom: 40px;
}
.services_icons .chip.c2 {
	right: -14px;
    top: 36px;
    animation-delay: -2s;
}
.services_icons .chip.c3 {
    right: 30px;
    bottom: -16px;
    animation-delay: -4s;
}
.chip .elementor-heading-title i { 
	width: 8px !important;
    height: 8px !important;
    border-radius: 50%;
    background: var(--e-global-color-accent);
    display: inline-block;
    margin-right: 5px;
}

@keyframes mgsxf{
	50% {
		transform: translate(30px, -26px) scale(1.1);
	}
}

.subtitle_style:before{
	content: "";
    width: 34px;
    height: 4px;
    background: var(--e-global-color-accent);
    display: inline-block;
	margin-right: 5px;
}



/* orbit */
.orbit{position:relative;width:380px;height:380px;margin:auto;max-width:100%}
.orbit::before,.orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(127,192,255,.3)}
.orbit::before{inset:0}.orbit::after{inset:56px;border-style:dashed;border-color:rgba(255,255,255,.2)}
.core{position:absolute;inset:118px;border-radius:50%;display:grid;place-items:center;background:#122e56;border:3px solid var(--blue);box-shadow:0 0 50px rgba(77,163,255,.5),inset 0 0 30px rgba(77,163,255,.2)}
.core svg{width:62px;height:62px;color:#fff}
.ring{position:absolute;inset:0;animation:mgcw 36s linear infinite}
.bub{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;transform:rotate(var(--a)) translateX(190px) rotate(calc(var(--a)*-1))}
.bub span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--e-global-color-primary);border:2px solid var(--e-global-color-accent);color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.35);animation:mgcw2 36s linear infinite}
.bub:nth-child(even) span{border-color:var(--blue)}
.bub svg{width:26px;height:26px}
@keyframes mgcw{to{transform:rotate(360deg)}}@keyframes mgcw2{to{transform:rotate(-360deg)}}
.wave{position:absolute;left:0;right:0;bottom:-1px;line-height:0}
.wave svg{width:100%;height:80px;display:block}

/* mg-orb */
.mg-orb{--s:340px;--r:170px;--b:56px;position:relative;width:var(--s);height:var(--s);margin:0 auto}
.mg-orb .ring{position:absolute;inset:0;border:1px dashed #2f4d86;border-radius:50%;
  animation:mgSpin 30s linear infinite}
.mg-orb .bub{position:absolute;top:50%;left:50%;width:var(--b);height:var(--b);
  margin:calc(var(--b) / -2) 0 0 calc(var(--b) / -2);
  transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)))}
.mg-orb .bub span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;
  background:#0f2550;border:2px solid #3b82f6;color:#8fb8ff;
  animation:mgBack 30s linear infinite}
.mg-orb .bub.o span{border-color:#f7931e;color:#f7931e}
.mg-orb .bub svg{width:24px;height:24px;fill:none;stroke:currentColor}
.mg-orb .core{position:absolute;top:50%;left:50%;width:140px;height:140px;
  transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;
  background:#0f2550;border:3px solid #3b82f6;color:#fff;
  box-shadow:0 0 50px rgba(59,130,246,.5)}
.mg-orb .core svg{width:56px;height:56px;fill:none;stroke:currentColor}

@keyframes mgSpin{to{transform:rotate(360deg)}}
@keyframes mgBack{to{transform:rotate(-360deg)}}

@media (max-width:767px){.mg-orb{--s:250px;--r:125px;--b:46px}
  .mg-orb .core{width:100px;height:100px}.mg-orb .core svg{width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.mg-orb .ring,.mg-orb .bub span{animation:none}}


.multimedia_wrap .rv.on {
    opacity: 1;
    transform: none;
}
.multimedia_wrap .screen::before {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .05) 0 2px, transparent 2px 46px);
}
.multimedia_wrap .rec {
    position: absolute;
    right: 24px;
    top: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    font: 600 12px Poppins, sans-serif;
    letter-spacing: .12em;
    color: #fff;
}

.multimedia_wrap .rec i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff4d4d;
    animation: mgcwb 1.2s infinite;
}

.multimedia_wrap .play {
    position: relative;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: var(--e-global-color-accent);
    display: grid;
    place-items: center;
    color: #fff;
    animation: mgcwp 2.4s infinite;
}

.multimedia_wrap .play svg {
    width: 38px;
    height: 38px;
    margin-left: 6px;
}

.multimedia_wrap .eq {
    position: absolute;
    left: 26px;
    bottom: 22px;
    display: flex;
    gap: 5px;
    align-items: flex-end;
    height: 34px;
}

.multimedia_wrap .eq i {
    width: 6px;
    border-radius: 3px;
    background: linear-gradient(var(--e-global-color-primary), var(--e-global-color-b63cb98));
    animation: mgcwe 1.1s ease-in-out infinite;
}

.multimedia_wrap .eq i:nth-child(1) {
    height: 40%;
}
.multimedia_wrap .eq i:nth-child(2) {
    height: 90%;
    animation-delay: -.3s;
}
.multimedia_wrap .eq i:nth-child(3) {
    height: 60%;
    animation-delay: -.6s;
}
.multimedia_wrap .eq i:nth-child(4) {
    height: 100%;
    animation-delay: -.2s;
}
.multimedia_wrap .eq i:nth-child(5) {
    height: 50%;
    animation-delay: -.8s;
}
@keyframes mgcwe{
	50% {
		transform: scaleY(.35);
	}
}
.screen {
    position: relative;
    aspect-ratio: 16 / 10;
    border-radius: 26px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: var(--e-global-color-primary);
    border: 1px solid rgba(255, 255, 255, .2);
    box-shadow: 0 30px 60px rgba(0, 0, 0, .35);
}

.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0 30px;
}
.tags span {
    padding: 7px 16px;
    border-radius: 30px;
    background: #eaf2ff;
    color: var(--e-global-color-primary);
    font-weight: 500;
    font-size: 13.5px;
    border: 1px solid #cfe0fa;
}

.team_section figure.elementor-image-box-img img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

@media (max-width:767px) {
    header#masthead nav {
        overflow: hidden;
    }
    .orbit {
        width:250px;
        height:250px;
        aspect-ratio: 1/1;
    }
    .tags {
        margin: 0;
    }
    .bub {
        width: 46px;
        height: 46px;
        margin: calc(46px / -2) 0 0 calc(46px / -2);
        transform: rotate(var(--a)) translateX(125px) rotate(calc(-1 * var(--a)));
    }
    #mg-top {
        right: 1rem !important;
    }
}