html{
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 28.8px;
    letter-spacing: normal;
    font-weight: 400;
}

.text-pri{
    color:#065987!important;
 }
 
a {
    font-size: 16px;
    line-height: 25.6px;
    letter-spacing: normal;
    font-weight: 400;
}

h1 {
    font-size: 44px;
    line-height: 60px;
    letter-spacing: normal;
    font-weight: 700;
}

h2{
    font-size: 1.6rem;
    line-height: 40px;
    letter-spacing: normal;
    font-weight: 400;
}
.h2{
    font-size: 1.8rem;
    line-height: 40px;
    letter-spacing: normal;
    font-weight: 700;
}

.clear-both{
    clear: both!important;
}

.btn {
    padding: 8px 32px;
    border-radius: 4px;
    transition: all ease-in-out 0.5s;
}

.btn-primary {
    background: #065987;
    border: none;
}

.btn-primary:hover {
    background: #F4C42A;
    border: none;
}
.btn-cust {
    background: #F4C42A;
    border: none;
}

.btn-cust:hover {
    background: #013855;
    border: none;
    color: #fff;
}
.candidate{
    background: radial-gradient(#2776A1, #004368);
}

.employee{
    background: url(../img/company_bg.png) no-repeat;
    background-size: 90%;
    background-position: center center;
    height: 600px;
}

.float_btn{
    position: relative;
    float: right;
    right: 0;
    top: 350px;
}


a {
    text-decoration: none!important;
}

.text-justify {
    text-justify: inter-word!important;
}


footer li {
    list-style: none;
    transition: all ease-in-out 0.5s;
}

footer h3 {
    color: #065987;
    margin-bottom: 1.6rem;
}

footer li:hover {
    margin-left: 10px;
    cursor: pointer;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #065987;
}

.lets{
    font-weight: 600;
    color: #54A8E6!important;
    font-size:20px;
    line-height:30px;
}
.termsPg p, .termsPg li {
    font-size: 16px;
}
footer a {
    color: #212529;
}


@media screen and (max-width:767px) {
    .employee{
        background: url(../img/company_bg.png) no-repeat;
        background-size: 90%;
        background-position: center 200px;
        height: 470px;
    }
    .float_btn {
        position: relative;
        float: right;
        right: 0;
        top: 183px;
    }
    
}
.bgIcon {
    position: absolute;
    z-index: 9;
    -webkit-animation: animationFramesOne 10s infinite linear;
    animation: animationFramesOne 10s infinite linear;
}
.bgIcon1 {
    left: 9%;
    top: 11%;
}
.bgIcon2 {
    right: 13%;
    top: 42%;
    -webkit-animation: animationFramesTwo 30s infinite linear;
    animation: animationFramesTwo 30s infinite linear;
}
.bgIcon3 {
    left: 2%;
    top: 42%;
    -webkit-animation: animationFramesThree 10s infinite linear;
    animation: animationFramesThree 10s infinite linear;
}
.bgIcon4 {
    right: 3%;
    top: -15%
    -webkit-animation: animationFramesFour 30s infinite linear;
    animation: animationFramesFour 30s infinite linear;
}
.bgIcon img {
    width: 60px;
    opacity: 60%;
}
@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translate(0px, 20px) rotate(-40deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}
@keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(23px, -1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(41px, 22px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(33px, 42px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-20px, 22px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}
@keyframes animationFramesThree {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translate(20px, 0px) rotate(15deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}
@keyframes animationFramesFour {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(0px, 0px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(0px, 0px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(0px, 0px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}