/* ===========================
GLOBAL TRANSITIONS
=========================== */

*{
transition:all .35s ease;
}

/* ===========================
FADE UP
=========================== */

.fade-up{

opacity:0;

transform:translateY(60px);

transition:1s;

}

.fade-up.active{

opacity:1;

transform:translateY(0);

}

/* ===========================
FADE LEFT
=========================== */

.fade-left{

opacity:0;

transform:translateX(-80px);

transition:1s;

}

.fade-left.active{

opacity:1;

transform:translateX(0);

}

/* ===========================
FADE RIGHT
=========================== */

.fade-right{

opacity:0;

transform:translateX(80px);

transition:1s;

}

.fade-right.active{

opacity:1;

transform:translateX(0);

}

/* ===========================
ZOOM
=========================== */

.zoom{

opacity:0;

transform:scale(.85);

transition:1s;

}

.zoom.active{

opacity:1;

transform:scale(1);

}

/* ===========================
FLOATING
=========================== */

.float{

animation:float 3s ease-in-out infinite;

}

@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0);

}

}

/* ===========================
BUTTON GLOW
=========================== */

.primary-btn:hover{

box-shadow:0 0 20px rgba(198, 146, 53,.5);

}

.secondary-btn:hover{

box-shadow:0 0 20px rgba(198, 146, 53,.35);

}

/* ===========================
CARD HOVER
=========================== */

.service-card:hover,

.about-card:hover,

.why-card:hover,

.leader-card:hover,

.review-card:hover,

.info-card:hover{

transform:translateY(-10px);

}

/* ===========================
IMAGE ZOOM
=========================== */

.service-image{

overflow:hidden;

}

.service-image img{

transition:transform .6s ease;

}

.service-card:hover img{

transform:scale(1.08);

}

/* ===========================
SCROLLBAR
=========================== */

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-track{

background:#021128;

}

::-webkit-scrollbar-thumb{

background:#C69235;

border-radius:10px;

}

::-webkit-scrollbar-thumb:hover{

background:#c59d1f;

}

/* ===========================
TEXT SELECTION
=========================== */

::selection{

background:#C69235;

color:#021128;

}