@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(50px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

.fade-up{

    animation:fadeUp .8s ease forwards;

}
@keyframes floatShape{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-30px);

}

100%{

transform:translateY(0);

}

}
@keyframes pulseGlow{

0%{

transform:scale(.95);

opacity:.6;

}

50%{

transform:scale(1.1);

opacity:1;

}

100%{

transform:scale(.95);

opacity:.6;

}

}

@keyframes btnSpin{

    to{

        transform:rotate(360deg);

    }

}

.btn-spinner{

    display:inline-block;

    width:14px;

    height:14px;

    border:2px solid currentColor;

    border-top-color:transparent;

    border-radius:50%;

    animation:btnSpin .6s linear infinite;

    margin-right:8px;

    vertical-align:middle;

}

/* ==========================
   SCROLL REVEAL
========================== */

.reveal-init{

    opacity:0;

    transform:translateY(30px);

    transition:opacity .7s ease, transform .7s ease;

}

.reveal-init.is-visible{

    opacity:1;

    transform:translateY(0);

}

.projects-grid > *:nth-child(1),
.gallery-grid > *:nth-child(1),
.impact-grid > *:nth-child(1),
.values-grid > *:nth-child(1),
.about-features > *:nth-child(1),
.vision-grid > *:nth-child(1),
.news-list > *:nth-child(1){

    transition-delay:.05s;

}

.projects-grid > *:nth-child(2),
.gallery-grid > *:nth-child(2),
.impact-grid > *:nth-child(2),
.values-grid > *:nth-child(2),
.about-features > *:nth-child(2),
.vision-grid > *:nth-child(2),
.news-list > *:nth-child(2){

    transition-delay:.15s;

}

.projects-grid > *:nth-child(3),
.gallery-grid > *:nth-child(3),
.impact-grid > *:nth-child(3),
.values-grid > *:nth-child(3),
.about-features > *:nth-child(3),
.news-list > *:nth-child(3){

    transition-delay:.25s;

}

.projects-grid > *:nth-child(4),
.gallery-grid > *:nth-child(4),
.impact-grid > *:nth-child(4),
.values-grid > *:nth-child(4),
.news-list > *:nth-child(4){

    transition-delay:.35s;

}

/* ==========================
   SLIDER
========================== */

.slider-wrap{

    position:relative;

}

.slider-track{

    display:flex;

    gap:35px;

    overflow-x:auto;

    scroll-snap-type:x mandatory;

    scroll-behavior:smooth;

    -webkit-overflow-scrolling:touch;

    padding-bottom:6px;

    scrollbar-width:none;

}

.slider-track::-webkit-scrollbar{

    display:none;

}

.slider-track > *{

    scroll-snap-align:start;

    flex:0 0 auto;

    width:calc((100% - 70px) / 3);

}

.slider-btn{

    position:absolute;

    top:38%;

    transform:translateY(-50%);

    width:48px;

    height:48px;

    border-radius:50%;

    background:#fff;

    border:none;

    box-shadow:0 10px 25px rgba(0,0,0,.15);

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    z-index:2;

    color:#072B66;

    font-size:18px;

    transition:.25s;

}

.slider-btn:hover{

    background:var(--gold);

    color:#fff;

}

.slider-btn.prev{

    left:-24px;

}

.slider-btn.next{

    right:-24px;

}

@media(max-width:992px){

.slider-track > *{

    width:calc((100% - 35px) / 2);

}

}

@media(max-width:640px){

.slider-track > *{

    width:85%;

}

.slider-btn{

    display:none;

}

}