/*===================================
* Basic New Style
===================================*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Red+Hat+Display:wght@500;700&display=swap');
container {
display: block;
width: 100%;
}
.button {
display: inline-block;
width: 100%;
border-radius: 8px;
padding: 15px 0;
font-family: 'Inter', sans-serif!important;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #F7F7F7;
text-align: center;
transition: all 0.4s ease-in-out;
}
.button__job-board {
max-width: 163px;
background: #4CC3A5;
margin-right: 30px;
}
.button__job-board:hover,
.button__job-board:active,
.button__job-board:focus {
background-color: #6bd6ba;
border: none;
color: #fff !important;
}
.button__hiring {
max-width: 183px;
border: 1.5px solid #444B56;
color: #444B56;
}
.button__hiring:hover,
.button__hiring:active,
.button__hiring:focus{
color: #fff;
background: #444B56;
border: 1.5px solid #fff;
}
.button__positions {
display: block;
max-width: 188px;
margin: auto;
background: #EBECEA;
color: #444B56;
}
.button__positions:hover,
.button__positions:active,
.button__positions:focus {
opacity: 0.5;
}
.button__positions-black {
display: block;
max-width: 178px;
margin: auto;
background: #444B56;
color: #F7F7F7;
}
.button__positions-black:hover,
.button__positions-black:active,
.button__positions-black:focus {
background: #EBECEA;
color: #444B56;
}
.button__pricing {
max-width:184px;
background: #4CC3A5;
}
.button__pricing:hover,
.button__pricing:active,
.button__pricing:focus {
background-color: #6bd6ba;
border: none;
color: #fff !important;
}
.button__pricing-black {
max-width: 173px;
background: #444B56;
border: 1.5px solid #444B56;
}
.button__pricing-black:hover,
.button__pricing-black:active,
.button__pricing-black:focus {
border: 1.5px solid #444B56;
color: #444b56;
background: #fff!important;
}
.button__started {
max-width: 170px;
background: #4CC3A5;
}
.button__started:hover,
.button__started:active,
.button__started:focus {
background-color: #6bd6ba;
border: none;
color: #fff !important;
}
.button__create {
max-width: 192px;
background: #4CC3A5;
}
.button__create:hover,
.button__create:active,
.button__create:focus {
background-color: #6bd6ba;
border: none;
color: #fff !important;
}
.button__jobboard {
max-width: 161px;
border: 1.5px solid #FFFFFF;
margin-left: 30px;
}
.button__jobboard:hover,
.button__jobboard:active,
.button__jobboard:focus {
background: #EBECEA;
color: #444B56;
}
.button__services {
max-width: 180px;
background: #444B56;
color: #fff;
border: 1.5px solid #444B56;
}
.button__services:hover,
.button__services:active,
.button__services:focus {
border: 1.5px solid #444B56;
color: #444b56;
background: #fff
}
.button__conntect-board {
max-width: 219px;
background: #4CC3A5;
}
.button__conntect-board:hover,
.button__conntect-board:active,
.button__conntect-board:focus {
background-color: #6bd6ba;
border: none;
color: #fff !important;
}
.button_talent {
border: 1.5px solid #444B56;
}
.button_talent:hover,
.button_talent:active,
.button_talent:focus {
border: 1.5px solid #444B56;
color: #444b56;
background: #fff!important;
}
.button__conntect-create{
max-width: 215px;
background: #4CC3A5;
}
.button__conntect-create:hover,
.button__conntect-create:active,
.button__conntect-create:focus {
background-color: #6bd6ba;
border: none;
color: #fff !important;
}
.button__post {
max-width:163px;
background: #4CC3A5;
margin-right:30px;
}
.button__post:hover,
.button__post:active,
.button__post :focus {
background-color: #6bd6ba;
border: none;
color: #fff !important;
}
.button__request {
max-width: 217px;
color: #444B56;
border: 1.5px solid #444B56;
}
.button__request:hover,
.button__request:active,
.button__request:focus {
background: #444B56;
color: #fff;
border: 1.5px solid #444B56;
}
@media(max-width: 500px){
.button {
font-size: 14px;
line-height: 16px;
padding: 12px 0;
}
.button__post {
display: flex;
justify-content: center;
align-items: center;
}
}
/*======================
* New Header
=======================*/
.new-header {
position: fixed;
width: 100%;
z-index: 999;
top: 0;
transition: all 0.4s ease-in-out;
}
/** Active Scroll Header **/
.new-header.active {
background: #fff;
}
.new-header.active container {
padding: 10px 50px;
}
.new-header.active .header-col-center nav ul li a {
color: #444B56;
font-size: 14px;
}
.new-header.active .header-col-center .button-container .button__login {
color: #444B56!important;
font-size: 14px;
}
.new-header.active .header-col-left .logo-black {
display: block;
max-width: 100px;
}
.new-header.active .header-col-left .logo-white {
display: none;
}
.new-header.active .header-col-center nav ul li:after {
background: #444B56;
}
.new-header.active .header-col-center nav ul li:hover:after,
.new-header.active .header-col-center nav ul li:active:after,
.new-header.active .header-col-center nav ul li:focus:after{
background: #444B56;
}
.new-header.active .header-col-center .button__contact-header {
max-width: 120px;
padding: 10px 0;
font-size: 14px;
}
@media (max-width: 998px) {
.new-header {
background: #fff;
}
.new-header.active container {
padding: 22px!important;
}
.new-header container {
padding: 22px!important;
}
.new-header .header-col-left .logo-black {
display: block;
}
.new-header .header-col-left .logo-white {
display: none;
}
.header-col-center nav ul li:after {
display: none;
}
}
/** END Active Scroll Header **/
.new-header container {
max-width: 1441px;
width: 100%;
margin: auto;
padding: 42px 50px;
transition: all 0.4s ease-in-out;
}
.new-header container row {
display: flex;
justify-content: space-between;
align-items: center;
}
.new-header .header-col-left {
max-width: 132px;
width: 100%;
display: flex;
justify-content: space-between;
margin-right: 72px;
}
.new-header .header-col-left .logo-black{
max-width: 132px;
width: 100%;
transition: all 0.3s ease;
}
.new-header .header-col-left .logo-white{
max-width: 132px;
width: 100%;
display: none;
}
.page-template-templage-NewBecomeCandidate .new-header .header-col-left .logo-white,
.page-template-template-newContact .new-header .header-col-left .logo-white {
display:block;
}
.page-template-templage-NewBecomeCandidate .new-header .header-col-left .logo-black,
.page-template-template-newContact .new-header .header-col-left .logo-black {
display: none;
}
.page-template-templage-NewBecomeCandidate .new-header.active .header-col-left .logo-black,
.page-template-template-newContact .new-header.active .header-col-left .logo-black {
display:block!important;
}
.page-template-templage-NewBecomeCandidate .new-header.active .header-col-left .logo-white,
.page-template-template-newContact .new-header.active .header-col-left .logo-white {
display: none!important;
}
.new-header .header-col-center {
width: 100%;
}
.new-header .header-col-center-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.page-template-template-newContact .new-header .header-col-center nav {
margin-right: 305px;
}
.page-template-template-newContact .new-header .header-col-center nav ul {
flex-wrap: wrap;
margin-top: 14px;
}
.page-template-template-newContact .new-header .header-col-center nav li {
margin-bottom: 17px;
}
.page-template-template-newContact .new-header.active .header-col-center nav {
margin-right: 0px;
}
.page-template-template-newContact .new-header.active .header-col-center nav ul {
flex-wrap: unset;
margin-top: unset;
}
.page-template-template-newContact .new-header.active .header-col-center nav li {
margin-bottom: 0;
}
.new-header .header-col-center nav {
max-width: 531px;
width: 100%;
align-self: center;
margin-right: 30px;
}
.new-header .header-col-center nav ul {
display: flex;
justify-content: space-between;
padding: 0;
margin: 0;
}
.new-header .header-col-center nav ul li {
position:relative;
list-style-type: none;
}
.new-header .header-col-center nav ul li:after {
bottom: -11.5px;
content: "";
height: 2px;
left: 0px;
position: absolute;
width: 100%;
background: #444B56;
transform: scaleX(0);
transition: all 0.4s ease 0s;
}
.new-header .header-col-center nav ul li:hover:after,
.new-header .header-col-center nav ul li:active:after,
.new-header .header-col-center nav ul li:focus:after{
bottom: -11.5px;
content: "";
height: 2px;
left: 0px;
position: absolute;
width: 100%;
background: #444B56;
transform: scaleX(1);
transition: all 0.4s ease 0s;
}
.new-header .header-col-center nav ul .current-menu-item:after {
bottom: -11.5px;
content: "";
height: 2px;
left: 0px;
position: absolute;
width: 100%;
background: #444B56;
transform: scaleX(1);
transition: all 0.4s ease 0s;
}
.page-template-templage-NewBecomeCandidate .new-header .header-col-center nav ul .current-menu-item:after,
.page-template-template-newContact .new-header .header-col-center nav ul .current-menu-item:after{
bottom: -11.5px;
content: "";
height: 2px;
left: 0px;
position: absolute;
width: 100%;
background: #fff;
transform: scaleX(1);
transition: all 0.4s ease 0s;
}
.page-template-templage-NewBecomeCandidate .new-header.active .header-col-center nav ul .current-menu-item:after,
.page-template-template-newContact .new-header .header-col-center.active nav ul .current-menu-item:after{
bottom: -11.5px;
content: "";
height: 2px;
left: 0px;
position: absolute;
width: 100%;
background: #444B56;
transform: scaleX(1);
transition: all 0.4s ease 0s;
}
.page-template-templage-NewBecomeCandidate .new-header .header-col-center nav ul li:hover:after,
.page-template-templage-NewBecomeCandidate .new-header .header-col-center nav ul li:active:after,
.page-template-templage-NewBecomeCandidate .new-header .header-col-center nav ul li:focus:after,
.page-template-template-newContact .new-header .header-col-center nav ul li:hover:after,
.page-template-template-newContact .new-header .header-col-center nav ul li:active:after,
.page-template-template-newContact .new-header .header-col-center nav ul li:focus:after{
background: #fff;
}
.page-template-templage-NewBecomeCandidate .new-header.active .header-col-center nav ul li:hover:after,
.page-template-templage-NewBecomeCandidate .new-header.active .header-col-center nav ul li:active:after,
.page-template-templage-NewBecomeCandidate .new-header.active .header-col-center nav ul li:focus:after,
.page-template-template-newContact .new-header.active .header-col-center nav ul li:hover:after,
.page-template-template-newContact .new-header.active .header-col-center nav ul li:active:after,
.page-template-template-newContact .new-header.active .header-col-center nav ul li:focus:after{
background: #444B56;
}
.page-template-templage-NewBecomeCandidate .new-header .header-col-center nav ul li a,
.page-template-template-newContact .new-header .header-col-center nav ul li a {
color: #fff;
}
.page-template-templage-NewBecomeCandidate .new-header.active .header-col-center nav ul li a,
.page-template-template-newContact .new-header.active .header-col-center nav ul li a {
color: #444B56;
}
.new-header .header-col-center nav ul li a {
font-family: 'Inter', sans-serif!important;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #444B56;
transition: all 0.4s ease-in-out;
}
.new-header .header-col-center .button-container {
max-width: 260px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.page-template-templage-NewBecomeCandidate .new-header .header-col-center .button-container .button__login {
color: #fff;
}
.new-header .header-col-center .button-container .button__login {
display: contents;
color: #444B56;
padding: 0;
transition: all 0.4s ease-in-out;
}
.new-header .header-col-center .button-container .button__login:hover,
.new-header .header-col-center .button-container .button__login:active,
.new-header .header-col-center .button-container .button__login:focus{
color: #4BC3A4;
}
.new-header .header-col-center .button__contact-header {
max-width:141px;
background: #4CC3A5;
transition: all 0.4s ease-in-out;
}
.new-header .header-col-center .button-container .button__contact-header:hover,
.new-header .header-col-center .button-container .button__contact-header:active,
.new-header .header-col-center .button-container .button__contact-header:focus{
background-color: #6bd6ba;
border: none;
color: #fff !important;
}
.new-header .header-col-right {
display: none;
}
@media (max-width: 998px) {
.page-template-templage-NewBecomeCandidate .new-header .header-col-left .logo-white, .page-template-template-newContact .new-header .header-col-left .logo-white {
display:none;
}
.page-template-templage-NewBecomeCandidate .new-header .header-col-left .logo-black, .page-template-template-newContact .new-header .header-col-left .logo-black {
display: block;
}
.page-template-templage-NewBecomeCandidate .new-header.active .header-col-center nav ul li a, .page-template-template-newContact .new-header.active .header-col-center nav ul li a {
color: #fff!important;
}
.new-header .header-col-center {
display: none;
position: absolute;
max-width: unset;
width: 63rem;
padding: 35px;
right: 0px;
top: 95px;
background: #444B56;
box-shadow: 0 4px 5px -5px #333;
}
.new-header .header-col-center-wrapper {
align-items: flex-end;
flex-direction: column;
}
.new-header .header-col-center nav {
align-self: flex-end;
text-align: right;
margin-left: auto;
margin-right: 0;
}
.page-template-template-newContact .new-header .header-col-center nav {
margin-right: unset;
}
.page-template-template-newContact .new-header .header-col-center nav ul {
flex-wrap: unset;
margin-top: unset;
}
.page-template-template-newContact .new-header .header-col-center nav li {
margin-bottom: unset;
}
.new-header .header-col-center nav ul {
flex-direction: column;
}
.new-header .header-col-center nav ul li {
line-height: 35px;
transition: all 0.4s ease-in-out
}
.new-header .header-col-center nav ul li:hover a {
color: #4CC3A5;
}
.new-header .header-col-center nav ul li a {
font-size: 14px;
color: #fff;
transition: all 0.4s ease-in-out
}
.new-header .header-col-center .button-container {
margin-top: 20px;
margin-left: auto;
}
.new-header .header-col-right {
display: flex;
width: 35px;
height: 29px;
justify-content: center;
align-items: center;
cursor: pointer;
transform: rotate(180deg);
}
.new-header .header-col-center .button-container .button__login {
color: #fff!important;
}
.new-header .header-col-right .mob-menu {
position: relative;
display: block;
background-color: #4CC3A5;
border-radius: 2px;
width: 28px;
height: 2px;
transition: .3s all;
}
.new-header .header-col-right .mob-menu:before{
content: '';
position: absolute;
top: -7px;
left: 0;
background-color: #4CC3A5;
border-radius: 2px;
width: 36px;
height: 2px;
transition: .3s all;
}
.new-header .header-col-right .mob-menu:after {
content: '';
position: absolute;
bottom: -7px;
left: 0;
background-color: #4CC3A5;
border-radius: 2px;
width: 36px;
height: 2px;
transition: .3s all;
}
.header-col-right.open .mob-menu {
background-color: transparent;
transition: .3s all;
}
.header-col-right.open .mob-menu:before {
transform: rotateZ(45deg);
top: 0px;
transition: .3s all;
}
.header-col-right.open .mob-menu:after {
transform: rotateZ(-45deg);
bottom: 0px;
transition: .3s all;
}
}
/*======================
* New Footer
=======================*/
.new-footer {
background: #F7F7F7;
}
.copyright {
font-family: 'Inter', sans-serif!important;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 15px;
text-align: center;
color: #444B56;
}
.new-footer container{
max-width: 1291px;
width: 100%;
padding: 71px 25px 21px;
margin: auto;
}
.new-footer container row {
display: flex;
justify-content: space-between;
margin-bottom: 90px;
}
.new-footer .footer-logo {
max-width: 189px;
width: 100%;
margin-right: 50px;
}
.new-footer .footer-logo img {
max-width: 189px;
width: 100%;
}
.new-footer .footer-navigation {
max-width: 826px;
width: 100%;
display: flex;
justify-content: space-between;
}
.new-footer .footer-navigation .navigation {
flex-basis: 24%;
}
.new-footer .footer-navigation .navigation ul {
padding: 0;
margin: 0;
}
.new-footer .footer-navigation .navigation ul li {
list-style-type: none;
}
.new-footer .footer-navigation .navigation ul li a {
font-family: 'Inter', sans-serif!important;
font-style: normal;
font-weight: 600;
font-size: 1rem;
line-height: 34px;
color: #444B56;
transition: all .4s ease-in-out;
}
.new-footer .footer-navigation .navigation ul li a:hover {
color: #4BC3A4;
}
.new-footer .footer-navigation .navigation h6 {
font-family: 'Red Hat Display', sans-serif!important;
font-style: normal;
font-weight: bold;
font-size: 1rem;
line-height: 26px;
color: #000000;
margin: 0 0 24px 0;
}
.new-footer .footer-navigation .navigation__company {
}
.new-footer .footer-navigation .navigation__hiring {
}
.new-footer .footer-navigation .navigation__candidates {
}
@media (max-width: 998px) {
.new-footer container {
padding: 21px 15px 21px;
}
.new-footer container row {
flex-wrap: wrap;
margin-bottom: 50px;
}
.new-footer .footer-logo {
margin: 0px 0 16px 0;
}
.new-footer .footer-navigation {
display: block;
}
.new-footer .footer-navigation .navigation h6 {
margin: 0 0 9px 0;
}
.new-footer .footer-navigation .navigation {
flex-basis: unset;
margin-bottom: 30px;
}
.new-footer .footer-navigation .navigation:last-child{
flex-basis: unset;
margin-bottom: 0px;
}
}
/*================================================
* New Home Page
=================================================*/
/*===================================
* Section | Teamed Preview
===================================*/
.teamed-preview {
max-width: 1440px;
margin: auto;
margin-top: 150px;
margin-bottom: 120px;
}
.teamed-preview container {
max-width: 1337px;
padding: 0 15px 0 0;
margin-right: auto;
}
/** Preview photo **/
.teamed-preview container row {
display: flex;
justify-content: space-between;
align-items: center;
}
.teamed-preview .preview-photo-content {
position: relative;
margin-right: 20px;
}
.teamed-preview .preview-photo-content {
position: relative;
margin-right: 20px;
display: flex;
align-items: center;
}
/**ANIMATION IMAGES**/
.prev-animation-photo {
perspective: 1000px;
}
.preview-photo-content h1 {
display: none;
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 3.6rem;
line-height: 4.6rem;
color: #000000;
}
.prev-animation {
max-width: 640px;
width: 100%;
height: auto;
position: relative;
transition: .5s all ease-out;
transform: rotateY(0) scale(1);
}
.prev-animation-photo.active .prev-animation {
transform: rotateY(.5turn);
}
.prev-animation-photo.active:after{
transform: rotateY(.5turn);
opacity: 0;
}
.prev-animation-photo.active .main-photo-animation-bot{
opacity: 1;
transition-delay: .17s
}
.prev-animation-photo.active .photo-info{
transform: rotateY(.5turn);
opacity: 0;
}
.main-photo-animation-bot {
opacity: 0;
transition-delay: .17s;
transform: rotateY(.5turn);
}
.prev-animation-photo:after {
position: absolute;
content: '';
bottom: 4px;
left: 0;
max-width: 640px;
width: 100%;
height: 205.71px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, #000000 100%);
transition: .5s all ease-out;
transform: rotateY(0) scale(1);
opacity: 0.25;
}
.preview-photo-content img {
position: absolute;
top: 0;
left: 0;
height: auto;
/* width: 100%; */
max-width: 100%;
}
.hiring-preview .preview-photo-content img {
position: relative;
top: 0;
left: 0;
height: auto;
/* width: 100%; */
max-width: 100%;
}
.preview-photo-content .photo-info {
position: absolute;
left: 30px;
bottom: 52px;
z-index: 2;
transition: .5s all ease-out;
transform: rotateY(0) scale(1);
opacity: 1;
text-align: left;
}
.preview-photo-content .main-photo-animation-hed {
position: relative;
}
.preview-photo-content .main-photo-animation-bot {
position: absolute;
top: 0;
left: 0;
height: auto;
/* width: 100%; */
max-width: 100%;
}
/** END ANIMATION **/
.teamed-preview .preview-photo-content .photo-info h6 {
font-family: 'Inter', sans-serif!important;
font-weight: bold;
font-size: 1rem;
line-height: 19px;
color: #F7F7F7;
margin-top: 0;
margin-bottom: 6px;
}
.teamed-preview .preview-photo-content .photo-info span {
font-family: 'Inter', sans-serif!important;
font-weight: bold;
font-size: 12px;
line-height: 19px;
color: #F7F7F7;
}
/** Preview info **/
.teamed-preview .preview-info-content {
max-width: 604px;
}
.teamed-preview .preview-info-content h1 {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 5rem;
line-height: 5.3rem;
color: #000000;
margin-bottom: 20px;
}
.teamed-preview .preview-info-content p {
font-family: 'Inter', sans-serif!important;
font-weight: normal;
font-size: 1.15rem;
line-height: 32px;
color: #444B56;
margin-bottom: 30px;
}
.teamed-preview .preview-info-content .button-container {
display: flex;
max-width: 376px;
margin-bottom: 58px;
}
.teamed-preview .preview-info-content .preview-brands {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.brand-item img {
max-width: 110%;
display: block;
}
/*===================================
* Section | Hiring Services
===================================*/
.hirings-services {
background-repeat: no-repeat;
background-position: center 15rem;
background-size: 118%;
}
@media(max-width: 1440px) {
.hirings-services {
background-position: center bottom;
background-size: unset;
}
.home .hirings-services {
background-position: center 15rem;
}
}
.hirings-services container {
max-width: 1340px;
padding: 0 15px;
margin: auto;
}
.hirings-services .services-titles {
max-width: 572px;
text-align: center;
margin: auto;
margin-bottom: 200px;
}
.hirings-services .services-titles h2 {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 60px;
line-height: 79px;
color: #000000;
margin-top: 0;
margin-bottom: 27px;
}
.hirings-services .services-titles p {
position:relative;
font-family: 'Inter', sans-serif!important;
font-weight: normal;
font-size: 1.15rem;
line-height: 32px;
color: #444B56;
margin-bottom: 0px;
padding-bottom:46px;
}
.hirings-services .services-titles p:before {
position: absolute;
content: '';
max-width: 271px;
width: 100%;
height: 2px;
background: #4CC3A5;
left: 0;
right: 0;
bottom: 0;
margin-right: auto;
margin-left: auto;
}
/** Hiring Services Item **/
.services-container {
}
.services-container-item:first-child {
margin-bottom: 208px
}
.services-container-item {
margin-bottom: 180px
}
.services-container-item:last-child {
margin-bottom: 0;
padding-bottom: 90px;
}
.services-container-item:last-child .services-images {
}
.services-container-item:last-child .services-images img {
max-width:465px;
width: 70%;
}
.services-container-item:last-child .services-images img+img {
margin-top: 20px;
}
.services-container-item:last-child .services-images .images-header-animation {
margin-left: 50px;
box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.1);
}
.services-container-item:last-child .services-images .images-middle-animation {
margin-left: auto;
box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.1);
}
.services-container-item:last-child .services-images .images-bottom-animation {
margin-right: auto;
box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.1);
}
.services-container-item:nth-child(2n+1) {
display: flex;
justify-content: space-between;
align-items: center;
}
.services-container-item:nth-child(2n) {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center;
}
.services-container-item .services-content{
max-width: 458px;
width: 100%;
}
.services-container-item:nth-of-type(1) .services-content {
margin-right: 25px;
}
.services-container-item:nth-of-type(2) .services-content {
margin-left: 25px;
}
.services-container-item:nth-of-type(3) .services-content {
margin-right: 25px;
}
.services-container-item:nth-of-type(4) .services-content {
margin-left: 25px;
}
.services-container-item .services-content i {
font-size: 30px;
color: #4CC3A5;
margin-bottom: 8px;
}
.services-container-item .services-content h3{
font-family: 'Red Hat Display', sans-serif!important;
font-weight: bold;
font-size: 28px;
line-height: 37px;
color: #000000;
margin: 0 0 16px 0;
}
.services-container-item .services-content p{
font-family: 'Inter', sans-serif!important;
font-weight: normal;
font-size: 1.15rem;
line-height: 32px;
color: #444B56;
margin: 0 0 20px 0;
}
.services-container-item .services-images {
max-width: 730px;
width: 100%;
}
.services-container-item .services-images img {
display: block;
}
.services-container-item .services-images .image-big:first-child {
max-width:681px;
display: block;
}
.services-container-item .services-images .image-big:last-child {
max-width:793px;
display: block;
}
.services-container-item:nth-child(2n+1) .services-images .image-small {
max-width: 464px;
/*width: 72%;*/
margin-left: 37%;
margin-top: -80px;
}
.services-container-item:nth-child(2n) .services-images .image-big {
margin-left: auto;
}
.services-container-item:nth-child(2n) .services-images .image-small {
margin-top: -130px;
}
/** Photo **/
.services-container-item .services-photo {
max-width: 620px;
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.services-container-item .services-photo .services-photo-item{
position: relative;
max-width: 300px;
height: 100%;
margin-bottom: 20px;
flex-basis: 49%;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.7s ease-in-out;
}
.services-container-item .services-photo .services-photo-item.active {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.services-container-item:nth-of-type(1) .services-images .image-big {
display: block;
max-width: 681px;
width: 94%;
box-shadow: 0px 0px 50px 10px rgb(0 0 0 / 10%);
border-radius: 5px;
}
.services-container-item:nth-of-type(2) .services-images .image-big {
margin-left: auto;
max-width: 681px;
width: 94%;
display: block;
box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.1);
}
.services-container-item:nth-of-type(2) .services-images .image-small {
box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.05);
max-width: 359px;
width: 100%;
}
.services-container-item .services-photo .services-photo-item:last-child{
margin-top: -67px;
}
.services-container-item .services-photo .services-photo-item:nth-child(2n+1) {
margin-top: 67px;
}
.services-container-item .services-photo .services-photo-item:nth-child(5n-2) {
margin-top: 0px;
}
.services-container-item:nth-of-type(4n) .services-images .image-big {
}
.services-container-item .services-photo .services-photo-item:after{
position: absolute;
content: '';
bottom: 0px;
left: 0;
max-width: 300px;
width: 100%;
height: 114px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, #000000 100%);
opacity: 0.25;
}
.services-container-item .services-photo .services-photo-item img{
display: block;
max-width:300px;
width: 100%;
}
.services-container-item .services-photo .services-photo-item .photo-info {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 2;
}
.services-container-item .services-photo .services-photo-item .photo-info h6 {
font-family: 'Inter', sans-serif!important;
font-weight: bold;
font-size: 1rem;
line-height: 19px;
color: #F7F7F7;
margin-top: 0;
margin-bottom: 6px;
}
.services-container-item .services-photo .services-photo-item .photo-info p {
font-family: 'Inter', sans-serif!important;
font-weight: bold;
font-size: 12px;
line-height: 19px;
color: #F7F7F7;
margin: 0;
}
/*===================================
* Section | Explore the Positions
===================================*/
.explore-positions {
position: relative;
background-size: cover;
background-position: center;
/* max-width: 1440px; */
margin: auto;
}
.explore-positions:before {
position:absolute;
content: '';
width: 100%;
height: 100%;
background: rgb(68 75 86 / 97%);
}
.explore-positions container {
position: relative;
max-width: 1311px;
padding: 90px 15px 85px;
margin: auto;
z-index: 2
}
.explore-positions .explore-positions-titles {
max-width:833px;
text-align: center;
margin: auto;
margin-bottom: 120px;
}
.explore-positions .explore-positions-titles h2 {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 3.75rem;
line-height: 79px;
color: #fff;
margin-top: 0;
margin-bottom: 27px;
}
.explore-positions .explore-positions-titles p {
position: relative;
font-family: 'Inter', sans-serif!important;
width: 51%;
font-weight: normal;
font-size: 1.15rem;
line-height: 32px;
color: #fff;
margin: auto;
margin-bottom: 0px;
padding-bottom: 49px;
}
.explore-positions .explore-positions-titles p:before {
position: absolute;
content: '';
max-width: 217px;
width: 100%;
height: 2px;
background: #4CC3A5;
left: 0;
right: 0;
bottom: 0;
margin-right: auto;
margin-left: auto;
}
/** Explore Positions List **/
.explore-positions-list {
display: flex;
flex-wrap:wrap;
justify-content: space-between;
margin-bottom: 54px;
}
.explore-positions-list .explore-positions-list-item {
flex-basis: 30%;
margin-bottom: 90px;
display: flex;
}
.explore-positions-list .explore-positions-list-item i {
font-size: 20px;
color: #4CC3A5;
margin-right: 10px;
font-weight: 100;
}
.explore-positions-list .explore-positions-list-item h6 {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: bold;
font-size: 18px;
line-height: 24px;
margin-top: 0;
margin-bottom: 11px;
color: #F7F7F7;
}
.explore-positions-list .explore-positions-list-item p {
font-family: 'Inter', sans-serif!important;
font-size: 1rem;
line-height: 26px;
color: #DDDFE3;
margin: auto;
margin-bottom: 0px;
}
/*===================================
* Section | Pricing
===================================*/
.pricing {
margin-bottom: 155px;
}
.pricing container {
position: relative;
max-width: 1440px;
margin: auto;
background: #DDDFE3;
}
.pricing container:before {
position: absolute;
content: '';
background: #DDDFE3;
left: -100%;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.pricing container row {
display: flex;
justify-content: space-between;
align-items: center;
}
.pricing .pricing-info {
max-width: 504px;
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
.pricing .pricing-info h2 {
position: relative;
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 3.75rem;
line-height: 79px;
color: #000;
margin-top: 0;
margin-bottom:42px;
padding-bottom: 25px;
}
.pricing .pricing-info h2:after {
position: absolute;
content: '';
max-width: 217px;
width: 100%;
height: 2px;
background: #4CC3A5;
left: 0;
bottom: 0;
}
.pricing .pricing-info p {
font-family: 'Inter', sans-serif!important;
font-size: 1.13rem;
line-height: 30px;
color: #444B56;
margin-bottom: 23px;
}
.pricing .pricing-info ul {
padding-left: 27px;
margin-bottom: 38px;
}
.pricing .pricing-info ul li {
position: relative;
font-family: 'Inter', sans-serif!important;
font-weight: 600;
font-size: 1.13rem;
line-height: 30px;
color: #444B56;
list-style-type: none;
margin-bottom: 20px;
}
.pricing .pricing-info ul li:last-child {
margin: 0;
}
.pricing .pricing-info ul li:after {
position: absolute;
content: "\f058";
font-family: "Font Awesome 5 Pro";
font-weight: 600;
left: -27px;
top: 0;
font-size: 17px
}
/** Photo Content **/
.pricing .pricing-photo-content {
position:relative;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.7s ease-in-out;
}
.pricing .pricing-photo-content.active{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.pricing .pricing-photo-content img {
display: block;
max-width: 720px;
width: 100%;
}
.pricing .pricing-photo-content .photo-info {
position: absolute;
left: 30px;
bottom: 30px;
z-index: 2;
}
.pricing .pricing-photo-content .photo-info h6 {
font-family: 'Inter', sans-serif!important;
font-weight: bold;
font-size: 1rem;
line-height: 19px;
color: #F7F7F7;
margin-top: 0;
margin-bottom: 6px;
}
.pricing .pricing-photo-content .photo-info span {
font-family: 'Inter', sans-serif!important;
font-weight: bold;
font-size: 12px;
line-height: 19px;
color: #F7F7F7;
}
/*===================================
* Section | Testimonials
===================================*/
.testimonials {
}
.testimonials container {
max-width: 1374px;
padding: 0 15px;
margin: auto;
}
.testimonials container row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.testimonials-item {
max-width: 600px;
width: 100%;
border-radius: 8px;
min-height: 522px;
padding: 0 25px;
}
.testimonials-item .testimonials-logo {
position: relative;
width: 127px;
height: 127px;
background: #4CC3A5;
border-radius: 50%;
margin: auto;
}
.testimonials-item .testimonials-logo img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.testimonials-item .testimonials-info {
padding: 18% 6.8% 7.9%;
background: #F7F7F7;
margin-top: -70px;
border-radius: 8px;
}
.testimonials-item .testimonials-info .testimonials-content {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 32px;
}
.testimonials-item .testimonials-info .testimonials-content img {
width: 50px;
height: 50px;
border-radius: 50%;
}
.testimonials-item .testimonials-info .testimonials-content .position{
margin-left: 12px;
}
.testimonials-item .testimonials-info .testimonials-content .position h6{
font-family: 'Inter', sans-serif!important;
font-weight: bold;
font-size: 1.13rem;
line-height: 20px;
color: #000;
margin: 0;
}
.testimonials-item .testimonials-info .testimonials-content .position span {
font-family: 'Inter', sans-serif!important;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #444B56;
margin: 0;
}
.testimonials-item .testimonials-info .testimonials-content-text p{
font-family: 'Inter', sans-serif!important;
font-weight: 500;
text-align: center;
font-size: 1.13rem;
line-height: 33px;
color: #000;
margin: 0;
min-height: 232px;
}
/** Slider Testimonials **/
.testimonials-slider .slick-track {
justify-content: space-between!important;
}
.testimonials-slider .slick-next {
background: none;
right: -15px;
}
.testimonials-slider .slick-next:before {
font-family: "Font Awesome 5 Pro";
content: "\f054";
font-weight: 900;
color: #444B56;
font-size: 24px;
}
.testimonials-slider .slick-prev {
background: none;
left: -15px;
}
.testimonials-slider .slick-prev:before {
font-family: "Font Awesome 5 Pro";
content: "\f053";
font-weight: 900;
font-weight: 900;
color: #444B56;
font-size: 24px;
}
.slick-next:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
color: #4CC3A5;
outline: none;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
color: #4CC3A5;
outline: none;
}
/*===================================
* Section | Testimonials
===================================*/
.ready-hire {
}
.ready-hire container {
max-width: 1470px;
width: 100%;
padding: 114px 15px;
margin: auto;
}
.ready-hire-wrapper {
max-width: 542px;
text-align: center;
margin: auto;
}
.ready-hire-wrapper h2 {
position: relative;
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 3.75rem;
line-height: 80px;
color: #000;
margin-top: 0;
margin-bottom: 42px;
padding-bottom: 25px;
}
.ready-hire-wrapper h2:after {
position: absolute;
content: '';
max-width: 217px;
width: 100%;
height: 2px;
background: #4CC3A5;
left: 0;
right: 0;
bottom: 0;
margin-right: auto;
margin-left: auto;
}
.ready-hire-wrapper p {
font-family: 'Inter', sans-serif!important;
font-size: 1.13rem;
line-height: 22px;
color: #444B56;
margin-bottom: 40px;
margin-top: 0;
}
/*===================================
* MEDIA 1170
===================================*/
@media (max-width: 1170px) {
.teamed-preview .preview-info-content {
width: 60%;
}
.teamed-preview .preview-info-content h1 {
font-size: 4.5rem;
line-height: 4.6rem;
}
}
/*===================================
* MEDIA 998
===================================*/
@media (max-width: 998px) {
.teamed-preview {
margin-bottom: 25px;
margin-top: 100px;
}
/* container {
padding: 0 25px 0;
} */
.teamed-preview container {
padding: 0 25px 0;
}
.teamed-preview container row {
flex-direction: column;
}
.teamed-preview .preview-photo-content {
margin-right: 0px;
text-align: center;
margin-left: -25px;
}
.teamed-preview .preview-info-content {
width: 100%;
}
.teamed-preview .preview-info-content h1 {
font-size: 3.6rem;
line-height: 3.6rem;
display: none;
}
.preview-photo-content h1 {
display: block;
margin: 0;
text-align: left;
max-width: 360px;
/*transform: translate(-31px, 0);*/
margin-left: 15px
}
.teamed-preview .preview-info-content p {
font-size: 1rem;
line-height: 28px;
}
.teamed-preview .preview-info-content .button-container {
margin-bottom: 28px;
}
.teamed-preview .preview-info-content .preview-brands .brand-item {
margin-bottom: 12px;
}
/*===================================
* Section | Hirings Services
===================================*/
.hirings-services {
background-size: cover;
background-position-y: 23rem;
}
.hirings-services container {
padding: 0 25px 1px;
}
.hirings-services .services-titles {
margin-bottom: 50px;
}
.hirings-services .services-titles h2 {
font-size: 3rem;
line-height: 50.6px;
}
.hirings-services .services-titles p {
font-size: 1rem;
line-height: 28px;
}
.services-container-item:first-child {
margin-bottom: 100px;
}
.services-container-item {
margin-bottom: 100px;
}
.services-container-item:nth-of-type(1) .services-content {
margin-right: 0px;
}
.services-container-item:nth-of-type(2) .services-content {
margin-left: 0px;
}
.services-container-item:nth-of-type(3) .services-content {
margin-right: 0px;
}
.services-container-item:nth-of-type(4) .services-content {
margin-left: 0px;
}
.services-container-item:last-child {
margin-bottom: 0px;
}
.services-container-item:nth-child(2n+1) {
flex-direction: column;
}
.services-container-item:nth-child(2n) {
flex-direction: column;
}
.services-container-item:nth-of-type(2) .services-images .image-small {
max-width: 359px;
width: 50%;
}
.services-container-item:nth-of-type(4) .services-images .image-big {
max-width: 793px;
width: 100%;
}
.services-container-item .services-content h3 {
font-size: 26px;
line-height: 28px;
}
.services-container-item .services-content p {
font-size: 1rem;
line-height: 28px;
}
.services-container-item .services-content {
margin-bottom: 50px;
}
/*===================================
* Section | Explore the Positions
===================================*/
.explore-positions container {
padding: 50px 25px 50px;
}
.explore-positions .explore-positions-titles h2 {
font-size: 3rem;
line-height: 50.6px;
}
.explore-positions .explore-positions-titles p {
font-size: 1rem;
line-height: 28px;
}
.explore-positions .explore-positions-titles {
margin-bottom: 80px;
}
.explore-positions-list .explore-positions-list-item:nth-of-type(6),
.explore-positions-list .explore-positions-list-item:nth-of-type(5),
.explore-positions-list .explore-positions-list-item:nth-of-type(4){
margin: 0;
}
/*===================================
* Section | Pricing
===================================*/
.pricing {
margin-bottom: 100px;
}
.pricing container {
background: unset;
}
.pricing container row {
flex-direction: column;
}
.pricing .pricing-info {
max-width: unset;
width: 100%;
padding: 50px 25px;
background: #DDDFE3;
}
.pricing .pricing-info h2 {
font-size: 3rem;
line-height: 50.6px;
margin-bottom: 32px;
}
.pricing .pricing-info p {
font-size: 1rem;
line-height: 28px;
}
.pricing .pricing-info ul li {
font-size: 1rem;
line-height: 28px;
}
/*===================================
* Section | Testimonials
===================================*/
.testimonials container {
padding: 0 25px;
}
.testimonials-item .testimonials-info .testimonials-content-text p {
font-size: 1rem;
line-height: 28px;
}
/*===================================
* Section | Ready Hire
===================================*/
.ready-hire container {
padding: 75px 15px;
}
.ready-hire-wrapper h2 {
font-size: 3rem;
line-height: 50.6px;
margin-bottom: 32px;
}
.ready-hire-wrapper p{
font-size: 1rem;
line-height: 22px;
}
}
/*===================================
* MEDIA 1300
===================================*/
@media (max-width: 1300px) {
.services-container-item:nth-child(2n+1) .services-images .image-small {
margin-top: -50px;
width: 72%;
margin-left: 25%;
}
}
/*===================================
* MEDIA 767
===================================*/
@media (max-width: 768px) {
/*===================================
* Section | Explore the Positions
===================================*/
.explore-positions-list .explore-positions-list-item {
flex-basis: 100%;
margin-bottom: 40px;
}
.explore-positions-list .explore-positions-list-item:nth-of-type(6) {
margin: 0px;
}
.explore-positions-list .explore-positions-list-item:nth-of-type(5),
.explore-positions-list .explore-positions-list-item:nth-of-type(4){
margin-bottom: 40px;
}
.services-container-item:nth-child(2n+1) .services-images .image-small {
margin-top: -25px;
width: 72%;
margin-left: 30%;
}
.preview-photo-content h1 {
font-size: 2.8rem;
line-height: 3.2rem;
}
}
/*===================================
* MEDIA 500
===================================*/
@media (max-width: 500px) {
.teamed-preview .preview-info-content h1 {
font-size: 2.7rem;
line-height: 3.2rem;
}
.preview-photo-content h1 {
font-size: 24px;
line-height: 32px;
max-width: 170px;
text-align:left!important;
}
.preview-photo-content .photo-info {
display: none;
}
.teamed-preview .preview-info-content .button-container {
margin: auto;
margin-bottom:28px;
}
.teamed-preview .preview-info-content .preview-brands {
justify-content: space-around;
}
.teamed-preview .preview-info-content .preview-brands .brand-item {
margin-bottom: 37px;
margin-left: 5px;
margin-right: 5px;
}
.teamed-preview .preview-info-content .preview-brands .brand-item:nth-of-type(3) {
/*margin-right: 0;*/
}
.teamed-preview .preview-info-content .preview-brands .brand-item:nth-of-type(5) {
/*margin-right: 0;*/
}
.hirings-services .services-titles h2 {
font-size: 2.4rem;
line-height: 43px;
}
.services-container-item:nth-child(2n) .services-images .image-small {
margin-top: -65px;
}
.explore-positions .explore-positions-titles h2 {
font-size: 2.4rem;
line-height: 43px;
}
.explore-positions .explore-positions-titles p{
width: 85%;
}
.pricing .pricing-info h2 {
font-size: 2.4rem;
line-height: 43px;
margin-bottom: 28px;
}
.testimonials-item .testimonials-info {
margin-top: -40px;
}
.ready-hire-wrapper h2 {
font-size: 2.4rem;
line-height: 43px;
margin-bottom: 28px;
}
.hirings-services {
background-position-y: 28rem;
}
}
/*================================================
* New Contact US Page
=================================================*/
.contact-teamed {
/* margin-top: 81px; */
}
.contact-us {
}
.contact-us container {
width: 100%;
margin: 0 auto;
}
.contact-us container row {
display: flex;
align-items: center;
justify-content: space-around;
}
.contact-us .left-content {
position: relative;
width: 100%;
min-height: 100vH;
background: #444B56;
}
.contact-us .left-content:after {
position: absolute;
content: '';
bottom: -50px;
left: 0;
width: 100%;
height: 1000px;
background: #444B56;
z-index: -1;
}
.contact-us .contactUs-info {
max-width: 824px;
width: 100%;
background: #444B56;
align-self: center;
margin: auto;
}
.contact-us .contactUs-info .contents {
padding: 115px 8.6% 8%;
}
.contact-us .contactUs-info .contents h1 {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 3.8rem;
line-height: 73px;
color: #F7F7F7;
margin-bottom: 20px;
width: 78%;
}
@media(max-width: 1170px){
.contact-us .contactUs-info .contents h1 {
font-size: 3.4rem;
line-height: 73px;
width: 85%;
}
.contact-us .contactUs-info .contents p {
width: 90%;
}
}
.contact-us .contactUs-info .contents p {
font-family: 'Inter', sans-serif!important;
font-weight: normal;
font-size: 1.15rem;
line-height: 32px;
color: #DDDFE3;
margin-bottom: 30px;
width: 78%;
}
.contact-us .contactUs-info .contents img {
max-width: 655px;
width: 100%;
}
.contact-us .form-container .gform_wrapper input::-webkit-input-placeholder,
.contact-us .form-container .gform_wrapper textarea::-webkit-input-placeholder{
color: #000;
opacity: 0.6;
}
::-webkit-input-placeholder {
color: red;
}
.contact-us .right-content {
display: flex;
position: relative;
width: 74%;
min-height: 100vH;
background: #EBECEA;
}
.contact-us .right-content:after {
position: absolute;
content: '';
bottom: -110px;
left: 0;
width: 100%;
height: 1520px;
background: #EBECEA;
z-index: -1;
}
.contact-us .form-container {
max-width: 664px;
width: 100%;
margin: auto;
}
.contact-us .form-container .gform_wrapper{
padding: 106px 16% 8%;
}
.contact-us .form-container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
max-width: 422px;
width: 100%;
padding: 16px 20px;
background: #FFFFFF;
border-radius: 8px;
border-left: none;
font-family: 'Inter', sans-serif!important;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
}
.contact-us .form-container .gform_wrapper textarea.medium {
max-width: 422px;
width: 100%;
padding: 16px 20px!important;
background: #FFFFFF!important;
border-radius: 8px;
border-left: none!important;
font-family: 'Inter', sans-serif!important;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
}
.contact-us .form-container .gform_wrapper .gform_footer input.button{
max-width: 192px;
width: 100%;
padding: 16px 0px;
border-radius: 8px;
font-size: 16px;
line-height: 19px;
cursor: pointer;
text-transform: capitalize;
}
/** ERROR **/
.gform_wrapper.gform_validation_error .gform_body {
padding-top: 0px !important;
}
.gform_wrapper div.validation_error {
border-top: 2px solid #ff766c !important;
border-bottom: 2px solid #ff766c !important;
color: #ff766c !important;
}
.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: none;
}
/*===================================
* MEDIA 998
===================================*/
@media(max-width: 998px){
.contact-us {
margin-top: 95px;
}
.contact-us container row {
flex-direction: column;
}
.contact-us .left-content {
min-height: auto;
}
.contact-us .contactUs-info {
max-width: 710px;
}
.contact-us .contactUs-info .contents {
padding: 80px 25px 70px;
}
.contact-us .contactUs-info .contents h1 {
width: 100%;
}
.contact-us .contactUs-info .contents p {
font-size: 1rem;
line-height: 28px;
width: 80%;
}
.contact-us .right-content {
width: 100%;
min-height: auto;
}
.contact-us .form-container {
max-width: 710px;
}
.contact-us .form-container .gform_wrapper {
padding: 80px 25px 70px;
}
.contact-us .form-container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.contact-us .form-container .gform_wrapper textarea.medium {
max-width: unset;
}
}
/*===================================
* MEDIA 500
===================================*/
@media (max-width: 500px) {
.contact-us .contactUs-info .contents h1 {
font-size: 2.7rem;
line-height: 3.2rem;
text-align: left;
}
.contact-us .contactUs-info .contents p {
width: 100%;
}
}
/*================================================
* New Become a Candidate Page
=================================================*/
.preview-hero container {
position: relative;
max-width: 1440px;
width: 100%;
margin: auto;
}
.become-candidate .preview-hero .big-avatar,
.become-candidate .preview-hero .average-avatar,
.become-candidate .preview-hero .below-average-avatar,
.become-candidate .preview-hero .small-avatar {
width: 10%;
border-radius: 50%;
position: absolute;
}
.become-candidate .preview-hero .big-avatar {
max-width: 103px;
top: 25%;
left: 4.5%;
}
.become-candidate .preview-hero .average-avatar {
max-width: 97px;
bottom: 10%;
right: 15%;
}
.become-candidate .preview-hero .below-average-avatar {
max-width: 77px;
right: 7%;
top: 26%;
}
.become-candidate .preview-hero .small-avatar {
max-width: 67px;
bottom: 40%;
left: 12%;
}
@media (max-width:1280px) {
.become-candidate .preview-hero .small-avatar {
left: inherit;
right: 90%;
}
}
.preview-hero {
background-size: cover;
background-repeat: no-repeat;
background-position:bottom;
margin-bottom: 118px;
}
.preview-hero .preview-hero-wrapper {
max-width: 838px;
width: 100%;
margin: auto;
padding: 233px 15px;
text-align: center;
}
.preview-hero .preview-hero-wrapper h1 {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 5rem;
line-height: 84px;
color: #fff;
margin-bottom: 20px;
}
.preview-hero .preview-hero-wrapper p {
font-family: 'Inter', sans-serif!important;
font-weight: normal;
font-size: 1.15rem;
line-height: 32px;
color: #DDDFE3;
margin-bottom: 30px;
}
.preview-hero .preview-hero-wrapper .button-container {
max-width: 386px;
display: flex;
margin: auto;
}
/*===========================
* Section | Getting Started
============================*/
.getting-started {
margin-bottom: 117px;
}
.getting-started container {
max-width: 1285px;
width: 100%;
padding: 0 15px;
margin: auto;
}
.getting-started .getting-started-titles {
text-align: center;
margin-bottom: 100px;
}
.getting-started .getting-started-titles h2 {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 3.8rem;
line-height: 5rem;
color: #000000;
margin-top: 0;
margin-bottom: 15px;
}
.getting-started .getting-started-titles span {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 900;
font-size: 14px;
line-height: 19px;
letter-spacing: 1px;
text-transform: uppercase;
color: #444B56;
}
.getting-started .staff-list-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.getting-started .staff-list-container .staff-list-item {
display: flex;
text-align: left;
flex-basis: 30%;
margin-bottom: 85px;
}
.getting-started .staff-list-container .staff-list-item i {
font-size: 20px;
line-height: 20px;
color: #4CC3A5;
margin-right: 14px;
}
.getting-started .staff-list-container .staff-list-item .info h6 {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: bold;
font-size: 1.13rem;
line-height: 24px;
margin: 0 0 11px 0;
}
.getting-started .staff-list-container .staff-list-item .info p {
font-family: 'Inter', sans-serif!important;
font-size: 1rem;
line-height: 26px;
color: #444B56;
margin: 0;
}
/*=================================
* Section | Connect with Job Opportunities
==================================*/
.connect-opportunities {
margin-bottom: 150px;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}
.connect-opportunities container {
max-width: 1271px;
width: 100%;
padding: 94px 15px 0;
margin: auto;
}
.connect-opportunities .connect-opportunities-titles {
text-align: center;
margin-bottom: 80px;
}
.connect-opportunities .connect-opportunities-titles h2 {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 3.8rem;
line-height: 5rem;
color: #000000;
margin-top: 0;
margin-bottom: 15px;
}
.connect-opportunities .connect-opportunities-titles span {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 900;
font-size: 14px;
line-height: 19px;
letter-spacing: 1px;
text-transform: uppercase;
color: #444B56;
}
.connect-opportunities .connect-opportunities-cards {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.connect-opportunities .connect-opportunities-cards .cards-item {
max-width: 591px;
width:100%;
padding: 3.8% 0;
background: #FFFFFF;
box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.05);
border-radius: 5px;
text-align: center;
flex-basis: 48%;
margin-bottom: 76px;
}
.connect-opportunities .connect-opportunities-cards .cards-item h3 {
position: relative;
font-family: 'Red Hat Display', sans-serif!important;
font-weight: bold;
font-size: 28px;
line-height: 37px;
color: #000000;
padding-bottom: 31px;
margin: 0 0 46px 0;
}
.connect-opportunities .connect-opportunities-cards .cards-item h3:before {
position: absolute;
content: '';
max-width: 216px;
width: 100%;
height: 4px;
background: #4CC3A5;
left: 0;
right: 0;
bottom: 0;
margin-right: auto;
margin-left: auto;
}
.connect-opportunities .connect-opportunities-cards .cards-item p {
display: block;
font-family: 'Inter', sans-serif!important;
font-weight: normal;
font-size: 1rem;
line-height: 26px;
color: #444B56;
margin: auto;
margin-bottom: 30px;
}
.connect-opportunities .connect-opportunities-cards .board-application-wrapper p {
width: 70%;
min-height: 104px;
}
.connect-opportunities .connect-opportunities-cards .create-account-wrapper p {
width: 78%;
}
@media (max-width:1102px) {
.connect-opportunities .connect-opportunities-cards .board-application-wrapper p {
min-height: 130px;
}
}
/*=================================
* Section | Manage Your Profile
==================================*/
.manage-profile {
margin-bottom: 177px;
}
.manage-profile container {
max-width: 1258px;
width: 100%;
padding: 0 15px;
margin: auto;
}
.manage-profile container row {
display: flex;
justify-content: space-between;
align-items: center;
}
.manage-profile .manage-profile-image img {
max-width: 600px;
width: 100%;
box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.manage-profile .manage-profile-content {
max-width: 475px;
width: 100%;
margin-left: 25px;
}
.manage-profile .manage-profile-content h3 {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: bold;
font-size: 1.8rem;
line-height: 37px;
color: #000000;
margin: 0 0 20px 0;
}
.manage-profile .manage-profile-content p {
font-family: 'Inter', sans-serif!important;
font-weight: 600;
font-size: 1.13rem;
line-height: 22px;
color: #444B56;
margin: 0px 0 26px 0;
}
.manage-profile .manage-profile-content-list ul {
padding-left: 27px;
}
.manage-profile .manage-profile-content-list li {
position: relative;
font-family: 'Inter', sans-serif!important;
font-weight: 600;
font-size: 1.13rem;
line-height: 30px;
color: #444B56;
list-style-type: none;
margin-bottom: 6px;
}
.manage-profile .manage-profile-content-list li:before {
position: absolute;
content: "\f058";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
left: -27px;
font-size: 17px;
top: 0;
}
/*=================================
* Section | Support
==================================*/
.support {
position: relative;
background-size: 127%;
background-position: left top;
/* max-width: 1440px; */
margin: auto;
margin-bottom: 157px;
}
.become-candidate .support .big-avatar,
.become-candidate .support .average-avatar,
.become-candidate .support .below-average-avatar,
.become-candidate .support .small-avatar {
width: 10%;
border-radius: 50%;
position: absolute;
}
.become-candidate .support .big-avatar {
max-width: 103px;
right: 3.5%;
bottom: -3%;
}
.become-candidate .support .average-avatar {
max-width: 97px;
top: -4%;
left: 11.8%;
}
.become-candidate .support .below-average-avatar {
max-width: 77px;
top: 12%;
right: 10.5%;
}
.become-candidate .support .small-avatar {
max-width: 67px;
left: 3.5%;
bottom: 18%;
}
@media (max-width:1300px) {
.become-candidate .support .small-avatar {
left: 1%;
}
}
.support:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: rgb(68 75 86 / 97%);
}
.support container {
position: relative;
max-width: 1255px;
padding: 90px 15px 75px;
margin: auto;
z-index: 2;
}
.support .support-wrapper {
}
.support .support-wrapper h3 {
position: relative;
font-family: 'Red Hat Display', sans-serif!important;
font-weight: bold;
font-size: 1.8rem;
line-height: 37px;
text-align: center;
color: #F7F7F7;
margin: 0 0 70px 0;
padding-bottom: 40px
}
.support .support-wrapper h3:before{
position: absolute;
content: '';
max-width: 217px;
width: 100%;
height: 4px;
background: #4CC3A5;
left: 0;
right: 0;
bottom: 0;
margin-right: auto;
margin-left: auto;
}
.support .support-list ul {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
}
.support .support-list li {
text-align: center;
font-family: 'Inter', sans-serif!important;
font-weight: 600;
font-size: 1.13rem;
line-height: 26px;
color: #f7f7f7;
list-style-type: none;
margin: auto;
margin-bottom: 47px;
margin-top: 0;
flex-basis: 31%;
}
.support .support-list li i {
color: #a3a5aa;
font-weight: 900;
font-size: 17px;
margin-bottom: 17px;
}
.support .support-list li p {
width: 68%;
margin: auto;
}
/*=================================
* Section | Talent Marketplace
==================================*/
.talent-marketplace {
margin-bottom: 150px;
}
.talent-marketplace container {
max-width: 1258px;
width: 100%;
padding: 0 15px;
margin: auto;
}
.talent-marketplace row {
display: flex;
justify-content: space-between;
align-items: center;
}
.talent-marketplace .talent-marketplace-image {
max-width: 726px;
width: 100%;
}
.talent-marketplace .talent-marketplace-image img {
display: block;
}
.talent-marketplace .talent-marketplace-image .big-image {
max-width: 681px;
width: 100%;
margin-left: auto;
border-radius: 5px 0px 0px 5px;
box-shadow: 0px 0 50px 10px rgb(0 0 0 / 8%);
}
.talent-marketplace .talent-marketplace-image .small-image {
max-width: 337px;
width: 100%;
margin-top: -142px;
box-shadow: 0px 0px 20px 10px rgb(0 0 0 / 5%);
}
.talent-marketplace .talent-marketplace-content {
max-width: 485px;
width: 100%;
margin-right: 25px;
}
.talent-marketplace .talent-marketplace-content h3 {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: bold;
font-size: 1.8rem;
line-height: 37px;
color: #000000;
width: 70%;
margin: 0 0 22px 0;
}
.talent-marketplace .talent-marketplace-content p {
font-family: 'Inter', sans-serif!important;
font-weight: 400;
font-size: 1.13rem;
line-height: 32px;
color: #444B56;
margin: 0;
}
/*=================================
* Section | Success Stories
==================================*/
.success-stories container {
max-width: 1270px;
width: 100%;
padding: 0 15px;
margin: auto;
}
.success-stories .success-stories-content h2 {
position: relative;
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 3.8rem;
text-align: center;
line-height: 5rem;
color: #000000;
margin: 0 0 118px 0;
padding-bottom: 35px;
}
.success-stories .success-stories-content h2:before {
position: absolute;
content: '';
max-width: 217px;
width: 100%;
height: 4px;
background: #4CC3A5;
left: 0;
right: 0;
bottom: 0;
margin-right: auto;
margin-left: auto;
}
.success-stories .stories-cards {
display: flex;
justify-content: space-between;
flex-wrap:wrap;
}
.success-stories .stories-cards .stories-card-item{
max-width: 568px;
width: 100%;
text-align: center;
margin-bottom:86px;
flex-basis: 48%;
}
.success-stories .stories-card-item .stories-card-photo {
margin-bottom: 27px
}
.success-stories .stories-card-item .stories-card-photo img {
border-radius: 50%;
}
.success-stories .stories-card-item .stories-card-info {
padding: 16% 8% 7.5%;
background: #F7F7F7;
border-radius: 8px;
margin-top: -95px;
}
.success-stories .stories-card-item .stories-card-info h6 {
font-family: 'Inter', sans-serif!important;
font-weight: 600;
font-size: 1.13rem;
line-height: 1.5rem;
color: #000000;
margin: 0 0 23px 0;
}
.success-stories .stories-card-item .stories-card-info p {
font-family: 'Inter', sans-serif!important;
font-weight: 500;
font-size: 1.13rem;
line-height: 2.1rem;
color: #000000;
margin: 0 0 20px 0;
}
.success-stories .stories-card-item .stories-card-info p:last-child {
margin-bottom: 0;
}
.success-stories .stories-card-item:first-child .stories-card-info p:last-child {
padding-bottom: 46px;
}
/*=================================
* Section | Let’s Get You Hired
==================================*/
.get-hire container {
max-width: 1470px;
width: 100%;
padding: 24px 15px 110px;
margin: auto;
}
.get-hire .get-hire-wrapper {
max-width: 538px;
text-align: center;
margin: auto;
}
.get-hire .get-hire-wrapper h2 {
position: relative;
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 3.75rem;
line-height: 5rem;
color: #000;
margin-top: 0;
margin-bottom: 42px;
padding-bottom: 25px;
}
.get-hire .get-hire-wrapper h2:after {
position: absolute;
content: '';
max-width: 217px;
width: 100%;
height: 4px;
background: #4CC3A5;
left: 0;
right: 0;
bottom: 0;
margin-right: auto;
margin-left: auto;
}
.get-hire .get-hire-wrapper p {
font-family: 'Inter', sans-serif!important;
font-size: 1.13rem;
line-height: 22px;
color: #444B56;
margin-bottom: 40px;
margin-top: 0;
}
/*===================================
* MEDIA 998
===================================*/
@media (max-width: 998px) {
.become-candidate .preview-hero .big-avatar,
.become-candidate .preview-hero .average-avatar,
.become-candidate .preview-hero .below-average-avatar,
.become-candidate .preview-hero .small-avatar {
display: none;
}
.become-candidate .preview-hero {
background-position: bottom;
margin-bottom: 100px;
}
.preview-hero .preview-hero-wrapper {
padding: 120px 25px;
}
.preview-hero .preview-hero-wrapper h1 {
font-size: 3.6rem;
line-height: 3.6rem;
}
.preview-hero .preview-hero-wrapper p {
font-size: 1rem;
line-height: 28px;
}
/*=================================
* Section | Getting Started
==================================*/
.getting-started {
margin-bottom: 100px;
}
.getting-started container {
padding: 0 25px;
}
.getting-started .getting-started-titles {
margin-bottom: 70px
}
.getting-started .getting-started-titles h2 {
font-size: 3rem;
line-height: 50.6px;
}
.getting-started .staff-list-container {
margin-bottom: 50px
}
.getting-started .staff-list-container .staff-list-item:nth-of-type(4) {
margin-bottom: 0px;
}
.getting-started .staff-list-container .staff-list-item:nth-of-type(5) {
margin-bottom: 0px;
}
.getting-started .staff-list-container .staff-list-item:nth-of-type(6) {
margin-bottom: 0px;
}
/*=================================
* Section | Getting Started
==================================*/
.connect-opportunities {
margin-bottom: 100px;
background-position: inherit;
}
.connect-opportunities container {
padding: 50px 25px 50px;
}
.connect-opportunities .connect-opportunities-titles h2 {
font-size: 3rem;
line-height: 50.6px;
}
.connect-opportunities .connect-opportunities-titles {
margin-bottom: 70px;
}
/*=================================
* Section | Manage Profile
==================================*/
.manage-profile {
margin-bottom: 100px;
}
.manage-profile container {
padding: 0 25px;
}
.manage-profile container row {
flex-direction: column-reverse;
}
.manage-profile .manage-profile-content {
margin-left: 0px;
margin-bottom: 50px;
}
.manage-profile .manage-profile-content p {
font-size:1rem;
}
.manage-profile .manage-profile-content-list li {
font-size: 1rem;
line-height: 28px;
}
/*=================================
* Section | Support
==================================*/
.become-candidate .support .big-avatar,
.become-candidate .support .average-avatar,
.become-candidate .support .below-average-avatar,
.become-candidate .support .small-avatar {
display: none;
}
.support {
margin-bottom: 100px;
}
.support container {
padding: 50px 25px 50px;
}
/*=================================
* Section | Support
==================================*/
.talent-marketplace {
margin-bottom: 100px;
}
.talent-marketplace container {
padding: 0 25px;
}
.talent-marketplace container row {
flex-direction: column;
}
.talent-marketplace .talent-marketplace-content {
margin-right: 0px;
margin-bottom: 50px;
}
/*=================================
* Section | Success Stories
==================================*/
.success-stories container {
padding: 0 25px;
}
.success-stories .success-stories-content h2 {
font-size: 3rem;
line-height: 50.6px;
margin-bottom: 100px;
}
.get-hire container {
padding: 75px 25px;
}
.get-hire .get-hire-wrapper h2 {
font-size: 3rem;
line-height: 50.6px;
margin-bottom: 32px;
}
.get-hire .get-hire-wrapper p {
font-size: 1rem;
}
}
/*===================================
* MEDIA 768
===================================*/
@media(max-width: 768px) {
.getting-started .staff-list-container .staff-list-item {
flex-basis: 100%;
margin-bottom: 50px;
}
.getting-started .staff-list-container .staff-list-item:nth-of-type(4) {
margin-bottom: 50px;
}
.getting-started .staff-list-container .staff-list-item:nth-of-type(5) {
margin-bottom: 50px;
}
.getting-started .staff-list-container .staff-list-item:nth-of-type(6) {
margin-bottom: 0px;
}
.connect-opportunities .connect-opportunities-cards {
justify-content: center;
}
.connect-opportunities {
margin-bottom: 0;
}
.connect-opportunities .connect-opportunities-cards .cards-item {
flex-basis: 100%;
}
.support .support-list li {
flex-basis: 100%;
}
.success-stories .stories-cards {
justify-content: center;
}
.success-stories .stories-cards .stories-card-item {
margin-bottom: 50px;
flex-basis: 100%;
}
}
/*===================================
* MEDIA 500
===================================*/
@media (max-width: 500px) {
.become-candidate .preview-hero {
margin-bottom: 50px;
}
.preview-hero .preview-hero-wrapper {
padding: 100px 25px 100px;
}
.preview-hero .preview-hero-wrapper h1 {
font-size: 2.7rem;
line-height: 3.2rem;
}
.getting-started .getting-started-titles h2 {
font-size: 2.4rem;
line-height: 43px;
}
.connect-opportunities .connect-opportunities-titles h2 {
font-size: 2.4rem;
line-height: 43px;
}
.connect-opportunities .connect-opportunities-cards .cards-item {
padding: 40px 0;
}
.connect-opportunities .connect-opportunities-cards .cards-item h3 {
margin: 0 0 30px 0;
}
.connect-opportunities .connect-opportunities-cards .cards-item h3 {
font-size: 26px;
line-height: 33px;
margin: 0 0 30px 0;
}
.manage-profile .manage-profile-content h3 {
font-size: 26px;
line-height: 33px;
}
.support .support-wrapper h3 {
font-size: 26px;
line-height: 33px;
margin: 0 0 50px 0;
}
.support .support-list li {
font-size: 1rem;
line-height: 28px;
}
.talent-marketplace .talent-marketplace-image .small-image {
margin-top: -115px;
width: 65%;
}
.talent-marketplace .talent-marketplace-content h3 {
font-size: 26px;
line-height: 33px;
}
.talent-marketplace .talent-marketplace-content p {
font-size: 1rem;
line-height: 28px;
}
.success-stories .success-stories-content h2 {
font-size: 2.4rem;
line-height: 43px;
}
.success-stories .stories-card-item .stories-card-info {
margin-top: -75px;
}
.success-stories .stories-card-item .stories-card-info h6 {
font-size: 1rem;
line-height: 28px;
margin: 0 0 18px 0;
}
.success-stories .stories-card-item .stories-card-info p {
font-size: 1rem;
line-height: 28px;
}
.get-hire .get-hire-wrapper h2 {
font-size: 2.4rem;
line-height: 43px;
margin-bottom: 28px;
}
}
@media (max-width: 375px) {
.success-stories .stories-card-item .stories-card-info {
margin-top: -67px;
}
}
/*================================================
* New Hiring Services Page
*=================================================*/
.l {}
.hiring-preview {
padding: 146px 0 86px;
margin-bottom: 70px;
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
}
.hiring-preview container {
max-width: 1271px;
width: 100%;
padding: 0 15px;
margin: auto;
}
.hiring-preview container row {
display: flex;
justify-content: space-between;
align-items: center;
}
.hiring-preview .preview-info-content {
max-width: 580px;
width: 100%;
margin-right: 20px;
}
.hiring-preview .preview-info-content h1 {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 5rem;
line-height: 5.3rem;
color: #000000;
margin-bottom: 20px;
}
.hiring-preview .preview-info-content p {
font-family: 'Inter', sans-serif!important;
font-weight: normal;
font-size: 1.15rem;
line-height: 32px;
color: #444B56;
margin-bottom: 30px;
}
.hiring-preview .preview-info-content .button-container {
display: flex;
max-width: 410px;
}
.hiring-preview .preview-photo-content {
position: relative;
}
.hiring-preview .preview-photo-content:after {
position: absolute;
content: '';
bottom: 0px;
left: 0;
width: 100%;
height: 205.71px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, #000000 100%);
opacity: 0.25;
}
.hiring-preview .preview-photo-content img {
display: block;
max-width: 550px;
width: 100%;
}
.hiring-preview .preview-photo-content .photo-info {
position: absolute;
left: 30px;
bottom: 30px;
z-index: 2;
}
.hiring-preview .preview-photo-content .photo-info h6 {
font-family: 'Inter', sans-serif!important;
font-weight: bold;
font-size: 1rem;
line-height: 19px;
color: #F7F7F7;
margin-top: 0;
margin-bottom: 6px;
}
.hiring-preview .preview-photo-content .photo-info span {
font-family: 'Inter', sans-serif!important;
font-weight: bold;
font-size: 12px;
line-height: 19px;
color: #F7F7F7;
}
/*=================================
* Section | Find Talent Your Way
==================================*/
.find-talent {
background-repeat: no-repeat;
margin-bottom: 88px;
background-size: 100%;
/* background-position: 0 36%; */
background-position: 0 78%;
}
.find-talent container {
max-width: 1270px;
width: 100%;
padding: 0 15px;
margin: auto;
}
.find-talent .find-talent-titles {
max-width: 585px;
text-align: center;
margin: auto;
margin-bottom:145px;
}
.find-talent .find-talent-titles h2 {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 3.8rem;
line-height: 5rem;
color: #000000;
margin-top: 0;
margin-bottom: 27px;
}
.find-talent .find-talent-titles p {
position: relative;
font-family: 'Inter', sans-serif!important;
font-weight: normal;
font-size: 1.15rem;
line-height: 32px;
color: #444B56;
margin-bottom: 0px;
padding-bottom: 46px;
}
.find-talent .find-talent-titles p:before{
position: absolute;
content: '';
max-width: 271px;
width: 100%;
height: 2px;
background: #4CC3A5;
left: 0;
right: 0;
bottom: 0;
margin-right: auto;
margin-left: auto;
}
/**
* Find Talent Items
*/
.talent-container {
}
.talent-item {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.talent-item:nth-of-type(1) {
margin-bottom: 347px;
}
.talent-item:nth-of-type(2) {
margin-bottom: 255px;
}
.talent-item:nth-of-type(3) .talent-item-image img {
max-width: 681px;
width: 100%;
box-shadow: 0px 0px 50px 10px rgb(0 0 0 / 10%);
border-radius: 5px;
}
.talent-item:nth-of-type(3) .talent-item-info {
max-width: 423px;
width: 100%;
margin-left: 25px;
}
.talent-item:nth-of-type(2) .talent-item-image img {
max-width: 800px;
width: auto;
}
.talent-item:nth-of-type(2) .talent-item-info {
max-width: 485px;
width: 100%;
margin-right: 25px;
}
.talent-item:nth-of-type(1) .talent-item-info {
max-width: 458px;
width: 100%;
margin-left: 25px;
position: sticky;
top: 150px;
}
.talent-item-image {
max-width: 760px;
width: 70%;
}
.talent-item .mobile-images {
display: none;
}
.talent-item .mobile-images .tabs-images {
display: none;
width: 100%;
}
.talent-item .mobile-images .tabs-images.active {
display: block;
}
@media(max-width:998px) {
.talent-item-image {
max-width: 760px;
width: 100%;
}
.talent-item-image .tabs-images {
display: none;
}
.talent-item .mobile-images {
display: block;
}
.talent-item:nth-of-type(2) .talent-item-image img {
width: 100%;
}
}
.talent-item-image .tabs-images:nth-of-type(1) {
max-width: 715px;
width: 105%;
margin-bottom: 100px;
}
.talent-item-image .tabs-images:nth-of-type(2) {
max-width: 795px;
width: 105%;
}
.talent-item-image .tabs-images:nth-of-type(3) {
max-width: 793px;
width: 105%;
}
.talent-item:nth-of-type(2) .talent-item-image {
max-width: 805px;
width: 100%;
}
.talent-item .talent-item-info .ico {
margin-bottom: 15px;
color: #4CC3A5;
}
.talent-item .talent-item-info .ico .fa-concierge-bell {
unicode-bidi: bidi-override;
font-size: 20px;
width: 100px;
overflow: hidden;
position: relative;
letter-spacing: 20px;
}
.talent-item .talent-item-info .ico .fa-concierge-bell:after {
content: '\f562 \f562 \f562';
position: absolute;
z-index: 1;
display: block;
left: 0;
top: 0;
width: attr(rating);
overflow: hidden;
letter-spacing: 19.4px;
}
.talent-item .talent-item-info .ico .fa-concierge-bell:before {
content: '\f562 \f562 \f562';
opacity: 0.3;
color: #444B56;
}
.talent-item .talent-item-info .ico i:after {
position: absolute;
}
.talent-item .talent-item-info .ico i+i {
margin-left: 20px;
}
.talent-item .talent-item-info h6 {
font-family: 'Red Hat Display', sans-serif!important;
font-style: normal;
font-weight: 900;
font-size: 12px;
line-height: 16px;
letter-spacing: 1px;
text-transform: uppercase;
color: #444B56;
margin: 0 0 11px 0;
}
.talent-item .talent-item-info h3 {
font-family: 'Red Hat Display', sans-serif!important;
font-style: normal;
font-weight: bold;
font-size: 28px;
line-height: 37px;
color: #000000;
margin: 0 0 8px 0;
}
.talent-item .talent-item-info h5 {
font-family: 'Inter', sans-serif!important;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 32px;
color: #444B56;
margin: 0;
}
.talent-item .talent-item-info p {
font-family: 'Inter', sans-serif!important;
font-style: normal;
font-weight: normal;
font-size: 1rem;
line-height: 32px;
color: #444B56;
margin: 0;
margin-bottom: 13px;
}
.talent-item .talent-item-info ul {
padding-left: 27px;
}
.talent-item .talent-item-info ul li {
position: relative;
font-family: 'Inter', sans-serif!important;
font-weight: normal;
font-size: 1.13rem;
line-height: 30px;
color: #444B56;
list-style-type: none;
margin-bottom: 8px;
}
.talent-item .talent-item-info ul li:after {
position: absolute;
content: "\f058";
font-family: "Font Awesome 5 Pro";
font-weight: 700;
left: -27px;
font-size: 14px;
top: 0;
}
.talent-item .talent-item-info .button_talent:nth-child(2n+1) {
max-width:178px;
background: #444B56;
margin-top: 25px;
}
.talent-item:nth-of-type(1) .talent-item-info .button_talent {
max-width:221px;
background: #444B56;
margin-top: 30px;
}
/*
* TABS
*/
.talent-item:nth-of-type(1) {
/*align-items: self-end;*/
}
.tabs-list-wrapper {
position: static;
right: 15px;
bottom: 20%;
z-index: 99;
}
.tabs-list-wrapper.active {
position: fixed;
right: unset;
}
.tabs-list-wrapper.end {
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width: 998px) {
.tabs-list-wrapper.active {
position: fixed;
right: 15px;
}
.tabs-list-wrapper.end {
position: absolute;
bottom: 0;
right: 15px;
}
}
.talent-item:nth-of-type(3) .talent-item-info .ico .fa-concierge-bell:after {
width: 20%;
}
.talent-item:nth-of-type(2) .talent-item-info .ico .fa-concierge-bell:after {
width: 60%;
}
.talent-item:nth-of-type(1) .talent-item-info .ico .fa-concierge-bell:after {
width: 100%;
}
.talent-item-image .tabs-images.active {
visibility: visible;
opacity: 1;
height: 100%;
transition: opacity 1s ease-in;
}
.talent-item-image .tabs-images {
visibility: visible;
opacity: 1;
transition: opacity 1s ease-in;
}
.tabs-list-wrapper .tabs-list-item {
margin: 15px 0 15px;
}
.tabs-list-wrapper .tabs-list-item+.tabs-list-item {
margin: 15px 0 0px;
}
.tabs-list-wrapper .tabs-list-item {
max-width: 458px;
}
.tabs-list-wrapper .tabs-list-item {
background: #EBECEA;
border-radius: 8px;
transition: background 0.4s ease-in-out;
}
.tabs-list-wrapper .tabs-list-item.active {
background: #444B56;
}
.tabs-list-wrapper .tabs-list-item.active span {
display: block;
color: #fff;
padding: 28px 40px;
}
.tabs-list-item .tabs-list-info {
padding: 0 40px 0;
margin-top: 0;
max-height: 0;
height: auto;
overflow: hidden;
transition: all 1s ease;
}
.tabs-list-item .tabs-list-info.expand {
padding-bottom: 28px;
margin-top: -25px;
max-height: 500px;
}
.tabs-list-wrapper .tabs-list-item span {
display: block;
padding: 28px 40px;
font-family: 'Red Hat Display', sans-serif!important;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
color: #8D9197;
transition: all 0.4s ease-in-out;
cursor: default;
}
.tabs-list-item .tabs-list-info ul li {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 25px;
color: #FFFFFF;
opacity: 0.75;
margin-bottom: 20px;
}
.tabs-list-item .tabs-list-info ul li:last-child{
margin: 0;
}
/*=================================
* Section | Employer of Record Services
==================================*/
.record-services {
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
margin-bottom: 87px;
}
.record-services container {
max-width: 1000px;
width: 100%;
margin: auto;
padding: 130px 15px 70px;
}
.record-services .record-services-wrapper {
position: relative;
max-width: 891px;
width: 100%;
padding: 56px 102px;
text-align: center;
margin: auto;
background: #FFFFFF;
box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.05);
border-radius: 5px;
}
.record-services .record-services-wrapper .cloud-absolute {
position: absolute;
display: flex;
align-items: center;
left: -40px;
top: -40px;
width: 104px;
height: 104px;
background: #444B56;
border-radius: 50%;
}
@media(max-width: 930px) {
.record-services .record-services-wrapper .cloud-absolute{
transform: translateX(15px);
}
}
.record-services .record-services-wrapper .cloud-absolute span {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 900;
font-size: 12px;
line-height: 16px;
letter-spacing: 1px;
text-transform: uppercase;
color: #FFFFFF;
}
.record-services .record-services-wrapper h3 {
position: relative;
font-family: 'Red Hat Display', sans-serif!important;
font-weight: bold;
font-size: 1.75rem;
line-height: 37px;
color: #000000;
padding-bottom: 30px;
margin: 0 0 46px 0;
}
.record-services .record-services-wrapper h3:before {
position: absolute;
content: '';
max-width: 217px;
width: 100%;
height: 4px;
background: #4CC3A5;
left: 0;
right: 0;
bottom: 0;
margin-right: auto;
margin-left: auto;
}
.record-services .record-services-wrapper p {
font-family: 'Inter', sans-serif!important;
font-size: 1rem;
line-height: 26px;
color: #444B56;
margin: 0 0 26px 0;
}
.record-services .record-services-wrapper p+p {
margin: 0 0 22px 0;
}
/*=================================
* Section | Employer of Record Services
==================================*/
.flexible-payroll {
margin-bottom: 140px;
}
.flexible-payroll container {
max-width:1271px;
width: 100%;
padding: 0 15px;
margin: auto;
}
.flexible-payroll .flexible-payroll-wrapper {
}
.flexible-payroll .flexible-payroll-wrapper .flexible-payroll-titles {
max-width: 705px;
width: 100%;
text-align:center;
margin: auto;
margin-bottom: 72px;
}
.flexible-payroll .flexible-payroll-wrapper .flexible-payroll-titles h2 {
position: relative;
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 3.8rem;
line-height: 5rem;
color: #000000;
margin: 0 0 40px 0;
padding-bottom: 40px;
}
.flexible-payroll .flexible-payroll-wrapper .flexible-payroll-titles h2:before {
position: absolute;
content: '';
max-width: 217px;
width: 100%;
height: 4px;
background: #4CC3A5;
left: 0;
right: 0;
bottom: 0;
margin-right: auto;
margin-left: auto;
}
.flexible-payroll .flexible-payroll-wrapper .flexible-payroll-titles p {
font-family: 'Inter', sans-serif!important;
font-weight: normal;
font-size: 1.15rem;
line-height: 32px;
color: #444B56;
margin: 0;
}
/*
* Flexible Options
*/
.flexible-option-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flexible-option-container .flexible-option-item {
max-width: 547px;
width: 100%;
margin-bottom: 62px;
}
.flexible-option-container .flexible-option-item:nth-child(5n-2) {
margin: 0;
}
.flexible-option-container .flexible-option-item:last-child{
margin: 0;
}
.flexible-option-item .flexible-option-titles {
margin-bottom: 25px;
}
.flexible-option-item .flexible-option-titles h6 {
font-family: 'Red Hat Display', sans-serif!important;
font-weight: bold;
font-size: 1.75rem;
line-height: 2.35rem;
color: #000000;
margin: 0 0 11px 0;
}
.flexible-option-item .flexible-option-titles p {
font-family: 'Inter', sans-serif!important;
font-style: normal;
font-weight: normal;
font-size: 1rem;
line-height: 22px;
color: #444B56;
margin: 0;
}
.flexible-option-item .options-container {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.flexible-option-item .options-container .options-item {
padding: 13px 29px 13px 20px;
background: #444B56;
border-radius: 5px;
margin: 0 15px 15px 0;
}
.flexible-option-item:nth-child(3n+2) .options-container .options-item:last-child {
margin: 0 0 15px 0;
}
.flexible-option-item .options-container .options-item span{
font-family: 'Red Hat Display', sans-serif!important;
font-weight: 500;
font-size: 1rem;
line-height: 21px;
color: #fff;
margin:0;
}
/*===================================
* MEDIA 1300
===================================*/
@media (max-width: 1300px) {
.talent-item:nth-of-type(2) .talent-item-image {
max-width: none;
width: auto;
}
.talent-item:nth-of-type(2) .talent-item-image img {
width: 100%;
}
.talent-item:nth-of-type(2) .talent-item-info {
max-width: none;
width: auto;
}
.flexible-option-container .flexible-option-item {
max-width: 50%;
}
}
/*===================================
* MEDIA 998
===================================*/
@media(max-width: 998px) {
.hiring-preview {
padding: 95px 0 0px;
margin-bottom: 100px;
background-position: 0 50%;
}
.hiring-preview container {
padding: 0 25px;
}
.hiring-preview container row {
flex-direction: column;
}
.hiring-preview .preview-photo-content {
position: relative;
margin-right: 0px;
}
.hiring-preview .preview-info-content {
max-width: 542px;
margin-bottom: 30px;
margin-right: 0;
}
.hiring-preview .preview-info-content h1 {
font-size: 3.6rem;
line-height: 3.6rem;
text-align: left;
}
.hiring-preview .preview-info-content p {
font-size: 1rem;
line-height: 28px;
margin-top:0;
}
/*=================================
* Section | Find Talent
==================================*/
.find-talent {
background-position: 0px 54rem;
background-size: 245%;
}
.find-talent container {
padding: 0 25px;
}
.find-talent .find-talent-titles h2 {
font-size: 3rem;
line-height: 50.6px;
}
.find-talent .find-talent-titles p {
font-size: 1rem;
line-height: 28px;
padding-bottom: 38px;
}
.find-talent .find-talent-titles {
margin-bottom: 100px;
}
.talent-item:nth-of-type(3),
.talent-item:nth-of-type(2),
.talent-item:nth-of-type(1) {
max-width: 681px;
width: 100%;
margin: auto;
margin-bottom: 100px;
align-items: flex-start;
}
.talent-item:nth-of-type(3) {
flex-direction: column-reverse!important;
}
.talent-item:nth-of-type(3) .talent-item-info {
margin-left: 0px;
margin-bottom: 30px;
}
.talent-item:nth-of-type(2) {
flex-direction: column-reverse!important;
}
.talent-item:nth-of-type(2) .talent-item-info {
margin-bottom: 30px;
margin-right: 0;
}
.talent-item:nth-of-type(1) {
flex-direction: column!important;
align-items: center;
}
.talent-item:nth-of-type(1) .talent-item-info {
margin-left: 0px;
margin-top: 30px;
}
.record-services container {
padding: 75px 25px 70px;
}
.flexible-payroll {
margin-bottom: 100px;
}
.flexible-payroll container {
padding: 0 25px;
}
.flexible-payroll .flexible-payroll-wrapper .flexible-payroll-titles h2 {
font-size: 3rem;
line-height: 50.6px;
}
.flexible-payroll .flexible-payroll-wrapper .flexible-payroll-titles p {
font-size: 1rem;
line-height: 28px;
}
.flexible-option-container {
justify-content:center;
}
.flexible-option-container .flexible-option-item {
max-width: 550px;
}
.flexible-option-container .flexible-option-item:nth-child(5n-2) {
margin-bottom: 62px;
}
}
/*===================================
* MEDIA 500
===================================*/
@media(max-width: 500px) {
.hiring-preview .preview-info-content h1 {
font-size: 2.7rem;
line-height: 3.2rem;
}
.find-talent {
background-position: 0px 35%;
background-size: 400%;
}
.find-talent .find-talent-titles h2 {
font-size: 2.4rem;
line-height: 43px;
}
.talent-item .talent-item-info ul li {
font-size: 1rem;
line-height: 28px;
}
.record-services .record-services-wrapper {
padding: 56px 35px;
}
.flexible-payroll .flexible-payroll-wrapper .flexible-payroll-titles h2{
font-size: 2.4rem;
line-height: 43px;
}
.talent-item .talent-item-info p br {
display: none;
}
}
.about-bann:last-child{
margin-bottom: 40px;
}