@font-face {
    font-family: gilroy-regular;
    src: url(fonts/Gilroy-Regular.dc762492.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: gilroy-medium;
    src: url(fonts/Gilroy-Medium.f3e05df2.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: gilroy-bold;
    src: url(fonts/Gilroy-Bold.be12eefb.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: gilroy-semi-bold;
    src: url(fonts/Gilroy-SemiBold.51b5085c.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
    width: 100%;
    background: url("../img/hero-bg.jpg");
    position: relative;
    padding: 20px 0 0 0;
}

#hero:before {
    content: "";
    background: rgba(2, 5, 161, 0.91);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#hero h1 {
    font-family: 'Poppins', sans-serif;
    margin: 60px 0 20px 0;
    font-size: 36px;
    font-weight: 400;
    line-height: 48px;
    color: rgba(255, 255, 255, 1);

}

#hero h1 span {
    color: #fff;
    border-bottom: 4px solid #1acc8d;
}

#hero p{
    font-family: 'Poppins', sans-serif;
    margin: 40px 0 40px 0;   
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    color: rgba(255, 255, 255, 1);
}

#hero h2 {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 40px;
    font-size: 24px;
}

#hero .btn-get-started {  
    font-weight: 500;
    font-size: 14px;
    margin-right: 25px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 50px;
    transition: 0.5s;
    color: #fff;
    background: #1acc8d;
}

#hero .btn-get-started:hover {
    background: #17b57d;
}

#hero .animated {
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

#hero .hero-img {      
    margin-top: 80px !important;
}

@-webkit-keyframes up-down {
    0% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(-10px);
    }
}

@keyframes up-down {
    0% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(-10px);
    }
}

.hero-waves {
    display: block;
    margin-top: 60px;
    width: 100%;
    height: 60px;
    z-index: 5;
    position: relative;
}

.wave1 use {
    -webkit-animation: move-forever1 10s linear infinite;
    animation: move-forever1 10s linear infinite;
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}

.wave2 use {
    -webkit-animation: move-forever2 8s linear infinite;
    animation: move-forever2 8s linear infinite;
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}

.wave3 use {
    -webkit-animation: move-forever3 6s linear infinite;
    animation: move-forever3 6s linear infinite;
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}

@-webkit-keyframes move-forever1 {
    0% {
        transform: translate(85px, 0%);
    }
    100% {
        transform: translate(-90px, 0%);
    }
}

@keyframes move-forever1 {
    0% {
        transform: translate(85px, 0%);
    }
    100% {
        transform: translate(-90px, 0%);
    }
}

@-webkit-keyframes move-forever2 {
    0% {
        transform: translate(-90px, 0%);
    }
    100% {
        transform: translate(85px, 0%);
    }
}

@keyframes move-forever2 {
    0% {
        transform: translate(-90px, 0%);
    }
    100% {
        transform: translate(85px, 0%);
    }
}

@-webkit-keyframes move-forever3 {
    0% {
        transform: translate(-90px, 0%);
    }
    100% {
        transform: translate(85px, 0%);
    }
}

@keyframes move-forever3 {
    0% {
        transform: translate(-90px, 0%);
    }
    100% {
        transform: translate(85px, 0%);
    }
}

#about .heading{
    font-size: 2em;
    font-weight: 600;
    line-height: 1.5em;
}

#about .title span{
    display: block;
    font-size: 18px;
    color:#000;
}
#about p.description{
    margin-bottom: 5px;
    font-size: 13px;
    text-align: left;
}

.text-4{
    font-size: 15px !important;
}

.text-2{
    font-size: 14px !important;
}

.team-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;    
    height: auto;     
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    -webkit-transition: border-color 200ms ease, box-shadow 400ms ease, background-color 200ms ease, -webkit-transform 400ms cubic-bezier(.25, .1, 0, 1.58);
    transition: border-color 200ms ease, box-shadow 400ms ease, background-color 200ms ease, -webkit-transform 400ms cubic-bezier(.25, .1, 0, 1.58);
    transition: border-color 200ms ease, transform 400ms cubic-bezier(.25, .1, 0, 1.58), box-shadow 400ms ease, background-color 200ms ease;
    transition: border-color 200ms ease, transform 400ms cubic-bezier(.25, .1, 0, 1.58), box-shadow 400ms ease, background-color 200ms ease, -webkit-transform 400ms cubic-bezier(.25, .1, 0, 1.58);
    font-family: Poppins, sans-serif;
    color: #000;
    font-size: 18px;
    line-height: 1.4em;
    text-align: left;
    text-decoration: none;
}

.team-div p{
    margin-top: 15px;
}

.team-div p img{
    margin-left: 10px;
    max-width: 20px;
    max-height: 20px;
}

.team-div:hover {
    box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.13);
    -webkit-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

.team img{
    max-width: 100%;
}

.expertise{   
    text-align: left;
    margin-bottom: 25px;
}
.expertise .title{
    display: block;
    margin-top: 5px;
    padding: 2px 8px;
    font-size: 12px;
    margin-top: 10px;    
    color: #000;
    font-weight: 600;
    text-align: left;

}
.expertise .item{
    display: inline-block;
    margin-top: 5px;
    padding: 2px 8px;
    font-size: 12px;
    margin-top: 10px;
    background-color: rgba(30, 149, 215, 0.17);
    color: #384dc7;
}

.job-post-item {
    padding: 20px;;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 10px 30px 10px;
    background: #fff;
    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
    transition: all 0.3s ease-in-out;    
}
.job-post-item:hover {  
    box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.13);
    -webkit-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

.job-post-item-header{
    padding: 0px 15px;
    display: inline-block;
}
.job {   
    display: inline-block;
}
.job .col-md-4{
    margin-bottom: 40px;
}

.job .industry{
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;  
    height: 40px;
    display: inline-block;
    float: left;
    color: #333;
    border-right: 1px solid #f2f2f2;
}
.job .industry span{
    font-size: 13px;   
    display: block;
    padding-left: 18px;
    font-weight: 400;
    color: #000;
}

.job .location{
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;   
    height: 40px;
    display: inline-block;
    float: left;
    color: #333;
    border-right: 1px solid #f2f2f2;
}
.job .location span{
    font-size: 13px;   
    display: block;
    padding-left: 15px;
    font-weight: 400;
    color: #000;
}

.job .exp{
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;   
    height: 40px;
    display: inline-block;
    float: left;
    color: #333;    
}

.job .exp span{
    font-size: 13px;   
    display: block;
    padding-left: 15px;
    font-weight: 400;
    color: #000;
}

.job .ctc{
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;   
    height: 40px;
    display: inline-block;
    float: left;
    color: #333;
    border-right: 1px solid #f2f2f2;
}

.job .ctc span{
    font-size: 13px;   
    display: block;
    padding-left: 15px;
    font-weight: 400;
    color: #000;
}

.job .skills{
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;    
    min-height: 40px;
    display: block;
    float: left;
    color: #333;
    border-right: 1px solid #f2f2f2;
}

.job .skills span{
    font-size: 13px;   
    display: block;
    padding-left: 15px;
    font-weight: 400;
    color: #000;
    
}

.job .qualification{
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;   
    height: 40px;
    display: inline-block;
    float: left;
    color: #333;
    
}

.job .qualification span{
    font-size: 13px;   
    display: block;
    padding-left: 15px;
    font-weight: 400;
    color: #000;
}

.job .description{
    font-size: 13px; 
    font-weight: 300;
    margin-bottom: 30px;
}

.job .description .title{
    font-size: 13px; 
    font-weight: 600;
    margin-bottom: 30px;
    color:#666
}

.job-buttons{
    padding: 0px 15px;    
}

.job .details{   
    margin-top: 25px;
    display: inline-block;
    text-align: left;
}

.job .apply{   
    margin-top: 25px;
    display: inline-block;
    text-align: right;
}
.job-company{
    color: #999;
    font-size: 13px;
    font-weight: 300;
}
.btn-outline-primary{
    color: #0205a1;
    border-color: #0205a1;
}

.pull-right{
    text-align: right;
}

.box {
    padding: 30px;
    position: relative;
    //overflow: hidden;
    border-radius: 10px;
    // margin: 0 10px 40px 10px;
    background: #fff;
    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
    transition: all 0.3s ease-in-out;
}

.box:hover {
    transform: translateY(-5px);
}

.box .icon {
    position: absolute;
    left: -10px;
    top: calc(50% - 32px);
}

.box .icon i {
    font-size: 64px;
    line-height: 1;
    transition: 0.5s;
}

.box .title {
    margin-left: 40px;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
}

.box .title a {
    color: #111;
}

.box:hover .title a {
    color: #007bff;
}

a:hover{
    text-decoration: none;
}

.box2 {
    padding: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 10px 40px 10px;
    background: #fff;
    box-shadow: 0 10px 29px 0 rgba(2, 5, 161, 0.15);
    transition: all 0.3s ease-in-out;
    text-align: center;
}

.box2:hover {
    transform: translateY(-10px);
}

.box2 .icon{
    text-align: center;
}
.box2 .icon img{
    max-width: 250px;
}

.has-search .form-control {
    padding-left: 2.375rem;   
    width: 100%;
}
.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.heading-sidebar{
    margin-bottom: 10px;
}

.industry-list a{
    font-size: 13px;  
    width: 100%;
    display: block;
}

.homepage-panel-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 200px;
    margin: 0px 10px 30px;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    -webkit-transition: border-color 200ms ease, box-shadow 400ms ease, background-color 200ms ease, -webkit-transform 400ms cubic-bezier(.25, .1, 0, 1.58);
    transition: border-color 200ms ease, box-shadow 400ms ease, background-color 200ms ease, -webkit-transform 400ms cubic-bezier(.25, .1, 0, 1.58);
    transition: border-color 200ms ease, transform 400ms cubic-bezier(.25, .1, 0, 1.58), box-shadow 400ms ease, background-color 200ms ease;
    transition: border-color 200ms ease, transform 400ms cubic-bezier(.25, .1, 0, 1.58), box-shadow 400ms ease, background-color 200ms ease, -webkit-transform 400ms cubic-bezier(.25, .1, 0, 1.58);
    font-family: Poppins, sans-serif;
    color: #000;
    font-size: 24px;
    line-height: 1.4em;
    text-align: center;
    text-decoration: none;
}

.homepage-panel-div:hover {
    box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.13);
    -webkit-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

#client-slider img{
    max-height: 50px;
    width: auto;
    margin: 0px 50px;
}
.box-link:hover{
    text-decoration: none;
}

.link-options{
    text-align: center;
}
.link-options a{
    padding: 0px 25px;
}
.form-control-lg{
    font-size: 0.8rem !important;
    height: calc(1.5em + 1rem + 8px) !important;
    border-radius: .25rem !important;
}
.form-control:not(.form-control-sm):not(.form-control-lg){
    border-radius: .25rem !important;
}
.form-error, .has-help-txt, .form-group label span{
    color:#a94442;
    font-size: 12px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.policy p{
    font-size: 13px;
    margin-bottom: 10px;
}
.policy .heading{
    margin-top: 25px;
    font-size: 15px !important;
}
.policy-text{
    text-align: center;
    font-size: 12px;
}
.disclaimer{
    text-align: center;
    font-size: 12px;
    color:#666;
}
.process .process-step{
    justify-content: normal !important;
}
#top-list .btn{
    width: 120px !important;
    font-size: 11px;
    margin: 0px 0px 25px 0px;
    padding: 5px 15px;
}

h4.heading-sidebar {
    background: #0205a1;
    color: #fff;
    padding: 5px 15px;
    font-size: 15px
}

.industry-list {
    padding-left: 15px;
}

.featured-boxes{
    margin-bottom:50px;
}
.alert{
    margin: 0px 100px 40px 100px;
}
.dropdown-item i{
    padding-right: 5px;
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td{
    font-size: 13px;    
}
.table-striped tbody tr:nth-of-type(odd){
    background-color:rgba(206,208,237,.25);
}
.job-tag{
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    padding: 2px 5px;
    background-color: rgba(2,5,161,1);
}
.job-detail{ 
  padding: 15px;  
}
.job-detail p{
     font-size: 13px !important;
}

#pagination{
    padding: 15px;
}
.page-item.disabled .page-link{
    color: #ccc;
}
.page-item a.active.page-link{
    font-weight: 700;
    padding: .5rem .85rem;
    font-size: 14px;    
}
#search-btn{
    margin-top: 33px;
    width: 100px;
}

.job-post-center-align{
    margin: 0px auto;
}
.table td, .table th{
    padding: .55rem .75rem;
    font-size: 13px;
}
.table thead th{
    border-bottom: none;
}
.reset-btn{
    display: block;
    font-size: 13px;
    margin: 15px 0 0 8px;
}
.hide{
    display: none;
}

.dropdown-item i.fa.fa-user{
    padding-right: 5px;
}

a.scroll-to-top.hidden-mobile.visible:hover, a.scroll-to-top.hidden-mobile.visible:active {
    color: #f8f8f8 !important;
}


@media (min-width: 1024px) {
    #hero {
        background-attachment: fixed;
    }
}

@media (max-width: 991px) {
    #hero {
        padding-top: 0px !important;
    }
    #hero .pt-5{
        padding-top: 10px !important;
    }
    #hero .animated {
        -webkit-animation: none;
        animation: none;
    }
    #hero .hero-img {
        text-align: center;  
        margin-top: 280px !important;
    }
    #hero .hero-img img {
        max-width: 50%;

    }
    #hero h1 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    #hero h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }
     .sidebar-box{
         margin-bottom: 20px !important;
    }
}

@media (max-width: 575px) {
    #hero .hero-img img {
        width: 80%;
    }
    #hero {
        padding-top: 0px;
    }
    #hero .pt-5{
        padding-top: 10px !important;
    }
    .btn-get-started {
        margin-bottom: 20px !important;
    }
    .sidebar-box{
         margin-bottom: 20px !important;
    }
    .link-options a{
        display: block;
        width: 100%;
    }
}

.form-group label i {
    font-weight: 400;
    font-size: 13px;
}