/* screen - desktop-langing-page */

.desktop-langing-page {
    align-items: flex-start;
    background-color: var(--pattens-blue);
    display: flex;
    gap: 10px;
    position: relative;
    max-width: 100%;
    flex: 1 1 300px;
}

.body {
    display: flex;
    flex-wrap: wrap;
}

.desktop-langing-page .frame-1110 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 64px;
    position: relative;
    max-width: 100%;
}

.desktop-langing-page .nav {
    align-items: flex-start;
    align-self: stretch;
    background-color: var(--white);
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    position: relative;
    max-width: 100%;
}

.desktop-langing-page .nav-content {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    padding: 20px 64px;
    position: relative;
    max-width: 100%;
}

.desktop-langing-page .logo-web {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    position: relative;
    width: 7.2%;
}

.desktop-langing-page .left-content-item {
    letter-spacing: 0.02px;
    line-height: 24px;
    position: relative;
    text-align: center;
    /*width: 5.6%;*/
}

.desktop-langing-page .jobs {
    letter-spacing: 0.02px;
    line-height: 24px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.desktop-langing-page .frame-1022 {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 32px;
    justify-content: flex-end;
    position: relative;
}

.desktop-langing-page .frame-1037 {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 16px;
    justify-content: flex-end;
    position: relative;
}

.desktop-langing-page .sign-up-desktop {
    align-items: center;
    background-color: var(--light-blue);
    border: 1px solid;
    border-radius: 16px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    justify-content: center;
    padding: 16px 24px;
    position: relative;
}

.desktop-langing-page .sign-up {
    letter-spacing: 0.02px;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.desktop-langing-page .frame-1128 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 10px;
    position: relative;
    width: 100%;
}

.desktop-langing-page .frame-1107 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 32px;
    position: relative;
    width: 100%;
}

.desktop-langing-page .frame-1104 {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 32px;
    padding: 0px 64px;
    position: relative;
}

.desktop-langing-page .frame-1108 {
    align-items: flex-start;
    align-self: stretch;
    background: linear-gradient(180deg, rgb(197, 223, 240) 0%, rgb(8.62, 98.83, 157.82) 100%);
    border-radius: 20px;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    position: relative;
    width: 100%;
}

.desktop-langing-page .frame-317 {
    align-items: flex-start;
    border-radius: 20px;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 32px;
    padding: 32px;
    position: relative;
}

.desktop-langing-page .frame-1109 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 61px;
    position: relative;
    width: 100%;
}

.desktop-langing-page .frame-88 {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 10px;
    justify-content: center;
    position: relative;
}

.desktop-langing-page .source-skilled-and-v {
    align-self: stretch;
    color: var(--new-blue);
    font-family: var(--font-family-open_sans_hebrew-bold);
    font-size: var(--font-size-xxxl);
    font-weight: 700;
    letter-spacing: -1.30px;
    line-height: 85px;
    margin-top: -1.00px;
    position: relative;
}

.desktop-langing-page .frame-1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    justify-content: center;
    position: relative;
    width: 100%;
}

.desktop-langing-page .connect-with-employe {
    color: var(--new-blue);
    flex: 1;
    font-family: var(--font-family-open_sans_hebrew-regular);
    font-size: var(--font-size-l);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 32px;
    margin-top: -1.00px;
    position: relative;
}

.desktop-langing-page .frame-1-1 {
    align-items: flex-start;
    flex-direction: column;
}

.desktop-langing-page .rectangle-32 {
    background-color: var(--new-blue);
    border-radius: 100px;
    height: 20px;
    position: relative;
    width: 292px;
}

.desktop-langing-page .frame-1041 {
    align-items: flex-end;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 10px;
    position: relative;
    width:40%;
}

.desktop-langing-page .young-african-americ {
    /*height: 344px;*/
    position: relative;
    width: 100%;
}

.desktop-langing-page .frame-1128-1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    padding: 0px 64px;
    position: relative;
    width: 100%;
}

.desktop-langing-page .frame-1126 {
    align-items: center;
    align-self: stretch;
    background-color: #f4f4f4cc;
    border-radius: 20px;
    display: flex;
    flex: 0 0 auto;
    gap: 200px;
    justify-content: center;
    padding: 16px 32px;
    position: relative;
    width: 100%;
}

.desktop-langing-page .frame-112 {
    align-items: flex-end;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    position: relative;
}

.desktop-langing-page .frame-1122 {
    align-items: center;
    align-self: stretch;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    position: relative;
}

.desktop-langing-page .construction-worker-1 {
    height: 30px;
    object-fit: cover;
    position: relative;
    width: 30px;
}

.desktop-langing-page .frame-1120 {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    position: relative;
}

.desktop-langing-page .x5000-casual {
    letter-spacing: 0.02px;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.desktop-langing-page .employee-6 {
    height: 30px;
    object-fit: cover;
    position: relative;
    width: 30px;
}

.desktop-langing-page .x2500-employers {
    letter-spacing: 0.02px;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.desktop-langing-page .suitcase-1-1 {
    height: 30px;
    width: 30px;
}

.desktop-langing-page .x1000-active-jobs {
    letter-spacing: 0.02px;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.desktop-langing-page .satisfaction-1 {
    height: 30px;
    object-fit: cover;
    position: relative;
    width: 30px;
}

.desktop-langing-page .x99-customers-rating {
    letter-spacing: 0.02px;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.desktop-langing-page .frame-1141 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 32px;
    padding: 32px 0px;
    position: relative;
    width: 100%;
}

.desktop-langing-page .frame-1140 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 24px;
    padding: 0px 64px;
    position: relative;
    width: 100%;
}

.desktop-langing-page .frame-1174 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 40px;
    position: relative;
    width: 100%;
}

.desktop-langing-page .card {
    align-items: center;
    background-color: var(--white);
    border-radius: 20px;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 24px;
    justify-content: center;
    padding: 32px;
    position: relative;
}

.desktop-langing-page .frame-1170 {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    position: relative;
}

.desktop-langing-page .construction-worker-1-1 {
    height: 50px;
    object-fit: cover;
    position: relative;
    width: 50px;
}

.desktop-langing-page .frame-1-2 {
    align-items: center;
    justify-content: center;
}

.desktop-langing-page .looking-for {
    color: var(--black);
    font-family: var(--font-family-open_sans_hebrew-bold);
    font-size: var(--font-size-m);
    font-weight: 700;
    letter-spacing: 0.02px;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.desktop-langing-page .frame {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    position: relative;
    width: 100%;
}

.desktop-langing-page .frame-315 {
    align-items: flex-start;
    background-color: var(--primary-green);
    border-radius: 16px;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    position: relative;
}

.desktop-langing-page .post-a-job {
    align-items: center;
    align-self: stretch;
    border: 1px solid;
    border-color: var(--primary-green);
    border-radius: 16px;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    padding: 16px 24px;
    position: relative;
    width: 100%;
}

.desktop-langing-page .find-casuals {
    letter-spacing: 0.02px;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.desktop-langing-page .suitcase-1-2 {
    height: 50px;
    width: 50px;
}

.desktop-langing-page .logo-4-1 {
    letter-spacing: 0;
    line-height: 32px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.desktop-langing-page .frame-1-3 {
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    position: relative;
}

.desktop-langing-page .suitcase-1 {
    object-fit: cover;
    position: relative;
}