/*
general style colors
*/
:root {
  --primary-200: #1b5096;
  --primary-300: #95b5d5;
  --secondary-100: #c65a42;
  --text-field: #b3b3b3;
  --text-white: #fdfdfd;
  --secondary-200: #7a0e00;
  --secondary-300: #dd9c8e;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  animation: fadein 0.2s;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
button {
  transition: 0.2s ease-in-out;
}
a button {
  transition: 0.2s ease-in-out;
}
.btnlink {
  text-decoration: none;
}
#overlaymain {
  position: relative;
}
#overlay {
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9 !important;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#chatjob {
  width: 100%;
  display: flex;
  justify-content: center;
  position: sticky;
  top: -10%;
  margin-top: 0.625rem;
}
.frame1284 {
  display: inline-flex;
  padding: 0rem 5rem;
  justify-content: center;
  align-items: center;
  gap: 4rem;
}
.frame1107 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 3rem;
}

.frame1107 h1 {
  width: 35.5rem;
  color: var(--Text-White, #fdfdfd);

  /* H0.5 */
  font-family: Inter;
  font-size: 4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 5rem; /* 125% */
}
.frame1107 button {
  display: flex;
  width: 14.875rem;
  height: 3.5rem;
  padding: 1rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 2.5rem;
  background: var(--secondary-100, #c65a42);
  color: var(--Text-White, #fdfdfd);

  /* CTA */
  font-family: Poppins;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem; /* 140% */
  border: none;
}

.frame1107 button:hover {
  background-color: var(--secondary-200);
}
.frame1107 button:active {
  background-color: var(--secondary-100);
}
.frame1121 {
  width: 29.8125rem;
  height: auto;
  border-radius: 0.75rem;
  border: 0.0625rem solid var(--Text-Active, #00171f);
  background: var(--Text-White, #fdfdfd);
}
.frame1126 {
  display: flex;
  width: 100%;
  padding: 0.75rem 1.5rem;
  justify-content: space-between;
  align-items: center;
  background: #ddd;
  border-radius: 0.75rem 0.75rem 0 0;
}
.frame1124aa {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}
.frame1124aa p {
  color: #000;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.75rem; /* 75% */
}
.frame1122 {
  display: flex;
  width: 0.5rem;
  height: 0.5rem;
  padding: 0.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  border-radius: 3rem;
  background: #0fe16d;
}
.frame1125 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.1875rem 0.0625rem;
}
.frame1125 > svg:nth-child(1) {
  width: 0.9167rem;
  height: 0.6667rem;
}
.frame1125 > svg:nth-child(2) {
  width: 0.7491rem;
  height: 0.7491rem;
  flex-shrink: 0;
}
.frame22 {
  display: flex;
  width: 100%;
  padding: 0.375rem 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border: 0.0625rem solid #d2d2d2;
  background: rgba(217, 217, 217, 0.7);
  border-radius: 0 0 0.75rem 0.75rem;
}
.frame220 {
  display: flex;
  padding: 0.125rem 0rem;
  justify-content: center;
  align-items: center;
  gap: 9.125rem;
  align-self: stretch;
  width: 90%;
  margin: auto;
}
.send-ico {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}
.send-ico > svg:nth-child(1) {
  width: 1.5rem;
  height: 1.5rem;
}
.send-ico > svg:nth-child(2) {
  width: 1.3689rem;
  height: 1.5rem;
}
.send-ico > svg:nth-child(3) {
  width: 1.5001rem;
  height: 1.5rem;
}
.frame220 input {
  display: flex;
  padding: 0.5rem 0.1875rem;
  justify-content: center;
  align-items: center;
  gap: 0.8125rem;
  border-radius: 0.25rem;
  border: 0.0313rem solid rgba(27, 80, 150, 0.8);
  outline: none;
}
.frame220 input::placeholder {
  color: rgba(55, 63, 66, 0.14);
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.chatbox {
  height: 43.125rem;
}
#chatjobboexit {
  /* margin: 0 0 0 100%; */
  position: absolute;
  /* top: 1%; */
  right: 8%;
  border-radius: 50%;
}

#chatjobboexit:hover {
  background-color: red;
}
/*
styling for the header
*/
/*.hif {
  position: absolute;
  top: 0;
  z-index: 10000;
}*/
.hidden {
  display: none;
}
.mobmenu {
  display: none;
}
.header-con {
  display: flex;
  width: 100%;
  height: 8.5rem;
  padding: 1.375rem 5rem 2.9527rem 5rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-around;

  gap: 6.5rem;
}

.nav {
  display: flex;
  width: 45.8125rem;
  height: 4.1875rem;
  padding-right: 40px;
  align-items: center;
  gap: 1.875rem;
  flex-shrink: 0;
}

.header-con img {
  width: 8.9375rem;
  height: 4.1723rem;
  flex-shrink: 0;
}
.nav-links a {
  color: var(--Text-Field, #b3b3b3);

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */

  text-decoration: none;
  text-transform: capitalize;
}
.nav-links a:active {
  color: var(--primary-200);
}
.help-center {
  color: var(--Text-Field, #b3b3b3);
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  align-items: center;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.875rem;
  cursor: pointer;
}
.hellp {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.help-center p {
  text-transform: capitalize;
}
.dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  /* font-size: 15px; */
  color: white;
  text-align: left;
}
.dropdown-content a li {
  display: flex;
  width: 13.3125rem;
  padding: 0.625rem;
  align-items: center;
  gap: 0.625rem;
}

.dropdown-content ul {
  background: #fff;
  /* Fade */
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.05);
}
.dropdown-content ul a {
  text-decoration: none;
  color: #000;

  /* B2 */
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
}
.dropdown-content li {
  margin: 5px 0;
  text-align: center;
  list-style-type: none;
}
.help-center .dropdown-content {
  transition: 0.5s ease-in;
}
.help-center:hover .dropdown-content {
  display: block;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 2.25rem;
}
.search {
  display: flex;
  height: 3.5rem;
  padding-right: 1.125rem;
  align-items: center;
  gap: 0.875rem;
}
.search-box {
  display: flex;
  width: 18.8125rem;
  padding: 0.75rem;
  height: 2.75rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
  border-radius: 15px;
  border: 1px solid var(--primary-300, #95b5df);
  background: var(--Text-White, #fdfdfd);
}
.search-box input {
  border: none;
  border: none;
  background-color: transparent;
  outline: none;
}
.search-box input::placeholder {
  width: 12.125rem;

  color: var(--Text-Field, #b3b3b3);
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem; /* 150% */
}

.user button {
  display: flex;
  padding: 1rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
  height: 3.5rem;
  border-radius: 0.25rem;
  border: 1px solid var(--secondary-100, #c65a42);

  /* Button */
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.02);
  color: var(--secondary-100, #c65a42);

  /* small button */
  font-family: Poppins;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
}
.user button:hover {
  background-color: var(--secondary-200);
  color: white;
}
.user button:active {
  background-color: var(--secondary-100);
  color: white;
}
.search a {
  text-decoration: none;
}

/*
styling for the user landing page
*/
.landing-main {
  width: 100%;
}
.userslider {
  display: flex;
  /* width: 81.25rem; */
  width: 100%;
  height: 43.1875rem;
  padding-left: 0.375rem;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  margin: 0 auto 1.25rem auto;
  position: relative;
  overflow: hidden;
}
.userslider img {
  width: 45.375rem;
  height: 43.1875rem;
  flex-shrink: 0;
}
.slider-text {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6.25rem;
}
.slider-text h1 {
  height: 8.125rem;
  align-self: stretch;
  color: var(--primary-200, #1b5096);
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.slider-text p {
  width: 37.4375rem;
  color: #263238;

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.slider-text button {
  display: flex;
  padding: 1rem 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background: var(--secondary-100, #c65a42);

  /* Button */
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.02);
  color: white;
  border: none;
  color: var(--Text-White, #fdfdfd);

  /* CTA */
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 140% */
}
.slider-text button:hover {
  background-color: #7a0e00;
}
.slider-text button:active {
  background-color: #c65a42;
}
.userslider img {
  object-fit: cover;
}
.circ {
  width: 45.0625rem;
  height: 45.9375rem;
  flex-shrink: 0;
  border-radius: 45.9375rem;
  background: rgba(140, 109, 62, 0.6);
  position: absolute;
  z-index: -5;
  right: -18.75rem;
}
.stats {
  display: flex;
  width: 100%;
  padding: 2.5rem 5rem;
  justify-content: space-between;
  align-items: center;
  background: var(--primary-200, #1b5096);
}
.stats > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stats > div p {
  display: flex;
  width: 14.6875rem;
  height: 2.25rem;
  flex-direction: column;
  justify-content: center;
  color: var(--Text-White, #fdfdfd);
  text-align: center;

  /* B0 */
  font-family: Poppins;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 133.333% */
}
.stats > div h2 {
  width: 10.1875rem;
  height: 4.9375;
  color: var(--Text-White, #fdfdfd);
  text-align: center;

  /* H1 */
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.works {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  width: 100%;
}
.works-main {
  display: flex;
  width: 79.3125rem;
  padding: 5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  background: var(--Text-White, #fdfdfd);
}
.main-first {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}
.main-first h2 {
  width: 55.5625rem;
  color: var(--primary-200, #1b5096);
  text-align: center;

  /* H1 */
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.5rem; /* 116.667% */
}
.main-first p {
  width: 55.5625rem;
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.main-sec {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  align-self: stretch;
}
.main-sec > div {
  display: flex;
  padding: 2.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  flex: 1 0 0;
  border-radius: 0.5rem;
  background: var(--Text-White, #fdfdfd);
}
.con-back {
  width: 6.25rem;
  height: 6.25rem;
  fill: #ecc8c0;
  z-index: -1000;
}
.icon-main {
  width: 4rem;
  height: 4rem;
  position: absolute;
  left: 1.125rem;
  top: 1.125rem;
}
.svg-hold {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  position: relative;
}
.svg-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}
.svg-text h3 {
  align-self: stretch;
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* H2 */
  font-family: Inter;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.75rem; /* 122.222% */
  text-transform: capitalize;
}
.svg-text p {
  align-self: stretch;
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.ex {
  display: flex;
  width: 80rem;
  padding: 5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625;
  background: var(--Text-White, #fdfdfd);
  z-index: -5;
}
.ex-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
  align-self: stretch;
}
.ex-first {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.ex-first h3 {
  width: 55.5625rem;
  color: var(--primary-200, #1b5096);
  text-align: center;

  /* H1 */
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.ex-first p {
  width: 55.5625rem;
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* B0 */
  font-family: Poppins;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 133.333% */
}
.ex-sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  align-self: stretch;
}
.ex-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  flex: 1 0 0;
}
.ex-text h4 {
  color: var(--primary-200, #1b5096);

  /* B0 */
  font-family: Poppins;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 133.333% */
}
.ex-filled > div {
  display: flex;
  padding: 1rem 0rem 1rem 1rem;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}
.ex-filled {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
}
.ex-filled p {
  color: var(--Text-Active, #00171f);

  /* B0 */
  font-family: Poppins;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 133.333% */
  /* width: 33.8125rem; */
  height: 2rem;
}
.ex-filled > div {
  display: flex;
  padding: 1.10888rem 5.66925rem 0.89113rem 1rem;
  align-items: center;
  align-self: stretch;
  /* background: rgba(189, 161, 118, 0.3); */
}
.ex-graphics img {
  width: 25.64081rem;
  height: 30.36169rem;
  flex-shrink: 0;
  z-index: 10000;
  object-fit: cover;
}
/*.big-e {
    
    width: 29.288rem;
    height: 33.125rem;
    flex-shrink: 0;
    border-radius: 33.125rem;
    border: .125rem solid var(--primary-200, #1b5096);
  }*/
.ex-graphics {
  position: relative;
}
.ex-graphics svg {
  position: absolute;
  z-index: -2;
}
.browse {
  display: flex;
  width: 100%;
  padding: 5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: var(--primary-300, #95b5df);
}
.browse-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.browse-head h3 {
  color: var(--Text-Active, #00171f);

  /* H1 */
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.browse-head p {
  color: var(--Text-Active, #00171f);

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.browse-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  align-self: stretch;
}
.browse-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  flex: 1 0 0;
}
.browse-flex > div {
  display: flex;
  /* width: 38.75rem; */
  width: 100%;
  padding: 2.5rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.5rem;
  background: var(--Text-White, #fdfdfd);
  cursor: pointer;
}
.browse-flex p {
  color: var(--Text-Active, #00171f);

  /* H2 */
  font-family: Inter;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.75rem; /* 122.222% */
}
.browse-flex svg {
  width: 4rem;
  height: 4rem;
  flex-shrink: 0;
}
.talent {
  display: flex;
  width: 79.3125rem;
  padding: 5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: var(--Text-White, #fdfdfd);
}
.tal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4rem;
  flex: 1 0 0;
}
.talent-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.talent-text h3 {
  color: var(--primary-200, #1b5096);
  text-align: center;

  /* H1 */
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.talent-text p {
  width: 44.5625rem;
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.talentsub {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  align-self: stretch;
}
.tals {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  align-self: stretch;
}
.sub-tal {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  align-self: stretch;
}
.sub-tal > div {
  display: flex;
  padding: 2.5rem;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem;
  flex: 1 0 0;
  border-radius: 0.625rem;
  background: var(--Text-White, #fdfdfd);

  /* Sleek */
  box-shadow: 0.25rem 0.25rem 0.125rem 0rem rgba(0, 0, 0, 0.05);
}
.sub-tal img {
  width: 25rem;
  height: 18.75rem;
  border-radius: 1.25rem;
  background: url(<path-to-image>), lightgray 50% / cover no-repeat;
  object-fit: cover;
}
.paras p {
  align-self: stretch;
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* H3 */
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.25rem; /* 128.571% */

  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "slnt" 0;
}
.paras p:nth-child(4) {
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* B1 */
  font-size: 1rem !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.paras p:nth-child(3) {
  font-weight: 700;
}
.paras {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}
.feedback {
  display: flex;
  width: 100%;
  padding: 5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  background: var(--primary-300, #95b5df);
}
.feedp {
  color: var(--Text-Active, #00171f);

  /* B0 */
  font-family: Poppins;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 133.333% */
}
.feedsub {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
  align-self: stretch;
}
.feed-head h3 {
  color: var(--Text-Active, #00171f);

  /* H1 */
  font-family: "Inter", sans-serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.feedbody {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  align-self: stretch;
  overflow: hidden;
}
.feed-box {
  /*display: flex;
    height: 22.625rem;
    justify-content: flex-end;
    align-items: center;
    align-self: stretch;*/
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
  height: 100%;
}
@keyframes news-crawl-animation {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.feed-box.fex {
  animation: news-crawl-animation 10s linear infinite;
  animation-fill-mode: forwards;
}

@keyframes news-crawl-animation2 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

.feed-box.dex {
  animation-fill-mode: forwards;
  animation: news-crawl-animation2 10s linear infinite;
}
.feed-box1 {
  display: flex;
  width: 36.375rem;
  height: 20.5rem;
  padding: 2.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  border-radius: 0.625rem;
  background: var(--White, #fff);
}
.feed-box1 svg {
  width: 1rem;
  height: 1rem;
  fill: var(--primary-200, #1b5096);
}
.feed-box1 h3 {
  color: var(--Text-Active, #00171f);

  /* B0 */
  font-family: Poppins;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 133.333% */
  align-self: stretch;
}
.profile-mini {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.profile-mini div p:nth-child(1) {
  color: var(--primary-200, #1b5096);

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.profile-mini div p:nth-child(2) {
  color: var(--Text-Active, #00171f);

  /* B2 */
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
}
.profile-mini img {
  width: 5rem;
  height: 5rem;
  flex-shrink: 0;
  border-radius: 5rem;
  background: url(<path-to-image>), lightgray 50% / cover no-repeat, #d9d9d9;
  object-fit: cover;
}
.question {
  display: flex;
  padding: 5rem 0rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  align-self: stretch;
  width: 100%;
  background: var(--Text-White, #fdfdfd);
}
.queshead {
  display: flex;
  width: 59.9375rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.queshead h2 {
  color: var(--primary-200, #1b5096);

  /* H1 */
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.queshead p {
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
  width: 41.25rem;
}
.quests {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
  margin: auto;
}
.quests svg {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.quests p {
  color: var(--Text-Active, #00171f);

  /* b0.5 */
  font-family: Poppins;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 133.333% */
}
.questions {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 85%;
  padding: 2.5rem;
  align-items: center;
  gap: 1.5rem;
  border-radius: 0.5rem;
  border-bottom: 0.0625rem solid var(--Grey, #dcdcdc);
  margin: auto;
  /* Fade */
  box-shadow: 0.125rem 0.125rem 0.25rem 0rem rgba(0, 0, 0, 0.05);
}

/*
styling for about us page
*/
.landing-about {
  width: 100%;
}
.about-head {
  display: inline-flex;
  height: 44.375rem;
  /*padding: 13.5625rem 15.9375rem 15.875rem 15.9375rem;*/
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  /*background: url(https://s3-alpha-sig.figma.com/img/0aed/a905/87dbd03ed42495632e77d7307504f914?Expires=1709510400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=hCmuIeXP5wFnxv1ia3I2LaJtCqb7R47HVrCMjCOajf4-nedrqJ0MqevQK7quBCzY9Gy3eHD5h2UfuwFG3okrpzFDxTyI5GiKpKk9x8yQStIIpswmmLa90mOTU4JIR5FddevOzl-lAGraSzo6WXLM66w1Y8hNYdgCzls-znuwHN~H0ZfAsg4Wplt~LoHatxb8DqYqauKAtPBIFPosn7g3U5RGrrh8Bbv-xXBI74OCGY20hPzQib5cAEehupd0UMD15UWlKm7kPvIvFX-zIKTEpyUgufr51n4IRyNiWA961LiAciHARpdnxG9U-JbRrfZZ1nnMBa8m1DRCDrBn3hJOpA__),
      lightgray 50% / cover no-repeat;
    background-size: cover;*/
  width: 100%;
  background-color: black;
  position: relative;
}
.about-head img {
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.head-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.1875rem;
  position: absolute;
}
.head-text h2 {
  color: var(--primary-200, #1b5096);
  text-align: center;
  font-family: Inter;
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.75rem; /* 88% */
}
.head-text p {
  width: 58.125rem;
  color: var(--Text-White, #fdfdfd);
  text-align: center;

  /* H4 */
  font-family: Inter;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 133.333% */
}
.mission {
  display: inline-flex;
  padding: 5rem;
  align-items: center;
  gap: 2.5rem;
  background: var(--primary-200, #1b5096);
  width: 100%;
  justify-content: space-between;
  margin-top: 2.5rem;
}
.mission-text {
  display: flex;
  height: 26.0625rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.875rem;
}
.mission-text h2 {
  color: white;

  /* H1 */
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.mission-text p {
  width: 29.375rem;
  flex: 1 0 0;
  color: white;

  /* H4 */
  font-family: Inter;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 133.333% */
}
.mission img {
  width: 44.9375rem;
  height: 26.8125rem;
  object-fit: cover;
}

.choose {
  display: flex;
  width: 100%;
  padding: 5rem;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  background: var(--Text-White, #fdfdfd);
  margin-top: 3.125rem;
}
.choose h2 {
  width: 48.5625rem;
  height: 3.625rem;
  color: var(--primary-200, #1b5096);

  /* H1 */
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.choose h2:nth-child(2) {
  align-self: stretch;
  color: var(--Text-Active, #00171f);
  width: 100%;
  /* H4 */
  font-family: Inter;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  line-height: 2rem; /* 133.333% */
}
.choose-maint {
  display: flex;
  justify-content: center;
  /* align-items: center; */
  gap: 4rem;
  align-self: stretch;
}
.choose-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  flex: 1 0 0;
}
.choose-text h2 {
  align-self: stretch;
  color: var(--Text-Active, #00171f);

  /* H4 */
  font-family: Inter;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 133.333% */
}
.choose-sub {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
}
.choose-sub > div {
  display: flex;
  /* align-items: center; */
  gap: 0.875rem;
  align-self: stretch;
}
.choose-sub svg {
  width: 2rem;
  height: 2rem;
}
.choose-sub p {
  color: var(--Text-Active, #00171f);

  /* B1 medium */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem; /* 150% */
  color: var(--Text-Active, #00171f);

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.choose-maint img {
  /* width: 32.6563rem;
  height: 41.875rem; */
  width: 28.875rem;
  height: 40.5rem;

  object-fit: cover;
}

.team {
  display: flex;
  width: 100%;
  padding: 5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4rem;
  background: var(--primary-300, #95b5df);
}
.team h2 {
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* H1 */
  font-family: "Inter";
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.team-grid {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 2.5rem;
  grid-row-gap: 1.25rem;
  grid-column-gap: 1.25rem;

  border-radius: 0.625rem;
}
.team-boxes {
  display: flex;
  padding: 2.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  flex: 1 0 0;
  border-radius: 0.625rem;
  background: var(--Text-White, #fdfdfd);
}
.team-boxes img {
  width: 17.625rem;
  height: 17.625rem;
  border-radius: 17.625rem;
  background: url(<path-to-image>), lightgray 50% / cover no-repeat, #fff;
  object-fit: cover;
}
.team-boxes > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}
.team-boxes h3 {
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* H3 */
  font-family: Inter;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.25rem; /* 128.571% */
}
.team-boxes p {
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.platform {
  display: flex;
  width: 100%;
  height: 22.4375rem;
  padding: 3rem 5rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
  flex-shrink: 0;
  background: var(--Text-White, #fdfdfd);

  /* Sleek */
  box-shadow: 0.25rem 0.25rem 0.125rem 0rem rgba(0, 0, 0, 0.05);
}
.platform h2 {
  color: var(--primary-200, #1b5096);

  /* H1 */
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.platform p {
  width: 34.6875rem;
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.platform button {
  display: flex;
  padding: 1rem 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background: var(--secondary-100, #c65a42);
  border: none;
  color: white;
  /* Button */
  box-shadow: 0.0625rem 0.0625rem 0.125rem 0rem rgba(0, 0, 0, 0.02);
  color: var(--Text-White, #fdfdfd);

  /* CTA */
  font-family: Poppins;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem; /* 140% */
  text-transform: capitalize;
}
.platform button:hover {
  background-color: var(--secondary-200);
}
.platform button:active {
  background-color: var(--secondary-100);
}
/*
styling for the user terms
*/
.terms-main {
  width: 100%;
  height: 58.125rem;
  flex-shrink: 0;
  background: var(--Text-White, #fdfdfd);
}
.terms-sub {
  display: flex;
  width: 90%;
  margin: auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2.875rem;
}
.terms-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.terms-text h3 {
  color: var(--Text-Field, #b3b3b3);
  font-family: "Inter";
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.25rem; /* 128.571% */
}
.tt-sub {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.tt-sub h2 {
  color: var(--primary-200, #1b5096);
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
  text-transform: capitalize;
}
.tt-sub p {
  color: var(--Text-Field, #b3b3b3);

  /* B0 */
  font-family: Poppins;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 133.333% */
}
.t-terms {
  width: 85%;
  margin: auto;
  height: 31.25rem;
  color: var(--Text-Active, #00171f);
  text-align: justify;
  font-family: "Inter";
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.25rem; /* 128.571% */
  overflow-y: scroll;
}
.t-terms::-webkit-scrollbar-thumb {
  border-radius: 1.5rem;
  background: var(--secondary-100, #c65a42);
  width: 0.75rem;
  height: 0.625rem;
  flex-shrink: 0;
}
.t-terms::-webkit-scrollbar {
  width: 0.75rem;
}
.t-terms::-webkit-scrollbar-track {
  border-radius: 1.5rem;
  background: var(--primary-100, #4e83c9);
}
.t-terms h3 {
  color: var(--Text-Active, #00171f);
  text-align: justify;
  font-family: "Inter";
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.25rem; /* 128.571% */
}
.t-terms p {
  color: var(--Text-Active, #00171f);
  font-family: "Poppins";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem;
  margin-bottom: 1.25rem;
}
.read {
  display: inline-flex;
  align-items: center;
  gap: 16rem;
}
.check {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.check input {
  width: 1.25rem;
  height: 1.25rem;
}
.check p {
  color: var(--Text-Active, #00171f);
  font-family: "Poppins";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem; /* 120% */
}
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.read {
  width: 85%;
  margin: auto;
}
.readbtn {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.readbtn button {
  display: flex;
  height: 3.5rem;
  padding: 1rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.25rem;
  background: var(--secondary-100, #c65a42);
  border: none;
  color: white;
  color: var(--Text-White, #fdfdfd);

  /* CTA */
  font-family: Poppins;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem; /* 140% */
}
.readbtn button:hover {
  background-color: var(--secondary-200);
  color: white;
}
.readbtn button:active {
  background: var(--secondary-100, #c65a42);
}
/*
styling for the hire page
*/
.hire-search {
  display: flex;
  width: 80%;
  padding: 1.5rem 5rem;
  align-items: center;
  gap: 1rem;
  border-radius: 1.25rem;
  border: 0.0625rem solid var(--Text-Field, #b3b3b3);
  background: #fff;

  /* Fade */
  box-shadow: 0.125rem 0.125rem 0.25rem 0rem rgba(0, 0, 0, 0.05);
  justify-content: center;
  margin: auto;
  margin-bottom: 5.3125rem;
}
.hire-search svg {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.hire-search::placeholder {
  color: var(--Text-Field, #b3b3b3);

  /* B0 */
  font-family: "Poppins";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 133.333% */
}
.hire-search input {
  width: 70%;
  border: none;
}
.hire-nav {
  display: inline-flex;
  padding: 1rem 0rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 5.125rem 0 0 10%;
}
.hire-nav p {
  color: #000;

  /* B1 */
  font-family: "Poppins";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.hire-nav p:nth-child(5) {
  color: var(--primary-200, #1b5096);

  /* B1 */
  font-family: "Poppins";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.hire-nav svg {
  width: 1.5rem;
  height: 1.5rem;
}
.best-main {
  margin: 2.5rem 0 0 10%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
  width: 80%;
}
.best-b {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.best-t {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.best-t h2 {
  color: #000;

  /* H0.5 */
  font-family: "Inter";
  font-size: 4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 5rem; /* 125% */
}
.best-t p {
  color: #000;

  /* H4 */
  font-family: "Inter";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 133.333% */
}
.best-pic {
  width: 12.21rem;
  height: 11.58rem;
  flex-shrink: 0;
  position: relative;
}
.pentagon {
  width: 13.5rem;
  height: 13.5rem;
  flex-shrink: 0;
}
.best-pic img {
  width: 13.94rem;
  height: 20.91rem;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: -5rem;
}
.best-st {
  display: flex;
  width: 38.25rem;
  align-items: center;
  gap: 7.5rem;
}
.st1 {
  display: flex;
  width: 12.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}
.st1 > div p {
  color: #000;

  /* H2 */
  font-family: "Inter";
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.75rem; /* 122.222% */
}
.st1 div {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  align-self: stretch;
}
.st1 > p {
  color: #000;
  text-align: center;

  /* H4 */
  font-family: Inter;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 133.333% */
  width: 100%;
}
.best-st svg {
  width: 3.125rem;
  height: 3.125rem;
}
.st2 {
  display: flex;
  width: 9.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}
.st2 h2 {
  color: #000;

  /* H2 */
  font-family: Inter;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.75rem; /* 122.222% */
}
.st2 p {
  color: #000;
  text-align: center;

  /* H4 */
  font-family: Inter;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 133.333% */
}
.hire-profile {
  margin: 7.5rem auto 0 auto;
  display: flex;
  width: 90%;
  padding: 5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-gap: 2.5rem;
  display: grid;
  grid-template-columns: auto auto auto;
}
.prof-hire {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
  border: 0.0625rem solid var(--primary-100, #4e83c9);
  position: relative;
}
.prof-pics {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}
.prof-pics img {
  height: 6.25rem;
  flex: 1 0 0;
  width: 7.0625rem;
  object-fit: cover;
}
.hire-hire {
  display: flex;
  padding: 1rem;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  background: var(--Text-White, #fdfdfd);
}
.hire-sub {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}
.sub-hiret {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
}
.sub-hiret > div h2 {
  color: #000;
  text-align: center;

  /* H4 */
  font-family: Inter;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 133.333% */
  text-align: center;
  width: 100%;
}
.sub-hiret > div {
  justify-content: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sub-hiret > div p {
  color: #000;
  text-align: center;

  /* B2 */
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
}
.sub-hiret > p {
  color: #000;
  text-align: center;

  /* B1 */
  font-family: "Poppins";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.hire-loc {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
}
.hire1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
  width: 6.0625rem;
}
.hire1 p {
  color: #000;

  /* B2 */
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
}
.hire2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
}
.hire2 p {
  color: #000;

  /* B2 */
  font-family: "Inter";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
}
.hire3 {
  display: flex;
  height: 1.5rem;
  padding: 0rem 0rem 0.125rem 0.4375rem;
  align-items: center;
  flex: 1 0 0;
}
.hire3 p {
  color: #3ebe29;
  text-align: center;

  /* B2 */
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
}
.hire4 p {
  color: #de4848;
  text-align: center;

  /* B2 */
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
}
.hire5 p {
  color: var(--Grey, #dcdcdc);
  text-align: center;

  /* B2 */
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
  width: 4.375rem;
}
.svg1 {
  width: 1rem;
  height: 1rem;
}
.svg2 {
  width: 1.5rem;
  height: 1.5rem;
}
.hibtn {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
}
.hibtn button:hover {
  background-color: var(--secondary-200);
  color: white;
}
.hibtn:active {
  background-color: var(--secondary-100);
  color: white;
}
.hibtn button {
  color: var(--secondary-100, #c65a42);

  /* small button */
  font-family: "Poppins";
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem; /* 150% */
  display: flex;
  padding: 1rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--secondary-100, #c65a42);

  /* Button */
  box-shadow: 0.0625rem 0.0625rem 0.125rem 0rem rgba(0, 0, 0, 0.02);
  background-color: transparent;
}
.hire-rel {
  position: absolute;
  width: 4.375rem;
  height: 4.375rem;
  left: 9.375rem;
  top: 3.1076rem;
}
.hire-rel img {
  width: 4.375rem;
  height: 4.375rem;

  border-radius: 4.375rem;
  background: url(<path-to-image>), lightgray 50% / cover no-repeat, #d9d9d9;
}
/* 
styling for the pre login choose account type
*/
.choose-main img {
  /* width: 100%; */
  margin: auto;
}
.choose-main {
  width: 100%;
  height: 100%;
  position: relative;
}
.chose {
  display: flex;
  width: 83.4375rem;
  padding: 7.5rem 5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7.5rem;
  /* position: absolute; */
  top: 5%;
  margin: 3rem auto;
  /* Sleek */
  box-shadow: 0.25rem 0.25rem 0.125rem 0rem rgba(0, 0, 0, 0.05);
}
.chose::before {
  content: "";
  /* opacity: 0.6; */
  top: -15%;
  left: 20%;
  width: 60%;
  height: 100%;
  background-image: url(images/jobbo-logo.png);
  /* background: rgba(224, 224, 224, 0.90); */
  position: absolute;
  z-index: -5;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 5%;
  background-position: center;
}
.chose-bt {
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
  align-self: stretch;

  /* Button */
  box-shadow: 0.0625rem 0.0625rem 0.125rem 0rem rgba(0, 0, 0, 0.02);
}
.chose-bt > div:nth-child(2) {
  border: none !important;
}
.chose-b {
  display: flex;
  padding: 2.5rem 5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex: 1 0 0;
  border-radius: 0.75rem;
  border: 0.25rem solid var(--primary-200, #1b5096);
  background: var(--Text-White, #fdfdfd);
  box-shadow: 0rem 0.25rem 0.625rem 0rem rgba(0, 0, 0, 0.25);
}
.rect-main {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16.625rem;
}
.rect {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.rect > div {
  width: 2.9375rem;
  height: 0.25rem;
}
.rect > div:nth-child(1) {
  border-radius: 1.5rem;
  background: var(--Text-Active, #00171f);
}
.rect > div:nth-child(2) {
  border-radius: 1.5rem;
  background: var(--secondary-100, #c65a42);
}
.rect-text {
  display: flex;
  width: 18.75rem;
  padding: 0.5rem 0rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  flex-shrink: 0;
}
.rect-text p {
  color: var(--Text-Active, #00171f);
  text-align: center;
  font-family: Inter;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.25rem; /* 128.571% */
}
.rect-main input {
  color: var(--secondary-100);
}
.chose button {
  display: flex;
  width: 14rem;
  height: 3.5rem;
  padding: 1rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.25rem;
  background: var(--secondary-100, #c65a42);
  color: var(--Text-White, #fdfdfd);

  /* CTA */
  font-family: Poppins;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem; /* 140% */
  border: none;
}
.chose button:hover {
  background-color: var(--secondary-200);
}
.chose button:active {
  background-color: var(--secondary-100);
}

/* 
styling for the sign up page
*/
.sign-upmain {
  display: flex;
  width: 100%;
  padding: 0 20rem 0 20rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.sign-head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
.sign-head h2 {
  color: var(--Text-Active, #00171f);

  /* H1 */
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.sign-head > p {
  color: var(--Text-Active, #00171f);

  /* H2 */
  font-family: Inter;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.75rem;
  text-transform: uppercase;
}
.sign-uu {
  margin-top: 5%;
  display: flex;
  width: 49.875rem;
  height: 39.875rem;
  padding: 2rem;
  flex-direction: column;
  align-items: center;
  gap: 4.5rem;

  border-radius: 1.5rem;
  /* opacity: 0.6; */
  background-color: var(--Text-Blur, #e0e0e0);
  box-shadow: 0.0625rem 0.0625rem 0.125rem 0rem rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(51.25rem);
  /* background-image: url(images/jobbo-logo.png); */
  /* background: rgba(224, 224, 224, 0.90); */

  background-size: 60%;
  background-repeat: no-repeat;
  background-position: 5%;
  background-position: center;
  position: relative;
}

.sign-uu::before {
  content: "";
  opacity: 0.6;
  top: -15%;
  left: 20%;
  width: 60%;
  height: 100%;
  background-image: url(images/jobbo-logo.png);
  /* background: rgba(224, 224, 224, 0.90); */
  position: absolute;
  z-index: -5;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 5%;
  background-position: center;
}
.forrm {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 2.25rem;
  grid-row-gap: 1.5rem;
  /*display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4.125rem;*/
}
.forrm p {
  color: var(--Text-Active, #00171f);
  text-align: left;

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
  opacity: 1 !important;
}
.forrm > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.forrm input {
  width: 20rem;
  height: 2.5rem;
  border-radius: 0.625rem;
  background: #fdfdfd;
  border: none;
  padding: 5%;
  outline: none;
}
.forrm input[type="password"],
.forrm input[type="number"] {
  letter-spacing: 0.25rem;
}
.accept {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 4.125rem auto 4.5rem auto;
  width: 90%;
}
.accept input {
  width: 1.875rem;
  height: 1.875rem;
  border: 0.0938rem solid var(--primary-100, #4e83c9);
}
.accept p {
  color: var(--Text-Active, #00171f);

  /* H5 */
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem; /* 150% */
}
.accept a {
  color: var(--secondary-100, #c65a42);
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration-line: underline;
}
form button {
  display: flex;
  width: 14rem;
  height: 3.5rem;
  padding: 1rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.25rem;
  background: var(--secondary-100, #c65a42);
  color: var(--Text-White, #fdfdfd);

  /* CTA */
  font-family: Poppins;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem; /* 140% */
  border: none;
  margin: auto;
}
form button:hover {
  background-color: var(--secondary-200);
}
form button:active {
  background-color: var(--secondary-100);
}

/* 
styling for the sign in page
*/
.sign-inmain {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0 26.4063rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  backdrop-filter: blur(0.5906rem);

  background-image: url(images/jobbo-logo.png);

  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
.sign-insub {
  display: flex;
  padding: 0.625rem 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
.sign-insub h1 {
  color: var(--Text-Active, #00171f);

  /* H1 */
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.sign-meth {
  display: flex;
  padding: 1.5rem 4rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4.5rem;
  border-radius: 1.5rem;
  background: var(--Text-Blur, #e0e0e0);

  /* Button */
  box-shadow: 0.0625rem 0.0625rem 0.125rem 0rem rgba(0, 0, 0, 0.02);
}
.sign-user {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.sign-user > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.0625rem;
}
.sign-user > div p {
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.sign-user > div input {
  width: 27.1875rem;
  height: 3.5rem;
  border-radius: 0.625rem;
  background: rgba(253, 253, 253, 0.66);
  border: none;
  outline: none;
  padding: 0 5%;
}
.sign-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.sign-link > a {
  display: flex;
  width: 27.1875rem;
  height: 3.5rem;
  padding: 1rem 6.7819rem 1rem 6.75rem;
  justify-content: center;
  align-items: center;
  border-radius: 1.5rem;

  background: rgba(78, 131, 201, 0.5);
  text-decoration: none;
  color: var(--Text-Active, #00171f);
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.goog {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.goog p {
  color: var(--Text-Active, #00171f);
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.goog svg {
  width: 1.4681rem;
  height: 1.5rem;
}

.sign-link > a:hover {
  background-color: var(--secondary-100);
  color: white;
}

.dont {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.dont p {
  color: #000;
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.dont a {
  color: #c65a42;
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
}
.sign-meth button {
  display: flex;
  width: 8.375rem;
  height: 3.5rem;
  padding: 1rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.25rem;
  background: var(--secondary-100, #c65a42);
  color: var(--Text-White, #fdfdfd);

  /* CTA */
  font-family: Poppins;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem; /* 140% */
  border: none;
}
.sign-meth button:hover {
  background-color: var(--secondary-200);
}
.sign-meth button:active {
  background-color: var(--secondary-100);
}

/* 
styling for the verification page
*/
.verify-main {
  display: flex;
  width: 100%;
  padding: 0 3.6875rem 0.125rem 3.6875rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  opacity: 0.97;
  background: #fdfdfd;
}
.verify-sub {
  display: flex;
  padding: 3.125rem 6rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}
.verri {
  display: flex;
  padding: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.verify {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 6.5rem;
}
.verify img {
  width: 28.125rem;
  height: 37.375rem;
  object-fit: cover;
  border-radius: 0.625rem;
  background: url(<path-to-image>), lightgray 50% / cover no-repeat;
}
.ver-log {
  display: flex;
  width: 32rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
}
.frame270 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.frame101 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.frame101 svg {
  width: 1.5rem;
  height: 1.5rem;
}
.frame101 p {
  color: var(--Text-Active, #00171f);
  font-family: Poppins;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.frame261 {
  display: flex;
  width: 32rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.frame261 h2 {
  color: var(--Text-Active, #00171f);

  /* H1 */
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
  align-self: stretch;
}
.frame261 p {
  color: var(--Text-Active, #00171f);
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.75;
  align-self: stretch;
}
.frame271 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
}
.frame271 legend {
  color: var(--Text-Active, #00171f);
  font-family: Poppins;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
}
.frame271 fieldset {
  width: 31.25rem;
  padding: 0.25rem 0rem 0.25rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem 0.25rem 0rem 0rem;
}
.frame271 form {
  display: flex;
}
.frame271 input {
  width: 100%;
  border: none;
  outline: none;
  padding: 0 0.3125rem;
  overflow: hidden;
}
.frame271 p {
  color: var(--Text-Active, #00171f);
  font-family: Poppins;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.frame271 a {
  color: #ff8682;
  font-family: Poppins;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.frame270 button {
  display: flex;
  width: 15rem;
  height: 3.5rem;
  padding: 1rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.25rem;
  background: var(--secondary-100, #c65a42);
  color: var(--Text-White, #fdfdfd);

  /* CTA */
  font-family: Poppins;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem; /* 140% */
  border: none;
}
.frame270 button:hover {
  background-color: var(--secondary-200);
}
/* .frame270:active {
  background-color: var(--secondary-100);
} */
.frame269 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
.frame270 > a {
  text-decoration: none;
}
/* 
styling for the faq page
 */
.faq-head {
  display: flex;
  padding: 0rem 2.5rem;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin: auto;
  position: relative;
  overflow: hidden;
}
.faq-text {
  display: flex;
  width: 41.625rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2.5rem;
}
.faq-text-t {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}
.faq-text-t h1 {
  color: var(--Text-Active, #00171f);

  /* H0.5 */
  font-family: Inter;
  font-size: 4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 5rem; /* 125% */
}
.faq-text-t span {
  color: var(--primary-100, #4e83c9);
}
.faq-text-t p {
  color: var(--Text-Active, #00171f);

  /* B1 */
  font-family: "Poppins";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.faq-text button {
  color: var(--Text-White, #fdfdfd);

  /* CTA */
  font-family: "Poppins";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem; /* 140% */
  display: flex;
  padding: 1rem 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.3125rem;
  background: var(--secondary-100, #c65a42);

  /* Button */
  box-shadow: 0.0625rem 0.0625rem 0.125rem 0rem rgba(0, 0, 0, 0.02);
  border: none;
}
.faq-text button:hover {
  background-color: var(--secondary-200);
}
.faq-text button:active {
  background-color: var(--secondary-100);
}
.faq-head img {
  width: 35.375rem;
  height: 40.8125rem;
  flex-shrink: 0;
  border-radius: 0.625rem;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.4) 0%,
      rgba(0, 0, 0, 0.4) 100%
    ),
    url(<path-to-image>), lightgray 50% / cover no-repeat;
}

.faq-star {
  position: absolute;
  right: 41%;
  bottom: -1.25rem;
}
.faq-check {
  position: absolute;
  left: 0.0625rem;
  top: 1.125rem;
}
.faq-questions {
  display: flex;
  padding: 5rem 0rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  align-self: stretch;
  margin: 5rem auto;
  width: 85%;
}
.faq-ques {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.faq-ques h2 {
  color: var(--primary-200, #1b5096);

  /* H1 */
  font-family: "Inter";
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.faq-ques p {
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* B1 */
  font-family: "Poppins";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
  width: 41.25rem;
}
.faq-q {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
}
.faq-q > div {
  display: flex;
  width: 100%;
  padding: 2.5rem;
  justify-content: flex-start;
  align-items: center;
  gap: 1.5rem;
  border-radius: 0.5rem;
  border-bottom: 0.0625rem solid var(--Grey, #dcdcdc);

  /* Fade */
  box-shadow: 0.125rem 0.125rem 0.25rem 0rem rgba(0, 0, 0, 0.05);
}
.faq-q p {
  color: var(--Text-Active, #00171f);

  /* b0.5 */
  font-family: Poppins;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 133.333% */
}
/* 
styling for the work page
*/
.make {
  display: flex;
  padding: 0 5.75rem;
  align-items: center;
  position: relative;
  margin: auto;
  width: 100%;
}
.make-first {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
  /* position: absolute; */
  z-index: 10;
}
.make-first > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.make-first h3 {
  color: var(--primary-200, #1b5096);

  /* H1 */
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.make-first p {
  color: var(--primary-200, #1b5096);

  /* H2 */
  font-family: Inter;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.75rem; /* 122.222% */
}

.make-first button {
  color: var(--Text-White, #fdfdfd);

  /* CTA */
  font-family: Poppins;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem; /* 140% */
  display: flex;
  padding: 1rem 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background: var(--secondary-100, #c65a42);

  /* Button */
  box-shadow: 0.0625rem 0.0625rem 0.125rem 0rem rgba(0, 0, 0, 0.02);
  border: none;
}
.make-first button:hover {
  background-color: var(--secondary-200);
}
.make-first button:active {
  background-color: var(--secondary-100);
}
.make img {
  width: 31.994rem;
  height: 48.1405rem;
  flex-shrink: 0;
  object-fit: contain;
  z-index: 5;
}
.oppo-main {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
  margin-top: 1.875rem;
}

.lines > div {
  background-color: var(--primary-200);
}
.line-1 {
  width: 2.962rem;
  height: 37.7014rem;
  transform: rotate(44.755deg);
  flex-shrink: 0;
  border-radius: 3.1536rem;
  background: var(--primary-200, #1b5096);
  position: absolute;
  right: 28.125rem;
  top: -3.125rem;
}
.line-2 {
  width: 2.962rem;
  height: 37.7014rem;
  transform: rotate(44.755deg);
  flex-shrink: 0;
  border-radius: 3.1536rem;
  background: var(--primary-200, #1b5096);
  position: absolute;
  right: 31.25rem;
  top: 5rem;
}
.line-3 {
  width: 2.962rem;
  height: 30.9746rem;
  transform: rotate(44.755deg);
  flex-shrink: 0;
  border-radius: 3.1536rem;
  background: var(--primary-200, #1b5096);
  position: absolute;
  right: 18.75rem;
  top: 3.75rem;
}
.line-4 {
  width: 2.962rem;
  height: 32.1861rem;
  transform: rotate(44.755deg);
  flex-shrink: 0;
  border-radius: 3.1536rem;
  background: var(--primary-200, #1b5096);
  position: absolute;
  right: 25rem;
  top: 16.25rem;
}
.oppo-main > h2 {
  color: #000;

  /* H2 */
  font-family: Inter;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.75rem; /* 122.222% */
  text-align: center;
}
.trans {
  display: flex;
  padding: 5rem 3rem;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
}
.trans-pic {
  display: flex;
  width: 32.25rem;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.trans-pic img {
  width: 15.625rem;
  height: 12.5rem;
  flex-shrink: 0;
  border-radius: 0.625rem;
  background: url(<path-to-image>), lightgray 50% / cover no-repeat, #d9d9d9;
  object-fit: cover;
}
.trans-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.trant h2 {
  width: 35.5rem;
  color: #000;

  /* H1 */
  font-family: "Inter";
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.trant p {
  width: 35.5rem;
  color: #000;

  /* B1 */
  font-family: "Poppins";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.trant {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.trans-ser {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.trans-ser1 {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}
.trans-ser1 > div {
  display: flex;
  padding: 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}
.trans-ser1 p {
  color: #000;

  /* H4 */
  font-family: Inter;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 133.333% */
}
.trans-text button {
  color: var(--secondary-100);

  /* small button */
  font-family: "Poppins";
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem; /* 150% */
  display: flex;
  padding: 1rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background-color: transparent;
  /* Button */
  box-shadow: 0.0625rem 0.0625rem 0.125rem 0rem rgba(0, 0, 0, 0.02);
  border: 0.0625rem solid var(--secondary-100);
}
.trans-text button:active {
  background: var(--secondary-100, #c65a42);
  color: white;
}
.trans-text button:hover {
  background-color: var(--secondary-200);
  color: white;
}
.safe {
  display: flex;
  padding: 5rem 3rem;
  align-items: center;
  gap: 2.5rem;
}
.safe-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
}
.safe-te {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.safe-te h2 {
  width: 35.5rem;
  color: #000;

  /* H1 */
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 116.667% */
}
.safe-te p {
  width: 35.5rem;
  color: #000;

  /* B1 */
  font-family: "Poppins";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.safe-fl {
  display: flex;
  width: 43.1875rem;
  align-items: flex-start;
  gap: 1.5rem;
}
.safe-fl > div {
  display: flex;
  padding: 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  flex: 1 0 0;
}
.safe-fl p {
  color: #000;

  /* H4 */
  font-family: Inter;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 133.333% */
}
.safe-text button {
  color: var(--Text-White, #fdfdfd);

  /* small button */
  font-family: Poppins;
  color: var(--secondary-100);
  background-color: transparent;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem; /* 150% */

  display: flex;
  padding: 1rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;

  /* Button */
  box-shadow: 0.0625rem 0.0625rem 0.125rem 0rem rgba(0, 0, 0, 0.02);
  border: 0.0625rem solid var(--secondary-100);
}
.safe-text button:active {
  background: var(--secondary-100, #c65a42);
  color: white;
}
.safe-text button:hover {
  background-color: var(--secondary-200);
  color: white;
}
.safe-pic {
  display: flex;
  width: 32.25rem;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.safe-pic img {
  width: 15.625rem;
  height: 12.5rem;
  flex-shrink: 0;
  border-radius: 0.625rem;
  background: url(<path-to-image>), lightgray 50% / cover no-repeat, #d9d9d9;
  object-fit: cover;
}

/* 
styling for the decor page
*/
.decor {
  width: 90%;
  margin: auto;
  display: flex;
}
.aside {
  display: inline-flex;
  height: 106.5625rem;
  padding: 2rem;
  flex-direction: column;
  align-items: center;
  gap: 11.25rem;
  flex-shrink: 0;
  border-right: 0.0625rem solid var(--Text-Field, #b3b3b3);
  background: #fff;

  /* Fade */
  box-shadow: 0.125rem 0.125rem 0.25rem 0rem rgba(0, 0, 0, 0.05);
  position: sticky;
  top: 0;
  bottom: 0;
}
.categ {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5rem;
  align-self: stretch;
}
.aside-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5rem;
  align-self: stretch;
}
.aside-main h2 {
  color: var(--Text-Active, #00171f);
  font-family: Inter;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem; /* 128.571% */
}
.asidebtn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  align-self: stretch;
}
.asidebtn button {
  display: flex;
  padding: 1rem 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 0.0625rem solid var(--Grey, #dcdcdc);
  border: none;
  background-color: transparent;
  color: var(--Text-Active, #00171f);

  /* B1 */
  font-family: "Poppins";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.asidebtn button:hover {
  color: white;
  background-color: var(--secondary-300);
}
.asidebtn button:active {
  background-color: var(--secondary-100);
}
.asidedrop {
  display: flex;
  justify-content: space-evenly;
  padding: 1rem 1.5rem;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 0.0625rem solid var(--Grey, #dcdcdc);
}
.aside1 {
  width: 1.375rem;
  height: 1.375rem;
}
.asidedrop p {
  width: 6rem;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--Text-Active, #00171f);

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.aside2 {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
/*.prev-con {
  display: flex;
  width: 90%;
  margin: auto;
  padding: 1.5rem 2.5rem;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  background: var(--Text-White, #fdfdfd);
}
.prev-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.prev-head h1 {
  color: #000;*/

/* H2 */
/*font-family: Inter;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.75rem; /* 122.222% */ /*
}
.prev-head button {
  display: flex;
  padding: 1rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  border-radius: 1.25rem;
  border: .0625rem solid var(--secondary-100, #c65a42);
  background-color: transparent;

  /* Button */ /*
  box-shadow: .0625rem .0625rem .125rem 0rem rgba(0, 0, 0, 0.02);
  color: var(--secondary-100, #c65a42);

  /* small button */ /*
  font-family: "Poppins";
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem; /* 150% */ /*
}
.prev-head button:hover {
  background-color: var(--secondary-200);
  color: white;
}
.prev-head button:active {
  background-color: var(--secondary-100);
  color: white;
}
.prev-hire {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}
.hire-box {
  display: flex;
  width: 24.1875rem;
  padding: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.5rem;
  border-radius: .5rem;
  border: .0625rem solid var(--primary-300, #95b5df);
  background: #fff;
}
.hire-prof {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1 0 0;
}
.hire-prof img {
  width: 5rem;
  height: 5rem;
  border-radius: 5rem;
  background: url(<path-to-image>), lightgray 50% / cover no-repeat;
}
.hire-prof h3 {
  color: #000;

  /* B1 */ /*
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */ /*
  align-self: stretch;
}
.hire-prof p {
  color: #000;

  /* B2 */ /*
  font-family: Inter;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */ /*
  align-self: stretch;
}
.hire-brief {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}
.hire-brief h2 {
  align-self: stretch;

  color: #000;

  /* H3 */ /*
  font-family: "Inter";
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.25rem; /* 128.571% */ /*
}
.hire-brief p {
  color: #000;

  /* B1 */ /*
  font-family: "Poppins";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */ /*
  align-self: stretch;
}
.hire-stars {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  align-self: stretch;
}
.hstars {
  display: flex;
  align-items: center;
  gap: .25rem;
  flex: 1 0 0;
}
.hstars svg {
  width: 1.5rem;
  height: 1.5rem;
}
.hire-stars button {
  display: flex;
  width: 6.875rem;
  padding: 1rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  border-radius: 1.75rem;

  /* Button */ /*
  box-shadow: .0625rem .0625rem .125rem 0rem rgba(0, 0, 0, 0.02);

  border: .0625rem solid var(--secondary-100);
  background-color: transparent;
  color: var(--secondary-100, #c65a42);

  /* small button */ /*
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem; /* 150% */ /*
}
.hire-stars button:active {
  background: var(--secondary-100, #c65a42);
  color: white;
}
.hire-stars button:hover {
  background-color: var(--secondary-200);
  color: white;
}*/
.price-bar {
  display: flex;
  width: 15.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.price-bar > p {
  color: var(--Text-Active, #00171f);

  /* H3 */
  font-family: Inter;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.25rem; /* 128.571% */
}
.price-sub {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
  align-self: stretch;
}
.in-bars {
  display: flex;
  gap: 1.25rem;
}
.in-bars input {
  width: 6.25rem;
}
.home-d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  width: 90%;
  margin: 3.125rem auto 0 auto;
}
.home-d h2 {
  color: #000;

  /* H2 */
  font-family: "Inter";
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.75rem; /* 122.222% */
}
#homed1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  width: 90%;
  margin: 3.125rem auto 0 auto;
}
#homed1 h2 {
  color: #000;

  /* H2 */
  font-family: "Inter";
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.75rem; /* 122.222% */
}
#homed2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  width: 90%;
  margin: 3.125rem auto 0 auto;
}
#homed2 h2 {
  color: #000;

  /* H2 */
  font-family: "Inter";
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.75rem; /* 122.222% */
}
#homed3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  width: 90%;
  margin: 3.125rem auto 0 auto;
}
#homed3 h2 {
  color: #000;

  /* H2 */
  font-family: "Inter";
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.75rem; /* 122.222% */
}
#homed4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  width: 90%;
  margin: 3.125rem auto 0 auto;
}
#homed4 h2 {
  color: #000;

  /* H2 */
  font-family: "Inter";
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.75rem; /* 122.222% */
}
#homed5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  width: 90%;
  margin: 3.125rem auto 0 auto;
}
#homed5 h2 {
  color: #000;

  /* H2 */
  font-family: "Inter";
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.75rem; /* 122.222% */
}
#homed6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  width: 90%;
  margin: 3.125rem auto 0 auto;
}
#homed6 h2 {
  color: #000;

  /* H2 */
  font-family: "Inter";
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.75rem; /* 122.222% */
}
.d-skills {
  display: flex;
  padding: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  flex: 1 0 0;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--primary-100, #4e83c9);
}
.skill-t {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  align-self: stretch;
}
.skill-grid {
  display: grid;
  grid-template-columns: auto auto auto;
  row-gap: 1.25rem;
  column-gap: 1.25rem;
}
.skill-t h3 {
  color: #000;

  /* H3 */
  font-family: "Inter";
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.25rem; /* 128.571% */
}
.skill-st {
  display: flex;
  width: 9.0625rem;
  align-items: center;
  gap: 0.25rem;
}
.skill-st svg {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.mini-pic {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.mini-pics {
  display: flex;
  align-items: flex-start;
  gap: -1.1875rem;
}
.mini-pics img {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 3.125rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.4);
  background: url(<path-to-image>), lightgray 50% / cover no-repeat;
  position: relative;
}
.mini-pics h4 {
  color: #000;

  /* H4 */
  font-family: Inter;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 133.333% */
}
.langmain {
  padding: 0 5rem;
}
.headinfo {
  display: flex;
  width: 100%;
  height: 6.25rem;
  padding: 1.375rem 5rem 0.70269rem 0;
  justify-content: left;
  align-items: center;
  flex-shrink: 0;
  background: #fff;
}
.headinfo img {
  width: 8.9375rem;
  height: 4.17231rem;
  flex-shrink: 0;
}
.infol {
  display: inline-flex;
  padding: 1rem 5rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  margin: 1.75rem 0 0 0;
}
.infol p {
  color: #000;
  font-family: Poppins;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem; /* 66.667% */
  text-align: center;
}
.imain {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  width: 100%;
}
.langprof {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  margin: 6rem 0 0 0;
  width: 100%;
}
.langprof p {
  color: #000;
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem; /* 150% */
}
.langmin {
  width: 100%;
  height: 8.875rem;
  background: #e0e0e0;
  padding: 1.7rem 0 0 1.5rem;
  display: flex;
  gap: 3rem;
  width: 100%;
}
.langmin > div {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.0625rem;
}

.langmin > div p {
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.langmin > div input {
  width: 20rem;
  height: 2.5rem;
  border-radius: 0.625rem;
  background: #fdfdfd;
  outline: none;
  border: none;
  padding: 0 1rem;
}

.edu-prof {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
}
.edu-prof h3 {
  color: #000;
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem; /* 150% */
}
.edumin {
  display: flex;
  padding: 0.9375rem 0.6875rem 0.9375rem 0.625rem;
  justify-content: center;
  align-items: center;
  background: #e0e0e0;
  width: 100%;
}
.edmin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
}
.edmin1 {
  display: flex;
  padding: 1rem 5rem;
  align-items: flex-start;
  gap: 3.5625rem;
}
.edmin1 > div p {
  color: #000;
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.edmin1 > div:not(:first-child) {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
/* Style the toggle button */
.toggle {
  position: relative;
  display: inline-block;
  /* width: 3.75rem;
  height: 2.125rem; */

  width: 3.75rem;
  height: 1.8125rem;
}

/* Hide the default checkbox */
.toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* Style the slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 2.125rem;
}

/* Style the slider thumb */
.slider:before {
  position: absolute;
  content: "";
  /* height: 1.625rem;
  width: 1.625rem; */

  width: 1.25rem;
  height: 1.25rem;
  left: 0.25rem;
  bottom: 0.25rem;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

/* When checked, change background color of slider */
input:checked + .slider {
  background-color: var(--primary-300);
}

/* When checked, move slider thumb to right */
input:checked + .slider:before {
  transform: translateX(1.625rem);
}
.smallt {
  display: flex;
  padding: 0.625rem 5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}
.smallt p {
  color: #000;
  font-family: Poppins;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1rem; /* 114.286% */
}
.tot {
  display: flex;
  padding: 0rem 5rem;
  align-items: center;
  gap: 0.625rem;
}
.tot p {
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.tot input {
  width: 20rem;
  height: 2.5rem;
  border-radius: 0.625rem;
  background: #fdfdfd;
  padding: 0 1rem;
  outline: none;
  border: none;
}
.det-grid {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-column-gap: 0.5rem;
  grid-row-gap: 1rem;
  padding: 0.625rem 5rem;
}
.det-grid p {
  color: var(--Text-Active, #00171f);
  /* text-align: center; */

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.det-grid input {
  width: 22.5625rem;
  height: 2.5rem;
  border-radius: 0.625rem;
  background: #fdfdfd;
  outline: none;
  border: none;
  padding: 0 1rem;
  font-family: Poppins;
}
.add-prof {
  display: flex;
  padding: 0rem 5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.add-prof h3 {
  color: #000;
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem; /* 150% */
}
.addmin {
  display: flex;
  align-items: flex-start;
  gap: 3.6875rem;
}
.addmin p {
  color: #000;
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.addmin > div:not(:first-child) {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.emp-his {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
}
.emp-his > h3 {
  color: #000;
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem; /* 150% */
}
.emp-main {
  display: flex;
  padding: 0.9375rem 1.3125rem 1.5625rem 0rem;
  align-items: center;
  background: #e0e0e0;
  width: 100%;
}
.emp-mini {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.emp1 {
  display: flex;
  padding: 1rem 5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}
.emp1 p {
  color: #000;
  font-family: Poppins;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1rem; /* 114.286% */
}
input[type="file"] {
  /* display: none; */
  padding: 0.5rem 1rem;
  border: none;
}
.emp-text {
  display: flex;
  padding: 0rem 5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.0625rem;
}
.emp-text p {
  color: var(--Text-Active, #00171f);
  text-align: center;

  /* B1 */
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.emp-text textarea {
  width: 66.3125rem;
  height: 9.9375rem;
  border-radius: 0.625rem;
  background: #fdfdfd;
  border: none;
  outline: none;
  padding: 1rem;
  resize: none;
}
.imain button {
  display: flex;
  justify-content: center;
  width: 14rem;
  height: 3.5rem;
  padding: 1rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  color: var(--Text-White, #fdfdfd);
  border-radius: 0.5rem;
  background: var(--secondary-100, #c65a42);
  border: none;
  /* CTA */
  font-family: Poppins;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem; /* 140% */
}
.imain button:hover {
  background-color: var(--secondary-200);
}
.imain button:active {
  background-color: var(--secondary-100);
}
.visib {
  display: block;
}