/* section */
.apple-orbit-section{
padding:100px 30px;
}

.apple-orbit-wrap{
max-width:1300px;
margin:auto;

display:flex;
align-items:center;
justify-content:center;
gap:100px;
flex-wrap:wrap;
}


/* ORBIT */
.apple-orbit{
position:relative;
width:500px;
height:500px;
}

/* center */
.apple-center{
position:absolute;
top:50%;
left:50%;

transform:translate(-50%,-50%);

width:150px;
height:150px;

border-radius:50%;

/*background:#e91e63;*/

display:flex;
justify-content:center;
align-items:center;

font-size:38px;
font-weight:bold;
color:#fff;

z-index:5;

box-shadow:0 0 35px rgba(233,30,99,.4);
}


/* rotating ring */
.orbit-track{
position:absolute;
inset:0;

border:2px dashed rgba(255,255,255,.15);
border-radius:50%;

animation:spinOrbit 22s linear infinite;
}

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


/* nodes */
.orbit-node{
position:absolute;

width:115px;
height:115px;

border-radius:50%;

background:#142b66;

display:flex;
flex-direction:column;
justify-content:center;
align-items:center;

gap:10px;

padding:15px;
text-align:center;

border:1px solid rgba(255,255,255,.1);

cursor:pointer;

transition:.4s;

/* keeps text upright */
animation:counterSpin 22s linear infinite reverse;
}

@keyframes counterSpin{
100%{
transform:rotate(-360deg);
}
}

.orbit-node i{
font-size:28px;
color:#ff8fb3;
}

.orbit-node span{
font-size:14px;
font-weight:600;
color:#fff;
}

.orbit-node.active{
background:#e91e63;
transform:scale(1.1);

box-shadow:0 0 25px rgba(233,30,99,.45);
}

.orbit-node.active i{
color:#fff;
}


/* positions */
.node1{
top:-35px;
left:50%;
margin-left:-55px;
}

.node2{
top:70px;
right:-30px;
}

.node3{
bottom:70px;
right:-30px;
}

.node4{
bottom:-35px;
left:50%;
margin-left:-55px;
}

.node5{
bottom:70px;
left:-30px;
}

.node6{
top:70px;
left:-30px;
}



/* RIGHT CONTENT */
.orbit-content{
max-width:520px;
color:#fff;
}

.orbit-content h5{
/*color:#475569;*/
letter-spacing:2px;
margin-bottom:25px;
}

.orbit-content h2{
font-size:2.3erm;
margin-bottom:30px;

animation:titleJump 2s infinite;
}

@keyframes titleJump{
50%{
transform:translateY(-8px);
}
}

.orbit-content p{
font-size:18px;
line-height:1.8;
color:#475569;

margin-bottom:35px;
}


/* bullets */
.orbit-points{
list-style:none;
}

.orbit-points li{
margin-bottom:20px;
/*font-size:18px;*/
color: #475569;
}

.orbit-points i{
color:#e91e63;
margin-right:12px;
}



/* mobile */
@media(max-width:767px){

.apple-orbit{
width:330px;
height:330px;
}

.orbit-node{
width:80px;
height:80px;
gap:5px;
}

.orbit-node i{
font-size:18px;
}

.orbit-node span{
font-size:10px;
}

.apple-center{
width:90px;
height:90px;
font-size:22px;
}

.orbit-content h2{
font-size:34px;
}

.orbit-content p{
font-size:18px;
}

.orbit-points li{
font-size:16px;
}

}