.main-job-container {
  /* height: 100vh; */
  width: 100vw;
  /* background: red; */
  display: flex;
  justify-content: space-evenly;

}

.jobs-left-container {
  height: 36vw;
  width: 36vmin;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(54, 48, 48, 0.664) 0px 1px 3px 0px, rgba(255, 255, 255, 0.795) 0px 0px 0px 1px;
  font-size: 2.4vmin;
  cursor: pointer;

}

.top-job-text {
  background: #fff;
  padding: 2vmin;
  width: 90%;
  display: flex;
  gap: 2vmin;
}

.more-jobs-links {
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 90%;
  gap: 1vmin;


}

.more-jobs-links div {
  padding: 2vmin;
  display: flex;
  align-items: center;
  gap: 2vmin;
  /* background: rgb(233, 233, 233); */
}

.job-post-container {
  margin-top: 2vmin;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

}

.job-post-container button {
  width: 90%;
  border-radius: 4vmin;
  text-align: center;
  padding: 2vmin;
  cursor: pointer;
  border: 2px solid #0A66C2;

}


.jobs-middle-container {
  width: 90vmin;
  /* height: 200vmin; */
  border-radius: 6px;
  background: #fff;


}

.jobs-recommended-container {
  /* height: 80vmin; */
  width: 100%;
  /* background: red; */
  overflow: hidden;
  margin-bottom: 2vmin;
  box-shadow: rgba(54, 48, 48, 0.664) 0px 1px 3px 0px, rgba(255, 255, 255, 0.795) 0px 0px 0px 1px;

}

.recommded-title-box {
  height: 10vmin;
  /* background: rgb(0, 255, 13); */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding-left: 2vmin;
}

.recommded-title-box span {
  font-size: 2vmin;
}

.jobs-container {
  /* height: 50vmin; */
  width: 100%;
  display: flex;
  flex-direction: column;

  /* background: rgb(136, 126, 14); */

}

.jobs-data-container {

  width: 100%;
  /* background: #960000; */
  display: flex;
  align-items: center;
  gap: 2vmin;
  flex-direction: column;


}


.company-logo {
  height: 12vmin;
  width: 12vmin;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;

}
.company-logo span{
  width: 8vmin;
  height: 8vmin;
}


.jobs-data {
  height: 100%;
  width:100%;
  /* background-color: rgb(0, 0, 0); */
  color: #000;
  border-bottom: 1px solid #cccccc;
 /* background: blue; */
 display: flex;

}
.job-informations{
  /* background: red; */
  width: 100%;
}


.job-content-one {
  /* background: rgb(0, 255, 34); */
  width: 98%;
  display: flex;
  justify-content: space-between;
  font-size: 3vmin;
  font-weight: 700;
  padding-bottom: 1vmin;
  color: rgba(72, 5, 88, 0.616);
}

.cross-job{
  border-radius: 50%;
  padding: 1vmin;
  cursor: pointer;
}
.company-name-box{
  padding: 1vmin;
  font-size: 2.5vmin;
  font-weight: 500;
}


.job-type{
  font-size: 2.5vmin;
  padding: 1vmin;
  color: #948e8e;
}
.profile-matching {
  gap: 2vmin;
  display: flex;
  align-items: center;
  height: 8vmin;
 font-size: 2vmin;
 color: #837f7ff4;
  /* background: blue; */


}



.job-profile {
  height: 4vmin;
  width: 4vmin;
  /* background: blue; */
  border-radius: 50%;
  overflow: hidden;
}

.job-validation {
  /* background: red; */
  padding: 1vmin;
  font-size: 2vmin;
  color: #837f7ff4;
}






.see-all-jobs{
  /* background: rgb(175, 175, 185); */
  width: 100%;
  color: red;
  text-align: center;
  font-weight: 600;
  padding: 1vmin
}


.see-all-jobs a{
  text-decoration: none;
  font-size: 3vmin;
  color: #837f7ff4;;
}










.jobs-right-container {
  /* height: 60vw; */
  width: 50vmin;
  /* background: chocolate; */


  overflow: hidden;
}





.jobs-right-top {
  /* height: 40vmin; */
  background: rgb(255, 255, 255);
  border-radius: 6px;
  border: 1px solid #cccccc;
  display: flex;
  flex-direction: column;
  align-items: center;


}

.jobs-right-top .top-title {
  width: 90%;
  /* background: rgb(148, 96, 96); */
  padding: 2vmin;
  font-size: 2vmin;
}

.jobs-right-top .improve-resume {
  /* background-color: rgb(24, 21, 13); */
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 10vmin;
  width: 100%;
  cursor: pointer;
  font-weight: 700;
  color: #2a2e2dc0;
}

.improve-resume .resume-icon {
  /* height: 100%; */
  width: 8vmin;
  overflow: hidden;
}

.guide-discription {
  width: 90%;
  font-size: 2vmin;
  display: flex;
}

.explore-more-guide {
  width: 100%;
  padding: 2vmin;
  font-weight: 500;
}

.explore-more-guide a {
  text-decoration: none;
  color: #C2A2E7;
}

.explore-more-guide a:hover {
  color: #a05dec;
  ;
}