@import url("https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
/* Custom CSS */
.text-center {
text-align: center;
}
.container {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
.white-bg {
background: #fff;
}
.card-shadow {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.card-radius {
border-radius: 8px;
}
.button.green {
background: #4cc3a5;
color: #fff;
}
.button.green:hover {
background: #000;
}
.job-board-wrapper {
padding-top: 240px;
background: url("../images/board-bg.svg") no-repeat center top;
/*background-size: auto 1066px;*/
background-size: contain;
}
.job-board-header h1 {
line-height: 1.1;
text-align: center;
font-size: 60px;
font-weight: 500;
font-family: "Red Hat Display", sans-serif !important;
margin: 0 0 35px;
}
.job-search-form {
max-width: 735px;
margin: 0 auto;
}
body:not(.logged-in) .job-search-form {
margin-bottom: 90px;
}
.job-search-form-cols {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.job-search-form-right {
width: 192px;
}
.job-search-form-left {
width: calc(100% - 212px);
position: relative;
}
.search-form-field input {
width: 100%;
border: none;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
font-size: 16px;
font-weight: 600;
font-family: "Inter", sans-serif;
padding: 0 45px;
height: 52px;
border-radius: 8px;
}
.search-form-field ::-webkit-input-placeholder {
color: #000;
opacity: 0.5;
}
.search-form-field ::-moz-placeholder {
color: #000;
opacity: 0.5;
}
.search-form-field :-ms-input-placeholder {
color: #000;
opacity: 0.5;
}
.search-form-field :-moz-placeholder {
color: #000;
opacity: 0.5;
}
.search-form-field {
position: relative;
}
.search-form-field i {
position: absolute;
color: #4cc3a5;
font-size: 16px;
line-height: 1;
top: 50%;
transform: translateY(-50%);
left: 18px;
font-weight: 500;
}
.job-search-submit .button {
background: #4cc3a5;
border: none;
cursor: pointer;
}
.job-search-submit .button:hover {
background: #212121;
}
.remove-search-tag,
.post-job-button a,
a.toggle-remote-jobs {
display: inline-flex;
min-height: 30px;
text-align: center;
justify-content: center;
width: 100%;
color: #444b56;
font-size: 14px;
font-family: "Inter", sans-serif;
border-radius: 5px;
font-weight: 600;
border: 1px solid transparent;
align-items: center;
}
.post-job-button a {
font-size: 16px;
}
a.toggle-remote-jobs.active {
border-color: #444b56;
}
a.toggle-remote-jobs.active .fa {
color: #4cc3a5;
}
a.toggle-remote-jobs span {
padding: 0 5px;
}
.toggle-remote-jobs i,
a.toggle-remote-jobs i {
transition: opacity 0.2s;
}
.job-search-create-alert {
margin-top: 20px;
margin-bottom: 45px;
}
.job-search-create-alert a {
display: inline-flex;
align-items: center;
justify-content: center;
background: #444b56;
width: 100%;
border-radius: 8px;
color: #fff;
font-size: 14px;
font-family: "Red Hat Display", sans-serif;
text-transform: uppercase;
letter-spacing: 0.07143em;
font-weight: 800;
min-height: 40px;
transition: opacity 0.2s, visibility 0.2s;
}
.job-search-create-alert a i {
padding-right: 5px;
color: #4cc3a5;
}
.job-search-create-alert.inactive a {
opacity: 0;
visibility: hidden;
}
.job-board-lower-cols {
padding-bottom: 100px;
display: flex;
justify-content: space-between;
}
.job-board-lower-left {
width: 70.323%;
}
.job-board-lower-right {
width: 26.13%;
}
.job-board-filter-bar {
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
border-radius: 8px;
display: flex;
padding: 12px 52px;
}
.filter-bar-title {
font-size: 14px;
font-weight: bold;
font-family: "Red Hat Display", sans-serif;
}
.filter-bar-title a {
display: none;
}
.filters-active .filter-bar-title a {
display: inline;
}
.filters-active .filter-bar-title span {
display: none;
}
.job-board-filters {
display: flex;
padding-left: 50px;
}
.job-board-filter .select2-container--default .select2-selection--single {
border: none;
}
.job-board-filter
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
font-style: normal;
color: #000000;
font-family: "Inter", sans-serif;
font-weight: 600;
}
.post-job-button a {
min-height: 40px;
border: 1.5px solid #444b56;
}
.post-job-button a i {
padding-right: 5px;
}
.jobs-list-wrap {
padding: 30px 50px;
margin-top: 35px;
background: #fff;
}
a.job-item {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 26px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-family: "Inter", sans-serif;
color: #000;
font-weight: 600;
}
.job-item-right {
text-align: right;
font-size: 14px;
}
.job-location-type {
}
.job-date {
opacity: 0.5;
}
.job-title {
margin-bottom: 5px;
}
.job-company {
font-size: 14px;
opacity: 0.59;
}
.job-logo {
width: 64px;
height: 64px;
border-radius: 50%;
margin-right: 20px;
position: relative;
}
.job-logo > a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.job-item-left {
display: flex;
align-items: center;
}
a.job-item:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.job-location-type span:not(:last-child):after {
content: "\2022";
padding-left: 5px;
padding-right: 5px;
}
.board-right-block {
margin-top: 35px;
padding: 30px;
}
h2.board-rb-title {
font-size: 20px;
font-family: "Red Hat Display", sans-serif !important;
line-height: 1.3;
padding-bottom: 10px;
margin-bottom: 16px;
position: relative;
}
h2.board-rb-title:after {
content: "";
width: 82px;
height: 3px;
background: #4cc3a5;
position: absolute;
bottom: 0;
left: 0;
}
.board-rb-info h3 {
font-family: "Inter", sans-serif !important;
font-size: 16px;
font-weight: 600;
color: #000;
}
.board-rb-info ul {
font-family: "Inter", sans-serif !important;
list-style: none;
font-weight: 600;
margin: 20px 0;
padding: 0;
line-height: 1.1;
}
.board-rb-info ul li {
margin-bottom: 10px;
position: relative;
color: rgba(0, 0, 0, 0.5);
padding-left: 25px;
}
.board-rb-cta {
padding-top: 5px;
}
.board-rb-info {
margin-right: -8px;
}
.board-rb-info li:before {
font-size: 14px;
content: "\f058";
font-family: "Font Awesome 5 Pro", sans-serif;
font-weight: 900;
color: #444b56;
position: absolute;
left: 0;
top: 2px;
}
.board-rb-cta .button {
display: flex;
align-items: center;
justify-content: center;
min-height: 50px;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 15px;
}
a.remove-search-tag {
width: auto;
padding-left: 14px;
padding-right: 12px;
color: #444b56;
border: 1px solid #444b56;
}
.remove-search-tag i {
padding-left: 15px;
}
.searching-jobs .job-board-wrapper {
position: relative;
}
.searching-jobs .job-board-wrapper:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #fff;
opacity: 0.5;
z-index: 2;
}
.searching-jobs .job-board-wrapper:after {
content: "";
display: block;
width: 22px;
height: 22px;
border: 2px solid #000;
border-radius: 50%;
position: absolute;
top: 400px;
left: 50%;
border-left-color: transparent;
z-index: 3;
animation: ajaxing 1s infinite linear;
}
@keyframes ajaxing {
to {
transform: rotate(360deg);
}
}
.single-job-wrapper {
padding-top: 150px;
}
.single-job-top-bar {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 45px;
}
.single-job-top-bar .post-job-button a {
padding-left: 40px;
padding-right: 40px;
}
.single-job-back a {
color: #444b56;
font-weight: 800;
font-family: "Red Hat Display", sans-serif;
text-transform: uppercase;
letter-spacing: 0.0714em;
}
.single-job-back a i {
padding-right: 4px;
}
.single-job-cols {
margin-bottom: 65px;
display: flex;
justify-content: space-between;
}
.single-job-related {
width: 33.88%;
order: -1;
border-right: 1px solid #d2d2d2;
padding-right: 50px;
max-height: 675px;
overflow: auto;
}
.single-job-main {
width: 62%;
}
.single-job-cat {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.07143em;
font-weight: 800;
font-family: "Red Hat Display", sans-serif;
}
.single-job-header h1 {
margin: 0 0 30px;
font-family: "Red Hat Display", sans-serif !important;
font-size: 34px;
line-height: 1.3;
padding-right: 100px;
}
.job-basic-details {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 28px;
}
.job-basic-details-left {
display: flex;
}
.job-bd-org-meta {
font-family: "Inter", sans-serif;
font-weight: 600;
}
.job-bd-org {
font-weight: bold;
}
.job-bd-location {
opacity: 0.5;
}
.job-bd-org-meta a {
color: rgba(0, 0, 0, 0.87);
}
.job-bd-date {
opacity: 0.5;
}
.job-meta-bar {
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
display: flex;
align-items: center;
padding: 25px 0;
justify-content: space-between;
}
.job-meta strong {
display: block;
}
.job-meta {
padding: 0 16px;
font-size: 14px;
font-weight: 600;
font-family: "Inter", sans-serif;
line-height: 1.3;
}
.job-meta > span {
opacity: 0.5;
}
.job-meta:not(:last-child) {
border-right: 1px solid #d2d2d2;
}
.job-details h3 {
font-size: 14px;
font-family: "Red Hat Display", sans-serif !important;
color: #000000;
font-size: 14px;
margin: 0 0 2px;
}
.job-details-inner {
padding-top: 30px;
}
.job-details-inner ul,
.job-details-inner p {
line-height: 1.75;
font-size: 16px;
font-family: "Inter", sans-serif;
}
.job-details-inner p {
margin: 0 0 20px;
}
.job-basic-details-right .button,
.job-details-apply .button {
width: auto;
font-size: 15px;
padding: 17px 41px;
}
.job-board-filter-trigger {
font-weight: 500;
font-family: "Inter", sans-serif;
color: #000;
font-size: 14px;
cursor: pointer;
}
.job-board-filter-trigger span {
padding-right: 4px;
}
.job-board-filter {
position: relative;
min-width: 131px;
padding-right: 30px;
}
.job-board-filter-options {
position: absolute;
top: 100%;
left: 0;
padding: 12px 0;
background: #fff;
width: 180px;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s, visibility 0.25s;
z-index: 2;
}
.job-board-filter-options label {
display: block;
width: 100%;
padding: 7px 10px 7px 30px;
font-size: 14px;
font-family: "Inter", sans-serif;
font-weight: 500;
position: relative;
cursor: pointer;
}
.job-board-filter-options input {
display: none;
}
.job-board-filter:hover .job-board-filter-options {
opacity: 1;
visibility: visible;
}
.job-board-filter-options label span:before {
content: "\f00c";
font-family: "Font Awesome 5 Pro", sans-serif;
font-weight: normal;
position: absolute;
width: 8px;
height: 8px;
left: 12px;
top: 6px;
opacity: 0;
transition: opacity 0.25s;
font-size: 11px;
}
.job-board-filter-options label span:after {
content: "";
display: block;
width: 12px;
height: 12px;
position: absolute;
border: 1px solid #000;
left: 10px;
top: 9px;
opacity: 0.5;
}
.job-board-filter-options label input:checked + span:before {
opacity: 1;
}
.select-package-header {
padding: 220px 0 150px;
text-align: center;
background: url("../images/select-package-hero.png") no-repeat center bottom;
background-size: 100% auto;
}
.select-package-header h1 {
font-family: "Red Hat Display", sans-serif !important;
font-size: 80px;
line-height: 1.2;
margin: 0;
font-weight: 500;
}
.sp--board {
padding-top: 50px;
}
.sp--hiring h2,
.sp--board h2 {
font-size: 60px;
font-weight: 500;
line-height: 1.3;
margin: 0 0 100px;
text-align: center;
font-family: "Red Hat Display", sans-serif !important;
}
.sp--packages {
padding-bottom: 120px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.sp--hiring .sp--packages {
align-items: stretch;
}
.sp--package {
background: #fff;
width: 31%;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
border-radius: 10px;
padding: 35px 24px 30px;
}
.sp--package.sp--highlight-package {
position: relative;
box-shadow: 0 0 20px rgb(0 0 0 / 5%), 0 0 0 2px #4cc3a5 inset;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.sp--package-highlight {
position: absolute;
width: 100%;
top: -31px;
left: 0;
background: #4cc3a5;
color: #fff;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
text-align: center;
font-family: "Red Hat Display", sans-serif;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 0.083em;
font-size: 12px;
padding: 8px;
}
.sp--package-title {
font-size: 28px;
font-weight: bold;
font-family: "Red Hat Display", sans-serif;
line-height: 1.36;
margin-bottom: 16px;
color: #000;
}
.sp--package-description {
font-size: 16px;
font-family: "Inter", sans-serif;
line-height: 1.625;
max-width: 285px;
margin-bottom: 20px;
color: #000;
}
.sp--package-features-label:before {
content: "";
display: block;
width: 100%;
max-width: 216px;
height: 4px;
background: #4cc3a5;
margin-bottom: 14px;
}
.sp--package-features-label {
font-size: 16px;
font-family: "Inter", sans-serif;
color: #4cc3a5;
cursor: pointer;
margin-bottom: 26px;
}
.sp--package-features-label span {
padding-right: 8px;
}
.sp--package-features-label i {
transition: transform 0.2s;
}
.sp--package-price {
font-family: "Red Hat Display", sans-serif;
font-size: 42px;
font-weight: bold;
line-height: 1;
}
.sp--package-price b {
display: block;
font-size: 14px;
margin-top: 14px;
}
.sp--package-price small {
font-size: 20px;
}
.sp--package-cta {
padding-top: 24px;
}
.sp--package-features {
display: none;
font-family: "Inter", sans-serif;
line-height: 1.625;
padding-bottom: 16px;
}
.sp--package-features p {
margin-bottom: 14px;
}
.sp--package-features ul {
list-style: none;
margin: 0;
padding: 0;
}
.sp--package-features-label.open i {
transform: rotate(90deg);
}
.sp--package-features ul li:before {
content: "\f058";
font-family: "Font Awesome 5 Pro";
font-weight: bold;
font-size: 14px;
position: absolute;
left: 0;
top: 2px;
color: #444b56;
}
.sp--package-features ul li {
position: relative;
padding-left: 20px;
}
.sp--hiring .sp--package:first-child .sp--package-price {
margin-top: 11px;
}
.sp--hiring .sp--package-features p {
margin-bottom: 0;
margin-top: 5px;
}
.sp--hiring .sp--package-features li:before {
display: none;
}
.sp--hiring .sp--package-features ul {
margin-bottom: 20px;
}
.sp--package.sp--highlight-package {
position: relative;
box-shadow: 0 0 20px rgb(0 0 0 / 5%), 0 0 0 2px #4cc3a5 inset;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.sp--package-highlight {
position: absolute;
width: 100%;
top: -31px;
left: 0;
background: #4cc3a5;
color: #fff;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
text-align: center;
font-family: "Red Hat Display", sans-serif;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 0.083em;
font-size: 12px;
padding: 8px;
}
.sp--package-cta .button {
padding: 18px 16px;
font-size: 16px;
}
.sp--hiring .sp--package:nth-child(2) .sp--package-description:after {
content: "";
display: block;
width: 100%;
max-width: 216px;
height: 4px;
background: #4cc3a5;
margin-top: 14px;
}
span.title-with-info i {
position: relative;
margin-left: 10px;
cursor: pointer;
}
span.title-with-info {
display: flex;
align-items: center;
}
span.title-with-info i .twi--info {
font-family: "Muli";
font-weight: normal;
position: absolute;
width: 200px;
background: #fff;
top: 110%;
left: 50%;
transform: translateX(-50%);
z-index: 1;
border: 1px solid #ddd;
padding: 10px;
font-size: 13px;
border-radius: 4px;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s, visibility 0.2s;
}
span.title-with-info i:hover .twi--info {
opacity: 1;
visibility: visible;
}
.sp--hiring {
padding-top: 100px;
background: url("../images/hiring-services-bg.png") no-repeat center top;
background-size: 100% auto;
}
.signup-page-wrapper {
padding-top: 160px;
padding-bottom: 90px;
}
.signup-form-wrapper {
max-width: 865px;
margin-left: auto;
margin-right: auto;
margin-top: 55px;
}
.signup-page-wrapper h1 {
text-align: center;
font-size: 60px;
font-weight: 500;
font-family: "Red Hat Display", sans-serif;
line-height: 1.2;
}
.signup-page-wrapper .single-job-back {
margin-bottom: 50px;
}
.signup-subtitle {
font-size: 16px;
color: #4cc3a5;
text-align: center;
margin-top: 15px;
font-family: "Inter", sans-serif;
}
.t-form-row {
display: flex;
justify-content: space-between;
}
.t-form-field {
width: 100%;
margin-bottom: 30px;
}
.t-form-field input {
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.25);
height: 50px;
border-radius: 5px;
padding: 0 16px;
font-size: 16px;
color: #000;
font-weight: 600;
font-family: "Inter", sans-serif;
transition: border 0.2s;
}
.t-form-field ::-webkit-input-placeholder {
color: #000;
opacity: 0.25;
}
.t-form-field ::-moz-placeholder {
color: #000;
opacity: 0.25;
}
.t-form-field :-ms-input-placeholder {
color: #000;
opacity: 0.25;
}
.t-form-field :-moz-placeholder {
color: #000;
opacity: 0.25;
}
.t-half-field {
width: 48%;
}
.t-checkbox {
cursor: pointer;
position: relative;
font-family: "Inter", san-serif;
font-weight: 600;
color: #8c8c8c;
}
.t-checkbox span {
padding-left: 20px;
}
.t-checkbox input {
display: none;
}
.t-checkbox span:before {
position: absolute;
top: 1px;
left: 0;
content: "\f111";
font-family: "Font Awesome 5 Pro";
font-weight: normal;
opacity: 0.25;
transition: opacity 0.2s, color 0.2s;
}
.t-checkbox input:checked + span:before {
content: "\f058";
opacity: 1;
}
.t-form-submit {
text-align: center;
width: 100%;
padding-top: 12px;
}
.t-form-submit .button {
max-width: 230px;
width: 100%;
border: none;
cursor: pointer;
font-size: 16px;
min-height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.t-form-field.has-error .t-checkbox {
color: #cb0009;
}
.signup-subtitle a {
font-family: "Inter", sans-serif;
font-weight: 600;
display: inline-flex;
align-items: center;
}
.signup-subtitle a i {
font-size: 14px;
padding-left: 5px;
}
.t-checkbox a {
font-family: "Inter", sans-serif;
}
.t-form-field.has-error .t-checkbox a {
color: #cb0009;
text-decoration: underline;
}
.t-form-field.has-error input {
border-color: #cb0009;
}
.t-form-field.has-error ::-webkit-input-placeholder {
color: #cb0009;
opacity: 0.25;
}
.t-form-field.has-error ::-moz-placeholder {
color: #cb0009;
opacity: 0.25;
}
.t-form-field.has-error :-ms-input-placeholder {
color: #cb0009;
opacity: 0.25;
}
.t-form-field.has-error :-moz-placeholder {
color: #cb0009;
opacity: 0.25;
}
.t-field-error {
color: #cb0009;
font-weight: 600;
margin-top: 5px;
}
.cart-wrapper {
padding-top: 220px;
padding-bottom: 90px;
}
.cart-wrapper h1 {
font-size: 60px;
font-weight: 500;
line-height: 1.2;
font-family: "Red Hat Display", sans-serif;
}
.cart-cols {
padding-top: 110px;
display: flex;
justify-content: space-between;
}
.cart-left {
width: 25.8%;
}
.cart-right {
width: 68.3%;
}
.cart-right h3 {
font-size: 14px;
letter-spacing: 0.07em;
text-transform: uppercase;
color: #444b56;
font-family: "Red Hat Display", sans-serif;
font-weight: 800;
margin: 0 0 20px;
}
.cart-package-block {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
border-radius: 10px;
padding: 30px 47px;
}
.cart-change-package {
text-align: center;
padding-top: 20px;
}
.cart-change-package a {
color: #000;
font-family: "Inter", sans-serif;
font-weight: normal;
font-size: 14px;
opacity: 0.75;
}
.cart-change-package a:hover {
opacity: 1;
}
.cart-package-title-sep {
height: 4px;
background: #4cc3a5;
max-width: 216px;
margin-bottom: 65px;
margin-top: 20px;
}
table.gform-products-list {
width: 100%;
font-family: "Inter", sans-serif;
border-collapse: collapse;
margin-bottom: 25px;
}
table.gform-products-list td {
color: rgba(0, 0, 0, 0.5);
}
table.gform-products-list th,
table.gform-products-list td {
text-align: left;
padding: 10px 0;
vertical-align: middle;
border-bottom: 1px solid #d2d2d2;
}
table.gform-products-list th:not(:first-child),
table.gform-products-list td:not(:first-child) {
text-align: right;
}
table.gform-products-list tfoot th,
table.gform-products-list tfoot td {
border: none;
}
.proceed-checkout-btn .button {
min-height: 50px;
align-items: center;
display: flex;
justify-content: center;
font-size: 16px;
}
.checkout-page-wrapper {
padding-top: 220px;
padding-bottom: 75px;
max-width: 866px;
margin: 0 auto;
}
.checkout-page-wrapper h1 {
text-align: center;
font-family: "Red Hat Display", sans-serif;
font-size: 60px;
font-weight: 500;
line-height: 1.3;
margin: 0 0 70px;
}
.checkout-page-wrapper .gfield h3 {
font-size: 14px;
letter-spacing: 0.07143em;
text-transform: uppercase;
font-family: "Red Hat Display", sans-serif;
line-height: 1;
font-weight: 900;
margin: 0 0 20px;
color: #444b56;
}
.checkout-page-wrapper .select2-container--default .select2-selection--single,
.checkout-page-wrapper
.checkout-form
.gform_wrapper
.gform_fields
.gfield
input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not(
[type="file"]
) {
width: 100%;
height: 51px;
border: 1px solid rgba(0, 0, 0, 0.25) !important;
border-radius: 5px;
padding: 0 16px;
font-style: normal;
font-weight: normal;
font-size: 16px;
font-family: "Inter", sans-serif;
}
.checkout-page-wrapper
.gfield_error
.select2-container--default
.select2-selection--single,
.checkout-page-wrapper
.checkout-form
.gform_wrapper
.gform_fields
.gfield_error
input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not(
[type="file"]
) {
border-color: #cb0009 !important;
}
body .checkout-page-wrapper .gform_wrapper ul.gform_fields li.gfield {
}
body .checkout-page-wrapper .checkout-form .gform_wrapper .gform-half-col {
width: 48.1%;
float: left;
clear: none;
}
body .checkout-page-wrapper .checkout-form .gform_wrapper .gform-right-col {
float: right;
}
.checkout-page-wrapper .gform_wrapper .gform-clear {
clear: both;
}
.checkout-page-wrapper
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
width: 100%;
font-style: normal;
font-size: 16px;
font-weight: normal;
font-family: "Inter", sans-serif;
height: 100%;
display: flex;
align-items: center;
padding: 0;
}
.select2-container {
min-width: 100%;
}
.checkout-page-wrapper
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
top: 16px;
right: 9px;
}
li#field_50_11 .ginput_counter {
display: none;
}
.checkout-page-wrapper
.select2-container--default
.select2-selection--single
.select2-selection__arrow:after {
color: #000;
font-size: 18px;
}
body .checkout-page-wrapper .gform_wrapper .gform-city-field {
width: 37.92%;
clear: none;
float: left;
}
body .checkout-page-wrapper .gform_wrapper .gform-zip-field {
width: 31.8%;
float: right;
clear: none;
}
body .checkout-page-wrapper .gform_wrapper .gform-state-field {
width: 23.24%;
float: left;
clear: none;
margin-left: 3.52% !important;
}
.gform-hidden-manual {
width: 0 !important;
height: 0 !important;
overflow: hidden;
position: absolute;
left: -9999px;
margin: 0 !important;
}
li#field_50_12 {
padding-top: 10px;
margin-bottom: 0;
}
li#field_50_12 h3 {
margin-bottom: 5px;
}
.checkout-form .gform_footer.top_label .button {
width: 100%;
background: #4cc3a5;
border-color: #4cc3a5;
cursor: pointer;
font-size: 16px;
font-family: "Inter", sans-serif;
font-weight: normal;
height: 50px;
}
.checkout-form .gform_footer.top_label .button:hover {
background: #444b56;
border-color: #444b56;
}
.post-job-wrapper {
padding-top: 220px;
padding-bottom: 80px;
}
.post-job-wrapper h1 {
/*text-align: center;
font-family: "Red Hat Display", sans-serif;
font-weight: 500;
font-size: 60px;
line-height: 1.32;
margin: 0 0 80px;*/
}
.post-job-wrapper h1 {
text-align: left;
line-height: 1.32;
border-bottom: 1px solid #ccc;
font-size: 40px;
font-weight: 600;
font-family: "Red Hat Display", sans-serif !important;
color: #000000;
padding: 0 0 30px;
margin: 0 0 45px;
}
.post-job-form {
max-width: 118rem;
margin-left: auto;
margin-right: auto;
}
.job-form-row {
display: flex;
justify-content: space-between;
}
.job-field-half {
width: 47.373%;
}
.job-field input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.job-field select,
.job-field textarea {
border: 1px solid rgba(0, 0, 0, 0.25);
font-weight: 600;
width: 100%;
height: 51px;
border-radius: 5px;
font-size: 16px;
padding: 0 16px;
color: #000;
font-family: "Inter", sans-serif;
}
.job-field
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):focus,
.job-field select:focus,
.job-field textarea:focus {
border-color: rgba(0, 0, 0, 0.75);
}
.job-form-row
.has-error
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.job-form-row .has-error select,
.job-form-row .has-error textarea {
/* border-color: rgba(255, 0, 0, 0.5); */
border-color: #4bc3a4;
}
.job-field select {
-o-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000'><polygon points='0,0 100,0 50,50'/></svg>")
no-repeat;
background-size: 10px auto;
background-position: 98% center;
}
.has-error .job-field-radio label input + span {
color: #cb0009;
}
.post-job-form {
font-family: "Inter", sans-serif;
max-width: 100%;
}
.job-field > label {
font-size: 14px;
letter-spacing: 0.0556em;
text-transform: uppercase;
font-weight: 800;
font-family: "Red Hat Display", sans-serif;
display: block;
margin: 0 0 20px;
}
.job-form-row .has-error label {
color: #cb0009;
}
.job-field {
margin-bottom: 50px;
width: 100%;
}
.job-field textarea {
resize: none;
height: 214px;
padding-top: 12px;
}
.job-form-sep {
width: 100%;
height: 1px;
background: #000;
opacity: 0.1;
margin: 0 0 50px;
}
.job-field-radio label {
cursor: pointer;
display: block;
}
.job-field-radio label input {
display: none;
}
.job-field-radio input + label > span,
.job-field-radio label input + span {
display: block;
position: relative;
padding-left: 32px;
display: flex;
align-items: center;
min-height: 25px;
color: rgba(0, 0, 0, 0.5);
transition: color 0.2s;
flex-wrap: wrap;
font-weight: 600;
}
.job-field-radio input + label > span:before,
.job-field-radio label input + span:before {
content: "\f111";
font-family: "Font Awesome 5 Pro";
position: absolute;
left: 0;
font-size: 22px;
line-height: 1.2;
top: 0;
opacity: 0.25;
color: #000;
font-weight: normal;
transition: opacity 0.2s;
}
.job-field-radio input + label > span:after,
.job-field-radio input + span:after {
content: "\f058";
font-family: "Font Awesome 5 Pro";
position: absolute;
left: 0;
font-size: 22px;
line-height: 1.2;
top: 0;
font-weight: normal;
opacity: 0;
transition: opacity 0.2s;
}
.job-field-radio input:checked + label > span:after,
.job-field-radio input:checked + span:after {
opacity: 1;
}
.job-field-radios {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
div#mode .job-field-radio span {
white-space: nowrap;
}
.job-field-radio input:checked + label > span,
.job-field-radio input:checked + span {
color: #000;
}
.job-field-radio input:checked + label > span:before,
.job-field-radio label input:checked + span:before {
opacity: 1;
}
.job-field-radio:not(:last-child) {
margin-right: 44px;
}
.job-field-radio {
margin-bottom: 10px;
}
.range-fields {
display: flex;
max-width: 385px;
justify-content: space-between;
margin-bottom: 30px;
}
.range-fields > div {
width: 43.9%;
position: relative;
}
.range-fields .range-start:after {
content: "to";
position: absolute;
left: 100%;
transform: translateX(13px) translateY(-50%);
top: 50%;
color: #000000;
opacity: 0.5;
font-weight: bold;
}
.range-fields > div > span:first-child {
font-size: 18px;
font-weight: bold;
font-family: "Red Hat Display", sans-serif;
opacity: 0.5;
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
}
.job-form-row
.range-fields
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
padding-right: 14px;
text-align: right;
}
.range-fields input::-webkit-outer-spin-button,
.range-fields input::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
}
.job-description-editor {
width: 100%;
}
.job-field-half {
width: 47.373%;
}
.job-field ::-webkit-input-placeholder {
color: #000;
opacity: 0.35;
}
.job-field ::-moz-placeholder {
color: #000;
opacity: 0.35;
}
.job-field :-ms-input-placeholder {
color: #000;
opacity: 0.35;
}
.job-field :-moz-placeholder {
color: #000;
opacity: 0.35;
}
.job-field-location {
width: 71.4%;
}
.job-field-remote {
width: 22.712%;
}
.job-field-remote .job-field-radio {
width: 100%;
margin-right: 0;
}
.add-location {
display: flex;
align-items: center;
cursor: pointer;
font-size: 14px;
}
.add-location i {
font-size: 12px;
margin-right: 5px;
}
.location-repeater-field {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.location-repeater-field input {
max-width: 44.77%;
}
.delete-location-btn a {
color: #000;
font-size: 14px;
font-family: "Inter", sans-serif;
}
.job-field.job-field-location
label
+ .location-repeater-field
.delete-location-btn {
opacity: 0;
visibility: hidden;
display: none;
}
.characters-status {
color: #000;
font-size: 12px;
opacity: 0.5;
margin-top: 8px;
}
span.job-publish-networks {
padding-left: 30px;
width: 100%;
display: flex;
}
.job-field-radio small {
display: block;
width: 100%;
font-size: 12px;
line-height: 1.8;
}
.job-apply-field {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.job-apply-field .job-field-radio {
width: 108px;
margin: 0;
}
.job-form-publish-disclaimer {
font-size: 14px;
font-family: "Red Hat Display", sans-serif;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 0.07143em;
}
.job-actions {
margin: 45px 0 80px;
display: flex;
align-items: center;
justify-content: space-between;
}
.job-form-submit button {
background: #4cc3a5;
border: none;
border-radius: 8px;
display: flex;
align-items: center;
height: 50px;
min-width: 171px;
text-align: center;
justify-content: center;
color: #fff;
font-family: "Inter", sans-serif;
font-weight: normal;
font-size: 16px;
cursor: pointer;
}
.job-form-cancel a {
display: flex;
align-items: center;
min-width: 171px;
height: 50px;
border: 2px solid rgba(0, 0, 0, 0.5);
border-radius: 8px;
color: rgba(0, 0, 0, 0.5);
font-family: "Inter", sans-serif;
font-weight: normal;
font-size: 16px;
justify-content: center;
}
.job-field .ck-editor__editable_inline {
min-height: 350px;
}
.logo-upload {
position: relative;
cursor: pointer;
display: inline-block;
}
.logo-upload span {
display: inline-flex;
align-items: center;
justify-content: center;
background: #4cc3a5;
color: #fff;
min-height: 50px;
font-family: "Inter", sans-serif;
border-radius: 8px;
padding: 0 30px;
}
.logo-upload input {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
}
.logo-upload-status {
color: #000;
font-family: "Inter", sans-serif;
opacity: 0.5;
font-size: 14px;
padding-left: 18px;
}
.logo-upload-wrap {
display: flex;
align-items: center;
}
span.job-publish-networks i {
padding-right: 6px;
}
.my--jobs-list:not(.show-all-jobs) .job-item:nth-child(n + 3) {
display: none;
}
.show-all-jobs .show-all-jobs-btn {
display: none;
}
.job-search-create-alert.ajaxing a {
position: relative;
overflow: hidden;
}
.job-search-create-alert.ajaxing a:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #444b56;
}
.job-search-create-alert.ajaxing a:after {
content: "";
display: block;
width: 16px;
height: 16px;
border: 2px solid #fff;
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
border-radius: 50%;
border-right-color: transparent;
border-style: dotted;
animation: ajaxing 1s infinite linear;
}
.sidebar-subheading {
display: flex;
align-items: center;
}
.page-template-default .cf.main {
padding-top: 150px;
}
.sidebar .sidebar-subheading h3 i {
padding-left: 5px;
}
.login-page-wrapper {
padding-top: 180px;
padding-bottom: 180px;
min-height: calc(100vh - 200px);
display: flex;
width: 100%;
align-items: center;
}
.login-page-wrapper .container {
width: 100%;
}
.login-page {
max-width: 300px;
margin: 0 auto;
}
.login-page form {
border: 1px solid #ddd;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.13);
padding: 15px;
border-radius: 4px;
}
.login-page form p {
margin: 0 0 10px;
}
.login-page form label {
font-weight: bold;
}
.login-page form input:not([type="checkbox"]) {
width: 100%;
}
.login-page-cols {
display: flex;
justify-content: center;
align-items: center;
}
.login-page-cols .login-page-col {
padding: 0 50px;
}
.login-page-cols .login-page-col:nth-child(2) {
text-align: center;
}
.login-page-forgot h4:not(:nth-child(1)) {
border-top: 1px solid #ddd;
margin-top: 20px;
padding-top: 20px;
}
.job-search-alert-wrap {
display: flex;
justify-content: space-between;
align-items: center;
margin: 20px 0 40px;
}
.job-search-create-alert {
margin: 0;
width: calc(100% - 212px);
}
.job-search-post-btn {
width: 192px;
}
.gfield table.gform-products-list:not(.prices-loaded) {
position: relative;
}
.gfield table.gform-products-list:not(.prices-loaded):before {
content: "";
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #fff;
opacity: 1;
}
.gfield table.gform-products-list:not(.prices-loaded):after {
content: "";
display: none;
width: 16px;
height: 16px;
border: 2px solid #4cc3a5;
border-radius: 50%;
border-right-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
animation: ajaxing 1s infinite linear;
}
.t-form-submit-cols {
display: flex;
align-items: center;
justify-content: space-between;
}
.credit-cards-wrapper {
margin-top: 30px;
margin-bottom: 70px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
padding: 30px;
}
.credit-cards-header h3 {
margin: 0;
font-size: 24px;
font-weight: 500;
}
.credit-cards-header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #a9b3b7;
padding-bottom: 20px;
}
.credit-cards-header a {
border: 2px solid #0087b1;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.005em;
padding: 10px 22px;
border-radius: 3px;
}
.credit-cards-header a:hover {
background: #0087b1;
color: #fff;
}
.credit-card-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 5px;
font-size: 16px;
margin-top: 10px;
}
.credit-card-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.credit-card-left > div {
margin-right: 10px;
}
.credit-card-brand {
display: inline-block;
width: 60px;
height: 34px;
background-color: #ddd;
}
table.transactions-history {
border: 1px solid #000;
width: 100%;
border-collapse: collapse;
}
table.transactions-history th {
border-bottom: 1px solid #000;
text-align: left;
background: #ddd;
}
table.transactions-history th,
table.transactions-history td {
padding: 7px;
}
.quick-apply-overlay,
.subscription-switch-modal-overlay,
.add-billing-method-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 27 36 / 65%);
z-index: 99;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.2s, visibility 0.2s;
-o-transition: opacity 0.2s, visibility 0.2s;
transition: opacity 0.2s, visibility 0.2s;
}
.quick-apply-modal,
.subscription-switch-modal,
.add-billing-method-modal {
position: fixed;
top: 50%;
left: 50%;
background: #fff;
z-index: 99;
border-radius: 6px;
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.16);
width: 98%;
max-width: 960px;
transform: translate(-50%, -50%);
max-width: 90vh;
overflow-y: auto;
padding: 20px 10px;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s, visibility 0.2s;
}
.show-quicky-apply-modal .quick-apply-overlay,
.show-quicky-apply-modal .quick-apply-modal,
.show-switch-modal .subscription-switch-modal,
.show-switch-modal .subscription-switch-modal-overlay,
.show-add-payment-method .add-billing-method-modal,
.show-add-payment-method .add-billing-method-overlay {
opacity: 1;
visibility: visible;
}
.subscription-switch-modal-inner,
.add-billing-method-modal-header {
max-width: 650px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 20px;
margin-bottom: 30px;
line-height: 1.5;
}
.subscription-switch-modal-inner h1 {
font-size: 24px;
margin-bottom: 20px;
}
.add-billing-method-form {
max-width: 650px;
margin-left: auto;
margin-right: auto;
}
.amf-field input:not([type="checkbox"]) {
width: 100%;
border: 1px solid #d4dde0;
background: #f3f8f7;
border-radius: 3px;
height: 45px;
font-size: 16px;
padding-left: 10px;
padding-right: 10px;
}
.add-billing-method-badge {
text-align: center;
max-width: 415px;
margin-left: auto;
margin-right: auto;
}
.subscription-switch-actions a,
.amf-field-submit a {
border: 2px solid #0087b1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 3px;
font-size: 17px;
letter-spacing: 0.005em;
font-weight: 500;
padding: 14px 24px;
line-height: 1;
}
.subscription-switch-actions a:hover,
.amf-field-submit a:hover {
background: #0087b1;
color: #fff;
}
.amf-field-submit {
text-align: center;
margin-top: 24px;
margin-bottom: 24px;
}
.amf-fields-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.amf-fields-row .amf-field {
width: 48.5%;
}
.amf-field {
margin-bottom: 20px;
}
.add-billing-method-modal-header h3 {
font-size: 24px;
font-weight: 500;
}
.amf-field.checkbox-field label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.005em;
}
.amf-field.checkbox-field label a {
text-decoration: underline;
}
.amf-field.checkbox-field input {
margin-right: 10px;
}
.amf-field.has-error {
color: #cb0009;
}
.amf-field.has-error input[type="text"] {
border-color: #cb0009;
}
.switch-plan-proceed.ajaxing,
.amf-field-submit a.ajaxing {
background: #0087b1;
color: #0087b1;
position: relative;
}
.switch-plan-proceed.ajaxing:before,
.amf-field-submit a.ajaxing:before {
content: "";
display: block;
width: 16px;
height: 16px;
border: 2px solid #fff;
position: absolute;
border-radius: 50%;
border-left-color: transparent;
-webkit-animation: ajaxing 1s infinite linear;
animation: ajaxing 1s infinite linear;
}
.credit-card-brand.cc-brand-type-visa {
background: url("../images/methods/visa.jpg") no-repeat center center;
background-size: contain;
}
.credit-card-brand.cc-brand-type-mastercard,
.credit-card-brand.cc-brand-type-master {
background: url("../images/methods/master.jpg") no-repeat center center;
background-size: contain;
}
.credit-card-item {
justify-content: space-between;
align-items: center;
}
.login-page-alert-creation {
background: #333;
color: #fff;
padding: 5px;
text-align: center;
border-radius: 4px;
}
/*student-page-css-start*/
.new-container {
max-width: 1340px;
padding: 0 12px;
margin: 0 auto;
}
.main-wrapper {
max-width: 1365px;
padding: 0 12px;
margin: 0 auto;
}
.main-row {
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
}
.banner .left-content {
padding: 0 12px;
max-width: 100%;
width: 54%;
position: relative;
z-index: 99;
}
.banner {
padding: 80px 0 0;
margin: 150px 0 0 0;
background-image: url('../images/lines-pattren-min.webp');
background-position: center right;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.banner:before {
content: "";
height: 134px;
position: absolute;
width: 100%;
right: 0;
background-image: url('../images/lines-pattren-min.webp');
bottom: 55px;
background-size: contain;
max-width: 900px;
background-repeat: no-repeat;
}
.banner .image {
padding: 0 12px;
width: 46%;
}
.banner .image img {
width: auto;
position: relative;
z-index: 99;
}
.banner .left-content h1 {
color: #000;
font-size: 72px;
line-height: normal;
margin: 0 0 50px;
font-family: "Red Hat Display", sans-serif !important;
}
.banner .left-content p {
margin: 0 0 30px;
font-size: 22px;
line-height: normal;
font-weight: 300;
font-family: "Inter", sans-serif;
}
.banner .left-content ul {
padding: 0;
margin: 62px 0 0 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.banner .left-content ul li {
margin: 0 27px 0 0;
}
.site-button {
display: inline-block;
width: auto;
text-align: center;
padding: 17px 38px;
border-radius: 8px;
background: #ef25b0;
color: #fff;
font-size: 16px;
font-weight: 400;
border: 2px solid #ef25b0;
font-family: "Red Hat Display", sans-serif !important;
transition: 0.5s;
}
.site-button:hover {
background: #ba0e84;
border-color: #ba0e84;
}
.site-button.orange-bg {
background: #f06529;
border-color: #f06529;
}
.site-button.orange-bg:hover {
background: #fff;
color: #f06529;
}
.site-button.transparent {
border-color: #455367;
color: #455367;
background: #fff;
}
.site-button.transparent:hover {
background: #455367;
color: #fff;
}
.hire-student {
padding: 110px 0 244px 0;
/* margin: -156px 0 0 0;*/
position: relative;
background: #f7f7f7;
}
.hire-student:before {
content: "";
width: 100%;
position: absolute;
top: -170px;
background-image: url('../images/grey-scale.png');
height: 190px;
background-size: 100% 100%;
}
.hire-student .image {
width: 50%;
padding: 0 12px;
}
.hire-student .right-content {
width: 50%;
padding: 0 12px 0 52px;
}
.hire-student .main-row {
align-items: center;
}
.hire-student .right-content h2 {
color: #000;
font-size: 64px;
line-height: normal;
margin: 0 0 25px;
font-family: "Red Hat Display", sans-serif !important;
font-weight: 500;
}
.hire-student .right-content p {
font-size: 24px;
color: #444b56;
font-weight: 300;
line-height: normal;
font-family: "Inter";
}
.hire-student .right-content h4 {
color: #51bfa2;
font-size: 32px;
font-weight: 700;
line-height: normal;
font-family: Sansita Swashed !important;
margin: 42px 0 0 0;
}
.intership {
margin: -150px 0 0;
position: relative;
padding: 0 0 147px 0;
}
.intership .main-container {
max-width: 1626px;
margin: 0 auto;
background: #fff;
border-radius: 44px;
text-align: center;
box-shadow: 0px 20px 59px rgba(0, 0, 0, 0.05);
padding: 100px 0 70px 0;
}
.intership .collunm {
padding: 0 12px;
flex: auto;
}
.intership .collunm h4 {
margin: 8px 0 13px;
color: #000;
font-size: 36px;
font-weight: 500;
line-height: normal;
font-family: "Red Hat Display", sans-serif !important;
}
.intership .collunm p {
margin: 0 0 40px 0;
color: #444b56;
text-align: center;
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: normal;
font-family: "Inter";
}
.how-it-work {
background: #444b56;
padding: 138px 0 0;
position: relative;
margin: 0 0 100px 0;
}
.how-it-work .heading {
width: 100%;
padding: 0 0 0 45px;
}
.how-it-work .heading h2 {
margin: 0 0 23px 0;
color: #fff;
font-size: 64px;
font-style: normal;
font-weight: 500;
line-height: normal;
font-family: "Red Hat Display", sans-serif !important;
}
.how-it-work .heading hr {
border-radius: 44px;
background: #ef25b0;
height: 13px;
width: 364px;
margin: 0;
border: none;
}
.how-it-work .work-row {
width: 100%;
margin: 39px 0 190px 0;
position: relative;
}
.how-it-work .work-row h4 {
margin: 0;
color: #51bfa2;
font-size: 48px;
font-style: normal;
font-weight: 500;
line-height: normal;
font-family: "Red Hat Display", sans-serif !important;
padding: 0 0 0 45px;
}
.how-it-work .work-row .work-collunm {
border-radius: 44px;
background: #fff;
/* box-shadow: 0px -7px 63px 18px rgba(0, 0, 0, 0.09); */
padding: 63px;
margin: 30px 0 0;
display: flex;
flex-wrap: wrap;
position: relative;
}
.how-it-work .work-row .work-collunm:before {
content: "";
height: 100%;
width: 150px;
position: absolute;
background: #444b56;
right: 0;
top: 0;
}
.how-it-work .work-row .work-collunm .text {
width: 64%;
}
.how-it-work .work-row.second-row .text {
padding-right: 100px;
}
.how-it-work .work-row .work-collunm .image {
width: 36%;
position: relative;
}
.how-it-work .work-row .work-collunm .image img {
position: absolute;
left: 0;
bottom: -63px;
}
.work-collunm .text p {
color: #444b56;
font-size: 32px;
font-weight: 400;
line-height: normal;
font-family: "Red Hat Display", sans-serif !important;
margin: 0 0 32px 0;
}
.work-collunm .text ul {
padding: 0 0 0 16px;
margin: 0 0 30px 0;
list-style: decimal;
}
.work-collunm .text ul li {
color: #444b56;
font-family: "Inter";
font-size: 20px;
font-weight: 400;
line-height: normal;
margin: 0 0 14px 0;
}
.work-collunm .text a {
/*display: inline-block;
min-width: 225px;
text-align: center;
padding: 12px 30px;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
border: 2px solid #455367;
font-family: 'Red Hat Display', sans-serif !important;
color: #455367;
background: #fff;*/
}
.how-it-work .work-row.second-row {
margin-bottom: 0;
}
.how-it-work .work-row.second-row .work-collunm .image img {
left: -100px;
}
.how-it-work .work-row.second-row .work-collunm:before {
opacity: 0;
}
.how-it-work .work-row.second-row .work-collunm {
box-shadow: 0px -7px 63px 18px rgba(0, 0, 0, 0.09);
}
.how-it-work .work-row.second-row h4 {
width: 64%;
margin-left: auto;
display: block;
padding: 0;
}
.second-row .work-collunm .text a {
/*background: #ef25b0;
border-color: #ef25b0;
color: #fff;*/
}
.second-row .work-collunm .text .site-button.transparent {
margin-left: 20px;
}
.how-it-work:before {
content: "";
position: absolute;
height: 250px;
bottom: 0;
width: 100%;
background-size: 100% 100%;
}
.faq .heading {
width: 100%;
text-align: center;
}
.faq .heading h2 {
color: #000000;
font-family: Red Hat Display !important;
font-size: 50px;
font-weight: 500;
line-height: normal;
margin: 0 0 35px 0;
}
.faq {
padding: 90px 0 0;
position: relative;
}
.hiring-faq {
background-image: url('../images/hire-faq-bg.png');
background-size: cover;
background-repeat: no-repeat;
}
.student-faq {
background-image: url('../images/stuent-faq-bg.png');
background-size: cover;
background-repeat: no-repeat;
margin: 180px 0 0;
padding: 0 0 100px 0;
}
.faq .main-wrapper {
position: relative;
}
.accordion-container {
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
.faq-container {
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
.accordion-container h4 {
text-align: center;
padding: 8px 30px 8px;
background: #51bfa2;
color: #fff;
font-family: Red Hat Display !important;
font-size: 36px;
font-weight: 500;
line-height: normal;
max-width: 600px;
margin: 60px auto 0;
border-radius: 15px 15px 0px 0px;
}
.accordion-container .set {
background: #fff;
box-shadow: 0px 22px 15px 0px rgba(0, 0, 0, 0.05);
margin: 0 0 16px 0;
padding: 25px;
border-radius: 20px;
}
.accordion-container .set > a {
color: #444b56;
font-family: Red Hat Display;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
position: relative;
display: inline-block;
width: 100%;
padding: 0 21px 0 0;
}
.page-id-56358 .accordion-container .set a.active {
color: #4cc3a5;
}
.accordion-container .set a i {
position: absolute;
right: 0;
top: 6px;
color: #ef25b0;
}
.page-id-56358 .accordion-container .set a i {
color: #4cc3a5;
}
.accordion-container .set a.active i {
color: #a4a4a4;
}
.accordion-container .ace-content p {
color: #000;
font-family: "Inter";
font-size: 18px;
font-weight: 400;
line-height: normal;
margin: 28px 0 0 0;
}
.get-started .main-row {
align-items: center;
}
.get-started .image {
width: 35%;
}
.get-started .right-content h2 {
margin: 0 0 20px;
color: #000;
text-align: center;
font-family: Red Hat Display !important;
font-size: 64px;
font-weight: 500;
line-height: normal;
}
.get-started .right-content p {
margin: 0 0 40px;
color: #444b56;
font-family: "Inter";
font-size: 24px;
font-weight: 400;
line-height: normal;
}
.get-started .right-content .buttons {
margin: 30px 0 0;
}
.get-started .right-content .buttons a {
margin: 0 18px 0 0;
min-width: 260px;
}
.get-started .right-content .buttons a.transparent {
/*border-color: #455367;
color: #455367;
background: #fff;*/
}
.get-started {
position: relative;
padding: 0 0 90px 0;
}
.get-started .main-wrapper {
position: relative;
}
.get-started:before {
content: "";
height: 224px;
width: 100%;
background: #51bfa2;
position: absolute;
bottom: 0;
}
/*student-page-css-end*/
/*pricing-page-css-start*/
.pricing-section {
padding: 160px 0 25px;
font-family: Red Hat Display !important;
position: relative;
}
.pricing-section .main-wrapper {
position: relative;
}
.pricing-section:before {
content: "";
width: 100%;
position: absolute;
background-image: url('../images/pricing-curve-bg.png');
height: 100%;
bottom: 0;
background-repeat: no-repeat;
background-position: bottom;
}
.pricing-section h1,
.pricing-section h2,
.pricing-section h3,
.pricing-section h4,
.pricing-section h5,
.pricing-section h6 {
font-family: Red Hat Display !important;
}
.pricing-tabs .tabs-head ul.tabs {
margin: 0px;
list-style: none;
border: 1px solid #455367;
padding: 4px;
border-radius: 11px;
}
.pricing-tabs .tabs-head ul.tabs li {
background: none;
color: #455367;
display: inline-block;
padding: 7px 15px;
cursor: pointer;
font-size: 14.577px;
font-style: normal;
font-weight: 500;
border-radius: 7px;
width: 90px;
text-align: center;
height: 40px;
line-height: 26px;
transition: 0.5s;
}
.pricing-tabs .tab-content .collunm .top-part img {
width: 50px;
}
.pricing-tabs .tabs-head ul.tabs li.current {
background: #4cc3a5;
color: #fff;
}
.pricing-tabs .tabs-head ul.tabs li.current:hover {
background: #57dfbc;
}
.pricing-tabs .pricing-row {
display: flex;
}
.pricing-tabs .tab-content {
display: none;
width: 100%;
padding: 0;
}
.pricing-tabs .tab-content .collunm .collunm-content {
border-radius: 26px;
background: #fff;
box-shadow: 0px 12px 25px 0px rgba(0, 0, 0, 0.1);
padding: 20px 20px 25px;
height: 100%;
position: relative;
border: 2px solid #fff;
}
.collunm.most-popular .popular-tag {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
border-radius: 0px 0px 20px 20px;
background: #4cc3a5;
text-align: center;
padding: 10px 20px;
font-size: 14px;
font-weight: 700;
color: #fff;
}
.pricing-tabs .tab-content .collunm.most-popular .collunm-content {
border-color: #4cc3a5;
}
.pricing-tabs .tab-content.current {
display: inherit;
}
.pricing-tabs .progress {
background-color: #dddfe3;
border-radius: 20px;
position: relative;
margin: 15px 0 38px;
height: 8px;
width: 100%;
}
.pricing-tabs .progress:last-child {
margin-bottom: 0;
}
.pricing-tabs .progress span {
position: absolute;
top: -24px;
color: #455367;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.pricing-tabs .tab-content .collunm .progress-bars {
margin: 42px 0 0;
}
.pricing-tabs .progress-done {
background: #455367;
border-radius: 20px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 0;
opacity: 0;
transition: 1s ease 0.3s;
}
.pricing-tabs .tab-content .collunm .top-part {
text-align: center;
border-bottom: 1px solid #dddfe3;
padding: 0 0 13px;
margin: 0 0 13px;
}
.pricing-tabs .tab-content .collunm h4 {
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 5px 0 7px;
}
.pricing-tabs .tab-content .collunm p {
color: #455367;
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0;
letter-spacing: -0.3px;
}
.pricing-tabs .tab-content .collunm .price {
margin: 5px 0 10px;
}
.pricing-tabs .tab-content .collunm .price label {
font-size: 34px;
font-style: normal;
font-weight: 800;
line-height: normal;
display: block;
color: #455367;
}
.pricing-tabs .tab-content .collunm .price span {
color: #575e6a;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.pricing-tabs .tab-content .collunm .time {
color: #455367;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: 0.2px;
}
.pricing-tabs .pricing-row .collunm {
padding: 0 8px;
box-sizing: border-box;
width: 25%;
}
.site-button.green-bg {
background: #4cc3a5;
border-color: #4cc3a5;
}
.site-button.green-bg:hover {
background: #57dfbc;
border-color: #57dfbc;
}
.site-button.yellow-bg {
background: #efbc44;
border-color: #efbc44;
}
.site-button.yellow-bg:hover {
background: #d0a33a;
border-color: #d0a33a;
}
.pricing-section .heading {
width: 100%;
text-align: center;
margin: 0 0 35px 0;
}
.pricing-section .heading h1 {
color: #000;
text-align: center;
font-size: 50px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 0 0 13px;
}
.pricing-section .heading p {
margin: 0;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #444b56;
}
.pricing-tabs {
width: 100%;
}
.pricing-tabs .tabs-head {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 40px 0;
}
.pricing-tabs .tabs-head .saving {
color: #4cc3a5;
font-family: Red Hat Display;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
border-radius: 10px;
background: #cef9ee;
margin-right: 27px;
padding: 6px 20px;
}
.pricing-tabs .tab-content .collunm .time a {
text-decoration: underline;
}
.site-button.white-bg {
background: #fff;
color: #455367;
border-color: #fff;
}
.site-button.white-bg:hover {
background: #455367;
color: #fff;
border-color: #455367;
}
.pricing-tabs .pricing-row .collunm.service .collunm-content {
background: #444b56;
}
.pricing-tabs .tab-content .collunm.service h4 {
color: #fff;
}
.pricing-tabs .tab-content .collunm.service p {
color: #fff;
margin: 0 0 15px;
}
.pricing-tabs .tab-content .service-collunm {
background: #393f49;
padding: 17px 20px 14px;
margin: 0 0 15px;
border-radius: 6px;
}
.pricing-tabs .tab-content .service-collunm:last-child {
margin: 0;
}
.pricing-tabs .tab-content .collunm .collunm-content .site-button {
width: 100%;
padding: 7px 20px;
font-size: 14px;
}
.pricing-tabs .tab-content .service-collunm h6 {
margin: 0 0 5px;
color: #cef9ee;
font-size: 14px;
font-style: normal;
font-weight: 800;
line-height: normal;
display: flex;
align-items: center;
}
.pricing-tabs .tab-content .service-collunm p {
margin: 0 !important;
text-align: left;
font-size: 12px;
font-family: Red Hat Display !important;
}
.pricing-tabs .tab-content .service-collunm h6 img {
margin: 0 8px 0 0;
}
.pricing-tabs .tab-content .service-collunm ul {
padding: 0 0px 0 16px;
margin: 8px 0 8px;
}
.pricing-tabs .tab-content .service-collunm ul li {
color: #cef9ee;
font-size: 11px;
font-style: normal;
font-weight: 200;
line-height: normal;
margin: 0 0 3px;
}
.pricing-tabs .tab-content .service-collunm.grey-bg {
background: #575e6a;
}
.note {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 80px 0 0;
}
.note span {
color: #4cc3a5;
font-family: Red Hat Display;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
border-radius: 12px;
background: #cef9ee;
margin-right: 8px;
padding: 7px 23px;
}
.note p {
color: #000;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
font-family: Inter;
margin: 0;
}
.started-main {
width: 100%;
position: relative;
padding: 0 0 165px 0;
}
.started-main .started-content {
background: #444b56;
border-radius: 12px 0 0 12px;
padding: 80px 75px;
max-width: 1130px;
}
.started-main .started-content h2 {
margin: 0;
color: #51bfa2;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: normal;
font-family: Red Hat Display !important;
}
.started-main .started-content p {
margin: 8px 0 25px;
color: #fff;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.pricing-started {
padding: 400px 0 0;
}
.started-main .image {
position: absolute;
right: 0;
bottom: 0;
}
/* Pricing Modal */
.pricing-modal {
position: fixed;
width: 100%;
top: 0;
z-index: 999;
height: 100%;
left: 0;
overflow-x: hidden;
overflow-y: auto;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.modal-container {
max-width: 1322px;
width: 100%;
margin: 50px auto;
display: flex;
align-items: flex-start;
justify-content: center;
font-family: Red Hat Display !important;
}
.modal-container .modal-row {
width: 100%;
display: flex;
background: #f7f7f7;
border-radius: 15px;
padding: 80px 42px 48px 100px;
align-items: flex-start;
position: relative;
}
.modal-container .modal-row .collunm-left {
width: 50%;
}
.modal-container .modal-row .collunm-right {
width: 50%;
}
.modal-row .collunm-left h2 {
font-size: 63px;
color: #000;
font-family: Red Hat Display !important;
font-weight: 500;
line-height: 83px;
margin: 0 0 35px;
}
.modal-row .collunm-left h3 {
margin: 0;
font-size: 47px;
line-height: 63px;
font-family: Red Hat Display !important;
color: #000;
font-weight: 500;
}
.modal-row .collunm-left p {
font-size: 18px;
color: #a4a4a4;
margin: 15px 0 5px;
}
.modal-row .collunm-left .price {
margin: 0px 0 10px;
display: flex;
align-items: center;
}
.modal-row .collunm-left .price label {
font-size: 70px;
font-style: normal;
font-weight: 800;
line-height: normal;
color: #455367;
margin: 0 15px 0 0;
}
.modal-row .collunm-left .price span {
color: #575e6a;
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.modal-row .collunm-left .time {
font-size: 18px;
color: #455367;
font-weight: 600;
display: inline-block;
border-bottom: 1px solid #000000;
padding: 0 0 25px;
margin: 0 0 20px;
}
.modal-row .collunm-left .time span {
color: #51bfa2;
}
.modal-row .collunm-left .switch-link a {
font-size: 14px;
font-weight: 600;
font-family: Red Hat Display !important;
text-decoration: underline;
}
.modal-row .collunm-right .order-summary {
background: #fff;
padding: 5px 40px 30px;
border-radius: 15px;
}
.modal-row .collunm-right .order-summary h4 {
font-size: 31px;
font-weight: 500;
color: #000;
font-family: Red Hat Display !important;
margin: 0 0 17px;
line-height: 42px;
}
.order-summary .summary-heading {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
}
.order-summary .summary-heading h5 {
margin: 0;
font-size: 21px;
color: #444b56;
font-weight: 700;
font-family: Red Hat Display !important;
padding: 20px 0;
}
.order-summary .summary-heading h5:last-child {
text-align: right;
}
.order-summary .product-detail h5 {
margin: 0;
font-size: 21px;
color: #444b56;
font-family: Red Hat Display !important;
}
.order-summary .product-detail {
padding: 17px 0 30px;
}
.order-summary .product-detail ul {
padding: 0;
list-style: none;
margin: 20px 0 0;
}
.order-summary .product-detail ul li {
font-size: 15px;
font-weight: 100 !important;
font-family: "Muli", sans-serif;
color: #455367;
margin: 10px 0;
padding: 0 0 0 30px;
position: relative;
}
.order-summary .product-detail ul li i {
position: absolute;
left: 0;
background: #4cc3a5;
height: 17px;
width: 17px;
text-align: center;
border-radius: 100%;
line-height: 17px;
font-size: 10px;
color: #fff;
}
.order-summary .product-detail ul li.disable {
color: #a4a4a4;
text-decoration: line-through;
}
.order-summary .product-detail ul li.disable i {
background: #dddfe3;
}
.order-summary .summary-heading span {
display: block;
font-size: 13px;
color: #a4a4a4;
font-weight: 100;
font-family: "Muli", sans-serif;
}
.modal-container .modal-row button.close-btn {
position: absolute;
right: 56px;
top: 22px;
height: 70px;
width: 70px;
border: none;
border-radius: 100%;
background: #cef9ee;
font-size: 40px;
color: #51bfa2;
-webkit-text-stroke: 2px #cef9ee;
cursor: pointer;
}
/* Pricing Modal End*/
/*pricing-page-css-end*/
/* Team Members css */
.main-content .hiring-member-account {
max-width: 100%;
width: 100%;
margin-right: 0 !important;
}
.main-content .hiring-member-account .center-column__content {
flex-wrap: wrap;
}
.main-content .hiring-member-account .owner-account {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 0 15px;
}
.main-content .hiring-member-account .owner-account h5 {
width: 100%;
color: #444b56;
font-size: 16px;
margin: 30px 0 10px;
}
.hiring-member-account .owner-account {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 0 15px;
}
.hiring-member-account .owner-account h5 {
width: 100%;
color: #444b56;
font-size: 16px;
margin: 30px 0 10px;
}
.account-table {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.account-table .table-head {
width: 100%;
display: flex;
align-items: center;
font-weight: 600;
color: #444b56;
font-size: 13px;
padding: 0 0 2px;
gap: 10px;
}
.account-table .table-head .name {
width: 18%;
}
.account-table .table-head .email {
width: 27%;
}
.account-table .table-head .title {
width: 25%;
}
.account-table .table-head .role {
width: 10%;
}
.account-table .table-head .owner-dwopdown {
width: 20%;
padding: 0;
}
.account-table .table-info {
display: flex;
align-items: center;
width: 100%;
border-top: 1px solid #cccccc;
padding: 25px 0;
color: #444b56;
font-size: 13px;
gap: 10px;
}
.account-table .table-info .name {
width: 18%;
}
.account-table .table-info .email {
width: 27%;
}
.account-table .table-info .title {
width: 25%;
}
.account-table .table-info .role {
width: 10%;
}
.account-table .table-info .ownership-dropdown {
width: 20%;
padding: 0;
}
.account-table .table-info .name a {
font-weight: 600;
display: flex;
align-items: center;
}
.account-table .table-info .name i {
font-size: 40px;
margin: 0 15px 0 0;
color: #d9d9d9;
}
.account-table .table-info .email a {
color: #444b56;
text-decoration: underline;
}
.ownership-dropdown ul.dropdown-menu {
display: none;
margin: 0;
padding: 0;
position: absolute;
border-radius: 5px;
-webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
width: 100%;
top: 48px;
background-color: #fff;
}
.ownership-dropdown .dropdown {
position: relative;
}
.ownership-dropdown ul.dropdown-menu li {
list-style: none;
}
.ownership-dropdown ul.dropdown-menu li a {
padding: 10px !important;
display: inline-block;
width: 100%;
font-size: 14px;
color: #333333;
}
.ownership-dropdown button.dropdown-toggle {
box-shadow: none;
margin: 0;
border: 1px solid #444b56;
background-color: #444b56;
color: #fff;
font-family: "Inter", sans-serif;
font-size: 13px;
line-height: normal;
padding: 12px 8px;
border-radius: 8px;
text-transform: none;
text-align: left;
width: 100%;
position: relative;
cursor: pointer;
}
.ownership-dropdown button.dropdown-toggle i {
position: absolute;
right: 10px;
top: 13px;
color: #51bfa2;
font-size: 19px;
-webkit-text-stroke: 1px #444b56;
}
.main-content .hiring-member-account .member-account {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.main-content .hiring-member-account .member-account h5 {
width: 100%;
color: #444b56;
font-size: 16px;
margin: 30px 0 10px;
}
.hiring-member-account .member-account {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.hiring-member-account .member-account h5 {
width: 100%;
color: #444b56;
font-size: 16px;
margin: 30px 0 10px;
}
.member-account p {
font-size: 15px;
margin: 0 0 20px;
}
.member-account .account-table .table-head .member-button {
width: 10%;
padding: 0;
}
.member-account .account-table .table-head .pay-view {
width: 15%;
}
.member-account .account-table .table-head .remove {
width: 5%;
}
.member-account .account-table .table-info .member-button {
width: 13%;
padding: 0;
display: flex;
align-items: center;
gap: 2px;
}
.member-account .account-table .table-info .pay-view {
width: 15%;
position: relative;
}
.member-account .account-table .table-info .remove {
width: 4%;
text-align: right;
}
.table-info .member-button button.button {
background: #fff;
border: 1px solid #444b56;
color: #444b56;
padding: 6px 10px;
font-weight: normal;
font-size: 11px;
border-radius: 4px;
text-transform: capitalize;
cursor: pointer;
transition: 0.3s;
}
.table-info .member-button button.button:hover {
background: #444b56;
color: #fff;
}
.table-info .remove button {
background: transparent;
border: none;
color: #dddfe3;
font-size: 17px;
transition: 0.3s;
cursor: pointer;
}
.table-info .remove button:hover {
color: #c00;
}
.owner-account .account-table .table-info {
border-bottom: 1px solid #cccccc;
}
.account-table .table-info input {
width: 100%;
background: #f7f7f7;
border: 1px solid #444b564a;
border-radius: 4px;
padding: 5px 10px;
}
.account-table .table-info input::placeholder {
color: #a4a4a4;
font-weight: 500;
}
.table-info .pay-view label i {
position: absolute;
font-size: 15px;
right: -16px;
}
.table-info .pay-view label {
position: relative;
}
.table-info .pay-view input {
border: none;
margin: 0;
height: 15px;
width: 15px;
}
.hiring-member-account .new-user-form {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.hiring-member-account .new-user-form h3 {
width: 100%;
}
.hiring-member-account .new-user-form .gform_wrapper {
width: 100%;
}
.hiring-member-account .new-user-form ul.gform_fields li.gfield {
width: 33.33%;
margin: 0 0 20px;
padding: 0 16px 0 0;
}
.hiring-member-account .new-user-form .gform_footer input {
transition: 0.3s;
cursor: pointer;
}
.hiring-member-account .new-user-form .gform_footer input:hover {
background: #51bfa2;
border-color: #51bfa2;
}
.hiring-member-account
.new-user-form
ul.gform_fields
li.gfield
.ginput_container
input {
background: #f7f7f7 !important;
border: 1px solid #444b564a !important;
border-radius: 4px;
padding: 5px 10px !important;
font-style: normal !important;
font-weight: 400 !important;
}
.image-user {
margin: 0 15px 0 0;
}
.image-user img {
width: 41px;
height: 41px;
border-radius: 100%;
}
.main-content .hiring-member-account .member-account h5 span {
background: #cef9ee;
color: #51bfa2;
font-weight: 400;
display: inline-block;
padding: 3px 5px;
border-radius: 5px;
margin: 0 0 0 8px;
}
.hiring-member-account .member-account h5 span {
background: #cef9ee;
color: #51bfa2;
font-weight: 400;
display: inline-block;
padding: 3px 5px;
border-radius: 5px;
margin: 0 0 0 8px;
}
.job-field-checkbox.disabled label {
pointer-events: none;
}
body.logged-in {
background: #f7f7f7;
}
aside.left-nav-header {
background: transparent;
border: none;
padding: 0 0 0 20px;
}
aside.left-nav-header .left-nav-header__menu {
padding: 0;
}
aside.left-nav-header ul.menu-list {
/* background: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
padding: 30px;*/
background: transparent;
box-shadow: none;
border-right: 1px solid #eaeaea;
border-radius: 0;
padding: 30px 30px 30px 0;
}
aside.left-nav-header ul.menu-list li.active i {
color: #51bfa2 !important;
background: #cef9ee !important;
}
aside.left-nav-header ul.menu-list li.active.open span {
color: #51bfa2;
}
aside.left-nav-header
ul.menu-list
li.active.open
.sub-menu-list
li.menu-item
span {
color: #444b56;
}
.hiring-member-account .sched-content {
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
.hiring-member-account .sched-content .heading {
width: 50%;
}
.hiring-member-account .sched-content .plan {
width: 50%;
text-align: right;
}
.hiring-member-account .sched-content .circle-logo {
width: 100%;
}
.hiring-member-account .sched-content .plan p {
font-size: 20px;
text-transform: uppercase;
color: #444b56;
}
.hiring-member-account .sched-content .plan label {
font-weight: 600;
font-size: 18px;
margin: 11px 0 0;
display: block;
color: #444b56;
}
.hiring-member-account .sched-content .plan label span {
background: #cef9ee;
color: #4cc3a5;
display: inline-block;
padding: 4px 11px;
border-radius: 4px;
}
aside.left-nav-header ul.menu-list li > i,
aside.left-nav-header ul.menu-list li a > i,
aside.left-nav-header ul.menu-list li > .menu-link > i {
/*background: #E9E9EA;
padding: 8px;
border-radius: 30px;
font-size: 18px !important;
height: 36px;
width: 36px;
text-align: center;
color: #A2A5AA;*/
border-radius: 30px;
font-size: 18px !important;
text-align: center;
color: #a2a5aa;
}
.left-nav-header__menu .menu-list .menu-item.has-sub i.fal.fa-chevron-right {
background: transparent !important;
padding: 0;
height: auto;
width: auto;
font-size: 14px !important;
top: 5px;
}
.left-nav-header__menu .menu-list .sub-menu-list li.menu-item i {
width: auto;
height: auto;
background: transparent !important;
padding: 0;
color: #a2a5aa !important;
}
.left-nav-header__menu
.menu-list
.sub-menu-list
> .menu-item:not(:last-of-type) {
margin-bottom: 15px !important;
}
.left-nav-header__menu .menu-list .menu-item.active a.menu-link {
color: #4cc3a5 !important;
}
aside.left-nav-header ul.menu-list li.menu-item.has-sub.open > i {
background: #cef9ee;
color: #51bfa2;
}
aside.left-nav-header ul.menu-list li.menu-item.has-sub.open > span {
/* color: #51bfa2;*/
}
.left-nav-header__menu .menu-list .quick-links ul li a .sub-menu-span {
color: #4cc3a5;
}
.left-nav-header__menu .menu-list .sub-menu-list {
padding-top: 25px;
}
.left-nav-header__menu .menu-list .menu-item a.menu-link,
.left-nav-header__menu .menu-list .menu-item span {
font-weight: 500;
color: #444b56;
}
.left-nav-header__menu .menu-list > .menu-item:not(:last-of-type) {
margin-bottom: 27px;
}
.left-nav-header__menu .menu-list .menu-item {
font-size: 15px;
}
.left-nav-header__menu
.menu-list
.sub-menu-list
.menu-item.active
a.menu-link
span,
.left-nav-header__menu
.menu-list
.sub-menu-list
.menu-item.active
a.menu-link
i {
color: #4cc3a5 !important;
}
.left-nav-header__menu
.menu-list
.menu-item.logout-item
a.menu-link
i.far.fa-arrow-right {
display: none;
}
.left-nav-header__menu .menu-list .menu-item.logout-item a.menu-link {
width: 100%;
display: block;
border: 1px solid #444b56;
background: transparent;
text-align: center;
font-size: 12px;
padding: 5px 10px;
border-radius: 5px;
transition: 0.3s;
}
.left-nav-header__menu .menu-list .menu-item.logout-item {
margin-top: 40px;
}
.left-nav-header__menu .menu-list .menu-item.quick-links > span {
font-size: 16px;
text-transform: capitalize;
font-family: "Inter", sans-serif;
letter-spacing: 0;
}
.left-nav-header__menu
.menu-list
.menu-item.quick-links
i.fal.fa-chevron-right {
top: 2px;
}
.member-account .account-table .table-info .pay-view span.grant-pay-rates i {
margin: 0 5px 0 0;
}
.member-account
.account-table
.table-info
.pay-view
span.grant-pay-rates
.fa-info-circle {
margin: 0 0 0 4px;
}
.account-table .table-info .name img {
width: 41px;
height: 41px;
border-radius: 100%;
margin: 0 15px 0 0;
}
.member-account .account-table .table-info .pay-view span.ungrant i {
color: #51bfa2;
}
.member-account
.account-table
.table-info
.pay-view
span.ungrant
.fa-info-circle {
color: #455367;
}
.hiring-member-account .sched-content .circle-logo {
width: 100px;
height: 100px;
background: #fff;
border-radius: 100%;
align-items: center;
display: flex;
box-shadow: 0px 0px 10px #ddd;
justify-content: center;
}
.hiring-member-account .sched-content .circle-logo img {
width: 80px;
}
.left-nav-header__menu .menu-list .sub-menu-list .menu-item {
font-size: 13px;
}
.left-nav-header__menu .menu-list #links-id.quick-links ul li.menu-item {
margin-bottom: 0px !important;
}
/* Team Members css end*/
.first-step-page {
flex-wrap: wrap;
align-items: flex-start;
padding: 0 20px;
}
.page-top-bar {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 80px 0 0;
}
.page-top-bar h2 {
margin: 0;
font-size: 40px;
line-height: 40px;
}
.page-top-bar a {
font-size: 20px;
font-weight: bold;
}
.page-top-bar a i {
margin: 0 6px 0 0;
}
.first-step-options {
margin-top: 0;
display: flex;
align-items: center;
}
.first-step-options a.first-step-option-item {
padding: 0;
margin: 0 30px;
background: transparent;
}
.first-step-options a.first-step-option-item img {
margin: 0;
}
.dashboard-heading h1 {
margin: 0 !important;
}
.dashboard-heading .right p {
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
margin: 0 0 10px;
text-align: right;
font-family: "Red Hat Display", sans-serif;
}
span.days-left {
background-color: #cef9ee;
padding: 6px 18px;
margin: 0px 0px 0 10px;
color: #4cc3a5;
border-radius: 6px;
border: 1px solid transparent;
display: inline-block;
}
.center-column__heading .msgs-left {
background-color: #cef9ee !important;
padding: 5px 5px;
margin: 0px 10px;
color: #4cc3a5 !important;
border-radius: 8px;
border: 1px solid transparent;
font-size: 14px !important;
}
.center-column__heading {
justify-content: space-between;
}
.job-detail {
display: flex;
align-items: center;
}
.job-detail p {
font-weight: 600;
color: rgba(68, 75, 86, 0.5);
}
.pinTrigger:not(.pinned) i {
color: #444b56;
}
.dashboard-heading .right p a {
color: #444b56;
text-transform: capitalize;
font-weight: 500;
text-decoration: underline;
}
.header-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 37px 0 20px;
}
.admin-bar header.header.client-header {
margin-top: 32px;
}
.header-bar .logo {
width: 17%;
}
.header-bar .dashboard-heading {
width: 60%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 40px;
}
header.header.client-header {
background: #fff;
padding: 18px 0;
}
.header-bar .header-search {
width: 23%;
max-width: 100%;
padding: 0;
border: none;
}
.header-bar .dashboard-heading .left p {
margin: 10px 0 0;
text-transform: uppercase;
color: #444b56;
font-weight: 500;
font-family: "Red Hat Display", sans-serif;
font-size: 16px;
}
.header-bar .header-search input {
background: #fff;
border: 1px solid #444b56;
font-size: 14px;
padding: 13px;
border-radius: 8px;
}
.header-bar .header-search button {
position: absolute;
right: 0;
height: 45px;
background: #444b56;
border: none;
color: #fff;
border-radius: 0px 8px 8px 0px;
font-size: 16px;
padding: 0 25px;
font-family: Red Hat Display;
cursor: pointer;
transition: 0.3s;
}
.header-bar .header-search button:hover {
background: #4cc3a5;
}
.header-bar .header-search input::placeholder {
color: #d9d9d9;
}
.feat-prof-widget .sidebar-heading {
border-radius: 10px 10px 0px 0px;
padding: 13px 5px 10px;
}
.main.additional-gap {
margin-top: 0px;
}
.left-nav-header__top .nav-avatar img {
max-width: 55px;
}
.center-column__heading h3 {
/* font-size: 24px;*/
}
.job-board .center-column__content .job-item .job-name h4 {
font-weight: 600;
color: #444b56;
}
.job-board .center-column__content .job-item .job-meta .more .fa-ellipsis-h {
color: #4cc3a5;
font-size: 18px;
}
.job-board .center-column__content .job-item .job-counts .view-item .count {
font-size: 16px;
font-weight: 700;
color: #444b56;
}
.job-board .center-column__content .job-item .job-counts .view-item .param {
color: #a4a4a4;
font-weight: normal;
font-size: 13px;
}
.job-board .center-column__content .job-item .job-counts .view-item {
border-right: 1px solid #000000;
}
.job-detail a.btn {
font-weight: 500;
padding: 11px 14px;
}
.prev-next-job {
display: flex;
justify-content: space-between;
margin-top: 18px;
}
.prev-next-job-wrap.prev a {
font-weight: 800;
font-size: 10px;
line-height: 13px;
text-transform: uppercase;
color: #042E33;
margin-right: 10px;
}
.prev-next-job-wrap.next a {
font-weight: 800;
font-size: 10px;
line-height: 13px;
text-transform: uppercase;
color: #042E33;
}
.prev-next-job-wrap.prev i.fas.fa-chevron-left {
color: #4BC3A4;
margin-right: 3px;
}
.prev-next-job-wrap.next i.fas.fa-chevron-right {
color: #4BC3A4;
margin-left: 3px;
}
.job-board .center-column__content .btn {
margin-top: 15px;
background: #444b56;
color: #fff;
font-size: 14px;
font-family: "Red Hat Display", sans-serif;
font-weight: 400;
padding: 8px 15px;
border: none;
background: #f3f3f4;
color: #444b56;
}
.job-board .center-column__content .btn:hover {
background: #4cc3a5;
color: #fff;
}
.left-nav-header__menu .menu-list .menu-item.logout-item a.menu-link:hover {
background: #444b56;
}
.left-nav-header__menu
.menu-list
.menu-item.logout-item
a.menu-link:hover
span {
color: #fff;
}
.center-column__heading .btn {
font-weight: 500;
padding: 11px 14px;
}
.center-column__heading .status-btn {
font-size: 11px;
letter-spacing: 0;
color: rgba(68, 75, 86, 0.5);
}
.center-column__content.job-wrap .center-column__content-text h4 {
font-size: 15px;
color: #444b56;
font-weight: 600;
}
.center-column__content .center-column__content-text a.btn {
border: 1px solid #444b56;
color: #444b56;
font-family: "Inter", sans-serif;
font-size: 12px;
line-height: normal;
font-weight: 500;
padding: 10px 52px;
border-radius: 5px;
text-transform: none;
display: inline-block;
margin: 10px 0 0;
}
.sidebar
.job-alerts-block
.center-column__content
.center-column__content-text
a.btn {
color: #fff;
}
.candidate-images {
display: flex;
width: 100%;
justify-content: right;
gap: 20px;
}
.candidate-images .image {
width: 70px;
height: 70px;
border-radius: 100%;
overflow: hidden;
}
.candidate-images .image img {
height: 70px;
width: 70px;
object-fit: cover;
}
.center-column__content.job-wrap.last {
align-items: center;
border-bottom: 1px solid #cccccc;
padding: 20px 0 35px;
}
.center-column__content .center-column__content-text a.btn:hover {
background: #444b56;
color: #fff;
}
.center-column__content.job-wrap.last:last-child {
border-bottom: none;
}
.teammate-content .nav-avatar .teammate-top-info .nav-avatar__name {
font-size: 13px;
font-weight: 600;
}
.teammate-content .nav-avatar .teammate-top-info .cand-exp {
font-size: 10px;
}
.teammate-content .nav-avatar .teammate-top-info .cand-name {
font-size: 14px;
font-weight: 600;
}
.teammate-content .nav-avatar .teammate-top-info .cand-rate {
font-size: 10px;
}
.teammate-content .nav-avatar .teammate-top-info .cand-location {
font-weight: 700;
font-size: 10px;
color: #a1a5aa;
}
.job-board .center-column__content .job-item {
border-bottom: none;
justify-content: space-between;
}
.job-right-content {
display: flex;
align-items: center;
}
.feat-prof-widget h4 {
font-size: 14px;
}
.feat-prof-widget .sidebar-subheading {
/* display: none;*/
}
.my-account-page {
margin-top: 60px;
}
.my-account-page .content {
padding-top: 0;
}
.my-account-page
aside.left-nav-header
ul.menu-list
li.menu-item.has-sub.active
.sub-menu-span
span {
color: #51bfa2 !important;
}
.my-account-page
ul.menu-list
ul.sub-menu-list
li.menu-item
a.menu-link.sub-menu-link:hover
span,
.my-account-page
ul.menu-list
ul.sub-menu-list
li.menu-item
a.menu-link.sub-menu-link:hover
i {
color: #51bfa2 !important;
}
div#gform_confirmation_message_55 span {
background: #cef9ee;
color: #51bfa2;
font-weight: 600 !important;
padding: 2px 8px;
border-radius: 4px;
display: inline-block;
}
div#gform_confirmation_message_55 {
font-weight: 600;
}
p.limit-member {
font-weight: 600;
font-size: 14px;
background: #cef9ee;
color: #51bfa2;
padding: 4px 10px;
border-radius: 6px;
}
.jop-post-head {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #ccc;
padding: 0 0 30px;
margin: 0 0 45px;
}
.jop-post-head h1 {
margin: 0;
font-size: 34px;
font-weight: 600;
font-family: "Red Hat Display", sans-serif !important;
color: #000000;
}
.jop-post-head .single-job-back a {
color: #4cc3a5;
letter-spacing: 0;
font-size: 18px;
font-family: "Inter", sans-serif !important;
text-transform: capitalize;
font-weight: 700;
display: flex;
align-items: center;
}
.jop-post-head .single-job-back a i {
font-size: 24px;
padding: 0 8px 0 0;
}
.center-column__hire-box form {
display: flex;
gap: 10px;
}
.center-column__hire-box form .gform-body.gform_body {
width: 84%;
}
.center-column__hire-box form .gform_footer.top_label {
width: 12%;
}
.center-column__hire-box form .gform-body.gform_body li.gfield {
margin: 0;
padding: 0;
width: 30%;
}
.hiring-member-account .new-user-form ul.gform_fields {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 20px;
align-items: center;
}
.center-column__hire-box form .gform-body.gform_body li#field_55_15 {
width: 14%;
}
.center-column__hire-box form .gform-body.gform_body li#field_55_17 {
width: 30%;
}
.center-column__hire-box form .gform-body.gform_body li#field_55_21 {
width: 18%;
}
.client-documents {
display: flex;
align-items: center;
justify-content: space-between;
}
.client-documents h1.space-between {
margin: 0;
max-width: inherit;
width: auto;
}
.hiring-member-account .new-user-form p.member-icon {
width: 56px;
margin: 0;
}
.hiring-member-account .center-column__hire-box .new-user-form .gform_wrapper {
width: calc(100% - 56px);
}
.hiring-member-account .new-user-form p.member-icon i {
font-size: 40px;
margin: 0;
color: #d9d9d9;
}
.hiring-member-account
.center-column__hire-box
.new-user-form
.gform_wrapper
form:after {
display: none;
}
.hiring-member-account
.center-column__hire-box
.new-user-form
.gform_wrapper
form {
flex-wrap: wrap;
}
.hiring-member-account
.center-column__hire-box
.new-user-form
.gform_wrapper
form
.gform_footer.top_label
input {
background: #fff;
border: 1px solid #444b56;
color: #444b56;
padding: 6px 10px;
font-weight: normal;
font-size: 11px;
border-radius: 4px;
text-transform: capitalize;
cursor: pointer;
transition: 0.3s;
line-height: 19px;
display: inline-block;
font-family: "Inter", sans-serif !important;
width: 100%;
}
.hiring-member-account
.center-column__hire-box
.new-user-form
.gform_wrapper
form
.gform_footer.top_label
input:hover {
background: #444b56;
color: #fff;
}
.center-column__hire-box form .gform_footer.top_label {
width: 109px;
}
.hiring-member-account
.center-column__hire-box
.new-user-form
.gform_wrapper
form
.gform-body.gform_body {
width: calc(100% - 169px);
}
.my-subclients {
width: 100%;
}
.hiring-member-account
.new-user-form
ul.gform_fields
.ginput_container_checkbox
label {
font-weight: 400;
color: #444b56;
font-size: 13px;
font-family: "Inter", sans-serif;
padding: 0 0 0 4px;
}
.hiring-member-account
.new-user-form
ul.gform_fields
.ginput_container_checkbox
label::before {
font-size: 17px;
color: #444b56;
}
.hiring-member-account
.new-user-form
ul.gform_fields
ul.gfield_checkbox
li
input:checked
+ label:before {
color: #51bfa2;
}
.hiring-member-account
.new-user-form
ul.gform_fields
ul.gfield_checkbox
li
input:checked
+ label {
font-weight: 400;
}
.member-account .account-table .table-info .pay-view label:before {
content: "\f0c8";
font-family: "Font Awesome 5 Pro";
font-size: 17px;
line-height: normal;
font-weight: 400;
color: #444b56;
margin-right: 7px;
}
.member-account .account-table .table-info .pay-view input {
position: absolute;
left: 0;
z-index: 999;
opacity: 0;
}
.member-account
.account-table
.table-info
.pay-view
input:checked
+ label:before {
color: #51bfa2;
content: "\f14a";
font-family: "Font Awesome 5 Pro";
}
.billing-inner {
margin-bottom: 30px;
background-color: #ffffff;
border-radius: 10px;
-webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
padding: 17px 30px 30px;
}
.billing-inner h2 {
margin: 10px 0 20px;
}
.billing-inner .transactions-history {
border: none;
}
.billing-inner .transactions-history th {
background: #fff;
font-weight: 600;
color: #444b56;
font-size: 13px;
padding: 0 0 2px;
border-bottom: 1px solid #cccccc;
}
.billing-inner .transactions-history td {
padding: 9px 0;
}
.billing-inner .transactions-history td a.download-btn {
background: #fff;
border: 1px solid #444b56;
color: #444b56;
padding: 5px 8px;
font-weight: normal;
font-size: 11px;
border-radius: 4px;
text-transform: capitalize;
cursor: pointer;
transition: 0.3s;
}
.billing-inner .transactions-history td {
padding: 10px 0;
font-size: 13px;
}
.billing-inner p {
font-weight: 600;
}
.billing-inner a.cancel--subscription {
color: #4bc3a4;
border: 1px solid #4bc3a4;
background-color: transparent;
padding: 8px 12px;
font-size: 11px;
line-height: 14px;
font-weight: 700;
text-transform: uppercase;
border-radius: 6px;
transition: 0.3s;
}
.billing-inner a.cancel--subscription:hover {
background: #4bc3a4;
color: #fff;
}
.billing-inner .transactions-history tbody tr:first-child td {
padding-top: 20px;
}
.post-collunm {
width: 33.333%;
}
.post-collunm .job-field {
width: 100%;
margin: 0 0 30px 0;
}
.post-job-form .job-form-row {
gap: 50px;
}
.post-collunm .job-field label {
font-size: 15px;
color: #444b56;
margin: 0 0 18px;
}
.post-collunm .job-field input {
border: 1px solid #444b567d !important;
border-radius: 8px !important;
height: 36px !important;
font-size: 14px !important;
font-weight: normal !important;
}
.post-collunm .job-field input::placeholder {
color: #d9d9d9;
opacity: 1;
}
.post-collunm .job-field select {
border: 1px solid #444b567d !important;
border-radius: 8px !important;
height: 36px !important;
font-size: 14px !important;
font-weight: normal !important;
background-color: #fff;
background-image: url(https://staging.teamedforlearning.com/wp-content/themes/teamed/images/drop-down-arrow-new.png);
background-size: 16px;
/* max-width: 130px; */
width: 100%;
background-position: 94% 9px;
margin: 0;
text-align: left;
color: #455367;
}
.post-collunm .job-field .job-field-currency .styled-dropdown {
width: 100%;
}
.post-collunm .job-field .job-field-currency {
width: 100%;
}
.post-collunm .job-field .range-fields {
justify-content: flex-start;
gap: 40px;
margin: 0 0 20px;
}
.post-collunm .job-field .range-fields .range-start,
.post-collunm .job-field .range-fields .range-end {
max-width: 130px;
width: 100%;
}
.careerResource .post-collunm .job-field .event-time-inner-item .range-fields .range-start,
.careerResource .post-collunm .job-field .event-time-inner-item .range-fields .range-end {
max-width: 100px;
}
.range-fields > div > span:first-child {
font-weight: normal;
color: #d9d9d9;
}
.post-collunm .job-field .job-field-radios .job-field-radio {
margin: 0 19px 0 0px;
width: 31% !important;
}
.post-collunm .job-field .job-field-radios .job-field-radio label span {
font-weight: normal;
color: #444b56;
padding: 0 0 0 25px;
}
.post-collunm .job-field .job-field-radios .job-field-radio label span::before {
content: "";
font-size: 19px;
opacity: 1;
height: 16px;
width: 16px;
background: #fff;
border: 1px solid #444b56;
border-radius: 3px;
top: 2px;
}
.post-collunm
.job-field
.job-field-radios
.job-field-radio
label
input:checked
+ span:before {
border-color: #4cc3a5;
background: #4cc3a5;
}
.post-collunm .job-field .job-field-radios .job-field-radio label span::after {
content: "\f00c";
font-size: 13px;
left: 3px;
top: 4px;
color: #fff;
}
.post-collunm .job-field .job-field-radios .job-field-radio label {
margin: 0 0 12px;
}
.post-collunm .job-field.job-field-remote .job-field-radio {
width: 100%;
}
.post-collunm .job-field.job-field-location .location-repeater-field {
flex-wrap: wrap;
margin: 0 0 8px 0;
}
.post-collunm .job-field.job-field-location .location-repeater-field input {
width: 100%;
max-width: 100%;
margin: 0 0 15px;
}
.post-collunm
.job-field.job-field-location
.location-repeater-field
input:nth-child(2) {
margin: 0;
}
.post-collunm .job-field.job-field-location .add-location {
font-size: 11px;
}
.post-collunm .job-field.job-field-location .add-location span {
position: relative;
margin-right: 5px;
}
.post-collunm .job-field.job-field-location .add-location span:before {
content: "";
height: 1px;
position: absolute;
width: 100%;
background: #444b56;
bottom: 2px;
}
.post-collunm.full-collunm {
width: 100%;
}
.post-collunm .job-description-editor .ck.ck-content {
min-height: 100px;
border-radius: 0 0 8px 8px;
}
.post-collunm .job-description-editor .ck.ck-toolbar.ck-toolbar_grouping {
border-radius: 8px 8px 0 0;
}
.post-job-form .job-form-sep {
margin: 0 0 32px;
}
.post-collunm.half-collunm {
width: 50%;
}
.post-collunm .job-field textarea {
height: 100px;
font-weight: normal;
border-radius: 8px;
border: 1px solid #444b567d !important;
}
.post-collunm .job-field .job-apply-field .job-field-radio label {
margin: 0;
}
.post-collunm .job-field .job-apply-field .job-field-radio label span:before {
content: "";
font-size: 19px;
opacity: 1;
height: 16px;
width: 16px;
background: #fff;
border: 1px solid #444b56;
border-radius: 3px;
top: 2px;
}
.post-collunm
.job-field
.job-apply-field
.job-field-radio
label
input:checked
+ span:before {
border-color: #4cc3a5;
background: #4cc3a5;
}
.post-collunm .job-field .job-apply-field .job-field-radio label span:after {
content: "\f00c";
font-size: 13px;
left: 3px;
top: 4px;
color: #fff;
}
.post-collunm .job-field .job-apply-field .job-field-radio label span {
font-weight: normal;
color: #444b56;
padding: 0 0 0 29px;
}
.post-collunm .job-field .job-apply-field input[type="text"] {
height: 32px !important;
}
.post-collunm .job-field .application-fields .job-field-radio {
width: 100%;
margin: 0;
}
.post-collunm
.job-field
.application-fields
.job-field-radio
input#publish-on-share:checked
+ label
span:before {
background: #4cc3a5 !important;
border-color: #4cc3a5;
}
.post-collunm span.job-publish-networks label i {
font-size: 19px;
padding: 0 15px 0 0;
}
.post-collunm .logo-upload-wrap {
position: relative;
}
.post-collunm .logo-upload-wrap .logo-upload span {
/* width: 234px; */
width: 100%;
border: 1px solid #444b567d !important;
border-radius: 8px !important;
background: #fff;
color: transparent;
min-height: 56px;
}
.post-collunm .job-field .logo-upload {
width: 100%;
}
.careerResource .post-collunm .job-field .logo-upload {
width: 60%;
}
.post-collunm .logo-upload-wrap .logo-upload-status {
position: absolute;
color: #d9d9d9;
opacity: 1;
width: 200px;
padding: 0 0 0 9px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.post-collunm .logo-upload-wrap .logo-upload:before {
content: "\f30c";
font-family: "Font Awesome 5 Pro";
position: absolute;
right: 30px;
font-size: 23px;
line-height: 1.2;
top: 12px;
font-weight: normal;
transition: opacity 0.2s;
color: #4cc3a5;
-webkit-text-stroke: 2px #4cc3a5;
}
.post-collunm .logo-upload-wrap .logo-upload:after {
content: "";
height: 3px;
width: 23px;
position: absolute;
right: 24px;
background: #4cc3a5;
bottom: 14px;
}
.post-collunm .logo-upload-wrap .logo-upload input[type="file"] {
z-index: 99;
}
.post-collunm .job-field label .pins-left {
background: #cef9ee;
color: #51bfa2;
font-weight: 600;
display: inline-block;
padding: 3px 5px;
border-radius: 5px;
margin: 0 0 0 5px;
font-size: 18px;
letter-spacing: 0;
}
.post-collunm .job-field label[for="job-pinned"] {
margin: 0;
}
.post-collunm .job-field.job_pin .job-field-checkbox input[type="checkbox"] {
margin: 0;
height: auto !important;
position: absolute;
left: 0;
opacity: 0;
z-index: 999;
}
.post-collunm .job-field.job_pin .job-field-checkbox {
margin: 8px 0 0;
position: relative;
}
.post-collunm .job-field.job_pin .job-field-checkbox span {
position: relative;
padding: 0 0 0 30px;
}
.post-collunm .job-field.job_pin .job-field-checkbox label span:before {
content: "";
content: "";
font-size: 19px;
opacity: 1;
height: 16px;
width: 16px;
background: #fff;
border: 1px solid #444b56;
border-radius: 3px;
top: 0px;
position: absolute;
left: 0;
}
.post-collunm .job-field.job_pin .job-field-checkbox span:after {
content: "\f00c";
font-size: 13px;
left: 3px;
top: 1px;
color: #fff;
position: absolute;
opacity: 0;
font-family: "Font Awesome 5 Pro";
}
.post-collunm
.job-field.job_pin
.job-field-checkbox
input[type="checkbox"]:checked
+ span::before {
border-color: #4cc3a5;
background: #4cc3a5;
}
.post-collunm
.job-field.job_pin
.job-field-checkbox
input[type="checkbox"]:checked
+ span:after {
opacity: 1;
}
.post-collunm .job-field.job_pin a.piin-jobs {
font-size: 12px;
color: #444b56;
text-transform: capitalize;
letter-spacing: 0;
margin: 0 0 0 10px;
text-decoration: underline;
font-weight: 500;
font-family: "Inter", sans-serif;
}
.post-job-form .job-actions {
margin: 20px 0 20px;
}
.post-job-form .job-actions .job-form-cancel {
width: 70%;
display: flex;
align-items: center;
}
.post-job-form .job-actions .job-form-cancel a {
color: #444b56;
min-width: inherit;
padding: 0 25px;
border: 2px solid #444b56;
transition: 0.3s;
}
.post-job-form .job-actions .job-form-cancel .job-form-publish-disclaimer {
margin: 0 0 0 50px;
color: #444b56;
letter-spacing: 0;
font-weight: 500;
font-size: 15px;
}
.post-job-form .job-actions .job-form-cancel a:hover {
background: #444b56;
color: #fff;
}
.job-item .job-name {
display: flex;
align-items: flex-start;
}
.job-item .job-name .pinTrigger {
min-height: 30px;
min-width: 30px;
background: #cef9ee;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
transform: rotate(45deg);
margin: 0 8px 0 0;
}
.job-item-right {
display: flex;
align-items: flex-start;
}
.job-item-right .pinned {
min-height: 30px;
min-width: 30px;
background: #cef9ee;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
transform: rotate(45deg);
margin: 0 0px 0 8px;
color: #4cc3a5;
}
.upgrade-plan-modal {
position: fixed;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.1);
top: 0;
left: 0;
z-index: 999;
display: none;
}
.upgrade-plan-modal .modal-content {
background: #fff;
max-width: 505px;
width: 100%;
text-align: center;
border-radius: 16px;
padding: 40px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.upgrade-plan-modal .modal-content h4 {
font-size: 32px;
color: #444b56;
font-family: "Red Hat Display", sans-serif !important;
font-weight: 400;
margin: 0 0 21px;
line-height: normal;
}
.upgrade-plan-modal .modal-content a.piin-jobs {
background: #444b56;
font-size: 16px;
font-family: "Red Hat Display", sans-serif !important;
font-weight: 400;
width: 100%;
display: block;
max-width: 340px;
margin: 0 auto 11px;
}
.upgrade-plan-modal .modal-content .close-modal {
font-family: "Red Hat Display", sans-serif !important;
background: transparent;
border: none;
font-size: 15px;
font-weight: 700;
text-decoration: underline;
color: #444b56;
cursor: pointer;
}
.started-main .started-content .my-account {
margin-left: 10px;
background: #444b56;
border-color: #ffffff;
}
.started-main .started-content .my-account:hover {
background: #4cc3a5;
border-color: #4cc3a5;
}
.job-name .pinned {
min-height: 30px;
min-width: 30px;
background: #cef9ee;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
transform: rotate(45deg);
margin: 0 8px 0 0;
color: #4cc3a5;
}
/*==========New home page template===========*/
.site-button.bg-white {
background: #fff;
border-color: #fff;
color: #455367;
}
.site-button.grey-white {
border-color: #455367;
background: #fff;
color: #455367;
}
.site-button.bg-transparent {
background: transparent;
border-color: #fff;
color: #fff;
}
.main-banner-section {
position: relative;
}
.main-banner-section .content {
position: absolute;
padding: 0;
top: 50%;
left: 50%;
max-width: 800px;
transform: translate(-50%, -50%);
text-align: center;
}
.main-banner-section h1 {
font-size: 70px;
color: #fff;
font-weight: bold;
font-family: "Red Hat Display", sans-serif !important;
margin: 0;
line-height: 90px;
}
.main-banner-section h1 span {
color: #51bfa2;
}
.main-banner-section .content p {
font-size: 18px;
color: #fff;
margin: 14px 0 40px;
line-height: 22px;
font-weight: 200;
}
.main-banner-section h1 .cursor {
display: inline-block;
width: 7px;
height: 90px;
background-color: black;
animation: blink 0.7s infinite;
position: relative;
background: #51bfa2;
top: 3px;
}
@keyframes blink {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
.main-banner-section .color1 {
color: #51bfa2;
}
.main-banner-section .color2 {
color: #f06529;
}
.main-banner-section .color3 {
color: #51bfa2;
}
.main-banner-section .color4 {
color: #efbc44;
}
.cursor.color1 {
border-left: 7px solid #51bfa2;
}
.cursor.color2 {
border-left: 7px solid #f06529;
}
.cursor.color3 {
border-left: 7px solid #51bfa2;
}
.cursor.color4 {
border-left: 7px solid #efbc44;
}
.main-banner-section picture {
display: flex;
}
.main-banner-section .image img {
width: 100%;
}
.main-banner-section .content .site-button {
font-size: 18px;
margin: 0 12px;
max-width: 296px;
width: 100%;
padding: 20px 20px;
}
.main-banner-section .content .site-button.bg-transparent:hover {
background: #50c0a3;
color: #fff;
border-color: #50c0a3;
}
.main-banner-section .content .site-button.bg-white:hover {
background: #4cc3a5;
border-color: #4cc3a5;
color: #fff;
}
.logos-section {
background: rgba(195, 195, 195, 0.2);
padding: 78px 0;
}
.logos-section ul {
display: flex;
margin: 0;
padding: 0;
justify-content: center;
align-items: end;
width: 100%;
gap: 120px;
}
.logos-section ul li {
list-style: none;
}
.specialize-section {
padding: 115px 0 230px;
background: #fff;
}
.special-content {
padding: 0 12px 77px;
text-align: center;
width: 100%;
}
.special-content h2 {
margin: 0 0 70px;
font-size: 40px;
font-family: "Red Hat Display", sans-serif !important;
line-height: 53px;
position: relative;
}
.special-content h2:before {
position: absolute;
background: #51bfa2;
content: "";
width: 282px;
height: 8px;
left: 50%;
transform: translate(-50%, 0);
top: 75px;
border-radius: 20px;
}
.special-content p {
margin: 0 0 20px;
font-size: 20px;
line-height: 24px;
font-family: "Inter", sans-serif;
font-weight: 300;
}
.blocks-row {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.specialize-section .collunm {
position: relative;
overflow: hidden;
width: 31.33%;
box-sizing: border-box;
cursor: pointer;
}
.specialize-section .collunm .image {
position: relative;
}
.specialize-section .collunm .image img {
width: 100%;
display: block;
max-height: 390px;
object-fit: cover;
}
.specialize-section .collunm .image:before {
content: "";
height: 100%;
width: 100%;
background: #464b55e8;
position: absolute;
left: 0;
top: 0;
transition: 0.5s;
}
.specialize-section .collunm h5 {
position: absolute;
color: #fff;
top: 50%;
transform: translate(0, -50%);
width: 100%;
text-align: center;
font-size: 32px;
margin: 0;
line-height: 42px;
}
.specialize-section .tittle a.show-detail {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.specialize-section .collunm a.open-arrow {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
text-align: center;
transition: 0.5s;
}
.specialize-section .collunm:hover a.open-arrow {
bottom: 100px;
}
.specialize-section .collunm a.open-arrow i {
display: block;
font-size: 25px;
font-weight: 500;
line-height: 18px;
}
.specialize-section .collunm a.open-arrow span {
opacity: 0;
transition: 0.5s;
}
.specialize-section .collunm:hover a.open-arrow span {
opacity: 1;
}
.specialize-section .tittle {
position: relative;
border-radius: 16px;
overflow: hidden;
}
.specialize-section .list {
display: flex;
flex-wrap: wrap;
background: #f3f3f3;
border-radius: 16px;
padding: 15px;
box-sizing: border-box;
position: absolute;
width: 100%;
left: 0;
bottom: -390px;
transition: 0.3s;
}
.specialize-section .list .arrow {
width: 100%;
text-align: center;
display: none;
}
.specialize-section .list .box .icon i {
font-size: 18px;
}
.specialize-section .list .arrow a.close-arrow i {
font-size: 25px;
font-weight: 500;
}
.specialize-section .list .arrow a.close-arrow {
padding: 6px 22px 10px;
display: inline-block;
}
.specialize-section .list .box a {
display: flex;
align-items: center;
background: #fff;
border-radius: 8px;
padding: 17px 16px;
gap: 14px;
width: 100%;
}
.specialize-section .list .box {
width: 100%;
margin: 0 0 23px;
}
.specialize-section .list .box:last-child {
margin: 0;
}
.specialize-section .list .box a .box-img {
width: 56px;
height: 56px;
border-radius: 100%;
overflow: hidden;
}
.specialize-section .list .box a .box-img img {
width: 100%;
}
.specialize-section .list .box p {
margin: 0;
font-size: 10px;
color: #818181;
display: flex;
gap: 20px;
font-family: "Inter", sans-serif;
}
.specialize-section .list .box p span.name {
font-weight: 600;
}
.specialize-section .list .box label {
font-size: 13px;
color: #72c0a7;
font-weight: bold;
font-family: "Red Hat Display", sans-serif;
}
.specialize-section .list .box .detail {
width: calc(100% - 106px);
}
.specialize-section .collunm:hover .list {
bottom: -250px;
}
.specialize-section .list.open {
bottom: 0 !important;
}
.specialize-section .list.open .arrow {
display: block;
}
.specialize-section .collunm.over-orange a.open-arrow {
color: #f06529;
}
.specialize-section .collunm.over-orange .list .box label {
color: #f06529;
}
.specialize-section .collunm.over-orange .list .box .icon i {
color: #ffdaca;
}
.specialize-section .collunm.over-green a.open-arrow {
color: #4cc3a5;
}
.specialize-section .collunm.over-green .list .box label {
color: #72c0a7;
}
.specialize-section .collunm.over-green .list .box .icon i {
color: #cef9ee;
}
.specialize-section .collunm.over-yellow a.open-arrow {
color: #efbc44;
}
.specialize-section .collunm.over-yellow .list .box label {
color: #efbc44;
}
.specialize-section .collunm.over-yellow .list .box .icon i {
color: #fbeecf;
}
.specialize-section .collunm:hover a.open-arrow {
color: #fff;
}
.specialize-section .collunm.over-green:hover .image:before {
background: rgba(81, 191, 162, 0.9);
}
.specialize-section .collunm.over-green:hover a.open-arrow span {
color: #cef9ee;
}
.specialize-section .collunm.over-green:hover h5 {
color: #cef9ee;
}
.specialize-section .collunm.over-orange:hover .image:before {
background: rgba(240, 101, 41, 0.9);
}
.specialize-section .collunm.over-orange:hover a.open-arrow span {
color: #ffdaca;
}
.specialize-section .collunm.over-orange:hover h5 {
color: #ffdaca;
}
.specialize-section .collunm.over-yellow:hover .image:before {
background: rgba(239, 188, 68, 0.9);
}
.specialize-section .collunm.over-yellow:hover a.open-arrow span {
color: #fbeecf;
}
.specialize-section .collunm.over-yellow:hover h5 {
color: #fbeecf;
}
.service-platform .left {
width: 57%;
padding-left: 80px;
}
.service-platform .recruitment {
background: #fff;
padding: 30px;
border-radius: 12px;
width: calc(100% - 50px);
box-shadow: 0px 0px 39px rgba(33, 33, 33, 0.1);
}
.service-platform .recruitment .heading-panel {
display: flex;
align-items: center;
border-bottom: 1px solid #cccccc;
padding-bottom: 15px;
}
.service-platform .recruitment .heading-panel h3 {
margin: 0 30px 0px 0;
font-size: 23px;
color: #000;
}
.service-platform .recruitment .heading-panel .status-btn {
font-size: 11px;
letter-spacing: 0;
color: rgba(68, 75, 86, 0.5);
font-family: "Red Hat Display", sans-serif;
font-weight: 900;
line-height: normal;
text-transform: uppercase;
margin: 0 10px;
}
.service-platform .recruitment .heading-panel a.site-button {
background: #51bfa2;
margin-left: auto;
color: #fff;
font-size: 11px;
padding: 8px 20px;
letter-spacing: 0.2px;
border-color: #51bfa2;
}
.service-platform .recruitment .heading-panel a.site-button:hover {
transform: scale(1.1);
}
.service-platform .recruitment .heading-panel a.site-button:hover {
background: #455367;
border-color: #455367;
}
.service-platform .recruitment .content-panel .left-part a.site-button:hover {
background: #455367;
color: #fff;
}
.service-platform .recruitment .heading-panel .status-btn.active {
color: #51bfa2;
}
.service-platform .recruitment .heading-panel {
display: flex;
align-items: center;
border-bottom: 1px solid #cccccc;
padding-bottom: 15px;
margin: 0 0 20px;
}
.platform-content .site-button:hover {
background: #455367;
border-color: #455367;
}
.service-platform .recruitment .content-panel .left-part {
width: 54%;
}
.service-platform .recruitment .content-panel .left-part h6 {
margin: 0 0 5px;
font-size: 12px;
color: #444b56;
}
.service-platform .recruitment .content-panel .left-part p {
margin: 0 0 10px;
color: #a4a4a4;
font-size: 11px;
line-height: 15px;
}
.service-platform .recruitment .content-panel .left-part a.site-button {
border-color: #444b56;
border-width: 1px;
font-size: 11px;
letter-spacing: 0.2px;
padding: 9px 50px;
}
.job-board-container {
display: flex;
gap: 20px;
margin: 40px 0 0;
align-items: flex-start;
}
.job-board-container .job-board {
width: 70%;
background: #fff;
padding: 15px;
border-radius: 8px;
box-shadow: 0px 0px 39px rgba(33, 33, 33, 0.1);
}
.job-board-container .available-board {
width: 30%;
background: #ffffff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 0px 39px rgba(33, 33, 33, 0.1);
}
.job-board-container .job-board .heading-panel {
border-bottom: 1px solid #cccccc;
padding: 0 0 18px;
margin: 0 0 20px;
}
.job-board-container .job-board .heading-panel .heading-btn {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 11px;
}
.job-board-container .job-board .heading-panel .heading-btn h3 {
margin: 0;
font-size: 20px;
color: #000;
}
.job-board-container .job-board .heading-panel .heading-btn .site-button {
background: #efbc44;
border-color: #efbc44;
font-size: 12px;
padding: 11px 20px 8px;
letter-spacing: 0.2px;
}
.job-board-container .job-board .heading-panel .heading-btn .site-button:hover {
background: #fbeecf;
color: #444b56;
border-color: #fbeecf;
}
.job-board-container .job-board .heading-panel p {
color: #444b56;
font-weight: 600;
font-size: 12px;
margin: 0;
font-family: "Inter", sans-serif;
}
.job-board-container .job-board .board-list .collunm {
display: flex;
align-items: center;
background: #fff;
border-radius: 8px;
padding: 12px 15px;
gap: 10px;
box-shadow: -2px 4px 10px rgba(0, 0, 0, 0.06);
margin: 0 0 9px;
}
.job-board-container .job-board .board-list .collunm .image {
width: 10%;
}
.job-board-container .job-board .board-list .collunm .image img {
width: auto;
}
.job-board-container .job-board .board-list .collunm .tittle p {
margin: 0;
font-weight: 600;
font-size: 12px;
}
.job-board-container .job-board .board-list .collunm .tittle p a {
color: #444b56;
font-family: "Inter", sans-serif;
}
.job-board-container .job-board .board-list .collunm .tittle label {
color: #7f7f7f;
font-weight: 600;
font-size: 10px;
}
.job-board-container .job-board .board-list .collunm .tittle {
width: 60%;
}
.job-board-container .job-board .board-list .collunm .detail {
width: 30%;
text-align: right;
}
.job-board-container .job-board .board-list .collunm .detail p {
margin: 0;
font-size: 12px;
color: #444b56;
font-weight: 600;
font-family: "Inter", sans-serif;
text-align: right;
display: flex;
align-items: center;
justify-content: end;
}
.job-board-container .job-board .board-list .collunm .detail p span:before {
content: "";
display: inline-block;
height: 5px;
width: 5px;
background: #51bfa2;
border-radius: 100%;
margin: 0 5px;
}
.job-board-container
.job-board
.board-list
.collunm
.detail
p
span:first-child:before {
display: none;
}
.job-board-container .available-board .top-bar h5 {
font-size: 10px;
margin: 0;
color: #fff;
font-family: "Red Hat Display", sans-serif !important;
font-weight: 600;
}
.job-board-container .available-board .top-bar {
text-align: center;
background: #f06529;
padding: 10px 0;
}
.recruitment .content-panel {
display: flex;
justify-content: space-between;
align-items: center;
}
.recruitment .content-panel .right-part {
width: 46%;
}
.recruitment .content-panel .candidate-images .image {
width: 60px;
height: 60px;
}
.recruitment .content-panel .candidate-images .image img {
height: 60px;
width: 60px;
}
.available-list {
padding: 15px;
}
.available-list h2 {
margin: 0;
font-family: "Red Hat Display", sans-serif !important;
color: #444b56;
font-size: 20px;
}
.available-list .teammate-content {
padding: 0;
box-shadow: none;
}
.available-list .teammate-wrap {
border-bottom: 1px solid #cccccc;
padding: 25px 0;
}
.available-list .teammate-wrap .nav-avatar .teammate-top-info .cand-name {
filter: blur(3px);
color: #f06529;
}
.available-list .teammate-wrap:last-child {
border-bottom: none;
}
.job-board-container .job-board .board-list .collunm .detail label {
font-size: 9px;
font-weight: 600;
color: #7f7f7f;
}
.service-platform .right {
width: 43%;
padding: 50px 0 0 100px;
}
.platform-content h2 {
margin: 0 0 23px;
font-size: 40px;
line-height: 53px;
font-family: "Red Hat Display", sans-serif !important;
position: relative;
}
.job-seeker .platform-content p {
padding-right: 90px;
}
.job-seeker .platform-content h2 {
padding: 0 10px 0 0;
}
.platform-content h2:after {
content: "";
height: 8px;
width: 190px;
display: block;
background: #51bfa2;
border-radius: 15px;
margin: 25px 0 0;
}
.platform-content p {
font-size: 20px;
font-family: "Inter", sans-serif;
font-weight: 300;
line-height: 26px;
padding: 0 0px 0px 0;
}
.platform-content ul {
margin: 0 0 48px;
padding: 0;
}
.platform-content ul li {
list-style: none;
margin: 0 0 22px;
font-size: 16px;
font-family: "Inter", sans-serif;
font-weight: 500;
position: relative;
padding: 0 0 0 30px;
color: #444b56;
}
.platform-content ul li:before {
content: "";
height: 22px;
width: 22px;
position: absolute;
background: url(../images/green-check-new.png);
left: -2px;
background-size: contain;
background-repeat: no-repeat;
}
.service-platform {
position: relative;
background: #fff;
}
.service-platform .new-container {
position: relative;
}
.service-platform:before {
content: "";
position: absolute;
background: rgba(243, 243, 243, 1);
width: 60%;
height: calc(100% + 180px);
right: 0;
top: -100px;
border-radius: 32px 0 0 32px;
}
.available-list .teammate-content .nav-avatar img {
width: 60px;
height: 60px;
}
.platform-content .site-button {
background: #4cc3a5;
border-color: #4cc3a5;
}
.industries-serve {
background-image: url(../images/industries-bg-min.webp);
background-size: cover;
padding: 120px 0 150px;
margin: 230px 0 0 0;
}
.industries-serve .heading-part {
display: flex;
justify-content: space-between;
}
.industries-serve .heading-part .left {
width: 35%;
}
.industries-serve .heading-part .right {
width: 65%;
}
.industries-serve .heading-part .left h2 {
margin: 0;
position: relative;
color: #fff;
font-size: 48px;
line-height: 54px;
font-family: "Red Hat Display", sans-serif !important;
}
.industries-serve .heading-part .left h2:after {
content: "";
height: 8px;
width: 190px;
display: block;
background: #51bfa2;
border-radius: 15px;
margin: 25px 0 0;
}
.industries-serve .heading-part .right p {
margin: 0 0 20px;
color: #fff;
font-family: "Inter", sans-serif;
font-weight: 200;
font-size: 20px;
line-height: 24px;
}
.industries-serve .industries-list {
width: 100%;
}
.industries-serve .industries-list ul {
padding: 0;
margin: 110px 0 0;
display: flex;
justify-content: space-between;
text-align: center;
align-items: center;
}
.industries-serve .industries-list ul li {
list-style: none;
text-align: center;
}
.industries-serve .industries-list ul li label {
width: 100%;
display: block;
font-family: "Red Hat Display", sans-serif !important;
font-size: 18px;
color: #fff;
margin: 12px 0 0;
font-weight: 500;
}
.job-seeker {
margin: 210px 0 100px;
position: relative;
}
.job-seeker:before {
content: "";
position: absolute;
background: #f3f3f3;
width: 60%;
height: calc(100% + 180px);
left: 0;
top: -60px;
border-radius: 0px 32px 32px 0px;
}
.job-seeker .new-container {
position: relative;
}
.job-seeker .left {
width: 50%;
}
.job-seeker .right {
width: 50%;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 0;
}
.job-seeker .right .job-alert {
width: 50%;
}
.job-seeker .right .connected-form {
width: calc(50% - 20px);
background: #464b55;
border-radius: 16px;
padding: 24px 24px 12px;
text-align: center;
margin: 0 0 30px;
}
.job-seeker .right .job-alert {
width: 50%;
background: #fff;
padding: 30px;
border-radius: 16px;
box-shadow: 0px 0px 39px rgba(33, 33, 33, 0.1);
position: relative;
z-index: 9;
}
.job-seeker .right .job-alert h3 {
margin: 0 0 0;
position: relative;
font-size: 24px;
color: #464b55;
font-family: "Red Hat Display", sans-serif !important;
}
.job-seeker .right .job-alert h3:after {
height: 4px;
width: 143px;
display: block;
background: #efbc44;
border-radius: 15px;
margin: 9px 0 0;
content: "";
}
.job-seeker .right .job-alert p {
margin: 20px 0 0;
font-size: 14px;
font-weight: 600;
font-family: "Red Hat Display", sans-serif !important;
color: #000;
}
.job-seeker .right .job-alert .filter-heading {
display: flex;
align-items: center;
justify-content: space-between;
margin: 25px 0 13px;
}
.job-seeker .right .job-alert .filter-heading h6 {
margin: 0;
color: #464b55;
font-size: 13px;
font-family: "Inter", sans-serif !important;
}
.job-seeker .right .job-alert .filter-heading a {
color: #b9b9b9;
font-weight: 600;
font-family: "Inter", sans-serif !important;
}
.job-seeker .right .job-alert .filter-heading a:hover {
color: #4bc3a4;
}
.job-alert .filter-list {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin: 0 0 27px;
}
.job-alert .filter-list .collunm {
background: #fbeecf;
padding: 8px 43px 8px 13px;
border-radius: 8px;
position: relative;
}
.job-alert .filter-list .collunm button {
position: absolute;
right: 5px;
height: 16px;
width: 16px;
border: none;
top: 11px;
border-radius: 100%;
background: #efbc44;
color: #fff;
font-size: 10px;
padding: 0;
line-height: 18px;
cursor: pointer;
}
.job-alert .filter-list .collunm button i {
font-weight: 500;
}
.job-alert .borad-btn .site-button {
background: #444b56;
font-size: 11px;
border-width: 1px;
border-color: #444b56;
padding: 7px 10px;
width: 100%;
}
.job-alert .borad-btn .site-button:hover {
background: #51bfa2;
border-color: #51bfa2;
}
.connected-form h2 {
color: #fff;
margin: 0 0;
font-family: "Red Hat Display", sans-serif !important;
font-size: 32px;
position: relative;
line-height: 40px;
}
.connected-form h2:after {
height: 4px;
width: 163px;
display: block;
background: #51bfa2;
border-radius: 15px;
margin: 9px auto 30px;
content: "";
}
.connected-form .site-button {
font-size: 13px;
padding: 14px 10px;
width: 100%;
margin: 0 0 17px;
border-width: 1px;
border-color: #fff;
background: #464b55;
}
.connected-form .site-button.green {
background: #51bfa2;
border-color: #51bfa2;
}
.connected-form .site-button:hover {
background: #fff;
color: #464b55;
border-color: #fff;
}
.talent-pool {
width: 100%;
padding: 0 20px 0 50px;
margin: -40px 0 0;
}
.talent-pool .talent-content {
background: #fff;
border-radius: 16px;
padding: 25px;
margin: 0 0;
box-shadow: 0px 0px 39px rgba(33, 33, 33, 0.1);
}
.talent-pool .talent-content .heading-panel {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 20px;
}
.talent-pool .talent-content .heading-panel h2 {
margin: 0;
font-size: 24px;
line-height: 30px;
color: #464b55;
font-family: "Red Hat Display", sans-serif !important;
position: relative;
}
.talent-pool .talent-content .heading-panel h2:after {
height: 4px;
width: 143px;
display: block;
background: #f06529;
border-radius: 15px;
margin: 9px 0 0;
content: "";
}
.talent-pool .talent-content .heading-panel .left-side p {
margin: 7px 0 0;
font-family: "Inter", sans-serif !important;
}
.talent-pool .talent-content .heading-panel .right-side {
display: flex;
flex-wrap: wrap;
justify-content: end;
}
.talent-pool .talent-content .heading-panel .right-side p {
color: #a2a5aa;
font-weight: 500;
font-family: "Red Hat Display", sans-serif !important;
font-size: 12px;
margin: 0 0 12px;
width: 100%;
text-align: right;
}
.talent-pool .talent-content .heading-panel .right-side .switch-btn {
display: flex;
background: #464b55;
border-radius: 30px;
padding: 6px 10px;
height: 44px;
align-items: center;
}
.talent-pool .talent-content .heading-panel .right-side .switch-btn p {
margin: 0 8px 0 0;
text-transform: uppercase;
font-weight: 700;
color: #fff;
text-align: left;
font-size: 12px;
}
.talent-pool .talent-content .heading-panel .right-side .switch-btn p i {
margin: 0 6px 0 0px;
}
.job-seeker .platform-content {
padding: 60px 130px 0 0;
}
.talent-pool .talent-content .heading-panel .right-side .switch-btn {
display: flex;
background: #464b55;
border-radius: 30px;
padding: 5px 10px;
height: 40px;
align-items: center;
}
.job-seeker .switch {
position: relative;
display: inline-block;
min-width: 45px;
height: 23px;
}
.job-seeker .switch input {
opacity: 0;
width: 0;
height: 0;
}
.job-seeker .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.job-seeker .slider:before {
position: absolute;
content: "";
height: 17px;
width: 17px;
left: 5px;
bottom: 3px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.job-seeker input:checked + .slider {
background-color: #4cc3a5;
}
.job-seeker input:focus + .job-seeker .slider {
box-shadow: 0 0 1px #2196f3;
}
.job-seeker .switch input:checked + .slider:before {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
/* Rounded sliders */
.job-seeker .slider.round {
border-radius: 34px;
}
.job-seeker .slider.round:before {
border-radius: 50%;
}
.talent-pool .talent-content .heading-panel .left-side {
width: 60%;
}
.talent-pool .talent-content .heading-panel .right-side {
width: 40%;
}
.pool-user {
border-top: 1px solid #a7a9af;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}
.pool-user .view-part {
width: 40%;
}
.pool-user .detail-part {
width: 60%;
display: flex;
align-items: center;
gap: 20px;
}
.pool-user .detail-part img {
width: 80px;
height: 80px;
}
.pool-user .detail-part .image {
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 100%;
}
.pool-user .detail-part .info h4 {
margin: 0 0 5px;
color: #ee6429;
font-size: 20px;
font-family: "Red Hat Display", sans-serif !important;
}
.pool-user .detail-part .info p {
margin: 0 0 7px;
font-weight: 600;
font-family: "Red Hat Display", sans-serif !important;
color: #000;
font-size: 13px;
}
.pool-user .detail-part .info span.experiance {
font-size: 11px;
font-weight: 600;
color: #a2a5aa;
display: block;
}
.pool-user .detail-part .info span.price {
color: #464b55;
font-size: 11px;
}
.pool-user .view-part ul {
margin: 0;
padding: 0;
display: flex;
justify-content: flex-end;
}
.pool-user .view-part ul li {
list-style: none;
line-height: 29px;
padding: 0 17px;
border-right: 1px solid #a7a9af;
text-align: center;
}
.pool-user .view-part ul li strong {
font-size: 32px;
color: #464b55;
display: block;
}
.pool-user .view-part ul li span {
color: #a2a5aa;
font-weight: 600;
font-size: 11px;
}
.pool-user .view-part ul li:last-child {
border-right: none;
}
body .home-started {
padding-top: 300px;
}
.home-started .started-content .site-button.gray-bg {
background: #444b56;
border-width: 1px;
border-color: #fff;
font-size: 13px;
padding: 12px 60px;
margin: 0 15px 0 0;
}
.home-started .started-content .site-button.bg-white {
border-width: 1px;
border-color: #fff;
font-size: 13px;
padding: 12px 60px;
}
body.page-template-template-newHomePage {
background: #fff;
}
.hire-talent-main .pricing-started .started-content .site-button.gray-bg {
padding: 14px 60px;
}
.hire-talent-main .pricing-started .started-content .site-button.grey-white {
padding: 13px 38px;
border-color: #fff;
font-size: 13px;
}
.add-billing-method-modal-wrapper.active .add-billing-method-modal {
opacity: 1;
visibility: visible;
}
/*==========New home page template===========*/
/*==========Downgrade modal css===========*/
.plansModal {
position: fixed;
width: 100%;
top: 0;
z-index: 99999;
height: 100%;
left: 0;
overflow-x: hidden;
overflow-y: auto;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.modelStep {
text-align: center;
width: 100%;
display: none;
}
.modelStep.active {
display: block;
}
.modelStep h2 {
font-size: 40px;
position: relative;
margin: 17px 0 30px;
line-height: 50px;
}
.modelStep h2:after {
margin: 17px auto 0;
}
.modelStep p {
font-size: 20px;
line-height: 24px;
color: #444b56;
margin: 0 0 28px;
font-family: "Inter", sans-serif;
}
.modelStep p b {
color: #51bfa2;
}
.modal-button a.close-btn {
color: #444b56;
font-family: "Red Hat Display", sans-serif !important;
font-weight: 600;
font-size: 15px;
margin: 17px 0 0;
display: inline-block;
text-decoration: underline;
}
.modelStep p strong {
color: #000;
font-family: "Red Hat Display", sans-serif;
}
.modal-button .site-button.grey-bg {
background: #444b56;
border-color: #444b56;
min-width: 204px;
}
.plansModal .modal-container .modal-row {
width: 100%;
display: flex;
background: #fff;
border-radius: 15px;
padding: 70px 100px 70px 100px;
align-items: center;
position: relative;
min-height: 760px;
}
.plan-container .title {
display: flex;
align-items: center;
padding: 0 30px;
}
.plan-container .title h6 {
margin: 0;
width: 33%;
text-align: left;
font-size: 20px;
}
.plan-container .title .empty {
width: 33%;
}
.plan-container .plan-list ul {
margin: 0;
padding: 0;
text-align: left;
width: 33%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 12px;
}
.plan-container .plan-list ul li {
list-style: none;
font-size: 16px;
color: #455367;
font-family: "Inter", sans-serif;
font-weight: 300;
padding: 0 0 0 30px;
position: relative;
}
.plan-container .plan-list ul li:before {
content: "";
height: 18px;
width: 18px;
position: absolute;
background-image: url('../images/green-check-new.png');
background-size: contain;
left: 0;
}
.plan-container .plan-list ul li.not-available:before {
background-image: url('../images/close-icon-orange.png');
}
.plan-container .plan-list ul li.not-available {
color: #f06529;
text-decoration: line-through;
}
.plan-container .plan-list {
display: flex;
background: #f7f7f7;
padding: 30px;
margin: 20px 0 23px;
border-radius: 8px;
align-items: center;
}
.plan-container p {
font-size: 16px;
font-weight: 300;
}
.plan-container p b {
font-weight: 500;
color: #455367;
}
.plan-container .plan-list .arrow {
width: 33%;
}
.button-row {
border-top: 2px solid #cccccc;
padding: 50px 0 0px;
display: flex;
gap: 28px;
margin: 0 -30px;
}
.button-row .site-button.grey-white:hover {
border-color: #4cc3a5;
color: #4cc3a5;
}
.button-row .site-button.bg-white {
border-color: #455367;
color: #455367;
}
.button-row .site-button.bg-white:hover {
background: #455367;
color: #fff;
}
.button-row .site-button.green-bg {
margin: 0 0 0 auto;
}
/*==========Downgrade modal css===========*/
/*==========Cancellation modal css===========*/
.cancellation-form_wrapper .gform_heading {
text-align: left;
}
.cancellation-form_wrapper .gform_heading h3 {
font-size: 40px !important;
position: relative;
margin: 0px 0 30px !important;
line-height: 50px;
}
.cancellation-form_wrapper .gform_heading h3:after {
content: "";
height: 8px;
display: block;
width: 240px;
background: #51bfa2;
margin: 17px 0 0;
border-radius: 9px;
}
.cancellation-form_wrapper form .gf_progressbar_wrapper {
display: none;
}
.cancellation-form_wrapper form .gform_page_fields .gfield_no_follows_desc {
max-width: inherit !important;
text-align: right !important;
position: absolute;
display: inline-block !important;
width: auto !important;
right: 0;
top: 0;
font-size: 24px !important;
color: #000 !important;
}
.cancellation-form_wrapper {
position: relative;
}
.cancellation-form_wrapper form .gform_fields li.gfield label.gfield_label {
font-size: 24px;
color: #444b56;
}
.cancellation-form_wrapper form .gform_fields .ginput_container {
padding: 0 0 0 22px;
}
.cancellation-form_wrapper form .gform_fields .gfield_checkbox li {
margin: 0 0 10px;
}
.cancellation-form_wrapper form .gform_fields .gfield_checkbox li label {
font-size: 20px;
font-family: "Inter", sans-serif;
font-weight: 300;
color: #444b56;
padding: 0 0 0 30px;
position: relative;
}
.cancellation-form_wrapper form .gform_fields .gfield_checkbox li label:before {
content: "";
font-size: 19px;
opacity: 1;
height: 21px;
width: 21px;
background: #fff;
border: 1px solid #444b56;
border-radius: 3px;
top: 2px;
position: absolute;
left: 0;
}
.cancellation-form_wrapper form .gform_fields .gfield_checkbox li label::after {
content: "\f00c";
font-size: 16px;
left: 3px;
top: 4px;
color: #fff;
position: absolute;
font-family: "Font Awesome 5 Pro";
}
.cancellation-form_wrapper
form
.gform_fields
.gfield_checkbox
li
input:checked
+ label:before {
background: #51bfa2;
border-color: #51bfa2;
}
.cancellation-form_wrapper
form
.gform_fields
.gfield_checkbox
li
input:checked
+ label:after {
opacity: 1;
}
.cancellation-form_wrapper
form
.gform_fields
.gfield_checkbox
li
input:checked
+ label {
font-weight: normal !important;
}
.cancellation-form_wrapper form .gform_fields li .ginput_container_text input {
height: 70px;
border: 1px solid #444b56 !important;
width: 430px !important;
border-radius: 8px;
margin: 0 0 0 30px !important;
}
.cancellation-form_wrapper form .gform_fields li.gfield {
margin-bottom: 20px !important;
}
.cancellation-model-step .button-row {
margin: 0;
padding: 37px 0 0;
}
.cancellation-model-step .button-row a.close-btn {
display: inline-block;
width: auto;
text-align: center;
padding: 13px 35px;
border-radius: 8px;
background: #fff;
color: #444b56;
font-size: 16px;
font-weight: 400;
border: 1px solid #444b56;
font-family: "Red Hat Display", sans-serif !important;
transition: 0.5s;
}
.cancellation-form_wrapper form .gform_page_footer.top_label {
position: absolute;
right: 0;
width: auto;
border: none;
margin: 0;
padding: 0;
bottom: -92px;
}
.cancellation-form_wrapper form .gform_page_footer.top_label input.button {
display: inline-block;
width: auto;
text-align: center;
padding: 13px 35px;
border-radius: 8px;
background: #4cc3a5;
color: #fff;
font-size: 16px;
font-weight: 400;
border: 1px solid #4cc3a5;
font-family: "Red Hat Display", sans-serif !important;
transition: 0.5s;
cursor: pointer;
}
.cancellation-form_wrapper form .gform_page_footer.top_label i {
display: none;
}
.cancellation-form_wrapper form {
padding: 0 0 15px;
}
.cancellation-form_wrapper
form
.gform_page_footer.top_label
input.button.gform_previous_button {
border-color: #444b56;
background: #fff;
color: #444b56;
margin-right: 10px;
}
.cancellation-form_wrapper form .gform_fields .recommend-teamed .gfield_radio {
display: flex;
gap: 17px;
counter-reset: step -1;
margin: 60px 0 200px;
position: relative;
}
.cancellation-form_wrapper
form
.gform_fields
.recommend-teamed
.gfield_radio
li {
margin: 0;
overflow: visible;
}
.cancellation-form_wrapper
form
.gform_fields
.recommend-teamed
.gfield_radio
li
label {
height: 34px !important;
width: 34px;
color: #fff;
text-indent: -9999px;
max-width: inherit;
position: relative;
}
.cancellation-form_wrapper
form
.gform_fields
.recommend-teamed
.gfield_radio
li:before {
content: counter(counter);
counter-increment: counter;
color: #fff;
display: inline-flex;
position: absolute;
z-index: 9;
font-family: "Inter", sans-serif;
font-size: 20px;
top: 4px;
width: 34px;
justify-content: center;
content: counter(step);
counter-increment: step 1;
}
.cancellation-form_wrapper
form
.gform_fields
.recommend-teamed
.gfield_radio
li
label::before {
height: 34px;
width: 34px;
position: absolute;
margin: 0;
background: #d9d9d9;
left: 0;
border-radius: 100%;
content: "";
}
.cancellation-form_wrapper
form
.gform_fields
.recommend-teamed
.gfield_radio
li
input:checked
+ label:before {
background: #4bc3a4;
}
.cancellation-form_wrapper
form
.gform_fields
.recommend-teamed
.gfield_radio:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #000;
max-width: 518px;
bottom: -30px;
left: 13px;
}
.cancellation-form_wrapper
form
.gform_fields
.recommend-teamed
.gfield_radio
li
input {
height: 34px;
width: 34px;
display: block !important;
position: absolute;
opacity: 0;
margin: 0 !important;
z-index: 999;
}
.cancellation-form_wrapper
form
.gform_fields
.recommend-teamed
.gfield_radio
li:first-child:after {
content: "Not Likey";
position: absolute;
color: #a4a4a4;
bottom: -49px;
font-size: 10px;
white-space: nowrap;
left: -5px;
}
.cancellation-form_wrapper
form
.gform_fields
.recommend-teamed
.gfield_radio
li:nth-child(6):after {
content: "Maybe";
position: absolute;
color: #a4a4a4;
bottom: -49px;
font-size: 10px;
white-space: nowrap;
left: 0;
}
.cancellation-form_wrapper
form
.gform_fields
.recommend-teamed
.gfield_radio
li:last-child:after {
content: "Very Likely";
position: absolute;
color: #a4a4a4;
bottom: -49px;
font-size: 10px;
white-space: nowrap;
left: -10px;
}
.cancellation-form_wrapper
form
.gform_fields
.recommend-teamed
.gfield_radio
li:first-child
label:after {
content: "";
position: absolute;
height: 8px;
width: 1px;
background: #000;
left: 13px;
bottom: -29px;
}
.cancellation-form_wrapper
form
.gform_fields
.recommend-teamed
.gfield_radio
li:nth-child(6)
label:after {
content: "";
position: absolute;
height: 8px;
width: 1px;
background: #000;
left: 17px;
bottom: -29px;
}
.cancellation-form_wrapper
form
.gform_fields
.recommend-teamed
.gfield_radio
li:last-child
label:after {
content: "";
position: absolute;
height: 8px;
width: 1px;
background: #000;
left: 20px;
bottom: -29px;
}
.cancellation-form_wrapper
form
.gform_fields
li
.ginput_container_textarea
textarea {
height: 230px;
border: 1px solid #444b56 !important;
border-radius: 8px;
margin: 20px 0 20px;
width: calc(100% - 30px);
}
/*==========Cancellation modal css===========*/
/*==========Home header css===========*/
.admin-bar .home-header {
top: 32px;
}
.page-id-65004 .home-header {
background: #444b56;
}
.page-id-65004 .home-header .header-col-left .logo-black {
display: none;
}
.page-id-65004 .home-header .header-col-left .logo-white {
display: block;
}
.page-id-65004 .home-header .header-col-center-wrapper .nav ul li a {
color: #fff;
font-family: "Red Hat Display", sans-serif !important;
font-size: 18px;
font-weight: normal;
}
.page-id-65004 .home-header .header-col-center-wrapper {
justify-content: end;
}
.home-header .header-col-center-wrapper .nav ul {
gap: 57px;
justify-content: center;
}
.home-header .header-col-center-wrapper nav.nav {
max-width: inherit;
margin-right: 30px;
}
.home-header .header-col-center-wrapper .nav ul {
gap: 57px;
justify-content: end;
}
.page-id-65004 .home-header .header-col-center-wrapper nav.nav {
max-width: inherit;
margin: 0;
}
.page-id-65004 .home-header .header-col-center-wrapper .nav ul {
justify-content: center;
}
.home-header .header-col-center-wrapper .button-container .button {
font-family: "Red Hat Display", sans-serif !important;
font-weight: normal;
border: 2px solid #fff;
padding: 14px 0;
}
.home-header
.header-col-center-wrapper
.button-container
.button.button__login {
background: transparent;
display: block;
color: #444b56;
border-color: #444b56;
}
.home-header
.header-col-center-wrapper
.button-container
.button.button__contact-header {
background: #efbc44;
border-color: #efbc44;
}
.page-id-65004
.home-header
.header-col-center-wrapper
.button-container
.button {
font-family: "Red Hat Display", sans-serif !important;
font-weight: normal;
border: 2px solid #fff;
padding: 14px 0;
}
.page-id-65004
.home-header
.header-col-center-wrapper
.button-container
.button.button__login {
background: transparent;
display: block;
color: #fff;
}
.page-id-65004
.home-header
.header-col-center-wrapper
.button-container
.button.button__contact-header {
background: #efbc44;
border-color: #efbc44;
}
.home-header
.header-col-center-wrapper
.button-container
.button.button__contact-header:hover {
border: 2px solid #efbc44;
}
.home-header .header-col-center-wrapper .button-container {
gap: 15px;
}
.page-id-65004
.home-header
.header-col-center-wrapper
.button-container
.button.button__contact-header:hover {
background: #fbeecf;
border: 2px solid #fbeecf;
color: #444b56 !important;
}
.page-id-65004
.home-header
.header-col-center-wrapper
.button-container
.button.button__login:hover {
background: #51bfa2;
border-color: #51bfa2;
}
.page-id-65004
.home-header.active
.header-col-center-wrapper
.button-container
.button.button__login {
border-color: #ffffff;
color: #fff !important;
}
.page-id-65004
.home-header.active
.header-col-center-wrapper
.button-container
.button.button__login:hover {
border-color: #51bfa2;
}
/*==========Home header css===========*/
/*==========hire page css===========*/
.hire-banner {
margin: 130px 0 0px;
padding: 75px 0;
}
.hire-banner .collunm {
width: 50%;
}
.hire-banner .collunm:first-child {
width: calc(50% + 80px);
}
.hire-banner .collunm:last-child {
width: calc(50% - 80px);
}
.hire-banner .collunm h2 {
font-size: 72px;
line-height: 95px;
font-family: "Red Hat Display", sans-serif !important;
margin: 10px 0 40px;
padding: 0 20px 0px 0px;
}
.hire-banner .collunm h3 {
margin: 0;
font-size: 20px;
color: #444b56;
font-family: "Inter", sans-serif !important;
text-transform: uppercase;
font-weight: 700;
line-height: 34px;
}
.hire-banner .collunm p {
margin: 0 0 22px;
font-size: 24px;
line-height: 29px;
font-family: "Inter", sans-serif;
color: #444b56;
font-weight: normal;
}
.hire-banner .collunm .site-button.bg-white {
border-color: #444b56;
margin: 30px 20px 0 0;
}
.hire-banner .collunm .work-video {
padding: 0 0 0 70px;
position: relative;
}
.hire-banner .collunm .work-video:before {
content: "";
height: 290px;
width: 290px;
position: absolute;
background: #51bfa2;
left: 35px;
bottom: -25px;
border-radius: 8px;
}
.hire-banner {
margin: 130px 0 0px;
padding: 75px 0;
position: relative;
}
.tabs-section .heading {
width: 100%;
text-align: center;
}
.hire-services .services-row {
display: flex;
gap: 25px;
margin: 0 -12px;
}
.hire-services .new-container {
padding: 0 90px;
}
.hire-services .services-row .collunm {
width: 33%;
background: #cef9ee;
padding: 0;
border-radius: 16px;
}
.hire-services .services-row .collunm a {
padding: 40px;
display: block;
height: 100%;
}
.hire-services .services-row .collunm h4 {
font-size: 30px;
font-family: "Red Hat Display", sans-serif !important;
line-height: 36px;
color: #000;
margin: 10px 0 14px;
}
.hire-services .services-row .collunm p {
font-size: 16px;
color: #575d67;
}
.hire-services .services-row .collunm.yellow {
background: #fbeecf;
}
.hire-services .services-row .collunm.orange {
background: #ffdaca;
}
.hire-services .heading {
text-align: center;
margin: 0 0 70px 0;
}
.hire-services .heading h3 {
margin: 0;
font-size: 40px;
color: #000;
font-family: "Red Hat Display", sans-serif !important;
position: relative;
line-height: 50px;
}
.hire-services .heading h3:after {
content: "";
height: 8px;
width: 282px;
display: block;
background: #4cc3a5;
margin: 20px auto 0;
border-radius: 9px;
}
.hire-services .heading p {
font-size: 20px;
line-height: 24px;
color: #444b56;
font-family: "Inter", sans-serif;
font-weight: 300;
margin: 20px 0 0;
padding: 0 88px;
}
.page-template-template-hire-talent-page {
background: #fff !important;
}
.hire-banner:after {
height: calc(100% - 20px);
content: "";
width: 28%;
position: absolute;
background: rgba(195, 195, 195, 0.2);
right: 0;
top: 10px;
border-radius: 20px 0 0 16px;
}
.hire-banner .new-container {
position: relative;
z-index: 9;
}
.tabs-section .heading h3 {
margin: 0;
font-size: 40px;
color: #000;
font-family: "Red Hat Display", sans-serif !important;
position: relative;
line-height: 50px;
}
.tabs-section .heading h3:after {
content: "";
height: 8px;
width: 282px;
display: block;
background: #4cc3a5;
margin: 20px auto 0;
border-radius: 9px;
}
.tabs-section .heading p {
font-size: 20px;
line-height: 24px;
color: #444b56;
font-family: "Inter", sans-serif;
font-weight: 300;
margin: 20px 0 0;
}
.hiring-tabs {
border-radius: 16px;
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
margin: 80px 0px 0 0;
overflow: hidden;
background: #fff;
}
.hiring-tabs ul.tabs {
display: flex;
margin: 0;
padding: 0;
}
.hiring-tabs ul.tabs li {
list-style: none;
flex: auto;
}
.hiring-tabs ul.tabs li {
list-style: none;
flex: auto;
background: #444b56;
font-size: 16px;
color: #fff;
font-family: "Red Hat Display", sans-serif !important;
font-weight: bold;
padding: 24px 0;
text-align: center;
cursor: pointer;
}
.hiring-tabs ul.tabs li.current {
background: #51bfa2;
}
.hiring-tabs .hiring-content {
padding: 85px 80px 112px 115px;
}
.hiring-tabs .hiring-content .tab-row {
display: flex;
flex-wrap: wrap;
gap: 57px;
align-items: self-end;
}
.hiring-tabs .hiring-content .collunm {
width: calc(55% - 29px);
position: relative;
}
.hiring-tabs .hiring-content .collunm:last-child {
width: calc(45% - 29px);
}
.hiring-tabs .hiring-content .detail-content {
background: #fff;
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
border-radius: 16px;
padding: 25px 20px 20px 35px;
min-height: 400px;
}
.hiring-tabs .hiring-content .list:last-child {
margin: 0;
}
.hiring-tabs .hiring-content .list {
position: relative;
margin: 0 0 35px;
}
.hiring-tabs .hiring-content .list img {
position: absolute;
left: -60px;
top: -12px;
width: 46px;
}
.hiring-tabs .hiring-content .list label {
font-size: 16px;
font-weight: 600;
font-family: "Red Hat Display", sans-serif !important;
color: #000;
margin: 0 0 9px;
display: block;
}
.hiring-tabs .hiring-content .list p {
margin: 0;
font-size: 13px;
font-family: "Inter", sans-serif;
line-height: 16px;
color: #444b56;
font-weight: 300;
}
.hiring-tabs .hiring-content .collunm h4 {
color: #444b56;
font-size: 24px;
margin: 0 0 36px;
font-family: "Red Hat Display", sans-serif !important;
}
.hiring-tabs .hiring-content .list ul {
padding: 0 0 0 16px;
margin: 0;
display: flex;
gap: 40px;
}
.hiring-tabs .hiring-content .list ul li {
color: #a4a4a4;
font-size: 13px;
font-weight: 500;
}
.hiring-tabs .hiring-content .information {
padding-right: 100px;
}
.hiring-tabs .hiring-content .information {
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
width: calc(100% - 63px);
padding: 48px 28px 9px;
border-radius: 16px;
position: relative;
z-index: 9;
background: #fff;
min-height: 400px;
}
.hiring-tabs .hiring-content .collunm .shadow {
height: 100%;
width: calc(100% - 44px);
background: #eeeeee;
position: absolute;
top: 0;
border-radius: 16px;
box-shadow: 2px 4px 70px rgba(88, 88, 88, 0.1);
}
.hiring-tabs .hiring-content .collunm .shadow.first {
z-index: 3;
}
.hiring-tabs .hiring-content .collunm .shadow.second {
width: calc(100% - 22px);
z-index: 2;
}
.hiring-tabs .hiring-content .collunm .shadow.third {
width: calc(100% - 0px);
box-shadow: none;
}
.hiring-tabs .hiring-content .information .profile {
padding: 0;
box-shadow: none;
display: flex;
gap: 25px;
margin: 0 0 17px;
}
.hiring-tabs .hiring-content .information .profile .image {
height: 107px;
width: 107px;
overflow: hidden;
border-radius: 100%;
min-width: 107px;
min-height: 107px;
}
.hiring-tabs .hiring-content .information .profile .info h5 {
font-size: 24px;
margin: 5px 0 3px;
font-family: "Red Hat Display", sans-serif !important;
}
.hiring-tabs .hiring-content .information .profile .info ul {
margin: 9px 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0 15px;
}
.hiring-tabs .hiring-content .information .profile .info ul li {
list-style: none;
margin: 0 0 9px;
display: flex;
gap: 20px;
align-items: center;
font-size: 12px;
}
.hiring-tabs .hiring-content .information .profile .info ul li span {
display: flex;
align-items: center;
gap: 7px;
color: #444b56;
}
.hiring-tabs .hiring-content .information .profile .info ul li:first-child {
font-weight: 600;
color: #51bfa2;
width: 100%;
}
.hiring-tabs .hiring-content .information .profile .info ul li:last-child {
width: 100%;
}
.hiring-tabs .hiring-content .information .skill {
padding: 24px 0 0;
border-top: 1px solid #cccccc;
display: flex;
flex-wrap: wrap;
}
.hiring-tabs .hiring-content .information .skill h6 {
margin: 0;
display: flex;
align-items: center;
gap: 12px;
font-size: 16px;
font-family: "Red Hat Display", sans-serif !important;
color: #000;
width: 100%;
position: relative;
padding: 0 0 0 28px;
}
.hiring-tabs .hiring-content .information .skill h6 img {
position: absolute;
left: 0;
}
.hiring-tabs .hiring-content .information .skill ul {
/* padding: 0px 0 0 30px;
margin: 4px 0 0;
list-style: none;
width: 50%;
display: flex;
flex-wrap: wrap;
gap: 2px;
align-items: flex-start; */
}
.hiring-tabs .hiring-content .information .skill ul {
padding: 0px 0 0 30px;
margin: 4px 0 0;
list-style: none;
width: 50%;
}
.hiring-tabs .hiring-content .information .skill ul:last-child {
padding-left: 10px;
}
.hiring-tabs .hiring-content .information .skill ul li {
width: 100%;
padding: 0 0 3px 7px;
position: relative;
font-size: 11px;
line-height: 13px;
font-weight: normal;
color: #444b56;
}
.hiring-tabs .hiring-content .information .skill ul li:before {
content: "";
height: 4px;
width: 4px;
position: absolute;
background: #444b56;
border-radius: 100%;
left: 0;
top: 5px;
}
.tabs-section {
padding: 200px 0 135px;
background: rgba(195, 195, 195, 0.2);
position: relative;
}
.tabs-section .new-container {
position: relative;
}
.tabs-section:before {
content: "";
height: 480px;
width: 100%;
position: absolute;
background: #fff;
left: 0;
top: 0;
}
.hiring-tabs .hiring-content .tab-content {
display: none;
}
.hiring-tabs .hiring-content .tab-content.current {
display: block;
}
.recruitment-services .left-collunm h3.border-heading::after {
margin-top: 14px;
}
.hire-services {
padding: 130px 0 150px;
}
.hire-services .bottom-bar {
width: 100%;
text-align: center;
margin: 50px 0 0;
}
.hire-services .bottom-bar p {
margin: 0 0 40px;
font-size: 24px;
color: #444b56;
font-family: "Red Hat Display", sans-serif !important;
font-weight: 600;
line-height: 30px;
}
.hire-services .bottom-bar a.site-button {
border-color: #455367;
}
.recruitment-services .left-collunm {
width: 60%;
background: #fff;
padding: 50px 160px 90px 70px;
border-radius: 32px;
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
}
.border-heading {
margin: 0;
font-size: 40px;
color: #000;
font-family: "Red Hat Display", sans-serif !important;
position: relative;
line-height: 50px;
}
.border-heading:after {
content: "";
height: 8px;
width: 282px;
display: block;
background: #4cc3a5;
margin: 20px 0 0;
border-radius: 9px;
}
.recruitment-services .left-collunm p {
font-size: 20px;
font-family: "Inter", sans-serif;
line-height: 24px;
color: #444b56;
font-weight: 300;
padding-right: 40px;
}
.recruitment-services .left-collunm ul {
padding: 0;
display: flex;
flex-wrap: wrap;
margin: 40px 0 20px;
}
.recruitment-services .left-collunm ul li {
list-style: none;
width: 50%;
padding: 0 0 22px 40px;
font-size: 16px;
font-weight: 600;
position: relative;
color: #444b56;
}
.recruitment-services .left-collunm ul li:last-child {
width: 100%;
}
.recruitment-services .left-collunm ul li:before {
content: "";
width: 26px;
height: 26px;
background: url("../images/green-check-light.png");
position: absolute;
left: 0;
top: -2px;
background-size: contain;
}
.recruitment-services .right-collunm .collunm {
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
position: relative;
left: -150px;
background: #fff;
max-width: 340px;
padding: 30px 50px 30px 30px;
border-radius: 8px;
margin-top: 130px;
}
.recruitment-services .right-collunm .collunm .detail {
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: center;
}
.recruitment-services .right-collunm .collunm .detail .image {
width: 60px;
height: 60px;
border-radius: 100%;
overflow: hidden;
}
.recruitment-services .right-collunm .collunm .detail .name h5 {
margin: 0 0 2px;
font-size: 20px;
font-family: "Red Hat Display", sans-serif !important;
}
.recruitment-services .right-collunm .collunm .detail p {
font-size: 11px;
line-height: 15px;
margin: 0;
}
.recruitment-services .right-collunm .collunm .detail form {
display: flex;
align-items: center;
gap: 10px;
}
.recruitment-services .right-collunm .collunm .detail form .form-group {
position: relative;
}
.recruitment-services .right-collunm .collunm .detail form .form-group input {
position: absolute;
opacity: 0;
z-index: 99;
margin: 0;
width: 100%;
height: 100%;
}
.recruitment-services .right-collunm .collunm .detail form label {
background: #fff;
border: 1px solid #444b56;
font-family: "Red Hat Display", sans-serif !important;
font-size: 11px;
font-weight: 600;
padding: 3px 17px;
border-radius: 5px;
display: block;
}
.recruitment-services .right-collunm .collunm .detail form span {
position: absolute;
right: -3px;
top: -5px;
height: 15px;
width: 15px;
background: #51bfa2;
color: #fff;
text-align: center;
font-family: "Red Hat Display", sans-serif !important;
font-size: 11px;
font-weight: 600;
border-radius: 100%;
line-height: 15px;
}
.recruitment-services
.right-collunm
.collunm
.detail
form
.form-group
input:checked
+ label {
background: #444b56;
color: #fff;
}
.align-center {
align-items: center;
}
.recruitment-services .right-image {
width: calc(40% + 120px);
margin-left: -120px;
position: relative;
}
.recruitment-services .right-image .box-shadow {
box-shadow: none;
border: none;
}
.recruitment-services.orange-section .right-collunm .box-shadow {
box-shadow: none;
border: none;
}
.recruitment-services .right-image img {
width: 519px;
}
.hire-telent .button {
padding: 0;
}
.hire-telent {
display: flex;
align-items: center;
gap: 18px;
}
.hire-telent .icon a {
width: 30px;
display: inline-block;
height: 30px;
background: #cef9ee;
text-align: center;
border-radius: 100%;
line-height: 30px;
}
.hire-telent .button a.site-button {
padding: 6px 38px;
font-size: 10px;
border-radius: 4px;
}
.recruitment-services .right-collunm .collunm.second {
margin: 0;
left: auto;
right: -140px;
top: -100px;
}
.job-board-listing .collunm {
display: flex;
align-items: center;
background: #fff;
border-radius: 8px;
padding: 8px 14px;
gap: 14px;
box-shadow: -2px 4px 10px rgba(0, 0, 0, 0.06);
margin: 0 0 10px;
}
.job-board-listing .collunm .image {
width: 10%;
}
.job-board-listing .collunm .tittle {
width: 60%;
}
.job-board-listing .collunm .detail {
width: 30%;
text-align: right;
}
.job-board-listing .collunm .image img {
width: 100%;
}
.job-board-listing .collunm .tittle p {
margin: 0;
font-weight: 600;
font-size: 12px;
}
.job-board-listing .collunm .tittle label {
color: #7f7f7f;
font-weight: 600;
font-size: 12px;
}
.job-board-listing .collunm .detail p {
margin: 0;
font-size: 12px;
color: #444b56;
font-weight: 600;
font-family: "Inter", sans-serif;
text-align: right;
display: flex;
align-items: center;
justify-content: end;
}
.job-board-listing .collunm .detail label {
font-size: 9px;
font-weight: 600;
color: #7f7f7f;
}
.job-board-listing .collunm .tittle p a {
color: #444b56;
font-family: "Inter", sans-serif;
}
.job-board-listing .collunm .detail p span:before {
content: "";
display: inline-block;
height: 5px;
width: 5px;
background: #51bfa2;
border-radius: 100%;
margin: 0 5px;
}
.job-board-listing .collunm .detail p span:first-child:before {
display: none;
}
.job-board-section .main-row {
align-items: center;
}
.job-board-section {
margin: 150px 0;
position: relative;
}
.job-board-section:before {
content: "";
height: calc(100% - 140px);
width: 50%;
position: absolute;
background: rgba(195, 195, 195, 0.2);
top: 70px;
}
.job-board-section .job-board-listing {
width: 45%;
background: #fff;
padding: 20px;
border-radius: 9px;
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 9;
left: 40px;
}
.job-board-image {
width: 45%;
padding: 0;
border-radius: 9px;
position: relative;
z-index: 9;
left: 40px;
top: 0px;
}
.job-board-listing h6 {
text-align: center;
color: #444b56;
font-size: 15px;
font-family: "Inter", sans-serif !important;
font-weight: 600;
margin: 10px 0 20px;
border-bottom: 1px solid #cccccc;
padding: 0 0 17px;
}
.job-board-content {
width: 55%;
background: #fff;
padding: 130px 59px 130px 13rem;
border-radius: 32px;
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
position: relative;
left: -70px;
}
.job-board-content .border-heading::after {
background: #efbc44;
width: 198px;
margin: 14px 0 0;
}
.job-board-content p {
font-size: 20px;
font-family: "Inter", sans-serif;
line-height: 26px;
color: #444b56;
font-weight: 300;
}
.job-board-content h5 {
font-size: 20px;
font-family: "Inter", sans-serif !important;
line-height: 26px;
color: #444b56;
font-weight: 600;
margin: 0;
}
.job-board-content ul {
padding: 0;
margin: 20px 0 80px;
}
.job-board-content ul li {
list-style: none;
margin: 0 0 26px;
font-weight: 600;
position: relative;
padding: 0 0 0 35px;
font-size: 16px;
color: #444b56;
}
.job-board-content ul li:before {
content: "";
width: 26px;
height: 26px;
background: url(../images/orange-check-light.png);
position: absolute;
left: 0;
top: -2px;
background-size: contain;
}
.recruitment-services .orange-section .left-collunm ul li:before {
content: "";
width: 26px;
height: 26px;
background: url("../images/dark-orange-check-icon.png");
position: absolute;
left: 0;
top: -2px;
background-size: contain;
}
.recruitment-services.orange-section .border-heading::after {
width: 217px;
background: #f06529;
margin: 14px 0 0;
}
.recruitment-services .left-collunm ul li:before {
content: "";
width: 26px;
height: 26px;
background: url("../images/green-check-light.png");
position: absolute;
left: 0;
top: -2px;
background-size: contain;
}
.recruitment-services.orange-section .left-collunm ul li:before {
background-image: url("../images/dark-orange-check-icon.png");
}
.recruitment-services.orange-section .left-collunm p {
padding-right: 140px;
}
.recruitment-services.orange-section .left-collunm ul {
margin-bottom: 45px;
}
.recruitment-services.orange-section .right-collunm img {
/* width: calc(100% + 270px);
left: -150px;
position: relative; */
}
.recruitment-services.orange-section .right-collunm img {
width: 555px;
left: 0;
position: relative;
}
.recruitment-services.orange-section .left-collunm {
padding-right: 20px;
width: 55%;
}
.recruitment-services.orange-section .right-collunm {
display: flex;
padding: 0;
position: relative;
left: -30px;
width: 45%;
top: 0;
}
.recruitment-services .right-collunm {
width: 40%;
}
.recruitment-services .right-collunm .card {
width: 50%;
background: #fff;
padding: 20px;
border-radius: 16px;
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
text-align: center;
position: relative;
z-index: 9;
}
.recruitment-services .right-collunm .card:last-child {
position: relative;
left: -30px;
z-index: 8;
top: 50px;
}
.recruitment-services.orange-section .main-row {
align-items: center;
}
.recruitment-services .right-collunm .card .image {
width: 110px;
height: 110px;
border-radius: 100%;
margin: 0 auto 30px;
}
.recruitment-services .right-collunm .card .image {
width: 110px;
height: 110px;
border-radius: 100%;
margin: 0 auto 30px;
overflow: hidden;
}
.recruitment-services .right-collunm .card .image img {
width: 100%;
}
.recruitment-services .right-collunm .card h4 {
margin: 0;
color: #f06529;
font-size: 24px;
font-family: "Inter", sans-serif !important;
font-weight: 600;
}
.recruitment-services .right-collunm .card p {
margin: 5px 0;
color: #444b56;
font-weight: 700;
font-family: "Inter", sans-serif !important;
}
.recruitment-services .right-collunm .card label {
margin: 5px 0;
color: #a4a4a4;
font-weight: 600;
font-family: "Inter", sans-serif !important;
font-size: 13px;
}
.recruitment-services .right-collunm .card ul {
padding: 0;
list-style: none;
display: flex;
justify-content: center;
gap: 5px;
margin: 4px 0 30px;
}
.recruitment-services .right-collunm .card ul li {
color: #000;
font-family: "Red Hat Display", sans-serif !important;
font-weight: 600;
font-size: 13px;
}
.recruitment-services .right-collunm .card a.site-button {
padding: 11px 20px;
}
.student-grade {
margin: 160px 0;
background: rgba(195, 195, 195, 0.2);
position: relative;
}
.student-grade .main-row {
align-items: center;
}
.student-grade .image-collunm {
width: 38%;
position: relative;
right: 0;
}
.student-grade .content-collunm {
width: 62%;
background: #fff;
padding: 150px 120px 130px 126px;
border-radius: 32px;
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
}
.student-grade .content-collunm p {
font-size: 20px;
font-family: "Inter", sans-serif;
line-height: 24px;
color: #444b56;
font-weight: 300;
}
.student-grade .content-collunm h6 {
font-size: 20px;
font-family: "Inter", sans-serif !important;
line-height: 26px;
color: #444b56;
font-weight: 700;
margin: 40px 0 32px;
}
.student-grade .content-collunm ul {
padding: 0;
margin: 0 0 70px 0;
}
.student-grade .content-collunm ul li {
list-style: none;
margin: 0 0 28px;
font-weight: 400;
position: relative;
padding: 0 0 0 40px;
font-size: 16px;
color: #444b56;
}
.logo-slider .logo-list .slick-arrow {
display: none !important;
}
.student-grade .content-collunm ul li:before {
content: "";
width: 28px;
height: 28px;
background: url(../images/pink-check-icon.png);
position: absolute;
left: 0;
top: -2px;
background-size: contain;
}
.student-grade .content-collunm .buttons {
display: flex;
gap: 48px;
}
.student-grade .border-heading:after {
background: #ef25b0;
width: 197px;
}
.student-grade .new-container {
position: relative;
z-index: 9;
}
.student-grade:before {
content: "";
position: absolute;
left: 0;
width: 100%;
top: 0;
background: #fff;
height: 120px;
}
.student-grade:after {
content: "";
position: absolute;
left: 0;
width: 100%;
bottom: 0;
background: #fff;
height: 30px;
}
.serice-row {
display: flex;
gap: 22px;
flex-wrap: wrap;
}
.serice-row .service-box {
border-radius: 32px;
background: #fff;
box-shadow: 19px 4px 70px rgba(0, 0, 0, 0.1);
padding: 65px 16px 65px 60px;
width: 47%;
}
.serice-row .service-box ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.serice-row .service-box ul li {
background: #cef9ee;
padding: 10px 24px;
font-weight: 600;
border-radius: 8px;
color: #444b56;
font-size: 16px;
}
.serice-row .service-box p {
font-size: 20px;
font-family: "Inter", sans-serif;
font-weight: 300;
line-height: 24px;
}
.logo-slider .logo-list {
display: flex;
width: 100%;
justify-content: center;
gap: 40px;
align-items: center;
margin: 0 0 200px;
}
.logo-slider .logo-list div {
flex: auto;
}
.logo-slider {
/* margin: 0 0 150px; */
margin: 150px 0px;
}
.hiring-service {
background-image: url(../images/contrator-bg.jpg);
position: relative;
padding: 110px 0;
}
.hiring-service:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
/* background: rgba(68, 75, 86, 0.9); */
top: 0;
left: 0;
}
.hiring-service .new-container {
position: relative;
z-index: 99;
}
.hiring-service .service-content {
width: 100%;
text-align: center;
}
.hiring-service .service-content .border-heading::after {
margin: 14px auto 0;
}
.hiring-service .service-content {
width: 100%;
text-align: center;
background: rgba(68, 75, 86, 0.8);
/* background-image: url(../images/contractor-bg-transparent.jpg); */
padding: 65px;
border-radius: 32px;
}
.hiring-service .service-content h3 {
font-size: 48px;
color: #fff;
margin: 0 0 40px;
}
.hiring-service .service-content p {
color: #fff;
font-size: 20px;
font-family: "Inter", sans-serif;
font-weight: 300;
}
.hiring-service .service-content a.site-button {
margin: 20px 0 0;
}
.flexible-hiring-service {
padding: 148px 0 117px;
background: rgba(195, 195, 195, 0.2);
position: relative;
}
.flexible-hiring-service:before {
content: "";
height: 550px;
width: 100%;
position: absolute;
background: #fff;
top: 0;
}
.flexible-hiring-service .new-container {
position: relative;
}
.flexible-hiring-service .top-part {
text-align: center;
width: 100%;
margin: 0 0 110px;
}
.flexible-hiring-service .top-part h3.border-heading::after {
margin: 20px auto 0;
}
.flexible-hiring-service .top-part p {
font-size: 20px;
font-family: "Inter", sans-serif;
font-weight: 300;
line-height: 24px;
}
.service-box.orange .border-heading::after {
background: #f06529;
}
.serice-row .service-box.orange li {
background: #ffdaca;
}
.service-box.yellow .border-heading::after {
background: #efbc44;
}
.serice-row .service-box.yellow li {
background: #fbeecf;
}
.testimonal-slider .heading {
text-align: center;
width: 100%;
margin: 0 0 34px;
}
.testimonal-slider .heading h3.border-heading::after {
margin: 20px auto 0;
}
.testimonal-slider {
padding: 130px 0 0;
}
.testimonal-slider-row {
width: 100%;
box-shadow: 19px 4px 70px rgba(0, 0, 0, 0.1);
margin: 0;
border-radius: 32px;
padding: 40px 100px 100px 20px;
position: relative;
}
.testimonal-slider-row .slider-collunm {
display: flex;
gap: 35px;
align-items: flex-start;
}
.testimonal-slider-row .testimonal-content {
padding: 30px 0 0;
}
.testimonal-slider-row .testimonal-content label {
font-size: 16px;
color: #a4a4a4;
font-weight: 600;
}
.testimonal-slider-row .testimonal-content h4 {
font-size: 40px;
font-family: "Inter", sans-serif;
font-weight: 400;
margin: 0;
line-height: 53px;
}
.testimonal-slider-row .testimonal-content span {
color: #51bfa2;
font-weight: 600;
font-size: 16px;
}
.testimonal-slider-row .testimonal-content p {
font-size: 20px;
color: #444b56;
line-height: 24px;
font-family: "Inter", sans-serif;
font-weight: 300;
margin: 35px 0 10px;
}
.testimonal-slider-row ul.slick-dots {
bottom: 40px;
left: 0;
margin: 0;
padding: 0 58px;
text-align: left;
}
.testimonal-slider-row ul.slick-dots li button {
background: #d9d9d9;
border-radius: 100%;
width: 15px;
height: 15px;
}
.testimonal-slider-row ul.slick-dots li {
height: 15px;
width: 15px;
margin: 0 3px;
}
.testimonal-slider-row ul.slick-dots li button:before {
display: none !important;
}
.testimonal-slider-row ul.slick-dots li.slick-active button {
background: #64bfa1;
}
.testimonal-slider-row button.slick-prev {
right: 180px;
left: auto;
top: 100px;
}
.testimonal-slider-row button.slick-next {
right: 100px;
top: 100px;
}
.testimonal-slider-row button.slick-arrow {
background: #ececec;
height: 57px;
width: 57px;
border-radius: 100%;
}
.testimonal-slider-row button.slick-arrow::before {
content: "\f337";
font-size: 38px;
font-weight: 800;
color: #a4a4a4;
}
.testimonal-slider-row button.slick-arrow::after {
content: "";
height: 20px;
width: 15px;
position: absolute;
left: 2px;
top: 19px;
background: #ececec;
}
.testimonal-slider-row button.slick-next::before {
left: -2px;
position: relative;
}
.testimonal-slider-row button.slick-prev::before {
left: 4px;
position: relative;
}
.testimonal-slider-row button.slick-prev::after {
left: auto;
right: 1px;
}
.testimonal-slider-row button.slick-arrow:hover {
background: #cef9ee;
}
.testimonal-slider-row button.slick-arrow:hover::after {
background: #cef9ee;
}
.testimonal-slider-row button.slick-arrow:focus {
background: #cef9ee;
}
.testimonal-slider-row button.slick-arrow:focus::after {
background: #cef9ee;
}
.testimonal-slider-row button.slick-arrow:hover::before {
color: #51bfa2;
}
.testimonal-slider-row button.slick-arrow:focus::before {
color: #51bfa2;
}
.hiring-content .info-image {
width: calc(100% - 67px);
border-radius: 16px;
position: relative;
z-index: 9;
}
.hiring-content .info-image img {
/* width: 100%;*/
display: block;
}
/*==========hire page css===========*/
/*==========Find Jobs Page===========*/
.find-job-banner {
padding: 100px 0 100px;
margin-top: 135px;
overflow: hidden;
}
.find-job-banner .collunm {
width: 50%;
position: relative;
}
.find-job-banner .collunm h3 {
margin: 0;
font-size: 28px;
color: #444b56;
font-family: "Inter", sans-serif !important;
text-transform: uppercase;
font-weight: 600;
line-height: 34px;
}
.find-job-banner .collunm h2 {
font-size: 72px;
line-height: 95px;
margin: 30px 0 20px;
font-family: "Red Hat Display", sans-serif !important;
}
.find-job-banner .collunm p {
font-size: 22px;
font-family: "Inter", sans-serif;
font-weight: 300;
line-height: 27px;
color: #444b56;
}
.find-job-banner .collunm .buttons {
margin: 50px 0 0;
display: flex;
gap: 10px;
}
.find-job-banner .collunm img {
position: relative;
right: 110px;
max-width: 800px;
}
.find-job-banner .collunm a.play-btn {
position: absolute;
font-size: 24px;
color: #444b56;
font-weight: bold;
display: flex;
gap: 12px;
align-items: center;
top: 305px;
left: 225px;
}
.find-job-banner .collunm a.play-btn i {
font-size: 50px;
color: #efbc44;
}
.find-next-role {
background-image: url('../images/find-role-bg.png');
background-size: cover;
padding: 112px 0 146px;
}
.find-next-role .main-row {
background: rgba(68, 75, 86, 0.9);
padding: 70px;
align-items: center;
}
.find-next-role .main-row .collunm {
width: 40%;
}
.find-next-role .main-row .collunm-img {
width: 60%;
text-align: end;
}
.find-next-role .collunm h2 {
color: #4cc3a5;
font-size: 48px;
margin: 0 0 35px;
}
.find-next-role .collunm h2.border-heading::after {
background: #cef9ee;
margin: 30px 0 0;
}
.find-next-role .collunm p {
font-size: 20px;
font-family: "Inter", sans-serif;
font-weight: 300;
line-height: 24px;
color: #fff;
padding: 0 60px 0 0;
}
.job-create-account {
padding: 133px 0 165px;
background: #fff;
overflow: hidden;
}
.job-create-account .main-row {
align-items: center;
}
.job-create-account .content-collunm {
width: 53%;
background: #fff;
box-shadow: 19px 4px 70px rgba(0, 0, 0, 0.1);
padding: 70px 120px 70px 97px;
border-radius: 32px;
}
.job-create-account .image-collunm {
width: 47%;
position: relative;
left: -50px;
}
.job-create-account .image-collunm .bigger-img img {
width: 454px;
}
.job-create-account .image-collunm img.small-img {
position: absolute;
left: -120px;
top: -8rem;
}
.job-create-account .image-collunm .small-img img {
width: 190px;
}
.job-create-account .content-collunm h3 {
margin: 0 0 25px;
}
.job-create-account .content-collunm p {
font-size: 20px;
color: #444b56;
font-family: "Inter", sans-serif;
font-weight: 300;
line-height: 24px;
margin: 0 0 32px;
}
.job-create-account .content-collunm p a {
font-family: "Inter", sans-serif;
font-weight: 500;
}
.job-create-account .content-collunm a.site-button {
border-color: #444b56;
}
.job-create-account .image-collunm img.bigger-img {
padding-top: 180px;
}
.find-job-board .main-row {
align-items: center;
}
.find-jobs-main .job-board-section:before {
display: none;
}
.find-job-board {
margin: 150px 0;
position: relative;
}
.find-job-board .job-board-listing {
width: 45%;
background: #fff;
padding: 20px;
border-radius: 9px;
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 9;
left: 40px;
}
.find-job-board .job-board-listing h6 {
text-align: center;
color: #444b56;
font-size: 22px;
font-family: "Inter", sans-serif !important;
font-weight: 600;
margin: 10px 0 20px;
border-bottom: 1px solid #cccccc;
padding: 0 0 17px;
}
.find-job-board .job-board-content {
width: 55%;
background: #fff;
padding: 90px 40px 100px 170px;
border-radius: 32px;
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
position: relative;
left: -70px;
}
.find-job-board .job-board-listing .tooltip-text {
position: absolute;
background: #efbc44;
color: #fff;
border-radius: 16px;
font-size: 20px;
font-weight: 500;
padding: 26px 40px 26px 20px;
top: -90px;
left: 0;
}
.find-job-board .job-board-listing .tooltip-text:before {
content: "";
border-left: 45px solid transparent;
border-right: 0px solid transparent;
border-top: 50px solid #efbc44;
position: absolute;
bottom: -37px;
right: 50px;
transform: rotate(-24deg);
}
.job-board-image .tooltip-text {
position: absolute;
background: #efbc44;
color: #fff;
border-radius: 16px;
font-size: 18px;
font-weight: 500;
padding: 15px 40px 15px 34px;
top: -57px;
left: 0;
z-index: 9;
}
.job-board-image .tooltip-text:before {
content: "";
border-left: 36px solid transparent;
border-right: 0px solid transparent;
border-top: 59px solid #efbc44;
position: absolute;
bottom: -42px;
right: 49px;
transform: rotate(-36deg);
}
.job-board-listing .collunm .image img {
width: 35px;
height: 35px;
}
.job-board-listing .collunm {
transition: 0.5s;
}
.job-board-listing .collunm:hover {
transform: scale(1.1);
background: #efbc44;
}
.job-board-listing .collunm:hover .tittle p a,
.job-board-listing .collunm:hover .tittle label,
.job-board-listing .collunm:hover .detail p,
.job-board-listing .collunm:hover .detail label {
color: #fff;
}
.job-board-listing .collunm:hover .detail p span:before {
background: #fff;
}
.teamed-recommendations {
background: #fff;
padding: 142px 0 220px;
}
.teamed-recommendations .main-row {
align-items: center;
}
.teamed-recommendations .left-collunm {
width: 60%;
background: #fff;
padding: 120px 160px 150px 100px;
border-radius: 32px;
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
}
.teamed-recommendations .right-collunm {
display: flex;
position: relative;
left: -80px;
width: 40%;
top: 20px;
}
.teamed-recommendations .left-collunm p {
font-size: 20px;
font-family: "Inter", sans-serif;
line-height: 26px;
color: #444b56;
font-weight: 300;
padding: 0 100px 0 0;
}
.teamed-recommendations .right-collunm .tooltip-text {
position: absolute;
background: #51bfa2;
color: #fff;
border-radius: 16px;
font-size: 18px;
font-weight: 500;
padding: 14px 40px 14px 20px;
top: -50px;
left: 0;
z-index: 9;
box-shadow: 1px 7px 43px rgba(0, 0, 0, 12%);
}
.teamed-recommendations .right-collunm .tooltip-text:before {
content: "";
border-left: 0 solid transparent;
border-right: 30px solid transparent;
border-top: 56px solid #51bfa2;
position: absolute;
bottom: -39px;
left: 50px;
transform: rotate(41deg);
}
.teamed-recommendations .right-collunm .shadow {
box-shadow: 12px 17px 50px rgba(0, 0, 0, 6%);
}
.teamed-recommendations .right-collunm img {
position: relative;
width: 520px;
}
.teamed-recommendations .right-collunm .box-shadow {
box-shadow: none;
border: none;
}
.talent-pool-section {
background: #fff;
padding: 142px 0;
position: relative;
}
.talent-pool-section .border-heading:after {
background: #f06529;
}
.talent-pool-section a {
color: #f06529;
}
.talent-pool-section:before {
content: "";
height: 100%;
right: 0;
position: absolute;
width: 40%;
background: rgba(195, 195, 195, 0.2);
top: 0;
border-radius: 16px 0 0 16px;
}
.talent-pool-section .main-row {
align-items: center;
}
.talent-pool-section .left-collunm {
width: 45%;
padding: 0;
position: relative;
z-index: 1;
right: -50px;
}
.talent-pool-section .right-collunm {
padding: 110px 70px 130px 150px;
position: relative;
left: -80px;
width: 55%;
border-radius: 32px;
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
background: #fff;
}
.talent-pool-section .right-collunm p {
font-size: 20px;
font-family: "Inter", sans-serif;
line-height: 26px;
color: #444b56;
font-weight: 300;
}
.talent-pool-section .left-collunm .tooltip-text {
position: absolute;
background: #f06529;
color: #fff;
border-radius: 16px;
font-size: 18px;
font-weight: 500;
padding: 15px 50px 15px 20px;
top: -80px;
left: 40px;
z-index: 9;
box-shadow: 1px 7px 43px rgba(0, 0, 0, 12%);
}
.talent-pool-section .left-collunm .tooltip-text:before {
content: "";
border-left: 0 solid transparent;
border-right: 30px solid transparent;
border-top: 56px solid #f06529;
position: absolute;
bottom: -39px;
left: 50px;
transform: rotate(41deg);
}
.talent-pool-section .left-collunm .shadow {
box-shadow: 10px 14px 50px rgba(0, 0, 0, 7%);
}
.talent-pool-section .left-collunm img {
width: 540px;
position: relative;
}
.talent-pool-section .left-collunm .box-shadow {
box-shadow: none;
border: none;
}
.talent-pool-section .right-collunm p b {
font-size: 16px;
font-weight: 500;
line-height: 22px;
}
.student-grad-roster {
position: relative;
background: #fff;
padding: 180px 0;
}
.student-grad-roster .main-row {
align-items: center;
background: #fff;
margin: 0;
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
border-radius: 32px;
}
.student-grad-roster .image-collunm {
width: 44%;
position: relative;
right: 0;
z-index: 1;
text-align: center;
}
.student-grad-roster .content-collunm {
width: 56%;
padding: 115px 60px 85px 140px;
position: relative;
}
.student-grad-roster .content-collunm p {
font-size: 20px;
font-family: "Inter", sans-serif;
line-height: 24px;
color: #444b56;
font-weight: 300;
}
.student-grad-roster .border-heading:after {
background: #ef25b0;
width: 197px;
}
.student-grad-roster .content-collunm .buttons {
display: flex;
margin: 50px 0 0;
}
.student-grad-roster .content-collunm .buttons a.site-button {
padding: 18px 39px;
}
.student-grad-roster .tooltip-text {
position: absolute;
background: #ef25b0;
color: #fff;
border-radius: 16px;
font-size: 18px;
font-weight: 500;
padding: 15px 40px 15px 20px;
top: -55px;
z-index: 9;
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
right: 25px;
}
.student-grad-roster .tooltip-text:before {
content: "";
border-left: 0 solid transparent;
border-right: 34px solid transparent;
border-top: 57px solid #ef25b0;
position: absolute;
bottom: -39px;
left: 50px;
transform: rotate(41deg);
}
.resources-section {
background: #fff;
padding: 142px 0 163px;
position: relative;
}
.resources-section .main-row {
align-items: center;
}
.resources-section .left-collunm {
width: 62%;
background: #fff;
padding: 80px 250px 100px 75px;
border-radius: 32px;
box-shadow: 19.61px 4px 70px rgba(0, 0, 0, 0.1);
}
.resources-section .right-collunm {
display: flex;
padding: 0;
position: relative;
left: -180px;
width: 38%;
align-items: center;
}
.resources-section .left-collunm p {
font-size: 20px;
font-family: "Inter", sans-serif;
line-height: 24px;
color: #444b56;
font-weight: 300;
}
.resources-section .left-collunm ul {
padding: 0;
display: flex;
flex-wrap: wrap;
margin: 30px 0 30px;
}
.resources-section .left-collunm ul li {
list-style: none;
width: 50%;
padding: 0 0 22px 40px;
font-size: 16px;
font-weight: 600;
position: relative;
color: #444b56;
}
.resources-section .left-collunm ul li a {
color: #444b56;
font-family: "Inter", sans-serif;
font-weight: 600;
position: relative;
text-decoration: underline;
}
.resources-section .left-collunm ul li:last-child a {
/* pointer-events: none;
text-decoration: none; */
}
.resources-section .left-collunm ul li:before {
content: "";
width: 26px;
height: 26px;
background: url("../images/green-check-light.png");
position: absolute;
left: 0;
top: -2px;
background-size: contain;
}
.resources-section .right-collunm img {
width: auto;
position: relative;
}
.resources-section .right-collunm .second-img {
left: 20px;
top: 70px;
}
.resources-section .left-collunm .border-heading:after {
background: #455367;
width: 208px;
margin: 15px 0 0;
}
.resources-section:before {
content: "";
height: 100%;
left: 0;
position: absolute;
width: 40%;
background: #f3f3f3;
top: 0;
border-radius: 0 16px 16px 0;
}
.resources-section .new-container {
position: relative;
}
.stories-section {
background-image: url('../images/success-stories-bg-image.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding: 120px 0;
}
.stories-section .heading {
width: 100%;
text-align: center;
margin: 0 0 80px;
}
.stories-section .heading .border-heading:after {
margin: 20px auto 0;
}
.stories-section .heading .border-heading {
color: #fff;
}
.stories-slider {
width: 100%;
}
.stories-slider .slider-item {
background: #fff;
padding: 50px 50px 110px;
border-radius: 26px;
min-height: 560px;
width: calc(100% - 20px);
position: relative;
left: 18px;
}
.stories-slider .slick-track {
/* gap: 30px;*/
}
.stories-slider .slider-item .user-profile {
display: flex;
align-items: center;
gap: 10px;
}
.stories-slider .slider-item .image {
width: 90px;
height: 90px;
overflow: hidden;
border-radius: 50%;
}
.stories-slider .slider-item .image img {
object-fit: cover;
width: 100%;
height: 100%;
}
.stories-slider .slider-item .detail {
width: calc(100% - 100px);
}
.stories-slider .slider-item .detail h4 {
margin: 0;
font-family: "Red Hat Display", sans-serif !important;
font-size: 32px;
font-weight: 100;
line-height: 43px;
}
.stories-slider .slider-item .detail label {
color: #51bfa2;
font-weight: 600;
font-size: 18px;
}
.stories-slider .slider-item .slider-content {
margin: 25px 0 0;
}
.stories-slider .slider-item .slider-content p {
margin: 0 0 20px;
font-size: 18px;
font-family: "Inter", sans-serif;
font-weight: 300;
line-height: 22px;
color: #444b56;
}
.stories-slider .slider-item .slider-content img {
margin: 0;
position: absolute;
bottom: 20px;
left: 50%;
transform: translate(-50%, 0);
width: 80px;
height: 80px;
object-fit: contain;
}
.stories-slider button.slick-prev {
left: -50px;
}
.stories-slider button.slick-next {
right: -65px;
}
.stories-slider button.slick-arrow {
background: #ececec;
height: 57px;
width: 57px;
border-radius: 100%;
}
.stories-slider button.slick-arrow::before {
content: "\f337";
font-size: 38px;
font-weight: 800;
color: #a4a4a4;
}
.stories-slider button.slick-prev::before {
left: 4px;
position: relative;
}
.stories-slider button.slick-arrow::after {
content: "";
height: 20px;
width: 15px;
position: absolute;
left: 2px;
top: 19px;
background: #ececec;
}
.stories-slider button.slick-prev::after {
left: auto;
right: 2px;
}
.stories-slider button.slick-arrow:hover {
background: #cef9ee;
}
.stories-slider button.slick-arrow:hover::before {
color: #51bfa2;
}
.stories-slider button.slick-arrow:hover::after {
background: #cef9ee;
}
.stories-slider button.slick-next::before {
left: -2px;
position: relative;
}
.job-faq {
padding: 120px 0 0;
position: relative;
background: #fff;
}
.job-faq .main-wrapper {
position: relative;
}
.job-faq .heading {
width: 100%;
text-align: center;
margin: 0 0 90px;
}
.job-faq .heading .border-heading:after {
margin: 20px auto 0;
}
.job-faq .accordion-container .set a i {
color: #4cc3a5;
}
.pricing-started.faq-started {
padding-top: 320px;
background: #fff;
}
.faq-started .started-content a.site-button {
margin: 0 10px 0 0;
}
/*==========Find Jobs Page===========*/
.pricing-tabs .tab-content.current {
display: inherit;
justify-content: center;
}
/*==========Request Recruitment css===========*/
.requestRecruitment-model {
width: 100%;
}
.requestRecruitment-modal .modal-container {
max-width: 1142px;
}
.requestRecruitment-modal .modal-container .modal-row {
padding: 52px;
align-items: flex-start;
min-height: 700px;
}
.requestRecruitment-model .page-top-bar {
padding: 0;
}
.requestRecruitment-model .first-step-page {
min-height: 590px;
}
/*==========Request Recruitment css===========*/
/*==========postAJob-model css===========*/
.postAJob-model {
width: 100%;
}
.postAJob-modal .modal-container {
max-width: 1142px;
}
.postAJob-model .post-job-wrapper {
padding: 0;
}
.postAJob-model .jop-post-head h1 {
padding: 0;
border: none;
}
.postAJob-modal .modal-container .modal-row {
padding: 40px 60px 50px;
}
/*==========postAJob-model css===========*/
/*==========requestFormForEmployee css===========*/
.requestFormForEmployee-model {
width: 100%;
background: #e8e8e8;
position: relative;
}
.requestFormForEmployee-modal .modal-row {
padding: 0 !important;
overflow: hidden;
align-items: flex-start !important;
min-height: auto !important;
}
.requestFormForEmployee-model .button-row {
margin: 0;
padding: 16px 20px;
border-width: 1px;
width: calc(100% - 240px);
margin-left: 240px;
background: #fff;
}
.requestFormForEmployee-model form .gf_page_steps {
padding: 20px !important;
box-shadow: none !important;
min-height: auto !important;
background: #e8e8e8 !important;
}
.requestFormForEmployee-model form .gf_page_steps .gf_step {
color: #455367 !important;
}
.requestFormForEmployee-model form .gf_page_steps .gf_step.gf_step_active {
color: #4bc3a4 !important;
}
.requestFormForEmployee-model .button-row {
/*margin: 0;
justify-content: center;
padding: 22px 0 0;
border-width: 1px;*/
}
.requestFormForEmployee-model .button-row a.close-btn {
border: 1px solid #444b56;
color: #444b56;
font-family: "Inter", sans-serif;
font-size: 14px;
line-height: normal;
font-weight: 600;
padding: 10px 22px;
border-radius: 8px;
text-transform: none;
}
.requestFormForEmployee-model form .gform-body.gform_body {
min-height: auto !important;
background: #fff;
}
.requestFormForEmployee-model form .gform-body .gform_page_fields {
/* max-width: 100% !important;
width: 100% !important;*/
}
.requestFormForEmployee-model
form
.gform-body
.gform_page_fields
.ginput_container
input {
border: 1px solid #444b567d !important;
border-radius: 8px !important;
height: 40px !important;
font-size: 14px !important;
font-weight: normal !important;
font-style: inherit !important;
color: #455367 !important;
}
.requestFormForEmployee-model
form
.gform-body
.gform_page_fields
.ginput_container
textarea {
border: 1px solid #444b567d !important;
border-radius: 8px !important;
height: 100px !important;
font-size: 14px !important;
font-weight: normal !important;
font-style: inherit !important;
color: #455367 !important;
}
.requestFormForEmployee-model
form
.gform-body
.gform_page_fields
.ginput_container
.gfield_description {
padding-top: 0;
margin: -4px 0 0;
}
.requestFormForEmployee-model form .gform_page .gform_page_footer {
position: absolute !important;
right: -10px;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
bottom: -96px;
border: none !important;
}
.requestFormForEmployee-model form .gform_page .gform_page_footer input.button {
border: 1px solid #4bc3a4;
color: #ffffff;
font-family: "Inter", sans-serif !important;
font-size: 14px;
line-height: normal;
font-weight: 600;
padding: 10px 30px;
border-radius: 8px;
background: #4bc3a4;
cursor: pointer;
}
.requestFormForEmployee-model form .gform_page .gform_page_footer i {
display: none;
}
.requestFormForEmployee-model form .gform-body .gform_fields li h3 {
font-size: 40px !important;
position: relative;
margin: 0px 0 30px !important;
line-height: 50px !important;
}
.requestFormForEmployee-model form .gform-body .gform_fields li h3:after {
content: "";
height: 8px;
display: block;
width: 230px;
background: #51bfa2;
margin: 17px auto 0;
border-radius: 9px;
}
.requestFormForEmployee-model form .gform-body .gform_fields li p {
color: #455367;
}
.canceled-model-step h2 {
font-size: 40px !important;
position: relative;
margin: 0px 0 20px !important;
line-height: 50px !important;
font-weight: 800;
color: #042e33;
}
.canceled-model-step h2:after {
content: "";
height: 8px;
display: block;
width: 260px;
background: #51bfa2;
margin: 17px auto 0;
border-radius: 9px;
}
.canceled-model-step {
text-align: center;
max-width: 700px;
margin: 0 auto;
}
.canceled-model-step p {
font-size: 20px;
line-height: 26px;
}
.canceled-model-step h4 {
font-size: 24px;
color: #444b56;
}
.canceled-model-step .modal-button a.close-btn {
border: 1px solid #51bfa2;
padding: 13px 24px;
text-decoration: none;
border-radius: 6px;
background: #51bfa2;
color: #fff;
}
.canceled-model-step img {
margin: 0 0 20px;
}
/*==========requestFormForEmployee css===========*/
.page-template-template-billing-details .left-nav-header__top,
.page-template-templatesclient-profile-php .left-nav-header__top,
.page-template-templatesteammate-documents-php .left-nav-header__top,
.page-template-templatesteammate-documents-php .left-nav-header__top,
.page-template-templatesrate-schedule-php .left-nav-header__top,
.page-template-templatesteammate-password-php .left-nav-header__top,
.page-template-templatesclient-add-new-teammates-php .left-nav-header__top,
.page-template-templatestemplate-ace-upgrade-plan-php .left-nav-header__top {
display: none;
}
.left-nav-header__menu
.menu-list
.menu-item.quick-links
i.fal.fa-chevron-right {
top: 2px;
}
.summary-row {
display: flex;
gap: 25px;
}
.summary-row .left-collunm {
width: calc(48% - 25px);
text-align: left;
padding-right: 40px;
}
.summary-row .right-collunm {
width: 52%;
}
.summary-row .left-collunm h2::after {
margin: 17px 0 0;
width: 183px;
}
.summary-row .left-collunm .summary-btn {
display: flex;
gap: 12px;
margin: 90px 0 0 0;
}
.summary-row .plan-detail {
background: #f7f7f7;
padding: 40px 20px 20px;
text-align: left;
border-radius: 8px;
}
.summary-row .plan-detail p {
margin: 0 0 0 10px;
display: list-item;
list-style: outside;
font-family: "Inter", sans-serif;
}
.summary-row .plan-detail ul {
font-weight: 600;
margin: 5px 0 45px;
}
.summary-row .plan-detail ul li {
font-size: 20px;
margin: 0 0 8px;
font-weight: 600;
font-family: "Inter", sans-serif;
}
ul.active-user li {
color: #4cc3a5;
}
ul.inacive-user li {
color: #f06529;
text-decoration: line-through;
}
.summary-row .plan-detail .button-row {
margin: 0;
padding: 0;
border: none;
}
.summary-row .plan-detail .button-row input {
width: 100%;
max-width: 100%;
background: #444b56;
font-family: Red Hat Display !important;
font-weight: normal;
}
.summary-row .plan-detail .button-row input:hover {
background: #51bfa2;
border-color: #51bfa2;
}
.summary-row .plan-detail .order-summary h3 {
color: #444b56;
font-family: Red Hat Display !important;
}
.accounts-detail .account-table .table-info {
position: relative;
text-align: left;
border: none;
padding: 10px 0;
}
.accounts-detail .account-table {
background: #f7f7f7;
margin: 0 0 27px;
border-radius: 8px;
padding: 20px 120px 30px 170px;
}
.accounts-detail .account-table .table-head {
text-align: left;
border-bottom: 1px solid #cccccc;
margin: 0 0 10px;
}
.plan-container.accounts-detail ~ .button-row {
margin: 0;
}
.account-table .table-info .check-box {
position: absolute;
left: -40px;
}
.account-table .table-info .check-box input {
margin: 0;
height: 21px;
width: 21px;
position: absolute;
z-index: 99;
opacity: 0;
}
.account-table .table-info .check-box span {
display: inline-block;
height: 21px;
width: 21px;
border: 1px solid #444b56;
border-radius: 2px;
}
.account-table .table-info .check-box input:checked + span {
background: #4cc3a5;
border-color: #4cc3a5;
}
.account-table .table-info .check-box span:before {
color: #fff;
content: "\f00c";
font-family: "Font Awesome 5 Pro";
font-size: 15px;
line-height: normal;
font-weight: 500;
left: 2px;
position: relative;
top: 1px;
opacity: 0;
}
.account-table .table-info .check-box input:checked + span:before {
opacity: 1;
}
.accounts-detail .account-table .table-head .owner-name {
width: 25%;
font-size: 16px;
}
.accounts-detail .account-table .table-head .email {
width: 30%;
}
.accounts-detail .account-table .table-info .name {
width: 25%;
}
.accounts-detail .account-table .table-info .email {
width: 30%;
}
.accounts-detail .account-table .table-info .role {
width: 20%;
}
.accounts-detail .account-table .table-head .role {
width: 20%;
}
.accounts-detail .account-table .table-head .name {
width: 25%;
}
.accounts-detail .account-table .table-info .name img {
height: 48px;
width: 48px;
}
.accounts-detail .account-table .table-info .name a {
font-family: "Inter", sans-serif;
}
.accounts-detail .account-table .table-info .email a {
font-family: "Inter", sans-serif;
}
.accounts-detail .account-table .table-info input[type="checkbox"] {
position: absolute;
left: -40px;
z-index: 999;
margin: 0;
width: 21px;
height: 21px;
opacity: 0;
}
.accounts-detail
.account-table
.table-info
input[type="checkbox"]:checked
+ .check-box
span {
background: #a4a4a4;
border-color: #a4a4a4 !important;
}
.accounts-detail
.account-table
.table-info
input[type="checkbox"]:checked
+ .check-box
span:before {
opacity: 1;
}
.accounts-detail
.account-table
.table-info
input[type="checkbox"]:checked
+ .check-box
~ .name
a {
text-decoration: line-through;
color: #a4a4a4;
}
.accounts-detail
.account-table
.table-info
input[type="checkbox"]:checked
+ .check-box
~ .email
a {
text-decoration: line-through;
color: #a4a4a4;
}
.accounts-detail
.account-table
.table-info
input[type="checkbox"]:checked
+ .check-box
~ .role {
text-decoration: line-through;
color: #a4a4a4;
}
.modal-min-container {
max-width: 690px;
width: 100%;
margin: 50px auto;
display: flex;
justify-content: center;
font-family: Red Hat Display !important;
min-height: 460px;
align-items: center;
}
.complete-downgrade {
width: 100%;
text-align: center;
background: #fff;
padding: 100px 70px;
border-radius: 16px;
}
.complete-downgrade h2::after {
margin: 17px auto 0;
}
.complete-downgrade h2 {
margin: 17px 0 26px;
}
.complete-downgrade a.site-button {
background: #444b56;
border-color: #444b56;
}
.complete-downgrade a.site-button:hover {
background: #4cc3a5;
border-color: #4cc3a5;
}
.process-modal .loader {
border: 4px solid #4cc3a5;
border-radius: 50%;
border-top: 4px solid #292929;
width: 35px;
height: 35px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
margin: 0 auto;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.process-modal {
position: fixed;
width: 100%;
top: 0;
z-index: 999;
height: 100%;
left: 0;
overflow-x: hidden;
overflow-y: auto;
background: rgba(0, 0, 0, 0.6);
display: none;
}
.process-modal-container {
text-align: center;
left: 50%;
position: absolute;
width: 100%;
top: 50%;
transform: translate(-50%, -50%);
}
.process-modal-container h6 {
margin: 15px 0 0px;
font-size: 20px;
font-family: "Red Hat Display", sans-serif !important;
color: #cef9ee;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
text-shadow: 1px 1px 40px #000;
}
.process-modal-container .loader-main {
height: 60px;
width: 60px;
background: #cef9ee;
margin: 0 auto;
border-radius: 100%;
padding: 13px 0 0px;
}
.ajax_processing .process-modal {
display: block;
z-index: 9999;
}
.order-summary .card-details {
margin: 20px 0 20px;
border: 1px solid #455367;
padding: 15px;
border-radius: 12px;
background: #fff;
}
.order-summary .card-details h3 {
margin: 0 0 20px;
}
ul.inacive-user li.no-deactivate {
text-decoration: none;
list-style: none;
}
ul.active-user li.no-active {
list-style: none;
}
.upgrade-plan-row .left-collunm {
width: calc(45% - 25px);
text-align: left;
padding-right: 40px;
}
.upgrade-plan-row {
display: flex;
gap: 25px;
}
.upgrade-plan-row .right-collunm {
width: 55%;
}
.upgrade-plan-row .right-collunm form {
background: #f7f7f7;
padding: 40px 20px 20px;
text-align: left;
border-radius: 8px;
}
.upgrade-plan-row .left-collunm h2::after {
margin: 17px 0 0;
}
.upgrade-plan-row .left-collunm .summary-btn {
display: flex;
gap: 12px;
margin: 90px 0 0 0;
}
.upgrade-plan-row .right-collunm .button-row {
margin: 0;
padding: 0;
border: none;
}
.upgrade-plan-row .right-collunm .button-row input {
width: 100%;
max-width: 100%;
background: #444b56;
font-family: Red Hat Display !important;
font-weight: normal;
}
.upgrade-plan-row .right-collunm .button-row input:hover {
background: #4cc3a5;
}
.upgrade-plan-row .left-collunm ul {
margin: 0;
padding: 0;
text-align: left;
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 15px;
}
.upgrade-plan-row .left-collunm ul li {
list-style: none;
font-size: 20px;
color: #455367;
font-family: "Inter", sans-serif;
font-weight: 300;
padding: 0 0 0 32px;
position: relative;
}
.upgrade-plan-row .left-collunm ul li:before {
content: "";
height: 21px;
width: 21px;
position: absolute;
background-image: url('../images/green-check-new.png');
background-size: contain;
left: 0;
}
.upgrade-plan-row .right-collunm form h3 {
margin: 30px 0 0;
color: #444b56;
font-family: Red Hat Display !important;
}
.upgrade-plan-row .right-collunm form p {
margin: 0 0 15px 0;
font-family: "Inter", sans-serif;
}
.upgrade-plan-row .right-collunm form h2 {
margin: 0 0 10px;
color: #444b56;
font-family: Red Hat Display !important;
font-size: 28px;
line-height: 40px;
}
.upgrade-plan-row .right-collunm form p strong {
color: #51bfa2;
}
.post-collunm .job-field select#job-category {
max-width: 90%;
}
.post-collunm .job-field span.select2 {
border: 1px solid #444b567d !important;
border-radius: 8px !important;
height: 36px !important;
font-size: 14px !important;
font-weight: normal !important;
background-color: #fff;
background-image: url('../images/drop-down-arrow-new.png');
background-size: 16px;
max-width: 130px;
width: 100% !important;
background-position: 94% 9px;
margin: 0;
text-align: left;
color: #455367;
background-repeat: no-repeat;
min-width: auto;
}
.post-collunm .job-field span.select2 span.selection {
height: 100%;
display: inline-block;
width: 100%;
}
.post-collunm .job-field span.select2 span.select2-selection {
height: 100%;
border: none;
}
.post-collunm .job-field span.select2 span.select2-selection__arrow {
display: none;
}
.post-collunm
.job-field
span.select2
span.select2-selection
.select2-selection__rendered {
height: 100%;
padding: 8px 10px;
color: #455367;
font-size: 14px;
font-weight: normal;
font-style: normal;
}
.post-collunm .job-field .job-field-radio.rate-range-radio {
width: 100% !important;
}
.post-collunm .job-field .job-field-radio.rate-range-radio a {
color: #444b56;
margin-left: 5px;
}
.skeleton-area {
position: relative;
}
.skeleton-area img {
filter: blur(3px);
}
.skeleton-area .expiredText {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 30px;
width: 100%;
line-height: 38px;
text-align: center;
font-weight: 600;
}
span.location-info {
margin-left: 5px;
}
.country-required {
display: flex;
align-items: center;
position: relative;
width: 100%;
margin: 0 0 10px;
}
.country-required span.star {
position: absolute;
left: -10px;
top: 10px;
}
.post-collunm .job-field .country-required span.select2 {
max-width: 100%;
width: 100%;
left: 0;
}
.post-collunm .job-field label a {
text-transform: none;
font-weight: 600;
letter-spacing: 0;
margin-left: 5px;
}
.newRequestRecruitment .modal-container .modal-row {
padding: 0;
}
.newRequestRecruitment .requestRecruitment-model .form-page-wrap {
padding: 0;
}
.newRequestRecruitment .requestRecruitment-model .first-step-wrap {
width: 100%;
}
.newRequestRecruitment .requestRecruitment-model .page-top-bar {
padding: 20px;
background: #ddd;
border-radius: 10px 10px 0 0;
}
.newRequestRecruitment
.requestRecruitment-model
.first-step-options
.gform_wrapper {
width: 100%;
}
.newRequestRecruitment
.requestRecruitment-model
.first-step-options
.gform_heading {
margin: 0;
}
.newRequestRecruitment
.requestRecruitment-model
.first-step-options
form
.gf_page_steps {
padding: 20px !important;
box-shadow: none !important;
min-height: auto !important;
background: #e8e8e8 !important;
}
.newRequestRecruitment form .gform-body .gform_fields li h3 {
font-size: 40px !important;
position: relative;
margin: 0px 0 30px !important;
line-height: 50px !important;
}
.newRequestRecruitment form .gform-body .gform_fields li p {
color: #455367;
}
.newRequestRecruitment form .gform-body .gform_fields li h3:after {
content: "";
height: 8px;
display: block;
width: 230px;
background: #51bfa2;
margin: 17px auto 0;
border-radius: 9px;
}
.newRequestRecruitment
form
.gform-body
.gform_fields
li.gfield_visibility_hidden {
left: 0 !important;
visibility: visible;
display: none;
}
.newRequestRecruitment form .gform-body .gform_fields li input {
border: 1px solid #444b567d !important;
border-radius: 8px !important;
height: 40px !important;
font-size: 14px !important;
font-weight: normal !important;
font-style: inherit !important;
color: #455367 !important;
}
.newRequestRecruitment form .gform-body .gform_fields li textarea {
border: 1px solid #444b567d !important;
border-radius: 8px !important;
height: 100px !important;
font-size: 14px !important;
font-weight: normal !important;
font-style: inherit !important;
color: #455367 !important;
}
.newRequestRecruitment .requestRecruitment-model .gform-body.gform_body {
min-height: auto !important;
}
.job-description-editor p,
.job-description-editor li,
.job-description-editor h1,
.job-description-editor h2,
.job-description-editor h3,
.job-description-editor h4,
.job-description-editor h5,
.job-description-editor h6,
.job-description-editor i,
.job-description-editor span,
.job-description-editor a {
color: #aaa !important;
}
.post-collunm
.job-field.multiple-select
.styled-dropdown
span.select2
ul.select2-selection__rendered {
padding: 7px 4px 2px;
}
.post-collunm
.job-field.multiple-select
.styled-dropdown
span.select2
ul.select2-selection__rendered
input.select2-search__field {
padding: 0;
margin: 0;
border: none !important;
height: auto !important;
}
.post-collunm .job-field.multiple-select .styled-dropdown span.select2 {
height: auto !important;
min-height: 36px !important;
max-width: 100%;
}
.post-collunm
.job-field.multiple-select
.styled-dropdown
span.select2
ul.select2-selection__rendered
span.select2-selection__clear {
margin: 0 3px 0 0;
width: 24px;
background: #fff;
text-align: center;
}
.post-collunm .job-field.multiple-select .styled-dropdown ul li {
font-size: 12px;
white-space: normal;
max-width: calc(100% - 33px);
}
.member-account .account-table .table-info .pay-view label {
display: flex;
align-items: center;
}
.member-account .account-table .table-info .pay-view label .fa-info-circle {
right: -6px;
position: relative;
}
.member-account .account-table .table-info .remove {
position: relative;
}
.member-account .account-table .table-info .remove .more-actions {
right: 0;
text-align: left;
}
.home-header .header-col-center-wrapper nav.nav .nav-wrapper li:after {
background: #fff;
}
.partner-logo-slider {
width: 100%;
margin: 0;
padding: 0 40px;
}
.partner-logo-slider .slick-slide {
display: flex;
justify-content: center;
}
.partner-logo-slider button.slick-prev {
left: 0;
}
.partner-logo-slider button.slick-next {
right: 0;
}
.partner-logo-slider .slick-arrow {
background: transparent !important;
}
.partner-logo-slider .slick-arrow::before {
color: #878787;
}
.partner-logo-slider .slick-arrow:hover::before {
color: #51bfa2;
}
body.page-id-65004 {
background: #fff;
}
.message-textarea-wrapper {
display: flex;
flex-wrap: nowrap;
position: relative;
}
.message-textarea-wrapper button {
position: absolute;
right: 20px;
height: 40px;
background: #444b56;
border: none;
color: #fff;
border-radius: 0px 8px 8px 0px;
font-size: 14px;
padding: 0 25px;
font-family: Red Hat Display;
cursor: pointer;
transition: 0.3s;
}
.message-textarea-wrapper #message-textarea {
min-height: 40px !important;
}
.message-textarea-wrapper button:hover {
background: #51bfa2;
}
.new-header .header-col-center nav ul li .sub-menu a {
color: #444b56 !important;
padding: 11px 15px;
font-size: 17px !important;
}
.new-header .header-col-center nav ul li .sub-menu {
padding: 10px 0 0 !important;
}
.recruitment-top-image {
border-radius: 0;
width: 100%;
text-align: left;
}
.recruitment-bottom-images {
text-align: end;
display: flex;
gap: 28px;
padding: 15px 0 0;
}
.recruitment-bottom-images .first {
width: 38%;
}
.recruitment-bottom-images .first img {
position: relative;
width: 260px;
}
.recruitment-bottom-images .first .box-shadow {
border: none;
}
.recruitment-top-image img {
width: 460px;
}
.recruitment-bottom-images .second {
width: 62%;
text-align: left;
}
.recruitment-bottom-images .second img {
position: relative;
width: 370px;
}
.job-alert-image {
width: 50%;
padding: 0 0 0 30px;
position: relative;
z-index: 9;
margin: 0;
}
.job-alert-image img {
position: relative;
left: 0;
width: 310px;
}
.job-alert-image .box-shadow {
border: none;
}
.talent-pool-image {
margin: 0;
}
.talent-pool-image img {
width: 560px;
}
.talent-pool-image .box-shadow {
border: none;
}
.logo-slider .logo-list {
margin: 0;
}
.serice-row .service-box {
width: 49%;
}
.newRequestForm .first-step-wrap {
width: 100%;
margin-top: 30px;
}
.newRequestForm div#gform_wrapper_59 {
font-size: 15px;
color: #444b56;
margin: 0 0 18px;
letter-spacing: 0.0556em;
text-transform: uppercase;
font-weight: 600;
font-family: "Red Hat Display", sans-serif;
display: block;
margin: 0 0 20px;
width: 100%;
}
.newRequestForm input#input_59_1,
.newRequestForm input#input_59_4,
.newRequestForm input#input_59_5,
.newRequestForm input#input_59_8 {
border: 1px solid #444b567d !important;
border-radius: 8px !important;
height: 36px !important;
font-size: 14px !important;
font-weight: normal !important;
padding: 0 16px;
color: #000;
font-family: "Inter", sans-serif;
}
.newRequestForm textarea#input_59_6 {
border: 1px solid #444b567d !important;
border-radius: 8px !important;
font-size: 14px !important;
font-weight: normal !important;
padding: 0 16px;
color: #000;
font-family: "Inter", sans-serif;
}
.newRequestForm input#gform_submit_button_59 {
background: #4cc3a5;
border: none;
border-radius: 8px;
display: flex;
align-items: center;
height: 50px;
min-width: 171px;
text-align: center;
justify-content: center;
color: #fff;
font-family: "Inter", sans-serif;
font-weight: normal;
font-size: 16px;
cursor: pointer;
}
.hire-banner .collunm .work-video a.play-btn.hireTalentVideo {
position: relative;
display: inline-block;
width: 100%;
}
.hire-banner .collunm .work-video a.play-btn img {
width: 100%;
}
.hireTalentVideoModel .modal-container {
max-width: 790px;
}
.hireTalentVideoModel .modal-container .modal-row {
padding: 50px 70px 50px 70px;
min-height: 500px;
top: 11rem;
}
.hiring-tabs .hiring-content .information .profile .image img {
width: 100%;
}
div#tab-6 .information .skill ul {
width: 100%;
}
.hire-banner .collunm .work-video a.play-btn span {
position: absolute;
font-size: 24px;
color: #fff;
font-weight: bold;
font-family: "Red Hat Display", sans-serif !important;
left: 16px;
bottom: 43px;
display: flex;
gap: 15px;
align-items: center;
}
.hire-banner .collunm .work-video a.play-btn span i {
font-size: 53px;
color: #cef9ee;
position: relative;
}
.hire-banner .collunm .work-video a.play-btn span i:after {
content: "";
border-bottom: 20px solid transparent;
border-top: 19px solid transparent;
border-left: 27px solid #51bfa2;
position: absolute;
left: 16px;
top: 8px;
}
.hire-banner .collunm .work-video a.play-btn span i::before {
z-index: 9;
position: relative;
}
.accordion-container .ace-content ul li {
color: #000;
font-family: "Inter";
font-size: 20px;
line-height: normal;
margin: 7px 0 0 0;
}
.connected-form-image img {
width: 220px;
}
.connected-form-image .box-shadow {
border: none;
border-radius: 18px;
}
.job-create-account .image-collunm .small-img {
position: absolute;
top: -80px;
right: 40px;
}
.job-create-account .image-collunm .small-img .box-shadow {
box-shadow: none;
}
.job-create-account .image-collunm .bigger-img .box-shadow {
box-shadow: none;
}
.hire-talent-main .job-board-section .job-board-image img {
width: 560px;
}
.hire-talent-main .job-board-section .job-board-image .shadow {
box-shadow: none;
position: relative;
}
.hire-talent-main .job-board-section .job-board-image .box-shadow {
box-shadow: none;
background: transparent;
border: none;
position: relative;
}
.hire-talent-main .job-board-section .job-board-image .shadow:before {
content: "";
height: 100%;
position: absolute;
left: 34px;
background: #fff;
width: calc(100% - 65px);
box-shadow: 14px 28px 50px rgba(0, 0, 0, 6%);
border-radius: 30px;
}
.find-jobs-main .job-board-section .job-board-image img {
width: 550px;
}
.find-jobs-main .job-board-section .job-board-image .shadow {
box-shadow: none;
position: relative;
}
.find-jobs-main .job-board-section .job-board-image .box-shadow {
box-shadow: none;
background: transparent;
border: none;
position: relative;
}
.find-jobs-main .job-board-section .job-board-image .shadow:before {
content: "";
height: 100%;
position: absolute;
left: 36px;
background: #fff;
width: calc(100% - 68px);
box-shadow: 14px 28px 50px rgba(0, 0, 0, 6%);
border-radius: 30px;
}
.resources-section .right-collunm .box-shadow {
box-shadow: none;
border: none;
background: transparent;
}
.resources-section .right-collunm img {
width: 290px;
}
.resources-section .right-collunm .second-img {
left: 20px;
top: 70px;
position: relative;
}
.resources-section .right-collunm .shadow {
position: relative;
}
.resources-section .right-collunm .shadow:before {
content: "";
background: #455367;
position: absolute;
left: -20px;
width: 100%;
height: 80%;
bottom: -18px;
border-radius: 8px;
}
.shadow {
display: inline-block;
box-shadow: 14px 28px 50px rgba(0, 0, 0, 6%);
border-radius: 12px;
}
.box-shadow {
display: block;
border-radius: 12px;
background: #fff;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 25%);
border: 1px solid rgba(217, 217, 217, 25%);
overflow: hidden;
}
.box-shadow img {
display: block;
}
.job-basic-details-right a.favorite-icon {
display: block;
width: 35px;
margin: 0 auto 20px;
font-size: 34px;
color: #d9d9d9;
}
.job-basic-details-right a.favorite-icon.save i.saved-job {
color: #4bc3a4;
}
.jobs-listing h3.jo-jobs-found {
padding: 0px 30px;
}
a.new-favorite-job.saved.yellow i {
color: #ffc300;
}
.save-buttons-container {
width: 100%;
display: flex;
justify-content: end;
}
.previewPostJobModal .modal-container {
max-width: 1140px;
}
.previewPostJobModal .modal-row {
flex-wrap: wrap;
padding: 40px 60px 50px;
}
.previewPostJobModal .modal-row .jop-post-head {
width: 100%;
padding: 0 0 30px;
margin: 0 0 35px;
}
.previewPostJobModal .modal-container .modal-row button.close-btn {
background: rgb(209 209 209);
color: #ffffff;
/* -webkit-text-stroke: 2px #cd2020; */
-webkit-text-stroke: 2px rgb(209 209 209);
width: 60px;
height: 60px;
font-size: 34px;
}
.previewPostJobModal .modal-container h6 {
margin: 30px 0 2px;
letter-spacing: 0.0556em;
text-transform: uppercase;
font-weight: 800;
font-family: "Red Hat Display", sans-serif !important;
font-size: 16px;
color: #444b56;
}
.previewPostJobModal .modal-container p {
margin: 10px 0 3px;
font-family: "Inter", sans-serif;
color: #444b56;
font-size: 15px;
}
.previewPostJobModal .modal-row .jop-post-head h2 {
margin: 0;
font-size: 40px;
font-family: "Red Hat Display", sans-serif !important;
line-height: 1.32;
}
.previewPostJobModal .modal-container p strong {
font-weight: 600;
}
.previewPostJobModal .collunms {
display: flex;
}
.previewPostJobModal .collunms p {
flex: auto;
width: 50%;
}
.previewPostJobModal {
z-index: 99999;
}
.page-template-client-portal .select2-container .select2-dropdown,
.page-template-template-job-posts .select2-container .select2-dropdown, .page-template-template-newJobBoard .select2-container .select2-dropdown {
z-index: 99999;
}
.new-skeleton-area {
width: 75%;
}
.new-skeleton-area img {
width: 100%;
}
.pricing-tabs .tab-content .collunm h4.packageName {
display: none;
}
/* Pricing page css start */
a.site-button.active-btn {
background: #444b56;
border-color: #444b56;
cursor: default;
}
form#gform_56 input {
font-style: normal;
font-weight: normal;
font-size: 16px;
font-family: "Inter", sans-serif;
}
li#field_56_1.billing-heading h3 {
font-weight: 900 !important;
}
.gform-clear.summary-heading h3 {
font-weight: 900 !important;
}
.checkoutModal .modal-container .modal-row {
display: unset !important;
}
table.gform-products-list th,
table.gform-products-list td {
font-size: 16px !important;
}
.checkoutModal h3.gform_title {
text-align: center;
font-size: 60px !important;
font-weight: 500;
line-height: 1.3;
margin: 0 0 70px;
}
.checkoutModal h3 {
font-size: 14px;
letter-spacing: 0.07143em;
font-family: "Red Hat Display", sans-serif;
line-height: 1;
font-weight: 900;
margin: 0 0 20px;
color: #444b56;
}
.checkoutModal input {
width: 100%;
height: 51px;
border: 1px solid rgba(0, 0, 0, 0.25) !important;
border-radius: 5px;
padding: 0 16px;
font-style: normal;
font-weight: normal;
font-size: 16px;
font-family: "Inter", sans-serif;
}
.checkoutModal
label.gfield_label.gfield_label_before_complex.gform-field-label {
margin: 0;
font-size: 14px;
line-height: normal;
font-weight: 600;
color: #042e33;
margin-bottom: 11px;
}
.checkoutModal label {
font-size: 14px !important;
}
.checkoutModal input#gform_submit_button_56 {
width: 100%;
background: #4cc3a5;
border-color: #4cc3a5;
cursor: pointer;
font-size: 16px;
font-family: "Inter", sans-serif;
font-weight: normal;
height: 50px;
}
.checkoutModal .gform-half-col,
.checkoutModal .gfield_error.gform-half-col {
width: 48.1% !important;
float: left;
clear: none !important;
}
.checkoutModal .gform-half-col.gform-right-col {
float: right;
}
.checkoutModal .gform-city-field,
.checkoutModal .gfield_error.gform-city-field {
width: 37.92% !important;
clear: none;
float: left;
}
.checkoutModal .gform-state-field,
.checkoutModal .gfield_error.gform-state-field {
width: 23.24% !important;
float: left;
clear: none !important;
margin-left: 3.52% !important;
}
.checkoutModal .gform-zip-field,
.checkoutModal .gfield_error.gform-zip-field {
width: 31.8% !important;
float: right;
clear: none !important;
}
.upgrade-model-step .order-summary {
text-align: left;
}
.gform_wrapper
li.gfield_error
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
[type="button"]
):not([type="image"]):not([type="file"]),
.gform_wrapper li.gfield_error textarea {
border: 1px solid #ff766c !important;
}
div[style="position: relative;z-index: 99998;"] {
display: none;
}
/* Pricing page css end */
span.msgs-left i.infinity {
font-size: 27px;
font-style: normal;
line-height: 3px;
position: relative;
top: 5px;
font-weight: 300;
}
.preview-top-bar {
display: flex;
gap: 30px;
align-items: center;
border-bottom: 1px solid #cccccc;
padding: 0 0 35px;
margin: 0 0 28px;
}
.preview-top-bar .client-logo {
width: 180px;
border-radius: 100%;
height: 180px;
overflow: hidden;
display: flex;
align-items: center;
text-align: center;
background: #ededed;
justify-content: center;
/* padding: 10px; */
}
.preview-top-bar .client-logo img {
width: 100%;
object-fit: cover;
height: 100%;
}
.preview-top-bar .client-logo span {
word-break: break-word;
}
.preview-top-bar .post-tittle-bar {
width: calc(80% - 240px);
}
.preview-top-bar .post-tittle-bar h3 {
font-size: 24px;
color: #444b56;
line-height: 32px;
font-family: "Red Hat Display" !important;
margin: 8px 0 4px;
}
.preview-top-bar .post-tittle-bar h4 {
margin: 0 0 6px;
color: #a4a4a4;
font-size: 20px;
font-family: "Red Hat Display" !important;
font-weight: 400;
line-height: 26px;
}
.preview-top-bar .post-tittle-bar h4 strong {
font-weight: 400;
}
.preview-top-bar .post-tittle-bar p {
color: #444b56;
font-family: "Red Hat Display" !important;
font-size: 15px;
font-weight: 800;
line-height: 20px;
margin: 0 0 6px;
}
.previewPostJobModal .preview-bottom-content p {
font-size: 16px;
font-family: "Inter", sans-serif;
color: #444b56;
line-height: 22px;
margin: 0 0 4px;
}
.preview-top-bar .post-tittle-bar h5 {
margin: 4px 0 0;
color: #a4a4a4;
font-size: 15px;
font-family: "Red Hat Display" !important;
font-weight: 400;
line-height: 21px;
display: block;
}
.pin-tag {
margin: -28px 0 20px;
}
.pin-tag .tag {
display: inline-block;
color: #fff;
border-radius: 16px 0px 16px 0px;
font-size: 14px;
font-family: "Red Hat Display" !important;
font-weight: 600;
padding: 7px 18px 5px;
line-height: 19px;
margin: 0;
position: relative;
background: #efbc44e0;
}
.pin-tag .tag.green {
background: #4bc3a4;
}
.preview-top-bar .post-tittle-bar h5 strong {
font-weight: 400;
}
.preview-apply-button a {
font-size: 16px;
padding: 14px 30px;
font-family: "Red Hat Display" !important;
font-weight: normal;
background: #4cc3a5;
color: #fff;
border-radius: 8px;
transition: 0.2s;
display: inline-block;
}
.preview-apply-button a:hover {
background: #444b56;
}
.preview-apply-button {
width: 20%;
text-align: center;
}
.center-column__hire-box {
padding-bottom: 12px;
}
.post-tittle-bar a {
color: #a4a4a4;
font-weight: 400;
line-height: 26px;
}
.detail-bar .top-bar .image a {
height: 129px;
display: flex;
width: 100%;
border-radius: 100%;
overflow: hidden;
background: #fff;
align-items: center;
justify-content: center;
}
.detail-bar .top-bar .image img.empty-image {
width: auto;
}
.pricing-tabs .pricing-row .collunm-content .cancel-subscription {
background: #4cc3a5;
border-color: #4cc3a5;
}
.pricing-tabs .pricing-row .collunm-content .cancel-subscription {
background: #57dfbc;
border-color: #57dfbc;
}
a.favorite-icon.save i.saved-job {
color: #ffc300;
}
.editJobModal-model .post-job-wrapper {
padding-top: 80px;
}
.editJobModal-model .post-job-wrapper .jop-post-head {
border: none;
padding-bottom: 0;
}
.editJobModal-model .post-job-wrapper .jop-post-head h1 {
width: 100%;
}
.editJobModal-model .post-job-wrapper {
padding-top: 0px;
padding-bottom: 0;
}
.checkoutModal .gform-grid-row .gform-theme-field-control {
border: 1px solid rgba(0, 0, 0, 0.25) !important;
padding: 14px 10px;
border-radius: 5px;
}
.board-logos-section .board-logos-slider {
max-width: 1000px;
margin: 0 auto;
}
.post-collunm .job-field p.logo_error {
color: #c30b0b;
}
.rate-resource-modal {
overflow-y: scroll;
z-index: 9999;
}
.rate-resource-modal .modal-wrapper {
width: 100%;
padding: 20px 0;
position: absolute;
top: 0;
display: flex;
justify-content: center;
margin-top: 50px;
}
.rate-resource-modal .modal-body {
max-width: 600px;
width: 100%;
padding: 42px 38px;
border-radius: 16px;
}
.rate-resource-modal .modal-header {
border-bottom: 1px solid #cccccc;
position: relative;
padding: 0 0 24px;
margin: 0 0 20px;
}
.rate-resource-modal .modal-content {
padding: 0 15px;
}
.rate-resource-modal .modal-header h2 {
margin: 0;
font-size: 32px;
color: #000000;
font-family: "Red Hat Display" !important;
line-height: 46px;
}
.rate-resource-modal h3#reply-title {
display: none;
}
.rate-resource-modal p.logged-in-as {
display: none;
}
.rate-resource-modal #respond form input[type="submit"] {
font-size: 16px;
font-weight: normal;
font-family: "Red Hat Display" !important;
border: 1px solid #4cc3a5;
cursor: pointer;
padding: 14px 38px;
background: #4cc3a5;
color: #fff;
line-height: 15px;
border-radius: 8px;
text-align: center;
transition: all 0.4s ease-in-out;
position: absolute;
right: 0;
top: -57px;
}
.rate-resource-modal #respond form input[type="submit"].submit.logout-users{
top: -78px !important;
}
.rate-resource-modal p.comment-form-cookies-consent {
display: none;
}
.rate-resource-modal p.comment-notes {
display: none;
}
.rate-resource-modal #respond form p.form-submit {
position: relative;
max-width: none !important;
}
.career-post-rating {
display: flex;
justify-content: center;
gap: 5px;
flex-wrap: wrap;
}
.rate-resource-modal .modal-header .modal-close {
right: 15px;
background: #cef9ee;
height: 47px;
width: 47px;
top: 0;
text-align: center;
line-height: 50px;
border-radius: 100%;
}
.rate-resource-modal .modal-header .modal-close i {
color: #51bfa2;
-webkit-text-stroke: 1px #cef9ee;
}
.rate-resource-modal .modal-content .title-part {
text-align: center;
margin: 0 0 23px;
}
.rate-resource-modal .modal-content .title-part h5 {
color: #51bfa2;
font-family: "Red Hat Display" !important;
font-size: 18px;
line-height: 32px;
margin: 13px 0 0;
}
.rate-resource-modal .modal-content .title-part p {
max-width: 100%;
font-size: 15px;
font-weight: 600;
}
.rate-resource-modal form .form-group {
margin: 0 0 14px;
}
.rate-resource-modal form .form-group label {
display: block;
color: #444b56;
font-size: 15px;
font-weight: bold;
font-family: "Red Hat Display" !important;
margin: 0 0 8px;
}
.rate-resource-modal form .form-group input {
border: 1px solid #444b567d;
border-radius: 8px;
height: 42px;
font-size: 14px;
font-weight: normal;
width: 100%;
padding: 10px;
}
.rate-resource-modal form .form-group textarea {
border: 1px solid #444b567d;
border-radius: 8px;
height: 135px;
font-size: 14px;
font-weight: normal;
width: 100%;
padding: 10px;
}
.rate-resource-modal form .form-buttons {
display: flex;
margin: 20px 0 0;
gap: 20px;
}
.rate-resource-modal form .form-buttons button.button.white {
background: #fff !important;
color: #444b56;
font-size: 16px;
font-weight: normal;
font-family: "Red Hat Display" !important;
border: 1px solid #444b56;
max-width: 185px;
cursor: pointer;
padding: 12px 16px;
}
.rate-resource-modal form .form-buttons button.button.green {
font-size: 16px;
font-weight: normal;
font-family: "Red Hat Display" !important;
border: 1px solid #4cc3a5;
cursor: pointer;
padding: 12px 16px;
}
.from-rplace {
display: flex;
align-items: center;
justify-content: space-between;
}
.form-group.from-rplace span {
font-size: 15px;
font-weight: normal;
color: #444b56;
padding: 0 0 0 2px;
}
.from-group-group {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.form-group.from-rplace input[type="checkbox"] {
/* width: auto !important; */
}
.form-group.from-rate-group ::placeholder {
color: #a4a4a4 !important;
}
.career-post-rating .ratting i {
text-align: center;
font-size: 50px;
color: #cccccc;
cursor: pointer;
}
.career-post-rating .ratting i.active {
color: #ffc300;
}
.modal-content .career-border {
border: 1px solid #cccc;
margin: 40px 0px;
}
.modal-content.logout-users p {
max-width: none !important;
}
.single-career-page .back-button a {
color: #444b56;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.0714em;
}
.career-page-side-bar .left-bar {
width: 100%;
background: transparent;
box-shadow: 0px 12px 66.8px rgba(0, 0, 0, 0.08);
border-radius: 16px;
padding: 0px 30px 100px 0px;
max-height: 620px;
overflow-x: auto;
box-shadow: none;
}
.career-page-side-bar .left-bar .heading {
margin: 0 0 25px;
}
.career-page-side-bar .left-bar .heading h3 {
margin: 0;
font-size: 20px;
color: #000;
font-family: "Muli", sans-serif !important;
line-height: 37px;
font-weight: bold;
}
.career-page-side-bar .left-bar .heading span {
color: #a4a4a4;
}
.career-page-side-bar .left-bar .jobs-list a {
display: flex;
align-items: center;
gap: 25px;
border-bottom: 1px solid #a4a4a466;
padding: 30px 0;
}
.career-page-side-bar .left-bar .jobs-list .image img {
width: 60px;
height: 60px;
border-radius: 100%;
}
.career-page-side-bar .left-bar .jobs-list .title label {
color: #444b56;
font-family: "Inter", sans-serif !important;
font-size: 16px;
font-weight: 600;
margin: 0 0 3px;
overflow: hidden;
width: 100%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
cursor: pointer;
transition: 0.3s;
}
.career-page-side-bar .left-bar .jobs-list .title span {
color: #a4a4a4;
font-size: 13px;
font-weight: 500;
line-height: 21px;
}
.career-page-side-bar .left-bar .jobs-list .title p {
color: #444b56;
margin: 4px 0 0;
}
.career-page-side-bar .left-bar .jobs-list .title p span {
font-weight: 700;
color: #444b56;
font-size: 13px;
}
.main-collunm .dashboard-collunm.live-talent-pool {
position: relative;
}
.for-unapprove-users {
background: #fff;
padding: 20px 30px;
border-radius: 10px;
position: absolute;
top: 105px;
margin: 0 auto;
left: 0;
right: 0;
max-width: 400px;
}
.for-unapprove-users p {
margin-top: 0px;
font-size: 15px;
line-height: 18px;
font-weight: 300;
}
.for-unapprove-users a {
display: inline-block;
background: #efbc44;
color: #fff !important;
font-size: 14px;
line-height: 21px;
font-weight: 500;
padding: 5px 40px 5px 40px;
border-radius: 8px;
transition: 0.3s;
border-color: transparent !important;
}
.for-uncomplete-profile {
background: #fff;
padding: 20px 30px;
border-radius: 10px;
position: absolute;
top: 105px;
margin: 0 auto;
left: 0;
right: 0;
max-width: 400px;
}
.for-uncomplete-profile p {
margin-top: 0px;
font-size: 15px;
line-height: 18px;
font-weight: 300;
}
.for-uncomplete-profile span.js-availability-text {
cursor: not-allowed;
padding: 5px 22px;
font-size: 14px;
line-height: 21px;
font-weight: 500;
font-family: "Red Hat Display", sans-serif !important;
background: #ddd;
border-radius: 8px;
color: #fff;
align-items: center;
gap: 10px;
padding: 5px 38px !important;
}
.for-uncomplete-profile span.js-availability-text {
font-size: 16px;
}
.dashboard-collunm .for-uncomplete-profile a {
padding: 7px 22px;
font-size: 14px;
line-height: 21px;
font-weight: 500;
font-family: "Red Hat Display", sans-serif !important;
background: #ddd;
border-radius: 8px;
color: #fff;
align-items: center;
transition: 0.3s;
}
.dashboard-collunm .for-uncomplete-profile a.green {
background: #51bfa2;
}
.dashboard-collunm .for-uncomplete-profile a i {
margin: 0 8px 0 0;
font-size: 18px;
}
.ratings-conference-wrappers .total-ratting {
display: flex;
gap: 5px;
}
.ratings-conference-wrappers .total-ratting i {
text-align: center;
font-size: 20px;
color: #cccccc;
cursor: pointer;
}
.ratings-conference-wrappers .total-ratting i.active {
color: #ffc300;
}
.trategy-conference-wrapers .comment-ratting {
display: flex;
gap: 5px;
}
.trategy-conference-wrapers .comment-ratting i {
text-align: center;
font-size: 17px;
color: #cccccc;
padding: 8px 0px;
}
.trategy-conference-wrapers .comment-ratting i.active {
color: #ffc300;
}
.modal-content.rate-resource {
padding: 0px;
}
.modal-content.rate-resource .success-message p {
max-width: none !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 18px;
}
.modal-content.rate-resource .error-message p {
max-width: none !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 18px;
}
.rate-resource-modal p.form-error {
color: #e53333;
font-size: 12px;
margin-top: 5px;
}
.detail-bar-career.detail-bar {
gap: 30px;
width: 100%;
border-bottom: 1px solid #cccccc;
/* padding: 0 0 50px; */
margin: 0;
}
.all-filter span.active-career-filters-count {
margin: 0;
font-size: 11px;
background: #51bfa2 !important;
display: inline-block;
height: 20px;
width: 20px;
border-radius: 100%;
color: #fff;
text-align: center;
margin: 0 10px 0 0;
}sss
.career-page-right-bar .detail-bar-career.detail-bar .detail-bar-career-img {
width: 15%;
}
.career-page-right-bar .detail-bar-career.detail-bar .Conference-gsv.top-bar {
width: 22%;
text-align: center;
display: block;
}
.career-page-right-bar
.detail-bar-career.detail-bar
.Conference-gsv.top-bar
.apply-detail {
width: 100%;
margin-bottom: 2rem;
}
.career-page-right-bar .detail-bar-career.detail-bar .detail-bar-conference {
width: 56%;
}
.career-page-right-bar .detail-bar-career.detail-bar .detail-bar-conference h3 {
margin: -5px 0 6px;
color: #a4a4a4;
font-size: 16px;
font-family: "Inter", sans-serif !important;
font-weight: 400;
line-height: 26px;
}
p.online-conference {
margin-top: 5px;
}
.career-page-right-bar .detail-bar-career.detail-bar .detail-bar-conference h2 {
font-size: 24px;
color: #444b56;
line-height: 32px;
font-family: "Inter", sans-serif !important;
margin: 8px 0 4px;
font-weight: 600;
}
.single-careeer
.detail-bar-career.detail-bar
.detail-bar-career-img
.career-thumbnail-img {
height: 129px;
width: 129px !important;
display: flex;
width: 100%;
border-radius: 100%;
overflow: hidden;
background: #fff;
align-items: center;
justify-content: center;
}
.single-careeer
.detail-bar-career.detail-bar
.detail-bar-career-img
.career-thumbnail-img
img {
width: 100%;
height: 129px;
object-fit: contain;
}
.career-page-right-bar
.detail-bar-career.detail-bar
.detail-bar-conference
.online-conference
span {
text-align: left;
line-height: 15px;
}
.career-page-right-bar
.detail-bar-career.detail-bar
.detail-bar-conference
.online-conference {
align-items: flex-start;
}
.career-page-right-bar
.detail-bar-career.detail-bar
.detail-bar-conference
.carrer-conference
ul {
padding: 0;
margin: 0;
color: #edeeef;
}
.career-page-right-bar
.detail-bar-career.detail-bar
.detail-bar-conference
.carrer-conference
ul
i.active {
color: gold;
}
.career-page-right-bar
.detail-bar-career.detail-bar
.detail-bar-conference
.online-conference {
margin-bottom: 5px;
}
.career-page-right-bar
.detail-bar-career.detail-bar
.detail-bar-conference
.carrer-star-conference {
margin-top: 21px;
width: 100%;
}
.career-page-right-bar
.detail-bar-career.detail-bar
.Conference-gsv.top-bar
.apply-detail
ul {
gap: 30px;
}
.career-page-right-bar
.detail-bar-career.detail-bar
.detail-bar-conference
.carrer-star-conference
p {
width: 50%;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.career-page-right-bar
.detail-bar-career.detail-bar
.detail-bar-conference
.carrer-star-conference
img {
position: relative;
top: 3px;
}
.strategy-conference-outer.reply-msg .Strategy-conference .user-image {
border-radius: 50%;
position: relative;
z-index: 99;
width: 50px;
height: 50px;
overflow: hidden;
}
.strategy-conference-outer.reply-msg .Strategy-conference .user-image img {
object-fit: contain;
width: 100%;
height: 100%;
}
.strategy-conference-outer.reply-msg .Strategy-conference {
width: 55px;
}
.strategy-conference-outer.reply-msg .trategy-conference-wrapers {
width: calc(100% - 75px);
margin-top: 9px;
}
.strategy-conference-outer.reply-msg .trategy-conference-wrapers h3 {
font-weight: 600;
}
.strategy-conference-outer.reply-msg
.trategy-conference-wrapers
.comment-ratting {
padding-left: 0px;
margin-top: 6px;
}
.strategy-conference-outer.reply-msg .trategy-conference-wrapers h4 {
font-size: 15px;
margin-top: 9px;
font-weight: bolder;
font-family: "Inter", sans-serif !important;
line-height: 20px;
}
.strategy-conference-outer.reply-msg .trategy-conference-wrapers span {
font-weight: bold;
}
.author-conference h3 {
font-size: 15px !important;
line-height: 17%;
color: #a4a4a4 !important;
font-weight: bold !important;
font-family: "Red Hat Display", sans-serif !important;
}
.stragy-applied span {
font-size: 13px !important;
font-weight: 600;
line-height: 16px !important;
color: #A4A4A4 !important;
}
.stragy-Design a.btn.btn-update {
font-size: 13px !important;
color: #a4a4a4;
line-height: 13px;
font-weight: 600;
text-decoration: underline;
display: flex;
text-transform: none;
justify-content: end;
font-family: "Inter", sans-serif;
}
.sub-user-data span {
font-size: 19px;
color: #4cc3a5;
}
.sub-user-data .sub-user-image {
border-radius: 50%;
position: relative;
z-index: 99;
width: 50px;
height: 50px;
overflow: hidden;
min-width: 50px;
}
.sub-user-data .sub-user-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sub-user-data {
display: flex;
gap: 17px;
width: 100%;
}
.sub-comment-details {
width: calc(100% - 50px);
}
.review-reply-title {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.review-reply-title strong {
color: #A4A4A4;
font-size: 13px;
font-weight: 600;
}
.trategy-conference-wrapers .sub-user-data span {
text-align: left;
color: #4cc3a5;
font-size: 15px;
font-weight: bolder !important;
}
.strategy-conference-outer.reply-msg .applied-design-wrp-offers strong {
font-size: 15px;
}
.strategy-conference-outer.reply-msg .applied-wrp {
text-align: right;
margin-top: 16px;
}
.strategy-conference-outer.reply-msg .stragty-icon .stragy-applied {
display: flex;
align-items: center;
gap: 16px;
}
.strategy-conference-outer.reply-msg .stragty-icon {
margin-top: 27px;
}
.strategy-conference-outer.reply-msg .stragty-icon .stragy-applied span,
.strategy-conference-outer.reply-msg .stragty-icon .stragy-Design a {
font-size: 16px;
}
.strategy-conference-outer.reply-msg .stragty-icon {
margin-top: 27px;
}
.strategy-conference-outer.reply-msg .comment-container input {
border: 2px solid #444b56 !important;
height: 58px !important;
font-size: 14px !important;
padding-right: 4rem;
}
.strategy-conference-outer.reply-msg .comment-container input::placeholder {
color: gray !important;
}
.strategy-conference-outer.reply-msg .comment-container button.response-button {
position: absolute;
right: 0;
top: 14px;
right: 8px;
background: #4cc3a5;
color: white;
border: none;
padding: 7px 14px;
cursor: pointer;
border-radius: 7px;
}
.strategy-conference-outer.reply-msg .comment-container {
position: relative;
}
.careerResourceForm .job-form-sep {
margin: 16px 0 32px;
}
.careerResourceForm
.post-collunm
.job-field
.job-field-radios
.job-field-radio {
width: auto;
position: relative;
}
.careerResource .modal-container {
max-width: 1000px;
}
.careerResource .modal-container .modal-row {
padding: 30px 40px 10px;
}
.careerResource .event-detail-outer .job-field .job-apply-field {
align-items: flex-start !important;
flex-wrap: wrap;
gap: 0px 14px !important;
margin-bottom: 13px !important;
}
.careerResource .event-detail-outer .job-field .job-apply-field label.event-title {
width: 100%;
display: block;
text-transform: uppercase;
font-family: "Red Hat Display", sans-serif;
letter-spacing: 0.0556em;
}
.careerResource .event-detail-outer .job-field .job-field .delete-location-btn {
margin-top: 10px;
}
.careerResource .post-collunm .job-field .range-fields {
margin: 0 0 10px;
}
.careerResource .range-fields .range-start:after {
top: 17px;
}
.event-type-select select {
max-width: 280px;
}
.event-type-select label {
width: 100%;
text-transform: uppercase;
font-family: "Red Hat Display", sans-serif;
letter-spacing: 0.0556em;
}
.careerResource .event-detail-outer .job-field .event-type-select {
margin-bottom: 20px !important;
}
.careerResource .post-collunm .job-field select {
background-size: 13px;
background-position: 96% 14px;
}
.careerResource .post-collunm .job-field select[name="timezone"] {
min-width: 197px;
}
.careerResource .post-collunm .job-field-half select.days-select {
min-width: 200px;
}
.careerResource .logo-section-outer {
flex-wrap: wrap;
}
.careerResource .logo-section-outer .logo-section-item:nth-child(1) {
width: calc(30% - 35px);
}
.focus-category-dropdown {
width: 100%;
display: flex;
align-items: center;
gap: 12px;
}
.events-inner-item input#event_location {
max-width: 200px;
}
.careerResource .logo-section-outer .job-field-radios {
gap: 12px;
align-items: flex-start;
}
.careerResource .logo-section-outer .job-field-radios .job-field-radio.six-column {
width: calc(33% - 6px) !important;
}
.careerResource .logo-section-outer .job-field-radios .job-field-radio select {
background-position: 99% 15px;
background-size: 12px;
}
.careerResource .logo-section-outer .job-field-radios .job-field-radio label {
margin: 0 0 5px;
}
.event-types {
position: absolute;
left: 0;
bottom: -30px;
}
.event-types .job-apply-field.event-type-select {
margin: 0;
}
.job-apply-field.event-type-select select {
width: 180px;
}
.career-description-short .stragy-Design-btn {
margin-bottom: 40px;
}
.career-description-full .stragy-Design-btn {
margin-bottom: 40px;
}
strong#trending-job-count {
font-size: 20px;
}
strong#trending-job-count {
font-size: 15px;
}
/* .careerResource .event-detail-outer .job-field .job-apply-field label {
margin: 0;
}
.careerResource .event-detail-outer .job-field .job-apply-field .events-inner-item .range-fields {
margin: 0;
}
.careerResource .event-detail-outer .job-field .job-apply-field {
margin-bottom: 8px !important;
}
.careerResource .event-detail-outer .job-field .job-apply-field .events-inner-item {
align-items: center;
} */
.job-form-row.resources-detail-outer .post-collunm {
width: 100%;
}
.job-form-row.resources-detail-outer {
display: block;
}
.job-form-row.resources-detail-outer .post-collunm {
width: 100%;
/* display: flex; */
flex-wrap: wrap;
}
.job-form-row.resources-detail-outer .add-button i {
color: #4dc3a5;
padding-right: 4px;
}
.job-form-row.resources-detail-outer .add-button {
white-space: nowrap;
margin-top: 8px;
cursor: pointer;
}
.post-collunm.event-detail-outer .job-field.job-field-half .job-apply-field {
gap: 14px;
margin-top: 13px;
align-items: center;
margin-bottom: 0px;
}
.post-collunm.event-detail-outer .job-field.job-field-half {
width: 100%;
margin-bottom: 0px;
}
.post-collunm.event-detail-outer
.job-field.job-field-half
.job-apply-field
.job-field-half {
width: auto;
}
.post-collunm.event-detail-outer .job-field.job-field-half .events-inner-item {
/* width: 100%; */
display: flex;
gap: 11px;
justify-content: space-between;
}
.event-detail-wrps .job-field.job-field-half {
position: relative;
}
.event-detail-wrps div#addLocationButton {
position: absolute;
right: 0;
top: 42px;
}
.event-detail-wrps div#additionalLocations {
width: 45%;
margin: 0 auto;
display: flex;
margin-top: 12px;
}
.additionalLocations .post-collunm .job-field {
width: 100%;
margin: 0 0 11px 0!important;
}
div#additionalLocations .job-field {
margin-bottom: 10px !important;
margin-left: -2px !important;
}
.delete-location-btn a {
color: #4BC3A4;
}
.delete-date-btn a {
font-family: "Inter", sans-serif;
}
.careerResourceForm label {
font-weight: 600;
color: #000000 !important;
}
.events-inner-item.start-events-end {
justify-content: space-between;
gap: 0px !important;
}
.job-form-row.cost-resources-outer .post-collunm .cost-resources-inner {
display: flex;
gap: 13px;
align-items: center;
justify-content: center;
}
.job-form-row.cost-resources-outer,
.job-form-row.cost-resources-outer .post-collunm {
width: 100%;
margin-bottom: 0px;
}
.job-form-row.cost-resources-outer
.post-collunm
.cost-resources-inner
.job-field.job-field-half {
width: auto;
}
.job-form-row.description-outer .post-collunm {
width: 100%;
}
.job-form-row.logo-section-outer .logo-section-item:nth-child(1) {
width: 30%;
}
.job-form-row.logo-section-outer .logo-section-item {
width: 70%;
}
.job-form-row.logo-section-outer .job-field-radio.six-column {
width: 33% !important;
margin: 0 0 3px;
}
.job-form-row.logo-section-outer .job-field-radios.career {
width: 100%;
padding: 0;
margin: 0;
}
.job-form-bottom.disclaimer-outer .preview-area {
margin: 0;
}
.job-form-bottom.disclaimer-outer .job-form-cancel {
max-width: 7rem;
margin: 3rem 0 0;
padding: 0;
}
.pricing-modal.previewResourcesModal {
z-index: 99999;
}
.previewResourcesModal .modal-container {
max-width: 1000px;
}
.previewResourcesModal .carrer-conference img {
width: 19px;
}
.previewResourcesModal .preview-top-bar .post-tittle-bar .carrer-conference p {
font-size: 12px;
line-height: 16px;
font-family: "Inter", sans-serif !important;
font-weight: normal;
margin: 0 0 10px !important;
}
.previewResourcesModal .carrer-conference {
margin: 20px 0 0;
}
.previewResourcesModal .preview-top-bar .post-tittle-bar .carrer-conference p span {
color: #a4a4a4;
}
.previewResourcesModal .modal-row {
flex-wrap: wrap;
padding: 30px 40px 10px;
}
.previewResourcesModal .preview-top-bar .client-logo {
width: 150px;
height: 150px;
}
.previewResourcesModal .preview-top-bar .post-tittle-bar {
width: calc(80% - 210px);
}
.previewResourcesModal .certificat-item-out img {
width: 19px;
}
.previewResourcesModal .collunm-full {
width: 100%;
}
.previewResourcesModal .jop-post-head {
width: 100%;
padding: 0 0 19px;
margin: 0 0 34px;
}
.previewResourcesModal .modal-row .jop-post-head h2 {
margin: 0;
font-size: 34px;
font-family: "Red Hat Display", sans-serif !important;
line-height: 1.32;
}
.previewResourcesModal .modal-container .modal-row button.close-btn {
background: rgb(209 209 209);
color: #ffffff;
-webkit-text-stroke: 2px rgb(209 209 209);
width: 46px;
height: 46px;
font-size: 27px;
line-height: 22px;
right: 38px;
}
.description-outer .ck.ck-editor__main .description-outer .ck.ck-editor__main {
height: 291px;
}
.job-field-radio.six-column.focus_category_last input:last-child {
display: block;
}
.job-field-radio.six-column.focus_category_last span::before {
top: 8px !important;
}
.job-field-radio.six-column.focus_category_last span::after {
top: 10px !important;
}
.career-description .ck.ck-content p {
color: #444b56 !important;
font-size: 15px;
}
.career-description .ck.ck-content {
height: 291px;
}
.job-field-half.has-error .error-message {
color: #c30b0b;
position: absolute;
margin-top: -12px;
}
.carrer-conference p {
display: flex;
align-items: center;
margin: 12px 0 !important;
gap: 6px;
width: 50%;
}
.preview-resoureces-cat {
display: flex;
gap: 11px;
flex-wrap: wrap;
}
.certificat-item-out {
display: flex;
gap: 8px;
align-items: start;
}
.certificat-item-out .certificat-item span {
color: #444b56;
font-family: "Red Hat Display" !important;
font-size: 15px;
font-weight: 800;
line-height: 20px;
}
.pricing-modal.previewResourcesModal h4 {
font-size: 16px;
font-family: "Inter", sans-serif !important;
margin: -5px 0 6px;
}
.previewResourcesModal .post-tittle-bar h3 {
font-family: "Inter", sans-serif !important;
font-weight: 600;
}
.previewResourcesModal .preview-resoureces-cat {
gap: 0 4px;
}
.previewResourcesModal .certificat-item {
font-family: "Inter", sans-serif !important;
font-size: 15px;
font-weight: 600;
}
.previewResourcesModal .certificat-item span {
font-family: "Inter", sans-serif !important;
font-weight: 600;
}
.previewResourcesModal .preview-bottom-content p {
font-size: 16px;
font-family: "Inter", sans-serif;
color: #444B56;
line-height: 22px;
}
.previewResourcesModal .preview-bottom-content h2 {
font-family: "Inter", sans-serif !important;
color: #444B56;
line-height: 22px;
font-size: 16px;
font-weight: bold;
}
.pricing-modal.previewResourcesModal .preview-top-bar {
align-items: start;
padding-bottom: 0;
}
.pricing-modal.previewResourcesModal .preview-top-bar > :first-child {
align-self: flex-start;
}
.pricing-modal.previewResourcesModal .preview-apply-button {
margin-top: 0;
}
.carrer-conference {
display: flex;
width: 100%;
flex-wrap: wrap;
/* margin: 2rem 0; */
margin-top: 0px;
}
.trategy-conference-wrapers p {
font-size: 16px;
font-family: 'Inter', sans-serif;
font-weight: 400;
color: #444B56;
}
.description-wrapper button.career-see-more-btn {
font-size: 14px;
border: none;
background: transparent;
color: #4CC3A5;
font-weight: 600;
padding: 0px;
font-family: 'Inter', sans-serif;
}
.certificat-item {
position: relative;
bottom: 4px;
}
span.time-unit.selected {
font-weight: bold;
color: #4cc3a5;
}
.career-page-right-bar .detail-bar-career.detail-bar .detail-bar-conference .carrer-conference ul i.active {
color: #ffc300 !important;
}
.career-page-right-bar .detail-bar-career.detail-bar .detail-bar-conference .carrer-conference ul {
color: #cccccc !important;
position: relative;
top: -1px;
}
p.online-conference img {
height: 19px;
width: 19px;
}
.carrer-star-conference img {
height: 19px;
width: 19px;
}
label.carrer-conference i {
font-size: 14px;
margin: 0 2px;
}
.rating-button {
margin-right: 10px;
}
.stragy-Design {
margin-right: 10px;
}
.availability-checking a.js-availability-text.notified-text {
cursor: not-allowed;
display: flex;
font-size: 14px;
line-height: 21px;
font-weight: 500;
font-family: "Red Hat Display", sans-serif !important;
background: #ddd;
border-radius: 8px;
color: #fff;
align-items: center;
gap: 10px;
padding: 5px 38px !important;
}
.availability-checking a.js-availability-text.notified-text i {
font-size: 16px;
}
.dashboard-collunm .add-buttons a.green.notified-text:hover{
background: #ddd;
}
a.green.js-availability-text.notified-text.notified-text {
background: #ddd;
}
/* progress css ends */
/* Mention Css */
.mention-menu {
padding: 5px;
border-radius: 4px;
margin-top: 5px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.mention-menu .menu-item {
/* background-color: #fff; */
font-size: 13px;
font-weight: normal;
cursor: pointer;
padding: 5px;
border-radius: 4px;
transition: all 0.2s linear;
}
.mention-menu .menu-item:hover {
background-color: #4bc3a4;
padding-left: 10px;
}
/* Mention Css End */
.clear-job-search-submit button {
border: none;
color: #000;
margin-top: 7px;
cursor: pointer;
}
.overlay_loader {
position: fixed;
top: 0;
display: flex;
justify-content: center;
width: 100%;
height: 100%;
align-items: center;
background: rgba(0, 0, 0, 0.2);
}
.overlay_loader img {
height: 75px;
}
.availability-body a {
display: none;
}
/* .profile_progress_bar_wrapper.dashboard_profile_progress .head_bar h4 {
font-size: 11px !important;
} */
.btn.profile_already_submitted {
background: #444b56;
opacity: 0.8;
width: fit-content;
font-size: 11px;
font-weight: 600;
text-transform: capitalize;
padding: 7px 14px;
line-height: initial;
position: absolute;
right: 0;
top: 0;
cursor: not-allowed;
}
.profile_progress_bar_wrapper .head_bar h4 {
font-size: 18px !important;
color: #000;
margin-bottom: 25px;
}
.success_msg p.call-to-action__content-2 {
font-size: 11px;
margin: 0px !important;
}
.head_bar span.sub_title {
font-size: 14px !important;
/* font-weight: 600; */
color: #444b56;
}
.progress_bar {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: relative !important;
top: 7px !important;
margin-bottom: 25px !important;
}
a.call-to-action__btn.btn-green.send-to-monday {
background: transparent;
border: 1px solid #444b56;
color: #444b56;
font-family: "Inter", sans-serif;
font-size: 14px;
line-height: normal;
font-weight: 600;
padding: 8px 22px;
border-radius: 8px;
text-transform: none;
}
a.call-to-action__btn.btn-green.send-to-monday:hover {
background-color: #444b56 !important;
color: #fff;
}
.success_msg p.call-to-action__content.call-to-action__content_active {
font-size: 11px;
}
.dashboard_profile_progress .progress_bar {
margin-top: 10px;
}
/* hide gear icon */
div#mceu_109-body .dashicons-admin-generic {
display: none;
}
.progress_bar_divider {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-top: 10px;
}
/* end hide gear icon */
/* search job button loader css */
#job-search-submit-loader {
text-align: center;
}
#job-search-submit-loader div {
display: inline-block;
vertical-align: middle;
width: 14px !important;
height: 14px !important;
margin: 0px auto;
border-radius: 50px;
transform: scale(0);
animation: circleAnimation 1.6s linear infinite;
}
#job-search-submit-loader div:nth-of-type(2) {
-webkit-animation-delay: 0.2s;
}
#job-search-submit-loader div:nth-of-type(3) {
-webkit-animation-delay: 0.4s;
}
#job-search-submit-loader div:nth-of-type(4) {
-webkit-animation-delay: 0.6s;
}
@keyframes circleAnimation {
0% {
opacity: 1;
transform: scale(1);
}
25% {
opacity: 0.6;
transform: scale(0.5);
}
50% {
opacity: 0;
transform: scale(0);
}
100% {
opacity: 0;
transform: scale(0);
}
}
img.id_lance_badge {
height: 51px;
position: absolute;
right: 25px;
top: -9px;
}
.teammate-content {
position: relative;
}
img.id_lance_badge_on_list_page {
position: absolute;
bottom: -13px;
height: 55px !important;
width: 83px !important;
left: -4px;
cursor: pointer;
z-index: 99;
}
.resubmit_profile_msg {
position: relative;
background: #4bc3a4;
padding: 8px 15px;
color: #fff;
border-radius: 6px;
animation: blinker 1.5s linear;
animation-iteration-count: 2;
}
span.hide_msg {
position: absolute;
width: 19px;
height: 19px;
border-radius: 50%;
line-height: 17px;
cursor: pointer;
text-align: center;
right: 11px;
background: #fff;
color: #000;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.teammate-content .nav-avatar .teammate-top-info {
min-height: 115px;
}
.clearfix:after,
.clearfix:before {
content: unset !important;
}
.schedule-popup-body .teammate-info img {
height: 270px;
width: 270px;
}
.highlight {
color: #4cc3a5;
}
.gform_confirmation_message_53 {
text-align: center;
}
.filter-overlay {
background: #ffffff4d;
height: 100vh;
width: 100%;
content: "";
position: absolute;
}
.dense-overlay {
background: #ffffffd6;
color: red;
text-align: center;
padding: 70px 0 0;
}
.filters-wrap h4 span {
float: right;
cursor: pointer;
text-transform: capitalize;
font-weight: 600;
}
.clear-all-filters {
color: red;
display: none;
}
.confirm-clear-filters {
color: #4cc3a5;
}
div[data-style="bottomright"].grecaptcha-badge {
opacity: 0;
}
.pricing-tabs .tab-content .collunm span.saving-price {
color: #4cc3a5;
}
/* Edit profile page */
#gform_9 {
display: block;
}
#gform_fields_9 li {
width: 100%;
}
#gform_fields_9 .gfield_label.custom {
margin: 30px 0 15px !important;
}
#gform_9 .gform_footer.top_label.show {
margin-top: 20px;
}
#gform_9 input {
font-style: normal;
font-weight: normal;
font-size: 16px;
font-family: "Inter", sans-serif;
}
.page-template-template-billing-details .left-nav-header__top,
.page-template-templatesclient-profile-php .left-nav-header__top,
.page-template-templatesteammate-documents-php .left-nav-header__top,
.page-template-templatesteammate-documents-php .left-nav-header__top,
.page-template-templatesrate-schedule-php .left-nav-header__top,
.page-template-templatesteammate-password-php .left-nav-header__top,
.page-template-templatesclient-add-new-teammates-php .left-nav-header__top,
.page-template-templatestemplate-ace-upgrade-plan-php .left-nav-header__top {
display: none;
}
.jf-required.has-error .error-message {
color: #c30b0b;
margin: 0;
}
.full-width {
width: 100%;
}
.button__conntect-board {
cursor: pointer;
border: 0px;
}
.btnAjaxing {
position: relative;
overflow: hidden;
opacity: 0.6;
cursor: not-allowed !important;
}
.invoiceOrganizationModal .collunm-full {
width: 100%;
text-align: center;
}
.invoiceOrganizationModal h3 {
text-align: center;
font-size: 60px !important;
line-height: 1.3;
letter-spacing: normal !important;
margin: 10px 0px 22px;
font-weight: 700;
color: #444b56;
}
form#gform_58 input {
font-style: normal;
font-weight: normal;
font-size: 16px;
font-family: "Inter", sans-serif;
}
.invoiceOrganizationModal input {
width: 100%;
height: 51px;
border: 1px solid rgba(0, 0, 0, 0.25) !important;
border-radius: 5px;
padding: 0 16px;
font-style: normal;
font-weight: normal;
font-size: 16px;
font-family: "Inter", sans-serif;
}
textarea#input_58_5 {
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.25) !important;
border-radius: 5px;
padding: 0 16px;
font-style: normal;
font-weight: normal;
font-size: 16px;
font-family: "Inter", sans-serif;
}
.invoiceOrganizationModal input#gform_submit_button_58 {
width: 100%;
background: #4cc3a5;
border-color: #4cc3a5;
cursor: pointer;
font-size: 16px;
font-family: "Inter", sans-serif;
font-weight: normal;
height: 50px;
}
div#gform_confirmation_message_58 {
font-size: 17px;
margin-bottom: 60px;
}
.invoiceOrganizationModal .gform-half-col,
.invoiceOrganizationModal .gfield_error.gform-half-col {
width: 48.1% !important;
float: left;
clear: none !important;
}
.invoiceOrganizationModal .gform-half-col.gform-right-col {
float: right;
}
.pricingModal .model-button {
display: flex;
gap: 10px;
}
.invoiceOrganizationModal .gform_confirmation_message a.site-button.close-btn {
margin-top: 35px;
}
.post-collunm .job-field input:focus-visible {
outline-color: #4bc3a4 !important;
}
.form-group.from-rplace span {
position: relative;
padding-left: 24px;
font-size: 14px;
cursor: pointer;
}
.from-rplace input {
height: auto !important;
margin: 0;
position: absolute;
width: 100% !important;
z-index: 9;
opacity: 0;
}
.form-group.from-rplace span:before {
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 17px;
background-color: #fff;
content: "";
border: 1px solid #ddd;
border-radius: 3px;
}
.from-rplace input:checked + span:before {
background: #4cc3a5;
}
.from-rplace input:checked + span:after {
content: "\f00c";
font-size: 11px;
color: #fff;
font-family: "Font Awesome 5 Pro";
position: absolute;
top: 0;
left: 3px;
opacity: 1;
}
.from-rplace input:not(:checked) + span:after {
opacity: 0;
}
.carrer-request-update-button-wrp a {
font-size: 13px !important;
color: #a4a4a4 !important;
line-height: 16px;
font-weight: 600;
text-decoration: underline;
display: flex;
text-transform: none;
justify-content: end;
font-family: "Inter", sans-serif;
}
.title-part img {
height: 94px!important;
width: 94px!important;
border-radius: 60px!important;
}
.field-ever label.gfield_label.gform-field-label.gfield_label_before_complex {
display: block;
color: #444b56;
font-size: 15px;
font-weight: bold;
font-family: "Red Hat Display" !important;
margin: 0 0 8px;
}
.field-ever input {
border: 1px solid #444b567d!important;
border-radius: 8px;
height: 42px;
font-size: 14px;
font-weight: normal;
width: 100%;
padding: 10px;
}
.field-ever input {
border: 1px solid #444b567d!important;
border-radius: 8px;
height: 42px;
font-size: 14px;
font-weight: normal;
width: 100%;
padding: 10px;
}
.field-ever .textarea-field textarea {
border: 1px solid #444b567d!important;
height: 127px !important;
border-radius: 8px;
height: 127px !important;
font-size: 14px;
font-weight: normal;
width: 100%;
padding: 10px;
font-size: 14px !important;
font-weight: 400;
line-height: normal;
font-weight: 600;
font-style: italic;
color: #ADADAD;
}
.field-ever input::placeholder {
opacity: 0;
}
.form-btn-btn button.button.white.close-btn {
background: #fff !important;
color: #444b56;
font-size: 16px;
font-weight: normal;
font-family: "Red Hat Display" !important;
border: 1px solid #444b56;
max-width: 185px;
cursor: pointer;
padding: 12px 16px;
}
.career-request-modal .gform-footer.gform_footer.top_label {
position: absolute;
right: 52px;
width: auto;
border: none;
margin: 0;
padding: 0;
}
.career-request-modal .gform-footer.gform_footer.top_label {
position: absolute;
right: 0;
width: calc(100% - 185px);
padding-left: 12px;
}
.career-request-modal .gform-footer.gform_footer.top_label input {
width: 100%;
max-width: 100%;
background: #4cc3a5;
color: #fff;
font-size: 16px;
font-weight: normal;
font-family: "Red Hat Display" !important;
border: 1px solid #4cc3a5;
cursor: pointer;
border: none !important;
}
.gform_legacy_markup_wrapper form {
position: relative;
}
.career-request-modal .gform_confirmation_message {
text-align: center;
font-size: 15px;
font-weight: 500;
padding: 20px 0px;
}
.career-request-modal .form-btn-btn.close-button {
text-align: center;
}
.career-page-right-bar .career-report-bar a {
font-size: 13px !important;
color: #a4a4a4 !important;
line-height: 16px;
font-weight: 600;
text-decoration: underline;
display: flex;
text-transform: none;
justify-content: end;
font-family: "Inter", sans-serif;
}
.rating-button a i {
font-size: 18px;
}
label.carrer-locations {
display: flex;
flex-direction: column;
align-items: flex-start;
font-family: "Inter", sans-serif;
font-weight: normal;
}
.dashboard-box .add-resources p.is_monthly i {
color: #efbc44;
}
/* focus multiselect css */
.focus-sub-category span.select2 {
width: 100% !important;
max-width: 100% !important;
}
.page-template-template-newJobBoard span.select2-dropdown.select2-dropdown--above {
z-index: 999999;
}
.logo-section-item .job-field-radios .focus-sub-category span.select2{
height: auto !important;
min-height: 36px !important;
max-width: 100%;
}
.focus-sub-category span.select2 span.selection {
height: 100%;
display: inline-block;
width: 100%;
}
.focus-sub-category span.select2 span.select2-selection {
height: 100%;
border: none;
}
.focus-sub-category span.select2 span.select2-selection .select2-selection__rendered {
height: 100%;
padding: 8px 10px;
color: #455367;
font-size: 14px;
font-weight: normal;
font-style: normal;
}
.focus-sub-category .styled-dropdown ul li {
font-size: 12px;
white-space: normal;
max-width: calc(100% - 33px);
}
.focus-sub-category span.select2 ul.select2-selection__rendered input.select2-search__field {
padding: 0;
margin: 0;
border: none !important;
height: auto !important;
}
.focus-sub-category ul.select2-selection__rendered li {
font-size: 11px;
white-space: normal;
margin: 0 2px 2px 0 !important;
}
.focus-sub-category li.select2-search.select2-search--inline{
display: none;
}
/* focus multiselect css */
/* .board-nav ul:after{
opacity: 0;
transition: 0s;
}
.onload-class .board-nav ul:after{
opacity: 1;
transition: 0.8s;
} */
.careerResource .modal-container .modal-row button.close-btn {
position: absolute;
right: 38px;
top: 22px;
height: 46.6px;
width: 46.1px;
border: none;
border-radius: 100%;
background: #cef9ee;
font-size: 40px;
color: #51bfa2;
-webkit-text-stroke: 2px #cef9ee;
cursor: pointer;
}
.careerResource i.fas.fa-times {
font-size: 27px;
position: absolute;
top: 10px;
right: 13px;
}
.careerResource .jop-post-head {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #ccc;
padding: 0 0 19px;
margin: 0 0 34px;
}
.careerResource .post-collunm .job-field label {
font-size: 14px;
margin: 0 0 10px;
color: #444B56 !important;
font-weight: bold !important;
}
.careerResource .post-job-form .job-form-row {
gap: 0 35px;
}
.resource-type-carrer {
display: flex;
gap: 70px;
}
.event-detail-wrps {
display: flex;
gap: 30px;
}
.job-carrer-next {
display: flex;
gap: 30px;
}
.start-events-end {
width: 100% !important;
flex-wrap: wrap;
}
.resource-type-carrer-inbox {
display: flex;
gap: 30px;
align-items: center;
}
.resource-type-carrer-inbox .post-collunm .logo-upload-wrap .logo-upload span {
width: 100%;
border: 1px solid #444b567d !important;
border-radius: 8px !important;
background: #fff;
color: transparent;
min-height: 36px;
}
.job-new-item-post .logo-section-item.post-collunm {
width: 100% !important;
}
.careerResource .job-form-bottom .job-form-row .job-form-cancel a.close-btn {
min-width: 113px !important;
color: #444B56 !important;
font-size: 16px !important;
font-weight: 600;
}
.job-disclover-wrp {
text-align: center;
}
.job-disclover-wrp p {
text-align: center;
width: 75%;
margin: 0 auto;
}
.careerResource .post-collunm .logo-upload-wrap .logo-upload:before {
content: "\f30c";
font-family: "Font Awesome 5 Pro";
position: absolute;
right: 30px;
font-size: 18px;
line-height: 1.2;
top: 4px;
font-weight: normal;
transition: opacity 0.2s;
color: #4cc3a5;
-webkit-text-stroke: 2px #4cc3a5;
}
.job-form-sep.sep-from-job-field {
margin: 0px !important;
}
.disclaimer-outer .job-actions {
margin: 45px 0 80px;
display: flex;
align-items: center;
justify-content: end;
}
.job-form-sep.choose-ite-next {
margin: 34px 0 30px !important;
}
.job-form-sep .choose-ite-next-artical {
margin: 0px 0 30px !important;
}
.subscribe-emails-modal a.btn.modal-close {
position: relative;
padding: 3px 16px;
font-size: 14px;
font-weight: 500;
color: #fff;
left: 0;
top: 0;
font-family: "Inter";
}
.subscribe-emails-modal a.btn.modal-close:hover {
color: #4bc3a4;
}
.submit-resources-modal a.btn.modal-close {
position: relative;
padding: 3px 16px;
font-size: 14px;
font-weight: 500;
color: #fff;
left: 0;
top: 0;
font-family: "Inter";
}
.submit-resources-modal a.btn.modal-close:hover {
color: #4bc3a4;
}
.job-field-radios.career.resources-type-outer {
justify-content: space-between;
}
div#credentials {
justify-content: space-between;
}
.job-field-radios.career.resources-type-outer span {
white-space: nowrap;
}
div#credentials .job-field-radio span {
white-space: nowrap;
}
.resources-type-outer{
align-items: normal;
}
.careerResource .post-collunm .logo-upload-wrap .logo-upload:after {
content: "";
height: 3px;
width: 23px;
position: absolute;
right: 23px;
background: #4cc3a5;
bottom: 6px;
}
.cost-resources-inner label {
margin-top: 12px !important;
}
.events-inner-item label {
margin-top: 3px !important;
}
.event-detail-wrps .job-field.job-field-half {
width: 50% !important;
}
.job-carrer-next .job-field-half-carrer {
width: 50%;
}
.job-carrer-next .job-field.job-field-half {
width: 50% !important;
}
.careerResource .range-fields .range-start:after {
content: "to";
position: absolute;
left: 100%;
transform: translateX(8px) translateY(-50%);
top: 50%;
color: #000000;
opacity: 0.5;
font-weight: bold;
}
/* .resource-type-carrer-inbox .job-field.job-field-half {
width: 50% !important;
} */
.careerResource .post-collunm .job-field .range-fields {
justify-content: flex-start;
gap: 30px;
}
.resource-type-carrer-inbox .job-form-row.resources-detail-outer .post-collunm {
width: 100% !important;
display: block !important;
flex-wrap: wrap;
}
.postAJob-modal.postAJobModal.plansModal.careerResource {
z-index: 999 !important;
}
.suggestions-list {
position: absolute;
padding: 16px;
list-style: none;
top: 50px;
background: #fff;
border: 1px solid #ddd;
border-radius: 10px;
z-index: 9;
width: 100%;
margin: 0;
max-height: 240px;
overflow-x: auto;
}
.suggestions-list li {
font-size: 16px;
text-transform: capitalize;
margin: 0 0 12px;
color: #333435;
}
.suggestions-list li:last-child{
margin: 0 0 ;
}
.suggestions-list li a {
color: #333435;
}
/* New pricing page Start */
.collunm .promote-tag {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
border-radius: 0px 0px 20px 20px;
background: #4cc3a5;
text-align: center;
padding: 10px 20px;
font-size: 14px;
font-weight: 700;
color: #fff;
}
.promote-fetaures {
margin-bottom: 22px;
}
.promote-fetaures h4 {
font-size: 14px !important;
font-weight: 800 !important;
margin-bottom: 17px !important;
}
.promote-fetaures span {
font-size: 14px !important;
font-weight: 500 !important;
}
/* Promtion form */
.checkoutPromotionModal .modal-container .modal-row {
display: unset !important;
}
.checkoutPromotionModal h3.gform_title {
text-align: center;
font-size: 60px !important;
font-weight: 500;
line-height: 1.3;
margin: 0 0 70px;
}
form#gform_63 input {
font-style: normal;
font-weight: normal;
font-size: 16px;
font-family: "Inter", sans-serif;
}
.checkoutPromotionModal input {
width: 100%;
height: 51px;
border: 1px solid rgba(0, 0, 0, 0.25) !important;
border-radius: 5px;
padding: 0 16px;
font-style: normal;
font-weight: normal;
font-size: 16px;
font-family: "Inter", sans-serif;
}
.checkoutPromotionModal .gform-half-col, .checkoutPromotionModal .gfield_error.gform-half-col {
width: 48.1% !important;
float: left;
clear: none !important;
}
.checkoutPromotionModal .gform-half-col.gform-right-col {
float: right;
}
.checkoutPromotionModal .gform-city-field, .checkoutPromotionModal .gfield_error.gform-city-field {
width: 37.92% !important;
clear: none;
float: left;
}
.checkoutPromotionModal .gform-state-field, .checkoutPromotionModal .gfield_error.gform-state-field {
width: 23.24% !important;
float: left;
clear: none !important;
margin-left: 3.52% !important;
}
.checkoutPromotionModal .gform-zip-field, .checkoutPromotionModal .gfield_error.gform-zip-field {
width: 31.8% !important;
float: right;
clear: none !important;
}
.checkoutPromotionModal input#gform_submit_button_63 {
width: 100%;
background: #4cc3a5;
border-color: #4cc3a5;
cursor: pointer;
font-size: 16px;
font-family: "Inter", sans-serif;
font-weight: normal;
height: 50px;
}
.checkoutPromotionModal .gform-grid-row .gform-theme-field-control {
border: 1px solid rgba(0, 0, 0, 0.25) !important;
padding: 14px 10px;
border-radius: 5px;
}
.checkoutPromotionModal label {
font-size: 14px !important;
}
.testimonal-row .slick-arrow {
height: 22px !important;
width: 22px !important;
padding: 0;
}
.multistep-modal.cancellation-modal.cancellationModal.plansModal {
z-index: 9999 !important;
}
.career-resources i {
display: inline;
color: grey;
}
.career-resources i.active {
color: #ffc300
}
/* .rate-resource-modal.addRattingModel .modal-body {
max-width: 690px !important;
} */
.checkoutPromotionModal textarea#input_63_38 {
border: 1px solid rgb(129 141 164 / 50%) !important;
border-radius: 5px;
height: 51px;
}
.clear-multi .gfield_time_ampm.ginput_container.ginput_container_time.below.gform-grid-col {
max-width: none;
}
.clear-multi {
justify-content: space-between;
}
.checkoutPromotionModal img.ui-datepicker-trigger {
position: absolute;
top: 48px;
left: 12px;
}
.checkoutPromotionModal input#input_63_39 {
padding-left: 42px;
}
.checkoutPromotionModal input {
min-width: 150px !important;
}
.checkoutPromotionModal label.gfield_label.gform-field-label.gfield_label_before_complex {
margin-bottom: 0px !important;
}
.promotion-media input {
padding-top: 13px;
}
.checkoutPromotionModal .gform_legacy_markup_wrapper .gfield_time_hour i {
margin-left: 9px;
margin-top: 22%;
}
.checkoutPromotionModal textarea#input_63_37 {
border: 1px solid rgb(129 141 164 / 50%) !important;
border-radius: 5px;
height: 51px;
}
.checkoutPromotionModal .gform-social-media-field, .checkoutPromotionModal .gfield_error.gform-social-media-field {
width: 30% !important;
clear: none;
float: left;
}
.checkoutPromotionModal .gform-social-date-field, .checkoutPromotionModal .gfield_error.gform-social-date-field {
width: 20% !important;
float: left;
clear: none !important;
margin-left: 3.52% !important;
}
.checkoutPromotionModal .gform-social-time-field, .checkoutPromotionModal .gfield_error.gform-social-time-field {
width: 43% !important;
float: right;
clear: none !important;
}
.featured-job-modal a.btn.modal-close {
position: relative;
padding: 5px 16px;
font-size: 12px;
font-weight: 800;
color: #fff;
left: 0;
top: 1px;
font-family: "Inter";
}
.featured-job-modal a.btn.modal-close:hover {
color: #4bc3a4;
}
.modal-overlay.featured-job-modal p {
max-width: 490px !important;
}
.already-promoted-modal a.btn.modal-close {
position: relative;
padding: 5px 16px;
font-size: 12px;
font-weight: 800;
color: #fff;
left: 0;
top: 1px;
font-family: "Inter";
}
.already-promoted-modal a.btn.modal-close:hover {
color: #4bc3a4;
}
.modal-overlay.rate-resource-modal.addRattingModel .btn {
font-weight: 600 !important;
text-transform: capitalize !important;
}
.modal-overlay.rate-resource-modal.addRattingModel .modal-wrapper {
top: 50% !important;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
}
.modal-overlay.rate-resource-modal.addRattingModel .modal-wrapper .modal-body {
margin: 0;
}
.modal-overlay.rate-resource-modal.addRattingModel.guest-review .modal-wrapper {
top: 65% !important;
}
.modal-overlay.rate-resource-modal.addRattingModel.for-login-user-rating .modal-wrapper {
top: 60% !important;
}
.modal-overlay.rate-resource-modal.confirmEmailModal .modal-wrapper {
top: 50% !important;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
}
.modal-overlay.rate-resource-modal.confirmEmailModal .modal-wrapper .modal-body {
margin: 0;
}
/* New pricing page End */
@media (min-width: 1441px) {
.pricing-section .main-wrapper {
max-width: 1250px;
}
}
@media all and (max-width: 1400px) {
.main-banner-section .content {
top: calc(50% + 20px);
}
.industries-serve .main-row {
margin: 0;
}
.job-seeker .main-row {
margin: 0;
}
.job-alert-image {
width: 44%;
}
.talent-pool-image img {
width: 100%;
}
.job-seeker .right .connected-form {
width: calc(45% - 10px);
padding: 21px 18px 12px;
}
.connected-form h2 {
font-size: 27px;
}
.pricing-started .new-container {
max-width: 1140px;
}
body .home-started {
padding-top: 210px;
}
.started-main .started-content {
max-width: 990px;
}
.hire-talent-main .new-container,
.find-jobs-main .new-container,
.home-page-main .new-container {
max-width: 1140px;
}
.hire-banner .collunm h2 {
font-size: 62px;
line-height: 75px;
margin: 10px 0 30px;
}
.hire-banner .collunm p {
font-size: 22px;
line-height: 29px;
}
.hire-banner .collunm .work-video {
padding: 0 0 0 50px;
}
.hire-banner .collunm .work-video video {
height: 440px;
}
.job-board-content {
padding: 90px 30px 90px 130px;
left: -30px;
}
.job-board-image img {
width: calc(100% + 40px);
}
.job-board-content ul {
margin: 20px 0 50px;
}
.job-board-section {
margin: 120px 0;
}
.recruitment-services.orange-section .left-collunm {
padding-left: 40px;
}
.recruitment-services.orange-section .right-collunm {
left: -30px;
}
.student-grade {
margin: 130px 0;
}
.student-grade .content-collunm {
width: 62%;
padding: 80px 90px 80px 100px;
}
.student-grade .image-collunm img {
width: auto;
}
.student-grade .content-collunm ul {
margin: 0 0 40px 0;
}
.serice-row .service-box {
padding: 55px 16px 55px 40px;
}
.serice-row .service-box ul {
gap: 12px;
}
.serice-row .service-box ul li {
padding: 10px 20px;
font-size: 15px;
}
.flexible-hiring-service .top-part {
margin: 0 0 80px;
}
.flexible-hiring-service {
padding: 100px 0 90px;
}
.find-job-banner .collunm h2 {
font-size: 62px;
line-height: 75px;
margin: 20px 0;
}
.find-job-banner .collunm h3 {
font-size: 24px;
line-height: 30px;
}
.find-next-role .main-row {
padding: 50px;
}
.find-next-role .collunm h2 {
font-size: 43px;
margin: 0px 0 25px;
}
.find-next-role .collunm h2.border-heading::after {
margin: 20px 0 0;
}
.job-create-account {
padding: 100px 0 95px;
}
.teamed-recommendations {
padding: 90px 0 90px;
}
.teamed-recommendations .right-collunm .tooltip-text {
font-size: 17px;
}
.talent-pool-section .left-collunm .tooltip-text {
font-size: 18px;
}
.talent-pool-section {
padding: 100px 0;
}
.student-grad-roster {
padding: 120px 0;
}
.resources-section {
padding: 120px 0 120px;
}
.stories-section {
padding: 90px 0;
}
.stories-section .heading {
margin: 0 0 40px;
}
.stories-slider .slider-item {
padding: 40px 40px 100px;
left: 18px;
}
.stories-section .main-row {
padding: 0 50px;
}
.find-jobs-main .pricing-started.faq-started {
padding-top: 200px;
}
.specialize-section .list .box {
margin: 0 0 15px;
}
.specialize-section .list .box p {
gap: 8px;
font-size: 9px;
}
.specialize-section .list .box a {
padding: 14px 10px;
}
.specialize-section .collunm:hover .list {
bottom: -213px;
}
.specialize-section .list .box a {
gap: 10px;
}
.specialize-section .list .box label {
font-size: 11px;
}
.specialize-section {
padding: 90px 0 110px;
}
.recruitment-bottom-images .first img {
left: 0;
}
.industries-serve {
margin: 0px 0 0 0;
}
.industries-serve {
padding: 90px 0 120px;
}
.industries-serve .industries-list ul {
margin: 60px 0 0;
}
.recruitment-bottom-images {
padding: 10px 0 0;
}
.special-content {
padding: 0 12px 47px;
}
.job-seeker {
margin: 170px 0 0;
}
.tabs-section {
padding: 150px 0 115px;
}
.hiring-tabs .hiring-content {
padding: 75px 60px 92px 95px;
}
.hiring-tabs .hiring-content .collunm .shadow.second {
width: calc(100% - 15px);
}
.hiring-tabs .hiring-content .collunm .shadow.first {
width: calc(100% - 32px);
}
.hiring-tabs .hiring-content .information {
width: calc(100% - 48px);
padding: 45px 24px 7px;
}
.hiring-tabs .hiring-content .detail-content {
/* min-height: 420px; */
}
.hiring-tabs .hiring-content .information .profile {
gap: 15px;
}
.recruitment-bottom-images .first {
width: 40%;
}
.recruitment-bottom-images .second {
width: 60%;
}
.recruitment-bottom-images .second img {
width: 328px;
}
.recruitment-bottom-images .first img {
width: 230px;
}
.service-platform:before {
width: 55%;
height: calc(100% - 100px);
top: 0;
}
.service-platform .left {
width: 57%;
padding-left: 60px;
}
.service-platform .right {
padding: 30px 0 0 70px;
width: 43%;
}
.platform-content p {
padding: 0 0px 0px 0;
}
.service-platform {
padding: 90px 0 190px;
}
.job-seeker .platform-content p {
padding-right: 0;
}
.job-create-account .image-collunm .small-img {
right: -50px;
}
.teamed-recommendations .left-collunm {
padding: 100px 120px 130px 90px;
}
.teamed-recommendations .left-collunm p {
padding: 0 70px 0 0;
}
.talent-pool-section .left-collunm img {
width: 460px;
}
.talent-pool-section .left-collunm .tooltip-text {
font-size: 16px;
left: 30px;
padding: 15px 40px 15px 20px;
}
.talent-pool-section .right-collunm {
padding: 110px 70px 130px 130px;
}
.student-grad-roster .tooltip-text {
font-size: 16px;
}
.resources-section .left-collunm {
padding: 80px 220px 100px 65px;
}
.resources-section .right-collunm img {
width: 250px;
}
.home-page-main .job-seeker {
margin: 170px 0 80px;
}
}
@media all and (max-width: 1199px) {
.new-header container {
padding: 25px 50px;
}
.home-header .header-col-center-wrapper .nav ul {
gap: 22px;
}
.new-header container {
padding: 25px 30px;
}
.page-id-65004 .home-header .header-col-center-wrapper .nav ul li a {
font-size: 15px;
}
.new-header .header-col-center nav ul li a {
font-size: 15px;
}
.new-header .header-col-center .button__contact-header {
max-width: 120px;
font-size: 15px;
padding: 10px 0 !important;
}
.page-id-65004
.home-header
.header-col-center-wrapper
.button-container
.button {
padding: 10px 0;
font-size: 15px;
}
.main-banner-section h1 .cursor {
height: 70px;
}
.main-banner-section h1 {
font-size: 60px;
line-height: 70px;
}
.main-banner-section .content .site-button {
max-width: 240px;
padding: 16px 18px;
}
.main-banner-section .image img {
height: 600px;
object-fit: cover;
}
.main-banner-section .content {
top: 50%;
}
.partner-logo-slider .slick-slide img {
width: 140px;
height: 60px;
object-fit: contain;
}
.logos-section {
padding: 48px 0;
}
.specialize-section .list .box label {
font-size: 10px;
display: block;
line-height: 14px;
}
.specialize-section .list .box {
margin: 0 0 12px;
}
.blocks-row {
gap: 20px;
max-width: 990px;
margin: 0 auto;
}
.specialize-section .list .box a {
padding: 11px 10px;
gap: 10px;
}
.specialize-section .list .box p {
font-size: 8px;
gap: 4px;
}
.specialize-section .list .arrow a.close-arrow {
padding: 6px 12px 0px;
}
.specialize-section .collunm h5 {
font-size: 24px;
line-height: 32px;
}
.specialize-section .list .box .detail {
width: calc(100% - 90px);
}
.specialize-section .list .box a .box-img {
width: 50px;
height: 50px;
}
.specialize-section .list {
bottom: -310px;
}
.specialize-section .collunm:hover .list {
bottom: -190px;
}
.specialize-section .collunm:hover a.open-arrow {
bottom: 76px;
}
.industries-serve .new-container {
max-width: 990px;
}
.industries-serve .heading-part .left {
width: 40%;
}
.industries-serve .industries-list ul {
margin: 70px 0 0;
}
.industries-serve {
padding: 90px 0 100px;
margin: 100px 0 0 0;
}
.job-seeker {
margin: 130px 0 0;
}
.job-seeker .platform-content {
padding: 40px 80px 0 0;
}
.job-seeker .left {
width: 45%;
}
.job-seeker .right {
width: 55%;
}
.job-seeker .right .connected-form {
width: calc(45% - 20px);
padding: 14px 14px 2px;
margin: 0;
}
.connected-form h2 {
font-size: 24px;
line-height: 30px;
}
.pricing-started .new-container {
max-width: 900px;
}
.started-main .started-content {
max-width: 770px;
}
.started-main .image img {
width: 470px !important;
}
.started-main .started-content {
border-radius: 12px 0 0 12px;
padding: 70px 55px;
}
.started-main .started-content h2 {
font-size: 50px !important;
}
.started-main .started-content p {
font-size: 18px !important;
}
body .home-started {
padding-top: 180px !important;
}
.hire-talent-main .new-container,
.find-jobs-main .new-container,
.home-page-main .new-container {
max-width: 970px;
}
.hire-banner .collunm h2 {
font-size: 52px;
line-height: 65px;
margin: 10px 0 20px;
}
.hire-banner .collunm p {
font-size: 18px;
line-height: 26px;
}
.hire-banner .collunm .site-button.bg-white {
margin: 10px 20px 0 0;
}
.hire-banner .collunm .work-video video {
height: 410px;
}
.hire-banner {
margin: 110px 0 0px;
padding: 45px 0;
}
.hiring-tabs ul.tabs li {
font-size: 14px;
padding: 20px 0;
}
.hiring-tabs .hiring-content {
padding: 45px 30px 52px 55px;
}
.hiring-tabs {
margin: 50px 0px 0 0;
}
.hiring-tabs .hiring-content .tab-row {
gap: 27px;
}
.tabs-section {
padding: 70px 0;
}
.hire-services {
padding: 70px 0;
}
.hire-services .heading p {
padding: 0;
font-size: 18px;
}
.hire-services .heading {
margin: 0 0 40px 0;
}
.hire-services .services-row .collunm a {
padding: 25px;
}
.hire-services .services-row .collunm h4 {
font-size: 26px;
line-height: 32px;
}
.hire-services .bottom-bar {
margin: 30px 0 0;
}
.recruitment-services .left-collunm {
width: 60%;
padding: 40px 100px 70px 40px;
}
.job-board-content {
padding: 60px 30px 60px 90px;
left: -20px;
}
.job-board-content ul li {
margin: 0 0 23px;
padding: 0 0 0 30px;
font-size: 14px;
}
.job-board-image img {
width: calc(100% + 50px);
}
.job-board-image {
left: 10px;
}
.job-board-section {
margin: 90px 0;
}
.recruitment-services.orange-section .left-collunm p {
padding-right: 50px;
}
.recruitment-services .left-collunm ul li {
padding: 0 0 20px 30px;
font-size: 14px;
}
.recruitment-services.orange-section .left-collunm ul {
margin-bottom: 25px;
}
.recruitment-services.orange-section .left-collunm {
padding-bottom: 40px;
}
.logo-slider {
margin: 0 0 130px;
}
.flexible-hiring-service .top-part p br {
display: none;
}
.flexible-hiring-service .top-part {
margin: 0 0 40px;
}
.serice-row {
gap: 19px;
}
.serice-row .service-box {
padding: 38px 16px 38px 30px;
}
.serice-row .service-box h4 {
font-size: 32px;
line-height: 40px;
}
.serice-row .service-box h4::after {
margin: 15px 0 0;
}
.serice-row .service-box ul li {
padding: 8px 13px;
font-size: 14px;
}
.testimonal-slider-row {
padding: 50px 60px 80px 20px;
}
.testimonal-slider-row button.slick-next {
right: 50px;
top: 50px;
}
.testimonal-slider-row button.slick-prev {
right: 120px;
top: 50px;
}
.testimonal-slider {
padding: 90px 0 0;
}
.find-job-banner .collunm h2 {
font-size: 52px;
line-height: 65px;
}
.find-job-banner .collunm h3 {
font-size: 20px;
line-height: 24px;
}
.find-job-banner .collunm p {
font-size: 20px;
line-height: 25px;
}
.find-job-banner .collunm .buttons {
margin: 30px 0 0;
}
.find-job-banner .collunm img {
position: relative;
right: 40px;
max-width: 590px;
}
.find-job-banner {
padding: 100px 0 100px;
margin-top: 85px;
}
.find-job-banner .collunm {
overflow: hidden;
}
.find-next-role .main-row .collunm-img img {
width: 100%;
}
.find-next-role .main-row {
padding: 30px;
}
.find-next-role .collunm h2 {
font-size: 38px;
}
.job-create-account .content-collunm {
width: 50%;
padding: 50px 60px 50px 40px;
}
.job-create-account .content-collunm p {
margin: 0 0 22px;
}
.job-create-account .image-collunm img.bigger-img {
padding-top: 180px;
width: 100%;
}
.job-board-image .tooltip-text {
/* padding: 23px 30px 23px 18px; */
}
.teamed-recommendations .left-collunm {
padding: 70px 100px 60px 50px;
}
.teamed-recommendations .right-collunm img {
width: calc(100% + 110px);
left: -10px;
}
.talent-pool-section {
padding: 92px 0;
}
.talent-pool-section .left-collunm .tooltip-text {
font-size: 16px;
padding: 23px 29px 23px 16px;
left: 20px;
}
.talent-pool-section .right-collunm h3::after {
margin: 10px 0 0;
}
.talent-pool-section .right-collunm {
padding: 60px 20px 50px 70px;
}
.student-grad-roster {
padding: 100px 0 100px;
}
.student-grad-roster .content-collunm .tooltip-text {
font-size: 16px;
font-weight: 500;
padding: 20px 30px 20px 20px;
top: -30px;
left: -30px;
}
.student-grad-roster .content-collunm {
padding: 65px 30px 45px 80px;
}
.student-grad-roster .image-collunm img {
width: 420px;
}
.student-grad-roster .content-collunm p {
font-size: 18px;
}
.student-grad-roster .content-collunm .buttons a.site-button {
padding: 15px 34px;
}
.resources-section {
padding: 100px 0 100px;
}
.resources-section .left-collunm {
padding: 60px 160px 70px 55px;
}
.resources-section .right-collunm img.first-img {
width: 250px;
}
.resources-section .right-collunm .second-img {
width: 230px;
}
.resources-section .right-collunm {
left: -140px;
}
.resources-section .left-collunm ul li {
padding: 0 0 21px 30px;
font-size: 14px;
}
.stories-slider .slider-item {
padding: 20px 20px 90px;
left: 18px;
}
.stories-slider .slider-item .slider-content p {
margin: 0 0 10px;
font-size: 16px;
}
.stories-slider .slider-item .detail h4 {
font-size: 26px;
line-height: 38px;
}
.stories-slider .slider-item .detail label {
font-size: 15px;
}
.stories-section {
padding: 70px 0;
}
.stories-slider button.slick-arrow {
height: 47px;
width: 47px;
}
.stories-slider button.slick-next {
right: -55px;
}
.stories-slider button.slick-prev {
left: -40px;
}
.stories-slider button.slick-arrow::before {
font-size: 30px;
}
.stories-slider button.slick-arrow::after {
left: 4px;
top: 15px;
}
.stories-slider button.slick-prev::after {
right: 4px;
}
.stories-slider .slider-item .slider-content img {
bottom: 12px;
width: 70px;
height: 70px;
}
.job-faq {
padding: 90px 0 0;
}
.job-faq .heading {
margin: 0 0 60px;
}
.find-jobs-main .pricing-started.faq-started {
padding-top: 120px;
}
.job-faq .main-wrapper {
max-width: 740px;
}
.special-content p br {
display: none;
}
.special-content {
padding: 0 12px 50px;
}
.job-seeker:before {
height: calc(100% + 100px);
top: -40px;
}
.hire-banner .collunm .work-video:before {
height: 220px;
width: 230px;
left: 25px;
bottom: 0px;
}
.hire-banner:after {
height: calc(100% - 40px);
top: 0;
}
.hiring-tabs .hiring-content .list {
margin: 0 0 25px;
}
.hiring-tabs .hiring-content .information {
padding: 35px 15px 7px;
min-height: 420px;
}
.hiring-tabs .hiring-content .detail-content {
min-height: 420px;
}
.hiring-tabs .hiring-content .information .profile .image {
height: 97px;
width: 97px;
min-width: 97px;
min-height: 97px;
}
.hiring-tabs .hiring-content .information .profile .info ul li {
font-size: 11px;
}
.recruitment-services .right-image {
width: calc(40% + 90px);
margin-left: -90px;
}
.recruitment-services .right-image img {
width: 460px;
}
.recruitment-services .left-collunm p {
font-size: 18px;
padding-right: 0px;
}
.job-board-content p {
font-size: 18px;
line-height: 24px;
}
.job-board-content h5 {
font-size: 18px;
line-height: 24px;
}
.recruitment-services.orange-section .right-collunm img {
width: 440px;
}
.student-grade .content-collunm p {
font-size: 18px;
}
.student-grade .content-collunm h6 {
font-size: 18px;
line-height: 24px;
margin: 30px 0 22px;
}
.student-grade .content-collunm {
padding: 70px 60px 70px 80px;
}
.platform-content p {
font-size: 18px;
line-height: 24px;
}
.specialize-section {
padding: 80px 0 80px;
}
.service-platform {
padding: 70px 0 70px;
}
.service-platform .left {
width: 55%;
padding-left: 0px;
}
.service-platform .right {
padding: 0 0 0 30px;
width: 45%;
}
.recruitment-bottom-images {
gap: 20px;
}
.recruitment-bottom-images .first img {
width: 205px;
}
.recruitment-bottom-images .second img {
width: 293px;
}
.recruitment-top-image img {
width: 390px;
}
.service-platform:before {
height: calc(100% - 0px);
width: 60%;
}
.job-alert-image {
width: 61%;
padding: 0 0 0 20px;
}
.connected-form-image img {
width: 160px;
}
.job-alert-image img {
width: 296px;
}
.platform-content ul li {
margin: 0 0 18px;
font-size: 14px;
}
.platform-content ul {
margin: 0 0 38px;
}
.job-seeker .platform-content {
padding: 40px 60px 0 0;
}
.job-create-account .image-collunm .bigger-img img {
width: 400px;
}
.job-create-account .image-collunm .small-img img {
width: 160px;
}
.job-create-account .image-collunm .small-img {
top: -60px;
right: -60px;
}
.job-create-account .content-collunm p {
font-size: 18px;
}
.hire-talent-main .job-board-section .job-board-image img {
width: 480px;
}
.find-jobs-main .job-board-section .job-board-image img {
width: 480px;
}
.teamed-recommendations .left-collunm p {
font-size: 18px;
line-height: 24px;
padding: 0 60px 0 0;
}
.teamed-recommendations .right-collunm img {
width: 450px;
}
.teamed-recommendations .right-collunm .tooltip-text {
font-size: 15px;
padding: 14px 40px 14px 15px;
}
.talent-pool-section .right-collunm {
padding: 60px 20px 50px 70px;
left: 0;
}
.talent-pool-section .left-collunm img {
width: 400px;
}
.talent-pool-section .right-collunm p {
font-size: 18px;
line-height: 24px;
}
.talent-pool-section .left-collunm .tooltip-text {
font-size: 15px;
padding: 13px 20px 13px 16px;
left: 10px;
}
.job-board-image .tooltip-text {
font-size: 16px;
}
.student-grad-roster .tooltip-text {
font-size: 15px;
padding: 12px 15px 12px 12px;
right: 10px;
}
.resources-section .left-collunm p {
font-size: 18px;
}
.resources-section .right-collunm .shadow:before {
left: -15px;
bottom: -14px;
}
.resources-section .right-collunm .second-img {
left: 15px;
top: 60px;
}
.find-jobs-main .started-main {
padding: 0 0 115px 0;
}
.home-page-main .job-seeker {
margin: 140px 0 10px;
}
.detail-bar .top-bar .apply-detail ul label {
font-size: 24px !important;
}
}
@media all and (max-width: 998px) {
.new-header .header-col-center nav ul li .sub-menu a {
color: #ffffff !important;
padding: 6px 0px;
font-size: 15px !important;
}
.new-header .header-col-center nav ul li .sub-menu {
padding: 10px 0 0;
gap: 4px;
}
.blocks-row {
max-width: 720px;
}
.specialize-section .collunm {
width: 48%;
}
.special-content p br {
display: none;
}
.special-content {
padding: 0 12px 30px;
}
.specialize-section {
padding: 75px 0 80px;
}
.platform-content h2 {
margin: 0 0 15px;
font-size: 32px;
line-height: 43px;
}
.platform-content h2:after {
margin: 15px 0 0;
}
.platform-content p {
font-size: 16px;
line-height: 21px;
}
.platform-content ul li {
margin: 0 0 15px;
font-size: 14px;
padding: 0 0 0 25px;
}
.service-platform .right {
padding: 0 0 0 20px;
}
.recruitment-bottom-images {
padding: 10px 0 0;
}
.service-platform:before {
height: calc(100% + 60px);
}
.service-platform:before {
height: 100%;
}
.platform-content ul {
margin: 0 0 21px;
}
.industries-serve .new-container {
max-width: 720px;
}
.industries-serve .heading-part {
flex-direction: column;
}
.industries-serve .heading-part .left {
width: 100%;
margin: 0 0 20px;
}
.industries-serve .heading-part .right {
width: 100%;
}
.industries-serve .heading-part .right p {
font-size: 16px;
line-height: 20px;
}
.industries-serve .industries-list ul {
margin: 10px 0 0;
justify-content: left;
flex-wrap: wrap;
gap: 20px 0px;
}
.industries-serve .industries-list ul li {
width: 25%;
}
.industries-serve .industries-list ul li label {
font-size: 16px;
margin: 5px 0 0;
}
.talent-pool-image img {
width: 90%;
}
.job-alert-image img {
left: 0;
width: 215px;
}
.connected-form h2 {
font-size: 17px;
line-height: 23px;
}
.job-seeker .right .connected-form {
z-index: 9;
}
.connected-form .site-button {
padding: 9px 10px;
margin: 0 0 10px;
}
.connected-form h2:after {
margin: 9px auto 20px;
width: 100%;
}
.job-seeker .platform-content {
padding: 0px 60px 0 0;
}
.job-seeker {
margin: 120px 0 0;
}
.pricing-started .new-container {
max-width: 700px;
}
.started-main .started-content {
padding-right: 16rem !important;
padding-top: 30px;
padding-left: 30px;
}
.started-main .image img {
width: 400px !important;
}
.started-main .started-content h2 {
font-size: 42px !important;
line-height: 50px;
}
.started-main .started-content p {
font-size: 14px !important;
}
.started-main {
padding: 0 0 115px 0 !important;
}
.hire-talent-main .new-container,
.find-jobs-main .new-container,
.home-page-main .new-container {
max-width: 740px;
}
.hire-banner .collunm .work-video {
padding: 0 0 0 20px;
}
.hire-banner .collunm h2 {
font-size: 38px;
line-height: 48px;
margin: 0px 0 20px;
}
.hire-banner .collunm p {
font-size: 16px;
line-height: 20px;
margin: 0 0 12px;
}
.hire-banner {
margin: 90px 0 0px;
padding: 45px 0;
}
.hire-banner .collunm .site-button.bg-white {
margin: 0px 10px 0 0;
}
.hire-banner .collunm a.site-button {
font-size: 14px;
padding: 10px 14px;
}
.hire-banner .collunm .work-video video {
height: 340px;
}
.hire-banner .collunm .work-video:before {
height: 200px;
width: 210px;
left: 5px;
}
.hiring-tabs ul.tabs li {
font-size: 12px;
padding: 14px 0;
}
.hiring-tabs .hiring-content {
padding: 35px 20px 32px 45px;
}
.hiring-tabs .hiring-content .collunm h4 {
font-size: 20px;
margin: 0 0 18px;
}
.hiring-tabs .hiring-content .tab-row {
gap: 0;
}
.hiring-tabs .hiring-content .collunm {
width: 100%;
}
.hiring-tabs .hiring-content .collunm:last-child {
width: 100%;
margin: 20px 0 0;
}
.hiring-content .info-image img {
width: 100%;
}
.hiring-tabs .hiring-content .detail-content {
min-height: auto;
}
.tabs-section .heading h3 {
font-size: 38px;
line-height: 42px;
}
.hiring-tabs .hiring-content .list {
margin: 0 0 25px;
}
.hire-services .heading h3 {
font-size: 38px;
line-height: 48px;
}
.hire-services .services-row .collunm a {
padding: 15px;
}
.hire-services .services-row .collunm h4 {
font-size: 20px;
line-height: 28px;
}
.hire-services .services-row {
gap: 15px;
}
.tabs-section .heading p {
font-size: 18px;
line-height: 22px;
}
.hire-services .heading p {
font-size: 16px;
line-height: 20px;
}
.hire-services .services-row .collunm p {
font-size: 14px;
}
.border-heading {
font-size: 32px;
line-height: 38px;
}
.recruitment-services .left-collunm {
width: 60%;
padding: 30px 65px 30px 25px;
}
.recruitment-services .left-collunm p {
font-size: 16px;
line-height: 20px;
padding-right: 0;
}
.recruitment-services .right-image {
width: calc(40% + 80px);
margin-left: -80px;
}
.recruitment-services .left-collunm ul li {
padding: 0 0 14px 30px;
font-size: 13px;
}
.recruitment-services .right-image img {
width: 100%;
position: relative;
left: 20px;
}
.job-board-content p {
font-size: 16px;
line-height: 22px;
margin: 15px 0 10px;
}
.job-board-content {
padding: 30px 20px 40px 30px;
left: 0;
}
.job-board-content h5 {
font-size: 16px;
line-height: 22px;
}
.job-board-content ul li {
margin: 0 0 15px;
padding: 0 0 0 30px;
font-size: 13px;
}
.job-board-image img {
width: calc(100% + 30px);
}
.job-board-content ul {
margin: 20px 0 30px;
}
.job-board-image {
left: 0;
}
.recruitment-services.orange-section .right-collunm {
left: -10px;
top: 60px;
}
.recruitment-services.orange-section .left-collunm {
padding: 30px 20px 30px;
}
.recruitment-services.orange-section .left-collunm ul {
margin: 20px 0 7px;
}
.recruitment-services.orange-section .left-collunm p {
padding-right: 10px;
}
.student-grade .content-collunm {
padding: 40px 10px 30px 50px;
}
.student-grade .content-collunm ul li {
margin: 0 0 23px;
padding: 0 0 0 32px;
font-size: 14px;
}
.student-grade .content-collunm .buttons {
gap: 8px;
}
.student-grade .content-collunm p {
font-size: 18px;
line-height: 24px;
}
.student-grade .border-heading:after {
margin: 10px 0 0;
}
.student-grade .image-collunm {
right: -10px;
}
.student-grade {
margin: 90px 0;
}
.student-grade .content-collunm ul li:before {
width: 25px;
height: 25px;
}
.student-grade .content-collunm h6 {
font-size: 18px;
margin: 22px 0 22px;
}
.student-grade {
margin: 90px 0 !important;
}
.logo-slider {
margin: 0 0 90px;
}
.hiring-service .service-content h3 {
font-size: 32px;
margin: 0 0 30px;
}
.hiring-service .service-content p {
font-size: 18px;
}
.hiring-service .service-content {
padding: 45px;
}
.hiring-service {
padding: 80px 0;
}
.flexible-hiring-service .top-part p {
font-size: 18px;
}
.serice-row {
gap: 12px;
}
.serice-row .service-box p {
font-size: 18px;
}
.serice-row .service-box h4 {
font-size: 28px;
line-height: 32px;
}
.flexible-hiring-service:before {
height: 420px;
}
.flexible-hiring-service {
padding: 80px 0 80px;
}
.flexible-hiring-service .top-part {
margin: 0 0 20px;
}
.serice-row .service-box {
padding: 25px 16px 25px 20px;
}
.serice-row .service-box ul {
gap: 10px;
}
.serice-row .service-box ul li {
padding: 6px 10px;
font-size: 13px;
}
.testimonal-slider .heading h3.border-heading::after {
margin: 10px auto 0;
width: 230px;
}
.testimonal-slider-row .slider-collunm {
gap: 25px;
}
.testimonal-slider-row .slider-collunm .image {
width: 30%;
}
.testimonal-slider-row .testimonal-content {
width: 70%;
}
.testimonal-slider-row .slider-collunm .image img {
width: 100%;
}
.testimonal-slider-row .testimonal-content p {
font-size: 18px;
margin: 25px 0 0px;
}
.testimonal-slider-row .testimonal-content h4 {
font-size: 32px;
line-height: 43px;
}
.hire-talent-main .pricing-started .started-content a.site-button {
padding: 12px 20px;
}
.find-job-banner .collunm h2 {
font-size: 38px;
line-height: 50px;
margin: 10px 0;
}
.find-job-banner .collunm h3 {
font-size: 18px;
line-height: 20px;
}
.find-job-banner .collunm p {
font-size: 18px;
line-height: 22px;
margin: 15px 0;
}
.find-job-banner .collunm .buttons a.site-button {
padding: 12px 19px;
font-size: 14px;
}
.find-job-banner .collunm img {
position: relative;
left: -30px;
max-width: 420px;
}
.find-job-banner {
padding: 60px 0 60px;
margin-top: 75px;
}
.find-next-role .main-row .collunm {
width: 100%;
}
.find-next-role .main-row .collunm-img {
width: 100%;
}
.find-next-role .collunm p {
font-size: 18px;
padding: 0;
}
.find-next-role {
padding: 60px 0 60px;
}
.find-next-role .main-row .collunm-img {
margin: 20px 0 0;
}
.job-create-account .content-collunm {
padding: 30px 40px 30px 20px;
}
.job-create-account .content-collunm p {
font-size: 18px;
margin: 0 0 18px;
}
.job-create-account .image-collunm img.small-img {
left: 0;
top: -9rem;
width: 100%;
}
.job-create-account .image-collunm img.bigger-img {
padding-top: 200px;
width: 100%;
}
.job-create-account {
padding: 70px 0 70px;
}
.job-board-image .tooltip-text {
padding: 20px 30px 20px 18px;
left: 10px;
font-size: 16px;
}
.teamed-recommendations .left-collunm p {
font-size: 18px;
line-height: 24px;
}
.teamed-recommendations {
padding: 70px 0 70px;
}
.talent-pool-section .left-collunm .tooltip-text {
font-size: 13px;
padding: 20px 17px 20px 12px;
left: 0px;
}
.talent-pool-section .right-collunm {
padding: 40px 20px 30px 20px;
}
.talent-pool-section .right-collunm p {
font-size: 18px;
line-height: 24px;
margin: 10px 0;
}
.job-board-section {
margin: 70px 0;
}
.student-grad-roster .content-collunm {
padding: 65px 20px 35px 50px;
}
.student-grad-roster .content-collunm .buttons {
margin: 30px 0 0;
}
.student-grad-roster .content-collunm p {
font-size: 18px;
}
.student-grad-roster .border-heading:after {
margin: 10px 0 0;
}
.student-grad-roster .image-collunm {
right: -10px;
}
.student-grad-roster .image-collunm img {
width: calc(100% + 40px);
}
.student-grad-roster {
padding: 110px 0 90px;
}
.student-grad-roster .content-collunm .tooltip-text {
font-size: 14px;
}
.resources-section .right-collunm img.first-img {
width: 190px;
}
.resources-section .right-collunm .second-img {
left: 10px;
width: 170px;
}
.resources-section .right-collunm {
left: -90px;
}
.resources-section .left-collunm p {
font-size: 18px;
}
.resources-section .left-collunm ul li:before {
width: 21px;
height: 21px;
}
.resources-section .left-collunm {
padding: 40px 100px 30px 25px;
}
.resources-section .left-collunm ul li {
padding: 0 0 20px 22px;
font-size: 13px;
}
.stories-slider .slider-item {
padding: 20px 20px 90px;
left: 0;
min-height: 460px;
width: 100%;
}
.stories-slider button.slick-arrow {
height: 37px;
width: 37px;
}
.stories-slider button.slick-arrow::before {
font-size: 22px;
}
.stories-slider button.slick-prev::before {
left: 0px;
}
.stories-slider button.slick-prev::after {
right: 5px;
left: auto;
top: 6px;
width: 10px;
}
.stories-slider button.slick-next {
right: -42px;
}
.stories-slider button.slick-next::before {
left: 0;
}
.stories-slider button.slick-arrow::after {
top: 10px;
width: 10px;
}
.stories-slider .slider-item .slider-content {
margin: 15px 0 0;
}
.job-faq .main-row {
margin: 0;
}
.accordion-container .set a {
font-size: 17px;
}
.accordion-container .ace-content p {
font-size: 16px;
}
.accordion-container .ace-content ul li {
font-size: 16px;
}
.accordion-container .set {
padding: 20px;
border-radius: 15px;
}
.special-content h2 {
margin: 0 0 50px;
font-size: 38px;
}
.special-content h2:before {
top: 65px;
}
.industries-serve {
padding: 70px 0 80px;
margin-top: 80px;
}
.specialize-section .list .box label {
font-size: 11px;
line-height: 16px;
}
.specialize-section .list .box a {
padding: 17px 10px;
}
.specialize-section .list .box {
margin: 0 0 15px;
}
.specialize-section .list .box p {
font-size: 9px;
gap: 5px;
}
.specialize-section .collunm:hover .list {
bottom: -210px;
}
.specialize-section .collunm:hover a.open-arrow {
bottom: 103px;
}
.hire-banner .collunm:first-child {
width: calc(50% + 40px);
}
.hire-banner .collunm:last-child {
width: calc(50% - 40px);
}
.hiring-tabs .hiring-content .information {
min-height: auto;
padding: 35px 15px 15px;
}
.recruitment-services .left-collunm ul {
margin: 30px 0 10px;
}
.student-grade .image-collunm img {
width: 100%;
}
.student-grade .content-collunm p {
font-size: 16px;
line-height: 22px;
margin: 12px 0 0;
}
.student-grade .content-collunm h6 {
font-size: 16px;
margin: 20px 0 20px;
}
.recruitment-top-image img {
width: 300px;
}
.recruitment-bottom-images .first img {
width: 158px;
}
.recruitment-bottom-images .second img {
width: 227px;
}
.service-platform {
padding: 60px 0 60px;
}
.job-alert-image {
width: 59%;
padding: 0 0 0 15px;
}
.job-seeker .main-row {
align-items: flex-end;
}
.find-jobs-main .job-board-section .job-board-image img,
.find-jobs-main .talent-pool-section .left-collunm img {
width: 100%;
}
.find-jobs-main .talent-pool-section .left-collunm {
right: -8px;
}
.hire-talent-main .job-board-section .job-board-image img {
width: 100%;
}
}
@media all and (max-width: 930px) {
.single-career-new-page {
/* display: block !important; */
flex-direction: column-reverse;
}
.career-page-side-bar {
width: 100% !important;
margin-top: 40px;
}
.career-page-right-bar {
width: 100% !important;
}
.about-gsv-conference {
padding: 0px 0 40px 0 !important;
}
}
@media all and (max-width: 800px) {
.connected-form h2 {
font-size: 21px;
line-height: 25px;
}
}
@media all and (max-width: 767px) {
.login-page-cols {
display: block;
}
.resource-type-carrer {
display: block !important;
}
span.active-career-filters-count.for-mobile {
margin: 0;
font-size: 11px;
background: #51bfa2 !important;
display: inline-block;
height: 20px;
width: 20px;
border-radius: 100%;
color: #fff;
text-align: center;
margin: 0 10px 0 0;
position: absolute;
right: -23px;
top: -8px;
}
.all-filter span.active-career-filters-count {
display: none !important;
}
.login-page-col {
padding: 0;
}
.login-page-cols .login-page-col:nth-child(2) {
margin-top: 30px;
}
.login-page {
max-width: 100%;
}
.how-it-work .heading {
padding: 0;
}
.how-it-work .work-row h4 {
padding: 0;
}
.how-it-work:before {
height: 160px;
left: 0;
}
.how-it-work {
margin: 0 0 0px 0;
}
.faq {
padding: 30px 0 0;
}
.sidebar .sidebar-subheading {
padding: 20px 20px 0 !important;
}
.main-content .center-column {
margin-bottom: 20px;
}
.client-portal .main {
padding-top: 30px;
}
.more-actions {
right: 0;
}
.main-banner-section h1 {
font-size: 50px;
line-height: 60px;
}
.main-banner-section h1 .cursor {
height: 60px;
}
.main-banner-section .content p {
font-size: 16px;
margin: 14px 0 30px;
line-height: 20px;
}
.main-banner-section .content .site-button {
max-width: 190px;
padding: 13px 18px;
font-size: 16px;
}
.main-banner-section .image img {
height: 550px;
}
.main-banner-section .content {
padding: 0 15px;
}
.main-banner-section .content p br {
display: none;
}
.specialize-section .list .box a {
padding: 6px 5px;
gap: 6px;
}
.specialize-section .list {
padding: 10px;
}
.blocks-row {
gap: 10px;
}
.specialize-section .collunm {
width: 49%;
}
.specialize-section .list .box .detail {
width: calc(100% - 81px);
}
.specialize-section .collunm:hover a.open-arrow {
bottom: 67px;
}
.special-content h2 {
margin: 0 0 40px;
font-size: 34px;
}
.special-content h2:before {
top: 64px;
}
.special-content p {
margin: 0 0 14px;
font-size: 18px;
line-height: 24px;
}
.service-platform .left {
width: 100%;
}
.service-platform .right {
width: 100%;
}
.service-platform:before {
opacity: 0;
}
.service-platform .right {
padding: 0 0px 20px;
width: 100%;
}
.specialize-section {
padding: 75px 0 70px;
}
.recruitment-top-image img {
width: 400px;
}
.recruitment-bottom-images {
padding: 10px 0px 0;
gap: 15px;
}
.recruitment-bottom-images .first img {
width: calc(100% + 0px);
left: 0;
}
.recruitment-bottom-images .second img {
width: 100%;
}
.recruitment-top-image {
width: calc(100% - 0px);
}
.recruitment-bottom-images .second {
width: 59%;
}
.recruitment-bottom-images .first {
width: 41%;
}
.industries-serve {
padding: 60px 0 60px;
margin: 0;
}
.industries-serve .heading-part .left h2 {
font-size: 34px;
line-height: 40px;
}
.industries-serve .heading-part .left h2:after {
margin: 15px 0 0;
}
.job-seeker .left {
width: 100%;
margin: 0 0 20px;
}
.job-seeker .right {
width: 100%;
}
.job-seeker .new-container {
max-width: 540px;
}
.job-seeker:before {
width: 85%;
}
.job-alert-image {
width: 50%;
}
.job-seeker .right .connected-form {
z-index: 9;
width: 46%;
left: -20px;
position: relative;
}
.talent-pool-image img {
width: 100%;
}
.service-platform .main-row {
flex-direction: column-reverse;
margin: 0;
}
.home-started .started-content .site-button.gray-bg {
margin: 0 9px 0 0;
}
.pricing-started .new-container {
max-width: 540px;
}
.started-main .started-content p {
font-size: 14px !important;
line-height: 23px !important;
margin: 2px 0 12px !important;
}
.started-main .started-content h2 {
font-size: 35px !important;
line-height: 42px;
}
.started-main .image img {
width: 280px !important;
}
.started-main .image {
bottom: 0 !important;
}
.started-main .started-content {
padding-right: 9rem !important;
padding-bottom: 30px;
}
.home-started .started-content .site-button.gray-bg {
padding: 12px 50px;
}
.home-started .started-content .site-button.bg-white {
padding: 12px 47px;
}
.started-main {
padding: 0 0 85px 0 !important;
}
body .home-started {
padding-top: 80px !important;
}
.hire-banner .collunm:last-child {
width: 100%;
}
.hire-banner .collunm:first-child {
width: 100%;
}
.hire-banner .collunm {
width: 100%;
}
.hire-banner .collunm .work-video {
padding: 30px 0 0 0;
}
.hire-banner .collunm .work-video:before {
display: none;
}
.hire-banner .collunm .work-video video {
height: auto;
}
.hire-banner .main-row {
margin: 0;
}
.hire-banner:after {
height: calc(100% - 10px);
width: 80%;
}
.tabs-section .main-row {
margin: 0;
}
.hiring-tabs {
margin: 30px 0px 0 0;
}
.tabs-section .heading p {
font-size: 18px;
line-height: 20px;
}
.hiring-tabs ul.tabs {
padding: 0;
background: #444b56;
}
.hire-services {
padding: 50px 0 60px;
}
.recruitment-services .left-collunm {
width: 100%;
}
.recruitment-services .right-image {
width: 100%;
margin: 20px 0 0;
overflow: hidden;
}
.recruitment-services .main-row {
margin: 0;
}
.job-board-section .main-row {
flex-direction: column-reverse;
margin: 0;
}
.job-board-section {
margin: 50px 0 60px;
}
.job-board-image {
width: 100%;
overflow: hidden;
margin: 20px 0 0;
}
.job-board-image img {
width: auto;
}
.job-board-content {
padding: 30px 30px 30px 30px;
width: 100%;
left: 0;
}
.job-board-section:before {
height: calc(100% - 220px);
top: 70px;
width: 100%;
}
.recruitment-services.orange-section .left-collunm {
padding: 30px 20px 30px;
width: 100%;
}
.recruitment-services.orange-section .right-collunm {
left: 0;
width: 100%;
top: 0;
margin: 20px 0 0;
}
.recruitment-services.orange-section .right-collunm img {
width: auto;
left: 0;
position: relative;
top: 0;
}
.student-grade .main-row {
flex-direction: column-reverse;
margin: 0;
}
.student-grade {
margin: 20px 0 50px;
}
.student-grade .content-collunm {
width: 100%;
}
.student-grade .image-collunm {
width: 100%;
right: 0;
padding: 0 30px;
}
.student-grade .image-collunm img {
width: 100%;
}
.student-grade {
margin: 20px 0 50px !important;
}
.hiring-service .main-row {
margin: 0;
}
.flexible-hiring-service .main-row {
margin: 0;
}
.serice-row .service-box {
width: 100%;
}
.testimonal-slider .main-row {
margin: 0;
}
.testimonal-slider-row .slider-collunm {
gap: 15px;
flex-wrap: wrap;
}
.testimonal-slider-row .slider-collunm .image {
width: 100%;
text-align: center;
}
.testimonal-slider-row .slider-collunm .image img {
width: auto;
margin: 0 auto;
}
.testimonal-slider-row .testimonal-content {
padding: 20px 0 0;
width: 100%;
text-align: center;
}
.testimonal-slider-row ul.slick-dots {
text-align: center;
}
.testimonal-slider-row {
padding: 40px 40px 60px 40px;
}
.testimonal-slider-row .testimonal-content p {
font-size: 18px;
margin: 15px 0 0px;
}
.testimonal-slider-row ul.slick-dots {
bottom: 20px;
}
.testimonal-slider-row button.slick-prev {
right: auto;
top: 50%;
left: 10px;
transform: translate(0, -50%);
}
.testimonal-slider-row button.slick-next {
right: 10px;
top: 50%;
transform: translate(0, -50%);
}
.testimonal-slider-row button.slick-arrow {
height: 35px;
width: 35px;
}
.testimonal-slider-row button.slick-arrow::before {
font-size: 22px;
}
.testimonal-slider-row button.slick-arrow::after {
height: 15px;
width: 11px;
left: 2px;
top: 11px;
}
.hire-talent-main .pricing-started .started-content a.site-button {
padding: 11px 10px;
font-size: 13px;
}
.find-job-banner .collunm {
width: 100%;
}
.find-job-banner .main-row {
margin: 0;
flex-direction: column-reverse;
}
.find-job-banner .collunm img {
left: 0;
max-width: 100%;
margin: 0 auto 30px;
display: block;
padding: 0 30px;
}
.find-next-role .main-row {
margin: 0;
}
.find-next-role .collunm h2 {
font-size: 34px;
margin: 0px 0 21px;
}
.job-create-account .main-row {
align-items: center;
margin: 0;
}
.job-create-account .content-collunm {
width: 100%;
}
.job-create-account .image-collunm {
width: 100%;
}
.job-create-account .image-collunm img.small-img {
left: 20px;
top: -20px;
position: static;
width: 100%;
}
.job-create-account .image-collunm img.bigger-img {
padding-top: 140px;
height: 420px;
object-fit: contain;
}
.job-create-account {
padding: 100px 0 0px;
}
.job-board-image .tooltip-text {
top: 0;
}
.job-create-account {
padding: 60px 0 0px;
}
.teamed-recommendations {
padding: 20px 0 90px;
}
.teamed-recommendations .left-collunm {
padding: 50px 90px 50px 40px;
}
.teamed-recommendations .main-row {
margin: 0;
}
.teamed-recommendations .left-collunm {
width: 100%;
}
.teamed-recommendations .right-collunm {
left: 0;
width: 100%;
}
.teamed-recommendations .right-collunm {
width: 100%;
}
.teamed-recommendations .right-collunm img {
width: 100%;
left: 0;
z-index: 2;
}
.teamed-recommendations .right-collunm .tooltip-text {
font-size: 13px;
padding: 15px 15px 16px 14px;
left: auto;
right: 40px;
top: 10px;
}
.teamed-recommendations .left-collunm {
padding: 30px 20px;
width: 100%;
}
.talent-pool-section .left-collunm {
width: 100%;
}
.talent-pool-section .right-collunm {
padding: 40px 20px 30px 20px;
left: 0;
width: 100%;
}
.talent-pool-section:before {
display: none !important;
}
.talent-pool-section .main-row {
align-items: center;
margin: 0;
flex-direction: column-reverse;
}
.talent-pool-section .left-collunm img {
width: 100%;
left: 0;
}
.talent-pool-section {
padding: 50px 0;
}
.teamed-recommendations {
padding: 60px 0 60px;
}
.talent-pool-section .left-collunm .tooltip-text {
padding: 15px 17px 14px 12px;
left: auto;
top: -10px;
right: 60px;
}
.student-grad-roster .content-collunm .tooltip-text {
font-size: 14px;
padding: 15px 17px 14px 12px;
top: -40px;
left: 0;
}
.student-grad-roster {
padding: 60px 0 70px;
}
.student-grad-roster .image-collunm {
right: 0;
width: 100%;
}
.student-grad-roster .content-collunm {
padding: 40px 20px 30px 20px;
width: 100%;
}
.student-grad-roster .main-row {
margin: 0;
flex-direction: column-reverse;
}
.student-grad-roster .image-collunm img {
width: 100%;
}
.resources-section {
padding: 70px 0 70px;
}
.resources-section .left-collunm {
padding: 40px 20px 30px 20px;
width: 100%;
}
.resources-section .main-row {
margin: 0;
}
.resources-section .right-collunm {
left: 0;
width: 100%;
justify-content: center;
margin: 20px 0 0;
}
.resources-section .right-collunm img.first-img {
width: 250px;
}
.resources-section .right-collunm .second-img {
width: 220px;
}
.job-faq {
padding: 70px 0 0;
}
.job-faq .heading {
margin: 0 0 40px;
}
.find-jobs-main .pricing-started.faq-started {
padding-top: 80px;
}
.faq-started .started-content a.site-button {
padding: 12px 17px;
font-size: 14px;
}
.specialize-section {
padding: 55px 0 30px;
}
.specialize-section .collunm h5 {
font-size: 24px;
line-height: 30px;
}
.blocks-row {
max-width: 540px;
}
.specialize-section .list .box label {
font-size: 9px;
line-height: 14px;
}
.specialize-section .list .box p {
font-size: 8px;
gap: 3px;
}
.specialize-section .collunm:hover .list {
bottom: -168px;
}
.hire-services .heading {
margin: 0px 0 20px 0;
}
.hire-services .bottom-bar {
margin: 25px 0 0;
}
.recruitment-services .right-image img {
width: auto;
left: 20px;
}
.recruitment-services .right-image img {
left: 0;
}
.site-button {
font-size: 14px;
}
.service-platform {
padding: 30px 0 60px;
}
.home-page-main .job-seeker:before {
opacity: 0;
}
.hire-talent-main .new-container,
.find-jobs-main .new-container,
.home-page-main .new-container {
max-width: 540px;
}
.job-alert-image img {
width: 310px;
}
.connected-form-image img {
width: 190px;
}
.home-page-main .job-seeker {
margin: 60px 0 0px;
}
.job-seeker .platform-content {
padding: 0px 0px 0 0;
}
.special-content p {
font-size: 16px;
line-height: 22px;
}
.job-create-account .image-collunm {
width: 100%;
left: 0px;
}
.job-create-account .image-collunm .small-img {
right: 0;
}
.job-create-account .image-collunm {
margin-top: 6rem;
}
.job-create-account .image-collunm .bigger-img img {
width: 78%;
}
.job-create-account .image-collunm .small-img img {
width: 140px;
}
.find-jobs-main .talent-pool-section .left-collunm {
margin-top: 29px;
}
.find-jobs-main .student-grad-roster .content-collunm {
order: 2;
}
.find-jobs-main .student-grad-roster .image-collunm {
right: 0;
width: 100%;
margin-top: 3rem;
}
.find-jobs-main .student-grad-roster .tooltip-text::before {
border-right: 25px solid transparent;
border-top: 46px solid #ef25b0;
position: absolute;
bottom: -32px;
left: 9rem;
}
.find-jobs-main .student-grad-roster .image-collunm img {
margin-top: 19px;
}
.hire-talent-main .hire-services .services-row {
display: block;
}
.hire-talent-main .hire-services .services-row .collunm {
width: 100%;
margin-top: 10px;
}
.hire-talent-main .recruitment-services .right-image img,
.hire-talent-main .recruitment-services.orange-section .right-collunm img {
width: 100%;
}
.find-jobs-main .job-board-section .job-board-image img {
margin-top: 39px;
}
.find-jobs-main .job-create-account .image-collunm .bigger-img .box-shadow {
padding: 10px;
}
.find-jobs-main .talent-pool-section .left-collunm .box-shadow {
overflow: unset;
}
.find-jobs-main .talent-pool-section {
padding-bottom: 0px;
}
.hireTalentVideo-modal .first-step-options,
.hireTalentVideo-modal .first-step-options iframe,
.hireTalentVideo-modal .first-step-wrap {
width: 100% !important;
}
.hireTalentVideoModel .modal-container .modal-row {
padding: 15px;
}
.hire-talent-main .hire-banner {
margin: 46px 0 0px;
}
.find-jobs-main .resources-section::before {
display: none;
}
.teamed-recommendations .right-collunm {
padding-top: 3rem;
}
.find-jobs-main .talent-pool-section .right-collunm {
margin-bottom: 23px;
}
.find-jobs-main .job-board-content {
margin-bottom: 43px;
}
.partner-logo-slider .slick-slide img {
width: 112px;
}
.hireTalentVideoModel .modal-container .modal-row {
top: 6rem;
}
.hireTalentVideoModel .modal-container .modal-row {
min-height: 402px;
}
.job-content-container .detail-bar .top-bar .apply-detail ul label {
font-size: 22px !important;
padding: 0 0 0 12px;
left: -10px;
position: relative;
}
.job-content-container .detail-bar .top-bar .apply-detail ul.sub-menus {
gap: 10px;
left: -75px;
transform: inherit;
opacity: 0;
top: 0;
}
.job-content-container .detail-bar .top-bar .apply-detail ul.sub-menus li a {
font-size: 16px;
}
.pricing-modal.previewResourcesModal .preview-apply-button {
width: 100%;
text-align: left;
}
.careerResourceForm .event-detail-wrps div#additionalLocations {
margin: 10px auto 0 0;
max-width: 100%;
padding: 0 0 0 120px;
}
.careerResourceForm .event-detail-wrps div#additionalLocations .job-field input[type="text"] {
width: 200px;
}
}
@media all and (max-width: 680px) {
.detail-bar-career {
display: block !important;
}
.post-collunm .job-field .job-field-radios .job-field-radio {
width: 100% !important;
display: block !important;
}
.logo-section-item.post-collunm .job-field-radios {
display: block;
}
.careerResource .logo-section-outer .job-field-radios .job-field-radio.six-column {
width: 100% !important;
}
.job-form-row.cost-resources-outer .post-collunm .cost-resources-inner {
display: block !important;
}
.detail-bar-career-img {
width: 100% !important;
}
.reply-msg .applied-design:before{
display: none;
}
.applied-design {
padding:0px !important;
}
.career-page-right-bar .detail-bar-career.detail-bar .detail-bar-conference {
width: 100% !important;
}
.career-page-right-bar .detail-bar-career.detail-bar .Conference-gsv.top-bar {
width: 100% !important;
}
.detail-bar .top-bar .apply-detail ul {
justify-content: center !important;
}
.detail-bar .top-bar .apply-detail {
padding: 0 0 0 0px !important;
}
.carrer-postion-conference span {
display: block !important;
}
.career-page-right-bar .detail-bar-career.detail-bar .Conference-gsv.top-bar .apply-detail ul ul.sub-menus {
gap: 18px;
}
.rating-test {
display: block !important;
}
.rating-button a {
justify-content: center !important;
max-width: 110px;
padding: 8px 12px !important;
}
.strategy-conference-outer {
display: block !important;
}
.career-page-right-bar .detail-bar-career.detail-bar .detail-bar-conference h2 {
font-size: 20px;
line-height: 28px;
}
.ratings-conference-wrappers {
width: 100% !important;
}
.ratings-conference-wrappers h3 {
/* justify-content: center; */
}
.strategy-conference-outer.reply-msg .trategy-conference-wrapers {
width: 100% !important;
}
.career-page-right-bar {
padding: 20px !important;
}
section.single-career-page {
padding: 120px 0 0!important;
}
.single-career-new-page {
margin: 50px 0 50px !important;
}
.reply-msg.sub-reply-msg .Strategy-conference:before{
display: none;
}
.detail-bar-career.detail-bar{
position: relative;
}
.career-page-right-bar .detail-bar-career.detail-bar .Conference-gsv.top-bar {
width: 100% !important;
position: absolute;
right: 0;
top: 13px;
max-width: 130px;
padding: 0;
}
.conference-btn a.btn.btn-dark {
padding: 12px 26px;
display: inline-block;
}
.career-page-right-bar
.detail-bar-career.detail-bar
.Conference-gsv.top-bar
.apply-detail {
margin-bottom: 10px;
}
.single-careeer
.detail-bar-career.detail-bar
.detail-bar-career-img
.career-thumbnail-img {
height: 110px;
width: 110px !important;
}
.conference-btn a.btn.btn-dark {
padding: 7px 16px !important;
display: inline-block;
font-size: 14px !important;
}
.ratings-conference-wrappers .total-ratting i {
font-size: 15px;
}
}
@media all and (max-width: 575px) {
.main-banner-section h1 {
font-size: 28px;
line-height: 36px;
}
.main-banner-section h1 .cursor {
height: 36px;
width: 3px;
border-width: 3px;
}
.main-banner-section .content .site-button {
max-width: 150px;
padding: 11px 18px;
font-size: 14px;
margin: 0 4px;
}
.main-banner-section .image img {
height: 440px;
}
.main-banner-section .content p {
margin: 14px 0 20px;
}
.specialize-section .collunm {
width: 100%;
}
.blocks-row {
max-width: 360px;
}
.specialize-section .list {
padding: 15px;
min-height: 361px;
}
.specialize-section .list {
bottom: -361px;
}
.specialize-section .collunm:hover .list {
bottom: -260px;
}
.specialize-section .list .box a {
padding: 15px;
gap: 12px;
}
.specialize-section .list .box label {
font-size: 11px;
line-height: 16px;
}
.specialize-section .list .arrow a.close-arrow {
padding: 6px 12px 10px;
}
.specialize-section .list .box {
margin: 0 0 15px;
}
.specialize-section .list .box p {
font-size: 10px;
gap: 9px;
}
.industries-serve .industries-list ul li {
width: 33%;
}
.industries-serve .industries-list ul li label {
font-size: 15px;
margin: 4px 0 0;
}
.job-alert-image img {
left: 0;
width: 100%;
}
.job-seeker .right .connected-form {
width: 100%;
left: -10px;
position: relative;
max-width: 280px;
margin: 0 auto;
}
.talent-pool-image {
/* margin: -10px 0 0; */
}
.job-seeker:before {
width: 95%;
height: calc(100% + 30px);
top: -30px;
}
.job-seeker {
margin: 90px 0 0;
}
.partner-logo-slider .slick-slide img {
width: 120px;
height: 40px;
object-fit: contain;
}
.specialize-section {
padding: 45px 0 30px;
}
.industries-serve {
margin-top: 0;
}
.started-main .started-content {
padding-right: 6rem !important;
}
.started-main .started-content h2 {
font-size: 30px !important;
line-height: 36px;
}
.home-started .started-content .site-button.gray-bg {
padding: 11px 35px;
margin: 0 0 10px 0;
}
body .home-started {
padding-top: 60px !important;
}
.hire-banner .collunm a.site-button {
font-size: 13px;
padding: 10px 8px;
}
.hiring-tabs ul.tabs {
padding: 10px 7px 6px;
background: #444b56;
flex-wrap: wrap;
}
.hiring-tabs ul.tabs li {
font-size: 13px;
padding: 14px 10px;
border-radius: 10px 10px 0 0;
background: #525a67;
margin: 0 3px 6px;
}
.tabs-section {
padding: 50px 0;
}
.hire-talent-main .tabs-section {
padding: 14px 0;
}
.hiring-content .info-image {
width: calc(100% - 37px);
}
.hiring-tabs .hiring-content .collunm .shadow {
width: calc(100% - 25px);
}
.hiring-tabs .hiring-content .collunm .shadow.second {
width: calc(100% - 12px);
}
.tabs-section .heading h3 {
font-size: 34px;
line-height: 40px;
}
.hire-services .services-row {
flex-wrap: wrap;
}
.hire-services .services-row .collunm {
width: 100%;
}
.hire-services .services-row .collunm a {
padding: 25px;
}
.hire-services .services-row .collunm h4 {
font-size: 26px;
line-height: 34px;
}
.hire-services .new-container {
padding: 0 50px;
}
.hire-services .heading h3 {
font-size: 34px;
line-height: 42px;
}
.recruitment-services .left-collunm {
width: 100%;
padding: 20px 20px 20px 20px;
}
.recruitment-services .left-collunm ul li {
padding: 0 0 18px 30px;
font-size: 13px;
}
.job-board-content {
padding: 20px;
}
.recruitment-services .left-collunm ul li {
width: 100%;
}
.recruitment-services.orange-section .right-collunm img {
width: 100%;
left: 0;
position: relative;
top: 0;
}
.student-grade .content-collunm .buttons a.site-button {
padding: 10px 17px;
font-size: 13px;
}
.student-grade .content-collunm ul li {
margin: 0 0 15px;
}
.logo-slider {
margin: 0 0 60px;
}
.logo-slider .logo-list .slick-slide img {
width: 90px;
}
.student-grade .content-collunm {
padding: 30px 20px 30px 20px;
}
.hiring-service .service-content {
padding: 25px;
}
.hiring-service .service-content {
padding: 25px 15px;
}
.hiring-service .service-content a.site-button {
margin: 10px 0 0;
}
.flexible-hiring-service {
padding: 60px 0 60px;
}
.testimonal-slider {
padding: 50px 0 0;
}
.testimonal-slider-row .testimonal-content span {
font-size: 14px;
}
.testimonal-slider-row .testimonal-content h4 {
font-size: 26px;
line-height: 40px;
}
.testimonal-slider-row .testimonal-content label {
font-size: 14px;
}
.testimonal-slider-row .testimonal-content {
padding: 10px 0 0;
}
.testimonal-slider-row .testimonal-content p {
font-size: 16px;
margin: 15px 0 0px;
}
.testimonal-slider-row button.slick-arrow {
display: none !important;
}
.testimonal-slider-row {
padding: 40px 20px 60px 20px;
}
.home-started .started-content .site-button.grey-white {
font-size: 13px;
padding: 11px 12px;
border-color: #fff;
}
.started-main .started-content {
padding-left: 15px;
}
.hire-talent-main .pricing-started .started-content a.site-button {
display: block;
max-width: 180px;
}
.hiring-service {
padding: 60px 0;
}
.find-job-banner .collunm img {
margin: 0 auto 20px;
padding: 0;
}
.find-job-banner {
margin-top: 55px;
}
.find-job-banner .collunm h2 {
font-size: 34px;
line-height: 48px;
}
.find-next-role .main-row {
padding: 20px;
}
.job-create-account .image-collunm img.small-img {
left: 0px;
top: -20px;
width: 210px;
}
.job-create-account .image-collunm img.bigger-img {
padding-top: 130px;
}
.job-board-image .tooltip-text {
font-size: 15px;
padding: 15px 20px 15px 17px;
top: 18px;
left: 10px;
}
.teamed-recommendations {
padding: 60px 0 0px;
}
.teamed-recommendations .right-collunm .tooltip-text {
padding: 13px 15px 14px 14px;
right: 0;
border-radius: 10px;
}
.teamed-recommendations .right-collunm img {
top: 10px;
}
.talent-pool-section .left-collunm .tooltip-text {
font-size: 12px;
padding: 14px 10px 14px 10px;
right: 0;
border-radius: 10px;
}
.talent-pool-section .left-collunm {
overflow: hidden;
padding: 0 0 20px;
}
.talent-pool-section .left-collunm img {
width: calc(100% + 100px);
left: -50px;
top: 30px;
}
.job-board-section {
margin: 50px 0;
}
.student-grad-roster .content-collunm .buttons a.site-button {
padding: 12px 25px;
}
.student-grad-roster .content-collunm .tooltip-text {
font-size: 12px;
border-radius: 10px;
}
.resources-section .right-collunm img.first-img {
width: 170px;
}
.resources-section .right-collunm .second-img {
width: 150px;
top: 30px;
}
.resources-section .left-collunm ul li {
width: 100%;
}
.resources-section .left-collunm ul {
margin: 30px 0 0px;
}
.student-grad-roster {
padding: 60px 0 40px;
}
.resources-section {
padding: 60px 0 60px;
}
.stories-slider .slider-item .user-profile {
flex-direction: column;
text-align: center;
}
.stories-section .main-row {
padding: 0 35px;
margin: 0;
}
.stories-slider .slider-item .detail {
width: 100%;
}
.stories-slider .slider-item .detail h4 {
font-size: 24px;
line-height: 36px;
}
.stories-slider .slider-item {
padding: 15px 14px 70px;
min-height: 680px;
}
.find-jobs-main .stories-slider .slider-item {
min-height: 589px;
}
.stories-section .heading .border-heading:after {
margin: 10px auto 0;
}
.stories-section .heading {
margin: 0 0 30px;
}
.stories-section {
padding: 50px 0;
}
.stories-slider .slider-item .slider-content p {
font-size: 13px;
}
.stories-slider .slider-item .slider-content img {
bottom: 12px;
width: 50px;
height: 50px;
}
.find-jobs-main .pricing-started.faq-started {
padding-top: 60px;
}
.faq-started .started-content a.site-button {
margin: 0 0 10px;
}
.specialize-section .main-row {
margin: 0;
}
.special-content h2 {
margin: 0 0 28px;
font-size: 30px;
}
.special-content h2:before {
top: 54px;
height: 6px;
}
.platform-content h2:after {
height: 6px;
}
.industries-serve .heading-part .left h2:after {
height: 6px;
}
.specialize-section .collunm:hover a.open-arrow {
bottom: 104px;
}
.hire-banner .collunm .work-video a.play-btn span {
font-size: 20px;
left: 14px;
bottom: 30px;
}
.hiring-tabs .hiring-content .information .profile {
width: 100%;
flex-wrap: wrap;
justify-content: center;
}
.hiring-tabs .hiring-content .information .profile .info {
width: 100%;
}
.hiring-tabs .hiring-content .information .skill ul {
width: 100%;
margin: 0;
}
.hiring-tabs .hiring-content .information .skill ul:last-child {
padding-left: 30px;
}
.hiring-tabs .hiring-content .information .skill h6 {
margin: 0 0 2px;
}
.hiring-tabs .hiring-content .information {
width: calc(100% - 31px);
padding: 25px 15px 17px;
}
.hiring-tabs .hiring-content .collunm .shadow.first {
width: calc(100% - 20px);
}
.hiring-tabs .hiring-content .collunm .shadow.second {
width: calc(100% - 8px);
}
.hire-services .heading h3:after {
height: 6px;
width: 222px;
margin: 10px auto 0;
}
.border-heading:after {
height: 6px;
width: 262px;
margin-top: 10px;
}
.recruitment-services .right-image img {
width: 100%;
}
.job-board-image img {
width: 100%;
}
.hire-banner:after {
opacity: 0;
}
.recruitment-top-image img {
width: 320px;
}
.connected-form-image {
width: 39%;
}
.job-alert-image {
width: 60%;
padding: 0 0 0px 10px;
}
.connected-form-image img {
width: 100%;
}
.job-create-account .image-collunm .small-img img {
width: 105px;
}
.find-jobs-main .talent-pool-section .left-collunm img {
left: 0;
}
.find-jobs-main .talent-pool-section .left-collunm .tooltip-text {
right: 23px;
top: 0px;
}
.find-jobs-main .resources-section .right-collunm img {
width: 178px;
}
.hire-talent-main .hiring-tabs .hiring-content .information {
display: none;
}
.hire-talent-main .logo-slider {
padding: 0 15px !important;
}
.dashboard-wrapper {
padding: 30px 10px 40px 6px;
}
.postAJob-modal .modal-container .modal-row {
padding: 30px 20px 40px;
}
.post-job-form .job-form-row {
gap: 10px 50px;
}
.job-form-submit button {
margin: 0 0 0 13px !important;
min-width: 135px;
}
.career-page-side-bar .left-bar {
/* padding: 0px 30px 50px 0px !important; */
}
.sub-user-data .sub-user-image {
width: 40px;
height: 40px;
min-width: 40px;
}
.sub-user-data {
gap: 10px;
}
.applied-inner {
padding: 18px 16px 17px 13px;
}
.ratings-conference-wrappers span {
font-size: 18px !important;
font-weight: 600 !important;
}
}
@media all and (max-width: 400px) {
.hire-services .new-container {
padding: 0 30px;
}
.find-jobs-main .talent-pool-section .left-collunm .tooltip-text {
font-size: 11px;
padding: 14px 4px 14px 7px;
left: 0px;
}
.find-jobs-main .resources-section .right-collunm img {
width: 127px;
}
}
@media all and (max-width: 360px) {
.started-main .started-content {
padding-right: 6rem;
}
.started-main .image img {
width: 273px;
}
.started-main .started-content h2 {
font-size: 29px;
}
.job-create-account .image-collunm .small-img img {
width: 93px;
}
.find-jobs-main .talent-pool-section .left-collunm img {
top: 53px;
}
}
.jo-jobs-more {
text-align: center;
padding: 20px 0 0;
}
.jo-jobs-more a {
display: inline-block;
padding: 10px 20px;
background: #4cc3a5;
color: #fff;
border-radius: 4px;
font-weight: bold;
position: relative;
}
.jo-jobs-more a.ajaxing {
color: transparent;
}
.jo-jobs-more a.ajaxing:before {
content: "";
display: block;
width: 12px;
height: 12px;
border: 2px solid #fff;
position: absolute;
border-radius: 50%;
border-right-color: transparent;
animation: ajaxing 1s infinite linear;
left: 50%;
top: 50%;
margin-top: -8px;
margin-left: -6px;
}
input#publish-on-share ~ .job-publish-networks i {
opacity: 0.4;
}
input#publish-on-share:checked ~ .job-publish-networks i {
opacity: 1;
}
input#publish-on-share:checked ~ .job-publish-networks input:not(:checked) + i {
opacity: 0.4;
}
.job-share-bar {
padding: 30px 0;
text-align: right;
}
.job-share-bar a {
color: #212121;
font-size: 16px;
margin-left: 10px;
}
.job-field-currency {
margin-bottom: 10px;
display: flex;
align-items: center;
}
.job-field-currency select {
height: 35px;
margin-left: 5px;
width: 89px;
text-align: center;
}
.job-share-bar-wrapper {
position: absolute;
right: 0;
top: 0;
}
.single-job-header {
position: relative;
}
.job-share-trigger {
font-size: 14px;
font-weight: 600;
font-family: Inter, sans-serif;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.job-share-inner {
position: absolute;
right: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s, visibility 0.2s;
}
.job-share-trigger i {
width: 14px;
height: 14px;
margin-left: 4px;
background: url("../images/share-icon.svg") no-repeat center center;
background-size: contain;
}
.job-share-inner .job-share-bar {
width: inherit;
float: none;
padding: 5px;
white-space: nowrap;
}
.job-share-bar-wrapper:hover .job-share-inner {
opacity: 1;
visibility: visible;
}
.more-actions {
width: 130px;
border-radius: 8px;
background: #fff;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
position: absolute;
z-index: 1;
padding: 8px 20px 20px;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s, visibility 0.25s;
}
.job-meta .more:hover .more-actions {
opacity: 1;
visibility: visible;
}
.member-account .more:hover .more-actions {
opacity: 1;
visibility: visible;
}
.job-item .job-meta .more {
position: relative;
}
.job-meta .more {
opacity: 1;
}
.more-actions a {
display: block;
font-family: "Inter", sans-serif;
color: #444b56;
padding: 12px 0 12px;
border-bottom: 1px solid rgb(68 75 86 / 25%);
}
.more-actions a:last-child {
padding-bottom: 0;
border: none;
}
.teamed-confirm-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.85);
z-index: 999;
transition: opacity 0.2s, visibility 0.2s;
opacity: 0;
visibility: hidden;
}
.teamed-confirm-modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -20%);
background: #fff;
z-index: 999;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
border: 1px solid #ddd;
width: 94%;
max-width: 800px;
padding: 20px;
border-radius: 4px;
transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
opacity: 0;
visibility: hidden;
}
.teamed-confirm-actions {
text-align: center;
}
.teamed-confirm-actions a {
font-weight: bold;
display: inline-block;
padding: 5px 15px;
border: 1px solid #ddd;
border-radius: 4px;
text-transform: uppercase;
margin: 0 8px;
}
.teamed-confirm-body {
text-align: center;
padding-bottom: 20px;
font-weight: 500;
font-size: 18px;
}
.show-teamed-confirmation .teamed-confirm-overlay {
opacity: 1;
visibility: visible;
}
.show-teamed-confirmation .teamed-confirm-modal {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%);
}
.teamed-confirm-modal.ajaxing:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #fff;
z-index: 2;
opacity: 0.8;
}
.teamed-confirm-modal.ajaxing:after {
content: "";
display: block;
width: 16px;
height: 16px;
border: 2px solid #000;
border-radius: 50%;
border-right-color: transparent;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
margin-top: -8px;
margin-left: -8px;
animation: ajaxing 1s infinite linear;
}
.job-form-submit {
display: flex;
flex-wrap: wrap;
justify-content: end;
}
.job-form-submit button {
margin: 0 0 0 30px !important;
}
.job-form-submit .preview-area {
display: flex;
flex-wrap: wrap;
margin: 10px 0 0;
justify-content: end;
}
.job-form-submit .preview-area .job-form-publish-disclaimer {
width: 100%;
text-align: end;
margin: 20px 0 0;
color: #444b56;
font-weight: 500;
font-size: 15px;
letter-spacing: 0;
}
.job-form-submit .preview-area .site-button {
background: #444b56;
}
.job-form-submit .preview-area .site-button:hover {
background: #51bfa2;
}
.job-form-submit button:not(:last-child) {
margin-right: 30px;
}
.job-item .job-meta .expired {
font-family: "Red Hat Display", sans-serif;
font-size: 10px;
line-height: normal;
font-weight: 900;
letter-spacing: 0.25px;
color: #444b56;
}
.job-board-filter.has-filter .job-board-filter-trigger {
color: #4cc3a5;
}
.sidebar-content-box .title-with-info {
justify-content: center;
}
.widget-wrap.feat-prof-widget.disabled {
padding-bottom: 30px;
}
.sidebar-content-box .title-with-info .twi--title {
text-decoration: none;
}
.widget-wrap.disabled .unlock-link:hover {
text-decoration: none;
}
.related-jobs-header h3 {
margin: 0;
font-size: 20px;
font-family: "Red Hat Display", sans-serif;
font-weight: bold;
color: #000;
line-height: 1.2;
}
.related-jobs-header span {
color: #000;
opacity: 0.5;
font-family: "Inter", sans-serif;
font-weight: 500;
}
.related-jobs-header {
margin-bottom: 30px;
}
.related-job-item {
display: flex;
padding: 16px 20px;
font-family: "Inter", sans-serif;
font-weight: bold;
color: #000;
transition: background 0.2s;
border-radius: 8px;
margin-bottom: 26px;
position: relative;
}
.related-job-organization,
.related-job-location {
opacity: 0.5;
font-size: 14px;
}
.related-job-item:hover {
background: #f7f7f7;
}
.related-job-item:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #d2d2d2;
position: absolute;
left: 0;
bottom: -13px;
}
span.teamed-alerts-frequency {
position: relative;
cursor: pointer;
}
span.teamed-alerts-selected {
text-decoration: underline;
color: #4cc3a5;
}
span.teamed-alerts-options {
position: absolute;
top: 100%;
left: 0;
background: #fff;
width: 100px;
border: 1px solid #ddd;
transform: translateY(10px);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
}
span.teamed-alerts-options span {
display: block;
padding: 5px;
text-transform: capitalize;
line-height: 1.4;
border-bottom: 1px solid #ddd;
transition: background 0.2s;
}
.teamed-alerts-frequency:hover span.teamed-alerts-options {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
span.teamed-alerts-options span:hover {
background: #f3f3f3;
}
span.teamed-alerts-frequency.ajaxing {
opacity: 0.5;
}
span.teamed-alerts-frequency.ajaxing .teamed-alerts-options {
display: none;
}
.title-with-info {
position: relative;
}
.title-with-info .info-popup {
left: 0;
margin-bottom: 10px;
text-transform: none;
}
.title-with-info .info-popup::after {
left: 50%;
}
span.talent-more-info {
font-size: 16px;
font-weight: normal;
line-height: 1.4;
display: block;
margin-top: 10px;
}
.add-billing-method-modal .error-message {
font-size: 16px;
color: #cb0008;
border: 1px solid #cb0008;
}
.brand {
position: relative;
z-index: 99;
padding: 5rem 0rem 13rem;
}
.main-row {
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
}
.brand ul {
display: flex;
list-style: none;
gap: 10px;
width: 100%;
justify-content: space-around;
align-items: center;
margin-left: 0;
padding: 0;
}
.imgOuter img {
width: 77%;
}
.brand-items img {
height: 60px !important;
object-fit: contain;
width: 210px;
margin: 0 auto;
}
.brand-items .slick-next:before {
color: #000;
}
.brand-items .slick-prev:before {
color: #020202 !important;
}
.brand-items .slick-prev {
left: 0;
}
.brand-items .slick-next {
right: 0;
}
.brand .slick-arrow {
display: none !important;
}
.brand ul.brand-items {
margin-bottom: 0 !important;
}
.report-job-modal .modal-content .title-part p {
max-width: 100%;
font-size: 14px;
color: #a4a4a4;
font-weight: 300;
margin: 3px 0 0;
}
.detail-bar .top-bar .apply-detail ul label {
font-size: 28px;
color: #d9d9d9;
margin: 0;
}
.detail-bar .top-bar .apply-detail ul li {
position: relative;
}
.detail-bar .top-bar .apply-detail ul.sub-menus li a {
font-size: 20px;
}
.detail-bar .top-bar .apply-detail ul.sub-menus {
position: absolute;
gap: 15px;
margin: 0;
left: 50%;
transform: translate(-50%, 0);
opacity: 0;
z-index: -1;
top: -22px;
}
.detail-bar .top-bar .apply-detail ul li:hover .sub-menus {
opacity: 1;
z-index: 1;
}
.discription-bar {
padding-top: 25px;
}
.job-content-container .left-bar .heading span {
color: #a4a4a4;
}
.job-content-container .left-bar .jobs-list .title p {
color: #444b56;
margin: 4px 0 0;
}
.job-content-container .left-bar .jobs-list .title p span {
font-weight: 700;
color: #444b56;
}
form.member-form {
width: 100%;
flex-wrap: wrap;
}
form.member-form .form-group {
width: 100%;
display: flex;
align-items: center;
gap: 20px;
}
form.member-form .form-fields input {
background: #f7f7f7;
border: 1px solid #444b564a;
border-radius: 4px;
padding: 5px 10px;
font-style: normal;
font-weight: 400;
color: #adadad;
font-size: 14px;
width: 100%;
}
form.member-form .form-fields input::placeholder {
color: #adadad;
}
form.member-form .form-group .form-button input {
background: #fff;
border: 1px solid #444b56;
color: #444b56;
padding: 6px 10px;
font-weight: normal;
font-size: 11px;
border-radius: 4px;
text-transform: capitalize;
cursor: pointer;
transition: 0.3s;
line-height: 19px;
display: inline-block;
font-family: "Inter", sans-serif !important;
width: 100%;
}
form.member-form .form-group .form-checkbox input {
margin: 0;
position: absolute;
opacity: 0;
z-index: 9;
width: 80%;
cursor: pointer;
}
form.member-form .form-group .form-button input:hover {
background: #444b56;
color: #fff;
}
form.member-form .form-group .form-checkbox span {
position: relative;
padding-left: 23px;
cursor: pointer;
font-weight: 400;
color: #444b56;
font-size: 13px;
font-family: "Inter", sans-serif;
}
form.member-form .form-group .form-checkbox span:before {
content: "\f0c8";
font-family: "Font Awesome 5 Pro";
font-weight: 400;
position: absolute;
left: 0;
font-size: 17px;
color: #444b56;
}
form.member-form .form-group .form-checkbox input:checked + span:before {
content: "\f14a";
color: #51bfa2;
}
form.member-form .form-group .image-user {
margin: 0;
width: 41px;
}
form.member-form .form-group .form-fields {
width: calc(25% - 15px);
}
form.member-form .form-group .first-name {
width: calc(15% - 42px);
}
form.member-form .form-group .form-checkbox {
width: 14%;
position: relative;
}
form.member-form .form-group .form-button {
width: 10%;
}
form.member-form .form-message .error {
width: 100%;
border: 1px solid #ff766c;
padding: 10px;
border-radius: 5px;
text-align: center;
background: #ff000003;
margin: 0;
color: #ff766c;
font-weight: 600;
}
form.member-form .form-message {
width: 100%;
margin: 13px 0 0;
display: flex;
gap: 5px;
flex-wrap: wrap;
}
form.member-form .form-fields.error input {
border-color: #ff766c;
}
form.member-form .form-fields.error input::placeholder {
color: #ff766c;
}
.strategy-conference-outer.reply-msg:last-child {
border: none;
}
.careerBoard-toggle-modal a.btn.modal-close {
position: relative;
padding: 3px 16px;
font-size: 14px;
font-weight: 500;
color: #fff;
left: 0;
top: 0;
font-family: "Inter";
}
.careerBoard-toggle-modal a.btn.modal-close:hover {
color: #4bc3a4;
}
.talent-pool-modal a.btn.modal-close {
position: relative;
padding: 10px 32px;
font-size: 12px;
line-height: 15px;
font-weight: 800;
color: #fff;
left: 0;
top: 0;
font-family: "Inter";
}
.talent-pool-modal a.btn.modal-close:hover {
color: #4bc3a4;
}
.detail-bar-career {
display: flex;
border-bottom: 1px solid #cccccc;
}
.career-page-side-bar {
width: 28%;
}
.detail-bar-career-img {
width: 22%;
}
.detail-bar-conference {
width: 70%;
}
.Conference-gsv {
width: 20%;
text-align: end;
}
.single-career-new-page {
display: flex;
gap: 12px;
align-items: flex-start;
margin: 80px 0 50px;
}
.conference-img-gsv a {
display: block;
padding-bottom: 13px;
}
section.single-career-page {
padding: 190px 0 0;
}
.career-page-right-bar {
width: 72%;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
padding: 47px;
border-radius: 16px;
font-size: 16px;
line-height: 22px;
}
.ratings-conference-wrappers {
width: 77%;
}
.strategy-conference-outer {
display: flex;
gap: 19px;
margin: 30px 0 0px;
flex-wrap: wrap;
border-bottom: 1px solid #cccccc;
padding: 0 0 50px 0;
}
.carrer-star-conference {
display: flex;
width: 50%;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
text-align: center;
}
.carrer-star-conference p a {
padding-right: 9px;
}
.trategy-conference-wrapers ::placeholder {
color: #000 !important;
font-family: "Inter", sans-serif !important;
}
.trategy-conference-wrapers h3 {
font-size: 15px !important;
color: #A4A4A4 !important;
line-height: 20px;
font-weight: 400 !important;
/* font-family: "Red Hat Display", sans-serif !important; */
margin: 0px;
font-family: "Inter", sans-serif !important;
}
.stragy-applied p {
display: flex;
text-align: center;
align-items: center;
gap: 10px;
}
.stragty-icon {
display: flex;
justify-content: space-between;
text-align: center;
align-items: center;
}
.trategy-conference-wrapers h4 {
font-size: 13px;
line-height: 17px;
color: #a4a4a4;
font-weight: bold;
font-family: "Red Hat Display", sans-serif !important;
}
.trategy-conference-wrapers .applied-design-wrp p {
font-size: 14px;
line-height: 126%;
color: #444B56;
font-weight: 400;
font-family: "Inter", sans-serif;
text-align: left;
}
.applied-design-wrp {
display: flex;
justify-content: space-between;
/* text-align: center; */
align-items: center;
}
.career-description-short {
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
}
.career-description-short p {
color: #444B56;
line-height: 21px;
}
.career-description-full p {
color: #444B56;
line-height: 21px;
}
.description-wrapper p {
font-size: 16px;
font-family: "Inter", sans-serif;
color: #444B56;
line-height: 22px;
}
.description-wrapper ul li {
font-size: 16px;
font-family: "Inter", sans-serif;
color: #444B56;
line-height: 22px;
}
.description-wrapper ul li a {
/* color: #444B56; */
font-family: "Inter", sans-serif;
}
.career-description-full {
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
}
/* .Ratings-conference.rating-scroll {
height: 500px;
overflow: overlay;
} */
.flawless-experience-applied h4 {
font-size: 20px;
line-height: 26px;
color: #51bfa2;
font-weight: bold;
font-family: "Red Hat Display", sans-serif !important;
margin-top: 4px;
margin-bottom: 4px;
font-family: "Red Hat Display", sans-serif !important;
}
.stragy-Design-btn a {
text-align: center;
color: #444b56;
border-radius: 8px;
border: 1px solid #444b56;
padding: 6px 25px;
display: inline-block;
font-family: "Red Hat Display", sans-serif !important;
text-transform: math-auto;
font-size: 16px;
font-weight: 900;
line-height: 21px;
}
.applied-design {
padding: 0 0 0 50px;
margin: 30px 0 0 0;
position: relative;
}
.applied-inner {
background: #edeeef;
border-radius: 8px;
padding: 20px 24px 20px 16px;
}
.trategy-conference-wrapers {
width: calc(100% - 65px);
}
.Strategy-conference {
width: 45px;
position: relative;
}
.stragy-Design-btn {
text-align: center;
}
.applied-wrp p {
font-size: 13px;
line-height: 126%;
color: #000;
font-weight: 400;
font-family: "Inter", sans-serif;
}
.applied-design-wrp-offers strong {
font-size: 13px!important;
font-weight: 600;
color: #a4a4a4;
font-family: "Red Hat Display", sans-serif !important;
}
.applied-design-wrp p {
display: flex;
text-align: center;
align-items: center;
gap: 10px;
font-size: 17px;
line-height: 21px;
color: #51bfa2;
font-weight: 700;
}
.trategy-conference-wrapers h4 {
font-size: 20px;
line-height: 26px;
color: #51bfa2;
font-weight: bold;
font-family: "Red Hat Display", sans-serif !important;
margin-top: 4px;
margin-bottom: 4px;
}
.trategy-conference-wrapers span {
font-size: 15px;
line-height: 17%;
color: #a4a4a4;
font-weight: 600 !important;
font-family: "Inter", sans-serif;
}
.trategy-conference-wrapers input[type="text"] {
width: 100%;
height: 47px;
font-size: 12px;
color: #a2a4a4;
border-radius: 8px;
border: 1px solid #444b56;
}
h2.conference {
font-size: 20px;
color: #444b56;
line-height: 26px;
font-weight: bold;
margin: 0px;
font-family: "Red Hat Display", sans-serif !important;
}
h3.conference-heading {
font-size: 20px;
font-weight: 600;
color: #a4a4a4;
line-height: 24px;
margin: 0px;
font-family: "Red Hat Display", sans-serif !important;
}
p.online-conference span {
font-size: 15px;
font-weight: 600;
color: #444b56;
text-align: center;
align-items: center;
/* font-family: "Red Hat Display", sans-serif !important; */
font-family: "Inter", sans-serif !important;
}
p.online-conference {
align-items: center;
display: flex;
gap: 9px;
}
.conference-img-gsv {
margin-bottom: 55px;
}
.carrer-postion-conference {
/* display: flex; */
/* gap: 10px; */
margin-top: 17px;
margin-bottom: 12px;
}
.about-gsv-conference h2 {
/* font-family: "Red Hat Display", sans-serif !important; */
font-family: "Inter", sans-serif !important;
font-size: 20px;
font-weight: bold;
line-height: 26px;
color: #444B56;
}
.detail-bar .top-bar .job-main-detail a {
font-size: 16px;
line-height: 22px;
}
.career-description-short a{
font-family: "Inter", sans-serif;
}
.career-description-full a{
font-family: "Inter", sans-serif;
}
.carrer-postion-conference span {
background: #edeeef;
padding: 6px 11px;
border-radius: 5.82px;
font-size: 12px;
font-weight: 600;
font-family: "Inter", sans-serif;
display: inline-flex;
margin-bottom: 15px;
margin-right: 8px;
line-height: 14px;
color: #444B56;
}
.career-description-short ul {
padding: 0 0 0 22px;
margin: 0 0 28px;
}
.career-description-full ul {
padding: 0 0 0 22px;
margin: 0 0 28px;
}
.carrer-postion-conference strong {
background: #cccccc;
padding: 4.5px 11px;
border-radius: 5.82px;
font-size: 12px;
font-weight: 6ss00;
}
.about-gsv-conference {
border-bottom: 1px solid #cccccc;
padding: 0 0 80px 0;
}
img.about-conference-image {
margin-left: 16px;
}
/* .about-gsv-wrapper {
display: flex;
} */
.ratings-wrappers {
display: flex;
}
.conference-rating-button {
width: 20%;
display: flex;
text-align: center;
}
.reply-msg.sub-reply-msg .Strategy-conference:before {
content: "";
height:calc(100% - 1px);
width: 2px;
background: #d9d9d9;
position: absolute;
left: 23px;
top: 52px;
}
.reply-msg .applied-design:before {
content: "";
height: 2px;
background: #ddd;
width: 101px;
left: -50px;
position: absolute;
top: 51px;
}
.applied-design:after {
content: "";
height: calc(100% - 3px);
position: absolute;
width: 3px;
background: #f7f7f7;
left: -51px;
bottom: -50px;
}
.ratings-wrappers {
display: flex;
}
.rating-test {
display: flex;
align-items: center;
text-align: center;
margin: 30px 0 60px 0;
justify-content: space-between;
}
.rating-button a {
display: flex;
background: #444b56;
color: #fff;
width: auto;
font-size: 11px;
padding: 11px 17px;
font-family: "Inter", sans-serif !important;
font-weight: normal;
gap: 3px;
text-transform: none;
align-items: center;
}
.flawless-experience-applied h3 {
display: flex;
text-align: center;
align-items: center;
gap: 9px;
font-size: 20px;
color: #444b56;
line-height: 26px;
font-weight: 400;
font-family: "Red Hat Display", sans-serif !important;
margin-bottom: 10px;
}
.ratings-conference-wrappers span {
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #444b56;
/* font-family: "Red Hat Display", sans-serif !important; */
font-family: 'Inter', sans-serif !important;
}
.flawless-experience-applied span {
font-size: 13px;
line-height: 17%;
color: #a4a4a4;
font-weight: bold;
font-family: "Red Hat Display", sans-serif !important;
}
.flawless-experience-applied p {
font-size: 16px;
line-height: 126%;
color: #000;
font-weight: 400;
font-family: "Inter", sans-serif;
}
.flawless-experience-applied h4 {
font-size: 20px;
line-height: 26px;
color: #51bfa2;
font-weight: bold;
font-family: "Red Hat Display", sans-serif !important;
margin-top: 4px;
margin-bottom: 4px;
}
.ratings-conference-wrappers strong {
font-size: 17.33px;
color: #a4a4a4;
line-height: 23px;
font-weight: 400;
/* font-family: "Red Hat Display", sans-serif !important; */
font-family: "Inter", sans-serif !important;
}
.ratings-conference-wrappers h3 {
text-align: center;
align-items: center;
display: flex;
gap: 14px;
font-family: "Inter", sans-serif !important;
font-size: 20px;
line-height: 26px;
}
a.btn.btn-update {
font-size: 13px;
color: #a4a4a4;
line-height: 13px;
font-weight: 700;
text-decoration: underline;
display: flex;
text-transform: none;
justify-content: end;
font-family: "Inter", sans-serif;
}
p.companies-conference-teach {
font-size: 16px;
color: #000;
font-weight: 400;
line-height: 126.2%;
margin-top: 30px;
font-family: "Inter", sans-serif;
}
p.companies-conference-teach {
font-size: 16px;
color: #000;
font-weight: 400;
line-height: 126.2%;
margin-top: 30px;
margin-bottom: 6px;
}
p.companies-conference-virtual {
font-size: 16px;
color: #000;
font-weight: 400;
line-height: 126.2%;
font-family: "Inter", sans-serif;
}
p.companies-conference {
font-size: 16px;
color: #000;
font-weight: 400;
line-height: 126.2%;
font-family: "Inter", sans-serif;
}
.about-gsv-conference h2 {
display: flex;
}
.carrer-star-conference p {
font-size: 12px;
font-weight: 800;
color: #a4a4a4;
line-height: 16px;
display: flex;
text-align: center;
align-items: center;
/* font-family: "Red Hat Display", sans-serif !important; */
margin: 0px;
font-family: "Inter", sans-serif !important;
}
span.selected-tag {
background: #cccccc;
padding: 4.5px 11px;
border-radius: 5.82px;
font-size: 12px;
font-family: "Inter", sans-serif;
}
label.carrer-conference span {
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #a4a4a4;
/* font-family: "Red Hat Display", sans-serif !important; */
font-family: "Inter", sans-serif !important;
}
label.carrer-conference {
display: flex;
text-align: center;
align-items: center;
gap: 9px;
}
.conference-btn a.btn.btn-dark {
background: #4cc3a5;
/* color: #fff; */
width: auto;
font-size: 16px;
padding: 13px 26px;
/* font-family: "Red Hat Display", sans-serif !important; */
font-weight: normal;
text-transform: none;
font-family: "Inter", sans-serif !important;
}
.right-button {
text-align: end;
margin-bottom: 27px;
}
.all-filter span.active-filters-count {
margin: 0;
font-size: 11px;
background: #51bfa2;
display: inline-block;
height: 20px;
width: 20px;
border-radius: 100%;
color: #fff;
text-align: center;
margin: 0 10px 0 0;
}
.filter-toggle span.active-filters-count {
font-size: 11px;
background: #51bfa2;
display: inline-block;
height: 20px;
width: 20px;
border-radius: 100%;
color: #fff;
text-align: center;
margin: 0;
position: absolute;
top: -11px;
right: -8px;
}
.carrer-star-conference p span {
font-weight: normal;
}
.career-description-short h1, .career-description-short h2, .career-description-short h3, .career-description-short h4, .career-description-short h5, .career-description-short h6 {
font-family: "Inter", sans-serif !important;
font-size: 20px;
font-weight: bold;
line-height: 26px;
color: #444B56;
}
.career-description-full h1, .career-description-full h2, .career-description-full h3, .career-description-full h4, .career-description-full h5, .career-description-full h6 {
font-family: "Inter", sans-serif !important;
font-size: 20px;
font-weight: bold;
line-height: 26px;
color: #444B56;
}
@media all and (max-width: 1600px) {
.banner .image img {
width: 650px;
}
.banner .left-content h1 {
font-size: 62px;
margin: 0 0 40px;
}
.hire-student:before {
top: -150px;
height: 170px;
}
.hire-student .right-content h2 {
font-size: 60px;
}
.intership .main-container {
max-width: 1470px;
}
.intership .collunm h4 {
font-size: 32px;
}
.hire-student .image img {
padding-right: 30px;
}
.hire-student .image img {
padding-right: 30px;
width: 100%;
}
.how-it-work .work-row .work-collunm .image img {
width: 500px;
}
.how-it-work .heading h2 {
margin: 0 0 20px 0;
font-size: 60px;
}
.how-it-work .work-row {
margin: 30px 0 190px 0;
}
.work-collunm .text p {
font-size: 30px;
margin: 0 0 30px 0;
}
.work-collunm .text ul li {
font-size: 19px;
}
.how-it-work .work-row .work-collunm:before {
width: 210px;
}
.how-it-work .work-row.second-row .work-collunm .image img {
width: 425px;
}
.how-it-work .work-row {
margin: 30px 0 120px 0;
}
.how-it-work {
margin: 0 0 70px 0;
}
.faq .heading h2 {
/* font-size: 60px; */
}
.get-started .right-content h2 {
font-size: 60px;
}
.pricing-section .heading h1 {
/* font-size: 62px; */
}
.pricing-section .heading p {
/* font-size: 22px; */
}
.started-main .started-content h2 {
font-size: 60px;
}
.started-main .started-content p {
font-size: 22px;
}
.started-main {
padding: 0 0 155px 0;
}
.started-main .image img {
width: 600px;
}
.pricing-started {
padding: 320px 0 0;
}
.banner::before {
width: 50%;
}
}
@media all and (max-width: 1440px) {
.main-wrapper {
max-width: 1140px;
}
.banner .image img {
width: 530px;
}
.banner .left-content h1 {
font-size: 56px;
margin: 0 0 35px;
}
.banner .left-content p {
margin: 0 0 20px;
font-size: 20px;
}
.banner .left-content ul {
margin: 45px 0 0 0;
}
.site-button {
padding: 12px 29px;
font-size: 15px;
}
.banner {
padding: 60px 0 0;
}
.hire-student .image img {
padding-right: 0;
}
.hire-student .right-content h2 {
font-size: 50px;
}
.hire-student .right-content p {
font-size: 22px;
}
.hire-student .right-content h4 {
font-size: 30px;
margin: 34px 0 0 0;
}
.intership .main-container {
max-width: 1170px;
}
.intership .main-container {
padding: 80px 0 50px 0;
}
.intership .collunm p {
font-size: 20px;
}
.intership .collunm h4 {
font-size: 30px;
}
.intership {
padding: 0 0 120px 0;
}
.how-it-work {
margin: 0 0 70px 0;
padding: 98px 0 0;
}
.how-it-work .heading h2 {
font-size: 50px;
}
.how-it-work .work-row h4 {
font-size: 40px;
}
.how-it-work .work-row {
margin: 22px 0 70px 0;
}
.work-collunm .text p {
font-size: 26px;
}
.how-it-work .work-row .work-collunm {
padding: 45px;
}
.how-it-work .work-row .work-collunm .image img {
width: 440px;
bottom: -45px;
}
.how-it-work .work-row.second-row .work-collunm .image img {
width: 375px;
left: -70px;
}
.how-it-work .work-row.second-row .text {
padding-right: 90px;
}
.faq .heading h2 {
/* font-size: 50px;
margin: 0 0 50px 0; */
}
.faq {
padding: 50px 0 0;
position: relative;
}
.how-it-work {
margin: 0 0 60px 0;
}
.accordion-container h4 {
padding: 8px 30px 8px;
font-size: 30px;
max-width: 520px;
margin: 50px auto 0;
}
.accordion-container .set {
padding: 26px;
}
.accordion-container .set a {
font-size: 20px;
}
.student-faq {
margin: 130px 0 0;
padding: 0 0 80px 0;
}
.accordion-container .ace-content p {
font-size: 18px;
}
.accordion-container .ace-content ul li {
font-size: 18px;
}
.pricing-section .heading h1 {
/* font-size: 56px; */
}
.pricing-section .heading {
/* margin: 0 0 54px 0; */
}
.pricing-tabs .tabs-head .saving {
/* font-size: 18px; */
}
.pricing-tabs .tabs-head {
/* margin: 0 0 92px 0; */
}
.pricing-tabs .tab-content .collunm .collunm-content {
padding: 15px 15px 26px;
}
.started-main .image img {
width: 560px;
}
.pricing-tabs .tab-content .service-collunm {
padding: 16px 15px 13px;
margin: 0 0 13px;
border-radius: 6px;
}
.pricing-tabs .progress {
height: 6px;
}
.pricing-started {
padding: 250px 0 0;
}
.modal-container {
max-width: 1140px;
}
.modal-container .modal-row {
padding: 60px 40px 38px 80px;
}
.modal-row .collunm-left .time span {
color: #4cc3a5;
}
.accounts-detail .account-table {
padding: 20px 80px 30px 130px;
}
.accounts-detail .account-table .table-head .name {
width: 33%;
}
.accounts-detail .account-table .table-head .email {
width: 35%;
}
.accounts-detail .account-table .table-info .name {
width: 33%;
}
.accounts-detail .account-table .table-info .email {
width: 35%;
}
.modelStep p {
font-size: 18px;
}
.profile_progress_bar_wrapper .submit_btn {
margin: 0 0 0 4px;
}
.profile_progress_bar_wrapper .submit_btn a.send-to-monday {
padding: 5px 13px;
}
.faq-wrapper .accordion-container .set .ace-content a {
font-size: 14px;
}
.faq-wrapper .accordion-container .set .ace-content p {
font-size: 14px;
}
.faq-wrapper .accordion-container .set .ace-content ul li {
font-size: 14px;
}
.faq-categories p {
font-size: 14px;
}
.previewResourcesModal .modal-row {
padding: 30px 40px 10px;
}
}
@media all and (max-width: 1400px) {
.hiring-member-account .new-user-form ul.gform_fields {
gap: 18px;
}
.hiring-member-account
.center-column__hire-box
.new-user-form
.gform_wrapper
form
.gform-body.gform_body {
width: calc(100% - 161px);
}
.student-grade {
margin: 130px 0;
background: rgba(195, 195, 195, 0.2);
position: relative;
}
}
@media all and (max-width: 1300px) {
.signup-page-wrapper,
.checkout-page-wrapper,
.cart-wrapper,
.select-packages-wrapper,
.post-job-wrapper,
.single-job-wrapper,
.job-board-wrapper {
padding: 200px 30px 20px;
}
.select-packages-wrapper {
padding-top: 0;
}
.sp--hiring h2,
.sp--board h2,
.signup-page-wrapper h1,
.checkout-page-wrapper h1,
.cart-wrapper h1,
.select-package-header h1,
.job-board-header h1 {
font-size: 50px;
}
.jobs-list-wrap {
padding: 20px;
}
.board-right-block {
padding: 15px;
}
.job-board-filter-bar {
padding: 10px;
}
.job-board-lower-left {
width: 72%;
}
.select-package-header {
margin-left: -30px;
margin-right: -30px;
}
.sp--hiring {
margin-left: -30px;
margin-right: -30px;
padding-left: 30px;
padding-right: 30px;
}
.brand-items img {
height: 50px !important;
width: 190px;
}
.modal-container {
max-width: 940px;
}
.modal-container .modal-row {
padding: 50px 35px 35px 70px;
}
.modal-row .collunm-left h2 {
font-size: 53px;
line-height: 73px;
margin: 0 0 25px;
}
.modal-row .collunm-left h3 {
font-size: 37px;
line-height: 53px;
}
.modal-row .collunm-left p {
font-size: 18px;
margin: 10px 0 5px;
}
.modal-row .collunm-left .price label {
font-size: 60px;
}
.modal-row .collunm-left .price span {
font-size: 20px;
}
.order-summary .summary-heading h5 {
font-size: 18px;
padding: 15px 0;
}
.modal-row .collunm-right .order-summary h4 {
font-size: 26px;
margin: 0 0 12px;
line-height: 32px;
}
.order-summary .product-detail h5 {
font-size: 18px;
}
.order-summary .product-detail ul {
margin: 15px 0 0;
}
.order-summary .product-detail {
padding: 15px 0 20px;
}
.order-summary .product-detail ul li {
font-size: 14px;
margin: 8px 0;
}
/* .modal-container .modal-row button.close-btn {
right: -20px;
top: -20px;
height: 60px;
width: 60px;
font-size: 32px;
} */
.modal-row .collunm-right .order-summary {
padding: 7px 30px 25px;
}
.postAJob-modal .modal-container {
padding: 0 20px;
}
form.member-form .form-group {
gap: 15px;
}
form.member-form .form-group .form-fields {
width: calc(23% - 15px);
}
form.member-form .form-group .form-fields.first-name {
width: calc(19% - 42px);
}
form.member-form .form-group .form-checkbox {
width: 17%;
}
.previewResourcesModal .modal-container {
padding: 0 20px;
}
.previewResourcesModal .modal-row {
padding: 30px 40px 10px;
}
}
@media all and (max-width: 1250px) {
.center-column__heading .job-detail {
flex-wrap: wrap;
width: 100%;
}
.conference-btn a.btn.btn-dark {
font-size: 14px;
padding: 13px 13px;
}
}
@media all and (max-width: 1199px) {
.requestRecruitment-modal .modal-container {
max-width: 860px;
}
.requestRecruitment-modal .first-step-options a.first-step-option-item {
margin: 0 10px;
}
.requestRecruitment-modal .page-top-bar h2 {
font-size: 32px;
line-height: 35px;
}
.requestRecruitment-model .first-step-page {
min-height: 540px;
}
.requestRecruitment-modal .modal-container .modal-row {
padding: 42px;
min-height: 620px;
}
.sidebar-wrap {
max-width: 100%;
width: 33%;
}
#client-search .btn {
padding: 0 25px;
}
#client-search input[type="email"] {
width: calc(100% - 120px) !important;
max-width: 100%;
}
.center-column__heading .job-detail a.btn {
width: auto;
flex: 0 0 130px;
margin: 0;
}
.sidebar .sidebar-content-box {
padding-left: 20px;
padding-right: 20px;
}
.sidebar .sidebar-subheading {
padding: 20px 20px 0;
}
form.member-form .form-group .form-fields.first-name {
width: calc(17% - 7px);
}
form.member-form .form-group {
gap: 10px;
}
form.member-form .form-group .form-checkbox {
width: 19%;
}
form.member-form .form-group .form-button input {
padding: 6px 1px;
}
.pricing-section .heading h1 {
font-size: 40px;
margin: 0 0 10px;
}
.pricing-section .heading p {
font-size: 16px;
}
.pricing-section .heading {
margin: 0 0 20px 0;
}
.pricing-tabs .tabs-head {
margin: 0 0 30px 0;
}
.pricing-section {
padding: 140px 0 45px;
}
.pricing-tabs .tabs-head .saving {
font-size: 13px;
border-radius: 8px;
margin-right: 20px;
padding: 5px 17px;
}
.pricing-tabs .tabs-head ul.tabs li {
padding: 5px 15px;
font-size: 13.577px;
width: 90px;
height: 36px;
}
.pricing-tabs .tab-content .collunm .collunm-content {
padding: 14px 13px 26px;
}
.collunm.most-popular .popular-tag {
padding: 8px 20px 4px;
font-size: 13px;
}
.pricing-tabs .tab-content .collunm p {
font-size: 13px;
}
.pricing-tabs .tab-content .collunm.service p {
font-size: 12px;
}
}
@media all and (max-width: 1100px) {
.job-board-filter-bar {
display: block;
}
.filter-bar-title {
width: 100%;
margin-bottom: 5px;
}
.job-board-filters {
width: 100%;
padding-left: 0;
}
.banner .image img {
width: 100%;
}
.get-started .right-content {
padding-left: 3rem;
width: 65%;
}
.banner::before {
width: 44%;
bottom: 0;
}
.brand {
padding: 50px 0px 180px;
}
.how-it-work .work-row.second-row .text {
padding-right: 30px;
}
.logos-section ul {
display: flex;
margin: 0;
padding: 0;
justify-content: center;
align-items: end;
width: 100%;
gap: 70px;
}
}
@media all and (max-width: 1024px) {
.modal-container {
max-width: 750px;
}
.conference-btn a.btn.btn-dark {
font-size: 14px;
padding: 11px 5px;
}
.modal-container .modal-row {
padding: 40px 30px 30px 50px;
}
.modal-row .collunm-left h2 {
font-size: 42px;
line-height: 60px;
margin: 0 0 20px;
}
.modal-row .collunm-left h3 {
font-size: 32px;
line-height: 43px;
}
.modal-row .collunm-left p {
font-size: 17px;
margin: 8px 0 3px;
}
.modal-row .collunm-left .price label {
font-size: 50px;
margin: 0 10px 0 0;
}
.modal-row .collunm-left .price span {
font-size: 18px;
}
.modal-row .collunm-left .time {
font-size: 16px;
padding: 0 0 15px;
margin: 0 0 15px;
}
.modal-row .collunm-left .switch-link a {
font-size: 13px;
}
.modal-row .collunm-right .order-summary h4 {
font-size: 24px;
margin: 0 0 10px;
line-height: 28px;
}
.order-summary .summary-heading h5 {
font-size: 16px;
padding: 12px 0;
}
.left-nav-header {
left: -200px;
}
aside.left-nav-header {
padding: 0 0 0 20px;
top: 0;
background: #fff;
}
aside.left-nav-header ul.menu-list {
padding: 20px;
}
.admin-bar .left-nav-header-wrap {
padding-top: 30px;
}
.menu-close {
top: 140px;
}
.sidebar-wrap {
max-width: 100%;
width: 40%;
}
.dashboard-heading h1 {
font-size: 20px;
}
.header-bar .dashboard-heading .left p {
margin: 5px 0 0;
font-size: 14px;
}
.header-bar .dashboard-heading {
padding: 0 30px;
}
.teammate-sidebar {
left: -240px;
overflow: visible;
z-index: 9999;
transition: 0.5s;
background: #444b56;
}
.dashboard-wrapper {
max-width: calc(100% - 40px);
left: 40px;
padding: 40px 12px 40px 12px;
}
.dashboard-wrapper .name-heading h2 {
font-size: 30px;
line-height: 40px;
}
.dashboard-wrapper .name-heading {
margin: 0 0 12px;
}
.teammate-sidebar .menu-close {
right: -40px;
}
.teammate-sidebar.open {
left: 0;
}
.steps-container .steps span {
width: 42px;
margin: 0 3px 0 0;
height: 10px;
}
}
@media all and (max-width: 1100px) {
.job-board-filter-bar {
display: block;
}
.filter-bar-title {
width: 100%;
margin-bottom: 5px;
}
.job-board-filters {
width: 100%;
padding-left: 0;
}
.banner .image img {
width: 100%;
}
.get-started .right-content {
padding-left: 3rem;
width: 65%;
}
.banner::before {
width: 44%;
bottom: 0;
}
.brand {
padding: 50px 0px 180px;
}
.how-it-work .work-row.second-row .text {
padding-right: 30px;
}
.logos-section ul {
display: flex;
margin: 0;
padding: 0;
justify-content: center;
align-items: end;
width: 100%;
gap: 70px;
}
}
@media all and (max-width: 1024px) {
.modal-container {
max-width: 750px;
}
.modal-container .modal-row {
padding: 40px 30px 30px 50px;
}
.modal-row .collunm-left h2 {
font-size: 42px;
line-height: 60px;
margin: 0 0 20px;
}
.modal-row .collunm-left h3 {
font-size: 32px;
line-height: 43px;
}
.modal-row .collunm-left p {
font-size: 17px;
margin: 8px 0 3px;
}
.modal-row .collunm-left .price label {
font-size: 50px;
margin: 0 10px 0 0;
}
.modal-row .collunm-left .price span {
font-size: 18px;
}
.modal-row .collunm-left .time {
font-size: 16px;
padding: 0 0 15px;
margin: 0 0 15px;
}
.modal-row .collunm-left .switch-link a {
font-size: 13px;
}
.modal-row .collunm-right .order-summary h4 {
font-size: 24px;
margin: 0 0 10px;
line-height: 28px;
}
.order-summary .summary-heading h5 {
font-size: 16px;
padding: 12px 0;
}
.modal-container .modal-row button.close-btn {
height: 50px;
width: 50px;
font-size: 28px;
}
.left-nav-header {
left: -200px;
}
aside.left-nav-header {
padding: 0 0 0 20px;
top: 0;
background: #fff;
}
aside.left-nav-header ul.menu-list {
padding: 20px;
}
.admin-bar .left-nav-header-wrap {
padding-top: 30px;
}
.menu-close {
top: 140px;
}
.sidebar-wrap {
max-width: 100%;
width: 40%;
}
.dashboard-heading h1 {
font-size: 20px;
}
.header-bar .dashboard-heading .left p {
margin: 5px 0 0;
font-size: 14px;
}
.header-bar .dashboard-heading {
padding: 0 30px;
}
.teammate-sidebar {
left: -240px;
overflow: visible;
z-index: 9999;
transition: 0.5s;
background: #444b56;
}
.dashboard-wrapper {
max-width: calc(100% - 40px);
left: 40px;
padding: 40px 12px 40px 12px;
}
.dashboard-wrapper .name-heading h2 {
font-size: 30px;
line-height: 40px;
}
.dashboard-wrapper .name-heading {
margin: 0 0 12px;
}
.teammate-sidebar .menu-close {
right: -40px;
}
.teammate-sidebar.open {
left: 0;
}
.steps-container .steps span {
width: 42px;
margin: 0 3px 0 0;
height: 10px;
}
.previewResourcesModal .modal-row {
padding: 30px 40px 10px;
}
}
@media all and (max-width: 998px) {
.new-header.active .header-col-center .button-container .button__login,
.new-header.active .header-col-center nav ul li a {
color: #fff !important;
}
.cost-resources-inner .job-field.job-field-half {
min-width: auto;
}
.event-detail-wrps {
display: block;
}
.job-field.job-field-half.job-carrer-next .job-field {
min-width: auto;
}
.resource-type-carrer-inbox .job-field.job-field-half {
min-width: auto;
}
}
@media all and (max-width: 992px) {
.job-board-lower-cols {
display: block;
}
.job-board-lower-left {
width: 100%;
}
.job-board-lower-right {
width: 100%;
}
.job-board-filters {
justify-content: space-between;
}
.signup-page-wrapper,
.checkout-page-wrapper,
.cart-wrapper,
.select-packages-wrapper,
.post-job-wrapper,
.single-job-wrapper,
.job-board-wrapper {
padding: 150px 22px 20px;
}
.select-packages-wrapper {
padding-top: 0;
}
.signup-page-wrapper h1,
.checkout-page-wrapper h1,
.cart-wrapper h1,
.sp--hiring h2,
.sp--board h2,
.select-packages-wrapper h1,
.post-job-wrapper h1,
.job-board-header h1 {
font-size: 40px;
}
a.job-item {
padding: 13px 0;
}
.single-job-header h1 {
font-size: 24px;
}
.single-job-main {
width: 100%;
order: 1;
}
.single-job-related {
border: none;
padding: 0;
width: 100%;
order: 2;
margin-top: 50px;
}
.single-job-cols {
flex-wrap: wrap;
}
.post-job-wrapper h1 {
margin-bottom: 30px;
}
.post-job-wrapper h1 {
margin-bottom: 30px;
}
.job-form-row {
flex-wrap: wrap;
}
.job-field {
min-width: 100%;
width: 100%;
}
.job-actions {
flex-wrap: wrap;
}
.job-form-cancel {
order: 2;
width: 100%;
margin-top: 10px;
}
.job-form-submit {
width: 100%;
}
.job-form-submit button {
width: 48%;
}
.select-package-header {
padding: 150px 0;
}
.sp--hiring h2,
.sp--board h2 {
margin-bottom: 35px;
}
.sp--package {
width: 100%;
margin-bottom: 40px;
}
.sp--packages {
flex-wrap: wrap;
padding-bottom: 20px;
}
.cart-cols {
flex-wrap: wrap;
padding-top: 50px;
}
.cart-left {
width: 100%;
margin-bottom: 20px;
}
.cart-right {
width: 100%;
}
.cart-package-block {
padding: 15px;
margin-bottom: 20px;
}
.banner .left-content h1 {
font-size: 39px;
}
.banner .left-content ul li {
margin: 0 8px 0 0;
}
.banner .left-content .site-button {
padding: 9px 14px;
font-size: 13px;
}
.hire-student .right-content h2 {
font-size: 36px;
}
.hire-student .right-content p {
font-size: 19px;
}
.hire-student .right-content h4 {
font-size: 26px;
margin: 24px 0 0 0;
}
body .how-it-work .work-row .work-collunm {
padding: 45px 0rem 3rem 3rem;
}
.how-it-work .work-row .work-collunm .text,
.how-it-work .work-row .work-collunm .image {
width: 50%;
}
.how-it-work .work-row .work-collunm .image img {
width: 100%;
bottom: -49px;
}
.work-collunm .text ul li {
font-size: 17px;
}
.how-it-work {
padding: 0 15px 14px;
}
.get-started .image img {
width: 100%;
}
.get-started .right-content h2 {
font-size: 40px;
text-align: left;
}
.get-started .right-content .buttons a {
margin: 9px 18px 0 0;
}
.pricing-tabs .pricing-row .collunm {
width: 50%;
margin: 15px 0;
}
.pricing-tabs .tab-content.current {
display: flex;
flex-wrap: wrap;
padding: 0 10px;
}
.pricing-started {
padding: 7rem 15px 0;
}
.started-main .started-content {
padding-right: 23rem;
}
.started-main .started-content {
padding-right: 18rem;
}
.brand ul {
flex-wrap: wrap;
}
.imgOuter img {
width: 153px;
margin-bottom: 26px;
}
.brand-items img {
height: 50px !important;
width: 168px;
padding: 0 20px;
margin-bottom: 0;
}
.job-board-header p {
width: auto !important;
}
.post-job-form .job-form-row {
gap: 30px 50px;
}
.post-collunm {
width: 44%;
}
.postAJob-model .post-job-wrapper .jop-post-head h1 {
margin: 0;
}
.postAJob-model .post-job-wrapper .jop-post-head {
padding: 0 0 20px;
margin: 0 0 35px;
}
.pricing-tabs .tab-content .collunm .collunm-content {
padding: 20px 20px 50px;
}
.faq .heading h2 {
font-size: 40px;
margin: 0 0 25px 0;
}
.faq {
padding: 40px 15px 0;
position: relative;
}
.note {
margin: 60px 0 0;
}
.rating-button a {
padding: 12px 12px;
}
.preview-apply-button a {
font-size: 14px;
padding: 12px 20px;
}
.pricing-modal.previewResourcesModal .preview-top-bar {
gap: 20px;
}
.previewResourcesModal .preview-top-bar .post-tittle-bar {
width: calc(80% - 190px);
}
.event-detail-wrps div#additionalLocations {
width: 100%;
margin: 0 auto 0 0;
margin-top: 0;
max-width: 200px;
}
.event-detail-wrps div#addLocationButton {
top: 33px;
}
.careerResource .resource-type-carrer {
gap: 0px 50px;
flex-wrap: wrap;
}
.careerResource .resource-type-carrer .post-collunm {
width: calc(50% - 50px);
}
.careerResource .event-detail-wrps div#addLocationButton {
top: 28px;
}
.careerResource .careerResourceForm label {
margin: 0 0 5px;
}
.careerResource .post-collunm.event-detail-outer .job-field.job-field-half .events-inner-item {
align-items: flex-start;
}
}
@media all and (max-width: 960px) {
.post-collunm.event-detail-outer.event-details-outer .job-field.job-field-half.job-carrer-next {
display: block;
}
}
@media all and (max-width: 800px) {
.modal-container {
max-width: 690px;
margin: 20px auto;
}
.modal-container .modal-row {
padding: 30px 25px 25px 40px;
}
.modal-row .collunm-left h2 {
font-size: 35px;
line-height: 48px;
margin: 0 0 15px;
}
.modal-row .collunm-left h3 {
font-size: 26px;
line-height: 33px;
}
.modal-row .collunm-left p {
font-size: 16px;
}
.modal-row .collunm-left .price label {
font-size: 46px;
}
.modal-row .collunm-left .time {
font-size: 15px;
padding: 0 0 12px;
margin: 0 0 12px;
}
.modal-row .collunm-right .order-summary {
padding: 7px 20px 20px;
}
.modal-row .collunm-right .order-summary h4 {
font-size: 20px;
margin: 0 0 8px;
line-height: 24px;
}
.order-summary .summary-heading h5 {
font-size: 14px;
padding: 9px 0 8px;
}
.order-summary .product-detail h5 {
font-size: 16px;
}
.order-summary .product-detail {
padding: 13px 0 15px;
}
.order-summary .summary-heading span {
font-size: 12px;
}
.order-summary .product-detail ul li {
padding: 0 0 0 22px;
}
.previewResourcesModal .modal-row {
padding: 30px 40px 10px;
}
}
@media all and (max-width: 768px) {
.careerResource .post-collunm.event-detail-outer .job-field.job-field-half .events-inner-item div#additionalDates {
width: 100%;
}
.careerResource .post-collunm .job-field .range-fields .range-start, .post-collunm .job-field .range-fields .range-end {
max-width: 140px;
width: 100%;
}
.careerResource .job-form-row.resources-detail-outer .add-button {
position: absolute;
right: 0;
}
.careerResource .post-collunm.event-detail-outer.event-details-outer .job-field.job-field-half.job-carrer-next .event-time-outer {
width: 100%;
}
.post-collunm.event-detail-outer.event-details-outer .job-field.job-field-half.job-carrer-next .job-field.job-field-half {
width: 100% !important;
}
.job-form-submit button {
min-width: 150px;
}
}
@media all and (max-width: 767px) {
.job-board-filter {
width: 50%;
padding: 15px 0;
}
.job-board-filters {
flex-wrap: wrap;
}
.resource-type-carrer-inbox {
display: block;
}
.post-collunm .job-field .logo-upload {
width: 100%;
}
.filter-bar-title {
text-align: center;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
}
a.job-item {
display: block;
}
.job-item-right {
text-align: left;
padding-left: 60px;
margin-top: 10px;
}
.job-logo {
width: 50px;
height: 50px;
margin-right: 10px;
min-width: 50px;
}
.job-search-form-cols {
display: block;
}
.job-search-form-left,
.job-search-form-right {
width: 100%;
margin-bottom: 12px;
}
.signup-page-wrapper h1,
.checkout-page-wrapper h1,
.cart-wrapper h1,
.sp--hiring h2,
.sp--board h2,
.select-packages-wrapper h1,
.post-job-wrapper h1,
.job-board-header h1 {
font-size: 31px;
}
.job-meta-bar {
padding: 15px 0 0;
flex-wrap: wrap;
}
.job-meta {
width: 50%;
margin-bottom: 18px;
border: none;
padding-left: 5px;
padding-right: 5px;
}
.job-meta:not(:last-child) {
border: none;
}
.job-basic-details {
display: block;
}
.job-basic-details-right {
margin-top: 10px;
}
.single-job-back a i + span {
display: none;
}
.single-job-wrapper {
padding-top: 110px;
}
.single-job-header h1 {
font-size: 20px;
line-height: 1.2;
}
.related-job-item {
padding: 10px 0;
}
.sp--package-title {
font-size: 22px;
margin-bottom: 5px;
}
.cart-package-title-sep {
margin: 10px 0 15px;
}
.sp--package-price {
font-size: 34px;
}
body .checkout-page-wrapper .checkout-form .gform_wrapper .gform-half-col {
width: 100%;
float: none;
}
body .checkout-page-wrapper .gform_wrapper .gfield {
min-width: 100%;
margin-left: 0 !important;
}
.login-page-cols .login-page-col {
padding: 0 22px;
}
.login-page-wrapper {
padding-top: 100px;
padding-bottom: 60px;
}
.t-form-row {
flex-wrap: wrap;
}
.t-form-field {
min-width: 100%;
}
.signup-page-wrapper .single-job-back {
margin-bottom: 5px;
}
main.new-site-wrap.signup-page-wrapper {
padding-top: 110px;
}
.job-search-alert-wrap {
display: block;
}
.job-search-create-alert {
width: 100%;
margin-bottom: 20px;
}
.job-search-post-btn {
width: 100%;
max-width: 400px;
margin: 0 auto;
}
.banner .left-content,
.banner .image,
.hire-student .image,
.hire-student .right-content,
.intership .collunm,
.banner .left-content .site-button {
width: 100%;
}
.banner .left-content h1 {
font-size: 30px;
margin-bottom: 12px;
}
.banner .left-content p {
margin: 0 0 15px;
font-size: 17px;
}
.banner .left-content ul {
margin: 25px 0 18px 0;
}
.hire-student .right-content {
padding: 21px 15px 0 15px;
}
.hire-student .right-content h2,
.how-it-work .heading h2 {
font-size: 30px;
line-height: 36px;
align-content: center;
justify-content: center;
}
.hire-student .right-content p,
.intership .collunm p,
.accordion-container .set a,
.started-main .started-content p {
font-size: 17px;
line-height: 28px;
}
.hire-student .right-content h4 {
margin: 8px 0 0 0;
}
.intership .collunm h4,
.how-it-work .work-row h4,
.faq .heading h2,
.accordion-container h4,
.get-started .right-content h2 {
font-size: 26px;
}
.intership {
padding: 0 15px 120px;
}
.banner .left-content {
order: 1;
text-align: center;
}
.get-started::before,
.banner::before {
content: none;
}
.hire-student .right-content {
text-align: center;
}
.banner .left-content ul li {
margin: 0 0px 14px 0;
width: 100%;
}
.how-it-work .work-row .work-collunm .text,
.how-it-work .work-row .work-collunm .image,
.how-it-work .work-row.second-row h4,
.get-started .image,
.get-started .right-content {
width: 100%;
}
.how-it-work .work-row .work-collunm::before {
width: 0;
}
.how-it-work .work-row .work-collunm .image img {
display: none;
}
.how-it-work .heading h2,
.how-it-work .work-row h4,
.get-started .right-content h2 {
text-align: center;
}
.how-it-work .heading hr {
height: 4px;
width: 241px;
margin: 0 auto;
}
.how-it-work {
padding: 43px 15px 14px;
}
.accordion-container {
padding: 0 15px;
}
.student-faq {
margin: 50px 0 0;
}
.get-started .image img {
display: none;
}
.get-started .right-content {
padding: 0 15px;
text-align: center;
}
.banner::before {
background-image: none;
}
.pricing-section .heading {
margin: 0 15px 20px 15px;
}
.pricing-section .heading h1 {
font-size: 40px;
padding: 0 2rem;
}
.pricing-tabs .tabs-head .saving {
/* max-width: 200px;
margin: 0 auto; */
}
.pricing-tabs .tabs-head ul.tabs {
/* max-width: 320px;
margin: 3rem auto 3rem; */
}
.pricing-tabs .tabs-head {
display: flex;
margin: 0rem auto 0;
padding: 0 15px;
}
.pricing-tabs .tabs-head ul.tabs li {
padding: 4px 15px;
height: auto;
}
.pricing-tabs .pricing-row .collunm {
width: 100%;
margin-top: 25px;
}
.started-main .started-content h2 {
font-size: 32px;
}
.started-main .image {
position: absolute;
right: 0;
bottom: 5rem;
}
.started-main .image img {
width: 300px;
}
.started-main .started-content {
padding-right: 7rem;
padding-left: 23px;
border-radius: 12px;
}
.hire-student::before {
content: none;
}
.brand {
padding: 50px 40px 70px;
}
.second-row .work-collunm .text .site-button.transparent {
margin-left: 0;
margin-top: 15px;
padding: 12px 40px;
}
.how-it-work .work-row.second-row .text {
padding-right: 30px;
}
body .how-it-work .work-row .work-collunm {
padding: 45px 10px 43px 23px;
}
.accordion-container .ace-content p {
font-size: 15px;
margin: 20px 0 0;
}
.accordion-container .ace-content ul li {
font-size: 15px;
margin: 11px 0 0;
}
.job-board-header p {
font-size: 18px !important;
}
.modal-container .modal-row {
padding: 10px 20px 20px;
flex-wrap: wrap;
}
.modal-container .modal-row .collunm-left {
width: 100%;
margin: 0 0 20px;
}
.modal-container .modal-row .collunm-right {
width: 100%;
}
.modal-container {
padding: 0 10px;
}
.modal-container .modal-row button.close-btn {
right: 20px;
height: 40px;
width: 40px;
font-size: 24px;
}
.post-collunm .job-field .job-field-radios .job-field-radio {
width: 35%;
}
.sidebar-wrap {
max-width: 100%;
width: 100%;
}
.header-bar .logo {
width: 100%;
text-align: center;
}
.header-bar .dashboard-heading {
width: 100%;
}
.page-template-client-portal .client-header .header-search {
width: 100% !important;
margin: 10px 0px 1px !important;
}
.menu-close {
top: 50px;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}
.wrapper .left-nav-header {
/* left: -200px;*/
}
.page-template-client-portal.client-portal .main {
padding-top: 10px;
}
.accordion-container ul {
padding: 0 16px;
}
.hire-talent-main .pricing-started .started-content .site-button.gray-bg,
.hire-talent-main .pricing-started .started-content .site-button.grey-white {
padding: 14px 10px;
}
.post-collunm {
width: 100%;
}
.note {
margin: 50px 0 0;
}
.pricing-section {
padding: 110px 0 25px;
}
.faq .heading h2 {
margin: 0 0 15px 0;
}
.faq {
padding: 40px 0px 0;
}
.accordion-container .set {
padding: 15px;
}
.all-filter span.active-filters-count {
display: none;
}
.pricing-modal.previewResourcesModal .preview-top-bar {
padding-bottom: 20px;
gap: 10px;
flex-wrap: wrap;
position: relative;
}
.previewResourcesModal .preview-top-bar .post-tittle-bar {
width: 100%;
}
.previewResourcesModal .modal-row .jop-post-head h2 {
font-size: 31px;
}
.previewResourcesModal .carrer-postion-conference {
margin-top: 10px;
margin-bottom: 0;
}
.previewResourcesModal .jop-post-head {
padding: 0 65px 18px 0;
margin: 0 0 15px;
}
.previewResourcesModal .modal-row {
padding: 28px 20px 20px;
}
.previewResourcesModal .modal-container .modal-row button.close-btn {
right: 19px;
}
.pricing-modal.previewResourcesModal .preview-apply-button {
width: auto;
text-align: left;
position: absolute;
right: 0;
top: 25px;
}
.preview-apply-button a {
padding: 9px 20px;
}
}
/* Enhancements */
.single .is-teamed-recruitment,
.job-board-wrapper .is-teamed-recruitment {
opacity: 0.7;
}
.job-basic-details-right {
display: flex;
flex-direction: column;
}
.job-basic-details-right .quick-apply-job {
margin-top: 10px;
}
.job-basic-details-right .quick-apply-job.ajaxing {
position: relative;
color: transparent;
}
.job-basic-details-right .quick-apply-job.ajaxing:after {
content: "";
display: block;
width: 12px;
height: 12px;
border: 2px solid #fff;
border-radius: 50%;
border-right-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-left: -6px;
margin-top: -6px;
animation: ajaxing 1s infinite linear;
}
.quick-apply-modal-actions {
display: flex;
justify-content: center;
}
.quick-apply-modal-actions .button {
width: auto;
}
.quick-apply-modal-body {
text-align: center;
margin-bottom: 10px;
font-size: 18px;
font-weight: 600;
}
.is-teamed-recruitment span {
display: flex;
align-items: center;
}
.is-teamed-recruitment img {
height: 17px;
margin-left: 8px;
}
.is-teamed-recruitment {
font-size: 11px;
margin-top: 4px;
}
.min-job-board-list {
max-height: 600px;
overflow-y: auto;
margin-right: -30px;
padding-right: 30px;
}
.mini-board-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
}
.mini-board-header h3 {
margin: 0;
}
.job-bd-location span:not(:first-child) {
margin-left: 14px;
}
@media all and (min-width: 767px) {
.job-item .is-teamed-recruitment span {
justify-content: flex-end;
}
.banner {
padding: 14px 0 0;
}
}
@media all and (min-width: 999px) {
.new-header .header-col-center nav ul li .sub-menu {
position: absolute;
left: -10px;
top: 100%;
display: block;
background: #fff;
width: 205px;
padding-top: 40px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
}
.new-header .header-col-center nav ul li .sub-menu li:after {
display: none;
}
.new-header .header-col-center nav ul li .sub-menu a {
display: block;
padding: 10px 10px;
}
.new-header .header-col-center nav ul li:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.new-header .header-col-center nav ul li .sub-menu a:hover {
background: #f5f5f5;
}
.new-header .header-col-center nav ul .sub-menu li a {
color: #444b56;
}
}
.availability-roles-field textarea {
width: 100%;
height: 100px;
border: 1px solid #aaa;
border-radius: 4px;
resize: none;
outline: none;
padding: 5px;
}
.modal-overlay .btn.ajaxing {
position: relative;
color: transparent;
}
.modal-overlay .btn.ajaxing:before {
content: "";
display: block;
width: 8px;
height: 8px;
border: 2px solid #fff;
border-radius: 50%;
border-right-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -4px;
margin-left: -4px;
animation: ajaxing 1s infinite linear;
}
.profile > .center-column__content .useful-info {
display: none;
}
.teammate-welcome-slide-inner {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding: 0 15px;
}
.teammate-welcome-slide-left {
width: 47%;
padding-right: 20px;
padding-bottom: 23px;
}
.teammate-welcome-slide-right {
width: 49%;
border-radius: 20px;
position: relative;
overflow: hidden;
max-height: 250px;
}
.teammate-welcome-slide-cta {
position: absolute;
bottom: 0;
}
.teammate-welcome-slider.slick-slider {
margin-bottom: 0;
}
.teammate-welcome-slide-right img {
display: block;
width: 100%;
height: auto;
opacity: 0;
}
.teammate-welcome-slide-left-title {
font-weight: bold;
font-size: 27px;
color: #455367;
line-height: 1.2;
padding-top: 10px;
margin-bottom: 20px;
}
.teammate-welcome-slide-left-title span {
color: #51bfa2;
}
.teammate-welcome-slide-intro {
margin: 12px 0;
font-size: 10px;
line-height: 1.4;
color: rgba(68, 75, 86, 0.7);
}
.teammate-welcome-slider:not(.slick-slider)
.teammate-welcome-slide:not(:first-child) {
display: none;
}
.teammate-welcome-slider-navigation {
margin-top: 5px;
}
.teammate-welcome-slide-nav-item {
padding: 12px;
border-right: 1px solid #fff;
width: 100%;
border-radius: 8px;
font-size: 16px;
line-height: 1.4;
cursor: pointer;
background: #f9f9f9;
border: 2px solid transparent;
}
.teammate-welcome-slide-nav-item:hover {
border-color: #51bfa2;
background: #fff;
}
.teammate-welcome-slide-nav-item-title {
color: #455367;
font-size: 11px;
font-weight: bold;
border-bottom: 1px solid #51bfa2;
margin-bottom: 10px;
padding-bottom: 10px;
line-height: 1.1;
min-height: 36px;
}
.teammate-welcome-slider-navigation {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.teammate-welcome-slider-navigation:not(.slick-slider) {
display: flex;
flex-wrap: wrap;
}
.teammate-welcome-slide-nav-item {
width: calc(25% - 26px);
margin-left: 6px;
margin-right: 6px;
margin-top: 10px;
margin-bottom: 5px;
transition: border 0.2s, background 0.2s;
position: relative;
}
.teammate-welcome-slide-nav-item:before {
content: "";
display: block;
width: 12px;
height: 12px;
background: #52bfa2;
position: absolute;
top: 0;
left: 0;
margin-top: -6px;
margin-left: -6px;
border-radius: 50%;
opacity: 0;
transform: scale(0);
transition: opacity 0.2s, transform 0.2s;
}
.template-welcome-slide-active-nav:before {
opacity: 1;
transform: scale(1.3);
}
.teammate-welcome-slide-nav-item-sub-title {
color: rgba(68, 75, 86, 0.7);
font-weight: 300;
font-size: 8px;
line-height: 1.3;
}
.teammate-welcome-slide-nav-item.template-welcome-slide-active-nav {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
border-color: transparent;
background: #fff;
}
.teammate-welcome-slide-poll label {
display: block;
margin: 0 0 5px;
font-size: 16px;
line-height: 1.4;
}
.teammate-welcome-slide-poll {
margin: 20px 0;
}
.teammate-welcome-slide-poll-submit {
margin-top: 30px;
display: none;
}
.teammate-welcome-slide-poll-submit a {
font-weight: bold;
}
.teammate-welcome-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px;
display: flex;
align-items: flex-end;
flex-wrap: wrap;
min-height: 50%;
line-height: 1.4;
font-style: italic;
color: #fff;
font-size: 10px;
}
.teammate-welcome-overlay:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(0deg, #59bc9f, transparent);
mix-blend-mode: multiply;
}
.teammate-welcome-overlay-inner {
position: relative;
max-width: 500px;
margin: 0 auto;
}
.teammate-welcome-slide-poll-submit a,
.teammate-welcome-slide-cta a {
display: inline-block;
background: #52bfa2;
color: #fff;
padding: 2px 12px;
font-size: 10px;
border-radius: 3px;
transition: background 0.2s, color 0.2s;
position: relative;
}
.teammate-welcome-slide-cta.teammate-welcome-slide-cta-has-video a {
padding-left: 40px;
}
.teammate-welcome-slide-cta.teammate-welcome-slide-cta-has-video a:before {
content: "";
display: block;
width: 12px;
height: 12px;
background: url("../images/white-play-icon.png") no-repeat center center;
background-size: contain;
position: absolute;
left: 21px;
top: 50%;
margin-top: -6px;
}
.teammate-welcome-slide-poll-submit a:hover,
.teammate-welcome-slide-cta a:hover {
background: #455366;
}
.teammate-welcome-slide-poll input {
opacity: 0;
width: 0;
height: 0;
position: absolute;
}
.teammate-welcome-slide-poll input + span {
display: block;
width: 100%;
background: #f2f2f2;
border-radius: 12px;
padding: 2px 14px;
cursor: pointer;
font-size: 10px;
transition: background 0.2s;
}
.teammate-welcome-slide-poll label {
position: relative;
margin-bottom: 10px;
max-width: 300px;
}
.teammate-welcome-slide-poll input:checked + span,
.teammate-welcome-slide-poll input + span:hover {
background: #53bfa2;
color: #fff;
}
.teammate-welcome-slide-poll-submit.ajaxing a {
position: relative;
color: transparent;
background: #455367;
cursor: default;
}
.teammate-welcome-slide-poll-submit.ajaxing a:before {
content: "";
display: block;
width: 12px;
height: 12px;
border: 2px solid #fff;
position: absolute;
border-radius: 50%;
border-right-color: transparent;
margin-top: -8px;
margin-left: -8px;
top: 50%;
left: 50%;
animation: ajaxing 1s infinite linear;
}
.teammate-welcome-slide-poll.has-error input + span {
color: #cb0009;
box-shadow: 2px 2px 3px rgb(203 0 9 / 20%);
}
.slide-poll-result-row {
max-width: 300px;
font-size: 10px;
position: relative;
background: #f2f2f2;
border-radius: 20px;
margin-bottom: 10px;
padding: 2px 14px;
overflow: hidden;
}
.slide-poll-percentage {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.slide-poll-percentage-bar {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #53bfa2;
}
.slide-poll-result-label {
position: relative;
}
.slide-poll-result-row.polled-by-me {
box-shadow: 1px 1px 2px rgb(0 0 0 / 35%);
border: 1px solid #53bfa2;
}
.teammate-welcome-slide-poll-results {
margin: 10px 0 0;
}
.slide-dismiss-btn {
position: relative;
top: -10px;
opacity: 0;
margin-bottom: -20px;
visibility: hidden;
padding-left: 20px;
}
.welcome-slider-outer-wrapper.has-welcome-slide-dismissible .slide-dismiss-btn {
opacity: 1;
visibility: visible;
}
.slide-dismiss-btn a {
color: #434b55;
font-size: 12px;
font-weight: bold;
}
.slide-dismiss-btn a:hover {
color: #000;
}
.slide-dismiss-btn.ajaxing a {
position: relative;
color: transparent;
}
.slide-dismiss-btn.ajaxing a:before {
content: "";
display: block;
width: 12px;
height: 12px;
position: absolute;
left: 0;
top: 0;
border: 2px solid #434b55;
border-radius: 50%;
border-right-color: transparent;
animation: ajaxing 1s infinite linear;
}
.teammate-welcome-slider .slick-arrow,
.teammate-welcome-slider-navigation .slick-arrow {
position: absolute;
z-index: 1;
color: #000;
background: transparent;
font-weight: 300;
}
.teammate-welcome-slider .slick-arrow:before,
.teammate-welcome-slider-navigation .slick-arrow:before {
color: #3fc2a7;
font-weight: 300;
}
.teammate-welcome-slider .slick-next,
.teammate-welcome-slider-navigation .slick-next {
right: -10px;
}
.teammate-welcome-slider .slick-prev,
.teammate-welcome-slider-navigation .slick-prev {
left: -12px;
}
.teammate-welcome-slider-navigation .slick-track {
align-items: stretch;
}
.slick-slider .teammate-welcome-slide-nav-item {
min-height: 100px;
}
.welcome-slider-outer-wrapper {
box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
padding: 15px;
border-radius: 10px;
margin-bottom: 30px;
}
.teammate-welcome-slider .slick-arrow {
top: calc(100% + 90px);
}
label.attach-file-btn {
position: relative;
width: 150px;
display: block;
overflow: hidden;
cursor: pointer;
margin-bottom: 5px;
}
label.attach-file-btn input {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
}
label.attach-file-btn > span {
position: relative;
cursor: pointer;
color: #59bc9f;
transition: color 0.2s;
}
label.attach-file-btn > span:hover {
color: #333;
}
.message-area-chosen-file {
display: inline-block;
background: #f5f5f5;
padding: 6px;
border-radius: 4px;
margin: 0 5px 10px;
}
span.message-area-remove-file {
margin-left: 10px;
cursor: pointer;
}
.message__file a {
display: inline-block;
background: #f0f0f0;
padding: 5px 10px;
position: relative;
}
.message-file-name i {
margin-right: 5px;
}
.message-file-instruction {
position: absolute;
top: 100%;
left: 0;
opacity: 0;
font-size: 10px;
}
.message__file a:hover .message-file-instruction {
opacity: 1;
}
.teammate-welcome-slide-poll.ajaxing {
position: relative;
}
.teammate-welcome-slide-poll.ajaxing:before {
content: "";
display: block;
width: 100%;
height: 100%;
background: #fff;
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0.5;
}
.teammate-welcome-slide-poll.ajaxing:after {
content: "";
display: block;
width: 12px;
height: 12px;
border: 2px solid #000;
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
border-right-color: transparent;
z-index: 2;
animation: ajaxing 1s infinite linear;
}
/* -------- Custom Css Here------------ */
textarea.popup_notes {
font-size: 12px;
width: 100%;
padding: 5px;
}
.field_sublabel_below .select2-selection {
background: #4bc3a4;
color: #fff;
height: 30px !important;
padding-top: 7px;
}
.field_sublabel_below .select2-selection__rendered {
color: #fff !important;
}
.field_sublabel_below .select2-selection__arrow {
top: 2px !important;
right: 10px !important;
}
.field_sublabel_below .select2-selection__arrow:after {
color: #fff !important;
font-size: 20px !important;
}
/* -------------------- */
/* progress bar css */
.steps.progress_bars_steps .steps_bar.submit_btn {
width: auto;
margin: 0;
}
.steps.progress_bars_steps
.steps_bar.submit_btn
a.call-to-action__btn.btn-green.send-to-monday {
font-size: 12px;
padding: 8px 12px;
background: #51bfa2;
border: none;
color: #fff;
font-weight: 500;
align-items: center;
}
.steps.progress_bars_steps
.steps_bar.submit_btn
a.call-to-action__btn.btn-green.send-to-monday
i {
font-size: 15px;
margin: 0 6px 0 0;
}
.profile_progress_bar_wrapper {
width: 100%;
padding: 25px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
margin-bottom: 18px;
border-radius: 8px;
}
.profile_progress_bar_wrapper .head_bar {
margin-bottom: 6px;
}
.profile_progress_bar_wrapper .submit_btn {
display: flex;
justify-content: center;
align-items: end;
margin-left: 40px;
}
.profile_progress_bar_wrapper h4,
.progress_bars_steps p {
margin: 0 0 5px 0;
font-size: 13px !important;
color: #444b56;
}
.progress_bars_steps {
display: flex;
column-gap: 12px;
text-align: center;
width: 100%;
line-height: 14px;
margin-top: 10px;
}
.profile_progress_bar_wrapper .progress_bars_steps .availability-check {
padding: 8px 12px;
cursor: pointer;
}
.steps.progress_bars_steps .steps_bar {
width: 92px;
}
.steps.progress_bars_steps .step_bar {
height: 6px !important;
width: 100%;
background: #6e6e6e;
border-radius: 15px;
margin-top: 14px;
}
.profile_progress_bar_wrapper .success_msg {
margin: 14px 0 0 0;
font-size: 12px !important;
}
.steps.progress_bars_steps .step_bar > span.completed {
display: block;
height: 100%;
border-radius: 20px;
background-color: #4cc3a5;
background-image: linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
position: relative;
overflow: hidden;
}
.steps.progress_bars_steps .step_bar > span.completed:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
background-size: 13px 13px;
border-radius: 20px;
overflow: hidden;
}
@keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}
.profile_submit_success_popup {
display: none;
}
.profile_submit_success_popup .popup_body {
position: absolute;
width: 393px;
height: auto;
padding: 35px;
background: #fff;
left: 0;
right: 0;
top: 35%;
border-radius: 12px;
margin: 0 auto;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.profile_success_submit_overlay {
position: fixed;
top: 0;
bottom: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.4);
left: 0;
right: 0;
}
.profile_submit_success_popup p,
.profile_submit_success_popup h4 {
margin: 0;
}
.profile_submit_success_popup .seperator {
height: 4px;
background: #51bfa2;
width: 120px;
margin: 10px 0 20px 0;
}
.profile_submit_success_popup span.close {
float: right;
position: absolute;
top: 8px;
right: 14px;
cursor: pointer;
}
.dashboard_profile_progress .head_bar {
position: relative;
}
.dashboard_profile_progress a.go_to_profile {
position: absolute;
right: 0;
top: 0px;
font-size: 14px;
}
a.send-to-monday[disabled="disabled"] {
cursor: not-allowed;
pointer-events: none;
opacity: 0.7;
}
/* new dashboard css */
.dashboard-wrapper {
max-width: calc(100% - 650px);
position: relative;
left: 450px;
padding: 55px 0px 50px 8px;
box-sizing: border-box;
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: flex-start;
}
.teammate-dashboard {
display: flex;
}
.teammate-sidebar {
position: fixed;
max-width: 450px;
width: 100%;
background: #444b56e5;
height: 100%;
/* padding: 50px 40px 60px 144px; */
padding: 0px 0px 0px 200px;
box-sizing: border-box;
overflow: auto;
}
.teammate-sidebar .left-nav-header-wrap {
overflow-y: scroll;
padding: 50px 40px 60px 0px;
}
.teammate-sidebar .left-nav-header-wrap::-webkit-scrollbar-track {
border-radius: 0px;
}
.teammate-sidebar .left-nav-header-wrap::-webkit-scrollbar {
width: 5px;
background-color: #f5f5f5;
}
.teammate-sidebar .left-nav-header-wrap::-webkit-scrollbar-thumb {
border-radius: 0px;
background-color: rgba(0, 0, 0, 0.5);
}
.teammate-sidebar .left-nav-header__top {
padding: 0;
margin: 0 0 60px;
}
.teammate-sidebar .left-nav-header__menu {
padding: 0;
}
.teammate-sidebar .left-nav-header__top .logo {
margin: 0;
}
.teammate-sidebar .left-nav-header__menu .menu-list .menu-item.quick-links {
margin-top: 60px;
}
.teammate-sidebar
.left-nav-header__menu
.menu-list
.menu-item.quick-links
label {
margin: 0 0 20px;
font-size: 20px;
line-height: 22px;
font-weight: 700;
color: #fff;
letter-spacing: 0;
text-transform: capitalize;
}
.teammate-sidebar .menu-list li .menu-link,
.teammate-sidebar .menu-list li .menu-link span {
color: #fff !important;
font-size: 16px;
line-height: 22px;
font-weight: 400 !important;
font-family: "Red Hat Display", sans-serif !important;
}
.teammate-sidebar .menu-list li.menu-item .menu-link {
gap: 20px;
}
.teammate-sidebar .menu-list li.menu-item.disabled .menu-link {
pointer-events: none;
}
.teammate-sidebar .menu-list li.menu-item .menu-link i {
margin: 0 !important;
font-size: 20px !important;
}
.teammate-sidebar .left-nav-header__menu .menu-list .menu-item.quick-links li a,
.teammate-sidebar
.left-nav-header__menu
.menu-list
.menu-item.quick-links
li
span {
font-size: 16px !important;
color: #51bfa2 !important;
text-decoration: underline;
}
.teammate-sidebar .left-nav-header__menu .menu-list .menu-item.quick-links ul {
padding: 20px 0 0 7px;
}
.teammate-sidebar
.left-nav-header__menu
.menu-list
.menu-item.logout-item
a.menu-link {
border: 1px solid #fff;
color: #fff;
font-size: 14px;
line-height: 20px;
padding: 10px 50px;
border-radius: 6px;
display: inline-block;
width: auto;
}
.teammate-sidebar
.left-nav-header__menu
.menu-list
.menu-item.logout-item
a.menu-link
span {
font-size: 14px;
line-height: 20px;
}
.teammate-sidebar .left-nav-header__menu .menu-list .logout-item {
margin: 40px 0 0 11px;
}
.dashboard-wrapper .name-heading {
width: 100%;
margin: 0 0 20px;
}
.dashboard-wrapper .name-heading h2 {
margin: 0;
font-size: 32px;
line-height: 40px;
font-weight: 700;
color: #444b56;
}
.teammate-sidebar .left-nav-header__top img {
width: 150px;
}
.dashboard-wrapper .main-collunm {
width: calc(50% - 5px);
}
.main-collunm .tabs-nav ul {
padding: 0;
list-style: none;
display: flex;
gap: 7px;
margin: 0;
align-items: center;
}
.main-collunm .tabs-nav ul li {
width: 20%;
align-items: center;
display: flex;
box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
border-radius: 16px;
font-family: "Red Hat Display", sans-serif !important;
}
.main-collunm .tabs-nav ul li a {
width: 100%;
text-align: center;
border-radius: 16px;
color: #444b56;
font-size: 14px;
line-height: 17px;
font-weight: 300;
display: flex;
min-height: 140px;
align-items: center;
justify-content: center;
background: #fff;
padding: 0 5px;
transition: 0.3s;
}
.main-collunm .tabs-nav ul li.active a {
background: #51bfa2;
color: #fff;
}
.main-collunm .tabs-nav ul li a:hover {
background: #51bfa2;
color: #fff;
}
.main-collunm .tabs-nav ul li a strong {
display: block;
font-size: 24px;
font-weight: 800;
line-height: 28px;
margin: 0 0 8px;
font-family: "Red Hat Display", sans-serif !important;
}
.main-collunm .dashboard-collunm.small-height .dashboard-box {
min-height: 140px;
}
.main-collunm .dashboard-collunm .collunm-heading h3 {
margin: 0;
}
.main-collunm .dashboard-collunm {
margin: 0 0 10px;
}
.dashboard-collunm .dashboard-box {
color: #444b56;
font-size: 16px;
line-height: 18px;
font-weight: 300;
min-height: 290px;
box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
border-radius: 16px;
padding: 22px 46px 22px 22px;
background: #fff;
}
.dashboard-collunm .collunm-heading h3 span {
position: relative;
padding: 0 15px 0px 0;
}
.dashboard-collunm .collunm-heading h3 span.border-line:before {
content: "";
height: 4px;
background: #51bfa2;
position: absolute;
width: 100%;
bottom: -9px;
border-radius: 9px;
}
.dashboard-collunm .collunm-heading h3 span.border-line.orange:before {
background: #f06529;
}
.dashboard-collunm .collunm-heading h3 span.border-line.yellow:before {
background: #efbc44;
}
.main-collunm .dashboard-collunm .collunm-heading h3 {
margin: 0;
font-size: 22px;
line-height: 28px;
font-weight: 700;
padding: 0 0 25px;
}
.dashboard-collunm .add-buttons {
display: flex;
align-items: center;
gap: 40px;
}
.dashboard-collunm .add-buttons a {
padding: 5px 22px;
font-size: 14px;
line-height: 21px;
font-weight: 500;
font-family: "Red Hat Display", sans-serif !important;
background: #ddd;
border-radius: 8px;
color: #fff;
display: flex;
align-items: center;
transition: 0.3s;
}
.dashboard-collunm .add-buttons a i {
margin: 0 8px 0 0;
font-size: 18px;
}
.dashboard-collunm .add-buttons a.grey {
background: #444b56;
}
.dashboard-collunm .add-buttons a.grey i {
color: #51bfa2;
}
.dashboard-collunm .add-buttons a.grey:hover {
opacity: 0.8;
}
.dashboard-collunm .add-buttons a.grey:hover i {
/* color: #fff; */
}
.dashboard-collunm .add-buttons a.green {
background: #51bfa2;
}
.dashboard-collunm .add-buttons a.green:hover {
background: #444b56;
}
.collunm-heading .add-btn a {
transition: 0.3s;
background: #efbc44;
display: inline-block;
border-radius: 100%;
width: 30px;
height: 30px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 30px;
}
.collunm-heading .add-btn a:hover {
background: #d0a33a;
}
.skill-container .add-btn button {
padding: 0;
border: none;
cursor: pointer;
background: #efbc44;
display: inline-block;
border-radius: 100%;
width: 30px;
height: 30px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 30px;
transition: 0.3s;
}
.skill-container .add-btn button:hover {
color: #d0a33a;
}
.dashboard-collunm .collunm-heading {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.dashboard-collunm .collunm-heading .edit label {
font-size: 12px;
line-height: 14px;
font-weight: 500;
margin: 0 10px 0 0;
display: inline-block;
}
.dashboard-collunm .collunm-heading .edit a {
background: #ffdaca;
color: #f06529;
height: 30px;
width: 30px;
display: inline-block;
text-align: center;
font-size: 11px;
border-radius: 100%;
padding: 6px 0 0;
transition: 0.3s;
}
.dashboard-collunm .collunm-heading .edit a:hover {
background: #ffb99a;
/* color: #fff; */
}
.dashboard-collunm .teammate-profile h4 {
margin: 0;
font-size: 18px;
line-height: 22px;
font-weight: 700;
}
.dashboard-collunm .teammate-profile .profile-info {
margin: 20px 0 0;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.dashboard-collunm .teammate-profile .profile-info .profile-image {
width: 90px;
height: 90px;
overflow: hidden;
border-radius: 100%;
background: #ddd;
margin: 0 35px 0 0;
}
.teammate-profile .profile-info .profile-contant label a {
font-size: 18px;
line-height: 22px;
font-weight: 600;
color: #f06529;
font-family: "Inter", sans-serif;
margin: 0 0 10px !important;
display: block;
text-transform: capitalize;
}
.teammate-profile .profile-info .profile-contant .rang {
display: flex;
gap: 15px 20px;
flex-wrap: wrap;
cursor: pointer;
}
.teammate-profile .profile-info .profile-contant .rang span:last-child {
width: 100%;
}
.teammate-profile .profile-info .profile-contant .rang span {
font-size: 13px;
line-height: 15px;
font-weight: 500;
font-family: "Inter", sans-serif;
}
.teammate-profile .profile-info .add-skill {
width: 100%;
margin: 20px 0 0 0;
}
.teammate-profile .profile-info .add-skill input {
background: #a4a4a4bf;
max-width: 147px;
border-radius: 8px;
color: #fff;
font-size: 11px;
line-height: 14px;
border: none;
padding: 0 35px 0 10px;
height: 35px;
}
.teammate-profile .profile-info .add-skill input::placeholder {
color: #fff;
}
.teammate-profile .profile-info .add-skill .add-field {
position: relative;
display: inline-block;
}
.teammate-profile .profile-info .add-skill button {
position: absolute;
right: 10px;
top: 9px;
height: 17px;
width: 17px;
border-radius: 10px;
border: none;
cursor: pointer;
background: #fff;
}
.skill-list {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.skill-list .skill-box {
background: #ffdaca;
color: #464b55;
font-size: 11px;
font-family: "Red Hat Display", sans-serif !important;
padding: 8px 38px 8px 8px;
border-radius: 8px;
position: relative;
}
.skill-list .skill-box span {
position: absolute;
right: 13px;
height: 17px;
width: 17px;
text-align: center;
background: #f06529;
border-radius: 100%;
color: #fff;
font-size: 9px;
}
.dashboard-box .job-alert p {
margin: 0;
font-size: 14px;
line-height: 16px;
font-weight: 400;
}
.dashboard-box ul {
display: flex;
margin: 17px 0;
padding: 0;
list-style: none;
gap: 18px;
}
.dashboard-box ul li {
font-size: 14px;
line-height: 16px;
font-weight: 400;
font-family: "Inter", sans-serif;
display: flex;
align-items: center;
gap: 6px;
color: #000;
}
.dashboard-box ul li i {
color: #fbeecf;
font-size: 20px;
}
.dashboard-box .job-alert ul li {
cursor: pointer;
}
.dashboard-box .job-alert ul li i {
transition: 0.3s;
}
.dashboard-box .job-alert ul li:hover i {
color: #efbc44;
}
.job-alert .active-filter {
margin: 20px 0 0;
}
.job-alert .filter-heading label {
font-weight: 800;
font-family: "Inter", sans-serif;
font-size: 12px;
}
.job-alert .filter-heading a {
font-size: 12px;
color: #b9b9b9;
font-weight: 600;
transition: 0.3s;
}
.job-alert .filter-heading a:hover {
color: #444b56;
}
.job-alert .filter-heading {
display: flex;
justify-content: space-between;
}
.available-modal.modal-overlay .btn {
padding: 5px 22px;
font-size: 14px;
line-height: 21px;
font-family: "Red Hat Display", sans-serif !important;
font-weight: 500;
text-transform: none;
}
.available-modal.modal-overlay .btn.js-edit {
margin-right: 10px;
}
.filter-listing {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin: 15px 0 0;
}
.filter-listing .filter-box {
background: #fbeecf;
color: #464b55;
font-size: 11px;
font-family: "Red Hat Display", sans-serif !important;
padding: 8px 38px 8px 8px;
border-radius: 8px;
position: relative;
}
.filter-listing .filter-box button {
position: absolute;
right: 13px;
height: 17px;
width: 17px;
text-align: center;
background: #efbc44;
border-radius: 100%;
color: #fff;
font-size: 9px;
border: none;
cursor: pointer;
}
.add-btn button {
padding: 0;
border: none;
background: transparent;
font-size: 28px;
color: #efbc44;
cursor: pointer;
}
.dashboard-box.d-flex {
display: flex;
align-items: center;
}
.steps-container p {
font-size: 15px;
line-height: 17px;
color: #444b56;
font-weight: 400;
margin-top: 0;
}
.steps-container .steps {
display: flex;
flex-wrap: wrap;
}
.steps-container .steps h6 {
font-size: 18px;
line-height: 34px;
font-weight: 500;
font-family: "Inter", sans-serif !important;
width: 100%;
color: #00000080;
margin: 0 0 12px;
}
.steps-container .steps h6 i {
font-style: normal;
color: #f06529;
}
.steps-container .steps span {
display: inline-block;
width: 52px;
height: 10px;
background: #cccccccc;
border-radius: 30px;
margin: 0 8px 0 0;
}
.steps-container .steps span.completed {
background: #ffdaca;
}
.dashboard-box .add-resources p {
margin: 0;
font-size: 15px;
line-height: 18px;
font-weight: 300;
}
.dashboard-box .add-resources p i {
color: #fbeecf;
font-size: 23px;
margin: 0 0 0 10px;
}
.add-resources .resoureces-skill {
border-top: 1px solid #a4a4a4;
padding: 20px 0px 0 0;
margin: 20px 20px 0 0;
}
.add-resources .resoureces-skill p {
color: #444b56;
font-size: 14px;
line-height: 16px;
font-weight: 400;
padding: 0 50px 0 0;
}
.add-resources .resoureces-skill .skill-container {
margin: 26px 0 0;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.add-resources .resoureces-skill .skill-container label {
font-size: 12px;
font-weight: 600;
line-height: 15px;
color: #cccccccc;
font-family: "Inter", sans-serif;
}
.add-resources .resoureces-skill .skill-container ul {
margin: 0;
}
.add-resources .resoureces-skill .skill-container ul li {
font-size: 12px;
line-height: 15px;
font-weight: 800;
color: #cccccccc;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
position: relative;
}
.add-resources .resoureces-skill .skill-container ul li strong {
width: 100%;
}
.add-resources .resoureces-skill .skill-container ul li span {
width: 100%;
}
.add-resources .resoureces-skill .skill-container ul li:before {
content: "";
height: 100%;
width: 1px;
position: absolute;
background: #cccccccc;
right: -10px;
}
.add-resources .resoureces-skill .skill-container ul li:last-child:before {
display: none;
}
.skill-container .add-btn {
position: absolute;
right: -10px;
/* top: -60px; */
top: -29px;
}
.main-collunm .tab-collunm .tab-box {
display: flex;
align-items: center;
margin: 0 0 28px;
}
.main-collunm .tab-collunm .tab-box:last-child {
margin: 0;
}
.tab-collunm .job-logo {
overflow: hidden;
min-width: 60px;
min-height: 60px;
margin: 0 30px 0 0;
height: 60px;
width: 60px;
}
.tab-collunm .job-logo img {
width: 100%;
}
.tab-collunm .job-detail {
display: block;
width: calc(100% - 260px);
}
.tab-collunm .job-detail span.job-type {
position: relative;
padding-right: 12px;
display: inline-block;
}
.tab-collunm .job-detail span.job-type:before {
content: "";
position: absolute;
background: #444b56;
height: 10px;
width: 2px;
top: 2px;
right: 4px;
}
.tab-collunm .job-detail span.job-type:last-child:before {
display: none;
}
.tab-collunm .job-detail .job-title {
color: #444b56;
font-size: 12px;
line-height: 15px;
font-weight: 700;
font-family: "Red Hat Display", sans-serif;
margin: 0px 0 2px;
}
.tab-collunm .job-detail label {
font-size: 10px;
line-height: 13px;
font-weight: 500;
font-family: "Red Hat Display", sans-serif;
color: #a4a4a4;
}
.tab-collunm .job-detail p {
margin: 3px 0 0;
color: #444b56;
font-size: 10px;
line-height: 14px;
font-weight: 800;
font-family: "Red Hat Display", sans-serif;
}
.tab-collunm .job-detail p a {
color: #444b56;
}
.tab-collunm .heart-icon {
min-width: 40px;
text-align: center;
}
.tab-collunm .heart-icon a {
color: #d9d9d9;
font-size: 26px;
transition: 0.3s;
}
.tab-collunm .heart-icon a:hover {
color: #51bfa2;
}
.tab-collunm .job-deta {
min-width: 130px;
text-align: end;
}
.tab-collunm .job-deta .job-type {
font-size: 10px;
line-height: 14px;
font-weight: 800;
font-family: "Red Hat Display", sans-serif;
color: #444b56;
}
.tab-collunm .job-deta .job-location {
font-size: 10px;
line-height: 14px;
font-weight: 500;
font-family: "Red Hat Display", sans-serif;
color: #a4a4a4;
}
.main-collunm .tab-collunm {
display: none;
border-radius: 0 0 16px 16px;
padding: 10px;
background: #fff;
box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
position: relative;
}
.tabs-nav {
position: relative;
z-index: 9;
}
.main-collunm .tab-collunm:before {
content: "";
height: 140px;
position: absolute;
width: 100%;
background: #fff;
top: -140px;
left: 0;
border-radius: 16px 16px 0px 0px;
}
.tab-collunm .tab-content-list {
padding: 18px;
max-height: 280px;
overflow-y: scroll;
min-height: 280px;
}
.tab-content-list::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #fff;
border: none;
}
.tab-content-list::-webkit-scrollbar {
width: 6px;
background-color: #f5f5f5;
}
.tab-content-list::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #e1e1e1;
}
.dashboard-collunm .teammate-profile .profile-info .profile-image img {
width: 90px;
height: 90px;
object-fit: cover;
}
.article-slider .item-content {
display: flex;
flex-wrap: wrap;
}
.article-slider .item-content .left {
width: 50%;
padding-right: 30px;
}
.article-slider .item-content .right {
width: 50%;
}
.article-slider .item-content h3 {
margin: 10px 0 0;
color: #444b56;
font-size: 22px;
line-height: 29px;
font-weight: 700;
letter-spacing: -0.4px;
min-height: 110px;
}
.article-slider .item-content h2 {
margin: 10px 0 0;
color: #444b56;
font-size: 28px;
line-height: 37px;
font-weight: 700;
letter-spacing: -0.4px;
min-height: 110px;
}
.article-slider .item-content img {
height: 142px;
object-fit: cover;
border-radius: 4px;
width: 100%;
}
.article-slider .item-content p {
margin: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.article-slider .item-content .bottom {
margin: 15px 0 0px;
width: 100%;
}
.article-slider .item-content .read-button {
text-align: left;
position: relative;
margin: 30px 0 10px;
width: 100%;
}
.article-slider .item-content a {
display: inline-block;
padding: 6px 40px;
font-size: 14px;
line-height: 21px;
font-weight: 500;
font-family: "Red Hat Display", sans-serif !important;
background: #51bfa2;
border-radius: 8px;
color: #fff;
}
.dashboard-collunm .dashboard-box .article-slider {
margin: 0;
}
.article-slider .slick-next {
right: 0;
}
.article-slider .slick-arrow {
top: auto;
bottom: -12px;
background: #51bfa2;
height: 40px;
width: 40px;
border-radius: 100%;
}
.article-slider .slick-prev {
right: 98px;
left: auto;
}
.article-slider .slick-next {
right: 20px;
}
.article-slider .slick-arrow:hover:before,
.article-slider .slick-arrow:focus:before {
color: #fff !important;
}
.tab-collunm .see-all {
text-align: center;
}
.tab-collunm .see-all a {
display: inline-block;
padding: 6px 60px;
font-size: 14px;
line-height: 21px;
font-weight: 500;
font-family: "Red Hat Display", sans-serif !important;
background: #a4a4a4bf;
border-radius: 8px;
color: #fff;
text-transform: capitalize;
transition: 0.3s;
}
.tab-collunm .see-all a:hover {
background: #51bfa2;
}
.article-slider .slick-next::before {
content: "\f061";
}
.article-slider .slick-prev::before {
content: "\f060";
}
.item-content .select-format label {
position: relative;
width: 100%;
display: block;
height: 35px;
margin: 0 0 15px;
}
.item-content .select-format label span:before {
content: "";
position: absolute;
width: 99%;
height: 35px;
border: 1px solid #51bfa278;
left: 0;
top: 0;
border-radius: 8px;
}
.item-content .select-format label input[type="radio"] {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
cursor: pointer;
z-index: 9;
}
.item-content .select-format label span {
display: inline-block;
text-align: center;
width: 100%;
font-size: 13px;
line-height: 15px;
font-weight: 500;
font-family: "Inter", sans-serif;
padding: 11px 0;
}
.dashboard-collunm .career-success {
width: 100%;
text-align: center;
}
.dashboard-collunm .career-success p {
font-size: 13px;
line-height: 16px;
font-weight: 500;
margin: 0 0 40px;
padding: 0 70px;
}
.dashboard-collunm .career-success a {
display: inline-block;
background: #efbc44;
color: #fff;
font-family: "Red Hat Display", sans-serif !important;
font-size: 14px;
line-height: 21px;
font-weight: 500;
padding: 5px 40px 5px 40px;
border-radius: 8px;
transition: 0.3s;
}
.dashboard-collunm .career-success a:hover {
background: #d0a33a;
}
.live-switch .switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.live-switch .switch input {
opacity: 0;
width: 0;
height: 0;
}
.live-switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.go-live .slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
background-image: url(/wp-content/themes/teamed/images/check-icon-orange.png);
background-size: 14px;
background-repeat: no-repeat;
background-position: 6px 7px;
}
.live-switch input:checked + .slider {
background-color: #f06529;
}
.live-switch input:focus + .slider {
box-shadow: 0 0 1px #2196f3;
}
.live-switch input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
background-blend-mode: normal;
}
.live-switch .slider.round {
border-radius: 34px;
}
.live-switch .slider.round:before {
border-radius: 50%;
background-blend-mode: hard-light;
}
.pool-collunm {
display: flex;
flex-wrap: wrap;
}
.pool-collunm p {
font-size: 14px;
line-height: 16px;
font-weight: 400;
margin: 0 0 12px;
}
.pool-collunm ul {
width: 50%;
margin: 30px 20px 0 0;
}
.go-live {
margin: 30px 0 0;
}
.pool-collunm ul li {
flex-wrap: wrap;
text-align: center;
justify-content: center;
position: relative;
gap: 4px;
}
.pool-collunm ul li:before {
content: "";
height: 100%;
width: 1px;
position: absolute;
background: #000;
right: -10px;
}
.pool-collunm ul li:last-child:before {
display: none;
}
.pool-collunm ul strong {
width: 100%;
font-size: 32px;
line-height: 40px;
font-weight: 700;
color: #444b56;
}
.pool-collunm ul li span {
color: #a4a4a4;
font-size: 12px;
line-height: 16px;
font-weight: 400;
text-transform: uppercase;
}
.pool-collunm .go-live .live-switch {
border-radius: 20px;
display: flex;
align-items: center;
padding: 5px 10px;
justify-content: center;
}
.pool-collunm .go-live .live-switch h4 {
margin: 0 10px 0px 0;
color: #444b56;
font-size: 16px;
line-height: 21px;
font-weight: 700;
}
.pool-collunm .go-live .date {
font-size: 12px;
line-height: 15px;
font-weight: 500;
font-family: "Inter", sans-serif;
margin: 15px 0 0 20px;
}
.go-live .live-switch label.btn .slider:before {
height: 10px;
width: 10px;
left: 1px;
background-image: none;
bottom: 1px;
}
.go-live .live-switch .switch {
position: relative;
display: inline-block;
width: 23px;
height: 12px;
margin: 0 0 0 4px;
}
.go-live .live-switch label.btn {
padding: 7px 9px;
font-family: "Red Hat Display";
font-style: normal;
font-weight: 900;
font-size: 9px;
line-height: 12px;
letter-spacing: 0.225px;
margin-left: 16px;
display: inline-flex;
align-items: center;
}
.go-live .live-switch label.btn svg {
margin: 0 3px 0 0;
}
.go-live .live-switch input:checked + .slider:before {
-webkit-transform: translateX(12px);
-ms-transform: translateX(12px);
transform: translateX(12px);
}
.go-live .live-switch input:checked + .slider {
background-color: #4cc3a5;
}
.teammate-sidebar .menu-list li.menu-item.has-sub i {
font-size: 20px !important;
color: #fff;
}
.teammate-sidebar .menu-list li.menu-item.has-sub span {
color: #fff !important;
font-size: 16px;
line-height: 22px;
font-weight: 400 !important;
font-family: "Red Hat Display", sans-serif !important;
}
.teammate-sidebar .menu-list .menu-item.quick-links .sub-menu-heading {
font-family: "Inter", sans-serif !important;
font-size: 18px !important;
font-weight: 600 !important;
}
.teammate-sidebar .menu-list li.menu-item.has-sub i.fal.fa-chevron-right {
color: #fff;
font-size: 16px !important;
top: 6px;
}
.teammate-sidebar .menu-list li.menu-item.has-sub i.fas.fa-cog {
margin-right: 20px;
}
.left-nav-header__menu .menu-list .menu-item i {
width: 22px;
}
.left-nav-header__menu
.menu-list
.menu-item.has-sub
.sub-menu-list
li
.sub-menu-link {
gap: 15px;
}
.left-nav-header__menu
.menu-list
.menu-item.has-sub
.sub-menu-list
li
.sub-menu-link
.sub-menu-span {
font-size: 14px;
}
.left-nav-header__menu
.menu-list
.menu-item.has-sub
.sub-menu-list
li
.sub-menu-link
i {
color: #fff !important;
font-size: 18px !important;
width: 18px;
}
.client-sidebar.left-nav-header__menu
.menu-list
.menu-item.has-sub
.sub-menu-list
li
.sub-menu-link
i {
color: #a2a5aa !important;
}
.teammate-sidebar .menu-list .menu-item.quick-links .sub-menu-list a,
.teammate-sidebar .menu-list .menu-item.quick-links .sub-menu-list a span {
font-size: 15px !important;
}
.dashboard-wrapper main.main {
width: 93%;
}
.teammate-dashboard.my-account-page {
margin: 0;
}
.teammate-sidebar .menu-list li.menu-item .menu-link .fa-question-square {
width: 22px;
height: 22px;
background-image: url(/wp-content/themes/teamed/images/faq-icon.png);
background-size: 58px;
}
.teammate-sidebar .menu-list li.menu-item .menu-link:hover .fa-question-square {
background-position: 25px 0px;
}
.teammate-sidebar
.menu-list
li.menu-item
.menu-link
.fa-question-square::before {
content: "";
}
.availability-checking span.js-availability-text i {
font-size: 16px;
}
.availability-checking span.js-availability-text {
color: #fff;
align-items: center;
gap: 10px;
padding: 5px 38px !important;
}
/* new-job-board */
.board-banner {
margin: 130px 0 0;
position: relative;
}
.board-banner .image img {
width: 100%;
display: block;
height: 350px;
object-fit: cover;
}
.board-banner .board-content {
position: absolute;
max-width: 1200px;
left: 50%;
top: 50%;
transform: translate(-50%, -54%);
text-align: center;
width: 100%;
}
.board-content h1 {
font-size: 45px;
line-height: 62px;
font-weight: 700;
color: #fff;
margin: 0 0 10px 0;
font-family: Red Hat Display !important;
}
.board-nav ul {
margin: 0;
list-style: none;
display: flex;
justify-content: center;
border: 1px solid #ffffff;
border-radius: 20px;
padding: 5px;
gap: 8px;
position: relative;
}
.board-nav ul li {
width: 50%;
position: relative;
z-index: 1;
}
.board-nav ul li a {
font-size: 15px;
line-height: 24px;
font-weight: 700;
color: #fff;
font-family: Red Hat Display !important;
width: 100%;
display: inline-block;
background: transparent;
border-radius: 10px;
padding: 10px;
}
.board-nav ul:after {
content: "";
background: #efbc44;
height: 44px;
width: 159px;
position: absolute;
border-radius: 10px;
top: 5px;
transition: 0.8s;
transform: translate(-83px, 0);
}
.board-nav.right ul:after {
transform: translate(83px, 0);
}
.board-nav ul li.active a {
/* background: #efbc44; */
}
.board-nav {
margin: 34px auto 0;
max-width: 340px;
}
.board-content p {
font-size: 18px;
line-height: 24px;
font-weight: 300;
color: #fff;
font-family: Inter;
margin: 0 0 10px;
}
.board-logos-section ul {
display: flex;
margin: 0;
padding: 0;
list-style: none;
gap: 10px;
align-items: center;
}
.board-logos-section ul li {
flex: auto;
padding: 0 10px;
}
.board-logos-section ul li img {
margin: 0 auto;
max-width: 100px;
min-width: 100px;
}
.board-logos-section {
background: #fff;
padding: 25px 0;
}
.board-collunm {
display: flex;
gap: 0px 17px;
flex-wrap: wrap;
padding: 46px 0 20px;
align-items: flex-start;
}
.board-sidebar {
width: 367px;
border-radius: 16px;
padding: 22px 31px 25px;
box-sizing: border-box;
border: 1px solid #cbcbcb;
background: #fff;
box-shadow: 0px 3px 4px rgba(10, 10, 10, 0.1);
}
.board-sidebar .account-btn a {
background: #444b56;
font-size: 14px;
line-height: 20px;
font-weight: 500;
color: #fff;
padding: 11px 27px;
border-radius: 8px;
font-family: "Red Hat Display";
display: inline-block;
transition: 0.3s;
border: 1px solid #000;
}
.board-sidebar .account-btn a:hover {
background: #51bfa2;
color: #fff;
border-color: #51bfa2;
}
.board-sidebar .account-btn {
padding: 0;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 23px;
}
.board-sidebar .account-btn button {
background: transparent;
color: #fff;
border: none;
font-size: 12px;
font-family: "Inter", sans-serif;
text-decoration: underline;
text-transform: capitalize;
cursor: pointer;
transition: 0.5s;
}
.board-sidebar .account-btn button:hover {
color: #51bfa2;
}
.board-sidebar .job-type-filter ul {
margin: 20px 0 25px;
padding: 0;
list-style: none;
display: block;
}
.board-sidebar .job-type-filter ul li {
position: relative;
font-size: 15px;
color: #444b56;
margin: 0 0 12px;
font-weight: 400;
line-height: 18px;
padding: 0 42px 0 26px;
display: flex;
}
.board-sidebar .job-type-filter h4 {
margin: 23px 0 20px;
font-size: 24px;
line-height: 30px;
font-weight: 600;
color: #fff;
font-family: "Red Hat Display";
}
.board-sidebar .job-type-filter ul li span:before {
content: "";
height: 14px;
width: 14px;
position: absolute;
border: 1px solid #444b56;
border-radius: 3px;
left: 0;
top: 0;
}
.board-sidebar .job-type-filter ul li input {
width: 100%;
position: absolute;
opacity: 0;
z-index: 99;
left: 0;
margin: 0;
height: 19px;
}
.board-sidebar .job-type-filter ul li span:after {
content: "\f00c";
font-size: 11px;
left: 3px;
top: -1px;
color: #fff;
font-family: "Font Awesome 5 Pro";
position: absolute;
opacity: 0;
}
.board-sidebar .job-type-filter ul li input:checked ~ span:before {
border-color: #444b56;
background: #444b56;
}
.board-sidebar .job-type-filter ul li input:checked ~ span:after {
opacity: 1;
}
.board-sidebar .job-type-filter ul li label {
position: absolute;
width: 40px;
right: 0;
text-align: center;
background: #444b56;
font-size: 13px;
color: #fff;
font-weight: 600;
border-radius: 3px;
}
.filter-remote .remote-button {
width: 163px;
}
.filter-remote .remote-button a {
width: 100%;
display: inline-block;
background: transparent;
color: #444b56;
font-family: "Red Hat Display" !important;
text-align: center;
padding: 7px 0;
font-weight: 600;
font-size: 13px;
border-radius: 5px;
}
.board-job-section {
width: calc(100% - 384px);
padding: 0px 0 0;
}
.career-resource-from .form-field {
display: flex;
align-items: center;
gap: 18px;
}
.career-resource-from .filter-listing {
margin: 0px 0 0;
width: calc(100% - 163px);
padding: 0 15px 0 0;
}
.career-resource-from .filter-listing .filter-box button {
color: #444b56;
background: transparent;
line-height: 18px;
padding: 0px 0;
font-size: 14px;
right: 6px;
}
.page-template-template-newJobBoard .select2-results__options li {
font-size: 12px;
padding: 3px 8px;
color: #000;
font-family: "Inter", sans-serif;
}
.page-template-template-newJobBoard span.select2-dropdown {
border: 1px solid #51bfa2;
border-radius: 6px;
overflow: hidden;
}
.job-sorting .select2-selection__arrow {
width: 15px !important;
right: 3px !important;
opacity: 0.5;
line-height: 25px;
}
.job-sorting .select2-selection__arrow::after {
font-size: 18px;
color: #455367 !important;
}
.page-template-template-newJobBoard .select2-results__options li:hover,
.page-template-template-newJobBoard
.select2-results__options
li[aria-selected="true"] {
background: #5ef7cf66 !important;
color: #33383e;
}
.career-resource-from form {
display: flex;
}
.career-resource-from .form-left-side {
width: calc(100% - 384px);
padding: 0;
}
.career-resource-from form .post-job-btn {
margin: 0;
width: 384px;
text-align: left;
padding: 0 0 0 47px;
}
.job-sorting {
text-align: end;
margin: 15px 0 0;
}
.job-sorting span.select2.select2-container {
min-width: 130px;
max-width: 130px;
border: 1px solid #cbcbcb;
padding: 3px 3px;
border-radius: 5px;
transition: 0.3s;
background: #fff;
}
.job-sorting span.select2.select2-container:hover {
border-color: #51bfa2;
}
.job-sorting .select2-selection__rendered {
padding: 3px 3px !important;
text-align: left;
font-size: 11px !important;
font-style: normal !important;
color: #455367 !important;
font-weight: 500 !important;
}
.job-sorting
span.select2.select2-container
.select2-selection.select2-selection--single {
border: none;
}
.board-tab-collunm {
display: none;
}
.board-tab-collunm.active {
display: block;
}
.board-tabs {
background: #f7f7f7;
}
.career-resource-from .post-job-btn a {
display: inline-block;
background: #fff;
padding: 11px 37px;
font-size: 14px;
color: #444b56;
font-family: "Red Hat Display" !important;
border-radius: 8px;
transition: 0.3s;
min-width: 172px;
text-align: center;
border: 1px solid #cbcbcb;
}
.carreer-sidebar .get-email span {
color: #444b56;
}
.filter-remote .remote-button a i {
margin: 0px 5px 0 0;
position: relative;
top: 1px;
}
.career-resource-from .post-job-btn a:hover {
background: #51bfa2;
color: #fff;
border-color: #51bfa2;
}
.post-job-btn {
text-align: end;
margin: -47px 0 0;
}
.filter-remote {
display: flex;
align-items: flex-start;
margin: 15px 0 0;
}
.all-filter {
margin: 0 0 0;
display: flex;
justify-content: space-between;
}
.all-filter .all-filter {
color: #444b56;
font-size: 16px;
font-family: "Red Hat Display" !important;
font-weight: bold;
}
.all-filter span {
display: inline-block;
margin: 0 0 0 5px;
font-size: 17px;
}
.all-filter.all-expand span {
transform: rotate(90deg);
}
.job-type-filter .expand span {
display: inline-block;
font-size: 17px;
margin: 0 0 0 2px;
position: relative;
transform: rotate(90deg);
}
.job-type-filter.close .expand span {
transform: rotate(0deg);
top: 1px;
}
.job-type-logoutfilter.logoutUsers.close .expand span {
transform: rotate(0deg);
top: 1px;
}
.all-filter .clear-all {
background: transparent;
font-size: 12px;
border: none;
color: #444b56;
text-decoration: underline;
cursor: pointer;
}
.job-type-filter .expand {
color: #444b56;
font-size: 16px;
font-family: "Red Hat Display" !important;
cursor: pointer;
margin: 20px 0 0;
text-transform: capitalize;
font-weight: bold;
}
.get-email {
margin: 20px 0 30px;
position: relative;
padding: 0 0 0 26px;
font-size: 15px;
}
.get-email span:before {
content: "";
height: 14px;
width: 14px;
position: absolute;
border: 1px solid #ddd;
border-radius: 3px;
left: 0;
top: 0;
}
.get-email span:after {
content: "\f00c";
font-size: 11px;
left: 3px;
top: -1px;
color: #fff;
font-family: "Font Awesome 5 Pro";
position: absolute;
opacity: 0;
}
.get-email span {
color: #fff;
}
.get-email input {
width: 100%;
position: absolute;
opacity: 0;
z-index: 99;
left: 0;
margin: 0;
height: 19px;
}
.get-email input:checked ~ span:before {
border-color: #444b56;
background: #444b56;
}
.get-email input:checked ~ span:after {
opacity: 1;
}
.job-type-filter .ratting {
padding: 17px 0 28px;
display: flex;
gap: 4px;
}
.job-type-filter .ratting i {
color: #edeeef;
}
.job-type-filter .ratting i.active {
color: #ffc300;
}
.jobs-listing .job-collunm {
display: flex;
background: #fff;
border-radius: 0;
gap: 10px;
align-items: center;
overflow: hidden;
width: 100%;
border-bottom: 1px solid #cbcbcb;
}
.jobs-listing .job-collunm:last-child {
border-bottom: none;
}
.jobs-listing .job-collunm .job-img {
width: 20%;
text-align: center;
}
.jobs-listing .job-collunm .job-discription {
width: 56%;
}
.jobs-listing .job-collunm .job-heart-icon {
width: 24%;
text-align: end;
padding: 0 45px 0 0;
}
.job-collunm .job-discription .ratting {
display: flex;
align-items: center;
gap: 6px;
margin: 5px 0 0;
}
.job-collunm .job-discription .ratting span {
font-size: 14px;
font-weight: 400;
color: #a4a4a4;
}
.job-collunm .job-discription .ratting ul {
padding: 0;
margin: 0;
}
.job-collunm .job-discription .ratting ul i {
color: #edeeef;
font-size: 14px;
margin: 0 2px;
}
.job-collunm .job-discription .ratting ul i.active {
color: #ffc300;
}
.job-collunm .job-discription h3 {
font-size: 16px;
color: #444b56;
line-height: 20px;
font-family: "Red Hat Display" !important;
margin: 8px 0 5px;
overflow: hidden;
width: 100%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.job-collunm .job-discription h6 {
margin: 0 0 4px;
color: #a4a4a4;
font-size: 14px;
font-family: "Red Hat Display" !important;
font-weight: 400;
line-height: 20px;
}
.job-collunm .job-discription p {
color: #444b56;
font-family: "Red Hat Display" !important;
font-size: 14px;
font-weight: 800;
line-height: 20px;
margin: 0;
}
.job-collunm .job-discription label.date {
margin: 4px 0 0;
color: #a4a4a4;
font-size: 14px;
font-family: "Red Hat Display" !important;
font-weight: 400;
line-height: 20px;
display: block;
}
.job-heart-icon .job-location {
margin: 30px 0 0;
}
.job-collunm .job-heart-icon .heart-icon a {
color: #edeeef;
font-size: 30px;
transition: 0.3s;
}
.job-collunm .job-heart-icon .heart-icon a.yellow {
color: #ffc300;
}
.job-collunm .job-heart-icon .heart-icon a:hover {
color: #4bc3a4;
}
.job-heart-icon .job-location p {
margin: 0;
color: #a4a4a4;
font-family: "Red Hat Display" !important;
font-size: 14px;
line-height: 22px;
}
.job-heart-icon .job-location p b {
color: #444b56;
}
.jobs-listing .job-collunm .job-img a {
display: inline-block;
padding: 36px 0 36px;
width: 100%;
position: relative;
}
.jobs-listing .job-collunm .job-img a .tag {
position: absolute;
top: 0;
width: 100%;
left: 0;
background: #efbc44e0;
color: #fff;
border-radius: 16px 0px 16px 0px;
font-size: 13px;
font-family: "Red Hat Display" !important;
font-weight: 600;
padding: 6px 0 4px;
line-height: 18px;
}
.jobs-listing .job-collunm .job-img a .tag.green {
background: #51bfa2;
}
.career-resource-from {
margin: 0;
width: 100%;
}
.jobs-listing {
display: flex;
gap: 0;
flex-wrap: wrap;
margin: 0 0 80px;
border: none;
border-radius: 16px;
overflow: hidden;
box-shadow: 0px 3px 4px rgba(10, 10, 10, 0.1);
min-height: 80px;
background: #fff;
}
.load-more-btn {
text-align: center;
margin: 50px 0 50px;
}
.load-more-btn a.site-button {
font-weight: 600;
padding: 19px 62px;
border: 1px solid #444b56;
border-radius: 8px;
background: transparent;
color: #444b56;
}
.load-more-btn a.site-button.ajaxing {
/* background: #efbc44;
color: #efbc44;
border-color: #efbc44; */
}
.load-more-btn a.site-button.ajaxing:before {
border-color: #444b56;
}
.load-more-btn a.site-button.ajaxing {
color: transparent;
}
.more-career-post.load-more-btn.ajaxing a.site-button {
color: transparent;
}
.more-career-post.load-more-btn a.site-button {
position: relative;
}
.more-career-post.load-more-btn.ajaxing a.site-button:before {
content: "";
display: block;
width: 12px;
height: 12px;
border: 2px solid #444b56;
position: absolute;
border-radius: 50%;
border-right-color: transparent;
animation: ajaxing 1s infinite linear;
left: 50%;
top: 50%;
margin-top: -8px;
margin-left: -6px;
}
.load-more-btn a.site-button:hover {
/* background: #efbc44;
border-color: #efbc44;
color: #fff; */
}
.load-more-btn a.site-button:hover {
background: transparent;
border-color: #444b56;
color: #444b56;
}
.load-more-btn a.site-button.ajaxing:hover {
color: transparent;
}
.career-resource-from .form-field .form-group {
width: 100%;
display: flex;
align-items: center;
position: relative;
}
.career-resource-from .form-field .submit-btn {
width: 24%;
}
.career-resource-from .form-field .form-group input {
width: calc(100% - 163px);
border: 1px solid #cbcbcb;
border-radius: 8px;
padding: 12px 22px;
font-size: 14px;
color: #444b56;
width: 100%;
}
.career-resource-from .form-field .form-group input::placeholder {
color: #a4a4a4;
}
.career-resource-from .form-field .form-group button {
width: 163px;
border-radius: 0px 8px 8px 0px;
border: none;
background: #51bfa2;
font-size: 15px;
line-height: 20px;
color: #ffffff;
padding: 12px 40px;
cursor: pointer;
height: 44px;
transition: 0.3s;
font-family: "Red Hat Display";
font-weight: normal;
position: absolute;
right: 0px;
}
.career-resource-from .form-field .form-group button:hover {
background: #444b56;
}
.career-resource-from .form-field .submit-btn a {
background: #444b56;
display: inline-block;
font-size: 16px;
line-height: 21px;
color: #ffffff;
padding: 18px 10px;
cursor: pointer;
height: 60px;
width: 100%;
text-align: center;
border-radius: 8px;
transition: 0.3s;
}
.career-resource-from .form-field .submit-btn a:hover {
background: #51bfa2;
}
.career-resource-from .filter-listing .filter-box {
background: #fff;
border: 1px solid #cbcbcb;
line-height: 18px;
}
.heart-icon {
display: flex;
align-items: center;
justify-content: end;
gap: 12px;
}
.faq-wrapper {
max-width: calc(100% - 450px);
position: relative;
left: 450px;
padding: 0;
box-sizing: border-box;
width: 100%;
}
.faq-contact {
background: rgb(81, 191, 162);
background: linear-gradient(
90deg,
rgba(81, 191, 162, 1) 0%,
rgba(166, 215, 185, 1) 67%,
rgba(251, 238, 207, 1) 100%
);
padding: 60px 0px 40px 0px;
box-shadow: -5px 0px 0px rgb(81, 191, 162);
}
.faq-contact h1 {
margin: 0;
font-size: 32px;
line-height: 40px;
font-weight: 700;
color: #444b56;
}
.faq-wrapper .accordion-container .set .ace-content ul li {
color: #444b56;
font-size: 15px;
list-style: disc;
}
.faq-contact .support-row {
display: flex;
gap: 50px;
align-items: center;
padding: 20px 0 20px;
}
.faq-contact .support-row form h3 {
margin: 0 0 20px;
font-size: 30px;
line-height: 40px;
font-weight: 400;
color: #fff;
}
.faq-contact .support-row form p {
color: #fff;
font-size: 16px;
line-height: 22px;
font-weight: 700;
margin: 0;
}
.faq-contact .support-row form .form-group {
max-width: 600px;
display: flex;
margin: 26px 0 0 0;
flex-wrap: wrap;
position: relative;
}
.faq-contact .support-row form .form-group a {
color: #fff;
position: absolute;
right: 53px;
bottom: -35px;
font-size: 12px;
font-weight: 600;
}
.faq-contact .support-row form input {
width: calc(100% - 160px);
border: none;
border-radius: 8px 0px 0px 8px;
padding: 15px 25px;
font-size: 14px;
}
.faq-contact .support-row form input:focus {
outline: none;
}
.faq-contact .support-row form input::placeholder {
color: #a4a4a4;
}
.faq-contact .support-row form .form-group button {
width: 150px;
border-radius: 0px 8px 8px 0px;
border: none;
background: #51bfa2;
font-size: 16px;
line-height: 21px;
color: #ffffff;
padding: 13px 40px;
cursor: pointer;
}
.faq-contact .support-row form .form-group input[type="submit"] {
width: 150px;
border-radius: 0px 8px 8px 0px;
border: none;
background: #51bfa2;
font-size: 15px;
line-height: 21px;
color: #ffffff;
padding: 13px 40px;
cursor: pointer;
}
.support-row .filter-listing .filter-box {
background: #fff;
padding: 5px 45px 4px 18px;
text-transform: capitalize;
}
.support-row .filter-listing .filter-box button {
top: 8px;
background: #51bfa2;
padding: 0;
right: 7px;
height: 15px;
width: 15px;
font-size: 9px;
line-height: 17px;
}
.faq-categories p {
color: #fff;
font-size: 15px;
line-height: 20px;
margin: 0;
}
.faq-wrapper .accordion-container .set .ace-content ul li b {
font-weight: 600;
}
.faq-categories a {
color: #fff;
display: inline-block;
margin: 0 7px;
position: relative;
}
.faq-categories a:before {
content: "";
height: 17px;
width: 1px;
background: #fff;
position: absolute;
right: -11px;
top: 2px;
}
.faq-categories a:after {
content: "";
height: 2px;
width: 100%;
position: absolute;
bottom: -1px;
left: 0;
background: #fff;
opacity: 0;
}
.faq-categories a.active {
text-shadow: 0px 0px 0px #fff;
}
.faq-categories a.active:after {
opacity: 1;
}
.faq-categories a:last-child:before {
display: none;
}
.faq-contact .support-row form {
width: 70%;
}
.support-row .contact-collunm {
background: #fff;
border-radius: 10px;
width: 30%;
padding: 23px 30px 20px;
}
.support-row .contact-collunm h4 {
margin: 0px 0 10px;
font-size: 18px;
line-height: 25px;
font-weight: 800;
color: #444b56;
}
.support-row .contact-collunm a.button {
width: auto;
background: #444b56;
font-size: 12px;
border-radius: 8px;
padding: 4px 14px;
font-weight: 300;
font-family: "Red Hat Display" !important;
}
.support-row .contact-collunm h6 {
font-size: 13px;
margin: 12px 0 0;
color: #444b56;
}
.support-row .contact-collunm ul {
margin: 0;
padding: 0;
list-style: none;
}
.support-row .contact-collunm ul li a {
font-family: "Red Hat Display", sans-serif !important;
color: #444b56;
font-weight: 100 !important;
text-decoration: underline;
font-size: 13px;
}
.faq-wrapper .accordion-container {
padding: 70px 0 30px;
}
.faq-wrapper .accordion-container .set > a {
font-size: 16px;
line-height: 21px;
font-weight: 700;
}
.faq-wrapper .accordion-container .set {
border-radius: 20px 20px 0 0;
padding: 26px;
}
.faq-wrapper .accordion-container .set a i {
color: #4cc3a5;
font-size: 26px;
top: -1px;
}
.faq-wrapper .accordion-container .set .ace-content p {
color: #444b56;
font-size: 15px;
}
/* new-job-board */
.competencies-modal table.acf-table td.acf-field select {
height: 35px;
}
.competencies-modal table.acf-table td.acf-field .acf-input {
padding: 0 5px;
}
.competencies-modal .acf-input .acf-actions {
padding: 0 22px 0 47px;
}
.edit-modal__form.competencies-modal
.acf-field-repeater
.acf-table
.acf-row:not(:first-of-type)
td {
border: none;
}
.preferences-acf-modal .acf-checkbox-list li {
margin: 0 0 8px;
padding: 0 0 0 24px;
}
.preferences-acf-modal .acf-checkbox-list li input {
position: absolute;
width: 100% !important;
margin: 0 !important;
height: 16px;
left: 0;
z-index: 99;
opacity: 0;
}
.preferences-acf-modal .acf-checkbox-list li label:before {
content: "";
font-size: 19px;
opacity: 1;
height: 15px;
width: 15px;
background: #fff;
border: 1px solid #444b56;
border-radius: 3px;
top: 2px;
position: absolute;
left: 0;
}
.preferences-acf-modal .acf-checkbox-list li label:after {
content: "\f00c";
font-size: 11px;
left: 3px;
top: 0px;
color: #ffffff;
position: absolute;
font-family: "Font Awesome 5 Pro";
opacity: 0;
}
.preferences-acf-modal .acf-checkbox-list li label.selected:before {
border-color: #4cc3a5;
background: #4cc3a5;
}
.preferences-acf-modal .acf-checkbox-list li label.selected:after {
opacity: 1;
}
.preferences-acf-modal .acf-checkbox-list:focus-within {
border: none !important;
}
.preferences-acf-modal .acf-checkbox-list {
border: none !important;
}
.filter-toggle {
position: fixed;
color: #fff;
transition: 0.5s;
left: 0;
top: 145px;
z-index: 99999;
display: none;
background: #fff;
color: #000;
padding: 9px 12px 8px 8px;
border-radius: 0px 5px 5px 0px;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
font-size: 17px;
}
.board-logos-section .slick-prev {
left: -20px;
}
.board-logos-section .slick-next {
right: -20px;
}
.edit-modal__form .acf-field-image .file-name-wrap {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 200px;
}
.dashboard-collunm.mobile {
display: none;
}
.left-nav-header__menu
.menu-list
.menu-item.has-sub.quick-links.open
> i:last-of-type {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
.left-nav-header__menu
.menu-list
.menu-item.has-sub.quick-links
> i:last-of-type {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.sidebar__content-box .profile__term {
position: relative;
padding-right: 30px;
}
.profile__term .experience-years {
position: absolute;
right: 8px;
height: 16px;
width: 16px;
text-align: center;
background: #444b56;
border-radius: 100%;
color: #fff;
font-size: 9px;
line-height: 16px;
top: 6px;
}
.center-column__grid-column ul li i {
top: 6px;
}
.no-match-keywords {
text-align: center;
font-weight: 600;
color: #f06529;
margin: 0;
font-size: 17px;
}
.single-job-page {
padding: 190px 0 0;
}
.single-job-page .back-button a {
color: #444b56;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.0714em;
}
.single-job-page .back-button i {
font-size: 15px;
}
.job-content-container {
display: flex;
gap: 12px;
align-items: flex-start;
margin: 80px 0 50px;
}
.job-content-container .detail-bar {
/* width: 72%;
background: #fff;
box-shadow: 0px 12px 66.8px rgba(0, 0, 0, 0.08);
border-radius: 16px;
padding: 38px 65px 200px; */
}
.job-content-container .detail-bar {
width: 72%;
/* background: #fff;
box-shadow: 0px 12px 66.8px rgba(0, 0, 0, 0.08);
border-radius: 16px;
padding: 38px 65px 200px; */
background: transparent;
box-shadow: none;
padding: 0px 40px 150px;
font-size: 16px;
line-height: 22px;
}
.job-content-container .related-single-job {
width: 28%;
}
.job-content-container .left-bar {
/* width: 100%;
background: #fff;
box-shadow: 0px 12px 66.8px rgba(0, 0, 0, 0.08);
border-radius: 16px;
padding: 50px 30px 100px 35px;
max-height: 620px;
overflow-x: auto; */
}
.job-content-container .left-bar {
width: 100%;
background: transparent;
box-shadow: 0px 12px 66.8px rgba(0, 0, 0, 0.08);
border-radius: 16px;
padding: 0px 30px 100px 0px;
max-height: 620px;
overflow-x: auto;
box-shadow: none;
}
.job-content-container .left-bar::-webkit-scrollbar-track,
.career-page-side-bar .left-bar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
border-radius: 10px;
background-color: #f5f5f5;
}
.job-content-container .left-bar::-webkit-scrollbar,
.career-page-side-bar .left-bar::-webkit-scrollbar {
width: 8px;
background-color: #f5f5f5;
}
.job-content-container .left-bar::-webkit-scrollbar-thumb,
.career-page-side-bar .left-bar::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #9f9f9f;
}
.job-content-container .left-bar .heading h3 {
margin: 0;
font-size: 20px;
color: #000;
font-family: "Muli", sans-serif !important;
line-height: 37px;
font-weight: bold;
}
.job-content-container .left-bar .heading p {
margin: 0;
font-size: 20px;
color: #a4a4a4;
font-family: "Red Hat Display", sans-serif !important;
}
.job-content-container .left-bar .heading {
margin: 0 0 25px;
}
.job-content-container .left-bar .jobs-list a {
display: flex;
align-items: center;
gap: 25px;
border-bottom: 1px solid #a4a4a466;
padding: 30px 0;
}
.job-content-container .left-bar .jobs-list .image img {
width: 60px;
height: 60px;
border-radius: 100%;
}
.job-content-container .left-bar .jobs-list .title label {
color: #444b56;
font-family: "Inter", sans-serif !important;
font-size: 16px;
font-weight: 600;
margin: 0 0 3px;
overflow: hidden;
width: 100%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
cursor: pointer;
transition: 0.3s;
line-height: 22px;
}
.job-content-container .left-bar .jobs-list a:hover .title label {
color: #4cc3a5;
}
.job-content-container .left-bar .jobs-list .title span {
color: #a4a4a4;
font-size: 13px;
font-weight: 500;
}
.detail-bar .top-bar {
display: flex;
gap: 30px;
align-items: center;
width: 100%;
border-bottom: 1px solid #cccccc;
padding: 0 0 50px;
margin: 0;
}
.detail-bar .top-bar .job-main-detail h3 {
font-size: 24px;
color: #444b56;
line-height: 32px;
font-family: "Inter", sans-serif !important;
margin: 8px 0 4px;
font-weight: 600;
}
.detail-bar .top-bar .job-main-detail h6 {
margin: 0 0 6px;
color: #a4a4a4;
font-size: 16px;
font-family: "Inter", sans-serif !important;
font-weight: 400;
line-height: 22px;
}
.detail-bar .top-bar .job-main-detail p {
color: #444b56;
font-family: "Inter", sans-serif !important;
font-size: 15px;
font-weight: 600;
line-height: 20px;
margin: 0 0 6px;
}
.detail-bar .top-bar .job-main-detail label {
margin: 4px 0 0;
color: #a4a4a4;
font-size: 15px;
font-family: "Inter", sans-serif !important;
font-weight: 400;
line-height: 21px;
display: block;
}
.detail-bar .top-bar .image img {
width: 100%;
}
.detail-bar .top-bar .image {
width: 15%;
}
.detail-bar .top-bar .job-main-detail {
width: 65%;
}
.detail-bar .top-bar .apply-detail {
width: 13%;
text-align: center;
}
.about-gsv-conference span.tag {
display: inline-block;
color: #fff;
border-radius: 16px 0px 16px 0px;
font-size: 14px;
font-family: "Red Hat Display" !important;
font-weight: 600;
padding: 7px 18px 5px;
line-height: 19px;
margin: 0;
position: relative;
top: 0px;
background: #efbc44e0;
}
.single-careeer .detail-bar .top-bar {
border-bottom: none !important;
}
.discription-bar .tag {
display: inline-block;
color: #fff;
border-radius: 16px 0px 16px 0px;
font-size: 14px;
font-family: "Red Hat Display" !important;
font-weight: 600;
padding: 7px 18px 5px;
line-height: 19px;
margin: 0;
position: relative;
top: -25px;
background: #efbc44e0;
}
.discription-bar .tag.green {
background-color: #4bc3a4;
}
.detail-bar .discription-bar p {
font-size: 16px;
font-family: "Inter", sans-serif;
color: #444b56;
line-height: 22px;
margin: 0 0 16px;
}
.discription-bar h6 {
font-size: 16px;
font-family: "Inter", sans-serif !important;
color: #444b56;
line-height: 22px;
margin: 25px 0 5px;
font-weight: normal;
}
.detail-bar .discription-bar a {
text-decoration: underline;
font-family: "Inter", sans-serif;
}
.detail-bar .discription-bar ul {
padding: 0 0 0 22px;
margin: 0 0 28px;
}
.detail-bar .bottom-bar {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 40px 0 0;
}
.bottom-bar .apply-button {
width: 100%;
}
.bottom-bar .report-bar {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin: 40px 0 0;
}
.bottom-bar .apply-button a.button {
width: auto;
font-size: 16px;
padding: 16px 30px;
font-family: "Inter", sans-serif !important;
font-weight: normal;
}
.bottom-bar .apply-button a.button:hover {
background: #444b56;
}
.bottom-bar .report-bar p {
margin: 0;
color: #a4a4a4;
font-family: "Inter", sans-serif;
font-size: 15px;
}
.bottom-bar .report-bar a {
font-family: "Inter", sans-serif;
color: #a4a4a4;
text-decoration: underline;
font-size: 13px;
line-height: 16px;
font-weight: 600;
}
.detail-bar .top-bar .apply-detail ul {
display: flex;
list-style: none;
gap: 25px;
padding: 0;
justify-content: center;
margin: 0 0 25px;
}
.detail-bar .top-bar .apply-detail ul a {
font-size: 28px;
color: #d9d9d9;
}
.detail-bar .top-bar .apply-detail ul a:hover {
color: #4cc3a5;
}
.apply-detail .apply-button a.button {
width: auto;
font-size: 16px;
padding: 16px 30px;
font-family: "Inter", sans-serif !important;
font-weight: normal;
}
.apply-button a.button.green.apply-job-click.for-mobile {
display: none;
}
.apply-detail .apply-button a.button:hover {
background: #444b56;
}
.detail-bar .top-bar .apply-detail label {
color: #a4a4a4;
margin: 7px 0 0px;
display: inline-block;
font-size: 14px;
line-height: 20px;
}
.detail-bar .discription-bar ul li {
font-size: 16px;
font-family: "Inter", sans-serif;
color: #444b56;
line-height: 22px;
}
.single-job-page .new-container {
padding: 0;
}
.career-board-modal .modal-body {
max-width: 1200px;
background: #444b56;
border-radius: 0;
padding: 0;
}
.career-board-modal .modal-content .top-part {
padding: 103px 145px 50px;
}
.career-board-modal .top-part h2 {
margin: 0 0 30px;
font-family: "Red Hat Display" !important;
font-size: 36px;
color: #fff;
}
.career-board-modal .top-part p {
max-width: inherit;
color: #fff;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: normal;
line-height: 24px;
margin: 0 0 20px;
}
.career-board-modal .top-part p.yellow {
color: #efbc44;
}
.career-board-modal .top-part form {
display: flex;
gap: 35px;
max-width: 820px;
flex-wrap: wrap;
align-items: center;
}
.career-board-modal .top-part form ul.user-list {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
}
.career-board-modal .top-part form ul.user-list img {
width: 30px;
height: 30px;
display: block;
border-radius: 100%;
object-fit: cover;
}
.career-board-modal .top-part form ul.user-list li {
margin: 0 0 0 -10px;
}
.career-board-modal .top-part form .form-group {
width: 47%;
}
.career-board-modal .top-part form .form-group input {
border-radius: 8px;
font-size: 10px;
font-family: "Inter", sans-serif;
width: 100%;
padding: 11px 12px;
border: none;
box-shadow: 0px 4px 7px #0000004d;
color: #444b56;
}
.career-board-modal .top-part form .form-group input::placeholder {
color: #a4a4a4;
}
.career-board-modal .top-part form .form-button button {
background: #efbc44;
border: none;
box-shadow: 0px 4px 7px #0000004d;
border-radius: 8px;
color: #fff;
font-size: 16px;
padding: 10px 29px;
cursor: pointer;
}
.career-board-modal .midd-part {
background: #fff;
padding: 40px 145px 20px;
}
.career-board-modal .midd-part h3 {
color: #444b56;
font-family: "Red Hat Display" !important;
font-size: 30px;
margin: 0 0 35px;
}
.career-board-modal .midd-part ul {
margin: 0;
padding: 0 0 0 25px;
}
.career-board-modal .midd-part li {
font-size: 20px;
line-height: 22px;
font-family: "Inter", sans-serif;
margin: 0 0 30px;
color: #444b56;
}
.career-board-modal .midd-part li b {
color: #000;
font-weight: 800;
}
.career-board-modal .bottom-area {
padding: 70px 145px 90px;
}
.career-board-modal .bottom-area h3 {
margin: 0 0 35px;
color: #51bfa2;
font-family: "Inter", sans-serif !important;
font-size: 30px;
font-weight: 700;
line-height: 36px;
}
.career-board-modal .bottom-area p {
max-width: inherit;
color: #fff;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: normal;
line-height: 24px;
margin: 0 0 20px;
}
.career-board-modal .bottom-area ul {
padding: 0 0 0 25px;
margin: 0 0 50px;
}
.career-board-modal .bottom-area ul li {
font-size: 18px;
color: #fff;
font-family: "Inter", sans-serif;
margin: 0 0 3px;
}
.career-board-modal.overlay--active {
z-index: 9999;
}
.career-board-modal {
overflow-y: scroll;
z-index: 9999;
}
.career-board-modal .modal-wrapper {
width: 100%;
padding: 40px 0;
position: absolute;
top: 0;
display: flex;
justify-content: center;
}
.career-board-modal .modal-body .modal-close {
width: 58px;
height: 58px;
background: #cef9ee;
border-radius: 100%;
text-align: center;
line-height: 66px;
right: 50px;
top: 30px;
}
.career-board-modal .modal-body .modal-close i {
color: #51bfa2;
font-size: 33px;
-webkit-text-stroke: 1px #cef9ee;
}
.report-job-modal .modal-body {
max-width: 600px;
width: 100%;
padding: 42px 38px;
border-radius: 16px;
margin-top: 70px;
}
.report-job-modal {
z-index: 9999;
}
.report-job-modal .modal-header {
border-bottom: 1px solid #cccccc;
position: relative;
padding: 0 0 24px;
margin: 0 0 20px;
}
.report-job-modal .modal-header h2 {
margin: 0;
font-size: 38px;
color: #000000;
font-family: "Red Hat Display" !important;
line-height: 46px;
}
.report-job-modal .modal-header .modal-close {
right: 15px;
background: #cef9ee;
height: 47px;
width: 47px;
top: 0;
text-align: center;
line-height: 50px;
border-radius: 100%;
}
.report-job-modal .modal-header .modal-close i {
color: #51bfa2;
-webkit-text-stroke: 1px #cef9ee;
}
.report-job-modal .modal-content .title-part {
text-align: center;
margin: 0 0 23px;
}
.report-job-modal .modal-content .title-part h5 {
color: #51bfa2;
font-family: "Red Hat Display" !important;
font-size: 24px;
line-height: 32px;
margin: 13px 0 0;
}
.report-job-modal form .form-group label {
display: block;
color: #444b56;
font-size: 15px;
font-weight: bold;
font-family: "Red Hat Display" !important;
margin: 0 0 8px;
}
.report-job-modal form .form-group {
margin: 0 0 14px;
}
.report-job-modal form .form-group input {
border: 1px solid #444b567d;
border-radius: 8px;
height: 42px;
font-size: 14px;
font-weight: normal;
width: 100%;
padding: 10px;
}
.report-job-modal form .form-group textarea {
border: 1px solid #444b567d;
border-radius: 8px;
height: 135px;
font-size: 14px;
font-weight: normal;
width: 100%;
padding: 10px;
}
.report-job-modal form .logo-upload-wrap .logo-upload {
position: relative;
width: 100%;
height: 170px;
border: 1px solid #444b567d !important;
border-radius: 8px !important;
background: #fff;
color: transparent;
}
.report-job-modal form .form-group .logo-upload-status p {
color: #a4a4a4;
font-size: 14px;
font-weight: normal;
margin: 0;
}
.report-job-modal form .logo-upload-wrap {
position: relative;
}
.report-job-modal form .form-group .logo-upload-status {
position: absolute;
text-align: center;
padding: 0 10px;
left: 50%;
transform: translate(-50%, 0);
color: #a4a4a4;
opacity: 1;
pointer-events: none;
}
.report-job-modal form .form-group .logo-upload-status a {
color: #51bfa2;
text-decoration: underline;
}
.report-job-modal form .form-buttons {
display: flex;
margin: 20px 0 0;
gap: 20px;
}
.report-job-modal form .form-buttons button.button.white {
background: #fff !important;
color: #444b56;
font-size: 16px;
font-weight: normal;
font-family: "Red Hat Display" !important;
border: 1px solid #444b56;
max-width: 185px;
cursor: pointer;
padding: 12px 16px;
}
.report-job-modal form .form-buttons button.button.green {
font-size: 16px;
font-weight: normal;
font-family: "Red Hat Display" !important;
border: 1px solid #4cc3a5;
cursor: pointer;
padding: 12px 16px;
}
.report-job-modal form .logo-upload-wrap .logo-upload input {
height: 100%;
}
.report-job-modal .modal-content {
padding: 0 15px;
}
.report-job-modal form .form-group textarea::placeholder {
color: #a4a4a4;
}
.report-job-modal form .form-buttons button.button.green:hover {
background: #444b56;
border-color: #444b56;
}
.report-job-modal .modal-wrapper {
width: 100%;
padding: 20px 0;
position: absolute;
top: 0;
display: flex;
justify-content: center;
}
.report-job-modal {
overflow-y: scroll;
z-index: 9999;
}
.career-resource-from .filter-listing a.remove-search-tag {
color: #464b55;
font-size: 11px;
font-family: "Red Hat Display", sans-serif !important;
padding: 8px 38px 7px 10px;
border-radius: 8px;
position: relative;
background: #fff;
border: 1px solid #cbcbcb;
line-height: 18px;
font-weight: 100;
}
.career-resource-from .filter-listing a.remove-search-tag i {
font-style: normal;
color: #444b56;
background: transparent;
line-height: 18px;
padding: 0px 0;
font-size: 14px;
right: 10px;
position: absolute;
}
.form-left-side .job-search-create-alert {
width: 100%;
margin: 15px 0 0;
text-align: center;
}
.form-left-side .job-search-create-alert a {
font-size: 14px;
min-height: 40px;
letter-spacing: 0.07143em;
max-width: 600px;
}
.form-left-side .job-search-alert-wrap {
margin: 0 0 16px;
}
.form-left-side .job-search-alert-wrap .job-search-create-alert.inactive {
display: none;
}
.jobs-listing .job-collunm .job-img img {
height: 70px;
width: 70px;
border-radius: 100%;
background: #ddd;
object-fit: contain;
}
.faq-wrapper .faq-container {
max-width: 1140px;
}
.faq-wrapper .accordion-container {
max-width: 1140px;
}
.job-form-bottom {
display: flex;
}
.job-form-bottom .job-form-row {
width: 50%;
}
.job-form-bottom .job-actions {
width: 50%;
}
.job-form-bottom .job-form-row .job-form-cancel a.close-btn {
min-width: auto;
max-width: 120px;
}
.job-form-bottom .job-form-row .job-form-cancel {
margin: 40px 0 0;
}
.profile_progress_bar_wrapper .progress_bars_steps .availability-check {
padding: 5px 12px;
cursor: pointer;
background: #51bfa2;
border: none;
color: #fff;
font-family: "Red Hat Display", sans-serif !important;
display: flex;
align-items: center;
}
.profile_progress_bar_wrapper .progress_bars_steps .availability-check i {
margin: 0 6px 0 0px;
}
.profile_progress_bar_wrapper
.progress_bars_steps
.availability-check
span.js-availability-text {
color: #fff;
font-size: 12px;
font-weight: normal;
}
.profile_progress_bar_wrapper .progress_bars_steps .availability-check:hover {
background: #444b56;
}
.board-logos-slider button.slick-arrow {
background: transparent;
}
.board-logos-slider button.slick-arrow::before {
color: #878787;
}
.jobs-listing .job-collunm .job-discription .job-location p {
margin: 3px 0 0;
color: #a4a4a4;
font-size: 14px;
font-family: "Red Hat Display" !important;
font-weight: 400;
line-height: 20px;
}
.jobs-listing .job-collunm .job-heart-icon label.date {
margin: 35px 0 0;
color: #a4a4a4;
font-size: 14px;
font-family: "Red Hat Display" !important;
font-weight: 400;
line-height: 20px;
display: block;
}
.jobs-listing .job-collunm .job-discription .job-location p span {
margin: 0 3px 0 0px;
}
.job-type-logoutfilter ul {
margin: 17px 0 28px;
padding: 0;
list-style: none;
display: block;
}
.job-type-logoutfilter .expand {
color: #444b56;
font-size: 16px;
font-family: "Red Hat Display" !important;
cursor: pointer;
margin: 20px 0 0;
text-transform: capitalize;
font-weight: bold;
}
.job-type-logoutfilter .expand span {
display: inline-block;
font-size: 17px;
margin: 0 0 0 2px;
position: relative;
transform: rotate(90deg);
}
.job-type-logoutfilter ul li {
position: relative;
font-size: 15px;
color: #444b56;
margin: 0 0 12px;
font-weight: 400;
line-height: 18px;
padding: 0 42px 0 26px;
}
.job-type-logoutfilter ul li input {
width: 100%;
position: absolute;
opacity: 0;
z-index: 99;
left: 0;
margin: 0;
height: 19px;
}
.job-type-logoutfilter ul li span:before {
content: "";
height: 14px;
width: 14px;
position: absolute;
border: 1px solid #444b56;
border-radius: 3px;
left: 0;
top: 0;
}
.job-type-logoutfilter ul li span:after {
content: "\f00c";
font-size: 11px;
left: 3px;
top: -1px;
color: #fff;
font-family: "Font Awesome 5 Pro";
position: absolute;
opacity: 0;
}
.job-type-logoutfilter ul li input:checked ~ span:before {
border-color: #444b56;
background: #444b56;
}
.job-type-logoutfilter ul li input:checked ~ span:after {
opacity: 1;
}
.careerResource .job-form-sep {
margin: 0px 0 32px;
}
@media all and (max-width: 1699px) {
.teammate-sidebar {
max-width: 370px;
padding: 0 0 0px 110px;
}
.teammate-sidebar .left-nav-header-wrap {
padding: 50px 40px 60px 0;
}
.dashboard-wrapper {
max-width: calc(100% - 510px);
left: 370px;
padding: 50px 0px 50px 8px;
}
.dashboard-collunm .add-buttons a {
padding: 4px 20px;
}
.dashboard-collunm .add-buttons a i {
margin: 0 8px 0 0;
font-size: 16px;
}
.dashboard-box ul {
margin: 14px 0;
}
.pool-collunm ul {
margin: 30px 20px 0 0;
}
.steps-container .steps span {
width: 50px;
}
.article-slider .item-content p {
font-size: 15px;
}
.filter-listing .filter-box {
padding: 7px 38px 7px 8px;
}
.main-collunm .tabs-nav ul li a {
min-height: 125px;
}
.dashboard-collunm .dashboard-box {
padding: 20px 26px 20px 20px;
}
.main-collunm .dashboard-collunm.small-height .dashboard-box {
min-height: 125px;
}
.faq-wrapper {
max-width: calc(100% - 370px);
left: 370px;
}
.faq-contact {
padding: 50px 0px 40px 0px;
}
.faq-contact .support-row {
gap: 40px;
}
.support-row .contact-collunm {
width: 30%;
padding: 20px 30px 20px;
}
.support-row .contact-collunm h4 {
font-size: 18px;
}
.faq-categories p {
margin: 0;
}
.faq-contact .support-row form .form-group {
max-width: 600px;
display: flex;
margin: 24px 0 0 0;
}
.faq-contact .support-row form h3 {
margin: 0 0 18px;
font-size: 28px;
}
.faq-wrapper .accordion-container {
padding: 60px 10px 30px;
max-width: 1060px;
}
.faq-container {
max-width: 1060px;
}
.faq-wrapper .faq-container {
max-width: 1060px;
}
.dashboard-collunm .add-buttons {
gap: 20px;
}
.main-collunm .tab-collunm:before {
height: 125px;
top: -125px;
}
}
@media all and (max-width: 1499px) {
.teammate-sidebar {
max-width: 300px;
padding: 0px 0px 0px 50px;
}
.teammate-sidebar .left-nav-header-wrap {
padding: 40px 20px 60px 0px;
}
.dashboard-wrapper {
max-width: calc(100% - 360px);
left: 300px;
padding: 50px 0px 50px 8px;
}
.dashboard-collunm .dashboard-box {
padding: 20px 30px 20px 20px;
}
.main-collunm .tabs-nav ul li a {
font-size: 13px;
}
.main-collunm .tabs-nav ul li a strong {
font-size: 22px;
line-height: 24px;
}
.main-collunm .dashboard-collunm .collunm-heading h3 {
font-size: 20px;
line-height: 26px;
padding: 0 0 22px;
}
.add-resources .resoureces-skill p {
font-size: 13px;
padding: 0 40px 0 0;
}
.steps-container p {
font-size: 14px;
}
.steps-container .steps h6 {
font-size: 17px;
line-height: 28px;
}
.dashboard-collunm .teammate-profile h4 {
font-size: 17px;
}
.filter-listing .filter-box {
padding: 6px 37px 6px 8px;
}
.teammate-profile .profile-info .profile-contant .rang {
gap: 13px 17px;
}
.faq-wrapper {
max-width: calc(100% - 300px);
left: 300px;
}
.board-content h1 {
/* font-size: 50px;
line-height: 65px; */
}
.board-nav ul li a {
/* font-size: 24px;
line-height: 32px; */
}
.board-nav {
/* margin: 0 0 20px; */
}
.board-banner .board-content {
max-width: 1000px;
}
.career-resource-from .post-job-btn a {
/* padding: 17px 60px;
min-width: 200px; */
}
.faq-wrapper .accordion-container {
max-width: 980px;
}
.faq-container {
max-width: 980px;
}
.faq-wrapper .faq-container {
max-width: 980px;
}
}
@media all and (max-width: 1366px) {
.brand-items img {
height: 45px !important;
width: 150px;
}
.teammate-sidebar .left-nav-header__top {
margin: 0 0 40px;
}
.teammate-sidebar .menu-list li.menu-item .menu-link {
gap: 15px;
}
.teammate-sidebar .left-nav-header__menu .menu-list .menu-item.quick-links {
margin-top: 40px;
}
.teammate-sidebar
.left-nav-header__menu
.menu-list
.menu-item.logout-item
a.menu-link {
padding: 10px 40px;
max-width: 170px;
}
.teammate-sidebar {
max-width: 270px;
padding: 0 0 0 40px;
}
.teammate-sidebar .left-nav-header-wrap {
padding: 40px 20px 50px 0;
}
.dashboard-wrapper {
max-width: calc(100% - 270px);
left: 270px;
padding: 42px 40px 40px 8px;
}
.dashboard-collunm .dashboard-box {
padding: 15px 20px 15px 15px;
min-height: 260px;
}
.dashboard-collunm .add-buttons a i {
margin: 0 8px 0 0;
}
.dashboard-collunm .teammate-profile .profile-info .profile-image {
width: 80px;
height: 80px;
margin: 0 20px 0 0;
}
.dashboard-collunm .teammate-profile .profile-info .profile-image img {
width: 80px;
height: 80px;
}
.tab-collunm .job-logo {
min-width: 50px;
min-height: 50px;
margin: 0 20px 0 0;
height: 50px;
width: 50px;
}
.dashboard-box .job-alert p {
font-size: 13px;
}
.tab-collunm .job-deta {
min-width: 90px;
}
.tab-collunm .job-detail {
width: calc(100% - 210px);
}
.main-collunm .tab-collunm a {
margin: 0 0 35px;
}
.article-slider .item-content h2 {
font-size: 24px;
line-height: 32px;
}
.article-slider .item-content h3 {
font-size: 19px;
line-height: 26px;
}
.steps-container .steps span {
width: 50px;
margin: 0 6px 0 0;
}
.steps-container p {
font-size: 13px;
}
.pool-collunm p {
font-size: 13px;
}
.pool-collunm ul strong {
font-size: 34px;
line-height: 44px;
}
.pool-collunm .go-live .live-switch h4 {
font-size: 18px;
line-height: 22px;
}
.dashboard-box .add-resources p {
font-size: 13px;
}
.dashboard-collunm .add-buttons a {
padding: 4px 16px;
font-size: 13px;
}
.main-collunm .tabs-nav ul li a {
font-size: 12px;
min-height: 110px;
}
.dashboard-collunm .collunm-heading .edit label {
font-size: 11px;
margin: 0 8px 0 0;
}
.dashboard-collunm .teammate-profile .profile-info {
margin: 15px 0 0;
}
.add-resources .resoureces-skill .skill-container label {
font-size: 11px;
line-height: 14px;
}
.add-resources .resoureces-skill .skill-container ul li {
font-size: 11px;
line-height: 14px;
}
.dashboard-box .add-resources p i {
font-size: 20px;
margin: 0 0 0 5px;
}
.main-collunm .dashboard-collunm.small-height .dashboard-box {
min-height: 110px;
}
.teammate-profile .profile-info .add-skill input {
height: 32px;
}
.teammate-profile .profile-info .add-skill button {
right: 9px;
top: 9px;
height: 15px;
width: 15px;
}
.dashboard-box ul li {
font-size: 13px;
}
.teammate-sidebar .left-nav-header__top img {
width: 130px;
}
.teammate-sidebar .menu-list li .menu-link,
.teammate-sidebar .menu-list li .menu-link span {
font-size: 14px;
line-height: 20px;
}
.teammate-sidebar .menu-list li.menu-item.has-sub span {
font-size: 14px;
line-height: 20px;
}
.teammate-sidebar .menu-list li.menu-item.has-sub i.fas.fa-cog {
margin-right: 15px;
}
.left-nav-header__menu
.menu-list
.menu-item.has-sub
.sub-menu-list
li
.sub-menu-link
.sub-menu-span {
font-size: 14px;
}
.left-nav-header__menu
.menu-list
.menu-item.has-sub
.sub-menu-list
li
.sub-menu-link
i {
font-size: 16px !important;
width: 17px;
}
.teammate-sidebar .menu-list li.menu-item .menu-link i {
font-size: 18px !important;
}
.teammate-sidebar
.left-nav-header__menu
.menu-list
.menu-item.quick-links
li
a,
.teammate-sidebar
.left-nav-header__menu
.menu-list
.menu-item.quick-links
li
span {
font-size: 14px !important;
}
.teammate-sidebar
.left-nav-header__menu
.menu-list
.menu-item.quick-links
label {
margin: 0 0 15px;
font-size: 18px;
line-height: 20px;
}
.faq-wrapper {
max-width: calc(100% - 270px);
left: 270px;
}
.faq-contact {
padding: 40px 0px 30px 0px;
}
.faq-contact h1 {
font-size: 30px;
line-height: 40px;
}
.faq-wrapper .accordion-container .set > a {
font-size: 14px;
line-height: 20px;
font-weight: 700;
}
.faq-wrapper .accordion-container .set {
padding: 22px;
}
.faq-wrapper .accordion-container .set a i {
font-size: 22px;
}
.faq-contact .support-row form h3 {
margin: 0 0 12px;
font-size: 26px;
}
.faq-contact .support-row form p {
font-size: 14px;
line-height: 22px;
}
.faq-contact .support-row form input {
width: calc(100% - 130px);
padding: 10px 20px;
font-size: 13px;
}
.faq-wrapper .accordion-container .set .ace-content a {
font-size: 13px;
}
.faq-contact .support-row form .form-group a {
right: 42px;
}
.faq-contact .support-row form .form-group button {
width: 130px;
font-size: 16px;
line-height: 21px;
padding: 13px 40px;
}
.faq-categories p {
font-size: 14px;
}
.faq-contact .support-row form .form-group input[type="submit"] {
width: 130px;
font-size: 15px;
line-height: 21px;
padding: 11px 40px;
}
.faq-contact .support-row form .form-group {
max-width: 520px;
}
.faq-contact .support-row form {
width: 65%;
}
.support-row .contact-collunm {
width: 35%;
padding: 16px 25px 18px;
}
.faq-wrapper .accordion-container {
padding: 60px 10px 30px;
max-width: 870px;
}
.faq-container {
max-width: 870px;
padding: 0 10px 0;
}
.faq-wrapper .faq-container {
max-width: 870px;
}
.tab-collunm .see-all a {
margin-bottom: 20px;
}
.tab-collunm .tab-content-list {
max-height: 200px;
min-height: 200px;
}
.dashboard-wrapper .name-heading {
margin: 0 0 15px;
}
.main-collunm .tab-collunm:before {
height: 110px;
top: -110px;
}
.board-tabs .new-container,
.single-job-page .new-container {
max-width: 1170px;
}
.board-sidebar .job-type-filter h4 {
margin: 20px 0 18px;
font-size: 22px;
}
.board-sidebar {
/* width: 340px;
box-shadow: -320px 0px 0px #444B56;
padding: 45px 32px 130px 0; */
}
.board-job-section {
/* width: calc(100% - 356px); */
}
.board-sidebar .job-type-filter ul li {
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding: 0 42px 0 24px;
}
.board-sidebar .job-type-filter ul li span:before {
content: "";
height: 14px;
width: 14px;
}
.job-type-logoutfilter ul li {
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding: 0 42px 0 24px;
}
.job-type-logoutfilter ul li span:before {
content: "";
height: 14px;
width: 14px;
}
.job-type-logoutfilter .expand {
font-size: 15px;
}
.board-sidebar .account-btn a {
/* font-size: 18px;
line-height: 24px;
padding: 13px 24px; */
}
.career-resource-from .form-field .submit-btn {
width: 27%;
}
.career-resource-from .form-field .form-group {
width: 100%;
}
.career-resource-from .filter-listing .filter-box button {
right: 5px;
}
.job-collunm .job-discription h3 {
/* font-size: 20px;
line-height: 28px; */
}
.job-collunm .job-discription h6 {
/* font-size: 18px; */
}
.job-collunm .job-discription p {
/* font-size: 14px; */
}
.jobs-listing .job-collunm .job-img a {
padding: 65px 0;
}
.career-board-modal .modal-body {
max-width: 940px;
}
.career-board-modal .modal-content .top-part {
padding: 90px 85px 40px;
}
.career-board-modal .midd-part {
padding: 40px 85px 20px;
}
.career-board-modal .bottom-area {
padding: 60px 85px 70px;
}
.career-board-modal .midd-part li {
font-size: 18px;
line-height: 21px;
margin: 0 0 24px;
}
.career-board-modal .midd-part h3 {
font-size: 25px;
margin: 0 0 30px;
}
.career-board-modal .top-part h2 {
margin: 0 0 20px;
font-size: 32px;
}
.career-board-modal .top-part p {
font-size: 16px;
line-height: 22px;
margin: 0 0 15px;
}
.career-board-modal .top-part form {
gap: 25px;
max-width: 700px;
}
.career-board-modal .bottom-area h3 {
margin: 0 0 28px;
font-size: 26px;
line-height: 34px;
}
.career-board-modal .bottom-area ul li {
font-size: 16px;
margin: 0 0 3px;
}
.career-board-modal .modal-body .modal-close {
width: 48px;
height: 48px;
line-height: 55px;
right: 40px;
top: 25px;
}
.career-board-modal .modal-body .modal-close i {
font-size: 28px;
}
.single-job-page .back-button a {
/* font-size: 22px; */
}
.job-content-container {
margin: 50px 0 50px;
}
.job-content-container .left-bar {
/* padding: 40px 20px 90px 25px; */
}
.job-content-container .left-bar .heading h3 {
/* font-size: 24px;
line-height: 30px; */
}
.job-content-container .left-bar .heading {
/* margin: 0 0 50px; */
}
.job-content-container .left-bar .jobs-list a {
gap: 20px;
padding: 15px 0;
}
.job-content-container .detail-bar {
border-radius: 16px;
padding: 38px 50px 150px;
}
.detail-bar .bottom-bar {
margin: 40px 0 0;
}
.bottom-bar .report-bar {
margin: 40px 0 0;
}
.report-job-modal .modal-body {
max-width: 520px;
padding: 32px 28px;
}
.report-job-modal .modal-content {
padding: 0 7px;
}
.report-job-modal .modal-header h2 {
font-size: 30px;
line-height: 38px;
}
.report-job-modal .modal-header .modal-close {
right: 10px;
height: 42px;
width: 42px;
line-height: 46px;
}
.report-job-modal .modal-content .title-part {
margin: 0 0 25px;
}
.report-job-modal .modal-content .title-part h5 {
font-size: 22px;
line-height: 30px;
}
.report-job-modal form .form-group textarea {
height: 115px;
}
.report-job-modal form .logo-upload-wrap .logo-upload {
height: 150px;
}
.report-job-modal .modal-header {
padding: 0 0 18px;
margin: 0 0 15px;
}
.faq-wrapper .accordion-container .set .ace-content ul li {
font-size: 13px;
}
.faq-wrapper .accordion-container .set .ace-content p {
font-size: 13px;
margin: 20px 0 0 0;
}
.support-row .contact-collunm h4 {
font-size: 16px;
}
.detail-bar .top-bar .image a {
height: 114px;
}
}
@media all and (max-width: 1200px) {
.profile_progress_bar_wrapper .submit_btn {
margin-left: 5px !important;
}
.steps.progress_bars_steps .steps_bar p {
font-size: 12px;
}
.steps.progress_bars_steps .call-to-action__btn {
min-width: 100%;
}
.progress_bars_steps {
flex-wrap: wrap !important;
justify-content: center;
}
.steps.progress_bars_steps .steps_bar {
padding-bottom: 20px !important;
}
.how-it-work {
padding: 70px 15px;
}
.how-it-work .work-row .work-collunm {
padding: 45px 76px;
}
.work-collunm .text p {
font-size: 21px;
}
.dashboard-collunm .career-success p {
padding: 0 20px;
}
.detail-bar .top-bar .image a {
height: 99px;
}
}
@media all and (max-width: 1199px) {
.teammate-sidebar .left-nav-header-wrap {
padding: 20px 10px 40px 0;
}
.dashboard-wrapper {
max-width: calc(100% - 240px);
left: 240px;
padding: 25px 20px 40px 8px;
}
.main-collunm .tabs-nav ul {
gap: 5px;
}
.main-collunm .tabs-nav ul li a {
font-size: 12px;
min-height: 110px;
}
.main-collunm .tabs-nav ul li a strong {
font-size: 22px;
line-height: 26px;
margin: 0 0 5px;
}
.dashboard-wrapper .name-heading {
margin: 0 0 16px;
}
.main-collunm .dashboard-collunm .collunm-heading h3 {
font-size: 22px;
line-height: 26px;
padding: 0 0 25px 0;
}
.dashboard-collunm .add-buttons {
gap: 15px;
}
.dashboard-collunm .add-buttons {
gap: 6px;
}
.dashboard-collunm .add-buttons a {
padding: 4px 10px;
}
.main-collunm .dashboard-collunm.small-height .dashboard-box {
min-height: 110px;
}
.dashboard-collunm .dashboard-box {
padding: 15px;
}
.dashboard-collunm .collunm-heading .edit label {
font-size: 11px;
line-height: 14px;
margin: 0 2px 0 0;
}
.dashboard-collunm .teammate-profile h4 {
margin: 0;
font-size: 18px;
line-height: 22px;
}
.dashboard-collunm .teammate-profile .profile-info .profile-contant {
width: calc(100% - 100px);
}
.teammate-sidebar .left-nav-header__top .logo img {
width: 150px;
}
.article-slider .item-content .left {
padding-right: 15px;
}
.article-slider .item-content h2 {
font-size: 20px;
line-height: 28px;
}
.article-slider .slick-arrow {
height: 30px;
width: 30px;
}
.article-slider .slick-prev {
right: 80px;
}
.article-slider .slick-arrow::before {
font-size: 18px !important;
}
.tab-collunm .tab-content-list {
padding: 10px;
}
.tab-collunm .job-logo {
min-width: 40px;
min-height: 40px;
margin: 0 10px 0 0;
height: 40px;
width: 40px;
}
.tab-collunm .job-deta {
min-width: 80px;
}
.tab-collunm .job-detail {
width: calc(100% - 190px);
}
.steps-container .steps span {
width: 44px;
margin: 0 4px 0 0;
height: 10px;
}
.filter-listing {
gap: 8px;
}
.filter-listing .filter-box {
padding: 5px 38px 5px 8px;
}
.pool-collunm ul {
margin: 30px 10px 0 0;
}
.dashboard-box .add-resources p i {
font-size: 22px;
margin: 0 0 0 4px;
}
.main-collunm .tab-collunm a {
margin: 0 0 22px;
}
.teammate-sidebar {
max-width: 240px;
padding: 0 0 0 20px;
}
.faq-wrapper {
max-width: calc(100% - 240px);
left: 240px;
}
.center-column__grid-column {
padding: 0 20px;
}
.center-column__grid-column {
padding: 0 20px;
}
.center-column__grid-column:last-child {
padding-right: 0;
}
.faq-contact h1 {
font-size: 26px;
line-height: 32px;
}
.faq-contact .support-row {
gap: 20px;
}
.faq-contact {
padding: 35px 0px 30px 0px;
}
.support-row .contact-collunm h4 {
font-size: 16px;
}
.support-row .contact-collunm {
padding: 16px 18px 18px;
}
.faq-categories p {
font-size: 14px;
line-height: 18px;
}
.board-content h1 {
font-size: 40px;
line-height: 50px;
}
.board-nav ul li a {
/* font-size: 22px;
line-height: 28px;
padding: 18px 20px; */
}
.board-nav {
margin: 24px auto 0;
}
.board-content p {
font-size: 16px;
line-height: 22px;
}
.board-banner .image img {
height: 300px;
}
.board-banner .board-content {
max-width: 800px;
width: 100%;
}
.board-banner {
margin: 100px 0 0;
}
.board-tabs .new-container,
.single-job-page .new-container {
max-width: 990px;
}
.board-sidebar {
width: 260px;
padding: 30px 20px 100px 20px;
}
.job-sorting {
margin: 12px 0 0;
}
.board-job-section {
width: calc(100% - 290px);
}
.career-resource-from .form-field {
gap: 10px;
}
.career-resource-from .form-field .submit-btn {
width: 28%;
}
.career-resource-from .form-field .submit-btn a {
font-size: 15px;
line-height: 19px;
padding: 18px 10px;
height: 52px;
}
.career-resource-from .form-field .form-group input {
width: calc(100% - 130px);
/* padding: 16px 20px; */
font-size: 14px;
}
.career-resource-from .form-field .form-group button {
width: 143px;
font-size: 15px;
line-height: 21px;
/* padding: 16px 40px;
height: 52px; */
}
.career-resource-from .filter-listing {
margin: 0;
gap: 5px;
width: calc(100% - 143px);
}
.jobs-listing .job-collunm .job-heart-icon {
width: 21%;
padding: 0 15px 0 0px;
}
.jobs-listing .job-collunm .job-img {
width: 20%;
}
.jobs-listing .job-collunm .job-img a .tag {
padding: 6px 0 2px;
font-size: 12px;
}
.job-collunm .job-discription h3 {
/* font-size: 18px;
line-height: 26px; */
}
.job-collunm .job-discription h6 {
/* font-size: 16px; */
}
.job-collunm .job-discription p {
margin: 2px 0px;
}
.job-collunm .job-discription .ratting ul i {
font-size: 15px;
}
.job-collunm .job-discription .ratting span {
font-size: 16px;
}
.job-collunm .job-heart-icon a {
font-size: 30px;
}
.faq-categories a:before {
height: 15px;
}
.career-resource-from form .post-job-btn {
width: 290px;
}
.career-resource-from .form-left-side {
width: calc(100% - 290px);
padding: 0px 20px 0 0;
}
.form-left-side .job-search-create-alert a {
/* font-size: 18px;
min-height: 45px; */
max-width: 500px;
}
.career-resource-from .post-job-btn a {
/* padding: 17px 40px;
min-width: 200px; */
}
.career-resource-from .filter-listing a.remove-search-tag {
padding: 8px 30px 8px 8px;
}
.filter-remote .remote-button {
width: 143px;
}
.job-type-filter .expand {
font-size: 15px;
}
.jobs-listing .job-collunm .job-img a {
padding: 50px 0;
}
.jobs-listing .job-collunm .job-img img {
/* width: 90px; */
}
.job-collunm .job-discription label.date {
font-size: 14px;
}
.job-heart-icon .job-location p {
font-size: 14px;
line-height: 22px;
}
.job-collunm .job-heart-icon .heart-icon a {
font-size: 26px;
}
.single-job-page .back-button a {
/* font-size: 20px; */
}
.single-job-page {
padding: 150px 0 0;
}
.job-content-container {
margin: 40px 0 50px;
}
.job-content-container .left-bar {
padding: 0px 20px 80px 0px;
}
.job-content-container .left-bar .jobs-list a {
gap: 15px;
padding: 15px 0;
}
.job-content-container .left-bar .jobs-list .title label {
font-size: 15px;
}
.job-content-container .left-bar .heading h3 {
/* font-size: 22px; */
}
.job-content-container .left-bar .heading p {
font-size: 18px;
}
.job-content-container .left-bar .heading {
margin: 0 0 30px;
}
.job-content-container .detail-bar {
padding: 25px 35px 100px;
}
.detail-bar .top-bar {
gap: 20px;
padding: 0 0 35px;
margin: 0;
}
.detail-bar .top-bar .job-main-detail h3 {
font-size: 22px;
line-height: 30px;
}
.detail-bar .top-bar .job-main-detail h6 {
font-size: 16px;
line-height: 22px;
}
.detail-bar .top-bar .job-main-detail {
width: 62%;
}
.detail-bar .top-bar .apply-detail {
width: 17%;
}
.detail-bar .top-bar .apply-detail ul {
gap: 20px;
margin: 0 0 15px;
}
.detail-bar .top-bar .apply-detail ul a {
font-size: 24px;
}
.apply-detail .apply-button a.button {
font-size: 16px;
padding: 12px 28px;
}
.single-job-page .back-button i {
/* font-size: 23px; */
}
.job-content-container .left-bar .jobs-list .image img {
width: 40px;
height: 40px;
}
.career-resource-from form .post-job-btn {
padding: 0 0 0 35px;
}
}
@media all and (max-width: 1024px) {
.teammate-sidebar {
left: -270px;
overflow: visible;
z-index: 9999;
transition: 0.5s;
background: #444b56;
}
.dashboard-wrapper {
max-width: calc(100% - 40px);
left: 40px;
padding: 40px 12px 40px 12px;
}
.dashboard-wrapper .name-heading h2 {
font-size: 30px;
line-height: 40px;
}
.dashboard-wrapper .name-heading {
margin: 0 0 12px;
}
.teammate-sidebar .menu-close {
right: -60px;
}
.teammate-sidebar.open {
left: 0;
}
.steps-container .steps span {
width: 42px;
margin: 0 3px 0 0;
height: 10px;
}
.teammate-sidebar.open .menu-close {
right: -35px;
}
.faq-wrapper {
max-width: 100%;
left: 0px;
}
.faq-contact {
padding: 45px 0px 25px 0px;
}
.faq-contact .support-row form h3 {
margin: 0 0 6px;
font-size: 22px;
}
.faq-contact .support-row {
gap: 20px;
padding: 15px 0 20px;
}
.board-logos-section {
padding: 20px 0;
}
.post-job-btn {
text-align: left;
margin: 10px 0 0;
}
.career-resource-from .post-job-btn a {
/* padding: 14px 36px; */
font-size: 15px;
}
.job-form-submit button {
margin: 0 0 0 20px !important;
width: auto;
}
.board-nav ul li a {
/* font-size: 18px;
line-height: 28px;
padding: 10px; */
}
.board-nav {
/* max-width: 450px; */
}
}
@media all and (max-width: 998px) {
.board-banner {
margin: 85px 0 0;
}
.board-sidebar {
width: 240px;
padding: 25px 15px 80px 15px;
}
.board-sidebar .account-btn {
margin-bottom: 30px;
}
.board-sidebar .account-btn a {
font-size: 15px;
line-height: 20px;
padding: 10px 16px;
}
.all-filter a {
font-size: 15px;
}
.board-sidebar .job-type-filter h4 {
margin: 16px 0 14px;
font-size: 20px;
line-height: 26px;
}
.board-sidebar .job-type-filter ul {
margin: 14px 0 0;
padding: 0 0 0 5px;
}
.board-job-section {
width: calc(100% - 255px);
padding: 0;
}
.board-sidebar .job-type-filter ul li label {
width: 36px;
font-size: 11px;
}
.career-resource-from .form-field .form-group input {
width: calc(100% - 100px);
padding: 12px 15px;
font-size: 14px;
}
.career-resource-from .form-field .form-group button {
width: 100px;
font-size: 15px;
line-height: 21px;
padding: 12px 20px;
height: 44px;
}
.career-resource-from .form-field .form-group {
/* width: 62%; */
}
.career-resource-from .form-field .submit-btn {
width: 36%;
}
.career-resource-from .form-field .submit-btn a {
font-size: 14px;
line-height: 19px;
padding: 13px 5px;
height: 44px;
}
.board-sidebar .job-type-filter ul li {
font-size: 13px;
line-height: 20px;
padding: 0 40px 0 19px;
margin: 0 0 5px;
}
.board-sidebar .job-type-filter ul li span:before {
content: "";
height: 12px;
width: 12px;
top: 3px;
}
.board-sidebar .job-type-filter ul li span:after {
font-size: 12px;
left: 1px;
top: 1px;
}
.job-type-logoutfilter h4 {
margin: 16px 0 14px;
font-size: 20px;
line-height: 26px;
}
.job-type-logoutfilter ul {
margin: 14px 0 0;
padding: 0 0 0 5px;
}
.job-type-logoutfilter ul li {
font-size: 13px;
line-height: 20px;
padding: 0 40px 0 19px;
margin: 0 0 5px;
}
.job-type-logoutfilter ul li span:before {
content: "";
height: 12px;
width: 12px;
top: 3px;
}
.job-type-logoutfilter ul li span:after {
font-size: 12px;
left: 1px;
top: 1px;
}
.jobs-listing .job-collunm .job-img img {
width: 80px;
height: 80px;
}
.jobs-listing .job-collunm .job-img a .tag {
font-size: 11px;
}
.board-sidebar .account-btn {
margin-bottom: 20px;
}
.board-collunm {
gap: 15px 15px;
}
.career-resource-from form {
gap: 15px;
}
.career-resource-from form .post-job-btn {
width: 240px;
}
.career-resource-from .form-left-side {
width: calc(100% - 255px);
padding: 0px 0px 0 0;
}
.filter-remote .remote-button a {
padding: 5px 0;
font-size: 11px;
}
.filter-remote .remote-button {
width: 125px;
}
.form-left-side .job-search-create-alert a {
/* font-size: 16px;
min-height: 42px; */
}
.career-resource-from .form-field .form-group button {
width: 130px;
}
.career-resource-from .filter-listing a.remove-search-tag {
padding: 6px 27px 6px 5px;
font-size: 10px;
}
.career-resource-from .filter-listing a.remove-search-tag i {
line-height: 12px;
right: 8px;
top: 8px;
}
.job-collunm .job-discription h3 {
/* font-size: 16px;
line-height: 24px; */
margin: 0 0 2px;
}
.jobs-listing .job-collunm {
gap: 5px;
}
.jobs-listing .job-collunm .job-img {
width: 25%;
}
.jobs-listing .job-collunm .job-discription {
width: 50%;
}
.jobs-listing .job-collunm .job-heart-icon {
width: 27%;
padding: 0 10px 0 0px;
}
.job-heart-icon .job-location p {
font-size: 13px;
line-height: 20px;
}
.career-resource-from .filter-listing {
width: calc(100% - 123px);
}
.jobs-listing {
margin: 0 0 50px;
}
.career-board-modal .modal-body {
max-width: 730px;
}
.career-board-modal .modal-content .top-part {
padding: 80px 55px 30px;
}
.career-board-modal .top-part h2 {
margin: 0 0 20px;
font-size: 28px;
}
.career-board-modal .midd-part li {
font-size: 16px;
line-height: 20px;
margin: 0 0 20px;
}
.career-board-modal .midd-part {
padding: 40px 55px 20px;
}
.career-board-modal .bottom-area {
padding: 40px 55px 40px;
}
.career-board-modal .bottom-area h3 {
margin: 0 0 21px;
font-size: 24px;
line-height: 32px;
}
.career-board-modal .bottom-area p {
font-size: 17px;
line-height: 24px;
margin: 0 0 15px;
}
.career-board-modal .bottom-area ul {
padding: 0 0 0 25px;
margin: 0 0 40px;
}
.career-board-modal .midd-part h3 {
font-size: 23px;
margin: 0 0 20px;
}
.career-board-modal .bottom-area a.site-button {
padding: 10px 20px;
}
.career-board-modal .modal-body .modal-close {
width: 44px;
height: 44px;
line-height: 48px;
right: 30px;
top: 20px;
}
.career-board-modal .modal-body .modal-close i {
font-size: 25px;
}
.single-job-page .new-container {
padding: 0 15px;
}
.job-content-container .detail-bar {
padding: 25px 25px 100px;
width: calc(100% - 237px);
}
.job-content-container .left-bar {
padding: 0px 15px 80px 0px;
/* width: 225px; */
}
.job-content-container .related-single-job {
width: 225px;
}
.detail-bar .top-bar .image {
width: 12%;
}
.detail-bar .top-bar {
gap: 15px;
padding: 0 0 25px;
margin: 0;
}
.detail-bar .top-bar .job-main-detail h3 {
font-size: 20px;
line-height: 26px;
}
.detail-bar .top-bar .job-main-detail h6 {
font-size: 16px;
line-height: 20px;
}
.detail-bar .top-bar .job-main-detail p {
font-size: 13px;
line-height: 20px;
margin: 0 0 4px;
}
.detail-bar .top-bar .job-main-detail label {
margin: 4px 0 0;
font-size: 14px;
line-height: 19px;
}
.apply-detail .apply-button a.button {
font-size: 14px;
padding: 10px 24px;
}
.detail-bar .top-bar .apply-detail {
width: 20%;
}
.detail-bar .discription-bar p {
font-size: 15px;
}
.detail-bar .discription-bar ul li {
font-size: 15px;
}
.discription-bar h6 {
font-size: 15px;
margin: 26px 0 5px;
}
.detail-bar .top-bar .image a {
height: 80px;
}
.detail-bar .top-bar .image img.empty-image {
width: 60px;
height: 60px;
}
.career-page-right-bar
.detail-bar-career.detail-bar
.detail-bar-conference
.online-conference
span {
line-height: 20px;
}
}
@media all and (max-width: 799px) {
.dashboard-wrapper .main-collunm {
width: calc(100% - 5px);
}
.main-collunm .tab-collunm:before {
height: 110px;
top: -110px;
}
.dashboard-collunm.mobile {
display: block;
}
.dashboard-collunm.desktop {
display: none;
}
.job-content-container {
margin: 40px 0 50px;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.job-content-container .left-bar,
.career-page-side-bar .left-bar {
padding: 0px 0px 40px 0px !important;
width: 100%;
}
.job-content-container .related-single-job {
width: 100%;
}
.job-content-container .left-bar .heading {
margin: 0 0 20px;
}
.job-content-container .detail-bar {
padding: 25px 25px 50px;
width: 100%;
}
.job-form-bottom .job-form-row {
width: 100%;
}
.job-form-bottom .job-actions {
width: 100%;
}
.job-form-bottom {
flex-wrap: wrap;
}
.detail-bar .top-bar .image a {
height: 80px;
width: 80px;
}
}
@media all and (max-width: 767px) {
.center-column__grid-column {
padding: 0;
}
.faq-contact .support-row {
gap: 14px;
padding: 15px 0 20px;
}
.faq-contact .support-row form p {
font-size: 14px;
line-height: 20px;
}
.faq-contact h1 {
font-size: 24px;
line-height: 30px;
text-align: left;
}
.support-row .contact-collunm ul li a {
font-size: 12px;
}
.support-row .contact-collunm ul li {
line-height: 15px;
}
.support-row .contact-collunm h4 {
font-size: 16px;
margin: 0 0 5px;
}
.support-row .contact-collunm {
width: 40%;
}
.faq-contact .support-row form {
width: calc(60% - 14px);
}
.support-row .contact-collunm h4 {
font-size: 15px;
}
.support-row .contact-collunm {
padding: 14px 15px 15px;
}
.faq-contact .support-row form .form-group button {
width: 100px;
font-size: 14px;
line-height: 20px;
padding: 11px 18px;
}
.faq-contact .support-row form .form-group input[type="submit"] {
width: 100px;
font-size: 14px;
line-height: 20px;
padding: 11px 18px;
}
.faq-contact .support-row form input {
width: calc(100% - 100px);
padding: 14px 12px;
font-size: 13px;
}
.faq-categories a {
margin: 0 4px;
}
.faq-contact .support-row form .form-group a {
right: 29px;
}
.board-banner .board-content {
padding: 0 15px;
}
.board-banner .image img {
height: 320px;
}
.board-content h1 {
font-size: 32px;
line-height: 40px;
margin: 0 0 15px;
}
.board-banner {
margin: 65px 0 0;
}
.board-job-section {
width: 100%;
padding: 0px 0 30px 30px;
}
.board-sidebar {
width: 260px;
box-shadow: none;
padding: 50px 15px 70px 12px;
position: fixed;
top: 0;
z-index: 9999;
left: -260px;
height: 100%;
overflow-y: scroll;
transition: 0.5s;
border-radius: 0;
}
.board-collunm.open .board-sidebar {
left: 0;
}
.filter-toggle {
display: block;
}
.board-collunm.open .filter-toggle {
left: 260px;
}
.faq-categories a:before {
height: 15px;
right: -7px;
}
.career-resource-from {
padding: 0 0 0 28px;
}
.career-resource-from form {
gap: 15px;
flex-wrap: wrap;
}
.career-resource-from .form-left-side {
width: 100%;
}
.career-resource-from form .post-job-btn {
width: 100%;
text-align: left;
padding: 0;
}
.career-resource-from .post-job-btn a {
padding: 11px 38px;
font-size: 14px;
min-width: inherit;
}
.career-board-modal .modal-body {
max-width: 550px;
}
.career-board-modal .modal-content .top-part {
padding: 60px 30px 30px;
}
.career-board-modal .top-part h2 {
margin: 0 0 14px;
font-size: 25px;
}
.career-board-modal .top-part p {
font-size: 15px;
line-height: 18px;
margin: 0 0 15px;
}
.career-board-modal .midd-part h3 {
font-size: 21px;
margin: 0 0 15px;
}
.career-board-modal .midd-part {
padding: 30px 30px 10px;
}
.career-board-modal .midd-part li {
font-size: 15px;
line-height: 18px;
margin: 0 0 12px;
}
.career-board-modal .bottom-area h3 {
margin: 0 0 15px;
font-size: 21px;
line-height: 26px;
}
.career-board-modal .midd-part ul {
padding: 0 0 0 20px;
}
.career-board-modal .bottom-area ul li {
font-size: 15px;
}
.career-board-modal .bottom-area ul {
padding: 0 0 0 20px;
margin: 0 0 30px;
}
.career-board-modal .bottom-area {
padding: 30px;
}
.career-board-modal .bottom-area a.site-button {
padding: 8px 15px;
font-size: 13px;
}
.career-board-modal .top-part form .form-button button {
font-size: 14px;
}
.report-job-modal .modal-header h2 {
font-size: 28px;
line-height: 36px;
}
.report-job-modal .modal-header .modal-close {
right: 5px;
height: 36px;
width: 36px;
line-height: 40px;
top: -6px;
font-size: 20px;
}
.report-job-modal form .form-group input {
height: 40px;
}
.report-job-modal form .form-group textarea {
height: 100px;
}
.report-job-modal form .logo-upload-wrap .logo-upload {
height: 140px;
}
.report-job-modal .modal-body {
max-width: 500px;
padding: 26px 20px;
}
.report-job-modal form .form-group label {
font-size: 14px;
margin: 0 0 5px;
}
.form-left-side .job-search-create-alert a {
font-size: 14px;
}
.board-nav {
max-width: 300px;
}
.board-nav ul li a {
font-size: 14px;
line-height: 22px;
padding: 9px;
}
.board-nav ul:after {
height: 40px;
width: 139px;
top: 5px;
transform: translate(-73px, 0);
}
.board-nav.right ul:after {
transform: translate(73px, 0);
}
.resource-type-carrer {
display: block;
}
}
@media all and (max-width: 680px) {
.detail-bar .top-bar {
flex-wrap: wrap;
position: relative;
}
.detail-bar .top-bar .image {
width: 100%;
}
.detail-bar .top-bar .image a {
height: 110px;
width: 110px;
}
.detail-bar .top-bar .job-main-detail {
width: 100%;
}
.detail-bar .top-bar .apply-detail {
position: absolute;
right: 0;
top: 0;
width: auto !important;
}
.single-career-new-page .carrer-postion-conference span {
display: inline-block !important;
}
.career-page-right-bar .detail-bar-career.detail-bar .Conference-gsv.top-bar{
text-align: end;
}
.single-career-new-page .conference-btn.button-click {
margin-top: 40px;
}
}
@media all and (max-width: 624px) {
.progress_bars_steps {
display: flex;
flex-wrap: wrap !important;
justify-content: center;
}
.steps.progress_bars_steps .steps_bar {
padding-bottom: 20px;
}
.dashboard-heading h1 {
font-size: 16px;
}
.header-bar .dashboard-heading .left p {
font-size: 12px;
}
.dashboard-heading .right p a {
font-size: 12px !important;
}
}
@media all and (max-width: 580px) {
.steps.progress_bars_steps .steps_bar {
width: 48% !important;
}
.job-board-wrapper {
background-size: auto 450px;
}
.job-field.job-field-half.job-carrer-next .job-field {
min-width: 100% !important;
}
.job-board-wrapper h1 {
margin: 0 0 20px;
}
.search-form-field input {
font-size: 17px;
}
.button {
font-size: 15px;
}
.job-board-filter-trigger {
font-size: 15px;
}
.dashboard-wrapper .name-heading h2 {
font-size: 24px;
line-height: 30px;
}
.dashboard-wrapper .name-heading {
margin: 0 0 5px;
}
.main-collunm .tabs-nav ul li a {
font-size: 10px;
min-height: 80px;
line-height: 14px;
}
.main-collunm .tab-collunm:before {
height: 80px;
top: -80px;
}
.main-collunm .tabs-nav ul li a strong {
font-size: 18px;
line-height: 22px;
margin: 0 0 3px;
}
.main-collunm .tab-collunm {
padding: 6px;
}
.tab-collunm .job-detail {
width: calc(100% - 150px);
}
.tab-collunm .heart-icon {
min-width: 30px;
}
.tab-collunm .heart-icon i {
font-size: 20px;
}
.tab-collunm .job-logo {
min-width: 35px;
min-height: 35px;
margin: 0 5px 0 0;
height: 35px;
width: 35px;
}
.dashboard-collunm .collunm-heading {
flex-wrap: wrap;
}
.main-collunm .dashboard-collunm .collunm-heading h3 {
font-size: 18px;
line-height: 24px;
padding: 0 0 20px 0;
width: 100%;
}
.collunm-heading .edit {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.dashboard-collunm .teammate-profile .profile-info .profile-image {
width: 50px;
height: 50px;
margin: 0 10px 0 0;
}
.dashboard-collunm .teammate-profile .profile-info .profile-contant {
width: calc(100% - 60px);
}
.dashboard-collunm .teammate-profile .profile-info .profile-image img {
width: 50px;
height: 50px;
}
.dashboard-collunm .teammate-profile h4 {
font-size: 16px;
line-height: 20px;
}
.teammate-profile .profile-info .profile-contant label {
font-size: 16px;
line-height: 20px;
margin: 0 0 8px !important;
}
.teammate-profile .profile-info .profile-contant .rang {
display: flex;
gap: 10px 15px;
}
.teammate-profile .profile-info .profile-contant .rang span {
font-size: 13px;
line-height: 14px;
}
.dashboard-collunm .collunm-heading .add-btn {
position: absolute;
right: 0;
top: 0;
}
.add-btn button {
font-size: 24px;
}
.dashboard-collunm .add-buttons a {
padding: 5px 8px;
font-size: 12px;
}
.dashboard-collunm .add-buttons a i {
margin: 0 6px 0 0;
font-size: 16px;
}
.dashboard-box ul li i {
font-size: 20px;
}
.article-slider .item-content .left {
padding-right: 0;
width: 100%;
}
.article-slider .item-content .right {
width: 100%;
}
.article-slider .item-content h3 {
font-size: 16px;
line-height: 22px;
min-height: auto;
margin: 10px 0 10px;
}
.article-slider .item-content h2 {
font-size: 16px;
line-height: 22px;
margin: 10px 0;
min-height: auto;
}
.article-slider .item-content {
padding: 0 0 30px;
}
.article-slider .item-content .read-button {
margin: 20px 0 10px;
}
.article-slider .slick-prev {
right: 70px;
}
.article-slider .slick-arrow {
bottom: -5px;
}
.steps-container .steps span {
width: 37px;
height: 8px;
}
.steps-container .steps h6 {
font-size: 18px;
line-height: 28px;
}
.dashboard-collunm .career-success p {
font-size: 14px;
line-height: 18px;
margin: 0 0 30px;
}
.pool-collunm ul strong {
font-size: 26px;
line-height: 36px;
}
.pool-collunm ul li span {
font-size: 12px;
line-height: 12px;
}
.pool-collunm ul {
margin: 20px 5px 0 0;
width: 49%;
}
.go-live {
margin: 20px 0 0;
}
.pool-collunm .go-live .live-switch {
padding: 4px 6px;
}
.pool-collunm .go-live .live-switch h4 {
font-size: 15px;
line-height: 19px;
}
.pool-collunm .go-live .date {
font-size: 12px;
line-height: 15px;
margin: 15px 0 0 10px;
}
.add-resources .resoureces-skill .skill-container {
flex-wrap: wrap;
}
.add-resources .resoureces-skill .skill-container label {
width: 100%;
margin: 0 0 14px;
text-align: center;
}
.dashboard-box .add-resources p {
font-size: 15px;
padding: 0 20px 0 0;
}
.tab-collunm .see-all a {
padding: 5px 50px;
font-size: 13px;
line-height: 20px;
}
.main-collunm .tab-collunm a {
margin: 0 0 16px;
}
.dashboard-wrapper {
max-width: calc(100% - 25px);
left: 25px;
padding: 30px 12px 40px 12px;
}
.main-collunm .tab-collunm .tab-box {
margin: 0 0 20px;
}
.available-modal .modal-body {
padding: 30px 20px;
}
.faq-contact .support-row form {
width: 100%;
}
.support-row .contact-collunm {
width: 100%;
}
.faq-contact .support-row {
flex-wrap: wrap;
padding: 8px 0 20px;
}
.faq-contact {
padding: 30px 0px 20px 26px;
}
.faq-contact h1 {
text-align: left;
}
.faq-wrapper .accordion-container {
padding: 40px 15px 20px 40px;
}
.faq-wrapper .accordion-container .set {
padding: 20px;
}
.faq-wrapper .accordion-container .set a i {
font-size: 18px;
top: 2px;
}
.faq-wrapper .accordion-container .set > a {
font-size: 14px;
line-height: 22px;
}
.faq-wrapper .accordion-container .set .ace-content p {
font-size: 14px;
margin: 10px 0 0;
}
.board-nav ul li a {
/* font-size: 16px;
line-height: 22px;
padding: 13px 13px;
border-radius: 10px; */
}
.board-nav ul {
padding: 4px;
border-width: 2px;
border-radius: 15px;
}
.board-content p {
margin: 0;
}
.board-content h1 {
font-size: 24px;
line-height: 34px;
margin: 0 0 10px;
}
.board-nav {
margin: 20px auto 0;
}
.board-nav ul li a {
/* font-size: 16px;
line-height: 22px;
padding: 13px 13px; */
}
.board-content p {
font-size: 15px;
line-height: 20px;
}
.board-banner .image img {
height: 280px;
}
.career-resource-from .form-field .form-group {
width: 100%;
}
.career-resource-from .form-field .submit-btn {
width: 100%;
}
.career-resource-from .form-field {
flex-wrap: wrap;
}
.career-resource-from .filter-listing {
margin: 0;
gap: 5px;
padding: 0;
width: 100%;
}
.career-resource-from .filter-listing .filter-box {
line-height: 18px;
padding: 4px 26px 4px 5px;
font-size: 10px;
}
.career-resource-from .filter-listing .filter-box button {
right: 5px;
font-size: 11px;
width: 14px;
height: 14px;
line-height: 17px;
top: 5px;
}
.job-sorting span.select2.select2-container {
max-width: 100%;
width: 100% !important;
}
.jobs-listing .job-collunm {
/* flex-wrap: wrap; */
padding: 30px 15px 15px;
align-items: flex-start;
position: relative;
}
.jobs-listing .job-collunm .job-img {
width: 50px;
}
.jobs-listing .job-collunm .job-discription {
width: calc(100% - 80px);
padding: 0 10px 0;
text-align: left;
}
.jobs-listing .job-collunm .job-heart-icon {
width: 30px;
padding: 0;
text-align: center;
position: absolute;
bottom: 20px;
right: 10px;
}
.jobs-listing .job-collunm .job-img img {
width: 50px;
height: 50px;
}
.jobs-listing .job-collunm .job-heart-icon label.date {
display: none;
}
.job-heart-icon .job-location {
margin: 10px 0 0;
}
.jobs-listing .job-collunm .job-img a {
padding: 8px 0 0;
position: static;
}
.board-sidebar .job-type-filter ul li {
margin: 0 0 5px;
}
.board-sidebar .job-type-filter h4 {
margin: 16px 0 10px;
}
.board-sidebar .job-type-filter ul {
margin: 12px 0 0;
}
.faq-categories a {
margin: 2px 4px;
}
.jobs-listing .job-collunm .job-img a .tag {
font-size: 10px;
border-radius: 16px 0px 16px 0px;
position: absolute;
top: 0;
max-width: 105px;
padding: 4px 4px 2px;
}
.filter-remote {
flex-wrap: wrap;
gap: 9px;
}
.get-email {
font-size: 13px;
}
.career-board-modal .modal-body {
max-width: 340px;
}
.career-board-modal .modal-wrapper {
padding: 20px 0;
}
.career-board-modal .modal-content .top-part {
padding: 40px 20px 20px;
}
.career-board-modal .modal-body .modal-close {
width: 30px;
height: 30px;
line-height: 29px;
right: 13px;
top: 10px;
}
.career-board-modal .modal-body .modal-close i {
font-size: 18px;
}
.career-board-modal .top-part h2 {
margin: 0 0 10px;
font-size: 20px;
line-height: 25px;
}
.career-board-modal .top-part form {
gap: 16px;
max-width: 100%;
}
.career-board-modal .top-part form .form-button button {
font-size: 13px;
padding: 10px 18px;
}
.career-board-modal .top-part form ul.user-list img {
width: 25px;
height: 25px;
}
.career-board-modal .top-part form ul.user-list li {
margin: 0 0 0 -7px;
}
.career-board-modal .midd-part {
padding: 20px 20px 10px;
}
.career-board-modal .bottom-area h3 {
margin: 0 0 13px;
font-size: 20px;
line-height: 24px;
}
.career-board-modal .bottom-area {
padding: 20px;
}
.career-board-modal .bottom-area p {
font-size: 16px;
line-height: 20px;
margin: 0 0 12px;
}
.career-board-modal .bottom-area ul {
margin: 0 0 20px;
}
.career-board-modal .bottom-area a.site-button {
padding: 7px 12px;
font-size: 13px;
}
.job-content-container .detail-bar {
padding: 15px 15px 50px;
width: 100%;
}
.detail-bar .top-bar {
flex-wrap: wrap;
}
.detail-bar .top-bar .image {
/* width: 60px; */
}
.detail-bar .top-bar .job-main-detail {
/* width: calc(100% - 80px); */
}
.detail-bar .top-bar .apply-detail {
/* width: 100%;
text-align: left;
padding: 0 0 0 70px; */
}
.detail-bar .top-bar .apply-detail ul {
gap: 20px;
margin: 0 0 9px;
justify-content: flex-start;
}
.bottom-bar .apply-button a.button {
font-size: 15px;
padding: 13px 27px;
}
.detail-bar .bottom-bar {
margin: 30px 0 0;
}
.bottom-bar .report-bar {
margin: 30px 0 0;
}
.bottom-bar .report-bar p {
font-size: 14px;
}
.detail-bar .discription-bar ul {
padding: 0 0 0 22px;
margin: 0 0 30px;
}
.detail-bar .top-bar .job-main-detail h3 {
font-size: 17px;
line-height: 24px;
}
.detail-bar .top-bar .apply-detail ul a {
font-size: 22px;
}
.single-job-page {
padding: 120px 0 0;
}
.single-job-page .back-button a {
/* font-size: 18px; */
}
.job-content-container {
margin: 20px 0 50px;
}
.single-job-page .back-button i {
/* font-size: 21px; */
}
.report-job-modal .modal-wrapper {
padding: 20px 12px;
}
.report-job-modal .modal-body {
max-width: 100%;
padding: 22px 15px;
}
.report-job-modal .modal-content {
padding: 0;
}
.report-job-modal .modal-header h2 {
font-size: 24px;
line-height: 28px;
}
.report-job-modal .modal-content .title-part h5 {
font-size: 20px;
line-height: 28px;
}
.report-job-modal form .form-group label {
font-size: 13px;
margin: 0 0 3px;
}
.form-left-side .job-search-create-alert a {
font-size: 14px;
padding: 4px 10px;
text-align: center;
}
.form-left-side .job-search-alert-wrap {
margin: 0;
}
.board-nav ul:after {
width: 140px;
top: 4px;
transform: translate(-74px, 0);
}
.pricing-section .heading h1 {
font-size: 26px;
padding: 0 1rem;
}
.pricing-section .heading {
margin: 0 15px 15px 15px;
}
.pricing-section .heading p {
font-size: 15px;
}
.pricing-tabs .tabs-head .saving {
font-size: 13px;
margin-right: 10px;
padding: 5px 12px;
}
.pricing-tabs .tabs-head ul.tabs li {
padding: 3px 11px;
height: auto;
width: 80px;
}
.pricing-tabs .tab-content .collunm .price label {
font-size: 30px;
}
.note {
margin: 40px 0 0;
padding: 0 15px;
}
.note span {
font-size: 15px;
margin-right: 8px;
padding: 7px 19px;
}
.job-collunm .job-heart-icon .heart-icon a:hover {
color: #edeeef;
}
.apply-button a.button.green.apply-job-click.for-mobile {
display: inline-block;
}
.apply-button a.button.green.apply-job-click {
display: none;
}
.previewResourcesModal .modal-container .modal-row button.close-btn {
width: 38px;
height: 38px;
font-size: 23px;
right: 16px;
}
.previewResourcesModal .modal-row .jop-post-head h2 {
font-size: 20px;
}
.careerResource .job-field .job-apply-field .start-events-end .range-fields .range-start {
width: calc(50% - 15px);
}
.careerResource .job-field .job-apply-field .start-events-end .range-fields .range-end {
width: calc(50% - 15px);
}
.previewResourcesModal .preview-top-bar .client-logo {
width: 100px;
height: 100px;
}
.pricing-modal.previewResourcesModal .preview-top-bar {
padding-bottom: 10px;
}
.previewResourcesModal .post-collunm .job-field .job-field-radios .job-field-radio label {
margin: 0 0 6px;
}
.previewResourcesModal .post-collunm .job-field {
margin: 0 0 25px 0;
}
.careerResourceForm .post-collunm .job-field .job-field-radios .job-field-radio:last-child label {
margin: 0;
}
.careerResource .resource-type-carrer .post-collunm {
width: 100%;
}
.careerResource .job-form-row.cost-resources-outer .post-collunm .cost-resources-inner .job-field.job-field-half {
width: auto;
margin: 0 0 12px;
}
.careerResource .post-job-form .cost-resources-outer {
margin: 0 0 15px;
}
.disclaimer-outer .job-actions {
margin: 35px 0 40px;
}
}
@media all and (max-width: 480px) {
.steps.progress_bars_steps .steps_bar {
width: 100% !important;
}
.job-form-bottom .job-form-row .job-form-cancel {
margin: 0 0 0;
}
.job-form-bottom.disclaimer-outer .job-form-submit {
display: flex !important;
flex-wrap: nowrap;
justify-content: center;
}
.site-button {
padding: 12px 17px;
font-size: 15px;
}
.job-disclover-wrp p {
width: 100%;
}
.careerResource .job-form-bottom .job-form-row .job-form-cancel a.close-btn {
min-width: 92px !important;
}
.job-form-submit button {
margin: 0 0 0 16px !important;
}
.job-form-submit button {
min-width: 92px;
}
.job-form-bottom {
flex-wrap: nowrap;
}
.banner .left-content ul li {
margin: 11px 0 0 0;
width: 100%;
}
.banner .left-content .site-button {
width: 100%;
}
.brand {
padding: 40px 0px 50px;
}
.brand-items .slick-prev {
left: -10px;
}
.brand-items .slick-next {
right: -10px;
}
.brand-items img {
height: 47px !important;
width: 160px;
}
.how-it-work .work-row.second-row .text {
padding-right: 20px;
}
.banner {
padding: 20px 0 0;
margin: 90px 0 0;
}
.hire-student {
padding: 70px 0 180px 0;
}
.intership {
margin: -100px 0 0;
}
.intership {
padding: 0 15px 90px;
}
.how-it-work .work-row {
margin: 22px 0 50px 0;
}
.how-it-work {
padding: 70px 15px 0;
margin: 0 0 30px 0;
}
.started-main .image img {
margin: 0 -30px 0 0;
}
.hire-talent-main .started-main .image img {
margin: 0 -45px 0 0;
}
.hire-talent-main .started-main .started-content {
padding-left: 12px;
}
.started-main .image {
overflow: hidden;
}
.modal-row .collunm-left h2 {
font-size: 32px;
line-height: 42px;
margin: 0 0 10px;
}
.modal-row .collunm-left h3 {
font-size: 24px;
line-height: 30px;
}
.modal-row .collunm-right .order-summary {
padding: 7px 15px 18px;
}
.intership .collunm p br {
display: none;
}
.career-resource-from .filter-listing .filter-box {
margin-top: 10px;
}
.career-resource-from .filter-listing {
width: 100% !important;
}
.career-resource-from form .post-job-btn {
display: flex;
justify-content: center;
}
.filter-box {
width: 100%;
}
.ratting {
justify-content: center;
}
.career-resource-from form .post-job-btn {
width: 100% !important;
}
.career-resource-from .post-job-btn a {
padding: 11px 38px !important;
min-width: 100% !important;
width: 100% !important;
}
.career-resource-from .post-job-btn a {
width: 100% !important;
}
.heart-icon {
align-items: center !important;
justify-content: center !important;
}
.jobs-listing .job-collunm .job-heart-icon label.date {
margin: 12px 0 0 !important;
}
.career-resource-from .form-field .form-group input {
font-size: 12px;
}
.career-resource-from .form-field .form-group button {
width: 100px;
font-size: 12px;
}
.career-resource-from .form-field .form-group button {
right: 7px;
}
.jobs-listing .job-collunm .job-img a {
padding: 34px 0 30px;
}
.board-logos-section ul li img {
max-width: 103px;
min-width: 80px;
}
.jobs-listing .job-collunm .job-heart-icon label.date {
margin: 0px 0 0;
}
.board-logos-section .slick-next {
right: -14px;
}
.board-logos-section .slick-prev {
left: -14px;
}
.board-logos-section ul li img {
margin: 0 auto;
max-width: 130px;
min-width: 100px;
}
.skill-container .add-btn {
top: -41px;
}
.job-field-half-carrer.event-time-outer select.gfield_select, .job-field-half-carrer.event-time-outer {
min-width: 100% !important;
width:100%;
}
.events-inner-item.event-time-inner-item, .job-field-half-carrer.event-time-outer > .job-apply-field, .post-collunm.event-detail-outer .job-field.job-field-half .events-inner-item{
display: block !important;
}
.events-inner-item.event-time-inner-item .range-start, .events-inner-item.event-time-inner-item .range-end {
max-width: 50% !important;
}
.events-inner-item.event-time-inner-item .range-fields, .post-collunm .job-field .range-fields .range-start, .post-collunm .job-field .range-fields .range-end{
max-width: 100%;
}
.event-detail-wrps div#addLocationButton {
top: 66px;
}
.job-form-row.resources-detail-outer .add-button {
text-align: end;
}
.events-inner-item .job-field-radio {
margin-bottom: 10px;
}
.careerResource i.fas.fa-times {
top: 6px;
right: 9px;
}
.single-job-back {
position: relative !important;
}
.postAJob-model .post-job-wrapper .jop-post-head {
display: block;
position: relative;
}
.careerResource .modal-container .modal-row button.close-btn {
height: 38px !important;
width: 38px !important;
max-width: 38px !important;
max-height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
right: 0px!important;
top: -39px!important;
position: absolute !important;
padding: 0px !important;
}
.careerResourceForm .event-detail-wrps div#additionalLocations {
padding: 0;
}
.careerResource .event-detail-outer .job-field .job-apply-field {
margin-bottom: 18px !important;
margin-top: 18px !important;
}
.careerResource .post-job-form .job-form-row {
margin: 0 0 0;
align-items: center;
}
.careerResource .event-detail-wrps div#addLocationButton {
top: 67px;
}
.postAJob-model .post-job-wrapper .jop-post-head h1 {
font-size: 20px;
}
.job-form-bottom.disclaimer-outer .job-form-submit button {
font-size: 14px !important;
height: 42px;
}
.careerResource .job-form-bottom .job-form-row .job-form-cancel a.close-btn {
font-size: 14px !important;
height: 42px;
}
.careerResource .modal-container .modal-row{
padding: 30px 20px 10px;
}
.careerResource .modal-container .modal-row button.close-btn {
height: 34px !important;
width: 34px !important;
max-width: 34px !important;
max-height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
top: -32px!important;
}
.careerResource i.fas.fa-times {
top: 7px;
right: 9px;
font-size: 22px;
}
.previewResourcesModal .modal-container .modal-row button.close-btn {
width: 34px;
height: 34px;
font-size: 21px;
right: 16px;
line-height: 25px;
}
.previewResourcesModal .post-tittle-bar h3 {
font-size: 19px;
}
}