/*==================================================
Vision Section
==================================================*/

.vision-section{

    padding:100px 0;

    background:#F8FAFC;

}

.section-badge{

    display:inline-block;

    background:#D4AF37;

    color:#fff;

    padding:8px 20px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

}

.section-title{

    font-size:42px;

    font-weight:700;

    color:#17364F;

    line-height:1.4;

}

.section-description{

    font-size:17px;

    color:#6B7280;

    line-height:1.9;

}

.vision-box{

    display:flex;

    gap:20px;

    align-items:flex-start;

    background:#fff;

    padding:25px;

    border-radius:20px;

    box-shadow:0 15px 35px rgba(0,0,0,.05);

}

.vision-icon{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#0F766E;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

}

.vision-image{

    animation:floatVision 5s ease-in-out infinite;

}

@keyframes floatVision{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-12px);

    }

    100%{

        transform:translateY(0);

    }

}

@media(max-width:991px){

    .vision-section{

        text-align:center;

    }

    .vision-box{

        flex-direction:column;

        text-align:center;

    }

    .vision-icon{

        margin:auto;

    }

}