*{
    margin: 0;
    padding:0;
    box-sizing: border-box;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


.fixedbackgroundimage{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
}
.fixedbackgroundimage img{
    width: 100%;
    height: 100%;
}

/*-----------------------Header Section----------------*/
.headeruppermostsection{
    display:flex;
    height:7vh;
    align-items: center;
    justify-content: space-between;
    padding: 0 4vw;
    background-color: #1a0212;
    color:white;
}
.logosection{
   height: auto!important;
    width: auto!important;

}
.logosection h2{
    display: flex;
    align-items: center;
    padding: 15px 0 0 10px;
    font-size:22px;
}
.logosection h2 span{
    color: #A0153E;
    padding: 0 0.5vw;
}
.logosection img{
   float: left;
}
header{
    height: 15vh;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0 2vw;
    background-color: #FFFFFF;
}
header ul{
    list-style-type: none;
    display: flex;
}
header ul li >a{
    color: black;
    text-decoration: none;
    padding: 3vw 1vw;
    font-weight: bold;
}

header ul li a:hover{
    color: #A0153E;
}
.dropdown{
    position: relative;
}
.dropdown-content{
    display: none;
    flex-direction: column;
    position: absolute;
    background-color: #6196A6;
    width: 30vh;
    top:270%;
    z-index: 9;
}
.dropdown-content a{
    color: white;
    padding: 1vw;
    text-decoration: none;
}
.dropdown-content a:hover{
    background-color: #bcdde7de;
}
.dropdown:hover .dropdown-content{
    display: flex;
}
.consultancy h2 a{
    line-height: 1vw;
    color: white;
    text-decoration: none;
    padding: 1vw;
    background-color: #333A73;
    border-radius: 9vw;
    transition: 0.5s;
}
.consultancy h2 a:hover{
    background-color: #29030f;
    transition: 1s;
}.stickyheader{
    position: sticky;
    top: 0;
    left: 0;
    z-index: 99;
}
/*--------------------------------------Banner Image-------------------*/
.bannerimage{
    background-image:url(images/bannerimgc.jpg);
    width: 100%;
    background-size: cover;
    height: 85vh;
    background-repeat: no-repeat;
    color: white;
    text-align: center;
    position: relative;

}
.readmorebutton{
    padding: 1vw;
    background-color: #A0153E;
    margin: 2vw 5vw;
    border-radius: 3vw ;

}
.readmorebutton a{
    color: white;
    text-decoration: none;
    border: none;
 
}
.bannerimage h2{
    font-size: 3vw;
    padding: 2vw 0;
}.bannerimage h5{
    font-size: 1.5vw;
}
.upperimage{
    position: absolute;
    width: 100%;
    background: rgba(19, 9, 9, 0.336);
    height: 100%;
    padding: 10vw 3vw;
}.sections{
    background-color: white;
}
.headinglines{
    height: 20vh;
    line-height: 10vw;
    color: white;
    text-align: center;
    font-size: 4vw;
    text-align: center;
    background:#000000ad;
    position: relative;

}
.subheadinglines{
    padding: 2vw 0 0 5.5vw ;
}
.innersectionsofcontent{

    display: flex;
    justify-content: space-between;
    padding: 2vw 2vw;
    width: 100%;
    position: relative;
    align-items: center;
}
.aboutimagesection{
    width: 38%;
    position: relative;
 
}
.aboutimagesection img{
    border-radius: 3vw;
}
.aboutcontentsection{
    width: 92%;
    padding: 2vw 3vw;
    font-size: larger;
    text-align: justify;
    line-height: 2vw;
}
.aboutimage1{
  height: 70vh;
  transition: 0.5s;
}
.aboutimage1:hover{
    height: 75vh;
    transition: 0.5s;
}
.aboutimage2{
    height: 40vh;
    transition: 0.5s ;
}.aboutimage2:hover{
    height: 43vh;
    transition: 0.5s ;
}
.aboutimage3{
    height: 40vh;
}
.checkingcontent{
    background: none;
    height: 90vh;
    position:absolute;
}
.transparentcontent{
    background-color: rgba(0, 0, 0, 0.808);
    color: white;
    padding: 1vw 5vw;
}

/*------------------Vision Section------------*/
.visionsection{
    display: flex;
    justify-content: space-around;
    padding: 9vw 0;
}
.innnervisionsection{
    display: flex;
    width: 48%;
    position: relative;
}
.innnervisionsection h2{
    font-size: 4vw;
}
.innnervisionsection p{
    width: 80%;
}
.innnervisionsection img{
    width: 20vh ;
    height: 20vh;
}

/*------------------Testtimonial Section---------*/
.testimonialsection{
    background-color: rgba(0, 0, 0, 0.623);
    height: 45vh;
    padding:0 0 0 0;
    position: relative;
    color: white;
 }
 .testimonialsection h2{
    text-align: center;
    font-size: 2vw;
    padding: 2vw 0;
 }
 .slider-container {
      width: 80%;
      margin: 0 auto;
      position: relative;
      overflow: hidden;
    }
 
    .testimonialslide {
      display: none;
      text-align: center;
    }

    .testimonialslide img {
      display: block;
      margin: 0 auto;
      width: 10%;
      height: auto;
      border-radius: 50%;
    }

    .active {
      display: block;
    }

    .navigation {
      text-align: center;
      margin-top: 20px;
    }

    .dot {
      display: inline-block;
      height: 10px;
      width: 10px;
      border-radius: 50%;
      background-color: #bbb;
      margin: 0 5px;
      cursor: pointer;
    }

    .dot.active {
      background-color: #717171;
    }


/*------------------Service Section-----------*/
.boxsectionofservice{
    padding: 2vw 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.boxesofservice{
    width: 40vh;
    height: 40vh;
    background-color: rgba(0, 0, 0, 0.247);
    border: white solid 2px;
    color: rgba(255, 255, 255, 0.829);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bolder;
    position: relative;
}
.aboveimagesec{
    width: 100%;
    height: 100%;
    padding: 8vw 4vw;
    background-color: rgba(0, 0, 0, 0.815);
    transition: 1s;
}
.serviceimagesec{
    background-image: url(images/serviceimg1.jpeg);
    background-size: cover;
    height: 40vh;
    position: relative;
    background-clip: border-box;
}
.serviceimagesec2{
    background-image: url(images/serviceimg3.png);
    background-size: cover;
}
.serviceimagesec3{
    background-image: url(images/serviceimg4.jpeg);
    background-size: cover;
}
.serviceimagesec1{
    background-image: url(images/serviceimg2.jpeg);
    background-size: cover;
}
.serviceimagesec4{
    background-image: url(images/serviceimg5.jpg);
    background-size: cover;
}

.aboveimagesec:hover{
    background-color: #ffffff09;
    transition: 1s;
}
.aboveimagesec:hover .boxesofservice{
    width: 42vh;
    height: 42vh;
}
.serviceheading{
    background-color: white;
    text-align: center;
    color: black;

}
/*-----------------Client Slider---------------*/
.client-section {
    text-align: center;
    position: relative;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.699);

}

.client-section h2 {
    font-size: 3vw;
    padding:5vw 0 2vw 0;
}

.client-logos {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    align-items: center;
    height: 50vh;
}

.client-logo {
    margin: 10px;
    max-width:200px;
    display: none; /* Initially hide logos */
}

.navigation-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
}

.dot {
    width: 10px;
    height: 10px;
    background-color: #bbb;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}

.dot.active {
    background-color: #333;
}
/*------------------Footer Sections------------*/
.footer1section{
    overflow: hidden;
    display: grid;
    grid-template-columns: 32% 15% 38%;
    gap: 7vw;
    padding:  3vw;
    background-color: #DCE9F9;
    text-align: justify;
    line-height: 2vw;

}.footer1section span{
    font-weight: bolder;
}
.footer1section a{
    text-decoration: none;
    color: black;
}
.footer1section h2{
    padding: 2vw 0;
}
.footer2section{
    background-color: #DCE9F9;
}
.footer2section h2{
    text-align: center;
    padding: 2vw 0;
    font-size: 1vw;

}

/*====================================================*/
/*------------------ABout Us Page --------------------*/

/*-----------about bannr section--------------*/
.aboutbannerimagesec{
    position: relative;
    width: 100%;
}
.aboutbannerimagesec img{
    width: 100%;
    height: 50vh;
}
.aboutbannerimagesec h2{
    position:absolute;
    top: 30%;
    left: 10%;
    color: white;
}
/*--------------------About page content 1--------------*/
.aboutpagecontent1>p{
    padding: 1vw 2vw;
}
.aboutpageinner1{
    display: flex;
    justify-content: space-around;
    padding: 1vw 4vw;

}
.aboutpageheadings{
    padding: 2vw 5vw;
    font-size: 3vw; 
}
.aboutpageinner1imgsec{
    width: 38%;
}
.aboutpageinner1imgsec img{
    width: 100%;
    height: 80vh;
    border-radius: 2vw;
}
.aboutpageinner2img{
    height: 40vh;
}
.aboutpageinner1contentsec{
    width: 58%;
}
.aboutpageinner1contentsec h2{
    padding: 1vw 0;
}.aboutpageinner1contentsec p{
    padding: 1vw 3vw;
   
}
.aboutpageinner1contentsec {
    align-items: center;
}
.aboutpageinner1contentsec ul{
    padding: 1vw 0 0 8vw;
}
.aboutpagetransparentsection{
    background-color: rgba(255, 255, 255, 0.349);
}
.aboutpagenontransparentsection{
    background-color: white;
}
.payrollprocessing{
    width: 100%;
    padding:0 5vw;
}
.payrollprocessing span{
   padding: 0 0 0 2vw;
}
/*======================================*/
/*----------------Outsourcing------------*/
.outsourcing h1{
    font-weight: 400;
}
.outsourcing ul{
    padding: 1.5vw 0 ;
}
.outsourcing h1 span{
    line-height: 1vw;
}
.innerspaninh1{
    font-size: 1.5vw;
}
/*=======================================*/
/*-----------------HRMS Service----------*/

.hrmsservices h1{
    padding: 1.5vw 3vw;   
    line-height: 3vw; 
    
}
.hrmsservices h1 span{
    padding: 3vw 0;
    font-weight: 600;
    font-size:1.2vw;
}
.listitemofhrms{
    margin: 0 0 0 7vw;
}
.listitemofhrms span{
    font-weight: 400;

}
.listitemofhrms ul{
    list-style-type:circle;
}

/*=================================================*/
/*-----------------Contact Us----------------------*/
.contactsection{
    display: flex;
    justify-content: space-around;
    position: relative;
    padding: 5vw 2vw ;
}
.contactsection img{
    border-radius: 2vw;
}
.contactuscontentsec{
    width: 48%;
}
.contactuscontentsec p{
 padding: 0.7vw 0;
}
.contactuscontentsec :nth-child(1) h2{
    padding: 2vw 0;
}
.contactuscontentsec :nth-child(2) h2{
    line-height: 5vw;

}
.contactusformsec {
    width: 48%;
}
.contactusformsec form{
    column-count: 2;
    line-height: 3vw;
}
.contactusformsec input{
    width: 35vh;
    height: 2vw;
    padding: 1vw 1vw;
}
.contactusformsec label{
    line-height: 2vw;
}

/*========================================*/
/*-------------Testimonial Page-----------*/
.testimonialsectionofpage h1{
    font-size: 3vw ;
    text-align: center;
    padding: 3vw  0;
}
.testimonialsofpage{
    text-align: center;
    padding: 2vw 3.5vw ;
}
.testimonialsofpage i{
    color: #333A73;
    font-size: 4vw;
}
.testimonialsofpage h2{
    font-weight: 400;
    padding: 1vw 0;
    color: rgba(0, 0, 0, 0.596);
    font-style: italic;

}.testimonialsofpage h4{
    font-size: 2vw ;
    color: #333A73;
    transition: 1;
}
.testimonialsection h4:hover{
    color: grey;
    transition: 1;

}
.testimonialsofpage h5{
    font-size: 1.5vw;
    color: grey;
}
/*======================================*/
/*----------------Minimum Wages---------*/
.minimumwagetable table{
    width: 100%;
    border: 1px solid black;
    height: 40vh;
    
}
.minimumwagetable{
    padding: 0 0 3vw 0;
}
.minimumwagetable table td{
    border-bottom: 1px solid black;
    padding:2vw;
}
.minimumwagetable table th{
    padding: 2vw;
}
.minimumwagetable table tr:nth-child(1){
    background-color: #333A73
}
.minimumwagetable table tr:nth-child(odd){
    background-color: rgba(128, 128, 128, 0.26);
}
.minimumwageline{
    text-align: center;
    padding:2vw 0 ;
}