:root {
--white: #ffffff;
--grey: #838a90;
--black: rgb(0, 0, 0);
--text-color-black: #1e1e1e;
--purple: #FF2C55;
--dark-white: #f3f2f3;
--bg-dark: #1a1c31;
--color-yellow: #fdbc42;
--color-green: #43c876;
--main-font: "Rubik", sans-serif;
}
* {
font-family: var(--main-font);
scroll-behavior: smooth;
scroll-margin-top: 100px;
}
*::-webkit-scrollbar {
width: 0.3rem;
}
*::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important;
}
*::-webkit-scrollbar-thumb {
background-color: var(--purple) !important;
outline: 0 !important;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:focus-visible {
outline-offset: unset;
outline: unset;
}
ul {
list-style-type: disc;
}
button {
background-color: transparent;
border-width: 0;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
padding: 0;
cursor: pointer;
}
button:focus {
outline: none;
} .mb-10 {
margin-bottom: 10px;
}
.mb-13 {
margin-bottom: 13px;
}
.mb-18 {
margin-bottom: 18px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-25 {
margin-bottom: 25px;
}
.mb-45 {
margin-bottom: 45px !important;
} .mt-12 {
margin-top: 12px;
}
.mt-14 {
margin-top: 14px;
}
.mt-17 {
margin-top: 17px;
}
.mt-20 {
margin-top: 20px;
} .mr-15 {
margin-right: 15px;
}
.mr-16 {
margin-right: 16px;
}
.mr-23 {
margin-right: 23px;
}
.mr-69 {
margin-right: 69px;
} .p-20 {
padding: 0 20px;
}
.pb-28{
padding-bottom: 28px;
}
.px-20 {
padding-right: 20px;
padding-left: 20px;
}
.heading-1 {
font-weight: 700;
font-size: 64px;
line-height: 82px;
}
.heading-2 {
font-weight: 700;
font-size: 40px;
max-width: 330px;
line-height: normal;
}
.heading-3 {
font-weight: 700;
font-size: 32px;
line-height: 39px;
}
.heading-4 {
font-weight: 700;
font-size: 24px;
line-height: 29px;
}
.title-1 {
font-weight: 700;
font-size: 16px;
line-height: 19px;
}
.search-container{
padding-top: 64px;
}
.search-container-2{
padding-top: 100px !important;
}
.countries-employment-row .countries-card:hover
{
height: auto !important;
}
.search-container .search-title{
color: #1E1E1E;
font-size: var(--4, 32px);
font-weight: 600;
}
.title-2 {
font-weight: 700;
font-size: 24px;
line-height: 29px;
}
.body-text {
font-weight: 400;
font-size: 18px;
line-height: 27px;
} .text-purple {
color: var(--purple) !important;
}
input:focus-visible {
outline: 0;
}
.btn-outline-white {
display: block;
padding: 14px 44px;
font-weight: 600;
font-size: 14px;
line-height: 14px;
text-align: center;
color: var(--white);
border: 1px solid var(--white);
border-radius: 30px;
}
.btn-outline-white:hover {
background-color: hsla(0,0%,100%,.1);
color: var(--white);
opacity: 1;
}
.btn-white {
display: inline-block;
padding: 13px 44px;
font-weight: 600;
font-size: 16px;
line-height: 21px;
text-align: center;
background-color: var(--white);
border: 1px solid var(--white);
border-radius: 35px;
color: var(--purple);
}
.btn-white:hover {
background-color: #f0f2f7;
border: 1px solid #f0f2f7;
color: var(--purple);
}
.btn-purple-border-white {
display: inline-block;
padding: 13px 44px;
font-weight: 600;
font-size: 16px;
line-height: 21px;
text-align: center;
color: var(--white);
border-radius: 30px;
background-color: var(--purple);
cursor: pointer;
}
.btn-purple-border-white:hover {
background-color: #6161FE;
color: var(--white);
}
.btn-link {
cursor: pointer;
font-style: normal;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 27px;
text-align: center;
text-decoration-line: underline;
color: #5152FB;
text-underline-offset: 4px;
transition: 0.3s ease-in-out;
}
.btn-link:hover {
font-weight: 500;
color: #5152FB;
text-decoration: underline;
text-underline-offset: 4px;
}
.btn-outline-black {
display: inline-block;
border: 1px solid #1E1E1E;
border-radius: 55px;
padding: 13px 44px;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 21px;
color: var(--text-color-black);
}
.btn-outline-black:hover {
background-color: #E6E6E6;
color: #1E1E1E;
}
.text-dark-color {
color: var(--text-color-black) !important;
}
.cursor-pointer {
cursor: pointer;
}
.call-number {
font-size: 16px;
font-weight: 500;
color: var(--purple);
line-height: 23px;
letter-spacing: 0.02em;
}
#representativeModal .close {
position: absolute;
top: 11px;
right: 14px;
}
#representativeModal .close svg {
width: 20px;
height: 20px;
}
#representativeModal .note-text {
font-weight: 400;
font-size: 10px;
line-height: 16px;
letter-spacing: 0.02em;
color: #515254;
}
.note-text span {
font-weight: 600;
font-size: 10px;
line-height: 16px;
letter-spacing: 0.02em;
color: var(--purple);
}
.custom-container {
max-width: 1280px;
width: 1280px;
margin: 0 auto;
}
.custom-footer-container {
max-width: 1280px;
width: 1280px;
margin: 0 auto;
}
.btn-purple {
display: inline-block;
font-weight: 500;
font-size: 16px;
line-height: 21px;
border-radius: var(--7-5, 60px);
border: 1px solid  #E3E4E9;
padding: 13px 44px;
background-color: #FF2C55;
cursor: pointer;
color: #FAFBFD;
border-radius: 30px;
text-align: center;
position: relative;
z-index: 1;
}
.btn-purple:hover {
color: #FAFBFD;
border: 1px solid #C0223E;
background:  #C0223E;
}
.btn-purple:focus-visible,
.btn-purple:focus {
outline: none;
}
.btn-purple-light {
background-color: #e8e8ff;
border-radius: 30px;
font-weight: 500;
font-size: 16px;
line-height: 21px;
text-align: center;
color: var(--purple);
padding: 13px 44px;
cursor: pointer;
border: 1px solid;
}
.btn-border-purple {
display: block;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #E3E4E9;
text-align: center;
padding: 13px 44px;
border: 1px solid var(--Grey-TEST-100, #E3E4E9);
border-radius: 30px;
cursor: pointer;
}
.btn-border-purple:hover {
border: 1px solid var(--Grey-TEST-900, #434447);
background: var(--Grey-TEST-900, #434447);
color: #FAFBFD;
}
.anchor-tag {
position: fixed;
bottom: 30px;
right: 30px;
display: none;
}
.anchor-tag svg circle {
fill: #FF2C55;
}
.anchor-tag:hover svg circle {
fill: #FF2C55;
}
.header {
background-color: transparent;
color: white;
z-index: 55;
position: fixed;
width: 100%;
}
.header .custom-container {
padding: 18px 0;
}
.gap-5 {
gap: 5px !important;
}
.gap-10 {
gap: 10px !important;
}
.gap-13 {
gap: 13px;
}
.header-list-link {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.015em;
color: var(--white);
cursor: pointer;
border-radius: 50px;
transition: none;
height: inherit;
}
.header-list-link-title {
padding: 16px; border-radius: 50px;
line-height: 24px;
font-weight: 400;
}
.header-list-link .pricing-link {
padding: 11px 15px 10px 15px;
}
.header-list-link:hover {
color: var(--white);
opacity: 1;
}
.header-list-link:hover .header-list-link-title {
background-color: var(--purple);
}
.header-list-link .popover-arrow {
margin-left: 4px;
transition: 0.3s ease;
}
.header-list-link .popover-arrow path {
fill: var(--white);
}
.header-list-link:hover .popover-arrow path {
fill: var(--white);
}
.header-list-link:hover .popover-arrow {
transform: rotate(-180deg);
}
.call-us-wrapper {
margin-right: 1px;
height: inherit;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
padding: 14px;
margin-top: -10px;
}
.call-us-where {
font-weight: 500;
font-size: 10px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--grey);
opacity: 0.6;
line-height: 9px;
}
.header-white .call-us-where,
.header-always-white .call-us-where,
.header-desktop .call-us-where {
color: var(--grey);
}
.call-us-number {
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.015em;
color: var(--white);
padding-left: 10px;
padding-right: 4px;
}
.btn-header {
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 24px;
border-radius: 50px;
padding: 10px 16px;
cursor: pointer;
border: 1px solid;
transition: none;
}
.btn-signup {
font-weight: 700;
margin-left: 5px;
color: var(--white);
background-color: var(--purple);
border-color: var(--purple);
}
.btn-signup:hover {
background-color: #f0f2f7;
color: var(--white);
border-color: #f0f2f7;
}
.header.header-white .btn-signup,
.header.header-always-white .btn-signup,
.header.header-desktop .btn-signup {
color: var(--white);
background-color: var(--purple);
border-color: var(--purple);
}
.header.header-white .btn-signup:hover {
color: var(--white);
background-color: #4040c7;
border-color: #4040c7;
}
.btn-login {
color: var(--white);
border-color: transparent;
font-size:  16px;
line-height: 16px;
margin-right :16px
}
.header.header-white .btn-login {
color: #414243;
border-color: transparent;
}
.btn-login-mobile {
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.015em;
color: var(--white);
margin-right: 21px;
}
.header-mobile.header-mobile-white .btn-login-mobile {
color: #1e1e1e;
}
.header.header-white .call-us-action svg {
transition: 0.3s ease;
}
.header.header-white .call-us-action svg path,
.header.header-desktop .call-us-action svg path {
fill: var(--purple);
}
.call-us-wrapper:hover .call-us-action svg {
transform: rotate(-180deg);
}
.header-menu-wrapper {
position: absolute;
top: 80px;
z-index: 2;
background-color: var(--white);
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.offer-menu {
padding: 18px;
}
.header-menu-title {
font-weight: 700;
font-size: 14px;
line-height: 13px;
text-transform: uppercase;
color: #1e1e1e;
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 10px;
padding: 14px 10px;
justify-content: space-between;
border-radius: 19.5px;
}
.header-menu-title.nt-pay { background-color: #EBF3FF; }
.header-menu-title.nt-work { background-color: #FFE4E4; }
.header-menu-title.nt-company { background-color: #E8E8FF; }
.header-menu-title.nt-mobility { background-color: #FFF0CC; }
.header-menu-title.nt-recruit { background-color: #F3F5FF; }
.header-menu-title.nt-money { background-color: #F3F5F7; }
.header-menu-link {
background-color: var(--white);
border-radius: 5px;
display: flex;
flex-direction: column;
min-width: 223px;
cursor: pointer;
padding: 10px;
max-width: 235px;
min-height: 34px;
margin-bottom: 4px;
}
.header-menu-link-title {
font-weight: 500;
font-size: 14px;
line-height: 13px;
color: #515254;
}
.dropdown-header{
color:#1E1E1E;
display:flex;
align-items: center;
padding: 18px 5px 18px 15px;
justify-content: space-between;
border-radius: 20px;
margin-bottom: 18px;
white-space: unset;
}
.dropdown-header_link {
color: #7778FF;
font-weight: 600;
font-size: 15px;
line-height: 20px;
text-decoration: underline;
}
.businesses-dropdown-header{
background-color:#0A0A2B;
color: white;
}
.knowledge-dropdown-header{
background-color:#E1F6EA;
margin-bottom: 18px;
padding: 18px 20px;
}
.individuals-dropdown-header{
background-color:#F0F2F7;
}
.dropdown-header h2{
font-size: 20px;
font-weight: 700;
line-height: 24px;
margin-bottom: 6px !important;
}
.dropdown-header-info{
margin: 0 18px;
max-width: 510px;
}
.knowledge-menu .dropdown-header-info{
max-width: unset;
margin-right: 0;
}
.dropdown-header p{
font-size: 16px;
margin-bottom: 0;
line-height: 24.4px;
}
.dropdown-header .right-arrow{
align-self: center;
margin-right: 15px;
}
.dropdown-menu-block{
margin-right: 22px;
}
.dropdown-menu-block a:last-child {
margin-bottom: 0 !important;
}
.mobile-app-qr{
margin-top: 10px;
}
.mobile-apps-links{
margin-top: 5px;
gap: 17px;
padding: 0 2px;
}
.mr-30{
margin-right: 30px;
}
.header-menu-link-text {
font-weight: 400;
font-size: 10px;
line-height: 13px;
color: #838a90;
}
.header-menu-link:hover {
background: #E8E8FF;
border-radius: 20px;
}
.w-213 {
max-width: 231px;
}
.use-cases-menu {
padding: 30px ;
display: none;
}
.use-cases-circle {
margin-right: 10px;
}
.use-cases:hover .use-cases-menu {
display: block;
}
.offer-menu-dropdown {
display: none;
}
.menu-offer:hover .offer-menu-dropdown {
display: block;
}
.knowledge-menu {
padding: 18px;
display: none;
}
.knowledge-menu-block .header-menu-title,
.knowledge-menu-mobile .header-menu-title{
padding: 14px 10px;
margin-bottom: 10px;
border-radius: 20px;
background: #F0F2F7;
}
.knowledge-mobile-block .mobile-menu-title {
padding: 14px 10px !important;
border-radius: 20px;
background: #F0F2F7
}
.nav-box-mobile .header-menu-title {
margin: 10px 0 18px!important;
}
.knowledge-menu-mobile {
width: 100%;
}
.knowledge-menu-block .header-menu-link,
.knowledge-menu-mobile .header-menu-link {
min-width: 198px;
}
.knowledge:hover .knowledge-menu {
display: block;
}
.space-title {
height: 12px;
}
.mw-263 {
max-width: 263px;
}
.call-us-action {
position: unset;
}
.link-tel {
font-size: 16px;
line-height: 26px;
letter-spacing: 0.015em;
color: var(--purple);
}
.header.header-white .link-tel {
color: var(--purple);
}
.call-us-dropdown {
position: absolute;
left: -15px;
top: 60px;
background: var(--white);
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
border-radius: 5px;
width: 221px;
display: none;
}
.call-us-dropdow-link {
padding: 7.5px 18px 7.5px 18px;
margin-bottom: 1px;
}
.call-us-dropdow-link:hover {
background-color: #e8e8ff;
border-radius: 5px;
}
.call-us-dropdow-number { font-size: 14px;
line-height: 20px;
color: var(--purple);
}
.call-us-action {
display: flex;
align-items: center;
}
.phone-menu {
position: absolute;
left: -73%;
top: 80px;
display: none;
padding: 40px 30px 48px;
background-color: var(--white);
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.phone-menu .header-menu-title {
padding: 0 0 6px 18px;
font-size: 12px;
line-height: 16px;
border-bottom: 0;
}
.call-us-action:hover .call-us-dropdown,
.call-us-wrapper:hover .phone-menu {
display: block;
}
.gap-30 {
gap: 30px;
}
.gap-24 {
gap: 24px;
}
.phone-list {
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 376px;
max-height: 255px;
max-height: 200px;
}
.min-w-440{
min-width: 440px;
}  .header.header-always-white .header-list-link {
color: #1e1e1e;
}
.header.header-always-white .header-list-link:hover {
color: var(--white);
}
.header.header-always-white .popover-arrow path {
fill: #1e1e1e;
}
.header.header-always-white .popover-arrow svg path {
fill: var(--white);
}
.header.header-always-white .logo-white {
display: none;
}
.header.header-always-white .logo-color {
display: block;
}
.header.header-always-white .call-us-number {
color: var(--purple);
}
.header.header-always-white .btn-login {
color: var(--black);
}
.header.header-always-white .link-tel {
color: var(--purple);
}
.header.header-always-white .btn-signup {
color: var(--white);
background-color: var(--purple);
border-color: var(--purple);
padding: 7px 32px 8px;
}
.header.header-always-white .call-us-action svg path {
fill: var(--purple);
}
.header.header-white,
.header-desktop {
background-color: var(--white);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
transition: ease-in-out 0.5;
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
}
.header.header-white .header-list-link,
.header.header-desktop .header-list-link {
color: #1e1e1e;
}
.header.header-white .header-list-link:hover {
color: var(--white);
}  .header.header-white .logo-white {
display: none;
}
.logo-color {
display: none;
}
.header.header-white .logo-color {
display: block;
}
.header.header-white .call-us-number,
.header.header-desktop .call-us-number {
color: var(--purple);
}
.header.header-white .btn-login,
.header.header-desktop .btn-login {
color: var(--black);
}
.header.header-white .link-tel,
.header.header-desktop .link-tel {
color: var(--purple);
}
.gap-50 {
gap: 50px;
}
.header-mobile {
display: none;
background-color: transparent;
height: 70px;
position: fixed;
width: 100%;
z-index: 55;
top: 0;
}
.footer-logo-image{
max-width: 81px;
}
.header-mobile-purple {
background-color: var(--purple);
}
#nav-icon3 {
width: 25px;
height: 24px;
position: relative;
margin: 30px auto;
transform: rotate(0deg); cursor: pointer;
}
#nav-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 7px;
opacity: 1;
left: 0;
transform: rotate(0deg); background: white  !important;
}
#nav-icon3 span:nth-child(1) {
top: 4px;
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
top: 12px;
}
#nav-icon3 span:nth-child(4) {
top: 20px;
}
#nav-icon3.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
#nav-icon3.open span:nth-child(2) {
transform: rotate(45deg);
height: 2px;
}
#nav-icon3.open span:nth-child(3) {
transform: rotate(-45deg);
height: 2px;
}
#nav-icon3.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
.header-always-white {
background-color: #1B1B1B;
}
.header-always-white #nav-icon3 span,
.header-always-white #nav-icon3.open span:nth-child(1),
.header-always-white #nav-icon3.open span:nth-child(2),
.header-always-white #nav-icon3.open span:nth-child(3),
.header-always-white #nav-icon3.open span:nth-child(4) {
background-color: gray;
}
.header-always-white .logo-color-mobile {
display: block;
}
.header-always-white .logo-white-mobile {
display: none;
}
.header-mobile-white {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
background-color: #1B1B1B;
}
.mobile-menu {
display: none;
background-color: #1e1e1e;
margin: 0 -20px;
padding: 20px 20px 200px;
margin-top: -1px;
height: calc(100vh - 69px);
max-height: 100vh;
overflow-y: auto;
position: relative;
flex-direction: column;
justify-content: space-between;
padding-bottom: 200px;
}
.mobile-menu.open {
display: flex;
}
.logo-color-mobile {
display: none;
}
.header-mobile-white #nav-icon3 span,
.header-mobile-white #nav-icon3.open span:nth-child(1),
.header-mobile-white #nav-icon3.open span:nth-child(2),
.header-mobile-white #nav-icon3.open span:nth-child(3),
.header-mobile-white #nav-icon3.open span:nth-child(4) {
background-color: Grey ;
}
.header-mobile-white .logo-color-mobile {
display: block;
}
.header-mobile-white .logo-white-mobile {
display: none;
}
.mobile-link {
color: var(--black);
cursor: pointer;
padding: 18px 0;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.015em;
border-bottom: 1px solid #2E2E31;
border-top: 1px solid #2E2E31;
display: inline-block;
}
.mobile-link:hover {
color: #E3E4E9;
}
.mobile-header-have-account a:hover {
color: var(--purple);
}
.mobile-link-purple {
font-weight: 700;
font-size: 18px;
line-height: 27px;
color: var(--purple);
}
.accordion-mobile-header {
color: var(--black);
cursor: pointer;
padding: 18px 10px 18px 0;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 18px;
line-height: 21px;
letter-spacing: 0.015em;
transition: 0.4s ease;
border-top: 1px solid #2E2E31;
display: flex;
align-items: center;
justify-content: space-between;
}
.accordion-mobile-header:focus {
outline: none;
}
.accordion-product{
border-top: 1px solid #dadada;
}
.accordion-mobile-header.active {
color: #E3E4E9;
}
.accordion-mobile-header.active {
border-bottom: unset;
padding-bottom: 0;
}
.accordion-mobile-header:after {
content: "";
background-image: url(//nativeteams.com/kb/wp-content/themes/knowledge-2023/images/icons/down-arrow-black.svg);
height: 13px;
width: 13px;
background-repeat: no-repeat;
background-position: bottom;
float: right;
margin-left: 5px;
filter: invert(1);
}
.active:after {
background-image: url(//nativeteams.com/kb/wp-content/themes/knowledge-2023/images/icons/arrow-white.svg);
filter: invert(0);
}
.accordion-mobile-body {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.accordion-mobile-link {
font-size: 16px;
line-height: 19px;
letter-spacing: 0.015em;
color: var(--purple);
padding: 14px 0;
border-bottom: 1px solid #2E2E31;
}
.accordion-mobile-body {
display: none;
}
.accordion-mobile-body.show {
max-height: -webkit-max-content;
max-height: -moz-max-content;
max-height: max-content;
display: block;
padding: 18px 20px;
margin-right: -20px;
margin-left: -20px;
}
.call-wrapper {
border: 1px solid #2E2E31;
border-radius: 5px;
padding: 13px;
width: 100%;
margin-bottom: 16px;
}
.call-way,
.call-way-contact {
font-weight: 400;
font-size: 10px;
line-height: 12px;
text-align: center;
letter-spacing: 0.06em;
color: var(--purple);
opacity: 0.7;
margin-bottom: 0;
text-transform: uppercase;
}
.mobile-header-have-account {
font-weight: 400;
font-size: 12px;
line-height: 25px;
color: #838a90;
}
.mobile-header-have-account a {
font-weight: 700;
font-size: 12px;
line-height: 25px;
color: var(--purple);
}
#representativeModal .modal-content{
border-radius: 16px;
}
#representativeModal .modal-title {
color: #1E1E1E;
font-size: 20px;
font-style: normal;
font-weight: 700 !important;
line-height: 29px;
letter-spacing: 0.4px;
}
#representativeModal .modal-text {
font-weight: 400;
font-size: 14px;
line-height: 23px;
letter-spacing: 0.02em;
color: #515254;
}
.nt-lable {
color: #1E1E1E;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.select-wrapper-mobile-nav {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.select-mobile-nav {
position: relative;
flex-direction: column;
background-color: #fff;
border: 1px solid #dadfe6;
border-radius: 3px;
min-height: 41px;
max-height: 41px;
width: 100%;
padding: 0 0.825rem;
display: flex;
font-style: normal;
font-weight: 400;
font-size: 0.875rem;
line-height: 1rem;
color: #515254;
display: flex;
justify-content: center;
}
.select__trigger-mobile-nav {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--white);
cursor: pointer;
}
.select__trigger-mobile-nav span {
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: var(--black);
display: flex;
align-items: center;
}
.custom-option-mobline-nav img,
.select__trigger-mobile-nav span img {
margin-right: 8px;
}
.custom-options-mobile-nav {
position: absolute;
display: block;
top: 100%;
left: 0;
right: 0;
transition: 0.5s;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 2;
min-width: 10rem;
padding: 0.5rem 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.05);
height: 222px;
overflow: hidden;
}
.select-mobile-nav.open-mobile-nav .custom-options-mobile-nav {
opacity: 1;
visibility: visible;
pointer-events: all;
height: 222px;
overflow: scroll;
overflow-x: hidden;
border-radius: 6px;
margin-top: 4px;
}
.custom-option-mobile-nav {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
transition: 0.5s;
border-radius: 0.25rem;
padding: 12px;
font-size: 16px;
line-height: 19px;
}
.arrow-mobile-nav {
position: relative;
height: 5.71px;
width: 10px;
transform: rotate(180deg);
}
.arrow-mobile-nav::after,
.arrow-mobile-nav::before {
content: "";
position: absolute;
bottom: 0;
width: 0.15rem;
height: 100%;
transition: 0.5s;
}
.arrow-mobile-nav::before {
left: -2px;
transform: rotate(45deg);
background-color: var(--purple);
}
.arrow-mobile-nav::after {
left: 2px;
transform: rotate(-45deg);
background-color: var(--purple);
}
.open-mobile-nav .arrow-mobile-nav::before {
left: -2px;
transform: rotate(-45deg);
background-color: var(--color-green);
}
.open-mobile-nav .arrow-mobile-nav::after {
left: 2px;
transform: rotate(45deg);
background-color: var(--color-green);
}
.arrow-mobile {
transform: rotate(-180deg);
}
.open-mobile-nav .arrow-mobile {
transform: rotate(0deg);
}
.select-mobile-nav.open-mobile-nav {
border: 1px solid var(--purple);
}
.selected-mobile-nav {
display: none;
}
.custom-option-mobile-nav:hover {
cursor: pointer;
background: linear-gradient(0deg, rgba(218, 223, 229, 0.2), rgba(218, 223, 229, 0.2)), #ffffff;
border-radius: 4px;
font-weight: 500;
}
.header-mobile.header-always-white .btn-login-mobile {
color: #1e1e1e;
}
.d-show-mobile {
display: none;
}
.footer {
background-color: #222;
padding-top: 100px;
}
.footer-first-section {
display: flex;
gap: 69.5px;
}
.footer-logo {
margin-bottom: 45px;
}
.footer-news {
font-weight: 500;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #cdd0d2;
margin-bottom: 9px;
}
.footer-social-wrapper {
display: flex;
gap: 20px;
margin-top: 20px;
}
.footer-social-icon:hover svg circle {
fill: #FF2C55;
}
.footer-links-wrapper {
display: flex;
gap: 69.5px;
flex-grow: 1;
justify-content: end;
}
.mw_230 {
max-width: 230px;
width: 100%;
}
.footer-links-container {
display: flex; 
flex-direction: column;
}
.footer-links-container.second-col {
white-space: nowrap;
}
.footer-links-container.footer-company {
max-width: 270px;
width: 100%;
}
.footer-menu-title {
font-weight: 700;
font-size: 14px;
line-height: 28px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--white);
margin-bottom: 8px;
}
.footer-menu-link-solutions {
display: flex;
align-items: center;
margin: 16px 0;
width: 240px;
}
.footer-menu-link-solutions .logo {
flex-grow: 1;
}
.footer-menu-link {
font-weight: 300;
font-size: 14px;
line-height: 14px;
color: white;
padding: 9px 0 11px 0;
width: 100%;
min-width: 120px;
transition: 0.3s ease-in-out;
}
.for-businesses-dropdown{
left: 0;
}
@media (max-width: 768px) {
.footer-links-container{
margin-right: 0;
}
.dropdown-header_link{
display: none;
}
}
.footer-menu-link:hover {
color: var(--white);
}
.footer-divider {
background-color: #cdd0d2;
opacity: 0.2;
height: 1px;
width: 100%;
margin: 100px 0 0;
}
.footer-second-section {
padding: 11px 0 14px;
background-color: #2E2E31;
}
.mobile-menu-btn .btn-width :hover
{
border: 1px solid #E3E4E9;
background: transparent;
color: #E3E4E9;
}
.footer-privacy-links {
font-weight: 400;
font-size: 12px;
line-height: 25px;
color: #CDD0D2;
}
.footer-privacy-links:hover {
color: var(--white);
}
.footer-privacy-links:hover svg path {
fill: var(--white);
}
.nt-limited:hover {
cursor: default;
color: #cdd0d2;
}
.footer .separator {
display: inline-block;
width: 0.8px;
height: 12px;
background-color: #838A90;
margin-inline: 12px;
}
.footer-third-section {
background-color: #1a1c31;
padding: 10px 0 11px 0;
max-height: 39px;
}
.footer-third-section .separator{
margin-inline: 14px;
}
.footer-flags {
display: flex;
gap: 6px;
margin-left: 8px;
}
.footer-flags-text {
font-weight: 400;
font-size: 18px;
line-height: 18px;
color: var(--white);
}
.footer-text-customers {
font-weight: 400;
font-size: 12px;
line-height: 12px;
color: #cdd0d2;
margin-right: 8px;
}
.footer .separator.h-16 {
height: 16px;
}
.footer-accordion {
display: none;
}
.column-gap-34 {
column-gap: 34px;
}
.btn-width {
width: 100%;
}
.link-default {
color: #5152fb;
font-size: 16px;
font-weight: 600;
line-height: 16px;
letter-spacing: 0.24px;
}
.nav-box-mobile {
border-radius: 5px;
background-color: #fff;
box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
padding: 18px;
}
.nav-box-mobile .dropdown-header{
margin-bottom: 18px;
}
.title-wrapper {
padding-bottom: 27px;
border-bottom: 3px solid #f0f2f7;
margin-bottom: 27px;
} .hero-title {
font-weight: 600;
font-size: 64px;
line-height: 64px;
color: var(--text-color-black);
}
.text-404-container .hero-title {
font-weight: 600;
font-size: 48px;
line-height: 48px;
color: #1E1E1E;
margin-bottom: 32px;
}
.text-404-container .paragraf-black{
margin-bottom: 40px;
color:  #434447;
font-size: 18px;
font-weight: 400;
line-height: 152.5%; }
.paragraf-black {
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #434447;
}
.search-box .paragraf-black {
margin-bottom: 36px;
}
.paragraf-text-white {
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: var(--white);
}
.paragraf-title {
font-weight: 600;
font-size: 18px;
line-height: 144.5%;
letter-spacing: 0.015em;
color: var(--text-color-black);
margin-bottom: 10px;
}
.section-title {
color:  #000;
font-size: 48px;
font-weight: 500;
}
.download-text{
color:  #000;
font-size: 18px;
font-weight: 400;
line-height: 152.5%; max-width: 100%;
}
.search-form {
position: relative;
width: 598px;
margin-inline: auto;
}
.search-input {
border: 1px solid #E3E4E9;
border-radius: 35px;
padding: 11px 0 12px 64px;
width: 100%;
}
.search-input::placeholder {
font-weight: 400;
font-size: 20px;
line-height: 29px;
letter-spacing: 0.015em;
color: var(--text-color-black);
opacity: 0.2;
}
.search-icon {
position: absolute;
top: 7px;
left: 14px;
width: 25px;
}
.btn-search {
position: absolute;
right: 0;
top: 0;
font-weight: 600;
font-size: 16px;
line-height: 21px;
color: var(--white);
background-color: #FF2C55;
border-color: var(--purple);
padding: 14px 44px;
cursor: pointer;
border-radius: 30px;
text-align: center;
}
.search-btn {
position: absolute;
top: 0;
padding: 14px 65px;
left: 0;
border-radius: 30px;
background-color: transparent;
border: unset;
color: transparent;
} .homepage-container {
padding-top: 204px;
padding-bottom: 100px;
}
.homepage-text-container {
max-width: 645px;
margin-inline: auto;
text-align: center;
}
.homepage-text-container .paragraf-black {
margin-bottom: 64px;
}
.blue-box {
background-color: #1A1A1D;
border-radius: 20px;
padding: 80px 100px;
}
.box-row {
display: grid;
grid-template-columns: 1fr 1fr;
margin-bottom: 64px;
gap: 60px;
}
.box-row .hiring-text-box .box-wrapper .heading-2
{
font-weight: 500;
}
.box-wrapper {
padding-block: 37px;
}
.hiring-img-box {
position: relative;
margin-top: 13px;
}
.nigeria-img {
height: auto;
max-width: 100%;
transition: transform 350ms ease-in-out;
}
.austria-img {
position: absolute;
top: 50px;
left: 132px;
transition: transform 330ms ease-in-out;
}
.macedonia-img {
position: absolute;
top: -13px;
left: 202px;
transition: transform 360ms ease-in-out;
}
.azerbaijan-img {
position: absolute;
top: 285px;
left: 18px;
transition: transform 300ms ease-in-out;
}
.hiring-img-box:hover .austria-img {
transform: translate3d(22px, 14px, 0);
}
.hiring-img-box:hover .macedonia-img {
transform: translate3d(-10px, 20px, -10px);
}
.hiring-img-box:hover .azerbaijan-img {
transform: translate3d(15px, -30px, -35px);
}
.blue-box-img {
display: none;
}
.blue-box-title {
font-weight: 600;
font-size: 40px;
line-height: 40px;
color: var(--white);
}
.employment-text-box .paragraf-text-white {
max-width: 428px;
}
.employment-img-box {
position: relative;
margin-top: 13px;
}
.customizable-img {
right: 32px;
top: 164px;
max-width: 100%;
z-index: 2;
transition: transform 350ms ease-in-out;
}
.netherlands-img {
position: absolute;
right: 24px;
top: 86px;
z-index: 5;
transition: transform 350ms ease-in-out;
}
.save-money-img {
position: absolute;
left: 137px;
top: 5px;
z-index: 4;
transition: transform 350ms ease-in-out;
}
.reviewed-img {
position: absolute;
left: 5px;
top: 57px;
z-index: 3;
transition: transform 350ms ease-in-out;
}
.time-img {
position: absolute;
left: 46px;
top: 213px;
z-index: 2;
transition: transform 350ms ease-in-out;
}
.bih-img {
position: absolute;
right: 47px;
top: 362px;
z-index: 5;
transition: transform 350ms ease-in-out;
}
.employment-img-box:hover .customizable-img {
transform: translate3d(15px, -30px, -35px);
}
.employment-img-box:hover .netherlands-img {
transform: translate3d(20px, -20px, 0);
}
.employment-img-box:hover .save-money-img {
transform: translate3d(10px, 10px, 10px);
}
.employment-img-box:hover .reviewed-img {
transform: translate3d(-12px, -8px, 10px);
}
.employment-img-box:hover .time-img {
transform: translate3d(-22px, 10px, 10px);
}
.employment-img-box:hover .bih-img {
transform: translate3d(42px, -20px, 0);
}
.any-questions {
position: relative;
margin-top: 100px;
margin-bottom: 100px;
}
.any-box {
border-radius: 24px;
text-align: center;
background: linear-gradient(180deg, var(--Grey-TEST-0, #FAFBFD) 0%, var(--Grey-TEST-25, #F4F5F8) 100%);
padding-block: 80px;
border : 1px solid #E3E4E9
}
.any-flags { margin-top: 48px;
} .any-title {
font-weight: 500;
font-size: 48px;
line-height: 58px;
color: #434447;
margin: 0px auto 20px;
max-width: 609px;
}
.any-text {
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 27px;
letter-spacing: 0.6px;
color: #434447;
margin-bottom: 48px !important;
} .container-404 {
max-width: 697px;
margin-inline: auto;
padding-top: 218px;
padding-bottom: 166px;
text-align: center;
}
.text-404-container {
max-width: 600px;
margin-inline: auto;
}
.img-404-container {
margin-top: 86px;
} .search-box { margin-top: -2px;
padding-bottom: 100px;
} .hiring-page-container {
padding-top: 220px;
padding-bottom: 100px;
background: linear-gradient(180deg, var(--Grey-TEST-25, #F4F5F8) 0%, #FFF 100%);
}
.hiring-page-text-container .hero-title {
margin-bottom: 64px;
text-align: center;
}
.countries-containers {
padding: 0px 0 100px;
}
.continents-container {
display: flex;
justify-content: start;
column-gap: 12px;
margin-bottom: 78px; }
.employment-page .continents-container {
margin-bottom: 40px;
}
.continents-pill {
padding: 10px 25px;
border: 1px solid #9E9FA6;
border-radius: 59px;
cursor: pointer;
flex-basis: 172px;
}
.continents-pill:hover {
background-color: #e6e6e6;
}
.continents-pill p {
font-weight: 500;
font-size: 18px;
line-height: 18px;
letter-spacing: 0.015em;
color: #1A1A1D;
margin: auto;
width: max-content;
}
.continents-pill.active {
background-color: #FF2C55;
border: 1px solid #FF2C55;
}
.continents-pill.active:hover {
background-color: #FF2C55;
border: 1px solid #FF2C55;
}
.continents-pill.active p {
color: var(--white);
}
.countries-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.countries-card {
max-width: 411px;
border-radius: 30px;
border: 1px solid #9E9FA6;
overflow: hidden;
cursor: pointer;
position: relative;
justify-self: center;
width: 100%;
}
.employment-page .countries-card {
height: 314px;
}
.employment-page .countries-card:hover {
height: auto;
}
.employment-page .countries-row
{
row-gap: 40px;
}
.countries-card:hover {
background-color: #FFF2F5;
border: 1px solid #FFF2F5;
cursor: pointer;
height: 537px;
}
.contries-flag {
transition: all 0.3s ease-in-out;
}
.countries-card:hover .contries-flag {
width: 57px;
height: 57px;
}
.employment-learn {
position: absolute;
z-index: 1;
left: 45px;
right: 45px;
width: calc(100% - 90px);
bottom: 30px;
}
.contries-img {
position: relative;
max-width: 100%;
height: 238px;
}
.coutries-images {
width: 100%;
object-fit: cover;
height: 238px;
object-position: center;
}
.coutries-flag-container {
position: absolute;
right: 20px;
bottom: -30px;
background-color: var(--white);
width: 57px;
height: 57px;
border-radius: 50%;
display: grid;
place-items: center;
}
.countries-info {
padding: 40px 24px;
}
.countries-title {
color: #1E1E1E;
font-family: Rubik;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 32px;
}
.countries-info .paragraf-black {
color: #9E9FA6;
}
.countries-info .paragraf-black.fw-bold {
color: #1E1E1E;
}
.countris-learn-more {
position: absolute;
bottom: 23px;
left: 20px;
visibility: hidden;
margin-top: 37px;
animation: translate-left-in 0.3s 1 cubic-bezier(0.7, 0, 0.3, 1);
cursor: pointer;
z-index: 3;
}
.countris-learn-more a {
font-weight: 600;
font-size: 16px;
line-height: 30px;
letter-spacing: 0.015em;
color: black;
} .stech-link {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
border-radius: 30px;
cursor: default;
}
.countries-card:hover .countris-learn-more {
visibility: visible;
animation: translate-left-out 0.6s 1 cubic-bezier(0.7, 0, 0.3, 1);
transform: translateX(10px);
}
@keyframes translate-left-out {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(10px);
}
}
.load-more-btn {
margin-top: 40px;
display: flex !important;
align-items: center;
justify-content: center;
gap: 7px;
text-align: center;
cursor: pointer;
}
.employment-page .load-more-btn span{
color: #000;
cursor: pointer;
font-size: 16px;
font-weight: 500;
}
.our-solutions .any-box {
background-color: var(--purple);
border-radius: 24px;
margin-bottom: 100px;
padding-block: 80px;
}
.our-solutions .any-box .any-title {
color: #434447;
}
.our-solutions .any-flags {
margin-top: 48px;
}
.our-solutions .any-box .any-text {
font-size: 18px;
color: #434447;
font-style: normal;
font-weight: 400;
} .hiring-template-img {
width: 100%;
height: 581px;
object-fit: cover;
object-position: center;
position: relative;
}
.hiring-template-img-overlay {
position: absolute;
width: 100%;
height: 581px;
background-color: rgba(30, 30, 30, 0.25);
top: 0;
}
.hiring-template-hero-box {
background-color: #1A1A1D;
border-radius: 24px;
padding: 80px;
text-align: center;
margin-top: -274px;
position: relative;
}
.hiring-template-hero-box .heading-1{
color:  #E3E4E9;
text-align: center;
font-size: 64px;
margin-bottom: 32px;
font-weight: 600;
line-height: 100%; }
.hiring-template-hero-box .paragraf-text-white
{
margin-bottom: 64px;
}
.hiring-content-section {
display: grid;
grid-template-columns: 265px 1fr;
margin-top: 40px;
}
.sidebar-search-form {
position: relative;
}
.sidebar-search-icon {
position: absolute;
left: 17px;
top: 11px;
}
.sidebar-search-input {
width: 100%;
border: 1px solid #FF2C55;
border-radius: 42px;
padding-block: 11px;
padding-left: 45px;
}
.sidebar-search-input::placeholder {
font-size: 16px;
line-height: 23px;
color: var(--text-color-black);
opacity: 0.2;
}
.sidebar-heading-list {
padding-left: 10px;
border-bottom: 0.5px solid rgb(0, 0, 0, 0.3);
}
.h2-links {
padding-left: 18px;
display: flex;
flex-direction: column;
padding-bottom: 20px;
}
.h2-links a {
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.015em;
color: #838A90;
padding-left: 6px;
margin-bottom: 10px;
}
.h2-links a:hover {
padding-left: 4px;
color: #1E1E1E;
border-left: 2px solid var(--purple);
}
.sidebar-other-countries {
display: flex;
flex-direction: column;
padding-top: 10px;
padding-left: 10px;
cursor: pointer;
}
.sidebar-link {
font-weight: 400;
font-size: 16px;
line-height: 23px;
letter-spacing: 0.015em;
color: var(--text-color-black);
margin-bottom: 10px;
margin-left: 14px;
padding-left: 4px;
margin-right: 10px;
}
.sidebar-link:hover {
color: var(--text-color-black);
font-weight: 600;
padding-left: 2px;
}
.sidebar-link-panel {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.sidebar-link-panel.show {
max-height: -webkit-max-content;
max-height: -moz-max-content;
max-height: max-content;
display: flex;
flex-direction: column;
}
.sidebar-link-panel.show{
max-height: 200px;
overflow-y: scroll;
}
.modal-backdrop{
z-index: 10001 !important;
}
.modal{
z-index: 10002;
}
.acc-sidebar {
display: flex;
align-items: center;
justify-content: space-between;
}
.acc-sidebar:after {
content: "";
background-image: url(//nativeteams.com/kb/wp-content/themes/knowledge-2023/images/icons/down-arrow.svg);
height: 11px;
width: 11px;
background-repeat: no-repeat;
background-position: bottom;
margin-left: 5px;
display: inline-block;
transition: 0.4s ease;
}
.acc-sidebar.active:after {
transform: rotate(-180deg);
}
.article-section {
padding-left: 45px;
margin-bottom: 60px;
}
.article-section .h2 {
font-style: normal;
font-weight: 500;
font-size: 48px;
line-height: 58px;
margin-bottom: 20px;
color: #1E1E1E;
}
.article-section h2 {
font-style: normal;
font-weight: 500;
font-size: 32px;
margin-bottom: 20px;
line-height: 29px;
letter-spacing: 0.025em;
color: #1E1E1E;
}
.article-section p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #1E1E1E;
margin-bottom: 27px;
}
.article-section p a{
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #FF2C55 !important;
margin-bottom: 27px;
}
.article-section p a strong,.article-section p a mark{
font-style: normal;
font-weight: 400 !important;
font-size: 18px;
line-height: 27px;
color: #FF2C55 !important;
margin-bottom: 27px;
}
.article-section p:last-of-type {
margin-bottom: 0;
}
.breadcrambs {
display: flex;
flex-wrap: wrap;
column-gap: 15px;
align-items: center;
margin-bottom: 16px;
}
.breadcrambs-links {
opacity: 0.6;
}
.breadcrambs-links:hover {
color: var(--text-color-black);
opacity: 0.6;
}
.download-guide-hero {
display: none;
}
.download-container {
padding: 44px 23px 29px;
background-color: #1F2068;
border-radius: 30px;
text-align: center;
margin-top: 48px;
}
.download-title {
font-weight: 600;
font-size: 32px;
line-height: 39px;
text-align: center;
color: var(--white);
margin-bottom: 55px;
margin-top: 24px;
}
.download-white-box {
position: relative;
background-color: var(--white);
border-radius: 30px;
padding: 35px 15px 30px;
height: 421px;
}
.white-box-title {
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #1E1E1E;
text-align: left;
}
.btn-guide {
position: absolute;
bottom: 30px;
left: 15px;
font-weight: 600;
font-size: 16px;
line-height: 16px;
letter-spacing: -0.025em;
color: var(--white);
display: block;
padding-inline: 18px;
padding-block: 10px;
text-align: center;
background-color: var(--purple);
border-radius: 50px;
}
.btn-guide:hover {
background-color: #4040C7;
color: var(--white);
}
.guide-img {
position: absolute;
right: 0;
top: 139px;
} .download-page {
background-color: linear-gradient(0deg, var(--Grey-TEST-50, #EFF0F4) 0%, #FFF 100%);
width: 100vw;
height: 100vh;
display: grid;
margin-bottom: 100px;
place-items: center;
position: relative;
}
.download-logo {
width: 211px;
height: 38px;
margin-bottom: 40px;
}
.go-back-link {
position: absolute;
top: 22px;
left: 20px;
}
.download-text{
max-width: 628px;
}
.download-wrapper {
display: flex;
gap: 25px;
padding: 204px 0px 100px;
grid-template-columns: 1fr 1fr;
}
.pre-title {
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.025em;
color: var(--white);
margin-bottom: 20px;
}
.from-container {
justify-self: self-end;
}
.download-list-container {
display: flex;
grid-template-columns: 167px 1fr;
margin-top: 40px;
column-gap: 50px;
}
.download-list {
font-weight: 500;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #000;
display: flex;
align-items: center;
margin-bottom: 40px;
}
.download-list span {
display: block;
width: 13px;
height: 13px;
border-radius: 50%;
background-color: var(--purple);
margin-right: 11px;
}
.form-box {
position: relative;
background: #FFF;
border-radius: 30px;
padding: 40px;
max-width: 627px;
z-index: 2;
}
.form-shadow {
position: absolute;
top: -6px;
right: 7px;
width: 100%;
height: 100%;
background-color: var(--white);
border: 1px solid var(--Grey-TEST-200, #D7D8DE);
border-radius: 30px;
z-index: -1;
}
.input-wrapper {
display: flex;
flex-direction: column;
margin-bottom: 16px;
position: relative;
}
.input-wrapper:last-of-type {
margin-bottom: 0;
}
.input-label {
font-weight: 500;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.015em;
color: #000;
text-align: left;
display: block; }
.input-box {
width: 100%;
height: 48px;
border: 1px solid #CDCFD2;
font-weight: 400;
font-size: 16px;
line-height: 26px;
letter-spacing: 0.015em;
color: #000;
border-radius: 16px;
padding: 16px 12px;
margin-top: 8px;
}
.input-box:focus {
border: 1px solid var(--purple);
}
#downloadBtn{
background-color: #1A1A1D;
color: #FFF;
font-size: 14px;
font-weight: 700;
line-height: var(--2, 16px); }
#downloadBtn:hover {
border: 1px solid  #434447;
background: #434447
}
.input-box:focus+.input-label {
color: var(--purple);
}
.input-box::placeholder {
font-weight: 500;
font-size: 16px;
line-height: 26px;
letter-spacing: 0.015em;
color: #1E1E1E;
opacity: 0.2;
padding-block: 10px;
}
.form-info {
font-weight: 400;
font-size: 13px;
line-height: 19px;
text-align: center;
letter-spacing: 0.015em;
color: #1E1E1E;
opacity: 0.6;
}
.error-span {
font-weight: 400;
font-size: 12px;
line-height: 1.5;
text-align: left;
color: red;
}
.employment-card {
text-align: center;
padding: 40px 10px;
}
.employment-flag {
background-color: var(--white);
width: 57px;
height: 57px;
border-radius: 50%;
display: grid;
place-items: center;
margin-inline: auto;
}
.employment-text {
font-weight: 400;
font-size: 18px;
line-height: 18px;
letter-spacing: 0.05em;
color: #5F6065;
margin-block: 16px;
}
.employment-title {
font-weight: 500;
font-size: 32px;
color: #1A1A1D;
margin-bottom: 40px;
}
.employment-template-wrapper {
background: linear-gradient(0deg, var(--Grey-TEST-100, #E3E4E9) 0%, #FFF 100%);
width: 100%;
height: 473px;
}
.employment-template-hero-box {
border-radius: 24px;
background: #1A1A1D;
backdrop-filter: blur(170px);
padding: 80px;
text-align: center;
margin-top: -274px;
position: relative;
}
.employment-template-hero-box .employment-contract-heading
{
color: var(--Grey-TEST-100, #E3E4E9);
text-align: center;
font-family: Rubik;
font-size: var(--8, 64px);
font-style: normal;
font-weight: 600;
margin-bottom: 32px;
line-height: 100%; letter-spacing: -2.56px;
}
.employment-template-hero-box .employment-contract-desc{
color: var(--Neutral-100, #FFF);
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 152.5%; }
.employment-template-hero-box .paragraf-black {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.6px;
}
.select-employment-container {
display: flex;
justify-content: center;
column-gap: 22px;
margin-top: 64px;
}
.select-wrapper {
position: relative;
user-select: none;
width: 387px;
height: 51px;
}
.select {
position: relative;
display: flex;
flex-direction: column;
border: 1px solid #1E1E1E;
border-radius: 55px;
border-color: #1E1E1E;
}
.select__trigger {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 13px;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #919396;
height: 48px;
line-height: 51px;
background: #ffffff;
cursor: pointer;
border:1px solid #CDCFD2
}
.custom-options {
position: absolute;
display: block;
top: 100%;
left: 0;
right: 0;
background-color: #fff;
transition: all 0.5s;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 2;
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.select.open .custom-options {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.custom-option {
position: relative;
display: block;
padding: 15px 0;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #1E1E1E;
cursor: pointer;
transition: all 0.5s;
}
.custom-option:hover {
cursor: pointer;
background: linear-gradient(0deg, #F5F5F5, #F5F5F5), #FFFFFF;
border-radius: 4px;
font-weight: 500;
}
.arrow {
position: relative;
height: 11px;
width: 11px;
}
.arrow::before, .arrow::after {
content: "";
position: absolute;
bottom: 0px;
width: 0.15rem;
height: 100%;
}
.arrow::before {
left: -2px;
transform: rotate(45deg);
background-color: var(--purple);
}
.arrow::after {
left: 5px;
transform: rotate(-45deg);
background-color: var(--purple);
}
.open .arrow::before {
left: -2px;
transform: rotate(-45deg);
background-color: var(--color-green);
}
.open .arrow::after {
left: 5px;
transform: rotate(45deg);
background-color: var(--color-green);
}  .pt-93 {
padding-top: 93px;
}
.search-container .blue-box-title {
margin-bottom: 40px;
}
.search-container .countries-row {
margin-bottom: 100px;
}
.article-button {
margin-block: 40px;
}
p.article-note-text {
color: #838A90;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 144.5%;
}
.fw-500 {
font-weight: 500;
} #thankYou .modal-content {
border-radius: 24px;
background-color: var(--white);
width: 478px;
padding: 44px;
box-shadow: 0px 429px 120px 0px rgba(42, 43, 65, 0.00), 0px 17px 38px 0px rgba(42, 43, 65, 0.05);
text-align: left;
color: var(--black);
border: none;
}
#thankYou .modal-text {
color: #757779;
font-size: 18px;
font-weight:400;
line-height: 20px;
margin-bottom: 28px  !important;
}
#thankYou .heading-3{
margin-bottom: 28px !important;
}
#thankYou .btn-purple {
width: 100%;
border-radius:  60px;
border: 1px solid  #1A1A1D;
background:  #1A1A1D;
font-size: 14px;
font-weight: 500;
line-height: 16px;
color:#fff
}
#thankYou .btn-purple:hover
{
border: 1px solid #434447;
background: #434447;
}
#thankYou .modal-body {
padding: 0 !important;
}
#thankYou .close-btn{
position: absolute;
top: 20px;
right: 20px;
}
.footer-get-in-touch .btn-outline-white {
padding: 15px 30px;
}
.footer-get-in-touch .btn-outline-white:first-of-type {
margin-right: 15px;
}
.header-mobile .btn-login{
color: rgba(30, 30, 30, 1);
margin-right: 8px;
}
.accordion-mobile-info{
font-size: 13px;
line-height: 19px;
color: #838A90;
margin-bottom: 18px;
}
.numbers-modal .btn-purple {
padding: 11px 44px 12px;
}
.numbers-modal .modal-dialog{
max-width: 346px;
}
.modal-open .numbers-modal {
overflow-y: hidden;
}
.last-link {
margin-bottom: 0 !important;
}
.privacy-text {
color: #515254;
font-size: 12px;
line-height: 16px;
}
.privacy-text.google {
margin-bottom: 0!important;
}
.privacy-text.google a span {
color: #5152FB;
}
.mobile-menu-btn {
position: fixed;
left: 0;
right: 0;
bottom: 0;
background-color: #1e1e1e;
z-index: 10;
}
.mobile-menu-btn .btn-purple
{
background-color: #E3E4E9;
color: var(--Grey-TEST-1100, #1A1A1D);
font-size: 14px;
font-weight: 500;
line-height:  16px
}
.mobile-menu-btn .btn-purple:hover
{
background-color: #E3E4E9;
border: 1px solid #E3E4E9;
color: #1A1A1D;
}
body * {
font-family:'Rubik'!important
}
.custom-options-mobile-nav{
height: 222px;
overflow-x: hidden;
}
.subtitle-box {
display:flex;
padding:8px 5px;
align-items:center;
gap:10px;
border-bottom:1px solid #EBF3FF;
border-radius:5px;
margin-bottom:10px
}
.subtitle-box.new {
display:flex;
padding:14px 10px;
align-items:center;
justify-content: space-between;
border-radius:20px;
background-color: #EBF3FF;
margin-bottom:10px
}
.subtitle-box.knowledge-b {
border-radius: 20px;
padding:14px 10px;
background: #F0F2F7;
gap: 4px;
}
.subtitle-box.new.native-work {
background-color: #FFE4E4;
}
.subtitle-box.new.native-tax {
background-color: #E8E8FF;
}
.subtitle-box.new.native-mobility {
background-color: #FFF0CC;
}
.subtitle-box.new.native-recruite {
background-color: #F3F5FF;
}
@media (max-width: 992px) {
.subtitle-box.new.native-recruite {
margin-top: 20px;
}
}
@media (min-width: 1280px) {
.subtitle-box.new.native-recruite {
margin-top: 20px;
}
}
@media (min-width: 1280px) {
.subtitle-box.new {
height: 51px;
}
.new-header-menu-wrapper.popover-features-dropdown.new-header-popover-dropdown {
width: 1000px;
}
.new-header-menu-wrapper.popover-knowledge-base-dropdown.new-header-popover-dropdown {
width: 292px;
}
}
.subtitle-box p {
color:#1E1E1E;
font-size:14px;
font-weight:700;
line-height:100%;
text-transform:uppercase;
margin-bottom:0!important
}
.links-box {
display:flex;
flex-direction:column;
gap:4px;
line-height: 100%;
}
.title-box {
padding:10px;
border-radius:5px;
background:#EBF3FF;
margin-bottom:10px
}
.title-box a {
display:flex;
align-items:center;
gap:10px
}
.title-box.new {
padding:10px;
border-radius:20px;
background:#F0F2F7;
margin-bottom:18px
}
.title-box.new a {
display:flex;
align-items:center;
justify-content: space-between;
gap:18px
}
.title-box.new a .image-text-wrapper {
display: flex;
gap: 18px;
align-items: center;
}
.new-header-menu-wrapper .platform .title-box,.mobile-accordion-menu-content-container .platform .title-box {
background:#0A0A2B
}
.new-header-menu-wrapper .knowledge-base .title-box,.mobile-accordion-menu-content-container .knowledge-base .title-box {
background:#E1F6EA
}
.new-header-menu-wrapper .platform .new-header-menu-title,.new-header-menu-wrapper .platform .new-header-menu-subtitle,.mobile-accordion-menu-content-container .platform .new-header-menu-title,.mobile-accordion-menu-content-container .platform .new-header-menu-subtitle {
color:#fff
}
.transition-all-300 {
transition:all 300ms ease-out
}
.new-header-dark {
display:flex;
background:#0A0A2A;
border-radius:0!important;
box-shadow:0 4px 10px 1px #0000001a;
max-width:unset!important;
width:100%;
margin-left:auto;
margin-right:auto;
position:fixed;
z-index:55;
left:50%;
top:0!important;
transform:translateX(-50%);
height: 76px;
}
.bg-wrapper-h {
border-radius: 60px;
}
.new-header-menu-title {
color:#1E1E1E;
font-size:20px;
font-style:normal;
font-weight:700;
line-height:normal;
letter-spacing:.6px;
margin-bottom:0!important
}
.logo-color.w-100,.logo-white.w-100 { }
.new-header-list-link {
border-radius:50px;
min-height:40px;
font-style:normal;
font-weight:400;
font-size:16px;
line-height:19px;
letter-spacing:.015em;
padding:12px 24px;
color:#E3E4E9;
display:flex;
align-items:center
}
.pricing-btn {
padding-right:24px;
padding-left:24px;
}
.arrow-white{
margin-left: 8px !important;
}
.new-header-popover {
height:70px;
position:relative
}
.new-header-list-link:hover {
background-color:#E3E4E9;
color:#1A1A1D
}
.rounded-full {
border-radius:50px!important
}
.new-header-menu-container.features {
max-width:unset;
min-width:58.25rem;
width:100%;
display:flex
}
.arrow-box {
width:100%;
text-align:end
}
.new-header-menu-subtitle { margin-bottom:0!important;
color:#1E1E1E;
font-size:16px;
font-style:normal;
font-weight:400;
line-height:152.5%
}
.new-header-menu-links-container {
display:flex;
flex-direction:column;
width:100%
}
.new-header-menu-links-columns {
display:flex;
gap:24px
}
.new-header-menu-links-column {
display:flex;
flex-direction:column;
width:50%
}
.new-header-dark .new-header-menu-wrapper {
top: 64px !important;
left:0!important;
position:absolute;
transform:translate(0,0)!important;
background:#2E2E31;
box-shadow:0 3px 20px #0000001a;
border-radius:18px;
padding:24px;
}
@media (min-width: 1280px) {
.new-header-dark .new-header-menu-wrapper.business-menu {
left:-60px !important;
width: 968px;
}
}
.new-header-new-header-kb-div { width: 100%;
}
.new-header-new-header-kb-div .new-header-kb-flex {
display: flex;
flex-direction: row;
gap: 24px;
}
.new-header-new-header-kb-div .new-header-kb-flex .new-header-kb-wrap {
flex-basis: 268px;
}
.new-header-new-header-kb-div .new-header-solutions-h3 {
color: #E3E4E9;
font-size: 16px;
font-style: normal;
font-weight: 800;
line-height: 20px;
letter-spacing: 0.8px;
text-transform: uppercase;
border-bottom: 1px solid #D7E0FF;
padding-bottom: 12px;
margin-bottom: 24px !important;
}
@media (max-width: 992px) {
.new-header-new-header-kb-div .new-header-kb-flex {
flex-direction: column;
}
.new-header-new-header-kb-div .new-header-kb-flex .new-header-kb-wrap {
flex-basis: auto !important;
}
}
@media (max-width: 767px) {
.new-header-new-header-kb-div .new-header-kb-flex {
gap: 34px;
}
.new-header-new-header-kb-div .new-header-solutions-h3 {
font-size: 16px;
line-height: 16px;
}
.new-header-new-header-kb-div .new-header-solutions-p {
font-size: 12px;
}
} .new-header-new-header-solutions-div:hover {
background-color: rgb(67 68 71 / 1)
}
.new-header-new-header-solutions-div {
padding-top: .75rem;
padding-bottom: .75rem;
border: 1px solid rgb(67 68 71 / 1);
margin-bottom: 12px !important;
width: 100%;
padding-right: 1rem;
border-radius: 14px;
}
.new-header-new-header-solutions-div .new-header-solutions-h3 {
color: #E3E4E9;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0.8px;
text-transform: uppercase;
margin-bottom: 0 !important;
padding-bottom: 10px;
}
.new-header-new-header-solutions-div .new-header-solutions-p {
color: #C8C9D0;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin-bottom: 0 !important;
padding-bottom: 12px;
}
.solutions-flex-wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 12px 22px;
padding-bottom: 24px;
}
.solutions-flex-wrapper.solutions-flex-wrapper-kb,
.solutions-flex-wrapper.last-item-f {
padding-bottom: 0 !important;
}
.solutions-flex-wrapper .solutions-a {
width: calc((100% - 44px) / 3);
}
.solutions-flex-wrapper .solutions-a .hovered-img {
display: none;
}
.solutions-flex-wrapper .solutions-a:hover .hovered-img {
display: block;
}
.solutions-flex-wrapper .solutions-a:hover .default-img {
display: none;
}
.solutions-flex-wrapper .solutions-a .icon-bg {
border-radius: 8px;
background: #434447;
padding: 10px;
}
.solutions-flex-wrapper .solutions-a:hover .icon-bg {
background: #E3E4E9;
}
.solutions-flex-wrapper.solutions-flex-wrapper-kb {
gap: 8px;
}
.solutions-flex-wrapper.solutions-flex-wrapper-kb .solutions-a {
flex-basis: 268px;
}
.solutions-flex-wrapper .solutions-a .solutions-div {
padding: 8px;
border-radius: 14px;
}
.solutions-flex-wrapper .solutions-a .solutions-div:hover {
background: #434447;
}
.solutions-flex-wrapper .solutions-a .solutions-div:hover svg rect {
fill: #E3E4E9;
}
.solutions-flex-wrapper .solutions-a .solutions-div:hover svg path {
fill: #434447;
}
.solutions-flex-wrapper .solutions-a.solutions-a-book .solutions-div:hover svg path {
stroke: #434447;
fill: none;
}
.solutions-flex-wrapper .solutions-a .solutions-div .solutions-div-flex {
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
}
.solutions-flex-wrapper .solutions-a .solutions-div .solutions-div-flex .solutions-h4 {
font-size: 14px;
color: #E3E4E9;
line-height: 14px;
font-weight: 500;
padding-bottom: 4px;
margin-bottom: 0 !important;
}
.solutions-flex-wrapper .solutions-a .solutions-div .solutions-div-flex .solutions-p {
font-size: 12px;
color: #9E9FA6;
line-height: 14px;
font-weight: 400;
margin-bottom: 0 !important;
} @media (max-width: 1280px) {
.solutions-flex-wrapper .solutions-a {
flex-basis: 280px;
}
.continents-pill
{
flex-basis: 100px;
}
}
@media (max-width: 992px) {
.solutions-flex-wrapper .solutions-a {
flex-basis: 305px;
}
}
@media (max-width: 767px) {
.new-header-new-header-solutions-div .new-header-solutions-h3 {
font-size: 16px;
line-height: 16px;
}
.new-header-new-header-solutions-div .new-header-solutions-p {
font-size: 12px;
}
.solutions-flex-wrapper {
padding-bottom: 34px;
}
.solutions-flex-wrapper .solutions-a {
flex-basis: 100%;
}
}
@media (min-width: 767px) and (max-width: 1280px) {
.mobile-accordion-menu-content-container {
border-radius: 18px !important;
border: 1px solid #434447;
background: #2E2E31; padding: 24px !important;
}
.mobile-accordion-menu-content-container a {
width: 100%;
}
}
@media (min-width: 767px) {
.new-header-new-header-solutions-div .new-header-solutions-h3,
.new-header-new-header-solutions-div .new-header-solutions-p,
.new-header-new-header-kb-div .new-header-solutions-h3,
.new-header-new-header-kb-div .new-header-solutions-p {
padding-left: 14px;
}
}
.new-header-menu-links {
display:flex;
flex-direction:column;
max-width:14.3125rem
}
.new-header-menu-link {
margin-bottom:0;
font-size: 10px;
line-height: 100%;
padding:10px;
border-radius:20px
}
.new-header-menu-link-title {
color:#515254;
font-size:14px;
font-weight:500;
line-height:100%;
margin-bottom:0
}
.new-header-popover:hover .popover-arrow {
transform:rotate(180deg)
}
.popover-platform:hover .popover-platform-dropdown,.popover-features:hover .popover-features-dropdown,.popover-knowledge-base:hover .popover-knowledge-base-dropdown {
display:block!important;
left:18%
}
.popover-knowledge-base:hover .popover-knowledge-base-dropdown {
left: -60px !important;
}
.new-call-us-wrapper {
height:70px;
display:flex;
margin-bottom: 9px;
flex-direction:column;
align-items:center;
justify-content:center;
}     .new-call-us-number {
color: #B3B4BC !important;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 1;
letter-spacing: 0.32px;
}
.header-white .new-call-us-number,
.transparent .new-call-us-number {
color: #B3B4BC;
}
.new-call-us-dropdown {
position:absolute;
top:34px;
left:50%!important;
transform:translate(-50%,0)!important;
background:#fff;
box-shadow:0 3px 20px #0000001a;
border-radius:5px;
width:500px;
display:none;
padding:2.5rem
}
.new-call-us-dropdown-number {
font-weight:400;
font-size:16px;
line-height:23px;
color:#5152fb
}
.new-call-us-action {
display:flex;
align-items:center;
position:relative
}
.new-call-us-dropdown-title {
font-style:normal;
font-weight:700;
font-size:12px;
line-height:100%;
text-transform:uppercase;
color:#000;
margin-bottom:10px;
padding:8px 18px
}
.new-call-us-dropdown-countries-container {
display:flex;
gap:30px
}
.new-call-us-dropdown-countries-column {
display:flex;
flex-direction:column;
flex-wrap:wrap;
max-height:200px
}
.new-call-us-dropdown-link {
display:flex;
align-items:center;
background:#FFF;
border-radius:5px;
padding:8px 18px;
font-style:normal;
font-weight:400;
font-size:14px;
line-height:142.5%;
color:#5152FB!important
}
.new-call-us-wrapper:hover .new-call-us-dropdown {
display:block
}
.new-call-us-wrapper:hover .arrow-white {
transform:rotateX(180deg)
}
.new-call-us-where {
font-style:normal;
font-weight:700;
font-size:10px;
line-height:142.5%;
letter-spacing:.06em;
text-transform:uppercase;
color:#E6E6E4;
opacity:.7
}
.new-header-dark-mobile {
transition:all 300ms ease-out;
display:none
}
.transition-all {
transition-property:all;
transition-timing-function:cubic-bezier(0.4,0,0.2,1);
transition-duration:150ms
}
.fs_16 {
font-size:16px!important
}
.new-header-dark.header-always-white,.new-header-dark-mobile.header-always-white,.new-header-dark.transparent,.new-header-dark-mobile.transparent {
background:#1B1B1B!important;
box-shadow:none;
border:none;
border-bottom: 1px solid  #2E2E31;
}
.new-header-dark.scrolled,.new-header-dark-mobile.scrolled {
background:#FFF!important;
box-shadow:0 4px 10px 1px #0000001a!important
}
.new-header-dark.header-always-white .new-header-list-link{
color: #E3E4E9;
font-weight: 500;
}
.new-header-dark.scrolled .new-header-list-link,.new-header-dark.header-always-white .btn-login,.new-header-dark-mobile.scrolled .btn-login,.new-header-dark-mobile.scrolled .icon-hamburger,.new-header-dark-mobile.scrolled .icon-x-times,.new-header-dark-mobile.header-always-white .btn-login,.new-header-dark-mobile.header-always-white .icon-hamburger,.new-header-dark-mobile.header-always-white .icon-x-times {
color:#E3E4E9!important;
font-weight: 500 !important;
}
.new-header-dark.scrolled .btn-login {
color:#1E1E1E!important
}
.scrolled .btn-login {
border-color:transparent
}
.btn.green {
background:#43C876;
color:#fff;
border-color:#23B059
}
.btn.green:hover,.btn.green:focus {
background:#23B059;
color:#fff;
border-color:#23B059
}
.btn_black {
color:#fff!important;
background:#000!important;
border-color:#000!important
}
.button-white-bg-white {
background-color: #ffffff;
color: #1e1e1e;
border-color: #1e1e1e;
}
.button-white-bg-white:hover {
background-color: #e6e6e6;
color: #1e1e1e;
}
.btn_black:hover,.btn_black:focus {
color:#fff!important;
background:#404040!important;
border-color:#404040!important
}
.pastel-blue {
color:#4040C7!important;
background:#EBF3FF!important;
border-color:#EBF3FF!important
}
.pastel-blue:hover,.pastel-blue:focus {
background:#4040C7!important;
color:#EBF3FF!important;
border-color:#4040C7!important
}
.btn-rounded-white {
background:#fff!important;
color:#000;
border-color:#fff!important
}
.btn-rounded-white:hover,.btn-rounded-white:focus {
background:#E6E6E6!important;
color:#000;
border-color:#E6E6E6!important
}
.black-bordered {
background:transparent!important;
background:transparent!important
}
.btn-header:not(.btn-login):focus{
box-shadow: none !important;
}
.new-header-dark.scrolled .popover-arrow path,.new-header-dark.header-always-white .popover-arrow path {
fill:#E3E4E9
}
.popover-platform:hover .new-header-list-link,.popover-features:hover .new-header-list-link,.popover-knowledge-base:hover .new-header-list-link {
background-color:#E3E4E9!important;
color:#1A1A1D!important
}
.new-header-dark.scrolled .new-call-us-number,.new-header-dark.header-always-white .new-call-us-number {
color:#B3B4BC!important
}
.new-header-dark.scrolled .new-header-list-link:hover,.new-header-dark.header-always-white .new-header-list-link:hover {
background-color:#E3E4E9 !important;
color:#1A1A1D!important
}
.new-header-dark.scrolled .new-header-list-link:hover .popover-arrow path,.new-header-dark.header-always-white .new-header-list-link:hover .popover-arrow path,.popover-platform:hover .popover-arrow path,.popover-features:hover .popover-arrow path,.popover-knowledge-base:hover .popover-arrow path {
fill:#1A1A1D
}
.new-header-dark.scrolled .new-call-us-where.tel-info,.new-header-dark.header-always-white .new-call-us-where.tel-info {
color:#898A91!important
}
.new-header-dark.header-always-white .new-call-us-where.tel-info {
color: #FDFDFE;
font-size: 8px;
font-weight: 400;
line-height: 9px;
letter-spacing: 0.6px;
text-transform: uppercase;
}
.new-header-dark.scrolled .logo-color,.new-header-dark.header-always-white .logo-color,.new-header-dark-mobile.scrolled .logo-color,.new-header-dark-mobile.header-always-white .logo-color {
display:flex!important
}
.btn_purple {
background-color: #E3E4E9;
border-color: #E3E4E9;
color: #1A1A1D;
}
.new-header-mobile-link {
margin-bottom:0!important
}
.btn-header {
padding: 8px 17px !important;
max-height: 40px;
}
.btn-header.btn_purple.btn-started {
padding-right: 24px !important;
padding-left: 24px !important;
}
.btn-header.btn_purple.btn-started, .btn-header {
font-weight: 500 !important;
}
.mt-20 {
margin-top:20px
}
.new-header-menu-container.platform,.new-header-menu-container.knowledge-base {
max-width:unset; width:100%;
display:flex
}
.new-header-menu-link:hover,.new-call-us-dropdown-link:hover {
background:#E8E8FF
}
.new-header-popover-dropdown,.new-header-dark.scrolled .logo-white,.new-header-dark.header-always-white .logo-white,.new-header-dark-mobile.scrolled .logo-white,.new-header-dark-mobile.header-always-white .logo-white,.button-solutions-mob {
display:none
}
.black-bordered:hover,.black-bordered:focus,.black-bordered:hover {
background:#E6E6E6!important;
color:#000!important;
border-color:#000!important
}
.white-bordered:hover,.white-bordered:focus,.white-bordered:hover {
background:#ffffff1a!important;
color:#fff!important;
border-color:#fff!important
}
.title-box {
padding: 18px 10px;
}
.title-box.new {
padding: 18px 20px !important;
}
@media (max-width: 1280px) {
.subtitle-box.new {
height: 52px;
}
.customizable-img
{
max-width: 100%;
}
.custom-container {
max-width: 100%;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.box-wrapper{
padding-top: 60px;
padding-bottom: 64px;
}
.box-wrapper-2{
padding-bottom: 0  !important;
}
.employment-text-box .paragraf-text-white{
max-width: fit-content;
}
.heading-2{
max-width: fit-content;
}
.box-row{
margin-bottom: 0 !important;
}
.knowledge-base .new-header-menu-links-column {
max-width: 198px;
}
.knowledge-base .new-header-menu-links-columns {
justify-content: space-between;
}
.mobile-accordion-menu-content-container{
margin-bottom: 18px;
}
.homepage-container{
padding-top: 172px ;
padding-bottom: 100px;
}
.mobile-accordion-button i {
font-size: 8px;
margin-right: 6px;
}
.new-header-menu-links-columns {
display:flex;
flex-wrap:wrap;
gap:0
}
.download-list-container{
justify-content: center;
}
.btn-contact-country {
margin-bottom: 18px !important;
}
.title-box {
margin-bottom: 20px;
}
.new-header-menu-links-column.col__3 {
width:25%;
padding-right:0
}
.new-header-menu-links-column.col__4 {
width:calc(100% / 3)
}
.interim.col__6 {
display:flex;
width:50%
}
.new-header-dark-mobile-menu-footer {
position:fixed;
bottom:0;
left:0;
width:100%;
display:flex;
flex-direction:column;
align-items:flex-end;
background:#fff;
padding:28px 24px 15px 20px
}
.new-header-dark-mobile-menu-actions {
width:100%;
justify-content:space-between;
display:flex;
align-items:center;
gap:24px;
margin-bottom:12px
}
.new-header-dark-mobile-menu-actions a {
width:110%;
height:46px;
font-weight:600
}
.new-header-dark-mobile {
height:84px;
width:100vw;
background:#0A0A2B;
box-shadow:0 4px 10px 1px #0000001a;
position:fixed;
z-index:55;
display:flex;
align-items:center;
padding-left:20px;
padding-right:20px;  }
.new-header-dark-mobile .mobile-wrap {
background: #1A1A61;
margin-top: 14px;
margin-bottom: 14px;
padding: 14px 24px;
border-radius: 60px;
}
.new-header-dark-mobile.header-always-white .mobile-wrap,
.new-header-dark-mobile.scrolled .mobile-wrap {
background: #F3F5FF;
}
.new-header-dark-mobile-bar {
display:flex;
align-items:center;
justify-content:space-between;
width:100%
}
.btn-login {
padding-right:20px;
line-height:100%
}
.download-wrapper
{
padding: 172px 0px 100px;
flex-direction: column;
align-items: center;
}
.text-wrapper-download{
text-align: center;
}
.btn-toggle-new-header-dark-mobile {
display:flex;
align-items:center;
gap:12px
}
.btn-toggle-new-header-dark-mobile .icon-x-times {
display:none;
padding-right:0
}
.new-header-dark-mobile-actions {
display:flex;
align-items:center
}
.new-header-dark-mobile-menu {
height:calc(100vh - 175px);
display:none;
flex-direction:column;
position:fixed;
background:#fff;
width:100vw;
left:0;
top:71px!important;
padding: 0 20px 12px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.new-link-account {
font-style:normal;
font-weight:400;
font-size:12px;
line-height:210%;
color:#838A90
}
.new-link-account a {
color:#5152FB;
font-weight:700
}
.btn-rounded-outline-white {
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
padding:15px 45px;
border:1px solid #FFF;
border-radius:30px;
font-style:normal;
font-weight:600;
font-size:16px;
line-height:130%;
text-align:center;
color:#FFF
}
.btn-rounded-purple {
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
padding:15px 45px;
background:#5152FB;
border-radius:30px;
font-style:normal;
font-weight:600;
font-size:16px;
line-height:130%;
text-align:center;
color:#FFF
}
.btn-rounded-outline-purple {
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
padding:17px 45px;
background:transparent;
border-radius:30px;
font-style:normal;
font-weight:500;
font-size:16px;
line-height:130%;
text-align:center;
color:#5152FB;
border:1px solid
}
.btn-rounded-outline-purple:hover {
background:#E6E6E6;
border-color:#5152FB;
color:#5152FB
}
.btn-rounded-outline-purple.btn-contact-country {
padding:12.5px 45px
}
.btn-rounded-outline-purple.btn-contact-country:hover {
background:#E8E8FF;
border-color:#E8E8FF
}
.contact-country-container {
border:1px solid #5E68FD;
border-radius:24px;
padding:16px;
display:flex;
flex-direction:column;
align-items:center;
margin-bottom:18px;
}
.contact-country-title {
font-style:normal;
font-weight:400;
font-size:8px;
line-height:normal;
text-align:center;
letter-spacing:.06em;
text-transform:uppercase;
color:#838A90;
opacity:1;
margin-bottom:8px!important
}
.new-header-mobile-link-wrapper {
width:100%;
padding: 18px 0;
border-top:1px solid #DADADA;
display:flex;
align-items:center;
justify-content:space-between
}
.new-header-new-header-kb-div .new-header-kb-flex .new-header-kb-wrap
{
flex-basis: 100%;
}
.new-header-mobile-link-wrapper:last-child {
padding-bottom: 0;
}
.new-header-mobile-link {
font-style:normal;
font-weight:700;
font-size:18px;
line-height:22px;
letter-spacing:.015em;
color:#2F2F9C
}
.contact-country-tel {
display:flex;
align-items:center;
font-style:normal;
font-weight:500;
font-size:16px;
line-height:142.5%;
text-align:center;
letter-spacing:.02em;
gap: 5px;
color:#2F2F9C
}
.mobile-accordion-button i {
color:#000
}
.mobile-accordion-button.active .new-header-mobile-link {
color:#5152FB!important
}
.mobile-accordion-button.active i {
transform:rotate(180deg);
color:#5152FB
}
.new-header-mobile-menu-link {
border-radius:5px;
padding:10px 25px 7px 9px;
display:flex;
flex-direction:column
}
.new-header-mobile-menu-link:hover {
background:#e8e8ff
}
.new-header-mobile-menu-title {
font-style:normal;
font-weight:700;
font-size:12px;
line-height:100%;
text-transform:uppercase;
color:#1e1e1e;
margin-bottom:20px
}
.new-header-mobile-menu-link-title {
font-style:normal;
font-weight:500;
font-size:14px;
line-height:100%;
color:#515254;
margin-bottom:8px
}
.new-header-mobile-menu-link-text {
font-style:normal;
font-weight:400;
font-size:10px;
line-height:130%;
color:#838A90;
width:165px
}
.mobile-accordion-menu-content-container {
display:flex;
align-items:flex-start;
width:100%;
box-shadow:0 3px 20px #0000001a;
border-radius:5px
}
.new-header-mobile-menu-links-columns {
display:flex;
align-items:flex-start;
width:100%;
padding:27px 32px 34px
}
.mobile-accordion-menu-content-container.kh {
padding:28px 32px 30px;
display:grid;
grid-template-columns:2fr 1fr 1fr
}
.mobile-accordion-menu-content-column {
width:100%;
padding:18px;
}
.new-header-mobile-menu-links-column.platform {
display:grid;
grid-template-columns:repeat(4,1fr);
grid-template-rows:repeat(4,1fr);
height:100%;
row-gap:6px;
column-gap:15px
}
.new-header-mobile-menu-links-column.features {
display:flex;
flex-direction:column;
flex-wrap:wrap;
max-height:292px;
column-gap:15px;
row-gap:6px
}
.title-container {
border-bottom:3px solid #F0F2F7;
padding:28px 32px 30px
}
.resources-wrap {
display:flex;
flex-direction:column;
flex-wrap:wrap;
max-height:208px;
column-gap:15px;
row-gap:6px
}
.button-solutions-mob {
display:none!important
}
.new-header-dark,.btn-toggle-new-header-dark-mobile.active .icon-hamburger,.mobile-accordion-menu {
display:none
}
.btn-toggle-new-header-dark-mobile.active .icon-x-times,.new-header-dark-mobile-menu.open,.mobile-accordion-menu.open {
display:flex
}
.header-mobile {
display: block;
padding-left: 20px;
padding-right: 20px;
height: 72px;
}
.accordion-services,.mobile-link,.accordion-knowledge{
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 28px;
letter-spacing: .015em;
color: #E3E4E9;
}
.call-wrapper {
border: 1px solid #9E9FA6;
border-radius: 24px;
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 18px;
}
.footer-links-wrapper{
gap: 55px;
justify-content: flex-end;
}
.footer-links-container.second-col {
}
.footer-menu-link-solutions{
width:196px ;
}
.footer-links-container.second-col .footer-menu-link {
min-width: 111px;
}
.footer-second-section {
padding: 14px 20px 17px;
}
.footer-second-section .mobile-space {
padding-top: 22px;
}
.header {
display: none;
}
.header-mobile {
display: block;
padding-left: 20px;
padding-right: 20px;
height: 72px;
}
.mobile-wrap{
height: 72px !important;
border-radius: 60px;
}
.call-wrapper{
border: 1px solid #9E9FA6;
border-radius: 24px;
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 18px;
}
.call-way,.call-way-contact{
font-style: normal;
font-weight: 400;
font-size: 8px;
line-height: normal;
text-align: center;
letter-spacing: .06em;
text-transform: uppercase;
color: #838a90;
opacity: 1;
}
.call-number{
display: flex;
align-items: center;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 142.5%;
text-align: center;
letter-spacing: .02em;
gap: 5px;
color: #E3E4E9;
}
}
@media (max-width: 1279px) {
.knowledge-base .new-header-menu-subtitle{
width: fit-content;
}
.button-solutions-mob {
display:none
}
.interim.col__6 {
display:flex;
flex-direction:column;
width:calc(100% / 3)
}
.new-header-menu-links-column.col__3 {
width: 23%;
}
.interim .new-header-menu-links-column {
width:100%
}
.interim .new-header-menu-links-column:first-child {
margin-bottom:25px
}
.new-header-mobile-menu-links-column.platform {
grid-template-columns:repeat(3,1fr)
}
.new-header-mobile-menu-link-text {
width:183px
}
.new-header-mobile-menu-links-column.features {
max-height:360px
}
.resources-wrap {
max-height:100%
}
.mobile-accordion-menu-content-container.kh {
grid-template-columns:1fr 1fr 1fr
}
}
@media (max-width: 992px) {
.new-header-menu-links-column.col__3 {
width: 31%;
}
}
@media (max-width: 768px) {
.new-header-menu-links-column.col__4.last {
padding-bottom: 20px;
}
}
@media (max-width: 1279px) {
.new-header-mobile-link-wrapper:last-child {
margin-bottom: 0;
}   .knowledge-base .title-box {
padding: 10px;
}
.new-header-menu-title{ }
.features .new-header-menu-links-column.fix,
.features .interim,
.platform .new-header-menu-links-column.fix,
.platform .interim {
max-width: 32%;
}
.knowledge-base .new-header-menu-links-column {
max-width: 31%;
}
.features .new-header-menu-links-columns,
.platform .new-header-menu-links-columns,
.knowledge-base .new-header-menu-links-columns {
gap: 22px;
}
.button-solutions-mob {
padding-left:10px;
padding-right:10px
}
.new-header-dark-mobile-menu-actions {
flex-direction:row;
align-items:center;
width:100%;
gap: 20px;
}
.new-header-dark-mobile-menu {
top:56px;
height:calc(100vh - 56px);
padding-top:28px
}
.new-header-mobile-menu-links-columns,.mobile-accordion-menu-content-container {
flex-direction:column
}
.new-header-dark-mobile-menu-footer {
width:100%;
align-items:center;
padding: 30px 20px 28px;
}
.new-header-dark-mobile-menu-actions a {
width:100%;
padding:11px 20px
}
.new-header-dark-mobile-accordion-container {
padding-bottom:133px;
margin-bottom:150px;
}
.mobile-accordion-menu-content-column {
margin-bottom:0
}
.btn-login {
padding-right:13px
}
.new-link-account {
width:100%;
text-align:end
}
.new-header-mobile-menu-link {
background:transparent;
width:fit-content
}
.new-header-mobile-menu-link .new-header-mobile-menu-link-text {
display:block
}
.new-header-mobile-menu-links-column.features {
display:flex;
flex-direction:column;
flex-wrap:wrap;
max-height:370px;
column-gap:0;
row-gap:6px
}
.mobile-accordion-menu-content-column.features .new-header-mobile-menu-links-column {
width:unset
}
}
@media (max-width: 992px) {
.features .new-header-menu-links-columns,
.platform .new-header-menu-links-columns,
.knowledge-base .new-header-menu-links-columns {
gap: 18px;
}
.arrow-wrapper p {
display: none;
}
}
@media (min-width: 768px) {
.new-header-menu-title {
margin-bottom: 4px !important;
}
}
@media (max-width: 767px) {
.mobile-accordion-button i{
margin-right: 0;
}
.button-solutions-mob {
margin-bottom: 20px;
}
.new-header-mobile-link-wrapper:last-child {
margin-bottom: 8px;
}
.new-header-dark-mobile-menu-actions{
gap: 12px;
}
.new-header-mobile-link-wrapper{
padding: 18px 0 18px;
}
.new-header-mobile-link-wrapper.active {
padding: 20px 0 18px;
}
.btn-contact-country{
margin-bottom: 20px !important;
}
.features .new-header-menu-links-column.fix,
.features .interim,
.platform .new-header-menu-links-column.fix,
.platform .interim,
.knowledge-base .new-header-menu-links-column {
max-width: none;
}
.mobile-accordion-menu-content-container{
margin-bottom: 0;
}
.new-header-dark-mobile-accordion-container{
padding-bottom: 188px;
}
.new-header-dark-mobile-menu-footer {
padding-right:20px;
padding-left:20px
}
.subtitle-box {
border-bottom:0;
margin-bottom:7px
}
.new-header-menu-links-column,.interim {
width:100%!important
}
.new-header-menu-link {
border-radius:60px; }
.new-header-menu-link:last-child {
margin-bottom:0;
}
.new-header-menu-link-title {
color:#515254;
font-size:14px;
font-weight:500;
line-height:100%
}
.interim .new-header-menu-links-column:first-child {
margin-bottom:10px
}
.title-container {
border-bottom:unset;
padding:10px 0
}
.mobile-accordion-menu-content-container.kh {
padding:0;
grid-template-columns:1fr
}
.mobile-accordion-menu-content-container {
box-shadow:unset;
border-radius:0
}
.new-header-mobile-menu-link {
width:100%;
margin-bottom:3px;
padding:6px 15px;
background:#f5f5f5;
border-radius:60px
}
.new-header-mobile-menu-link-title {
line-height:143%;
margin-bottom:0
}
.mobile-accordion-menu-content-column.features .new-header-mobile-menu-links-column,.mobile-accordion-menu-content-column.platform .new-header-mobile-menu-links-column {
width:100%
}
.new-header-mobile-menu-links-column.platform {
grid-template-columns:1fr;
grid-template-rows:auto
}
.new-header-mobile-menu-links-column.features {
max-height:100%
}
.new-header-dark-mobile { }
.new-link-account {
width:fit-content
}
.new-header-dark-mobile-menu {
top:71px!important;
padding-top:28px
}
.icon-hamburger,.icon-x-times {
font-size:inherit!important
}
.logo-color.w-100,.logo-white.w-100 { }
.button-solutions-mob {
display:flex!important;
height:46px;
padding:14px 44px;
justify-content:center;
align-items:center;
margin-top:20px !important
}
.new-header-dark-mobile-menu-actions,.new-header-menu-links-columns {
flex-direction:column
}
.title-box,.new-header-mobile-menu-link .new-header-mobile-menu-link-text {
display:none
}
.mobile-accordion-menu-content-column,.new-header-mobile-menu-links-columns {
padding:0
}
.new-header-new-header-solutions-div {
padding: 16px;
}
.new-header-new-header-solutions-div .new-header-solutions-p {
padding-bottom: 0;
}
}
@media (max-width: 395px) {
.new-header-dark-mobile-logo-wrapper {
max-width:132px
}
.solutions-flex-wrapper
{
gap: 8px;
}
.footer-logo-image{
max-width: 45px;
}
.employment-template-hero-box
{
padding: 60px 20px;
}
.search-container{
padding-top: 42px;
}
.mobile-accordion-menu-content-container a {
width: 100%;
}
.download-logo{
margin-bottom: 24px;
}
.search-container .search-title{
font-size: 28px;
line-height: 100%; }
.employment-template-hero-box .employment-contract-heading
{
font-size: 36px;
line-height: 100%;
letter-spacing: -1.44px;
}
.employment-template-hero-box .employment-contract-desc
{
font-size: 16px;
line-height: 152.5%;
}
.btn-login {
min-width:85px
}
.subtitle-box.new.native-recruite { }
.footer-second-section
{
padding: 0px !important;
}
.footer-container-links{
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.customizable-img{
max-width: 100%;
}
.text-404-container .hero-title
{
font-size: 36px;
font-weight: 600;
}
.text-404-container .paragraf-black
{
font-size: 18px;
line-height:  27.45px;
}
#load-more-btn {
max-width: 171px;
margin: 40px auto 0;
}
}
@media (max-width: 320px) {
.fs-320-24 {
font-size:24px!important
}
.footer-second-section .mobile-space
{
flex-wrap: wrap;
justify-content: center;
}
.btn-rounded-outline-purple.btn-contact-country {
padding-inline:0
}
.fs-320-36,.fs-320-32 {
font-size:32px!important
}
}
.arrow-wrapper {
display: flex;
align-items: center;
justify-content: start;
flex-direction: row;
gap: 8px;
text-align: end;
}
.arrow-wrapper p {
margin-bottom: 0 !important;
color: #7778FF;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 130%;
text-decoration: underline !important;
}
.new-header-menu-links-columns .mobile-subtitle-h {
color: #838A90;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 152.5%; margin-bottom: 18px!important;
}
@media (min-width: 768px) {
.new-header-menu-link.w-225px {
width: 225px;
}
}
.header-white{
background: #fff !important;
box-shadow: 0 4px 10px 1px #0000001a !important;
}
#hubspot-messages-iframe-container.hidden{
display: none !important;
}
.select-wrapper .arrow::before,
.select-wrapper .arrow::after {
width: 3.5px !important;
}
.select-wrapper .arrow {
height: 12px !important;
right: -9px;
}
#select2-location-search-guide-container + .select2-selection__arrow {
background-color: white;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
top: inherit !important;
z-index: 10001;
}
.select-wrapper .custom-select.open .select__trigger {
border-color:  rgba(30, 30, 30, 0.4) !important;
}
.select-wrapper .open .arrow::before,
.select-wrapper .open .arrow::after {
background-color: #FF2C55 !important;
width: 4px !important;
}
[id^="select2-location-search-guide-result"] > span {
font-weight: 400 !important;
}
#select2-location-search-guide-container > span {
font-weight: 400 !important;
}
.select2-container--default
.select2-selection--single
.select2-selection__clear {
display: none;
}
.new-header-dark {
z-index: 1000000 !important;
}
.new-header-dark-mobile {
z-index: 1000000 !important;
}
.brochure-branch .select2-container--default .select2-selection--single {
height: 41px !important;
}
#select2-guideJob-container,
#select2-location-search-guide-container {
color: #cdd0d2;
font-size: 16px;
height: 41px;
}
#arrow-wrapper-header {
top: inherit !important;
}
.select-wrapper {
position: relative;
user-select: none;
width: 100%;
margin-bottom: 28px;
.custom-select {
position: relative;
display: flex;
flex-direction: column;
}
.select__trigger {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
background-color: white;
border:1px solid #CDCFD2;
padding: 16px;
font-size: 16px;
line-height: 19px;
width: 100%;
cursor: pointer;
span {
font-size: 16px;
font-weight: 400;
color:  #919396;
}
}
.custom-options {
position: absolute;
display: block;
top: 100%;
left: 0;
right: 0;
border-top: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 100000;
background: white;
transition: all 0.5s;
}
.custom-menu {
max-height: 250px;
overflow: scroll;
}
.custom-select.open .custom-options {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.custom-select.open .select__trigger {
border-color: green;
}
.custom-option, .custom-option-1 {
position: relative;
display: block;
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-align: left;
color: black;
padding: 14.5px 12px;
cursor: pointer;
transition: all 0.5s;
&:hover {
cursor: pointer;
background: linear-gradient(
0deg,
rgba(218, 223, 229, 0.2),
rgba(218, 223, 229, 0.2)
),
white;
border-radius: 4px;
font-weight: 700;
}
}
.custom-option.selected, .custom-option-1.selected {
color: black;
font-weight: 700;
background-color: #DADFE5;
}
.arrow {
position: relative;
height: 10px;
width: 15px;
}
.arrow::before,
.arrow::after {
content: "";
position: absolute;
bottom: 0px;
width: 0.15rem;
height: 100%;
}
.arrow::before {
left: -3px;
transform: rotate(-45deg);
background-color: #FF2C55;
}
.arrow::after {
left: 3px;
transform: rotate(45deg);
background-color: #FF2C55;
}
.open .arrow::before {
left: -3px;
transform: rotate(45deg);
background-color: #CDD0D2;
}
.open .arrow::after {
left: 3px;
transform: rotate(-45deg);
background-color: #CDD0D2;
}
}
.search-location {
width: 100%;
border: 1px solid gray;
border-radius: 4px;
padding: 6px 13px;
outline: unset;
:focus-visible {
outline: unset;
}
}
.open.location-menu {
display: flex;
}
.highlight {
background: linear-gradient(
0deg,
rgba(218, 223, 229, 0.2),
rgba(218, 223, 229, 0.2)
),
#ffffff;
border-radius: 4px;
font-weight: 700;
&:focus-visible {
outline: none;
background: linear-gradient(
0deg,
rgba(218, 223, 229, 0.2),
rgba(218, 223, 229, 0.2)
),
#ffffff;
border-radius: 4px;
font-weight: 700;
}
}
.arrow-wrapper {
position: absolute;
right: 29px;
top: 44px;
z-index: 1;
cursor: pointer;
.arrow-select {
position: relative;
height: 10px;
width: 15px;
}
.arrow-select::before,
.arrow-select::after {
content: "";
position: absolute;
bottom: 0px;
width: 0.15rem;
height: 100%;
}
.arrow-select::before {
left: -3px;
transform: rotate(-45deg);
background-color: purple;
}
.arrow-select::after {
left: 3px;
transform: rotate(45deg);
background-color: purple;
}
.open.arrow-select::before {
left: -3px;
transform: rotate(45deg);
background-color: green;
}
.open.arrow-select::after {
left: 3px;
transform: rotate(-45deg);
background-color: green;
}
}
.select-wrapper .custom-options {
top: 50px !important;
}
.brochure-branch
.select2-container--default
.select2-selection--single
.select2-selection__placeholder {
color: #cdd0d2;
}
#arrow-wrapper-header
{
position: inherit!important;
right: inherit!important;
z-index: inherit!important;
cursor: inherit!important;
}
.form-control:focus{
box-shadow: none !important;
outline: 0  !important;
}
.select2-container
{
border: 1px solid #DADFE5;
}
.select2-container--default .select2-selection--single
{
height: 41px !important;
border: none !important;
}
.error-span-job-2.error
{
font-weight: 400;
font-size: 12px;
line-height: 1.5;
text-align: left;
color: red;
margin-bottom: 25px;
}