*{
    margin: 0;
    padding: 0;
}


.navbar{
    background-color: rgba(0, 0, 0, 0.651);
    /* position: absolute; */
}
.joinnow{
    border: 2px solid rgb(255, 255, 255);
    color: white;
    margin-left: 30px;
}
.joinusmainbtn1{
    border: 2px solid rgb(255, 255, 255);
    color: white;
    /* margin-left: 30px; */
}
#navbarNavDropdown {
    margin-left: 100px;
}
#navbarNavDropdown li a{
    color: white;
}
#navbarNavDropdown li a:hover{
    color: rgb(172, 172, 172);
}
.joinnow:hover{
    color: rgb(173, 173, 173);

}

/* home section  aliceblue */

.home{
    /* background-color: rebeccapurple; */
    height: 620px;
    position: relative;
    color: white;
    display: flex ;
    align-items: center;
    justify-content: center;
}
.home::before{
    content: "";
    background: url("./img/job-5382501_1280.jpg") no-repeat center/cover;
    height: 100%;
    width: 100vw;
    top: 0;
    position: fixed;
    z-index: -1;
    /* opacity: 0.5; */
    box-shadow: inset 0 0 20px 400px rgb(0 0 0 / 77%);
   
}
.headimg{
   width: 85%;
}
.headimg img{
    border-radius: 50%;
}
.description{
    font-size: 33px;
}
.heading{
   max-width: 100% ; 
   /* margin-left: 90px; */
   max-width: 1000px;
}
.headimg>:nth-child(1){
    height: 55vh;
    margin-right: 10px;
} 
.heading h1{
    font-size: 80px;
}
.fa-solid{
    transform: rotate(90deg);
    margin-right: 20px;
    font-size: 50px;
}
.workwithme{
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-right: 50px;
}
.workwithme span{
   font-size: 30px;
}
.workwithme img{
    filter: invert(1);
}
.teamphoto{
    transform: rotate(351deg); 
}
.joinusmainbtn{
    display: none;
}


/* about section  */

#himaniimg img{
    border-radius: 15px;
}
#about{
    display: flex;
    flex-direction: row;
}

.aboutme{
    font-size: 50px;
}
.founder{
    width: 100%;
    background-color: #3a5958;
    padding: 50px 0px;
}
.aboutcontent{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
}
.content1{
    max-width: 500px;
}
.director{
    font-size: 30px;
}
.name{
    font-size: 40px;
}
.content1{
    font-size: 18px;
}
.aboutmain{
    margin: 11px;
    text-align: justify;
}

/* services section  */
#services{
    background-color: #a2ceff;
    height: 700px;
    display: flex;
    justify-content: space-evenly;
}

.serviceimg img{
    height: 60vh;  
}
#accordionExample{
    width: 30vw;
    margin: 100px 0px;
    height: 50vh;
}


/* card section  */

#strategy{
    gap: 40px;
    position: relative;
}
#strategy::before{
        content: "";
        background: url("https://psdiug.org/wp-content/uploads/2022/02/hcd-min.png") no-repeat center/cover;
        height: 100%;
        width: 100%;
        top: 0;
        position: absolute;
        z-index: -1;
        /* opacity: 0.5; */
        box-shadow: inset 0 0 20px 700px rgba(0, 0, 0, 0.689);
     }

.cardheading{
   
    gap: 40px;  
    font-size: 50px;
}
.cardcentr{
    width: 50vw;
    height: 10vh;
    font-size: 50px;
}
.line{
    border:2px solid black;
    background-color: white;
    height: 80px;
}

.pageheading{
    font-weight: bold;
}

.flip-card {
    background-color: transparent;
    width: 225px;
    height: 225px;
    perspective: 1000px;
    border-radius: 31px;
    margin: 40px 0px;
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.432);
    border-radius: 31px;
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 31px;
  }
  
  .flip-card-front {
    background-color: #0289a4d6;
    color: rgb(255, 255, 255);
    border-radius: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    font-weight: bolder;
}

.flip-card-back {
    background-color: #192c38f7;
    color: white;
    transform: rotateY(180deg);
    border-radius: 31px;
  }  

  #lastcard{
    width: 500px;
    height: 200px;
    margin: auto;
    margin-top: 80px;
  }
  h6{
    font-weight: bold;
  }

  /* industries section  */

.industries{
    display: flex;
    justify-content: space-between;
    background-color: #172e28;
}
  .industri{
    background-color: rgb(33 60 69);  
    margin: 20px;
    margin-top: 60px;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
}

.industritem{
    background-color: white;
    padding: 12px 0px;
    width: 300px;
    text-align: center;
    /* cursor: pointer; */
    color: rgb(0, 0, 0);
    margin: 0px 13px;
    font-size: 16px;
}
.industritem:hover{
    /* border: 2px solid black; */
    box-shadow: 0 0 8px 0px rgb(0, 0, 0);
}

.experties{
    max-width: 500px;
    text-align: center;
    font-size: 35px;

  }
  .treeimg img{
    height: 50vh;
  }
  #industricontent{
    width: 100%;
    position: relative;
    z-index: 1;
  }
  
 

  /* footer  */

  .upperfoot{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }
  .upperfoot1{
    max-width: 500px;
    margin: 10px;
    text-align: justify;
}
.upperfoot2{
    margin: 10px;
      max-width: 600px;
      text-align: justify;
  }
  .address{
    background-color: rgb(33 60 69);
    border-top: 2px solid white;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-evenly;
  }
  .joinus{
    font-size: 40px;
    color: white;
  }