.past-experience-section{
    position:relative;
    padding:70px 0;
background: linear-gradient(
    45deg,
    #d7efff 0%,
    #b8e3ff 35%,
    #8fd2f7 100%
);   
 overflow:hidden;
}

.past-experience-section .experience-map{

    position:absolute;

    inset:0;
    background-size:900px;

    opacity:.05;

    pointer-events:none;

}

.past-experience-section .container{

    width:min(1300px,92%);

    margin:auto;

    position:relative;

}

.past-experience-section .experience-heading{

    text-align:center;

    margin-bottom:110px;

}

.past-experience-section .experience-heading span{

    color:#0093da;

    font-size:24px;

    font-weight:600;

    letter-spacing:1px;

}

.past-experience-section .experience-heading h2{

    font-size:45px;

    color:#006FA3;
    font-weight:800;

}

.past-experience-section .experience-heading p{

    max-width:720px;

    margin:auto;

    color:#444;

    font-size:18px;

    line-height:1.9;

}


.past-experience-section .experience-wave{

    position:absolute;

    left:0;

    top:150px;

    width:100%;

    height:260px;

    z-index:1;

}

.past-experience-section .experience-wave path{
    fill: none;
    stroke: #0093da;
    stroke-width: 1;
    stroke-linecap: round;
}


.past-experience-section .experience-wave circle {
  filter: drop-shadow(0 0 6px rgba(0,147,218,.6));
}

@keyframes movingPath{
    from{
        stroke-dashoffset: 0;
    }

    to{
        stroke-dashoffset: -240;
    }
}

.past-experience-section .experience-items{

    display:flex;

    justify-content:space-between;

    position:relative;

    z-index:5;

}


.past-experience-section .experience-card{

    width:320px;

    text-align:center;

    position:relative;

}

.past-experience-section .card-one{

    margin-top:70px;

}

.past-experience-section .card-two{

    margin-top:-20px;

}

.past-experience-section .card-three{

    margin-top:90px;

}


.past-experience-section .experience-circle{

    width:80px;

    height:80px;

    margin:auto;

    background:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    box-shadow:0 20px 45px rgba(0,0,0,.14);

    transition:.45s;

}

.past-experience-section .experience-circle i{

    font-size:45px;

    color:#0093da;

}

.past-experience-section .experience-card:hover .experience-circle{

    transform:translateY(-12px);

    box-shadow:0 35px 60px rgba(0,147,218,.25);

}


.past-experience-section .experience-content{

    margin-top:35px;

}

.past-experience-section .experience-content span{

    display:block;

    color:#444;

    text-transform:uppercase;

    font-size:15px;

    letter-spacing:2px;

}

.past-experience-section .experience-content h3{

    color:#006FA3;

    margin:15px 0;

    font-size:30px;

    font-weight:700;

}

.past-experience-section .experience-content p{

    color:#444;

    line-height:1.9;

    font-size:18px;

    padding:0 12px;

}


.past-experience-section .experience-card{

    transition:.4s;

}

.past-experience-section .experience-card:hover{

    transform:translateY(-8px);

}


@media (max-width:480px){

    .past-experience-section{
        padding:60px 0;
    }

    .past-experience-section .container{
        width:100%;
        padding:0 16px;
    }

    .past-experience-section .experience-heading{
        margin-bottom:50px;
    }

    .past-experience-section .experience-heading span{
        font-size:16px;
    }

    .past-experience-section .experience-heading h2{
        font-size:30px;
        margin:10px 0;
    }

    .past-experience-section .experience-heading p{
        font-size:15px;
        line-height:1.7;
    }

    /* Hide wave line on mobile */
    .past-experience-section .experience-wave{
        display:none;
    }

    /* Stack cards */
    .past-experience-section .experience-items{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:35px;
    }

    .past-experience-section .experience-card{
        width:100%;
        max-width:340px;
        margin:0 !important;
    }

    .past-experience-section .experience-circle{
        width:65px;
        height:65px;
    }

    .past-experience-section .experience-circle i{
        font-size:34px;
    }

    .past-experience-section .experience-content{
        margin-top:20px;
    }

    .past-experience-section .experience-content span{
        font-size:13px;
        letter-spacing:1px;
    }

    .past-experience-section .experience-content h3{
        font-size:24px;
        margin:10px 0;
    }

    .past-experience-section .experience-content p{
        font-size:15px;
        line-height:1.7;
        padding:0;
    }

    .past-experience-section .experience-card:hover{
        transform:translateY(-5px);
    }

}