* {
    box-sizing: border-box !important;
}

body {
    scroll-behavior: smooth;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%
}

section>div {
    max-width: 1400px !important;
    margin: 0 auto;
}

.text-navy {
    color: #06283D;
}

.bg-navy {
    background-color: #06283D;
}

.text-shadegreen {
    color: #256D85;
}

.bg-shadegreen {
    background-color: #256D85;
}

.text-shadeblue {
    color: #47B5FF;
}

.bg-shadeblue {
    background-color: #47B5FF;
}

.brand-red {
    color: #d84f57 !important;
}

.bg-brand-red {
    background-color: #d84f57 !important;
}

.brand-border {
    border-color: #d84f57 !important;
}


@keyframes slideInFromRight {
    0% {
        transform: translateY(200%);
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    animation: .5s ease-out 0s 1 slideInFromRight;
}


img {
    animation: .5s ease-out 0s 1 slideInFromLeft;
}

@keyframes slideInFromLeft {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}



.btn {
    text-decoration: none;
    font-weight: 600;
    background-color: var(--primary-color);
    padding: 8px 14px;
    border-radius: 4px;
    color: white;
    position: relative;
}

.btn::before {
    content: '';
    height: 0;
    width: 0;
    border-radius: 4px;
    top: -1px;
    left: -1px;
    background-color: #1b2a4e;
    position: absolute;
    transition: .5s ease-in-out;
    box-shadow: 2px 2px 4px #06283D;
}

.btn span {
    position: relative;
    z-index: 200;
}

.btn:hover span {

    color: white;
}

.btn::after {
    content: '';
    height: 0;
    width: 0;
    border-radius: 4px;
    top: 100%;
    left: 100%;
    background-color: #1b2a4e;
    position: absolute;
    box-shadow: 2px 2px 4px #06283D;


}

.btn:hover::before,
.btn:hover::after {
    transition: .5s;
    width: 100%;
    height: 100%;
    top: -1px;
    left: -1px;
}

/* ===--NAVBAR START--=== */
header {
    position: relative;
    z-index: 400;
    box-shadow: none;
}

#navbar {
    max-width: 1400px !important;
    margin: 0 auto;
}


.nav-link:hover {
    color: #06283D !important;
}

/* ===--NAVBAR END--=== */

/* HERO SECTION START HERE ====> */


.hero img {
    max-width: 400px;
}

.services-section {
    background-color: #f0f0f0;
}


/* <====== HERO SECTION ENDS HERE  */



/*   STATICS SECTION STATS HERE  =======>*/

.statics {
    max-width: 700px !important;
    margin: 0 auto;
}

/* <======= STATICS SECTION ENDS HERE  */



/* ABOUT US */

.aboutus {
    background-color: #f0f0f0 !important;
}

/* ABOUT US ENDS */


/* =====PROCESS STARTS=====> */

#process>div {
    max-width: 1400px !important;
}


/* =====PROCESS ENDS=====> */


/* ==== SERVICES ====> */

.services {
    max-width: 1400px !important;
    margin: 0 auto;
}


/* <==== SERVICES  ENDS==== */



/* ==== TESTIMONIALS  STARTS ====> */


.testimonial {
    max-width: 1200px !important;
    margin: 0 auto;
}

.download {
    max-width: 1200px !important;
}

/* ==== TESTIMONIALS  END ====> */

/* ==== CONTACT  STARTS ====> */


.contact {
    max-width: 1400px !important;
    margin: 0 auto;
}

.contact img {
    max-width: 600px;
}

.contactus {
    background-color: #f0f0f0;
}


form {
    max-width: 400px;
    margin: 0 auto;
}

label {
    display: none;
}

.form-img {
    max-height: 300px;
    margin: 0 auto;
}

.footer {
    max-width: 1400px !important;
    margin: 0 auto;
}

/* ==== FOOTER  END ====> */



/* RESPONSIVE */
@media screen and (max-width:1024px) {
    .contact-img {
        max-width: 100% !important;
        margin: 0 auto;
    }

    .hero img {
        max-width: 100% !important;
    }
}


.jobs-div {
    max-width: 1200px !important;
    margin: 0 auto;
}

.job-card {
    min-height: 140px;
    box-shadow: 2px 2px 2px #fff;
    vertical-align: middle !important;
    cursor: pointer;
}

.job-card img {
    height: 24px;
    width: 30px;
}

.job-card i {
    visibility: hidden;
}

.job-card:hover i {
    visibility: initial;
    color: blue;
}



/* SearchBAr */



.job-card-container {
    display: list-item;
    list-style: none;
}


#sales {
    display: none;
}

#buisness-operations {
    display: none;
}


.pressed {
    background-color: rgb(34, 65, 219);
    color: #ffffff !important;
}


/* Work.HTML => */