*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
@media (min-width: 1400px) {
    .container,.container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    max-width: 1320px;
    }
}
@media (min-width: 1200px) {
    .container-lg, .container-md, .container-sm, .container-xl{
    max-width: 1140px;
    }

}
@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm{
    max-width: 960px;
    }
}
@media (min-width: 768px) {
    .container-md, .container-sm{
    max-width: 720px;
    }
}
@media (min-width: 576px) {
    .container-sm{
    max-width: 540px;
    }
}
.navbar{
    padding: 0;
    margin: 0;
    background-color: aliceblue;
}
.navbar img{
    background: none;
    width: 300px;
}
@media (max-width: 420px){
    .navbar img{
        width: 220px;
    }
}
.nav-link{
    display: block;
    position: relative;
}
.navbar a{
    color: black;
    font-weight: 500;
    font-size: 2vw;
    text-decoration: none;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
@media (max-width:750px) {
    .navbar a{
        padding-left: 3px;
    }
}
.navbar a span{
    color: white;
}
.navbar .nav-item{
    position: relative;
    white-space: nowrap;
    float: left;
}
.navbar ul .active a{
    background-color: blueviolet;
    border-radius: 10px;
}
#collapsibleNavbar ul a{
    font-size: 20px;
}
.flex-container{
    display: flex;
}
.flex-child{
    flex: 1;
}
#carousel1{
    padding-top: 70px;
}
.carousel-inner img{
    max-height: 600px !important;
}
@media (max-width:550px) {
    .carousel-caption h1{
        font-size: 20px;
    }
    .carousel-caption p{
        font-size: 10px;
    }
}
#welcome{
    padding-top: 10%;
}
#welcome .well-left #welcome-font{
    font-size: 3vh;
    color: rgb(5, 65, 124);
}
#welcome .well-left span{
    font-size:25px;
    color:orangered;
    font-weight: 700;
    
}
#welcome .well-left p{
    text-align: justify;
    font-size: 2.5vh;
}
#welcome .well-middle img{
    width: 100%;
    height: auto;
}
#cards-home1{
    padding-top: 10%;
}
#cards-home1 .card{
    height: 100%;
}
#aboutushome{
    padding-top: 10%;
}
#aboutushome .container-fluid{
    padding-left: 0;
    margin: 0;
}

#aboutushome .container-fluid{
    background-color: rgb(59, 5, 110);
    color: aliceblue;
}
#aboutushome img{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.p-text{
    padding-top: 5%;
    padding-left: 5%;
}
.p-text h1,h2{
    padding: 0;
    margin: 0;
}
.p-text p{
    text-align: justify;
    font-size: 2.5vh;
}
.aboutus-button a{
    text-decoration: none;
    color: black;
    font-weight: 500;
}
.aboutus-button{
    margin-top: 5%;
    margin-bottom: 2%;
}
.aboutus-button button{
    border: none;
    padding: 2.5% 5%;
    border-radius: 4px;
}
.aboutus-button button:hover{
    transition: 0.1s;
    font-size: large;
}
#cards-home2{
    padding-top: 7%;
}
#cards-home2 .card{
    height: 100%;
}
#cards-home2 .col{
    padding-bottom: 3%;
}
#cards-home2 .col:hover{
    opacity: 0.8;
}
.message-home{
    padding: 5%;
    background-color: rgb(59, 5, 110);
    color: white;
}
#form-home{
    padding: 3% 20% 0 20%;
}
@media (max-width:850px) {
    #form-home{
        padding: 0;
    }
}
.form-group{
    padding-bottom: 3%;
}
.message-home button{
    padding: 1%;
    margin: auto;
    width: fit-content;
    border-radius: 10px;
}
.message-home button:hover{
    background-color: burlywood;
}
#contactus-home{
    padding: 8%;
}
#contactus-home h3{
    color: blueviolet;
    padding-bottom: 1%;
}
#contactus-home p{
    font-weight: 600;
}
#footer-home{
    text-align: center;
    background-color: blueviolet;
    color: antiquewhite;
    padding: 1%;
    font-size: 100%;
    font-weight: 600;
}
@media (max-width:430px) {
    #footer-home{
        font-size: 90%;
    }
}

/*About Us Page style starts*/
#aboutus-aboutus{
    padding-top: 130px;
    text-align: center;
}
.divider-center-small{
    background-color: black;
    width: 35px;
    height: 1px;
    margin: 15px auto;
}
#aboutus-aboutus h2{
    color: blueviolet;
    padding: 0;
    margin: 0;
}
#aboutus-row2{
    padding-top: 4%;
}
#aboutus-aboutus img{
    width: 50%;
    float: left;
    height: auto;
    padding-right: 0.7%;
    padding-bottom: 0.7%;
}
#aboutus-aboutus p{
    text-align: justify;
    font-size: 2.8vh;
}
/*About Us Page style ends*/

/*Services Page style starts*/

#services-services{
    padding-top: 130px;
    text-align: center;
    padding-bottom: 3%;
}
#services-cardtables-col{
    background-color: rgb(241, 236, 236);
    padding: 15px;
    border-radius: 5px;
    margin: auto;
    height: 650px;
}
@media (max-width:770px) {
    #services-cardtables-col{
        margin: 0 0 10px 0;
        width: fit-content;
        height: auto;
    }
}
#services-cardtables p{
    text-align: justify;
}
#services-cardtables button{
    border-color: brown;
    border-radius: 10px;
    width: auto;
    margin: auto;
    padding: 2.5% 5%;
}
#services-cardtables a{
    text-decoration: none;
    font-weight: 450;
    color: black;
}
#services-cardtables a:hover,#services-cardtables button:hover{
    background-color: blueviolet;
    color: white;
}

/*Staffing Solutions styles starts*/
#services-services1{
    padding-top: 130px;
    text-align: center;
    padding-bottom: 3%;
}
#services-services1 h2{
    color: blueviolet;
    margin: 0;
    padding: 0;
}
#services-services1 h3{
    color: purple;
    text-align: center;
}
#services-services1 img{
    width: 50%;
    float: left;
    height: auto;
    padding-right: 0.7%;
    padding-bottom: 0.7%;
}
#services-services1 p{
    text-align: justify;
    font-size: 2.8vh;
}
.staffing-list{
    padding: 15px;
}
.staffing-list ol{
    text-align: left;
    font-weight: 500;
    font-size: 2.8vh;
    text-decoration: none;
    padding: 20px;
}
.staffing-list ol li{
    text-decoration: none;
    color: brown;
}
/*Staffing Solutions styles starts*/


#sub-services{
    text-align: left;
}
#sub-services h4{
    color:cadetblue;
}
#sub-services img{
    width: auto;
    float: left;
    height: auto;
    padding-right: 0.7%;
    padding-bottom: 0.7%;
}

/*Services Page style ends*/

/*Contact Us starts*/

#contactus-contactus{
    padding-top: 130px;
    text-align: center;
    padding-bottom: 90px;
}
#contactus-contactus h2{
    color: blueviolet;
    margin: 0;
    padding: 0;
}
#contactus-row{
    text-align: left;
    padding: 2%;
}
#contactus-row h3{
    color: green;
}
#contactus-row h4{
    color:orange;
}

/*Contact Us ends*/

/*Careers Starts*/

#careers-careers{
    padding-top: 130px;
    padding-bottom: 3%;
}
#careers-careers h2{
    color: blueviolet;
    text-align: center;
    margin: 0;
    padding: 0;
}
#careers-careers .row{
    text-align: justify;
}
/*#clients-marque{
    width: 100%;
    height:fit-content;
}
#clients-marque img{
    padding: 10px;
}*/
#careers-training{
    padding-top: 5%;
    padding-bottom: 5%;
    text-align: justify;
}
#careers-training h2{
    color: blueviolet;
    text-align: center;
    margin: 0;
    padding: 0;
}
#careers-training h3{
    color: skyblue;
}
/*Careers ends*/