@media (min-width: 1280px) {
.position-xl-relative{
position: relative;
}
}
@media (max-width: 1279px) {
.search-container-2 .countries-row{
grid-template-columns: repeat(2, 411px);
justify-content: center;
}
.search-container-2 .custom-container{
padding: 0 84px;
}
.mobile-menu-btn {
margin-top: 22px;
padding: 30px 20px 28px;
}
.mobile-menu-btn .btn-purple,
.mobile-menu .btn-border-purple{
line-height: 16px;
font-size: 14px;
}
.mobile-menu-btn .btn-width{
column-gap: 24px;
}
.header-menu-wrapper{
right: 0;
left: 0;
}
.dropdown-header-info{
max-width: 851px;
}
.knowledge-menu-block {
width: 370px;
}
}
@media (max-width: 375px) {
.custom-container {
min-width: 100%;
}
.countries-card:hover
{
height: auto;
}
}
@media (max-width: 1220px) {
.custom-container {
max-width: 100%;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.blue-box{
padding: 80px 200px;
}
.custom-footer-container {
max-width: 100%;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.footer-links-container.mr-16 {
margin-right: 20px;
}
.footer-links-container.mr-23 {
margin-right: 0;
}
.footer-company .footer-menu-link {
min-width: auto;
}
.footer-second-section {
padding: 11px 20px 14px;
}
.footer-third-section {
max-height: max-content;
}
.hiring-img-box,
.employment-img-box {
display: none;
}
.blue-box-img {
display: block;
}
.box-row {
grid-template-columns: 1fr;
margin-bottom: 58px;
gap: unset;
column-gap: 57px;
}
.hiring-text-box {
grid-area: 2;
}
.hero-from {
overflow: hidden;
}
.hiring-content-section {
grid-template-columns: 265px 1fr;
}
.article-section {
padding-left: 20px;
padding-right: 20px;
}
.download-guide {
display: none;
}
.btn-signup{
margin-left:8px ;
}
}
@media (max-width: 1221px) {
.footer-first-section {
gap: 13px;
}
.mw_230{
max-width: 190px;
}
}
@media (max-width: 1024px) {
.footer-news {
font-weight: 500;
font-size: 12px;
line-height: 28px;
color: #CDD0D2;
}
.footer-social-wrapper {
margin-top: 26px;
}
.footer-divider {
margin-top: 100px;
}
.continents-container {
overflow: auto;
}
.continents-container::-webkit-scrollbar {
width: 0;
}
.continents-container::-webkit-scrollbar-track {
-webkit-box-shadow: unset !important;
}
.continents-container::-webkit-scrollbar-thumb {
background-color: unset !important;
outline: 0 !important;
}
.employment-page .countries-card {
height: 347px;
}   }
@media (max-width: 1023px){
.flags-section{
flex-direction: column;
}
.footer-flags {
margin-bottom: 7px;
}
.footer-flags-text {
font-size: 13px;
line-height: 13px;
margin-bottom: 13px !important;
}
.footer-flags img {
width: 18px;
height: 18px;
}
.footer-third-section {
padding: 23px 0 8px;
}
.footer-flags {
margin-left: 0;
}
}
@media (max-width: 1000px) {
.continents-container {
justify-content: flex-start;
}
}
@media (max-width: 992px) {
.footer {
padding-top: 60px;
}
.search-container-2 .custom-container
{
padding: 0px 20px;
}
.search-container .countries-row{
grid-template-columns: repeat(2, 1fr);
}
.countries-card:hover{
height: 560px;
}
.footer-first-section {
flex-direction: column;
gap: 55px;
}
.footer-links-container.second-col {
}
.footer-logo {
margin-bottom: 0;
margin-top: 0;
}
.footer-get-in-touch {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: flex-end;
}
.footer-links-container.mr-16 {
margin-right: 54px;
}
.footer-links-container.mr-23 {
margin-right: 11px;
}
.footer-divider {
margin-top: 60px;
}
.footer-flags {
margin-bottom: 0;
}
.container-404 {
max-width: 100%;
padding-inline: 20px;
padding-top: 167px;
padding-bottom: 166px;
}
.homepage-text-container .hero-title {
margin-bottom: 15px;
}
.homepage-container {
padding-top: 152px;
padding-bottom: 80px;
}
.homepage-text-container {
max-width: 537px;
}
.homepage-text-container .paragraf-black {
margin-bottom: 57px;
}
.search-form {
width: 603px;
}
.box-wrapper {
padding-top: 60px;
padding-bottom: 57px;
}
.hiring-page-container {
padding-top: 173px;
padding-bottom: 80px;
}
.hiring-page-container .hero-title {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.countries-containers {
padding: 0px 0 80px;
}
.hiring-text-box .paragraf-text-white {
max-width: 578px;
}
.blue-box {
padding: 80px;
}
.box-row.mb-0 div:first-of-type {
order: 2;
}
.blue-box-img {
text-align: center;
}
.employment-text-box .paragraf-text-white {
max-width: 100%;
}
.employment-text {
font-size: 18px;
line-height: 18px;
}
.any-questions {
margin-top: 80px;
margin-bottom: 80px;
border-radius: 24px;
}
.any-questions::before {
content: unset;
}
.any-title { font-size: 48px;
line-height: 58px;
}
.any-box .any-text { font-size: 18px;
line-height: 27px;
margin-bottom: 45px;
}
.any-box {
padding: 80px;
}
.any-flags {
margin-top: 48px;
}
.countries-row {
grid-template-columns: repeat(2, 1fr);
}
.our-solutions .any-box {
padding-block: 80px;
margin-bottom: 80px;
}
.our-solutions .any-box .any-title {
max-width: 615px;
margin-inline: auto;
font-size: 48px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.our-solutions .any-flags {
margin-top: 48px;
}
.continents-container {
margin-bottom: 74px;
flex-wrap: wrap;
justify-content: center;
row-gap: 20px;
}
.hiring-template-img {
height: 444px;
}
.hiring-template-img-overlay {
height: 444px;
}
.hiring-template-hero-box {
margin-top: -250px;
}
.article-section {
margin-bottom: 50px;
}
.employment-template-hero-box {
padding-block: 50px; }
.employment-template-wrapper {
height: 407px;
}
.download-wrapper
{
padding: 152px 0 80px;
}
.hiring-content-section {
grid-template-columns: 1fr;
}
.hiring-sidebar {
display: none;
}
.select-employment-container {
flex-direction: column;
row-gap: 30px;
align-items: center;
margin-top: 45px;
}
.employment-card {
padding-top: 50px;
padding-bottom: 30px;
padding-inline: 18px;
}
.search-box {
padding-bottom: 80px;
margin-top: 0;
}
.search-container-2
{
padding-top: 80px !important;
}
.search-container .countries-row {
margin-bottom: 90px;
}
.download-page .section-title {
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.article-button {
margin-block: 20px;
}
.form-info {
font-size: 12px;
line-height: 17px;
}
.employment-page .countries-card {
height: 352px;
}
.employment-page .countries-row
{
row-gap: 24px;
}
.our-solutions .any-box .any-text {
font-size: 18px;
line-height: 27px
}
.footer-third-section {
padding: 17px 0 16px;
}
.footer-links-wrapper {
justify-content: space-between;
}
#nav-icon3 {
width: 22px;
height: 22px;
}
.mobile-menu-btn .btn-width{
column-gap: 20px;
}
.footer .icons-seperator{
margin-inline: 12px;
}
.header-menu-link {
min-width: 216px;
}
}
@media (max-width: 768px) {
.heading-1 {
font-size: 60px;
line-height: 77px;
}
.footer-menu-link-solutions {
width: 203px;
}
.footer-links-container.footer-company{
max-width: 247px;
}
}
@media (max-width: 767px) {
.footer-second-section {
margin-bottom: 0;
}
.header-menu-link {
max-width: 100%;
min-height: unset;
padding: 10px;
border-radius: 60px;
margin-bottom: 4px;
width: 100%;
}
.nav-box-mobile {
border-radius: 0;
box-shadow: unset;
padding: 0;
}
.nav-box-mobile .header-menu-title {
margin-top: 20px!important;
}
.title-wrapper {
padding-bottom: 9px;
border-bottom: unset;
margin-bottom: 0;
}
.header-menu-link-text {
display: none;
}
.accordion-mobile-body {
padding-top: 0;
}
.btn-width {
width: 100%;
}
.mobile-menu-btn .btn-width{
row-gap: 12px;
}
.footer-flags {
max-width: 256px;
flex-wrap: wrap;
justify-content: center;
}
.footer-flags-text {
font-size: 18px;
line-height: 18px;
margin-bottom: 17px !important;
}
.footer-third-section {
padding: 20px 0 30px;
}
.footer .icons-seperator{
margin-inline: 8px;
}
.accordion-mobile-body.show {
padding: 18px 20px 18px;
}
}
@media (max-width: 717px) {
.d-show-mobile {
display: block;
}
.d-none-mobile {
display: none;
}
.btn-outline-white {
max-width: 100%;
}
.gap-50 {
gap: initial;
}
.header-menu-title.invisible {
display: none !important;
}
.header-menu-link-title {
margin-bottom: 0;
font-weight: 400;
}
.mobile-menu-btn {
margin-top: 14px;
}
.header-menu-link-text {
display: none;
}
.footer {
padding-top: 42px;
}
.footer-first-section {
gap: 32px;
}
.mobile-apps-links {
max-width: 268px;
width: 100%;
}
.footer-logo {
width: 220px;
height: 40px;
margin-bottom: 32px;
}
.footer-get-in-touch {
flex-direction: column;
gap: 20px;
align-items: flex-start;
}
.footer-news {
text-align: left;
font-weight: 500;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.05em;
color: #cdd0d2;
}
.footer-social-wrapper {
margin-top: 0;
}
.footer-links-wrapper {
display: none;
}
.footer-accordion {
display: block;
}
.acc-footer-header {
cursor: pointer;
position: relative;
}
.acc-footer-header:after {
content: "";
background-image: url(//nativeteams.com/kb/wp-content/themes/knowledge-2023/images/icons/arrow-white.svg);
height: 11px;
width: 11px;
transform: rotate(-180deg);
background-repeat: no-repeat;
margin-left: 5px;
display: inline-block;
transition-duration: .15s;
transition-property: all;
transition-timing-function: cubic-bezier(.4,0,.2,1);
background-position: center;
}
.acc-footer-header.active:after {
transform: none;
height: 8px;
}
.acc-footer-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
display: none;
}
.acc-footer-body.show {
max-height: -webkit-max-content;
max-height: -moz-max-content;
max-height: max-content;
display: flex;
flex-direction: column;
margin-bottom: 21px;
}
.footer-menu-link {
min-width: 100%;
}
.footer-divider {
margin-top: 42px;
}
.footer-second-section .mobile-space {
padding-top: 14px;
margin-bottom: 31px;
}
.footer-third-section {
padding: 20px 0px 31px;
}
.footer-third-section .separator{
margin-inline: 14px;
}
.footer-flags {
flex-wrap: wrap;
justify-content: center;
}
.btn-custom.btn-purple {
width: 100%;
}
.btn-border-purple {
font-size: 16px;
}
.text-404-container {
max-width: 100%;
}
.search-form {
width: 100%;
}
.search-box {
padding-bottom: 64px;
}
.employment-template-hero-box .paragraf-black {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24.4px
}
}
@media (max-width: 680px) {
.download-text {
margin-left: 0;
}
.article-section {
margin-bottom: 30px;
}
.article-section p {
font-size: 16px;
font-weight: 400;
line-height: 152.5%;
}
.accordion-mobile-header {
padding-right: 6px;
}
}
@media only screen and (max-width: 640px) {
.heading-1 {
font-size: 36px;
line-height: 44px;
}
.heading-2 {
font-size: 26px;
line-height: 39px;
}
.heading-3 {
font-size: 24px;
line-height: 29px;
}
.heading-4 {
font-size: 20px;
line-height: 24px;
}
.title-1 {
font-size: 14px;
line-height: 17px;
}
.body-text {
font-size: 16px;
line-height: 24px;
}
#thankYou .modal-content {
padding: 40px;
border-radius: 16px;
margin-left: 10px;
margin-right: 10px;
}
#thankYou .modal-text {
font-size: 16px;
line-height: 19px;
}
}
@media (max-width: 600px) {
.footer-flags {
margin-bottom: 7px;
}
.footer-flags-text {
font-size: 18px;
line-height: 18px;
margin-bottom: 17px !important;
}
#nav-icon3 {
width: 23px;
height: 24px;
}
#nav-icon3.open {
width: 24px;
}
.mobile-menu-btn .mt-14{
margin-top: 12px;
}
.footer-second-section {
padding-top:30px ;
padding-bottom: 25px;
}
}
@media (max-width: 576px) {
.container-404 {
padding-top: 172px;
padding-bottom: 100px;
}
.btn-outline-black{
width: 100%;
}
.accordion-services, .mobile-link, .accordion-knowledge{
font-size: 16px;
}
.mobile-link-pricing{
padding-bottom: 80px !important;
}
.hero-title {
font-size: 36px;
line-height: 44px;
}
.paragraf-black,
.paragraf-text-white {
font-size: 16px;
line-height: 24px;
}
.employment-text{
font-size: 16px;
line-height: normal;
}
.employment-title
{
font-size: 20px;
margin-bottom: 32px;
line-height: normal;
}
.employment-page .countries-card
{
height: 276px;
}
.btn-purple,
.btn-white {
width: 100%;
}
.btn-search {
position: unset;
display: block;
visibility: visible  !important;
margin-top: 15px;
}
.search-btn {
width: 100%;
top: 64px;
border-radius: 30px;
}
.search-input {
padding: 11px 0 12px 54px;
}
.search-input::placeholder {
font-size: 16px;
line-height: 23px;
}
.search-icon {
width: 30px;
height: 30px;
}
.homepage-container {
padding-top: 120px;
padding-bottom: 50px;
}
.homepage-text-container {
max-width: 100%;
margin-inline: unset;
text-align: left;
}
.employment-text-box .paragraf-text-white,.hiring-text-box .paragraf-text-white
{
margin-bottom: 16px;
}
.homepage-text-container .hero-title {
margin-bottom: 20px;
text-align: center;
}
.continents-pill{
flex-basis: 61px;
}
.hero-hiring-guide-text{
margin-right: -27px;
margin-bottom: 16px;
}
.homepage-text-container .paragraf-black {
margin-bottom: 40px;
text-align: center;
}
.search-box .paragraf-black {
margin-bottom: 32px;
}
.search-container-2{
padding-top: 64px !important;
}
.blue-box {
padding: 32px 24px;
border-radius: 0;
border-radius: 20px;
}
.blue-box-img {
text-align: center;
}
.blue-box-title {
font-size: 36px;
line-height: 44px;
}
.box-wrapper {
padding-bottom: 40px;
padding-top: 0;
}
.box-row {
row-gap: 32px;
margin-bottom: 60px;
}
.any-box {
padding-block: 0;
padding: 40px 24px;
}
.any-questions {
background-color: var(--white);
margin-bottom: 40px;
margin-top: 40px;
border-radius: 0;
padding-inline: 0;
margin-inline: 0;
}
.employment-page .countries-card:hover{
height: 276px;
}
.employment-template-hero-box{
margin-top: 130px;
padding: 60px 20px;
}
.our-solutions .any-box .any-title {
font-size: 26px;
line-height: normal;
}
.our-solutions .any-box .any-text {
margin-bottom: 32px !important;
font-size: 16px;
line-height: 24px
}
.our-solutions .any-box .any-flags {
margin-top: 32px;
}
.any-title {
font-size: 26px;
line-height: normal;
max-width: 332px;
margin-bottom: 16px;
margin-inline: auto;
}
.any-box .any-text {
color: var(--text-color-black);
font-size: 16px;
line-height: 24px;
margin-bottom: 32px !important;
}
.any-flags {
margin-top: 32px;
}
.hiring-page-container {
padding-top: 120px;
padding-bottom: 48px;
}
.hiring-page-container .hero-title {
font-size: 36px;
line-height: 36px;
text-align: center;
font-weight: 600;
margin-bottom: 32px;
}
.continents-container {
row-gap: 12px;
max-width: 328px;
column-gap: 12px;
margin-bottom: 40px;
margin-right: 20px;
margin-left: auto;
}
.employment-page  .continents-container{
max-width: 328px;
margin-left: auto;
margin-left: auto;
margin-right: 20px;
}
.countries-title {
font-size: 24px;
line-height: normal;
margin-bottom: 24px;
}
.countries-info {
padding: 32px 24px;
}
.countris-learn-more {
position: static;
transition: none;
}
.our-solutions .any-text {
margin-bottom: 40px;
}
.our-solutions .any-flags {
margin-top: 50px;
}
.countries-row {
grid-template-columns: 1fr;
}
.our-solutions .any-box {
padding: 40px 24px;
border-radius: 24px;
margin-bottom: 40px;
}
.our-solutions .any-box .any-title {
max-width: 332px;
}
.hiring-template-img {
height: 286px;
}
.hiring-template-img-overlay {
height: 286px;
}
.hiring-template-hero-box {
padding: 60px 20px;
margin-top: -54px;
}
.hiring-template-hero-box .heading-1
{
font-size: 36px;
font-weight: 600;
}
.hiring-template-hero-box .paragraf-text-white
{
margin-bottom: 32px;
text-align: center !important;
}
.employment-template-wrapper {
display: none;
}
.select-employment-container {
margin-top: 32px;
}
.countries-card:hover
{
height: auto;
} .download-wrapper {
padding: 136px 20px 64px;
gap: 35px;
}
.go-back-link {
top: 18px;
}
.download-list-container {
grid-template-columns: 1fr;
margin-top: 24px;
flex-direction: column;
}
.text-wrapper-download{
text-align: left;
}
.section-title {
font-size: 36px;
line-height: 44px;
margin-bottom: 10px;
}
.download-text{
font-size: 16px;
}
.form-box {
padding: 32px 24px;
}
.form-shadow
{
top: -1px;
right: 0px;
}
.download-list {
margin-bottom: 20px;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.05em;
}
.btn-link {
font-size: 16px;
line-height: 24px;
}
.employment-box-mobile {
margin-top: 86px;
margin-bottom: 30px;
}
.employment-card {
padding: 32px;
}
.search-container .blue-box-title {
margin-bottom: 32px;
font-size: 26px;
line-height: 26px
}
.search-container .countries-row {
margin-bottom: 60px;
grid-template-columns: repeat(1, 1fr);
}
.hiring-template-hero-box .hero-title,
.hiring-template-hero-box .paragraf-text-white {
text-align: left;
}
.btn-purple-border-white {
width: 100%;
}
.hiring-content-section {
margin-inline: 0;
}
.article-section {
padding-left: 0;
padding-right: 0;
}
.article-section .h2 {
font-size: 28px;
line-height: normal;
margin-bottom: 20px;
}
.article-section h2 {
font-size: 26px;
line-height: normal;
margin-bottom: 20px;
letter-spacing: 0.025em;
}
.employment-learn {
left: 20px;
right: 20px;
width: calc(100% - 40px);
}
.article-button {
margin-block: 30px;
max-width: max-content;
}
.anchor-tag {
z-index: 300;
bottom: 20px;
right: 20px;
}
.accordion-mobile-header.active {
padding-top: 20px;
}
.header-always-white .logo-color-mobile {
width: 158px;
}
.mobile-menu {
height: calc(100vh - 49px);
}
}
@media (max-width: 375px) {
.blue-box-img {
text-align: left;
}
}
@media (max-width: 363px) {
.footer .separator.no-320-show {
background-color: transparent;
}
.mobile-fix {
margin-left: 12px;
}
.mobile-customers {
flex-direction: column;
}
.mobile-customers p {
margin-bottom: 5px !important;
}
}
@media (max-width: 320px) {
.footer-flags {
max-width: auto;
}
.footer .separator.no-320-show {
margin-inline: 0;
}
.countries-card {
min-height: 348px;
}
.btn-border-purple.text-center.w-100.fw-500{
padding-inline: 20px;
}
#representativeModal .modal-title {
letter-spacing: 0.02em;
max-width: 241px;
}
#representativeModal .modal-text{
max-width: 248px;
}
#representativeModal .btn-purple {
padding-inline: 20px;
}
}
#hubspot-messages-iframe-container.hidden{
display: none !important;
}