/*!
Theme Name: thexplace
Theme URI: https://webiz.ge/
Author: Webiz Int
Author URI: https://webiz.ge/
Description: YOUR DIGITAL BUILDING BLOCKS IN GEORGIA
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: thexplace
Tags: thexplace, theme, wordpress

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

thexplace is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/


/* Normalize
--------------------------------------------- */


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */


/* Document
	 ========================================================================== */


/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@font-face {
    font-family: "SpaceGroteskRegular";
    src: url("./static/SpaceGrotesk-Regular.woff");
    src: url("./static/SpaceGrotesk-Regular.woff2") format("woff2"), url("./static/SpaceGrotesk-Regular.woff") format("woff");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SpaceGroteskBold";
    src: url("./static/SpaceGrotesk-SemiBold.woff");
    src: url("./static/SpaceGrotesk-SemiBold.woff2") format("woff2"), url("./static/SpaceGrotesk-SemiBold.woff") format("woff");
    font-style: normal;
    font-display: swap;
}

@-webkit-keyframes autofill {
    0%,
    100% {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-delay: 1s;
    /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

body {
    background: #111112 !important;
    font-family: "SpaceGroteskRegular";
    font-display: swap;
    unicode-range: U+000-5FF;
}


/* ipd menu with media */

.job__top-game__box-image img {
    width: 90%;
}

.newtestclass {
	
}

.xplace-menu {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    font-family: "SpaceGroteskBold";
}

.dropdown-toggle-ellipsis::after {
    display: none;
}

.dropdown-toggle-ellipsis::before {
    display: inline-block;
    padding: 0.5rem;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f142";
}

.navbar-nav>li:hover .menu-item-has-children:hover {
    background: rgba(204, 213, 255, 0.05);
    border-radius: 12px;
}

.navbar-toggler {
    border: 1px solid rgba(204, 213, 255, 0.11) !important;
    border-radius: 12px !important;
    padding: 0.55rem 1rem !important;
}

.navbar-toggler span {
    display: block;
    background-color: #fff;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
}

.navbar-toggler span:nth-child(1) {
    margin-top: 0.3em;
}

.nav-link:focus {
    color: #fff !important;
}


/*Animate collapse into X.*/

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg);
}


/* Animate collapse open into hamburger menu */

.navbar-toggler span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg);
    border-radius: 1px;
}

.navbar-toggler span:nth-child(2) {
    opacity: 1;
    border-radius: 1px;
}

.navbar-toggler span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg);
    border-radius: 1px;
}

@media (min-width: 576px) {
    .scrolled {
        background: rgba(17, 17, 18, 0.8);
        backdrop-filter: blur(100px);
    }
    .keep-in {
        display: none;
    }
    .modal-dialog {
        max-width: 600px;
    }
}

@media (max-width: 575px) {
    .first-container {
        padding-top: 80px !important;
    }
    .footer-container-header-2021 {
        color: rgba(230, 234, 255, 0.6);
        font-style: normal;
        font-family: "SpaceGroteskRegular";
        font-size: 14px !important;
        line-height: 32px;
    }
    .footer-disappear {
        display: none;
    }
    .about-us-container-switch-left-headring {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 24px !important;
        line-height: 32px !important;
        color: #ffffff;
    }
    .about-us-container-switch-left-locations {
        font-size: 24px !important;
        line-height: 32px !important;
        margin-top: 8px !important;
    }
    .about-us-container-switch-left-locations-text {
        font-size: 16px !important;
        line-height: 24px !important;
        width: 80% !important;
        margin-top: 8px !important;
    }
    .about-us-container-switch-left-texts-box svg {
        margin-top: 8px !important;
    }
    .about-us-container-switch-left-texts-box {
        animation: 2s anim-lineUp ease-out;
        margin-top: 8px !important;
    }
    .footer-appear {
        display: block !important;
        margin-top: -45px;
    }
    .navbar-toggler {
        position: fixed;
        top: 40px;
        z-index: 1040;
    }
    .navbar-collapse {
        height: 100vh;
        background-color: #111112;
    }
    .navbar-expand-lg {
        z-index: 99;
        padding: 0;
    }
    .navbar-collapse {
        width: 100%;
        background: #111112;
        position: fixed;
        z-index: 9;
        display: block;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: all 0.4s;
    }
    .navbar-collapse ul.navbar-nav li {
        opacity: 0;
        transition: opacity 0.4s cubic-bezier(0.58, 0.3, 0.005, 1);
        margin-bottom: 24px;
    }
    .navbar-collapse ul.navbar-nav li a {
        color: white;
        padding: 0;
    }
    .navbar-collapse.show {
        min-height: 100vh;
        visibility: visible;
        opacity: 1;
        z-index: 9;
    }
    .navbar-collapse.show ul li {
        opacity: 1;
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 24px;
    }
    .navbar-collapse.show ul li:nth-child(1) {
        transition-delay: 0.06s;
    }
    .navbar-collapse.show ul li:nth-child(2) {
        transition-delay: 0.12s;
    }
    .navbar-collapse.show ul li:nth-child(3) {
        transition-delay: 0.18s;
    }
    .navbar-collapse.show ul li:nth-child(4) {
        transition-delay: 0.24s;
    }
    .navbar-collapse.show ul li:nth-child(5) {
        transition-delay: 0.3s;
    }
    .navbar-collapse.show ul li:nth-child(6) {
        transition-delay: 0.36s;
    }
    .navbar-brand {
        display: none;
    }
    .mob_logo {
        position: absolute;
        margin-top: 50px;
    }
    .apply-btn,
    .sign-btn,
    .join-btn {
        width: 100%;
        text-align: center;
    }
    .apply-btn {
        bottom: 168px;
    }
    .sign-btn {
        margin-bottom: 8px !important;
    }
    .join-btn {
        bottom: 0px;
    }
    .navbar-nav {
        padding-top: 100px;
        margin-left: 16px !important;
        margin-right: 16px !important;
        height: 100%;
    }
    .active {
        background-color: transparent !important;
    }
    .width-100-responsive {
        width: 100%;
    }
    .faq-sub-section__title span {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 20px !important;
        line-height: 28px !important;
    }
    .job__top-game__box-tags-container-see-job {
        width: 100%;
        justify-content: center;
    }
    .job__top-game__title {
        font-size: 34px !important;
        margin-top: 120px !important;
    }
    .slider-image-container-jobs {
        width: 177px !important;
        height: 64px !important;
    }
    .container .slider .logos {
        width: 300% !important;
        display: inline-block;
        margin: 0px 0;
    }
    .single__center-left-box {
        margin-top: 16px;
    }
    .job-single__center-box {
        margin-right: 4px;
        margin-left: 4px;
    }
    .center-content__title {
        padding: 24px 16px !important;
    }
    .center-content__txt {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .single-content__Project {
        margin: 64px 16px 0px 16px !important;
    }
    .single-content__Project-platform {
        margin: 16px 16px 0px 16px !important;
    }
    .single__center-left-box__title {
        font-size: 24px !important;
        padding: 24px 16px !important;
    }
    .single__center-left-box__txt {
        padding: 0px 16px 16px 16px !important;
    }
    .center-content__title {
        font-size: 24px !important;
        padding: 24px 16px !important;
    }
    .center-content__title-role {
        color: #fff;
        font-family: "SpaceGroteskBold";
        font-size: 24px !important;
        padding: 24px 16px 24px 16px !important;
    }
    .center-content__title-role-txt {
        font-family: "SpaceGroteskBold";
        font-size: 16px !important;
        color: #fff;
        padding: 0px 0px 16px 16px !important;
    }
    .center-content__txt-role {
        font-style: normal;
        font-family: "SpaceGroteskRegular";
        font-size: 16px !important;
        line-height: 32px;
        color: rgba(230, 234, 255, 0.6);
        padding-left: 6px !important;
        padding-right: 16px !important;
        padding-bottom: 16px !important;
    }
    .single-content__Project-tool {
        background: rgba(204, 213, 255, 0.05);
        border-radius: 16px;
        margin: 20px 16px 0px 16px !important;
    }
    .single-content__Project-skill {
        background: rgba(204, 213, 255, 0.05);
        border-radius: 16px;
        margin: 16px 16px 0px 16px !important;
    }
    .single-content__Project__tag {
        background: rgba(204, 213, 255, 0.05);
        border-radius: 16px;
        margin: 16px 16px 0px 16px !important;
    }
    .home-page-first-container-first-inner-logo {
        margin-top: 0px !important;
    }
    .home-page-first-container-first-inner-heading {
        margin-top: 28px !important;
    }
    .home-page-first-container-main-right {
        padding: 16px !important;
    }
    .home-page-first-container-third-inner-box-text {
        padding-right: 0px !important;
    }
    .about-us-container-last-text-bottom {
        color: #ffffff;
    }
	.ft_job__proudly-title {
    font-size: 20px !important;
    margin-top: 54px;
    }
    .main_box_inner_text{
	font-size: 24px !important;
	margin-top:1rem !important;
	line-height:32px !important
    }
	.main_box {
		padding: 24px 24px 32px 24px !important;
		gap: 24px;
	}
	.fh-boxes-title {
		margin-top: 2rem !important;
	}
	.main_box_desc {
	font-size: 16px !important;
	line-height: 24px !important;
    }
	.customer-ft-logos {
    margin-top: 80px !important;
   }
	.ft-box {
		display: flex !important;
		width:100% !important;
	}
	.ft-inner-box-heading {
		font-size: 24px !important;
    	margin-top: 32px;
    	line-height: 32px !important;
    	text-align: center;
	}
	.nine-container {
      display: block !important;
  	  margin-bottom: 160px; 
      padding: 0px !important; 
    }
	.ft-faq-title {
		padding-left: 16px;
		font-size: 26px !important;
		padding-top: 16px;
	}
    .fh-subwrapper {
		display: block !important;
	}

}


/* end of menu */


/*header*/

.ellipse-first {
    position: absolute;
    width: 1052px;
    height: 1052px;
    z-index: -100;
    left: -282px;
    top: -259px;
    background: radial-gradient(50% 50% at 50% 50%, #380a7c 0%, rgba(29, 10, 57, 0) 100%);
}

.ellipse-container {
    position: relative;
    width: 100%;
}

.ellipse-second {
    position: absolute;
    width: 1052px;
    height: 1052px;
    z-index: -100;
    right: -282px;
    top: -73px;
    background: radial-gradient(50% 50% at 50% 50%, #380a7c 0%, rgba(29, 10, 57, 0) 100%);
}

.get-work-container-desktop {
    display: block;
    justify-content: center;
}

#carouselExampleSlidesOnly,
#carouselExampleSlidesOnlyMob {
    width: 100%;
    height: 100%;
}

.get-work-container-slider-texts-absolute {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 56px;
    z-index: 1;
}

.get-work-container-heading {
    color: #ffffff;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 56px;
    z-index: 999;
    line-height: 64px;
    letter-spacing: -0.01em;
}

.get-work-container-text {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    padding-top: 16px;
    font-size: 20px;
    line-height: 32px;
    z-index: 999;
    color: rgba(230, 234, 255, 0.6);
	width: 550px;
}

.get-work-container-join {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 18px;
    line-height: 32px;
    margin-top: 24px;
    z-index: 999;
    color: #111112;
    display: inline-block;
    background: #00ff40;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    border-radius: 12px;
}

.get-work-container-join:hover {
    background: #00ff40 !important;
    color: black !important;
    box-shadow: 0px 0px 20px rgba(0, 255, 64, 0.5) !important;
}

.get-work-container-join a {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 18px;
    color: #111112 !important;
}

.get-work-container-mobile-heading {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 36px;
    line-height: 38px;
    letter-spacing: -0.01em;
    color: #ffffff;
    letter-spacing: -0.01em;
    margin-top: 22px;
}

.get-work-container-mobile-text {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 24px;
    color: rgba(230, 234, 255, 0.6);
    margin: 16px 0px 24px 0px;
}

.get-work-container-mobile-join {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 18px;
    line-height: 32px;
    color: #111112;
    background: #00ff40;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px 24px;
    border-radius: 12px;
    width: 100%;
    display: block;
}

.get-work-container-mobile-join:hover {
    background: #00ff40 !important;
    color: black !important;
    box-shadow: 0px 0px 20px rgba(0, 255, 64, 0.5) !important;
}

.get-work-container-desktop .carousel-item {
    position: relative;
}


/* styles of main */

.br2 {
    display: none;
}

.small-background {
    display: none;
}

.big-background {
    width: 100%;
}

.main {
    position: relative;
    color: white;
    box-sizing: border-box;
    padding: 0px 80px 0px 80px;
    padding-top: 110px;
}

.main_inner {
    position: relative;
    color: white;
    box-sizing: border-box;
    padding: 0px 80px 0px 80px;
}

.navbar-toggler {
    right: 80px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none;
}

.main-1 {
    position: relative;
    color: white;
    box-sizing: border-box;
    padding: 0px 80px 0px 80px;
}

.email-input-label {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    line-height: 22px;
    /* identical to box height, or 137% */
    /* Primary/White 35% */
    color: rgba(230, 234, 255, 0.35);
    margin: 0px 0px 10px;
}

.email-input-label-white {
    color: white;
}

.find-talent-cont,
.slider_on_main {
    position: relative;
    padding-top: 108px;
	padding-bottom: 16px;
}

.main__slogan {
    font-family: "SpaceGroteskBold";
    font-size: 56px;
    line-height: 56px;
    letter-spacing: -0.01em;
    color: #ffffff;
}

/*.main__paragraph {
    margin: 24px 0px 0px 5px;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    line-height: 32px;
    width: 550px;
    color: rgba(230, 234, 255, 0.6);
}*/

.main__paragraph {
    margin: 24px 0px 0px 5px;
    font-family: "SpaceGroteskRegular";
    font-size: 21px;
    line-height: 32px;
	flex-wrap: wrap;
    margin-bottom: 50px;
    /*width: 550px; */
    color: rgba(230, 234, 255, 0.6);
}

.main__btn-join {
    margin-top: 24px;
    background-color: #00ff40;
    color: #000;
    border-radius: 12px;
    display: inline-block;
}

s .main__btn-join:hover {
    background-color: #00ff40 !important;
    box-shadow: 0px 0px 20px rgb(0 255 64 / 50%) !important;
    color: #000 !important;
}

.portfolio-container-inner .col-lg-6:nth-child(2) {
    flex-direction: row;
    justify-content: flex-end;
    display: flex;
}

.main_box {
    padding: 3rem;
    align-items: flex-start;
    background: rgba(204, 213, 255, 0.05);
    margin: 3px;
    border-radius: 24px;
    align-self: stretch;
}

.main_boxes_wrapper {
	margin-bottom:10rem;
	margin-top: 3.5rem;
	display:flex;
	
}

.main_box_inner_text{
	font-size: 32px !important;
	margin-top:3rem;
	line-height:40px !important
}

.main_box_desc {
	font-size: 20px ;
	line-height: 32px;
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    margin-top: 8px;
    padding-right: 44px;
    display: flex;
    align-items: center;
    color: rgba(230, 234, 255, 0.45);
}
.main_boxes_title {

    font-family: "SpaceGroteskBold";
    line-height: 52px;
    text-align: center;
    color: #ffffff;
	font-size: 44px;
	font-style: normal;
	font-weight: 600;
	
}

.main_boxes_subtitle {
	color: var(--White-60, var(--White-60, rgba(229, 232, 255, 0.65)));
	 text-align: center;
	font-family: "SpaceGroteskRegular";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	margin-top: 16px;
}

.ft-7-container {
	display: none;
}
.ft-boxes-title {
	margin-top: 140px;
}


.ft-inner-box-heading {
    font-size: 32px !important;
    margin-top: 32px;
    line-height: 40px !important;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}


.ft-boxes-wrapper {
/*	padding-left: 30px; */
/*	padding-right: 30px; */
	margin-bottom: 320px;
	border-radius: 24px;
	display: flex;
    gap: 2rem;
    justify-content: center;
	align-items:center;
}

.ft-boxes-wrapper > div {
	display: flex;
    flex-direction: column;
    align-items: center;
}


.arrow-mobile {
  display:none !important;
}

.arrow-desktop {
	padding-bottom: 80px;
}

.ft-box {
	width: 220px;	
}


.nine-container {
    display: flex;
    background: rgba(26, 27, 30, 1);
    margin-bottom: 160px;
    padding: 80px 80px;
    border-radius: 24px;
	margin-top: -60px;
}

.ft-faq-section-line {
    color: white;
}
.ft-faq-title {
	text-align: unset;
    font-family: "SpaceGroteskBold";
    line-height: 52px;
    color: #ffffff;
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
}


.fh-wrapper {
	flex-flow: column wrap;
}

.fh-subwrapper {
	display: flex;
}

.fh-boxes-title {
	font-size: 24px;
    margin-top: 3rem;
    line-height: 32px;
}

.fh-boxes-desc {
	font-size: 16px;
    line-height: 24px;
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    margin-top: 8px;
    /* padding-right: 44px; */
    display: flex;
    align-items: center;
    color: rgba(230, 234, 255, 0.45);
}

.fh-subwrapper-video {
	display: flex;
	flex-flow: column;
	width: 45%;
}

.fh_video_box {
	padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    background: rgba(204, 213, 255, 0.05);
    margin: 0px 3px 3px 0px;
    border-radius: 24px;
    align-self: stretch;
    height: 100%;
}

.fh_grid_title {
	margin-bottom: 5rem;
	
}

.video_box_noborder {
	border-radius: 0px !important;
}

.video_box_noborder1 {
	    border-radius: 24px 0px 0px 0px;
}

.video_box_noborder2 {
	 border-radius:  0px 0px 0px 24px;
	
}

.fh_midborders {
    border-radius: 0px 24px 24px 0px !important;
}

.find-talent-cont > .main-content {
			top: 209px;
}


.promo-join-container {
	margin-top: 52px;
    border-radius: 24px;
    background-color: #ccd4ff0d;
}

.promo-box {
     padding: 0px 120px 0px 64px;
}

.join-promo-title {
    margin-top: 3rem;
    font-size: 44px;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    line-height: 44px;
    display: flex;
    align-items: center;
    color: #ffffff;

}

.promo-image {
	margin-left: 5%;
    width: 100%;
    height: 232px;
    border-radius: 0px 24px 24px 0px;
    gap: 98.65px;
    opacity: 0px;
}

.join-promo-code-box{
	padding: 16px;
	gap: 16px;
	border-radius: 16px;
	opacity: 0px;	
	background: rgba(189, 200, 255, 0.05);
	color: var(--White-60, rgba(229, 232, 255, 0.65));
	display:flex;
	align-items: center;
	margin-left: 12px;

}

.code-box {
    font-size: 30px;
	color: white;
}

.join-promo-text {
	    font-size: 20px;
    font-style: normal;
    margin-top: 24px;
    display: flex;
    align-items: center;
    color: white;
}


@media only screen and (max-width: 1160px) {
    .main__slogan {
        font-size: 40px;
        line-height: 48px;
    }
    .main__paragraph {
        font-size: 15px;
        font-style: normal;
        font-family: "SpaceGroteskRegular";
        line-height: 28px;
        letter-spacing: 0em;
        text-align: left;
    }
    .main__btn-join {
        text-align: left;
    }
    .portfolio-container-inner .col-lg-6:nth-child(2) {
        justify-content: flex-start;
    }
    .main__slogan {
        font-size: 40px;
        line-height: 48px;
    }
    .main__paragraph {
        font-size: 16px;
        font-style: normal;
        font-family: "SpaceGroteskRegular";
        line-height: 28px;
        letter-spacing: 0em;
        text-align: left;
    }
	.main_box_inner_text{
	font-size: 24px !important;
	margin-top:3rem;
	line-height:32px !important
    }
	.main_box_desc {
	font-size: 16px !important;
	line-height: 24px !important;
    }
    .portfolio-container-inner .col-lg-6:nth-child(2) {
        justify-content: flex-start;
    }
	.fh_boxes_wrapper {
    display: block !important;
	}
	.fh-subwrapper-video {
		flex-flow: row;
		width: unset;
	}
	.fh_video_box {
       width: 100%;	
		height: unset;
	}
	.fh_midborders {
	    height: unset !important;
       border-radius: 0px 0px 24px 24px !important;
	}
	.video_box_noborder2 {
	  border-radius: 0px 24px 0px 0px;
	}
     .video_box_noborder1 {
	  border-radius: 24px 0px 0px0px;
	}
	.promo-join-container {
	  margin-top: 52px;
      border-radius: 24px;
      background-color: #ccd4ff0d;
     }

	.promo-box {
        padding: 0px 32px 0px 64px;
		}

   .join-promo-title {
      margin-top: 3rem;
      font-size: 32px;
      font-style: normal;
      font-family: "SpaceGroteskBold";
      line-height: 32px;
      display: flex;
      align-items: center;
      color: #ffffff;

     }

   .promo-image {
	margin-left: 5%;
    max-width: 100%;
    border-radius: 0px 24px 24px 0px;
    gap: 98.65px;
    opacity: 0px;

	}

	.join-promo-code-box{
	padding: 16px;
	gap: 16px;
	border-radius: 16px;
	opacity: 0px;	
	background: rgba(189, 200, 255, 0.05);
	color: var(--White-60, rgba(229, 232, 255, 0.65));
	display:flex;
	align-items: center;
	margin-left: 12px;

	}

	.code-box {
    font-size: 16px;
	color: white;
	}

	.join-promo-text {
	    font-size: 14px;
    	font-style: normal;
    	margin-top: 12px;
    	display: flex;
    	align-items: center;
    	color: white;
		}
	
	.promo-box-container {
		max-width: 50% ;
	}
	
	
}

@media only screen and (max-width: 575px) {
    .main {
        padding: 0px 16px;
        padding-top: 100px;
    }
    .main_inner {
        padding: 0px 16px;
    }
    .menu_fluid {
        margin: 0px 16px !important;
    }
    .navbar-toggler {
        right: 16px !important;
        top: 15px;
    }
    .mob_logo {
        position: absolute;
        margin-top: 26px;
        top: 0;
        left: 16px;
        z-index: 9999;
    }
    .main-1 {
        padding: 0px 16px !important;
    }
    .footer-container-inner .col-lg-5 {
        width: 100% !important;
    }
    .main-content {
        position: relative;
        padding: 0px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        left: 0;
        top: 0px;
    }
	.find-talent-cont > .main-content {
		top: 0px;
	}
    .main__slogan {
        margin: 0px;
        margin-top: 24px;
        font-size: 36px;
        font-style: normal;
        line-height: 38px;
        text-align: left;
    }
    .main__paragraph {
        margin: 0px;
        margin-top: 16px;
        width: 100%;
        line-height: 32px;
    }
    .main__btn-join {
        margin-top: 24px;
        width: 100%;
        font-style: normal;
        font-family: "SpaceGroteskBold";
        text-align: center;
    }
    .br1 {
        display: none;
    }
    .br2 {
        display: none;
    }
    .big-background {
        display: none;
        width: 100%;
    }
    .small-background {
        display: block;
        width: 100%;
    }
    .section-container-heading-h4 {
        font-family: "SpaceGroteskBold";
        font-size: 16px !important;
        line-height: 24px;
    }
    .about-us-container-last-text-bottom {
        font-size: 24px !important;
        line-height: 32px !important;
		margin-top: 52px!important;
    }
    .about-us-container-switch-left-nations {
        font-style: normal !important;
        font-family: "SpaceGroteskBold";
        font-size: 24px !important;
        line-height: 32px !important;
        margin-top: 8px !important;
        color: #ffffff;
    }
    .about-us-container-switch-left-flags {
        margin-top: 8px !important;
        line-height: 32px;
    }
    .about-us-container-swich {
        flex-wrap: wrap !important;
        padding: 24px 24px 24px 24px !important;
        flex-direction: column-reverse;
        margin-top: 80px !important;
        height: auto !important;
    }
    .about-us-switch-container-first,
    .about-us-switch-container-second,
    .about-us-switch-container-third,
    .about-us-switch-container-fourth,
    .about-us-switch-container-fifth,
    .about-us-switch-container-sixth {
        min-height: 170px !important;
    }
    .home-page-first-container-second-inner {
        font-style: normal;
        font-family: "SpaceGroteskRegular";
        font-size: 16px !important;
        line-height: 24px;
        display: flex;
        align-items: center;
        color: rgba(230, 234, 255, 0.45);
    }
    .home-page-first-container-third-inner-box-heading {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 16px !important;
        line-height: 24px;
        display: flex;
        align-items: center;
        color: #ffffff;
    }
	.slidingVertical span{
	width:140px;
	font-size: 15px;
	}
	.text-changing-home-page {
    width: 140px;
    }
	.main_boxes_wrapper {
	display:block;
    }
	.main_boxes_title {
		font-size: 28px !important;
		line-height:34px;
	}
	.main_boxes_subtitle {
		font-size: 16px !important;
	}		
	.ft-faq-sections {
    padding-top: 24px;
    padding-right: 16px;
    padding-bottom: 24px;
    padding-left: 16px !important;
   }
	.arrow-mobile {
		padding-bottom: 30px;
    	padding-top: 30px;
		align-items:center;
		display: flex !important;
	}
	.arrow-desktop {
	 display: none !important;
	}
	.fh-subwrapper-video {
      display: flex;
      flex-flow: column;
	}
	.fh_video_box {
		padding: 1.5rem;
	}
	.fh_midborders {
	    height: unset !important;
       border-radius: 0px 0px 24px 24px !important;
	}
	.video_box_noborder2 {
	  border-radius: 0px 0px 0px 0px;
	}
     .video_box_noborder1 {
	  border-radius: 24px 24px 0px 0px;
	}
	.promo-box {
		padding: 0px;
	}
	.join-promo-text{
		display: block;
		margin-top: 0px;
	}
	.join-promo-title {
		font-size: 24px;
		padding-left: 16px;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.join-promo-subtitle {
		font-size: 16px;
		padding-left: 16px;
		margin-bottom: 1rem;
	}
	.join-promo-code-box {
		font-size: 12px;
		width:50%;
		padding: 8px 16px 8px 16px;
		margin-bottom: 12px;
		gap: 1px;

	}
	.code-box{
		font-size: 16px;
		padding-left:8px;
	}
	.promo-image {
		margin-left: 0px;
    	border-radius: 24px 24px 0px 0px;
	    max-width: 100%;
		height: unset;
		
   }
	.promo-image-container {
		max-width: 100%;
	}
	
	.promo-box-container {
		max-width: 100%;
	}
	
	
}

.section-container-heading-for-talent span {
    font-family: "SpaceGroteskBold";
    color: #fff;
    display: block;
}

.section-container-heading-for-talent p {
    font-family: "SpaceGroteskBold";
    color: rgba(229, 234, 255, 0.6);
    display: block;
    margin-bottom: 0;
}

.my404_icon {
    text-align:center;
}
/* ipd medias */

@media (min-width: 0px) and (max-width: 768px) {
    .about-us-switch-container-first,
    .about-us-switch-container-second,
    .about-us-switch-container-third,
    .about-us-switch-container-fourth,
    .about-us-switch-container-fifth,
    .about-us-switch-container-sixth {
        min-height: 250px;
    }
}   

#accept_btn_cookies {
    position:absolute;
    background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

@media (min-width: 0px) and (max-width: 400px) {
    .faq__sidebar-nav {
        display: inline-block !important;
        width:100%;
    }
    .vip_code input {
        width: 100% !important;
    }
}

@media (min-width: 576px) {
    .mob_navigation {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 575px) {
    
    #accept_btn_cookies { 
        right:16px;
        top:16px;
    }
    #cookie-notice {
        margin-left: 16px;
        margin-right: 16px;
        padding:16px;
        font-size:12px;
        line-height:20px;
    }
    #cookie-notice p {
        width:90%;
        margin:0;
        padding:0;
    }
    .my404_icon {
        padding-top:160px;
        margin-bottom:40px;
        max-width:231px;
        margin: 0 auto;
    }
    .my404_icon svg {
        width:231px;
    }
    .my404_text {
        margin-bottom:80px; 
        font-size:16px;
        margin-left: auto;
        margin-right: auto;
        line-height:24px;
    }
    .services__terms-box {
        margin-bottom: 160px;
    }
    .jobs_grid_p,
    .find-your-dream-job-here-heading {
        margin-bottom: 40px;
    }
    .wantmore__box,
    .fourth-container.box-shadow-light2,
    .home-page-text-slider-container,
    .job__proudly-box-container,
    .home-page-first-container-main,
    .form-container-wrapper,
    .about-us-container-last-text-bottom,
    .about-us-container-third.aboutbox3,
    .form-container,
    .faq-main__row {
        margin-bottom: 80px;
    }
    .footer-container {
        padding-bottom: 16px;
    }
    .home-page-text-slider-container {
        padding: 24px 16px 16px 16px !important;
        border-radius: 24px;
        background-color: #ccd4ff0d;
        transition: 1.4s;
    }
    .quota_indicators {
        position: relative;
        margin-top: 46px;
        margin-left: 0;
        justify-content: inherit;
    }
    .carousel-control-next.quota_arrow {
        bottom: -86px !important;
    }
    .xplace_btn {
        padding: 12px 20px;
        font-size: 16px;
        font-family: "SpaceGroteskBold";
        line-height: 16px;
        border-radius: 12px;
    }
    .xplace_btn_wt_brd {
        padding: 10px 20px;
        font-size: 16px;
        font-family: "SpaceGroteskBold";
        line-height: 16px;
        border-radius: 12px;
    }
    .news-letter h3 {
        margin-top: 40px;
    }
    .upload_btn {
        padding: 10px 18px;
        line-height: 16px !important;
        font-size: 16px !important;
    }
    .home-page-first-container-third-inner-box-logo img {
        max-height: 48px !important;
        max-width: 48px !important;
        height: 48px;
    }
    .home-page-first-container-third-inner-box-logo svg {
        max-height: 48px !important;
        max-width: 48px !important;
        height: 48px;
        width: 48px;
        height: 48px;
    }
    .text-changing-home-page {
        box-sizing: content-box;
        height: 23px !important;
        padding: 0px 8px;
        display: flex;
    }
    .get-work-container-mobile-join a {
        color: #000;
    }
    .mob_scrolled {
        background: rgba(204, 213, 255, 0.05);
        backdrop-filter: blur(30px);
        border: 1px solid transparent !important;
    }
    .form-container-right-button-sign-up input {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        line-height: 16px !important;
    }
    .section-container-heading-for-talent span {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 0;
    }
    .section-container-heading-for-talent p {
        font-size: 16px;
        line-height: 24px;
    }
    .signup_heading {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .second-container {
        margin-top: 80px;
    }
    .sixth-container {
        padding-top: 144px;
    }
    .file-upload-btn {
        padding: 12px 20px !important;
    }
    .hiring_talent {
        padding-bottom: 40px;
    }
    .gap-top {
        margin-top: 40px;
    }
    .xplace_btn {
        width: none !important;
        font-size: 16px;
        padding: 12px 20px;
        font-family: "SpaceGroteskBold";
        line-height: 16px;
        border-radius: 12px;
    }
    .xplace_btn_wt_brd {
        width: none !important;
        font-size: 16px;
        padding: 10px 20px;
        font-family: "SpaceGroteskBold";
        line-height: 16px;
        border-radius: 12px;
    }
    .btn-paddings {
        width: 100%;
        font-size: 16px;
    }
    .email-input-label {
        font-size: 13px;
    }
    .form-container-right .form-check-input {
        padding: 6px 0px 14px 20px !important;
    }
    .form-container input {
        padding: 14px 24px 14px 32px;
    }
    .ft-padding {
        margin-top: 32px;
    }
    .ft-padding-first {
        margin-top: 32px;
    }
    .jobs_images {
        height: auto;
        width: 80px;
        width: 80px;
        max-width: fit-content;
    }
    .home-page-first-container-first-inner-heading {
        font-size: 28px !important;
    }
    .terms-title__one {
        font-size: 34px !important;
    }
    .services__information-question {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 32px !important;
    }
    .services__information-answer {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 16px !important;
    }
    .terms-title__box-text {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .xplace-menu {
        font-size: 24px;
    }
    .third-container .portfolio-container-inner {
        flex-wrap: wrap-reverse;
    }
    .fifth-container .portfolio-container-inner {
        flex-wrap: wrap-reverse;
    }
    .form-description {
        color: rgba(229, 234, 255, 0.6);
        font-size: 16px;
        margin-bottom: 32px;
    }
    .mob_logo_inside {
        position: fixed;
        top: 21px;
        left: 16px;
    }
    .form-container-right .form-check-label,
    .form-container-right .form-check-label-one-line {
        font-size: 14px;
    }
    .find-your-dream-job-container-jobs .col-lg-3 {
        padding-top: 16px;
    }
    .wpcf7-acceptance label {
        display: flex;
    }
    .portfolio-button {
        width: 100%;
        text-align: center;
    }
    .footer-container-main {
        background: rgba(204, 213, 255, 0.05);
        border-radius: 24px;
        padding: 40px 16px 44px;
    }
    .gird_left {
        margin: 8px 4px 8px 8px;
    }
    .gird_right {
        margin: 8px 8px 8px 4px;
    }
    .form-container-right .form-check-label {
        line-height: 24px;
    }
    .form-description {
        color: rgba(229, 234, 255, 0.6);
        font-size: 16px;
        margin-bottom: 32px;
    }
    .mob_logo_inside {
        position: fixed;
        top: 20px;
        left: 16px;
        z-index: 9998;
    }
    .wpcf7-acceptance label {
        display: flex;
    }
    .portfolio-button {
        width: 100%;
        text-align: center;
    }
    .footer-container-main {
        background: rgba(204, 213, 255, 0.05);
        border-radius: 24px;
        padding: 40px 16px 44px;
    }
    .gird_left {
        margin: 8px 4px 8px 8px;
    }
    .gird_right {
        margin: 8px 8px 8px 4px;
    }
    .form-container-right .form-check-label {
        line-height: 24px;
    }
    /* .container-xxl {
      padding-left: 16px !important;
      padding-right: 16px !important;
  } */
    .navbar-nav>.nav-item {
        font-size: 16px;
    }
    .navbar-nav>.nav-item {
        font-size: 20px;
        border-radius: 12px;
        font-family: "SpaceGroteskBold";
    }
    .navbar-nav {
        position: relative !important;
    }
    .join-btn a {
        background: #00ff40;
        border-radius: 12px;
        color: rgba(17, 17, 18, 1) !important;
        padding: 12px 20px !important;
        font-size: 16px;
        line-height: 16px;
    }
    .apply-btn a,
    .sign-btn a {
        border: 2px solid rgba(204, 212, 255, 0.11);
        padding: 12px 20px !important;
        border-radius: 12px;
        font-size: 16px;
        line-height: 16px;
    }
    .form-option-button {
        padding: 14px 12px;
        font-size: 16px;
    }
    .file-upload .file-upload-btn,
    .file-upload .remove-image,
    .loading {
        padding: 10px 18px 10px 18px !important;
    }
    .image-title-wrap p {
        margin-bottom: 0px;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    #accept_btn_cookies { 
        right:24px;
        top:24px;
    }
    #cookie-notice {
        width:474px;
        left: 50%;
        transform: translateX(-50%);
        padding:24px;
        font-size:16px;
        line-height:24px;
    }
    #cookie-notice p {
        width:90%;
        margin:0;
        padding:0;
    }
    .my404_icon {
        padding-top:189px;
        margin-bottom:56px;
    }
    .my404_text {
        margin-bottom:96px; 
        padding:0px 10%;
        font-size:16px;
        margin-left: auto;
        margin-right: auto;
        line-height:24px;
    }
    #form_for_talent_success,
    #form_find_talent_success {
        width: 420px;
    }
    .services__terms-box {
        margin-bottom: 160px;
    }
    .wantmore__title {
        line-height: 48px;
    }
    .jobs_grid_p,
    .find-your-dream-job-here-heading {
        margin-bottom: 48px;
    }
    .wantmore__box,
    .fourth-container.box-shadow-light2,
    .home-page-text-slider-container,
    .job__proudly-box-container,
    .home-page-first-container-main,
    .form-container-wrapper,
    .about-us-container-last-text-bottom,
    .about-us-container-third.aboutbox3,
    .form-container,
    .faq-main__row {
        margin-bottom: 96px;
    }
    .footer-container {
        padding-bottom: 32px;
    }
    .home-page-text-slider-container {
        padding: 32px 40px 40px 40px;
        border-radius: 24px;
        background-color: #ccd4ff0d;
        transition: 1.4s;
    }
    .xplace_btn {
        padding: 12px 20px;
        font-size: 16px;
        font-family: "SpaceGroteskBold";
        line-height: 16px;
        border-radius: 12px;
    }
    .xplace_btn_wt_brd {
        padding: 10px 20px;
        font-size: 16px;
        font-family: "SpaceGroteskBold";
        line-height: 16px;
        border-radius: 12px;
    }
    .news-letter h3 {
        margin-top: 48px;
    }
    .upload_btn {
        padding: 10px 18px;
        line-height: 16px !important;
        font-size: 16px !important;
    }
    .home-page-first-container-third-inner-box-logo img {
        max-height: 64px !important;
        max-width: 64px !important;
        height: 64px;
    }
    .xplace-menu .nav-link {
        line-height: 1em;
    }
    .section-container-heading-for-talent span {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 0;
    }
    .about-us-container-switch-text-styles {
        font-size: 44px !important;
        margin-top: 16px !important;
        line-height: 51px !important;
    }
    .about-us-container-switch-left-headring {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .about-us-container-switch-left-headring {
        font-size: 24px !important;
    }
    .about-us-container-switch-left-texts-box svg {
        margin-top: 0px !important;
    }
    .about-us-container-switch-left-locations {
        font-size: 24px !important;
        line-height: 32px !important;
        margin-top: 9px !important;
    }
    .about-us-container-switch-left-locations-text {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .about-us-container-switch-left-nations {
        font-size: 24px !important;
        margin-top: 0px !important;
    }
    .section-container-heading-for-talent p {
        font-size: 16px;
        line-height: 24px;
    }
    .signup_heading {
        padding-top: 72px;
        padding-bottom: 72px;
    }
    .sixth-container {
        padding-top: 144px;
    }
    .section-container-heading-h4 {
        padding-top: 8px;
    }
    .hiring_talent {
        padding-bottom: 48px;
    }
    .gap-top {
        margin-top: 48px;
    }
    .xplace_btn a {
        color: #000;
    }
    .home-page-first-container-first-inner {
        padding-bottom: 22px;
    }
    .btn-paddings {
        padding: 12px 20px !important;
        font-size: 16px !important;
    }
    .email-input-label {
        font-size: 13px;
    }
    .form-container-right .form-check-input {
        padding: 6px 0px 18px 24px !important;
    }
    .form-container input {
        padding: 14px 24px 14px 32px;
    }
    .ft-padding {
        margin-top: 48px;
    }
    .jobs_images {
        height: auto;
        width: 112px;
    }
    .services__information-answer {
        font-size: 16px !important;
    }
    .terms-title__box-text {
        font-size: 16px !important;
    }
    .terms-title__three {
        font-size: 16px !important;
    }
    .terms-title__two {
        font-size: 24px !important;
    }
    .terms-title__one {
        font-size: 40px !important;
    }
    .services__information-answer {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .services__information-question {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 32px !important;
    }
    .terms-title__box-text {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .icons_remove {
        display: none;
    }
    .gap-top {
        padding-top: 56px !important;
    }
    .xplace-menu a {
        font-size: 16px;
        font-family: "SpaceGroteskBold";
        color: rgba(242, 244, 255, 0.9);
    }
    .join-btn a {
        background: #00ff40;
        border-radius: 12px;
        color: rgba(17, 17, 18, 1);
        padding: 12px 20px !important;
        margin-left: 4px;
    }
    .sign-btn a {
        border: 2px solid rgba(204, 212, 255, 0.11);
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 20px !important;
        padding-left: 20px !important;
        border-radius: 12px;
        margin: 0px 4px;
    }
    .standart-item a {
        padding-top: 12px;
        padding-bottom: 12px;
        padding-right: 12px !important;
        padding-left: 12px !important;
        border-radius: 12px;
    }
    .third-container .portfolio-container-inner {
        flex-wrap: wrap-reverse;
    }
    .fifth-container .portfolio-container-inner {
        flex-wrap: wrap-reverse;
    }
    .dropdown-toggle::after {
        content: url(./images/arrow-down.png);
        position: absolute;
        right: 11 px;
        top: 11px;
        border-top: 0;
    }
    .nav-item-37 a {
        padding-right: 33px !important;
    }
    .dropdown-toggle.show::after {
        content: url(./images/arrow-up.png);
    }
    .find-talent-cont,
    .slider_on_main {
        padding-bottom: 160px;
    }
    .main-content {
        position: absolute;
        width: 100%;
        top: 148px;
        left: 0px;
        box-sizing: border-box;
        padding: 0px 40px;
        margin-bottom: 32px;
    }
    .form-description {
        color: rgba(229, 234, 255, 0.6);
        font-size: 16px;
        margin-bottom: 40px;
    }
    .mob_logo_inside {
        display: none;
    }
    /* .page-template-template-findtalent .container-xxl {
      padding-left: 44px;
      padding-right: 44px;
  } */
    .form-container-right .form-check-label {
        font-size: 17px;
    }
    .about-us-main-paragraph {
        font-size: 32px !important;
        line-height: 40px !important;
    }
    .about-us-main-heading {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .wpcf7-acceptance label {
        display: flex;
    }
    .footer-container-main {
        background: rgba(204, 213, 255, 0.05);
        border-radius: 24px;
        padding: 62px 40px 78px;
    }
    .gird_left {
        margin: 16px 8px 16px 16px;
    }
    .gird_right {
        margin: 16px 8px 16px 16px;
    }
    .wantmore__title {
        font-size: 40px !important;
    }
    .wantmore-txt {
        font-size: 24px !important;
    }
    .form-container-right .form-check-label {
        line-height: 28px;
    }
    /* .container-xxl {
      padding-left: 44px !important;
      padding-right: 44px !important;
  } */
    .about-us-container-last-text-bottom {
        font-size: 24px !important;
        line-height: 32px !important;
		margin-top: 52px;
    }
    .form-option-button {
        padding: 20px 28px;
        font-size: 24px;
    }
    .home-page-main-text-loop {
        color: #ffffff;
        font-family: "SpaceGroteskBold";
        font-size: 24px !important;
        line-height: 24px !important;
        padding: 5px 8px;
        display: grid;
        grid-template-columns: repeat(2, min-content);
        grid-template-rows: auto;
        overflow: hidden;
        max-height: 30px !important;
        text-decoration: underline;
    }
    .section-container-heading-h4 {
        padding-left: 80px;
        padding-right: 80px;
    }
    .jobs-page-first-container-left-main {
        margin-top: 8px !important;
    }
    .get-work-container-slider-texts-absolute {
        position: absolute;
        width: 100%;
        padding: 40px;
        z-index: 1;
    }
    .get-work-container-heading {
        color: #ffffff;
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 40px;
        line-height: 48px;
        letter-spacing: -0.01em;
    }
    .get-work-container-text {
        font-style: normal;
        font-family: "SpaceGroteskRegular";
        padding-top: 14px;
        font-size: 16px;
        line-height: 24px;
        z-index: 999;
        color: rgba(230, 234, 255, 0.6);
    }
    .get-work-container-join {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 16px;
        line-height: 16px;
        margin-top: 20px;
        color: #111112;
        background: #00ff40;
        justify-content: center;
        display: inline-block;
        align-items: center;
        padding: 10px 24px;
        border-radius: 12px;
    }
	.main_box_inner_text{
	font-size: 24px !important;
	margin-top:3rem;
	line-height:32px !important
    }
	.main_box_desc {
	font-size: 16px !important;
	line-height: 24px !important;
    }
    .about-us-container-swich {
        padding: 40px 40px 40px 40px !important;
        margin-top: 160px !important;
        height: 489px !important;
    }
	.nine-container {
      display: block !important;
  	  margin-bottom: 160px; 
      padding: 0px !important; 
    }
	.ft-faq-title {
		padding-left: 32px;
		font-size: 32px !important;
		padding-top: 24px;
	}
	.ft-faq-sections {
		padding: 32px!important;
	}
	.ft-box {
		width: 100%;
	}
	.ft-inner-box-heading {
		line-height: 24px !important;
	}
		.promo-box {
		padding: 0px;
	}
	.join-promo-text{
		display: block;
		margin-top: 0px;
	}
	.join-promo-title {
		font-size: 24px;
		padding-left: 16px;
		margin-top: 1rem;
	}
	.join-promo-subtitle {
		font-size: 16px;
		padding-left: 16px;
	}
	.join-promo-code-box {
		font-size: 12px;
		width:50%;
		padding: 8px 16px 8px 16px;
		margin-bottom: 12px;
		gap: 1px;

	}
	.code-box{
		font-size: 16px;
		padding-left:8px;
	}
	.promo-image {
		margin-left: 0px;
    	border-radius: 24px 24px 0px 0px;
			max-width: 100%;
		height: 100%;
   }
	.promo-image-container {
		max-width: 100%;
	}
	
	.promo-box-container {
		max-width: 100%;
	}
		
	
	
}

.slick-slide {
    margin: 0px 4px;
}

.slick-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
    background-color: rgba(204, 212, 255, 0.04);
    border-radius: 24px;
    position: relative;
    height: 108px !important;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


/* .quota_img img {
border-radius:0px;  რა ხდება?*/

.quota_img {
    margin-bottom: 21px;
}

.quota_text {
    font-family: 'SpaceGroteskBold';
    font-size: 28px;
    line-height: 32px;
    color: #FFFFFF;
    margin-bottom: 24px;
    min-height: 130px;
}

.quota_author {
    display: flex;
}

.quota_portrait {
    max-height: 56px;
    max-width: 56px;
    border-radius: 50%;
    margin-right: 16px;
}

.quota_name {
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.quota_title {
    font-size: 16px;
    line-height: 24px;
    font-family: 'SpaceGroteskRegular';
    color: rgba(230, 234, 255, 0.6);
}


/* }  აქ იყო ზედმეტი მაგრამ მედია არაა*/

@media (max-width: 1399px) {
    .clear_btn {
        padding: 6px 10px;
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    #accept_btn_cookies { 
        right:24px;
        top:24px;
    }
    #cookie-notice {
        max-width:474px;
        left: 50%;
        transform: translateX(-50%);
        padding:24px;
        font-size:16px;
        line-height:24px;
    }
    #cookie-notice p {
        width:90%;
        margin:0;
        padding:0;
    }
    .my404_icon {
        padding-top:220px;
        margin-bottom:56px;
    }
    .my404_text {
        margin-bottom:120px; 
        max-width:702px;
        margin-left: auto;
        margin-right: auto;
        font-size:16px;
        line-height:24px;
    }
    .services__terms-box {
        margin-bottom: 200px;
    }
    .jobs_grid_p,
    .find-your-dream-job-here-heading {
        margin-bottom: 48px;
    }
    .wantmore__box,
    .fourth-container.box-shadow-light2,
    .home-page-text-slider-container,
    .job__proudly-box-container,
    .home-page-first-container-main,
    .form-container-wrapper,
    .about-us-container-last-text-bottom,
    .about-us-container-third.aboutbox3,
    .form-container,
    .faq-main__row {
        margin-bottom: 120px;
    }
    .footer-container {
        padding-bottom: 32px;
    }
    .home-page-text-slider-container {
        padding: 40px 64px 64px 64px;
        border-radius: 24px;
        background-color: #ccd4ff0d;
        transition: 1.4s;
    }
    .xplace_btn {
        padding: 12px 20px;
        font-size: 16px;
        font-family: "SpaceGroteskBold";
        line-height: 16px;
        border-radius: 12px;
    }
    .xplace_btn_wt_brd {
        padding: 10px 20px;
        font-size: 16px;
        font-family: "SpaceGroteskBold";
        line-height: 16px;
        border-radius: 12px;
    }
    .home-page-first-container-first-inner-logo {
        margin-right: -24px;
    }
    .upload_btn {
        padding: 10px 18px;
        line-height: 16px !important;
        font-size: 16px !important;
    }
    .home-page-first-container-third-inner-box-logo img {
        max-height: 64px !important;
        max-width: 64px !important;
        height: 64px;
    }
    .xplace-menu .nav-link {
        line-height: 1em;
    }
    .about-us-container-switch-text-styles {
        font-size: 76px !important;
        margin-top: 16px !important;
        line-height: 87px !important;
    }
    .about-us-container-switch-left-headring {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .about-us-container-text-switcher-text {
        font-size: 16px !important;
    }
    .about-us-container-switch-left-nations {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 24px !important;
        line-height: 32px !important;
        margin-top: 32px;
        color: #ffffff;
    }
    .about-us-container-swich {
        padding: 64px 64px 64px 64px !important;
        height: 531px !important;
    }
    .about-us-container-switch-left-second-box-texts-block-first {
        color: #FFFFFF;
        font-size: 24px !important;
        line-height: 32px !important;
        font-family: "SpaceGroteskBold";
        font-style: normal;
    }
    .about-us-container-switch-left-second-box-texts-block-second {
        font-style: normal;
        font-family: "SpaceGroteskRegular";
        font-size: 16px !important;
        line-height: 24px !important;
        color: rgba(230, 234, 255, 0.6);
    }
    .about-us-container-switch-left-second-box-texts-block:not(:first-child) {
        padding-left: 24px !important;
    }
    .about-us-container-switch-left-locations {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 24px !important;
        line-height: 32px !important;
        margin-top: 16px;
        animation: 2s anim-lineUp ease-out;
        color: #ffffff;
    }
    .about-us-container-switch-left-locations-text {
        font-size: 16px !important;
        line-height: 24px !important;
        margin-top: 8px !important;
    }
    .home-page-first-container-fourth-inner-second-absolute {
        position: absolute;
        bottom: 64px;
        width: 75%;
    }
    .home-page-first-container-main-left {
        height: 100%;
    }
    .home-page-first-container-main-right {
        height: 100%;
    }
    .about-us-container-last-text-bottom {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 24px !important;
        line-height: 32px !important;
        text-align: center;
        color: #ffffff;
		margin-top: 52px;
    }
    .home-page-first-container-first-inner-heading {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 32px !important;
        color: #fff;
    }
    .wantmore__title {
        font-size: 40px !important;
    }
    .form-container-find-talent-responsive {
        display: flex;
    }
    .section-container-heading-for-talent p {
        font-size: 16px;
        line-height: 24px;
    }
    .section-container-heading-for-talent span {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 0;
    }
    .signup_heading {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .text-changing-home-page2 {
        box-sizing: content-box;
        height: 31px !important;
        padding: 0px 5px !important;
        overflow: hidden;
        display: flex;
    }
    .sixth-container {
        padding-top: 168px;
    }
    .section-container-heading-h4 {
        padding-top: 8px;
    }
    .hiring_talent {
        padding-bottom: 48px;
    }
    .gap-top {
        margin-top: 48px;
    }
    .home-page-first-container-first-inner {
        padding-bottom: 22px;
    }
    .btn-paddings {
        padding: 12px 20px !important;
        font-size: 16px !important;
    }
    .email-input-label {
        font-size: 16px;
    }
    .form-container-right .form-check-input {
        padding: 6px 0px 18px 24px !important;
    }
    .form-container input {
        padding: 18px 24px 18px 32px;
    }
    .ft-padding {
        margin-top: 48px;
    }
    .jobs_grid_p {
        --bs-gutter-x: 8px;
    }
    .jobs_images {
        height: auto;
        width: 112px;
    }
    .home-page-first-container-third-inner-box-heading {
        font-size: 16px !important;
    }
    .home-page-first-container-second-inner {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .home-page-first-container-third-inner-box:first-child {
        margin-top: 8px !important;
    }
    .home-page-first-container-third-inner-box:not(:first-child) {
        margin-top: 32px !important;
    }
    .home-page-first-container-first-inner-heading {
        font-size: 32px !important;
    }
    .main__btn-join {
        font-size: 16px;
    }
    .services__information-answer {
        font-size: 16px !important;
    }
    .services__information-question {
        font-size: 32px !important;
    }
    .terms-title__box-text {
        font-size: 16px !important;
    }
    .terms-title__three {
        font-size: 16px !important;
    }
    .terms-title__two {
        font-size: 24px !important;
    }
    .terms-title__one {
        font-size: 40px !important;
    }
    .xplace-menu {
        font-size: 20px;
    }
    .hero-image__title {
        font-size: 40px !important;
    }
    .hero-image__text {
        font-size: 16px !important;
    }
    .third-container .portfolio-container-inner {
        flex-direction: row-reverse;
        flex-wrap: wrap-reverse;
    }
    .main__slogan {
        font-family: "SpaceGroteskBold";
        font-size: 40px !important;
        line-height: 48px !important;
        letter-spacing: -0.01em;
        color: #ffffff;
    }
    .fifth-container .portfolio-container-inner {
        flex-direction: row-reverse;
        flex-wrap: wrap-reverse;
    }
    .find-talent-cont,
    .slider_on_main {
        padding-bottom: 200px;
    }
    .main-content {
        position: absolute;
        width: calc(100% - 160px);
        top: 164px;
        left: 0px;
        box-sizing: border-box;
        padding: 0px 56px;
    }
    .form-description {
        color: rgba(229, 234, 255, 0.6);
        font-size: 20px;
        margin-bottom: 56px;
    }
    .mob_logo_inside {
        display: none;
    }
    /* .page-template-template-findtalent .container-xxl {
      padding-left: 64px;
      padding-right: 64px;
  } */
    .form-container-right .form-check-label {
        font-size: 17px;
    }
    .about-us-container-text {
        font-size: 16px !important;
    }
    .about-us-main-heading {
        font-family: "SpaceGroteskBold";
        font-size: 24px !important;
        line-height: 32px;
    }
    .about-us-main-paragraph {
        font-family: "SpaceGroteskBold";
        font-size: 32px !important;
        line-height: 40px !important;
    }
    .about-us-container-left-text-first {
        font-size: 32px !important;
        bottom: 25px !important;
        position: relative;
        padding-right: 32px !important;
    }
    .about-us-container-left-text-second {
        font-size: 32px !important;
        bottom: 25px !important;
        position: relative;
        padding-right: 32px !important;
    }
    .about-us-container-left-text-third {
        font-size: 32px !important;
        bottom: 25px !important;
        position: relative;
        padding-right: 32px !important;
    }
    .about-us-container-first {
        margin-top: 144px !important;
    }
    .footer-container-main {
        background: rgba(204, 213, 255, 0.05);
        border-radius: 24px;
        padding: 66px 64px 85px;
    }
    .gird_left {
        margin: 16px 8px 16px 16px;
    }
    .gird_right {
        margin: 16px 16px 16px 8px;
    }
    .section-container-heading {
        color: #ffffff;
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 40px !important;
        line-height: 64px;
        letter-spacing: -0.01em;
        padding-top: 170px !important;
        padding-left: 80px;
    }
    .form-container-right .form-check-label {
        line-height: 28px;
    }
    /* .container-xxl {
      padding-left: 64px !important;
      padding-right: 64px !important;
  } */
    .xplace-menu a {
        font-size: 16px;
        font-family: 'SpaceGroteskBold';
        color: rgba(242, 244, 255, 0.9);
    }
    .join-btn a {
        background: #00ff40;
        border-radius: 12px;
        color: rgba(17, 17, 18, 1);
        padding: 12px 20px !important;
        margin-left: 4px;
    }
    .apply-btn a,
    .sign-btn a {
        border: 2px solid rgba(204, 212, 255, 0.11);
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 20px !important;
        padding-left: 20px !important;
        border-radius: 12px;
        margin: 0px 4px;
    }
    .standart-item a {
        padding-top: 12px;
        padding-bottom: 12px;
        padding-right: 12px !important;
        padding-left: 12px !important;
        margin: 0px 2px;
        border-radius: 12px;
    }
    .form-option-button {
        padding: 20px 28px;
        font-size: 32px;
    }
    .home-page-main-text {
        font-style: normal !important;
        font-size: 24px !important;
        line-height: 32px !important;
        /* or 125% */
        align-items: center;
        text-align: center;
        width: 100%;
        justify-content: center;
        padding-bottom: 144px !important;
        /* Primary/White 60% */
        color: rgba(230, 234, 255, 0.6);
    }
	.home-page-main-text div{
		font-size: 20px !important;
		line-height: 22px !important;
	}
    .about-us-second-main-container {
        padding-top: 136px !important;
    }
    .about-us-second-main-container-text {
        font-size: 24px !important;
        line-height: 32px !important;
        text-align: center !important;
        color: #ffffff;
    }
    .item-info-container-last {
        width: 85%;
        margin: 0 auto;
        position: relative !important;
        top: 0px !important;
        right: 0px !important;
    }
    .section-container-heading-h4 {
        padding-left: 300px;
        padding-right: 300px;
    }
    .find-talent-cont,
    .slider_on_main {
        padding-bottom: 120px !important;
    }
    .jobs-page-first-container-left-heading {
        color: #ffffff;
        font-style: normal;
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .jobs-page-first-container-left-text {
        color: rgba(230, 234, 255, 0.6);
        font-style: normal;
        font-family: 'SpaceGroteskRegular';
        font-size: 16px !important;
        line-height: 24px !important;
        padding-top: 8px;
    }
    .jobs-page-first-container-left-sign-in {
        font-style: normal;
        font-size: 16px !important;
    }
    .jobs-page-first-container-left-Apply-to-join {
        font-style: normal;
        font-family: 'SpaceGroteskBold';
        margin-top: 5px;
    }
    .jobs-page-first-container-left-heading {
        color: #ffffff;
        font-style: normal;
        font-family: 'SpaceGroteskBold';
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .get-work-container-slider-texts-absolute {
        position: absolute;
        width: 100%;
        padding: 56px;
        z-index: 1;
    }
    .get-work-container-heading {
        color: #ffffff;
        font-style: normal;
        font-family: 'SpaceGroteskBold';
        font-size: 40px;
        line-height: 48px;
        letter-spacing: -0.01em;
    }
    .get-work-container-text {
        font-style: normal;
        font-family: 'SpaceGroteskRegular';
        padding-top: 14px;
        font-size: 16px;
        line-height: 28px;
        z-index: 999;
        color: rgba(230, 234, 255, 0.6);
    }
    .get-work-container-join {
        font-style: normal;
        font-family: 'SpaceGroteskBold';
        font-size: 16px;
        line-height: 16px;
        margin-top: 20px;
        color: #111112;
        background: #00ff40;
        justify-content: center;
        display: inline-block;
        align-items: center;
        padding: 12px 24px;
        border-radius: 12px;
    }
    .quota_img {
        margin-bottom: 21px;
    }
    .quota_text {
        font-family: 'SpaceGroteskBold';
        font-size: 32px;
        line-height: 32px;
        color: #FFFFFF;
        margin-bottom: 24px;
        min-height: 130px;
    }
    .quota_author {
        display: flex;
    }
    .quota_portrait {
        max-height: 56px;
        max-width: 56px;
        border-radius: 50%;
        margin-right: 16px;
    }
    .quota_name {
        font-size: 16px;
        line-height: 24px;
        color: #FFFFFF;
    }
    .quota_title {
        font-size: 16px;
        line-height: 24px;
        font-family: 'SpaceGroteskRegular';
        color: rgba(230, 234, 255, 0.6);
    }
	.ft-inner-box-heading {
		line-height: 24px !important;
	}
}
@media (min-width: 1400px) {
    #accept_btn_cookies { 
        right:24px;
        top:24px;
    }
    #cookie-notice {
        max-width:474px;
        left: 50%;
        transform: translateX(-50%);
        padding:24px;
        font-size:16px;
        line-height:24px;
    }
    #cookie-notice p {
        width:90%;
        margin:0;
        padding:0;
    }
    .my404_icon {
        padding-top:244px;
        margin-bottom:56px;
    }
    .my404_text {
        margin-bottom:144px; 
        max-width:702px;
        margin-left: auto;
        margin-right: auto;
        font-size:20px;
        line-height:32px;
    }
    #form_for_talent_success,
    #form_find_talent_success {
        transform: translateY(50%);
        width: 420px;
    }
    .privacy-title__box-text,
    .privacy-title__box-text__two {
        padding-left: 280px;
        padding-right: 280px;
    }
    .services__terms-box {
        margin-bottom: 280px;
    }
    .footer_bottom {
        margin-top: auto;
    }
    .jobs_grid_p,
    .find-your-dream-job-here-heading {
        margin-bottom: 64px;
    }
    .wantmore__box,
    .fourth-container.box-shadow-light2,
    .home-page-text-slider-container,
    .job__proudly-box-container,
    .home-page-first-container-main,
    .form-container-wrapper,
    .about-us-container-last-text-bottom,
    .about-us-container-third.aboutbox3,
    .form-container,
    .faq-main__row {
        margin-bottom: 144px;
    }
    .wantmore__title span {
        font-size: 56px;
        line-height: 64px;
    }
    .footer-container {
        padding-bottom: 32px;
    }
    .home-page-text-slider-container {
        padding: 64px 80px 80px 80px;
        border-radius: 24px;
        background-color: #ccd4ff0d;
        transition: 1.4s;
    }
    .xplace_btn_wt_brd {
        padding: 12px 24px;
        font-size: 20px;
        font-family: "SpaceGroteskBold";
        line-height: 20px;
        border-radius: 12px;
    }
    .quota_img {
        margin-bottom: 21px;
    }
    .quota_text {
        font-family: 'SpaceGroteskBold';
        font-size: 44px;
        line-height: 52px;
        color: #FFFFFF;
        margin-bottom: 24px;
        min-height: 160px;
    }
    .quota_author {
        display: flex;
    }
    .quota_portrait {
        max-height: 56px;
        max-width: 56px;
        border-radius: 50%;
        margin-right: 16px;
    }
    .quota_name {
        font-size: 20px;
        line-height: 32px;
        color: #FFFFFF;
    }
    .quota_title {
        font-size: 16px;
        line-height: 24px;
        font-family: 'SpaceGroteskRegular';
        color: rgba(230, 234, 255, 0.6);
    }
    .jobs_container {
        max-width: 1320px;
        margin: 0 auto;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .home-page-first-container-first-inner-logo {
        margin-right: -24px;
    }
    .upload_btn {
        padding: 14px 22px;
        line-height: 20px !important;
        font-size: 20px;
    }
    .home-page-first-container-third-inner-box-logo img {
        max-height: 64px !important;
        max-width: 64px !important;
        height: 64px;
    }
    .xplace-menu .nav-link {
        line-height: 1em;
    }
    .section-container-heading-for-talent p {
        font-size: 20px;
        line-height: 32px;
    }
    .home-page-first-container-main-left {
        height: 100%;
    }
    .home-page-first-container-main-right {
        height: 100%;
    }
    .form-container-find-talent-responsive {
        display: flex;
    }
    .home-page-first-container-fourth-inner-second-absolute {
      /*  margin-top: 40px; */
    }
    .section-container-heading-for-talent span {
        font-size: 44px;
        line-height: 52px;
        margin-bottom: 16px;
    }
    .signup_heading {
        padding-top: 88px;
        padding-bottom: 88px;
    }
    .sixth-container {
        padding-top: 224px;
    }
    .section-container-heading-h4 {
        padding-top: 16px;
    }
    .hiring_talent {
        padding-bottom: 64px;
    }
    .gap-top {
        margin-top: 64px;
    }
    .xplace_btn {
        padding: 16px 24px;
        font-size: 20px;
        font-family: 'SpaceGroteskBold';
        line-height: 20px;
        border-radius: 16px;
    }
    .xplace_btn_wt_brd {
        padding: 14px 24px;
        font-size: 20px;
        font-family: 'SpaceGroteskBold';
        line-height: 20px;
        border-radius: 16px;
    }
    .home-page-first-container-first-inner {
        padding-bottom: 16px;
    }
    .btn-paddings {
        padding: 16px 24px !important;
        font-size: 20px !important;
    }
    .email-input-label {
        font-size: 16px;
    }
    .form-container-right .form-check-input {
        padding: 6px 0px 18px 24px !important;
    }
    .form-container input {
        padding: 18px 24px 18px 32px;
    }
    .ft-padding {
        margin-top: 48px;
    }
    .jobs_grid_p {
        --bs-gutter-x: 8px;
    }
    .jobs_images {
        height: auto;
        width: 112px;
    }
    .xplace-sticky {
        position: -webkit-sticky;
        /* for Safari */
        position: sticky;
        top: 120px;
        align-self: flex-start;
        /* <-- this is the fix */
    }
    .section-container-heading-h4 {
        padding-left: 300px;
        padding-right: 300px;
    }
    .form-option-button {
        padding: 20px 28px;
        font-size: 32px;
    }
    .xplace-menu a {
        font-size: 20px;
        font-family: 'SpaceGroteskBold';
        color: rgba(242, 244, 255, 0.9);
    }
    .join-btn a {
        background: #00ff40;
        border-radius: 16px;
        color: rgba(17, 17, 18, 1);
        padding: 16px 24px !important;
        margin-left: 4px;
    }
    .apply-btn a,
    .sign-btn a {
        border: 2px solid rgba(204, 212, 255, 0.11);
        padding-top: 14px;
        padding-bottom: 14px;
        padding-right: 24px !important;
        padding-left: 24px !important;
        border-radius: 16px;
        margin: 0px 4px;
    }
    .standart-item a {
        padding-top: 16px;
        padding-bottom: 16px;
        padding-right: 20px !important;
        padding-left: 20px !important;
        margin: 0px 2px;
        border-radius: 16px;
    }
    .third-container .portfolio-container-inner {
        flex-direction: row-reverse;
        flex-wrap: wrap-reverse;
    }
    .fifth-container .portfolio-container-inner {
        flex-direction: row-reverse;
        flex-wrap: wrap-reverse;
    }
    .find-talent-cont,
    .slider_on_main {
        padding-bottom: 280px;
    }
    .main-content {
        position: absolute;
   /*     width: calc(60% - 160px); */
        top: 171px;
        left: 0px;
        box-sizing: border-box;
   /*     padding: 0px 63px; */
    }
    .form-description {
        color: rgba(229, 234, 255, 0.6);
        font-size: 20px;
        margin-bottom: 48px;
    }
    .mob_logo_inside {
        display: none;
    }
    .form-container-right .form-check-label,
    .form-container-right .form-check-label-one-line {
        font-size: 17px;
    }
    .footer-container-main {
        background: rgba(204, 213, 255, 0.05);
        border-radius: 24px;
        padding: 66px 80px 82px;
    }
    .gird_left {
        margin: 16px 8px 16px 16px;
    }
    .gird_right {
        margin: 16px 16px 16px 8px;
    }
    .form-container-right .form-check-label {
        line-height: 28px;
    }
    /* .container-xxl {
      padding-left: 16px !important;
      padding-right: 16px !important;
  } */
    .about-us-main-container {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media (min-width: 0px) and (max-width: 639px) {
    .jobs_container {
        padding-left: 16px;
    }
    .container-xxl {
        padding-left: 16px;
        padding-right: 16px;
    }
    .find-your-dream-job-container-jobs .uk-width-4-5 {
        width: 90%;
    }
    .find-your-dream-job-here-heading {
        margin-right: 16px;
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .jobs_container {
        padding-left: 44px;
    }
    .container-xxl {
        padding-left: 44px;
        padding-right: 44px;
    }
    .find-your-dream-job-container-jobs .uk-width-2-5\@s {
        width: 45%;
    }
    .find-your-dream-job-here-heading {
        margin-right: 44px;
    }
}

@media (min-width: 950px) and (max-width: 1399px) {
    .jobs_container,
    .container-xxl {
        padding-left: 64px;
        padding-right: 64px;
    }
}

.form-check-label p {
    margin: 0;
}

.standart-item a:hover,
.apply-btn a:hover,
.sign-btn a:hover,
.join-btn a:hover {
    background-color: rgba(204, 212, 255, 0.05);
    color: rgba(255, 255, 255, 1);
}

.join-btn a:hover {
    background: #00ff40 !important;
    color: black !important;
    box-shadow: 0px 0px 20px rgba(0, 255, 64, 0.5) !important;
    color: #111112;
}

.standart-item .active,
.apply-btn .active,
.sign-btn .active,
.join-btn .active {
    background-color: rgba(204, 212, 255, 0.11);
    color: rgba(255, 255, 255, 1);
}

@media (min-width: 576px) and (max-width: 991px) {
    .find-talent-cont,
    .slider_on_main {
        padding-bottom: 96px !important;
    }
    .main-content {
        position: absolute;
        width: 100%;
        top: 148px;
        left: 0px;
        box-sizing: border-box;
        padding: 0px 40px;
        margin-bottom: 32px;
    }
    .home-page-first-container-first-inner-heading {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 32px !important;
        color: #fff;
    }
    .job__proudly-box-container {
        padding-top: 10px;
    }
    .form-description {
        color: rgba(229, 234, 255, 0.6);
        font-size: 16px;
        margin-bottom: 40px;
    }
    .mob_logo_inside {
        display: none;
    }
    .home-page-main-text {
        font-style: normal !important;
        font-size: 24px !important;
        line-height: 32px !important;
        /* or 125% */
        align-items: center;
        text-align: center;
        width: 100%;
        justify-content: center;
        padding-bottom: 48px !important;
        /* Primary/White 0z%  */
        color: rgba(230, 234, 255, 0.6);
    }
    /* .page-template-template-findtalent .container-xxl {
      padding-left: 44px;
      padding-right: 44px;
  } */
    .form-container-right .form-check-label {
        font-size: 17px;
    }
    .about-us-main-paragraph {
        font-size: 32px !important;
        line-height: 40px !important;
    }
    .about-us-main-heading {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .wpcf7-acceptance label {
        display: flex;
    }
    .footer-container-main {
        background: rgba(204, 213, 255, 0.05);
        border-radius: 24px;
        padding: 62px 40px 44px;
    }
    .gird_left {
        margin: 16px 8px 16px 16px;
    }
    .gird_right {
        margin: 16px 8px 16px 16px;
    }
    .wantmore__title {
        font-size: 40px !important;
    }
    .wantmore-txt {
        font-size: 24px !important;
    }
    .form-container-right .form-check-label {
        line-height: 28px;
    }
    /* .container-xxl {
      padding-left: 44px !important;
      padding-right: 44px !important;
  } */
    .hero-image__title {
        font-size: 32px !important;
    }
    .hero-image__text {
        font-size: 16px !important;
    }
    .about-us-second-main-container {
        padding-top: 144px !important;
    }
    .about-us-second-main-container-text {
        font-size: 24px !important;
        line-height: 32px !important;
        text-align: center !important;
        color: #ffffff;
    }
    .item-info-container-last {
        width: 85%;
        margin: 0 auto;
        position: relative !important;
        top: 0px !important;
        right: 0px !important;
    }
    .item-info-container-left-side-last {
        width: auto !important;
    }
    .item-info-container-right-side-last {
        width: auto !important;
    }
    .jobs-page-first-container-left-heading {
        color: #ffffff;
        font-style: normal;
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .jobs-page-first-container-left-text {
        color: rgba(230, 234, 255, 0.6);
        font-style: normal;
        font-family: 'SpaceGroteskRegular';
        font-size: 16px !important;
        line-height: 24px !important;
        padding-top: 8px;
    }
    .jobs-page-first-container-left-sign-in {
        font-style: normal;
    }
    .jobs-page-first-container-left-Apply-to-join {
        font-style: normal;
        font-family: 'SpaceGroteskBold';
    }
}

.email-input-field p {
    margin: 0;
}

@media (min-width: 992px) and (max-width: 1399px) {
    #form_for_talent_success,
    #form_find_talent_success {
        transform: translateY(50%);
        width: 420px;
    }
    .get-work-container-join a {
        font-size: 16px !important;
    }
    .navbar-brand img {
        width: 167px;
    }
    .form-container-header {
        padding-top: 146px !important;
        padding-bottom: 76px !important;
    }
    .navbar-brand {
        margin-right: 0 !important;
    }
    .footer-container-inner-first-col-menu {
        padding-right: 35px;
    }
    .job__hero-image-desktop img {
        height: 350px;
    }
    .find-talent-cont,
    .slider_on_main {
        padding-bottom: 200px;
    }
    .main-content {
        position: absolute;
        width: calc(100% - 160px);
        top: 164px;
        left: 0px;
        box-sizing: border-box;
        padding: 0px 56px;
    }
    .form-description {
        color: rgba(229, 234, 255, 0.6);
        font-size: 20px;
        margin-bottom: 56px;
    }
    .mob_logo_inside {
        display: none;
    }
    /* .page-template-template-findtalent .container-xxl {
      padding-left: 64px;
      padding-right: 64px;
  } */
    .form-container-right .form-check-label {
        font-size: 17px;
    }
    .about-us-container-text {
        font-size: 16px !important;
    }
    .about-us-main-heading {
        font-family: "SpaceGroteskBold";
        font-size: 24px !important;
        line-height: 32px;
    }
    .about-us-main-paragraph {
        font-family: "SpaceGroteskBold";
        font-size: 32px !important;
        line-height: 40px !important;
    }
    .about-us-container-left-text-first {
        font-size: 32px !important;
        bottom: 25px !important;
        position: relative;
        padding-right: 32px !important;
    }
    .about-us-container-left-text-second {
        font-size: 32px !important;
        bottom: 25px !important;
        position: relative;
        padding-right: 32px !important;
    }
    .about-us-container-left-text-third {
        font-size: 32px !important;
        bottom: 25px !important;
        position: relative;
        padding-right: 32px !important;
    }
    .about-us-container-first {
        margin-top: 144px !important;
    }
    .footer-container-main {
        background: rgba(204, 213, 255, 0.05);
        border-radius: 24px;
        padding: 66px 64px 85px;
    }
    .gird_left {
        margin: 16px 8px 16px 16px;
    }
    .gird_right {
        margin: 16px 16px 16px 8px;
    }
    .section-container-heading {
        color: #ffffff;
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 40px !important;
        line-height: 64px;
        letter-spacing: -0.01em;
        padding-top: 170px !important;
        padding-left: 80px;
    }
    .section-container-heading-for {
        color: #ffffff;
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 56px;
        letter-spacing: -0.01em;
        padding-left: 80px;
    }
    .form-container-right .form-check-label {
        line-height: 28px;
    }
    /* .container-xxl {
      padding-left: 64px !important;
      padding-right: 64px !important;
  } */
    .home-page-main-text-loop {
        color: #ffffff;
        font-family: "SpaceGroteskBold";
        font-size: 24px !important;
        line-height: 24px !important;
        padding: 5px 8px;
        display: grid;
        grid-template-columns: repeat(2, min-content);
        grid-template-rows: auto;
        overflow: hidden;
        max-height: 28px !important;
        text-decoration: underline;
    }
    .find-your-dream-job-container-job-tags {
        color: rgba(242, 244, 255, 0.9);
        font-family: "SpaceGroteskRegular";
        font-size: 16px;
        line-height: 22px;
        padding-top: 26px;
        position: relative !important;
    }
}

@media (min-width: 1400px) {
    .clear_btn {
        padding: 10px 16px;
    }
    .find-talent-cont,
    .slider_on_main {
        padding-bottom: 144px;
    }
    .main-content {
        position: absolute;
    /*    width: calc(60% - 160px); */
        top: 171px;
        left: 0px;
        box-sizing: border-box;
        padding: 0px 63px; 
    }
    .form-description {
        color: rgba(229, 234, 255, 0.6);
        font-size: 20px;
        margin-bottom: 48px;
    }
    .mob_logo_inside {
        display: none;
    }
    .form-container-right .form-check-label {
        font-size: 17px;
    }
    .footer-container-main {
        background: rgba(204, 213, 255, 0.05);
        border-radius: 24px;
        padding: 66px 80px 82px;
    }
    .gird_left {
        margin: 16px 8px 16px 16px;
    }
    .gird_right {
        margin: 16px 16px 16px 8px;
    }
    .form-container-right .form-check-label {
        line-height: 28px;
    }
}


/* page2 */

.box-shadow-light {
    transition: 0.6s;
}

.box-shadow-light2 {
    transition: 0.6s;
}

.aboutbox1 {
    transition: 0.6s;
}

.aboutbox2 {
    transition: 0.6s;
}

.aboutbox3 {
    transition: 0.6s;
}

.aboutswitchbox {
    transition: 0.6s;
}

.second-container {
    padding: 170px 80px;
    border-radius: 24px;
    background-color: #ccd4ff0d;
}

.second-container[data-scroll="in"] {
    box-shadow: 0px 0px 200px rgb(122 109 252 / 70%);
}

.second-container[data-scroll="out"] {
    box-shadow: none !important;
}

.third-container[data-scroll="in"] {
    box-shadow: 0px 0px 200px rgb(122 109 252 / 70%);
}

.fourth-container[data-scroll="in"] {
    box-shadow: 0px 0px 200px rgb(122 109 252 / 70%);
}

.fifth-container[data-scroll="in"] {
    box-shadow: 0px 0px 200px rgb(122 109 252 / 70%);
}

.about-us-container-first[data-scroll="in"] {
    box-shadow: 0px 0px 200px rgba(1, 89, 255, 0.4);
}

.about-us-container-second[data-scroll="in"] {
    box-shadow: 0px 0px 200px rgba(238, 2, 144, 0.3);
    transition: 1.5s;
}

.about-us-container-third[data-scroll="in"] {
    box-shadow: 0px 0px 200px rgba(130, 2, 255, 0.5);
}

[data-scroll] {
    transition: 1.4s;
}

.second-container .col-lg-6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.portfolio-container-heading {
    color: #ffffff;
    font-style: normal;
    font-family: "SpaceGroteskBold";
   /* font-size: 56px; */
	 font-size: 44px;
    line-height: 64px;
    letter-spacing: -0.01em;
    margin-bottom: 0px;
}

.portfolio-container-text {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    line-height: 32px;
    color: rgba(230, 234, 255, 0.6);
    margin-top: 24px;
    margin-right: 20px;
}

.portfolio-image {
    justify-content: center;
    align-items: flex-end;
    display: flex;
    width: 100%;
    max-width: 472px;
}

.portfolio-button {
    font-style: normal;
    color: #111112;
    background: #00ff40;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    transition: 0.4s;
}

.portfolio-button:hover {
    background: #00ff40 !important;
    color: black !important;
    box-shadow: 0px 0px 20px rgba(0, 255, 64, 0.5) !important;
}

.portfolio-container-inner {
    flex-wrap: wrap;
}

.wantmore_btn {
    font-style: normal;
    color: #111112;
    background: #00ff40;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    transition: 0.4s;
}

.wantmore_btn:hover {
    background: #00ff40 !important;
    color: black !important;
    box-shadow: 0px 0px 20px rgba(0, 255, 64, 0.5) !important;
}

.third-container {
    margin-top: 32px;
    padding: 170px 80px;
    border-radius: 24px;
    background-color: #ccd4ff0d;
}

.fifth-container .portfolio-container-inner .col-lg-6 {
    flex-direction: none !important;
    justify-content: flex-start !important;
    display: flex;
}

.third-container .portfolio-container-inner .col-lg-6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.fourth-container {
    margin-top: 32px;
    padding: 170px 80px;
    border-radius: 24px;
    background-color: #ccd4ff0d;
}

.fourth-container .col-lg-6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.fifth-container {
    margin-top: 32px;
    padding: 170px 80px;
    border-radius: 24px;
    background-color: #ccd4ff0d;
}

.fifth-container .col-lg-6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.sixth-container .col-lg-6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.get-work-container-mobile {
    display: none;
}

.item-info-container-middle-side-first-line {
    opacity: 0.3;
    border-top: 2px solid #ffffff;
    position: absolute;
    width: 563px !important;
    height: 0px;
    left: 131px;
    top: 39px;
}

.item-info-container-middle-side-icon {
    left: 705px !important;
}

.item-info-container-middle-side-second-line {
    width: 65px !important;
    left: 740px !important;
}

.item-info-container-right-side {
    left: 869px !important;
}

@media only screen and (max-width: 1430px) {
    .item-info-container {
        width: 100%;
        position: absolute;
        bottom: 31px;
        left: 67px !important;
        right: 51px;
    }
    .item-info-container-middle-side-first-line {
        opacity: 0.3;
        border-top: 2px solid #ffffff;
        position: absolute;
        width: 563px !important;
        height: 0px;
        left: 131px;
        top: 39px;
    }
    .item-info-container-middle-side-icon {
        left: 705px !important;
    }
    .item-info-container-middle-side-second-line {
        width: 65px !important;
        left: 740px !important;
    }
    .item-info-container-right-side {
        left: 869px !important;
    }
}

@media only screen and (max-width: 1342px) {
    .portfolio-container-heading {
        font-size: 40px;
        line-height: 48px;
        margin-right: 20px;
    }
    .portfolio-container-text {
        font-size: 16px;
        line-height: 24px;
        margin-right: 20px;
    }
    .portfolio-image {
        max-width: 359px;
    }
    .job__hero-image__title-box {
        padding: 40px !important;
    }
}

@media only screen and (max-width: 1270px) {
    .item-info-container {
        width: 100%;
        position: absolute;
        bottom: 31px;
        left: 67px !important;
        right: 51px;
    }
    .item-info-container-middle-side-first-line {
        opacity: 0.3;
        border-top: 2px solid #ffffff;
        position: absolute;
        width: 484px !important;
        height: 0px;
        left: 131px;
        top: 39px;
    }
    .item-info-container-middle-side-icon {
        left: 625px !important;
    }
    .item-info-container-middle-side-second-line {
        width: 65px !important;
        left: 660px !important;
    }
    .item-info-container-right-side {
        left: 790px !important;
    }
    .find-your-dream-job-container-jobs .col-lg-3 {
        width: 50%;
    }
}

@media only screen and (max-width: 991px) {
    .second-container,
    .third-container,
    .fourth-container,
    .fifth-container {
        padding: 40px 40px 56px 40px !important;
    }
    .faq__sidebar-nav {
        display: flex;
        padding: 17px 17px 17px 17px !important;
        margin-bottom: 24px;
    }
    .home-page-first-container-second-inner {
        font-style: normal;
        font-family: "SpaceGroteskRegular";
        font-size: 16px !important;
        line-height: 24px !important;
        display: flex;
        align-items: center;
        color: rgba(230, 234, 255, 0.45);
    }
    .home-page-first-container-fourth-inner {
        padding-top: 40px !important;
    }
    .home-page-first-container-third-inner-box:first-child {
        margin-top: 8px !important;
    }
    .home-page-first-container-third-inner-box:not(:first-child) {
        margin-top: 32px !important;
    }
    .home-page-first-container-third-inner-box-heading {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 16px !important;
        line-height: 24px;
        display: flex;
        align-items: center;
        color: #ffffff;
    }
    .home-page-first-container-main-left {
        background: rgba(204, 213, 255, 0.05);
        border-radius: 24px;
        padding: 40px !important;
    }
    .home-page-first-container-main-right {
        background: rgba(204, 213, 255, 0.05);
        border-radius: 24px;
        padding: 40px !important;
        position: relative;
    }
    .faq__sidebar-nav__content {
        background-color: transparent !important;
        margin-bottom: 0px !important;
    }
    .faq__sidebar-nav__svg {
        display: none;
    }
    .portfolio-container-inner {
        flex-direction: column-reverse;
    }
    .portfolio-container-heading {
        margin-top: 24px;
        width: 100%;
        margin-right: 40px;
    }
    .portfolio-container-text {
        margin-top: 16px;
        width: 100%;
        margin-right: 40px;
        padding-right: 80px;
    }
    .portfolio-image {
        max-width: 359px;
    }
    .job__top-game__box-heading {
        margin-top: 24px;
    }
    .job__top-game__box-tags-container {
        margin-top: 24px;
    }
    .job__top-game__box-tags-container-see-job {
        position: relative !important;
        margin-top: 24px !important;
        bottom: 0px !important;
        right: 0px !important;
    }
    .hero-image__text {
        font-style: normal;
        font-family: "SpaceGroteskRegular";
        font-size: 16px !important;
        line-height: 32px;
        margin-top: 16px;
        color: rgba(230, 234, 255, 0.6);
    }
    .hero-image__title {
        font-style: normal;
        color: white;
        font-family: "SpaceGroteskBold";
        font-size: 40px !important;
        line-height: 56px;
    }
    .hero-image__btn {
        color: #111112;
        font-size: 16px !important;
        font-family: "SpaceGroteskBold";
    }
    .about-us-container-left-text-first {
        background: -webkit-linear-gradient(180deg, #0057ff 0%, #00c1db 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 44px;
        line-height: 52px;
        margin-bottom: 0px;
        position: relative !important;
        display: block;
        bottom: 0px !important;
        margin-top: 24px;
    }
    .about-us-container-left-text-second {
        background: -webkit-linear-gradient(0deg, #ff3c8e 0%, #a400f1 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 44px;
        line-height: 52px;
        margin-bottom: 0px;
        position: relative !important;
        display: block;
        bottom: 0px !important;
        margin-top: 24px;
    }
    .about-us-container-left-text-third {
        background: -webkit-linear-gradient(180deg, #8000ff 0%, #cc3dff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 44px;
        line-height: 52px;
        margin-bottom: 0px;
        position: relative !important;
        display: block;
        bottom: 0px !important;
        margin-top: 24px;
    }
    .about-us-container-text {
        margin-top: 40px;
    }
    .about-us-container-left {
        margin-right: 0px !important;
    }
    .about-us-container-first {
        padding: 40px 40px 64px 40px !important;
    }
    .about-us-container {
        padding: 40px 40px 64px 40px !important;
    }
    .about-us-container-switch-left-second-box-texts-block-first {
        color: #FFFFFF;
        font-size: 24px !important;
        line-height: 32px !important;
        font-family: "SpaceGroteskBold";
        font-style: normal;
    }
    .about-us-container-switch-left-second-box-texts-block-second {
        font-style: normal;
        font-family: "SpaceGroteskRegular";
        font-size: 16px !important;
        line-height: 24px !important;
        color: rgba(230, 234, 255, 0.6);
    }
    .about-us-container-switch-left-locations-text {
        font-size: 16px !important;
        margin-top: 8px !important;
        line-height: 24px !important;
    }
    .about-us-container-switch-left-second-box-texts-block:not(:first-child) {
        padding-left: 24px !important;
    }
    .about-us-container-switch-left-locations {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 24px !important;
        line-height: 32px !important;
        margin-top: 16px;
        animation: 2s anim-lineUp ease-out;
        color: #ffffff;
    }
    .item-info-container-left-side-name-last {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 16px !important;
        line-height: 24px !important;
        /* identical to box height, or 120% */
        display: flex;
        align-items: center;
        /* Primary/White */
        color: #ffffff;
    }
    .item-info-container-left-side-position-last {
        font-size: 12px !important;
        line-height: 16px !important;
    }
    .item-info-container-left-side-location-last span {
        font-size: 12px !important;
        line-height: 16px !important;
        margin-left: 6px;
    }
    .item-info-container-right-side-last {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    .job__hero-image-desktop img {
        height: 350px;
    }
    .left-side-single-job {
        display: none;
    }
    .single__center-left-box {
        margin-top: 24px;
    }
    .home-page-first-container-main-right {
        margin-top: 24px;
    }
    .text-changing-home-page2 {
        box-sizing: content-box;
        height: 31px !important;
        padding: 0px 5px !important;
        overflow: hidden;
        display: flex;
    }
}

@media only screen and (max-width: 770px) {
    .portfolio-button {
        margin-top: 33px;
    }
    .second-container,
    .third-container,
    .fourth-container,
    .fifth-container {
        padding: 16px 16px 40px 16px !important;
    }
    .second-container {
        margin-top: 96px !important;
    }
    .sixth-container {
        margin-top: 0px !important;
    }
    /* .second-container {
  margin-top: 160px !important;
} */
    .portfolio-container-heading {
        font-size: 32px;
        line-height: 40px;
    }
    .portfolio-container-text {
        font-size: 16px;
        line-height: 24px;
        padding-right: 0px !important;
    }
    .portfolio-image {
        width: 100%;
        max-width: 100%;
    }
    .col-lg-6 {
        width: 100% !important;
    }
    .get-work-container-mobile {
        display: block !important;
    }
    .get-work-container-desktop {
        display: none !important;
    }
    .item-info-container {
        display: flex !important;
        left: 19px !important;
    }
    .item-info-container-right-side-mobile {
        font-style: normal;
        font-family: "SpaceGroteskRegular";
        font-size: 12px;
        line-height: 18px;
        /* or 150% */
        display: flex;
        align-items: center;
        text-align: right;
        position: absolute;
        right: 33px;
        top: 28px;
        /* Primary/White */
        color: #ffffff;
    }
    .item-info-container-middle-side-icon-mobile {
        position: absolute;
        right: 33px;
        top: -10px;
    }
    .find-your-dream-job-container-jobs .col-lg-3 {
        padding-right: 0px !important;
    }
    .find-your-dream-job-here-heading {
        font-style: normal !important;
        font-size: 32px !important;
        line-height: 40px !important;
        color: #ffffff;
        align-items: center;
        text-align: center;
        letter-spacing: -0.01em;
    }
    .job__top-game__title {
        font-style: normal !important;
        font-size: 34px !important;
        line-height: 40px !important;
    }
    .hero-image__title {
        font-size: 32px !important;
        line-height: 40px !important;
    }
    .ball_div {
        background: transparent !important;
        transition: 0.6s !important;
    }
    .ballZ-find {
        background: transparent !important;
        transition: 0.6s !important;
    }
}

.faq-select-options .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: none !important;
    padding: 10px !important;
    border-top-left-radius: 0.25rem;
    transition: 0.6s;
    border-top-right-radius: 0.25rem;
}


/*first container*/

.item-info-container-left-side-name {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 120% */
    display: flex;
    align-items: center;
    /* Primary/White */
    color: #ffffff;
}

.item-info-container-left-side-position {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 12px;
    line-height: 24px;
    /* identical to box height, or 150% */
    display: flex;
    align-items: center;
    /* Primary/White */
    color: #ffffff;
}

.item-info-container-left-side-location {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 12px;
    line-height: 24px;
    /* identical to box height, or 150% */
    display: flex;
    align-items: center;
    /* Primary/White 60% */
    color: rgba(230, 234, 255, 0.6);
}

.item-info-container-left-side-location span {
    margin-top: 3px;
}

.item-info-container-left-side-location svg {
    margin-right: 8px;
}

.item-info-container {
    width: 100%;
    display: flex;
    z-index: 2;
    position: absolute;
    bottom: 31px;
    left: 247px;
    right: 51px;
}

.item-info-container-middle-side-first-line {
    opacity: 0.3;
    border-top: 2px solid #ffffff;
    position: absolute;
    width: 800px;
    height: 0px;
    left: 131px;
    top: 39px;
}

.item-info-container-middle-side-icon {
    position: absolute;
    width: 23.14px;
    height: 23.14px;
    left: 942px;
    top: 25px;
}

.item-info-container-middle-side-second-line {
    position: absolute;
    width: 100px;
    height: 0px;
    left: 977px;
    top: 39px;
    opacity: 0.3;
    border-top: 2px solid #ffffff;
}

.item-info-container-right-side {
    position: absolute;
    width: 116px;
    height: 48px;
    left: 1106px;
    top: 13px;
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    display: flex;
    align-items: center;
    text-align: right;
    /* Primary/White */
    color: #ffffff;
}

.find-your-dream-job-here-heading {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 56px;
    line-height: 64px;
    color: #ffffff;
    align-items: center;
    text-align: center;
    letter-spacing: -0.01em;
}

.find-your-dream-job-container-job {
    background: #1a1b1e;
    border-radius: 24px;
    padding: 16px 16px 24px;
    flex-direction: column;
    align-items: center;
}

.find-your-dream-job-container-jobs {
    flex-wrap: wrap;
}

.find-your-dream-job-container-jobs .col-lg-6 .col-lg-12 {
    flex-wrap: wrap;
}

.find-your-dream-job-container-job-image {
    display: flex;
    border-radius: 16px;
}

.find-your-dream-job-container-job-heading {
    padding-top: 24px;
    padding-top: 24px;
}

.find-your-dream-job-container-job-heading-text {
    font-style: normal;
    font-weight: bold;
    font-size: 19px;
    line-height: 26px;
    color: #ffffff;
    padding-left: 8px;
}

.find-your-dream-job-container-job-text {
    font-style: normal;
    font-weight: bold;
    font-size: 19px;
    line-height: 26px;
    text-align: left;
    color: #ffffff;
    padding-top: 24px;
}

.find-your-dream-job-container-job-info {
    font-weight: 400 !important;
}

.find-your-dream-job-container-job-info {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 13px;
    line-height: 16px;
    color: rgba(230, 234, 255, 0.6);
    padding-top: 8px;
    min-height: 56px;
}

.find-your-dream-job-show-more {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    line-height: 20px;
    color: #111112;
    background: #00ff40;
    border-radius: 12px;
    padding: 16px 24px;
    align-items: center;
    margin: 0 auto;
    max-width: 190px;
    margin-top: 64px;
}

.find-your-dream-job-show-more {
    background: #00ff40 !important;
    color: black !important;
    box-shadow: 0px 0px 20px rgba(0, 255, 64, 0.5) !important;
}

.find-your-dream-job-container-jobs .col-lg-3 {
    padding-right: 24px;
}

.find-your-dream-job-container-job {
    height: 100%;
}

.find-your-dream-job-container-job-tags {
    color: rgba(242, 244, 255, 0.9);
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 22px;
    padding-top: 26px;
    bottom: 20px;
}

.job_title_and_info {
    min-height: 130px;
}

.find-your-dream-job-container-job-tags__new {
    color: rgba(242, 244, 255, 0.9);
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 22px;
    padding-right: 16px;
    padding-top: 51px;
}

.find-your-dream-job-container-job-tag {
    border: 2px solid rgba(204, 213, 255, 0.11);
    box-sizing: border-box;
    color: white;
    border-radius: 4px;
    padding: 2px 6px;
    margin-left: 4px;
    margin-top: 4px;
}

.find-your-dream-job-container-job-tag-audio__text {
    margin-left: 7px;
    margin-top: 2px;
}

.find-your-dream-job-container-job-tag-audio {
    background: linear-gradient(0deg, #0066ff 0%, #0400c9 100%);
    border-radius: 4px;
    align-items: center;
    padding: 2px 6px;
    color: rgba(242, 244, 255, 0.9);
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    margin-left: 4px;
    margin-top: 5px;
    display: flex;
}

.find-your-dream-job-container-job-tag-ux__text {
    margin-left: 6px;
    margin-top: 2px;
}

.find-your-dream-job-container-job-tag-story__text {
    margin-left: 6px;
    margin-top: 2px;
}

.find-your-dream-job-container-job-tag-story {
    border-radius: 4px;
    align-items: center;
    padding: 2px 6px;
    color: rgba(242, 244, 255, 0.9);
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    margin-left: 4px;
    margin-top: 5px;
    display: flex;
}

.find-your-dream-job-container-job-tag-ux {
    background: linear-gradient(0deg, #ff7a00 0%, #c40000 100%);
    border-radius: 4px;
    align-items: center;
    padding: 2px 6px;
    color: rgba(242, 244, 255, 0.9);
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    margin-left: 4px;
    margin-top: 5px;
    display: flex;
}

.section-wrapper {
    background: rgba(204, 213, 255, 0.05);
    border-radius: 24px;
}

.section-container-heading {
    color: #ffffff;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -0.01em;
    padding-top: 170px !important;
    padding-left: 80px;
}

.section-container-heading-for {
    color: #ffffff;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 56px;
    letter-spacing: -0.01em;
    padding-left: 80px;
    line-height: initial;
}

.section-container-heading-for .section-container-heading-h4 {
    color: rgba(229, 234, 255, 0.6);
}

.section-container-heading-h4 {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0px;
}

.section-container-text {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    line-height: 32px;
    color: rgba(230, 234, 255, 0.6);
    margin-top: 24px;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 24px;
}

.section-form {
    height: 1036px;
}

.section-container-inner {
    flex-wrap: wrap;
}

.section-title {
    font-size: 56px;
    line-height: 64px;
    color: #fff;
    letter-spacing: -0.01em;
    margin-top: 280px;
}

.form-container {
    background: rgba(204, 213, 255, 0.05);
    border-radius: 24px;
    padding: 104px 80px;
}

.form-container-header {
    color: #ffffff;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -0.01em;
    padding-top: 170px;
    padding-left: 80px;
    padding-bottom: 93px;
}

.form-container-header h1 {
    font-weight: 600;
}

.form-header {
    background: #1a1b1e;
    box-sizing: border-box;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -45px;
    border-bottom: 0px !important;
}

.form-header-option {
    border: 2px solid rgba(204, 213, 255, 0.11);
    border-radius: 12px;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 0 !important;
}

.form-option-button {
    color: rgba(230, 234, 255, 0.6) !important;
    text-decoration: none !important;
    border-radius: 12px !important;
}

.form-header-option>button.active {
    color: #fff !important;
    background-color: #1a1b1e !important;
    border: 4px solid #fff !important;
    border-radius: 12px;
    display: flex;
    align-items: center;
    color: #fff;
    width: 100% !important;
}

.form-header-option>button {
    width: 100% !important;
    display: flex;
    align-items: center;
    text-align: left;
}

.form-heading {
    color: rgba(230, 234, 255, 0.6);
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 48px;
}

.form-container-left-row-text {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    line-height: 28px;
    color: rgba(230, 234, 255, 0.6);
    margin: 16px 0px;
}

.form-container-left-row:not(:first-child) {
    margin-top: 40px;
}

.form-container .col-lg-1 {
    border-left: 2px solid rgba(204, 213, 255, 0.05);
}

.form-container-right label {
    color: #ffffff;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    line-height: normal;
    width: 100%;
}

.form-container input {
    background: #1a1b1e;
    border: 2px solid rgba(204, 213, 255, 0.11);
    box-sizing: border-box;
    border-radius: 12px;
    cursor: pointer;
}


.form-container-right form-group {
    padding-left: 24px !important;
    margin-top: 48px !important;
}

.form-container-right form-row:not(:first-child) {
    margin-top: 48px !important;
}

.form-container-right .form-check-label,
.form-container-right .form-check-label-one-line {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    display: flex;
    align-items: center;
    color: rgba(230, 234, 255, 0.6);
    padding-left: 16px;
}

.form-check-label {
    margin-top: 2px !important;
}

.form-container-right-button {
    background: #00ff40 !important;
    border-radius: 12px !important;
    border: none !important;
    font-style: normal !important;
    align-items: center !important;
    letter-spacing: -0.01em !important;
    padding: 16px 24px !important;
    line-height: 20px;
    transition: 0.6s;
    font-family: 'SpaceGroteskBold';
    /* Primary/Black */
    color: #111112 !important;
}

.form-container-right-button:hover {
    background: #00ff40 !important;
    box-shadow: 0px 0px 20px rgba(0, 255, 64, 0.5) !important;
}

.form-container-left-image {
    background-color: #222429;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 1200px) {
    .section-container-image {
        width: 359px !important;
    }
    .form-container-left-row {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 575px) {
    .item-info-container {
        display: none;
    }
    .wantmore__title {
        font-size: 34px !important;
    }
    .job__hero-image-desktop {
        position: relative;
        display: none;
    }
    .job__hero-image-mobile {
        display: block !important;
    }
    .job__top-game__title {
        font-size: 40px;
        margin-top: 136px !important;
    }
    .second-container {
        margin-top: 80px !important;
    }
}

@media only screen and (max-width: 991px) {
    .section-container-heading-fortalant {
        padding-top: 0px !important;
    }
    .job__top-game__title {
        font-size: 40px;
    }
    .section-container-image {
        width: 359px !important;
        padding-top: 10px;
        padding: 0;
    }
    .form-container .col-lg-1 {
        border: none;
    }
    .form-container {
        border-radius: 24px;
        padding: 16px;
    }
    .form-container-left {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 30px;
        padding: 0 44px 0 44px;
    }
    .form-container-right {
        padding: 0 44px 0 44px;
        padding-bottom: 90px;
    }
    .section-container {
        padding-top: 160px;
    }
    .section-container-text {
        font-size: 16px;
    }
    .form-container-left-row {
        margin-top: 56px !important;
        margin-bottom: 56px;
    }
    .form-container-left-row-text {
        font-size: 16px;
        text-align: left;
    }
    .form-container-right label {
        font-size: 16px;
    }
    .section-container-heading {
        padding-top: 40px !important;
        font-size: 40px;
    }
    .section-container-heading-for {
        font-size: 40px;
    }
    .section-container-inner {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .find-your-dream-job-container-job-tags {
        padding-top: 26px;
        position: relative !important;
    }
}

@media only screen and (max-width: 575px) {
    .slick-initialized .slick-slide {
        height: 64px !important;
    }
    .slick-slide img {
        width: 56%;
    }
    .footer-res {
        flex: 0 0 auto;
        width: 85% !important;
    }
    .footer-container-inner-subscribe {
        padding-top: 60px;
    }
    .home-page-first-container-second-inner {
        padding-top: 16px !important;
    }
    .home-page-first-container-first-inner-logo {
        margin-top: 16px !important;
    }
    .home-page-first-container-second-inner {
        padding-top: 16px !important;
    }
    .mobile-version-video {
        display: block !important;
    }
    .about-us-container {
        margin-top: 24px !important;
    }
    .about-us-container-switch-left {
        position: relative !important;
    }
    .about-us-container-text-switcher {
        position: relative !important;
        margin-top: 10px !important;
    }
    .about-us-container-text {
        margin-top: 32px !important;
    }
    .home-page-first-container-fourth-inner-learn-more {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 16px !important;
        line-height: 24px !important;
        display: flex;
        align-items: center;
        color: #ffffff;
    }
    .home-page-first-container-fourth-inner {
        padding-top: 32px !important;
    }
    .home-page-first-container-third-inner-box:first-child {
        margin-top: 0px !important;
    }
    .home-page-first-container-third-inner-box:not(:first-child) {
        margin-top: 32px !important;
    }
    .get-work-container-heading {
        color: #ffffff;
        position: absolute;
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 36px;
        z-index: 999;
        line-height: 38px;
        padding: 40px;
        letter-spacing: -0.01em;
        top: 0;
    }
    .get-work-container-text {
        font-style: normal;
        font-family: "SpaceGroteskRegular";
        font-size: 16px;
        line-height: 24px;
        z-index: 999;
        position: absolute;
        top: 130px;
        padding: 40px;
        color: rgba(230, 234, 255, 0.6);
    }
    .get-work-container-join {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 16px;
        line-height: 32px;
        z-index: 999;
        color: #111112;
        position: absolute;
        top: 250px;
        left: 41px;
        background: #00ff40;
        justify-content: center;
        align-items: center;
        padding: 10px 24px;
        border-radius: 12px;
    }
    .get-work-container-join a {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 16px;
        color: #111112 !important;
    }
    .main__slogan {
        font-size: 34px !important;
        z-index: 999;
        line-height: 40px !important;
        padding: 0px !important;
    }
    .main {
        padding-top: 110px !important;
    }
    .find-talent-cont {
        padding-top: 85px !important;
    }
    .find-your-dream-job-container-jobs {
        flex-wrap: wrap;
    }
    .item-info-container {
        bottom: 16px !important;
    }
    .home-page-text-slider-text {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 28px !important;
        line-height: 32px !important;
        /* or 118% */
        color: #ffffff;
        padding-top: 21px;
    }
    .home-page-text-slider-author {
        padding-top: 24px;
    }
    .home-page-text-slider-author-info {
        padding-left: 16px;
    }
    .home-page-text-slider-author-name {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 16px !important;
        line-height: 24px !important;
        /* identical to box height, or 160% */
        /* Primary/White */
        color: #ffffff;
    }
    .home-page-text-slider-author-job {
        font-style: normal;
        font-family: "SpaceGroteskRegular";
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Primary/White 60% */
        color: rgba(230, 234, 255, 0.6);
    }
    .home-page-text-slider-controls {
        position: relative !important;
        margin-top: 24px;
        bottom: 0px;
        right: 0;
        justify-content: space-between !important;
    }
    .home-page-main-text {
        font-style: normal !important;
        font-size: 16px !important;
        line-height: 24px !important;
        /* or 125% */
        align-items: center;
        text-align: center;
        width: 100%;
        justify-content: center;
        padding-bottom: 40px !important;
        padding-top: 80px;
        /* Primary/White 60% */
        color: rgba(230, 234, 255, 0.6);
    }
    .home-page-main-text-loop {
        color: #ffffff;
        font-family: "SpaceGroteskBold";
        font-size: 24px !important;
        line-height: 24px !important;
        padding: 5px 8px;
        display: grid;
        grid-template-columns: repeat(2, min-content);
        grid-template-rows: auto;
        overflow: hidden;
        max-height: 28px !important;
        text-decoration: underline;
    }
    .about-us-second-main-container {
        padding-top: 144px !important;
    }
    .about-us-second-main-container-text {
        font-size: 24px !important;
        line-height: 32px !important;
        text-align: center !important;
        color: #ffffff;
    }
    .jobs-page-first-container-left-heading {
        color: #ffffff;
        font-style: normal;
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .jobs-page-first-container-left-text {
        color: rgba(230, 234, 255, 0.6);
        font-style: normal;
        font-family: "SpaceGroteskRegular";
        font-size: 16px !important;
        line-height: 24px !important;
        padding-top: 8px;
    }
    .jobs-page-first-container-left-sign-in {
        font-style: normal;
    }
    .jobs-page-first-container-left-Apply-to-join {
        font-style: normal;
        font-family: "SpaceGroteskBold";
    }
    .jobs-page-first-container-left-main {
        background: rgba(204, 213, 255, 0.05);
        border-radius: 24px;
        padding-top: 24px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-bottom: 40px !important;
        height: 100%;
    }
    .find-your-dream-job-container-job-tags {
        position: relative !important;
    }
}

@media only screen and (max-width: 660px) {
    .text-changing-home-page2 {
        box-sizing: content-box;
        height: 20px !important;
        padding: 0px 8px;
        overflow: hidden;
        display: flex;
    }
}

@media only screen and (max-width: 515px) {
    .home-page-main-text-loop {
        font-size: 18px !important;
        line-height: 18px !important;
        padding: 0px 1px !important;
        max-height: 19px !important;
    }
    .home-page-vid-link {
        color: #ffffff;
        font-family: "SpaceGroteskRegular";
        font-size: 17px !important;
        line-height: 17px !important;
        padding: 3px 8px !important;
        max-height: 21px !important;
    }
}

@media only screen and (max-width: 768px) {
    .form-container-header {
        font-size: 48px;
    }
    .form-option-button {
        height: 80px !important;
        font-size: 24px !important;
    }
    .form-container-right {
        padding: 10px 16px 40px 16px;
    }
    .form-container-right-button {
        padding: 0;
        width: 100%;
    }
    .form-container-inner {
        display: none !important;
    }
    .section-container-image {
        width: 311px;
    }
    .section-container {
        padding: 0px;
    }
    .section-container-heading,
    .section-container-heading-for {
        font-size: 32px;
    }
    .form-container {
        border-radius: 12px;
        padding: 16px;
    }
    .section-container-heading {
        padding-top: 160px;
        font-size: 32px;
    }
    .footer-res {
        flex: 0 0 auto;
        width: 100% !important;
    }
    .footer-responsive {
        justify-content: space-between;
    }
    .find-your-dream-job-container-jobs .col-lg-3 {
        width: 100%;
    }
    .form-header {
        flex-wrap: nowrap !important;
    }
    .show-me-jobs-button {
        margin-left: auto !important;
    }
    .find-your-dream-job-show-more {
        max-width: 100%;
        text-align: center;
    }
    .first-container {
        padding-top: 108px;
    }
    .job__top-game__box-image img {
        width: 50%;
    }
    .job__hero-image-desktop img {
        height: 300px;
    }
    .get-work-container-slider-texts-absolute {
        width: 100% !important;
        height: 100% !important;
        padding: 16px !important;
        z-index: 1;
    }
    .item-info-container-main-box-last {
        width: 100% !important;
        position: absolute !important;
        bottom: 19px !important;
    }
    .item-info-container-last {
        width: 100% !important;
        margin: 0 auto;
        position: absolute;
        top: -70px;
        right: auto !important;
    }
}

@media only screen and (max-width: 575px) {
    .footer-res {
        flex: 0 0 auto;
        width: 85% !important;
    }
    .footer-container-inner-subscribe {
        padding-top: 60px;
    }
    .home-page-first-container-second-inner {
        padding-top: 16px !important;
    }
    .home-page-first-container-first-inner-logo {
        margin-top: 16px !important;
    }
    .home-page-first-container-second-inner {
        padding-top: 16px !important;
    }
    .mobile-version-video {
        display: block !important;
		height: auto !important;
    }
    .about-us-container {
        margin-top: 24px !important;
    }
    .about-us-container-switch-left {
        position: relative !important;
    }
    .about-us-container-switch-left-headring-1 {
        display: none;
    }
    .about-us-container-switch-left-headring-2 {
        display: block !important;
    }
    .about-us-container-text-switcher {
        position: relative !important;
        margin-top: 10px !important;
    }
    .about-us-container-text {
        margin-top: 32px !important;
    }
    .about-us-container-first {
        padding: 16px 16px 40px 16px !important;
    }
    .about-us-container {
        padding: 16px 16px 40px 16px !important;
    }
    .home-page-first-container-fourth-inner-learn-more {
        font-style: normal;
        font-family: 'SpaceGroteskBold';
        font-size: 16px !important;
        line-height: 24px !important;
        display: flex;
        align-items: center;
        color: #ffffff;
    }
    .home-page-first-container-fourth-inner {
        padding-top: 32px !important;
    }
    .home-page-first-container-third-inner-box:first-child {
        margin-top: 0px !important;
    }
    .home-page-first-container-third-inner-box:not(:first-child) {
        margin-top: 32px !important;
    }
    .get-work-container-heading {
        color: #ffffff;
        position: absolute;
        font-style: normal;
        font-family: 'SpaceGroteskBold';
        font-size: 36px;
        z-index: 999;
        line-height: 38px;
        padding: 40px;
        letter-spacing: -0.01em;
        top: 0;
    }
    .get-work-container-text {
        font-style: normal;
        font-family: 'SpaceGroteskRegular';
        font-size: 16px;
        line-height: 24px;
        z-index: 999;
        position: absolute;
        top: 130px;
        padding: 40px;
        color: rgba(230, 234, 255, 0.6);
    }
    .get-work-container-join {
        font-style: normal;
        font-family: 'SpaceGroteskBold';
        font-size: 16px;
        line-height: 32px;
        z-index: 999;
        color: #111112;
        position: absolute;
        top: 250px;
        left: 41px;
        background: #00ff40;
        justify-content: center;
        align-items: center;
        padding: 10px 24px;
        border-radius: 12px;
    }
    .get-work-container-join a {
        font-style: normal;
        font-family: 'SpaceGroteskBold';
        font-size: 16px;
        color: #111112 !important;
    }
    .main__slogan {
        font-family: 'SpaceGroteskBold';
        font-size: 34px !important;
        z-index: 999;
        line-height: 40px !important;
        padding: 0px !important;
    }
    .main {
        padding-top: 110px !important;
    }
    .find-talent-cont {
        padding-top: 85px !important;
    }
    .find-your-dream-job-container-jobs {
        flex-wrap: wrap;
    }
    .item-info-container {
        bottom: 16px !important;
    }
    .home-page-main-text {
        font-style: normal !important;
        font-size: 16px !important;
        line-height: 20px !important;
        /* or 125% */
        align-items: center;
        text-align: left;
        width: 100%;
        justify-content: center;
		padding-left: 20px !important;
		padding-bottom: 100px !important;
		padding-right: 0px !important;
        padding-top: 80px;
        /* Primary/White 60% */
        color: rgba(230, 234, 255, 0.6);
    }
	.home-page-main-text div {
		font-size: 16px !important;
	}
    .home-page-main-text-loop {
        color: #ffffff;
        font-family: 'SpaceGroteskBold';
        font-size: 24px !important;
        line-height: 24px !important;
        padding: 5px 8px;
        display: grid;
        grid-template-columns: repeat(2, min-content);
        grid-template-rows: auto;
        overflow: hidden;
        max-height: 28px !important;
        text-decoration: underline;
    }
    .about-us-second-main-container {
        padding-top: 144px !important;
    }
    .about-us-second-main-container-text {
        font-size: 24px !important;
        line-height: 32px !important;
        text-align: center !important;
        color: #ffffff;
    }
    .jobs-page-first-container-left-heading {
        color: #ffffff;
        font-style: normal;
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .jobs-page-first-container-left-text {
        color: rgba(230, 234, 255, 0.6);
        font-style: normal;
        font-family: 'SpaceGroteskRegular';
        font-size: 16px !important;
        line-height: 24px !important;
        padding-top: 8px;
    }
    .jobs-page-first-container-left-sign-in {
        font-style: normal;
    }
    .jobs-page-first-container-left-Apply-to-join {
        font-style: normal;
        font-family: 'SpaceGroteskBold';
    }
    .jobs-page-first-container-left-main {
        background: rgba(204, 213, 255, 0.05);
        border-radius: 24px;
        padding-top: 24px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-bottom: 40px !important;
        height: 100%;
    }
    .find-your-dream-job-container-job-tags {
        position: relative !important;
    }
}

@media only screen and (max-width: 660px) {
    .text-changing-home-page2 {
        box-sizing: content-box;
        height: 20px !important;
        padding: 0px 8px;
        overflow: hidden;
        display: flex;
    }
}

@media only screen and (max-width: 575px) {
    .about-us-container-switch-left-text {
        margin-top: 0px !important;
    }
    .about-us-container-switch-left-text-musical {
        margin-top: 0px !important;
    }
    .about-us-container-switch-left-text-globally {
        margin-top: 0px !important;
    }
    .about-us-container-switch-left-text-pet {
        margin-top: 0px !important;
    }
    .about-us-container-switch-left-text-gaming {
        margin-top: 0px !important;
    }
    .about-us-container-switch-right img {
        width: 100% !important;
    }
    .form-header {
        height: 96px !important;
    }
    .form-option-button {
        height: 64px !important;
        font-size: 16px !important;
    }
    .form-container-right {
        padding: 0;
    }
    .footer-disappear {
        display: none !important;
    }
    .footer-responsive {
        justify-content: space-between;
    }
    .footer-container-inner-subscribe {
        padding-top: 60px;
    }
    .footer-res {
        flex: 0 0 auto;
        width: 100% !important;
    }
    .find-your-dream-job-show-more {
        font-style: normal;
        font-family: "SpaceGroteskBold";
        font-size: 20px;
        line-height: 20px;
        color: #111112;
        background: #00ff40;
        border-radius: 12px;
        padding: 16px 24px;
        align-items: center;
        margin: 0 auto;
        max-width: 100% !important;
        align-items: center;
        text-align: center;
        margin-top: 64px;
    }
    .faq-header-container {
        padding-top: 58px !important;
    }
    .faq-select-option img {
        margin-left: -13px !important;
    }
}

.check_file {
    cursor: pointer;
}

.fileUpload {
    background: #1a1b1e;
    border: 2px solid rgba(204, 213, 255, 0.11);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(230, 234, 255, 0.6);
    font-size: 1em;
    margin: 1.25em auto;
    overflow: hidden;
    padding: 4px 0px;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.fileUpload:hover,
.fileUpload:active,
.fileUpload:focus {
    cursor: pointer;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 148px;
    height: 46px;
    cursor: pointer;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.file-upload .file-upload-btn,
.file-upload .remove-image,
.loading {
    border: none;
    cursor: pointer;
    outline: inherit;
    color: #ffffff;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    width: auto;
    background: #1a1b1e;
    border: 2px solid rgba(204, 213, 255, 0.11);
    border-radius: 16px;
    text-align: center;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none;
    position: relative;
}

.remove-image {
    display: none;
    text-align: left !important;
    padding-left: 24px;
}

.codedropz-upload-handler,
.dnd-upload-details .name,
.dnd-upload-details .dnd-progress-bar,
.dnd-upload-image,
.dnd-icon-remove {
    display: none !important;
}

.upload_dev {
    display: flex;
    align-items: center;
}

.loading {
    padding-left: 24px;
    display: none;
}

.red-not {
    color: #ff5151;
}

.remove-image p {
    margin: 0;
    padding-right: 46px;
}

.footer-responsive {
    list-style: none;
}

.footer-container-main a:hover {
    color: #fff;
    text-decoration: none;
}

.footer-container-inner-third-col-menu svg path {
    fill: rgba(229, 234, 255, 0.6);
}

.footer-container-inner-third-col-menu svg:hover {
    fill: #fff;
    background-color: rgba(255, 255, 255, 0.344);
}

.footer-appear a {
    color: #89929d !important;
    text-decoration: none !important;
    margin: 16px 0px;
    display: flex;
}

.footer-container-header-2021 {
    color: rgba(230, 234, 255, 0.6);
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 32px;
}

.find-your-dream-job-container-jobs .col-lg-3 {
    padding-right: 24px;
    padding-top: 20px;
}

.find-your-dream-job-container-job {
    height: 100%;
    position: relative;
}

.footer-container-inner-first-col {
    padding-top: 60px;
}

.form-container-right-button-sign-up {
    margin-top: -8px;
}

.footer-container-inner-first-col-menu>li>a {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 24px;
    color: rgba(230, 234, 255, 0.6);
    text-decoration: none;
    margin: 16px 0px;
}

.footer-container-inner-first-col-menu>li {
    padding-bottom: 16px;
}

.footer-container-inner-second-col {
    padding-top: 60px;
}

.footer-container-inner {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 59px;
}

.footer-container-inner-second-col-menu>li>a {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 32px;
    color: rgba(230, 234, 255, 0.6);
    text-decoration: none;
    margin: 8px 0px;
}

.footer-container-inner-third-col {
    padding-top: 60px;
}

.footer-container-inner-third-col-menu>li>a {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 32px;
    color: rgba(230, 234, 255, 0.6);
    text-decoration: none;
    margin: 8px 0px;
}

.footer-container-inner-third-col-menu>a {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 32px;
    color: rgba(230, 234, 255, 0.6);
    text-decoration: none;
    margin: 8px 0px;
}

.subscription {
    border: 2px solid rgba(204, 213, 255, 0.11);
    box-sizing: border-box;
    border-radius: 12px;
}

.subscription .d-flex {
    padding: 2px;
}

.subscription input {
    font-family: "Open Sans Condensed", sans-serif;
}

.subscription .subc {
    display: flex;
    width: 100%;
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 24px;
    padding: 13px 0px 13px 16px;
    background: #1a1b1e;
    display: flex;
    border: none;
    width: 100%;
    color: rgba(230, 234, 255, 0.35);
}

.wpcf7-email:-internal-autofill-selected {
    background-color: rgb(255, 255, 255) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}

.email-9subscribe:focus-visible,
.email-9subscribe input:focus-visible {
    border: 0px !important;
    outline: 0;
}

.email-9subscribe input:focus-visible~.subscription {
    border: 2px solid #fff !important;
}

.email-9subscribe input {
    width: 57% !important;
}

.subscription .submit {
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(230, 234, 255, 0.6);
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 16px;
    background: rgba(204, 213, 255, 0.11);
    border-radius: 8px;
    line-height: 28px;
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
    padding: 10px 16px;
    float: right;
}

.footer-subscribtion-header {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 16px;
    line-height: 16px;
    margin: 10px 0px;
    color: #ffffff;
    padding-bottom: 10px;
}

.footer-appear {
    display: none;
}

.ballZ-mob {
    background: transparent;
}

.ballZ_Center {
    background: radial-gradient(circle at 49.9% -90%, #380a7c, transparent 75%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
}

.ballZ-find {
    background: radial-gradient(circle at 0.26% 0.52%, #380a7c, transparent 29%), radial-gradient(circle at 85.57% 43.37%, #380a7c, transparent 25%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    animation: fadeIn linear 1s;
    -webkit-animation: fadeIn linear 1s;
    -moz-animation: fadeIn linear 1s;
    -o-animation: fadeIn linear 1s;
    -ms-animation: fadeIn linear 1s;
}

.ballZ-mob-find {
    background: transparent;
}

.ballZ_Inner-find {
    background: radial-gradient(circle at 0.26% 0.52%, #0f0d75, transparent 29%), radial-gradient(circle at 85.57% 43.37%, #0f0d75, transparent 25%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
}

.ballZ_Center-find {
    background: radial-gradient(circle at 49.9% -90%, #380a7c, transparent 75%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.show-me-jobs-button {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 32px;
    text-decoration: underline !important;
    color: rgba(230, 234, 255, 0.6);
    align-items: center;
    text-align: center;
    margin: 0 auto;
    display: flex;
    margin-top: 30px;
    margin-left: 24px;
}

.form-control:focus {
    color: white !important;
    background-color: #1a1b1e !important;
    border-color: #7266ee !important;
    border: 2px solid #7266ee !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.form-control {
    color: white !important;
}

.subscription:focus {
    border: 2px solid #7266ee !important;
    box-sizing: border-box;
    border-radius: 12px;
}

.form-check-input:focus {
    border-color: #181b21;
    border: 2px solid rgba(204, 213, 255, 0.11);
    outline: 0;
    box-shadow: none !important;
}

.inputs-dots-head {
    color: #61636d !important;
    font-weight: 400 !important;
    font-size: 16px;
}


/* chek box */

.form .ajax-loader {
    display: none;
}

.form-check-input:checked {
    background-color: #fff !important;
    border-color: #fff !important;
}

.form-check-input:checked[type="checkbox"] {
    background-image: url(images/Check.svg) !important;
    background-repeat: no-repeat;
    background-position-x: 3px;
    background-position-y: 4px;
}

.dropdown-menu {
    background-color: #1a1b1e !important;
    border-radius: 12px;
}

.subscription input[type="submit"] {
    transition: 0.6s;
}

.subscription input[type="submit"]:hover {
    background: rgba(221, 226, 255, 0.2) !important;
    color: #ffffff !important;
}

.section-container-heading-fortalant {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 40px;
    color: #ffffff;
    align-items: center;
    text-align: center;
    padding-top: 280px;
}


/* jobs template */


/* hero-image */

.job__hero-image-desktop {
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
}

.job__hero-image-mobile {
    display: none;
}

.job__hero-image-mobile img {
    width: 100%;
}

.job__hero-image-desktop img {
    width: 100%;
    border-radius: 24px;
}

.hero-image__title {
    font-style: normal;
    color: white;
    font-family: "SpaceGroteskBold";
    font-size: 56px;
    line-height: 56px;
}

.hero-image__title-mobile {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 32px;
    line-height: 40px;
    /* identical to box height, or 125% */
    display: flex;
    align-items: center;
    letter-spacing: -0.01em;
    /* Primary/White */
    padding-top: 24px;
    color: #ffffff;
}

.hero-image__text-mobile {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* Primary/White 60% */
    color: rgba(230, 234, 255, 0.6);
    padding-top: 16px;
}

.hero-image__btn-mobile {
    background: #00ff40;
    border-radius: 12px;
    padding: 12px 20px;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 16px;
    line-height: 16px;
    /* identical to box height, or 100% */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #111112;
    margin-top: 24px;
}

.hero-image__text {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    line-height: 32px;
    margin-top: 16px;
    color: rgba(230, 234, 255, 0.6);
}

.hero-image__btn {
    display: inline-block;
    padding: 12px 24px;
    background: #00ff40;
    border-radius: 12px;
    margin-top: 17px;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 18px;
    line-height: 20px;
    /* display: flex; */
    align-items: center;
    letter-spacing: -0.01em;
    color: #111112;
    margin-bottom: 108px;
}

.hero-image__btn span {
    color: #111112;
    font-size: 20px;
    font-family: "SpaceGroteskBold";
}

.job__hero-image__title-box {
    padding: 64px;
    position: absolute;
    top: 0;
}


/* end hero-image */


/* job tab game */

.job__top-game__title {
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.01em;
    color: #ffffff;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 56px;
    line-height: 64px;
    margin-top: 144px;
}

.job__top-game__box {
    background: rgba(204, 213, 255, 0.05);
    border-radius: 24px;
    padding: 32px 32px 48px;
    margin-top: 24px;
    position: relative;
}

.job__top-game__box__top {
    background: rgba(204, 213, 255, 0.05);
    border-radius: 24px;
    padding: 32px 32px 48px;
    margin-top: 64px;
    position: relative;
}

.job__top-game__box-container {
    flex-wrap: wrap;
}

.job__top-game__box-tags-container {
    height: 100%;
}

.job__top-game__box-heading {
    color: #ffffff;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 24px;
    line-height: 32px;
}

.job__top-game__box-tags {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    color: rgba(230, 234, 255, 0.6);
}

.job__top-game__box-text {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    padding-right: 56px;
    color: rgba(230, 234, 255, 0.6);
}

.job__top-game__box-tags-container {
    flex-wrap: wrap;
}

.job__top-game__box-tags-container-see-job {
    position: absolute;
    bottom: 32px;
    background: #00ff40;
    border-radius: 12px;
    padding: 12px 20px;
    right: 52px;
    font-family: "SpaceGroteskBold";
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    letter-spacing: -0.01em;
    color: #111112;
}


/* job tab game end */


/* job proudly */

.job__proudly-box {
    background: rgba(204, 213, 255, 0.04);
    border-radius: 24px;
    padding: 24px 60px;
}

.job__proudly {
    overflow: hidden;
}

.job__proudly-title {
    color: rgba(230, 234, 255, 0.6);
    font-family: "SpaceGroteskBold";
    font-size: 20px;
	display: none;
    text-align: center;
    margin-bottom: 32px;
}


.ft_job__proudly-title {
    color: rgba(255, 255, 255, 1);
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    text-align: center;
    margin-bottom: 32px;
}

/* end job proudly */


/* want more */

.wantmore__box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.wantmore__title {
    font-family: "SpaceGroteskBold";
    font-size: 56px;
    color: #ffffff;
}

.wantmore-txt {
    font-weight: bold;
    font-size: 32px;
    color: rgba(230, 234, 255, 0.6);
    margin-top: 40px;
    text-align: center;
}

.wantmore__btn a:hover {
    background: #00ff40 !important;
    color: black !important;
    box-shadow: 0px 0px 20px rgba(0, 255, 64, 0.5) !important;
    color: #111112;
}


/* end want more */


/* end jobs template */


/* slider */

.slider-pointer-events {
    pointer-events: none;
}

.uk-slideshow-items {
    border-radius: 24px !important;
}

.uk-slideshow-items li {
    border-radius: 24px !important;
}

.wpcf7-spinner {
    display: none;
}

#form_for_talent_success,
#form_find_talent_success {
    transition: 1s;
    display: none;
    text-align: center;
    margin: 0 auto;
}

.wpcf7-form.sent .wpcf7-response-output {
    display: none;
}

#subsc_good {
    display: none;
    transition: 1s;
}

#subsc_good p {
    font-size: 20px;
    color: rgba(229, 234, 255, 0.6);
}

#form_for_talent_success p,
#form_find_talent_success p {
    padding-top: 30px;
    font-size: 16px;
    color: rgba(229, 234, 255, 0.6);
}


/* slider for jobs */

.container .slider {
    animation: slidein 13s linear infinite;
    white-space: nowrap;
}

.container .slider .logos {
    width: 300%;
    display: inline-block;
    margin: 0px 0;
}

.container .slider .logos .fab {
    width: calc(100% / 5);
    animation: fade-in 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
}

@keyframes slidein {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.loop_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}


/* end of slider */

.wpcf7-form {
    position: relative;
    width: 100%;
}

.wpcf7 .ajax-loader {
    position: absolute;
    top: 60px;
    left: -20px;
}

.navbar-nav {
    margin-top: 0px !important;
}

.dropdown-toggle.show {
    background-color: rgba(204, 212, 255, 0.5);
}

.xplace-menu .dropdown-menu {
    padding: 4px;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: rgba(204, 212, 255, 0.11);
    border-radius: 12px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: rgba(204, 212, 255, 0.05);
    text-decoration: none;
}

.container-responsive {
    padding-top: 110px !important;
}

.wpcf7 {
    width: 100%;
}


/* faq css */

.faq-header {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7266ee;
    font-family: "SpaceGroteskBold";
    font-style: normal;
    border-radius: 24px;
    box-sizing: border-box;
    padding: 141px 20px;
}

.faq-header h1 {
    font-size: 56px;
    line-height: 56px;
    color: #ffffff;
    font-family: "SpaceGroteskBold";
}


/* faq-main */

.faq-header-container {
    padding-top: 104px;
}

.faq-main {
    color: white;
    margin-top: 20px;
}

.faq-main__container {
    max-width: 100%;
}

.faq-main__row {
    justify-content: space-between;
}


/* select sections */

.select-section-col {
    padding: 0;
}

.faq-select-options {
    background-color: #1a1b1e;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0px 12px;
    border-radius: 16px;
    box-sizing: border-box;
    padding: 12px;
    margin-bottom: 24px;
    margin-right: 40px;
    width: 100%;
    border: none;
    margin-right: 40px !important;
    gap: 10px;
    max-width: 324px;
}

.faq-select-option {
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(230, 234, 255, 0.6);
    box-sizing: border-box;
    padding: 13px;
    width: 100%;
    height: 48px;
    gap: 21px;
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
}

.faq-select-option a {
    padding: 0;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    background-color: transparent;
    border: none;
    gap: 10px;
    align-items: center;
    border-radius: 8px;
    height: 100%;
    box-sizing: border-box;
    padding: 13px;
    color: rgba(230, 234, 255, 0.6);
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 22px;
    border: none;
    box-shadow: none;
    transition: none;
}

.faq-select-option a:hover {
    height: 100%;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 13px;
    color: white;
    background-color: rgba(204, 213, 255, 0.11);
    border: none;
}

.faq-select-options .nav-link.active {
    color: white;
    background-color: rgba(204, 213, 255, 0.11);
    border: none;
    border-radius: 8px;
    padding: 9px !important;
}

.faq-select-option img {
    margin-left: 17px;
}


/* sections */

.faq-sections-col {
    padding: 0px;
}

.faq-sections {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 24px;
    padding: 0px;
}

.faq-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 48px;
    background: #111112;
    border: 2px solid rgba(204, 213, 255, 0.11);
    box-sizing: border-box;
    border-radius: 16px;
}

.faq-section__title {
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    padding-bottom: 24px;
    text-transform: uppercase;
    color: rgba(230, 234, 255, 0.35);
}

.faq-sub-section {
    width: 100%;
    background-color: transparent;
}

.faq-sub-section-accordion {
    background-color: transparent;
    padding: 0px;
}

.faq-sub-section-accordion:not(.collapsed) {
    background-color: transparent;
}

.faq-sub-section-accordion:focus {
    box-shadow: none;
    background-color: transparent;
}

.faq-sub-section-accordion::after {
    display: none;
}

.faq-sub-section__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    width: 100%;
    margin: 0px;
}

.faq-sub-section__title span {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 24px;
    line-height: 32px;
}

.faq-sub-section__title img {
    margin: 0px 10px;
}

.faq-sub-section__paragraph {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    line-height: 32px;
    color: rgba(230, 234, 255, 0.6);
}


/* sectoons dropdown */

.faq-sections-dropdown--hide {
    display: none;
}

.faq-sections-dropdown:focus {
    outline: none;
}

.faq-sections-dropdown__faq-header:focus {
    outline: none;
    box-shadow: none;
    background-color: none;
}

.faq-sections-dropdown__faq-header {
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(230, 234, 255, 0.6);
    box-sizing: border-box;
    padding: 12px 9px;
    width: auto;
    height: 48px;
    gap: 21px;
    white-space: nowrap;
    border-radius: 8px;
    background-color: transparent;
    border: none;
}

.faq-sections-dropdown__faq-header:hover {
    color: white !important;
    background-color: rgba(204, 213, 255, 0.11);
}

.faq-sections-dropdown__faq-header span {
    color: inherit !important;
}

.faq-sections-dropdown__faq-header::after {
    display: none;
}

.faq-sections-dropdown__menu {
    background-color: #1a1b1e;
}

.faq-sections-dropdown__item {
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(230, 234, 255, 0.6);
    box-sizing: border-box;
    padding: 12px 9px;
    width: auto;
    height: 48px;
    gap: 21px;
    white-space: nowrap;
    border-radius: 8px;
    background-color: #1a1b1e;
    border: none;
}

.faq-sections-dropdown__item:hover {
    background-color: rgba(204, 213, 255, 0.11);
    color: white;
}

.faq-section {
    margin-left: 32px;
}

.faq-section ul, .faq-section ol, .faq-section p {
    font-size:20px;
}


/* media queries */

@media only screen and (max-width: 1200px) {
    .faq-header {
        padding: 110px 20px;
    }
    .faq-header h1 {
        font-size: 40px;
        line-height: 48px;
        text-align: center;
        letter-spacing: -0.01em;
    }
    .faq-sub-section__title {
        font-size: 20px;
        line-height: 28px;
    }
    .faq-sub-section__paragraph {
        font-size: 16px;
        line-height: 24px;
    }
    .faq-select-options {
        margin-right: 10px;
    }
    .faq-section {
        margin-left: 20px;
        padding: 32px 24px;
    }
    .faq-section ul, .faq-section ol, .faq-section p {
        font-size:16px;
    }
    .footer-container-inner-subscribe {
        width: 50%;
    }
    .wantmore__title {
        font-size: 40px !important;
    }
    .wantmore-txt {
        font-size: 24px !important;
    }
}

@media only screen and (max-width: 991px) {
    .faq-select-options {
        margin-right: 0px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 5px;
        max-width: 100% !important;
    }
    .form-container-header {
        padding-top: 138px !important;
        padding-bottom: 76px !important;
    }
    .faq-select-option {
        width: auto;
    }
    .faq-select-option img {
        display: none;
    }
    .faq-sections-dropdown--hide {
        display: block;
    }
    .faq-section {
        margin-left: 0px;
    }
    .about-us-container-first {
        margin-top: 136px !important;
    }
    .wantmore__title {
        font-size: 40px !important;
    }
    .wantmore-txt {
        font-size: 24px !important;
    }
}

a {
    text-decoration: none !important;
}

@media only screen and (max-width: 768px) {
    .faq-select-options {
        max-width: 100%;
    }
    .faq-header {
        padding: 69px 20px;
        margin: 20px 40px;
    }
    .faq-header h1 {
        font-size: 40px;
        line-height: 48px;
    }
    .faq-main {
        margin: 20px 40px;
    }
    .faq-select-option--hide {
        display: none;
    }
    .faq-section {
        padding: 24px 16px;
    }
    .footer-container-inner-subscribe {
        width: 60%;
    }
    .wantmore__title {
        font-family: "SpaceGroteskBold";
        font-size: 34px !important;
        line-height: 40px;
    }
    .wantmore-txt {
        font-family: "SpaceGroteskBold";
        font-size: 24px !important;
        line-height: 32px;
        text-align: center;
    }
}

@media only screen and (max-width: 576px) {
    .job__top-game__box {
        margin-top: 16px;
    }
    .faq-header {
        margin: 20px 0px;
        padding: 65px 16px;
    }
    .faq-header h1 {
        font-size: 36px;
        line-height: 38px;
    }
    .faq-main {
        margin: 20px 0px 0px 0px;
    }
    .about-us-main-heading {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .about-us-main-paragraph {
        font-size: 28px !important;
        line-height: 36px !important;
    }
    .about-us-main-heading {
        padding-top: 120px !important;
    }
    .about-us-container-first {
        margin-top: 40px !important;
    }
    .about-us-container-left-text-first {
        font-size: 28px !important;
        line-height: 32px !important;
    }
    .about-us-container-left-text-second {
        font-size: 28px !important;
        line-height: 32px !important;
    }
    .about-us-container-left-text-third {
        font-size: 28px !important;
        line-height: 32px !important;
    }
    .about-us-container-text {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .footer-container-inner-subscribe {
        width: 100% !important;
    }
    .about-us-container-switch-text-styles {
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent;
        font-family: "SpaceGroteskBold";
        font-size: 34px !important;
        margin-top: 8px !important;
        animation: 2s anim-lineUp ease-out;
        line-height: 40px !important;
    }
}

.faq-sub-section__paragraph-wrapper {
    padding: 16px 0px 25px 0px;
}

.arrow-more {
    display: block !important;
    align-self: center;
    height: 7px !important;
    width: 12px !important;
}

.footer-container-inner-subscribe .wpcf7-response-output {
    display: block;
}

.wpcf7-response-output {
    display: none;
}

.email-9subscribe .wpcf7-not-valid-tip {
    position: absolute;
}

.multijob .wpcf7-not-valid,
.acceptance629 .wpcf7-not-valid,
.acceptance628 .wpcf7-not-valid {
    border: 0px !important;
}

.acceptance628 .wpcf7-not-valid-tip,
.acceptance629 .wpcf7-not-valid-tip {
    margin-left: 1rem;
    padding-left: 16px;
}

.vip_code input {
    width: 333px;
}

.form-container a {
    color: rgba(230, 234, 255, 0.6);
}

.form-check {
    padding-left: 1em !important;
}

.wpcf7-not-valid-tip {
    font-size: 13px;
    color: #ff5151;
    padding-top: 10px;
}

.wpcf7-acceptance {
    border: 0px !important;
}

span .wpcf7-not-valid {
    border: 2px solid #ff5151;
}

.wpcf7-not-valid .form-check-input {
    border: 2px solid #ff5151 !important;
}

.wpcf7-response-output {
    color: rgba(255, 81, 81, 1);
    padding: 10px 0px !important;
    margin: 0px !important;
    border: 0px !important;
}


/* about us */

.about-us-main-container {
    padding-top: 100px;
}

.about-us-second-main-container {
    padding-top: 224px;
}

.about-us-second-main-container-text {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 32px;
    line-height: 52px;
    text-align: center;
    color: #ffffff;
}

.about-us-main-heading {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 32px;
    padding-top: 160px;
    line-height: 40px;
    color: rgba(230, 234, 255, 0.45);
}

.about-us-main-paragraph {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    margin-top: 23px;
    font-size: 44px;
    line-height: 52px;
    color: #ffffff;
}

.about-us-image {
    justify-content: center;
    align-items: flex-end;
    display: flex;
    width: 100%;
    max-width: 472px;
}

.about-us-container-text {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    line-height: 32px;
    color: rgba(230, 234, 255, 0.45);
}

.about-us-container-first {
    background: #1a1b1e;
    border-radius: 24px;
    padding: 120px 120px 120px 80px;
    margin-top: 64px;
}

.about-us-container {
    background: #1a1b1e;
    border-radius: 24px;
    padding: 120px 120px 120px 80px;
    margin-top: 32px;
}

.about-us-container-swich {
    background: #111112;
    border: 2px solid rgba(204, 213, 255, 0.11);
    border-radius: 24px;
    padding: 80px 80px 80px 80px;
    margin-top: 145px;
    position: relative;
    height: 593px;
}

.about-us-container-inner {
    flex-wrap: wrap;
    align-items: center;
}

.about-us-container-left {
    border: 2px solid rgba(204, 213, 255, 0.05);
    box-sizing: border-box;
    border-radius: 16px;
    padding: 32px;
    margin-right: 64px;
    height: 100%;
    position: relative;
}

.about-us-container-left-text-first {
    background: -webkit-linear-gradient(180deg, #0057ff 0%, #00c1db 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 44px;
    line-height: 52px;
    margin-bottom: 0px;
    margin-top: 30px;
    display: block;
}

.about-us-container-left-text-second {
    background: -webkit-linear-gradient(0deg, #ff3c8e 0%, #a400f1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 44px;
    line-height: 52px;
    margin-bottom: 0px;
    margin-top: 30px;
    display: block;
}

.about-us-container-left-text-third {
    background: -webkit-linear-gradient(180deg, #8000ff 0%, #cc3dff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 44px;
    line-height: 52px;
    margin-bottom: 0px;
    margin-top: 30px;
    display: block;
}

.about-us-container-switch-left-headring {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 32px;
    line-height: 40px;
    color: #ffffff;
}

.about-us-container-switch-right img {
    width: 60%;
    display: flex;
    float: right;
}

.about-us-container-switch-right {
    align-self: center;
}

.about-us-container-switch-left-texts-box {
    animation: 2s anim-lineUp ease-out;
    margin-top: 16px;
}

.about-us-container-switch-left-second-box-texts-block-first {
    color: #FFFFFF;
    font-size: 32px;
    line-height: 40px;
    font-family: "SpaceGroteskBold";
    font-style: normal;
}

.about-us-container-switch-left-second-box-texts-block-second {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    line-height: 32px;
    color: rgba(230, 234, 255, 0.6);
}

.about-us-container-switch-left-second-box-texts-block:not(:first-child) {
    padding-left: 32px;
}

.about-us-container-last-text-bottom {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    margin-top: 152px;
}

.about-us-container-last-text-bottom span {
    background: -webkit-linear-gradient(0deg, #ff3c8e 0%, #a400f1 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

.about-us-container-switch-left-nations {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 32px;
    line-height: 32px;
    margin-top: 16px;
    color: #ffffff;
}

.about-us-container-switch-left-flags {
    margin-top: 16px;
}

.about-us-container-switch-left-locations {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 32px;
    line-height: 40px;
    margin-top: 16px;
    animation: 2s anim-lineUp ease-out;
    color: #ffffff;
}

.about-us-container-switch-text-styles {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-family: "SpaceGroteskBold";
    font-size: 100px;
    margin-top: 16px;
    animation: 2s anim-lineUp ease-out;
    line-height: 114.04px;
}

.about-us-container-switch-left-text {
    background: -webkit-linear-gradient(180deg, #0057ff 0%, #00c1db 100%);
}

.about-us-container-switch-left-text-second {
    background: -webkit-linear-gradient(0deg, #ff3c8e 0%, #a400f1 100%);
}

.about-us-container-switch-left-text-globally {
    background: -webkit-linear-gradient(0deg, #3cd0ff 17.71%, #00c72c 100%);
}

.about-us-container-switch-left-text-musical {
    background: -webkit-linear-gradient(180deg, #8000ff 0%, #cc3dff 100%);
}

.about-us-container-switch-left-text-pet {
    background: -webkit-linear-gradient(180deg, #0057ff 0%, #00c1db 100%);
}

.about-us-container-switch-left-text-gaming {
    background: -webkit-linear-gradient(0deg, #ff3c8e 0%, #a400f1 100%);
}

.about-us-container-switch-left-texts-box svg {
    animation: 2s anim-lineUp ease-out;
    margin-top: 16px;
}

.about-us-container-switch-left-locations-text {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    width: 50%;
    font-size: 20px;
    line-height: 28px;
    /* or 140% */
    animation: 2s anim-lineUp ease-out;
    margin-top: 16px;
    /* Primary/White 60% */
    color: rgba(230, 234, 255, 0.6);
}

.about-us-container-switch-left {
    position: absolute;
    height: 80%;
}

.about-us-container-text-switcher {
    position: absolute;
    bottom: 0px;
}

.about-us-container-text-switcher-text {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    color: rgba(230, 234, 255, 0.6);
    margin: 0 auto;
    display: flex;
    align-items: center;
    margin-left: 24px;
    cursor: pointer;
}

.about-us-container-text-switcher-button {
    border: 2px solid rgba(204, 213, 255, 0.11);
    cursor: pointer;
}

.about-us-container-text-switcher-button:hover {
    background: #1a1b1e;
}

.about-us-container-text-switcher-button svg {
    margin: 0 auto;
    display: flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.image-rotate {
    -webkit-transform: rotate(360deg);
    -webkit-transition-duration: 1s;
}


/* lineup class and keyframes */

@keyframes anim-lineUp {
    0% {
        opacity: 0;
        transform: translateY(80%);
    }
    20% {
        opacity: 0;
    }
    50% {
        opacity: 1;
        transform: translateY(0%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

.about-us-switch-container-fourth {
    display: none;
}

.about-us-switch-container-fifth {
    display: none;
}

.about-us-container-switch-left-second-box svg {
    animation: 2s anim-lineUp ease-out;
}

.slider-image-container-jobs {
    width: 207px;
    display: block;
    padding: 0px -1px;
    height: 108px;
    position: relative;
    margin: 0px 4px;
    background-color: rgba(204, 212, 255, 0.04);
    border-radius: 24px;
}

.item-info-container-last {
    position: relative;
}

.item-info-container-last {
    width: 85%;
    margin: 0 auto;
    position: absolute;
    top: -70px;
    right: 56px;
}

.item-info-container-middle-side-first-line-box-last {
    height: 2px;
    background-color: #ffffff;
    opacity: 0.3;
    flex-grow: 1;
    margin-left: 20px;
    margin-right: 16px;
    margin-top: 40px;
}

.item-info-container-middle-side-first-line-last {
    flex-grow: 3;
}

.item-info-container-middle-side-second-line-last {
    flex-grow: 1;
}

.item-info-container-middle-side-second-line-box-last {
    height: 2px;
    background-color: #ffffff;
    opacity: 0.3;
    margin-left: 16px;
    margin-right: 16px;
    flex-grow: 1;
    margin-top: 40px;
}

.item-info-container-middle-side-icon-last {
    margin-top: 30px;
}

.item-info-container-left-side-name-last {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    line-height: 24px;
    /* identical to box height, or 120% */
    display: flex;
    align-items: center;
    /* Primary/White */
    color: #ffffff;
}

.item-info-container-left-side-position-last {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    display: flex;
    align-items: center;
    margin-top: 4px;
    /* Primary/White */
    color: #ffffff;
}

.item-info-container-left-side-location-last {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    display: flex;
    align-items: center;
    /* Primary/White 60% */
    color: rgba(230, 234, 255, 0.6);
}

.item-info-container-right-side-last {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    display: flex;
    align-items: center;
    text-align: right;
    /* Primary/White */
    flex-wrap: wrap;
    color: #ffffff;
}

.item-info-container-main-box-last {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 39px;
}

.item-info-container-left-side-location-last span {
    margin-left: 6px;
}

#preloader {
    background: #111112 url(./images/logo-animation-on-transparent.gif) no-repeat center center;
    height: 100vh;
    background-size: 15%;
    width: 100%;
    position: fixed;
    z-index: 99999;
}

.image-title-wrap {
    position: relative;
}

.clear_btn {
    background-color: rgba(204, 212, 255, 0.11);
    position: absolute;
    right: 6px;
    border-radius: 8px;
    top: 4px;
}


/* single job*/

.job-single__back-btn__img {
    color: #fff;
    padding-right: 8px;
    padding-top: 5px;
}

.job-single__back-btn__txt {
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    color: #fff;
}

.job-single__back-btn {
    border: 2px solid rgba(204, 213, 255, 0.11);
    width: 183px;
    height: 52px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* container job-single__info-box */

.job-single__info-box {
    margin-top: 60px;
}

.job-single__left-box {
    background: rgba(204, 213, 255, 0.05);
    border-radius: 24px;
}

.job-single__left-box__txt {
    display: flex;
    flex-direction: column;
    padding-left: 32px;
}

.job-single__left-box__txt a {
    padding-top: 24px;
    color: #fff;
    font-family: "SpaceGroteskRegular";
}

.job-single__left-box__txt a:hover {
    padding-top: 24px;
    color: #fff;
    font-family: "SpaceGroteskRegular";
}

.job-single__left-box__btn span {
    background-color: #00ff40;
    color: #111112;
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    border-radius: 16px;
    margin-bottom: 16px;
    width: 100%;
    margin-top: 32px;
}

.single__center-box-left__img {
    position: relative;
}

.single__center-box-left__img img {
    width: 100%;
}

.single__center-box-left__img-position {
    position: absolute;
    font-size: 32px;
    font-family: "SpaceGroteskBold";
    color: #fff;
    line-height: 40px;
    padding: 24px 24px;
    left: 0;
}

.single__center-left-box {
    background: rgba(204, 213, 255, 0.05);
    border-radius: 24px;
}

.single__center-left-box__txt {
    padding: 0px 24px 24px 24px;
}

.single__center-left-box__txt-btn {
    background-image: linear-gradient(to top, #ff3c8e, #f810a1, #e900b8, #cf00d4, #a400f1);
    border-radius: 16px;
    padding: 14px 20px;
}

.single__center-left-box__next-btn {
    border-radius: 16px;
    padding: 14px 20px;
    background-color: rgba(204, 213, 255, 0.05);
    margin-top: 8px;
}

.single__center-left-box__next-btn span {
    color: #fff;
    font-family: "SpaceGroteskRegular";
    margin-left: 16px;
}

.single__center-left-box__txt-btn span {
    color: #fff;
    font-family: "SpaceGroteskRegular";
    margin-left: 16px;
}

.single__center-left-box__title {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 32px;
    color: #ffffff;
    padding: 24px 24px;
}


/* end container job-single__info-box */


/*  job-single__center-content */

.center-content__title {
    color: #fff;
    font-family: "SpaceGroteskBold";
    font-size: 32px;
    padding: 40px 40px;
}

.center-content__txt {
    color: rgba(230, 234, 255, 0.6);
    padding-left: 40px;
    padding-right: 40px;
}

.job-single__center-content {
    background-color: rgba(204, 213, 255, 0.05);
    border-radius: 24px;
    padding-bottom: 64px;
    margin-top: 24px !important;
}

.job-single__center-content__Project {
    background-color: rgba(204, 213, 255, 0.05);
    border-radius: 24px;
    padding-bottom: 64px;
    margin-top: 24px !important;
}

.single-content__Project {
    background: rgba(204, 213, 255, 0.05);
    border-radius: 16px;
    margin: 80px 40px 0px 40px;
}


/* end job-single__center-content */


/* job-single__center-content__Project */

.single-content__project-shadow {
    box-shadow: rgb(38 255 60) 4px 0px 16px;
    height: 30px;
    width: 5px;
    background-color: #00ff40;
}

.single-content__Project-title {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    color: #fff;
    margin-left: 19px;
}

.single-content__Project-title__box {
    padding-top: 24px;
    padding-bottom: 10px;
}

.single-content__Project-tags {
    margin-top: 14px;
    padding: 0px 3px;
    margin-top: 14px;
    padding: 0px 3px;
}

.single-content__Project-tags__box {
    padding-left: 30px !important;
    padding-bottom: 24px;
    flex-wrap: wrap;
    display: flex;
}

.single-content__Project-tags span {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    color: rgba(242, 244, 255, 0.9);
    border: 2px solid rgba(204, 212, 255, 0.05);
    border-radius: 6px;
    padding: 6px;
    text-transform: capitalize;
}


/* end job-single__center-content__Project */


/* single-content__Project */

.single-content__Project-platform {
    background: rgba(204, 213, 255, 0.05);
    border-radius: 16px;
    margin: 16px 40px 0px 40px;
}

.job-single__center-content__Project-platform {
    padding-top: 24px;
}

.single-content__project-shadow-platform {
    box-shadow: rgb(255, 77, 248) 4px 0px 16px;
    height: 30px;
    width: 5px;
    background-color: #ff4df8;
}

.single-content__Project-title-platform {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    color: #fff;
    margin-left: 19px;
}


/* end single-content__Project */


/* single-content__Project-platform__icon */

.single-content__Project-platform__icon {
    margin-top: 16px;
    flex-wrap: wrap;
}

.single-content__Project-platform__icon-box {
    flex-direction: column;
    width: 64px;
    align-items: center;
    margin-left: 24px;
}

.single-content__Project-platform__icon-box:nth-child(1) {
    margin-left: 36px;
}

.single-content__Project-platform__icon-box:nth-child(2) {
    margin-bottom: 32px;
}

.single-content__Project-platform__icon-box img {
    background: rgba(221, 226, 255, 0.2);
    border-radius: 12px;
    padding: 12px 9px;
}

.single-content__Project-platform__icon-box span {
    color: #fff;
    font-size: 11px;
    font-family: "SpaceGroteskRegular";
    margin-top: 4px;
    text-align: center;
}


/* end single-content__Project-platform__icon */


/* job-single__center-content__role */

.job-single__center-content__role {
    background-color: rgba(204, 213, 255, 0.05);
    border-radius: 24px;
    padding-bottom: 64px;
    margin-top: 24px !important;
}

.center-content__title-role {
    color: #fff;
    font-family: "SpaceGroteskBold";
    font-size: 32px;
    padding: 40px 40px 0px;
}

.center-content__title-role-txt {
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    color: #fff;
    padding: 0px 0px 16px 40px;
    margin-top: 32px;
}

.center-content__txt-role {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    line-height: 32px;
    color: rgba(230, 234, 255, 0.6);
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 16px;
}

.center-content__txt-role__btn {
    border-radius: 16px;
    border: 2px solid rgba(204, 212, 255, 0.05);
    display: inline;
    padding: 12px 20px;
    margin-left: 40px;
}

.center-content__txt-role__btn span {
    color: #fff;
    font-family: "SpaceGroteskBold";
    font-size: 16px;
    margin-top: 28px;
}


/* end job-single__center-content__role */


/* job-single tools */

.single-content__Project-tool {
    background: rgba(204, 213, 255, 0.05);
    border-radius: 16px;
    margin: 48px 40px 0px 40px;
}

.single-content__Project-title-tool {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    color: #fff;
    margin-left: 19px;
}

.single-content__project-shadow-platform {
    box-shadow: rgba(255, 156, 64, 1) 4px 0px 16px;
    height: 30px;
    width: 5px;
    background-color: #ff9c40;
}


/* end job-single tools */


/* skill */

.single-content__Project-skill {
    background: rgba(204, 213, 255, 0.05);
    border-radius: 16px;
    margin: 16px 40px 0px 40px;
}

.single-content__project-shadow__skill {
    box-shadow: rgba(38, 203, 255, 1) 4px 0px 16px;
    height: 30px;
    width: 5px;
    background-color: #26cbff;
}


/* end skill */


/* tags */

.single-content__Project__tag {
    background: rgba(204, 213, 255, 0.05);
    border-radius: 16px;
    margin: 16px 40px 0px 40px;
}

.single-content__project-shadow__tag {
    box-shadow: rgba(150, 141, 255, 1) 4px 0px 16px;
    height: 30px;
    width: 5px;
    background-color: #968dff;
}

.job-single__box-btn-container {
    padding-top: 83px;
}

.job-single__center-box-row {
    padding-right: 16px;
    padding-left: 16px;
}

.job-single__left-box__btn {
    padding-left: 16px;
    padding-right: 16px;
}

.job-single__back-btn__txt:hover {
    color: white !important;
}
/* 
.accordion-body {
    font-size: 20px;
} */

.accordion-faq-header {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}


/* end tags */


/*end single job*/


/* width */

::-webkit-scrollbar {
    width: 10px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #111112;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #353638;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #1a1b1e;
}


#vid {
    border-radius: 24px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none;
    width: 100%;
    height: 37rem;
    object-fit: cover;
}

.home-page-vid-link {
    text-decoration: underline;
    color: white;
}

.home-page-text-slider-text {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 44px;
    line-height: 52px;
    /* or 118% */
    color: #ffffff;
    padding-top: 21px;
}

.home-page-text-slider-author {
    padding-top: 24px;
}

.home-page-text-slider-author-info {
    padding-left: 16px;
}

.home-page-text-slider-author-name {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    line-height: 32px;
    /* identical to box height, or 160% */
    /* Primary/White */
    color: #ffffff;
}

.home-page-text-slider-author-job {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* Primary/White 60% */
    color: rgba(230, 234, 255, 0.6);
}

.home-page-text-slider-controls-circle {
    background: rgba(204, 213, 255, 0.11);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-left: 6px;
    margin-top: 21px;
}

.home-page-text-slider-controls-circle.active {
    background: #00ff00 !important;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.home-page-text-slider-controls-arrow {
    width: 56px;
    height: 56px;
    background: #00ff40;
    position: relative;
    margin-left: 32px;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.6s;
}

.home-page-text-slider-controls-arrow:hover {
    box-shadow: 0px 0px 20px rgba(0, 255, 64, 0.5) !important;
}

.home-page-text-slider-controls-arrow svg {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-page-text-slider {
    position: relative;
}

.home-page-text-slider-controls {
    position: absolute;
    bottom: 0px;
    right: 0;
}

.home-page-text-slider-second-item {
    display: none;
}

.carousel-item img {
    border-radius: 24px;
}

.carousel-item {
    border-radius: 24px;
}

.home-page-main-text {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 44px;
    line-height: 40px;
    /* or 125% */
    align-items: center;
    text-align: left;
    width: 100%;
    justify-content: center;
    padding-bottom: 144px;
	padding-left:80px;
	padding-right:210px;
    /* Primary/White 60% */
    color: white;
}

.home-page-main-text div{
	font-style: normal;
    font-family: "SpaceGroteskBold";
	font-size: 32px;
	color: rgba(229, 234, 255, 0.6);

}


/* .home-page-main-text div {
  align-items: center;
  text-align: center;
} */

.home-page-first-container-main-left {
    background: rgba(204, 213, 255, 0.05);
    border-radius: 24px;
    padding: 64px;
}

.home-page-first-container-main-right {
    background: rgba(204, 213, 255, 0.05);
    border-radius: 24px;
    padding: 64px;
    position: relative;
}

.home-page-first-container-first-inner {
    display: flex;
    justify-content: space-between;
}

.home-page-first-container-first-inner-heading {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 44px;
    color: #fff;
}

.home-page-first-container-first-inner-logo {
    align-items: center;
}

.home-page-first-container-second-inner {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    line-height: 32px;
    /* or 150% */
    display: flex;
    align-items: center;
    color: rgba(230, 234, 255, 0.45);
}

.home-page-first-container-third-inner-box-heading {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 24px;
    line-height: 24px;
    /* identical to box height, or 150% */
    display: flex;
    align-items: center;
    /* Primary/White */
    color: #ffffff;
}

.home-page-first-container-third-inner-box-text {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
    padding-right: 44px;
    /* or 150% */
    display: flex;
    align-items: center;
    color: rgba(230, 234, 255, 0.45);
}

.home-page-first-container-third-inner {
    padding-top: 32px;
}

.home-page-first-container-third-inner-box-texts {
    padding-left: 24px;
}

.home-page-first-container-third-inner-box {
    margin-top: 32px;
}

.home-page-first-container-fourth-inner-button {
    background: #00ff40;
    letter-spacing: -0.01em;
    /* Primary/Black */
    font-style: normal;
    color: #111112;
    transition: 0.6s;
}

.home-page-first-container-fourth-inner-button:hover {
    background: #00ff40 !important;
    color: black !important;
    box-shadow: 0px 0px 20px rgba(0, 255, 64, 0.5) !important;
    color: #111112;
}

.home-page-first-container-fourth-inner {
    justify-content: space-between;
}

.home-page-first-container-fourth-inner-learn-more {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 20px;
    line-height: 32px;
    /* identical to box height, or 160% */
    display: flex;
    align-items: center;
    /* Primary/White */
    color: #ffffff;
}

.home-page-first-container-fourth-inner-learn-more:hover {
    color: #ffffff;
}

.home-page-first-container-fourth-inner {
    padding-top: 64px;
}

.about-us-container-left img {
    max-width: 160px;
}

.home-page-first-container-third-inner-box-logo svg {
    max-height: 64px !important;
    max-width: 64px !important;
    height: 64px;
}

.form-check-label-one-line {
    line-height: 35px !important;
}

.form-label {
    margin-bottom: 10px;
}

.form-margin-top {
    margin-top: 16px;
    margin-bottom: 48px;
}

.home-page-vid-link {
    color: #ffffff;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    line-height: 23px;
    padding: 5px 8px;
    display: grid;
    grid-template-columns: repeat(2, min-content);
    grid-template-rows: auto;
    overflow: hidden;
    max-height: 29px;
    text-decoration: none;
}

.home-page-main-text-loop {
    color: #ffffff;
    font-family: "SpaceGroteskBold";
    font-size: 32px;
    line-height: 32px;
    padding: 5px 8px;
    display: grid;
    grid-template-columns: repeat(2, min-content);
    grid-template-rows: auto;
    overflow: hidden;
    max-height: 38px;
    text-decoration: none;
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes FadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes FadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes FadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes FadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* balls media */

@media (max-width: 575px) {
    .home-page-first-container-main-left {
        padding: 16px !important;
    }
    .home-page-first-container-main-right {
        padding: 16px !important;
    }
    .form-container-header {
        padding-top: 146px !important;
        padding-bottom: 68px !important;
        font-size: 38px;
    }
    .ballZ_Inner {
        background: radial-gradient(circle at 50% 50%, #3c008b, transparent 100%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ_Inner-jobs {
        background: radial-gradient(50% 30% at 50% 1%, #6655cc -50%, rgba(74, 41, 204, 0) 100%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-One-find {
        background: radial-gradient(circle at 50% 50%, #0a0096, transparent 90%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-Two-find {
        background: radial-gradient(circle at 50% 50%, #a17da9, transparent 90%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-Three-find {
        background: radial-gradient(circle at 50% 50%, #1f277d, transparent 90%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-Four-find {
        background: radial-gradient(circle at 50% 50%, #383a53, transparent 90%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-Five-find {
        background: radial-gradient(circle at 50% 50%, #0e2d63, transparent 90%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-Six-find {
        background: radial-gradient(circle at 50% 50%, #271f75, transparent 90%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
}

@media (min-width: 576px) and (max-width: 1620px) {
    .ballZ_Inner {
        background: radial-gradient(circle at 15% 20%, #3c008b, transparent 39%), radial-gradient(circle at 85.57% 43.37%, #3c008b, transparent 39%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ_Inner-jobs {
        background: radial-gradient(50% 50% at 50% 1%, #6655cc -50%, rgba(74, 41, 204, 0) 100%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-One-find {
        background: radial-gradient(circle at 0.26% 0.52%, #0a0096, transparent 29%), radial-gradient(circle at 85.57% 43.37%, #0e0199, transparent 25%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-Two-find {
        background: radial-gradient(circle at 0.26% 0.52%, #a17da9, transparent 29%), radial-gradient(circle at 85.57% 43.37%, #a07caa, transparent 25%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-Three-find {
        background: radial-gradient(circle at 0.26% 0.52%, #1f277d, transparent 29%), radial-gradient(circle at 85.57% 43.37%, #1f2670, transparent 25%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-Four-find {
        background: radial-gradient(circle at 0.26% 0.52%, #383a53, transparent 29%), radial-gradient(circle at 85.57% 43.37%, #383955, transparent 25%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-Five-find {
        background: radial-gradient(circle at 0.26% 0.52%, #0e2d63, transparent 29%), radial-gradient(circle at 85.57% 43.37%, #0b2d68, transparent 25%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-Six-find {
        background: radial-gradient(circle at 0.26% 0.52%, #271f75, transparent 29%), radial-gradient(circle at 85.57% 43.37%, #251d73, transparent 25%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
}

@media (min-width: 1620px) {
    .ball_div {
        max-width: 2000px;
        margin: 0 auto;
        /* position: relative; */
    }
    /* .second-container {
        margin-top: 144px;
    }
    .slider_on_main {
        padding-bottom: 0px !important;
    } */
    /* ეს არის ბოლო ვერსია */
    .ballZ_Inner {
        background: radial-gradient( circle at 500px 20.52%, #380a7c, transparent 30%), radial-gradient(circle at 1500px 43.37%, #3c008b, transparent 30%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    /* აქ მთავრდება */
    .ballZ_Inner-jobs {
        background: radial-gradient(40% 70% at 50% 1%, #6655cc -50%, rgba(74, 41, 204, 0) 100%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-One-find {
        background: radial-gradient( circle at 500px 20.52%, #0a0096, transparent 33%), radial-gradient(circle at 1500px 43.37%, #0e0199, transparent 33%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-Two-find {
        background: radial-gradient( circle at 500px 20.52%, #a17da9, transparent 33%), radial-gradient(circle at 1500px 43.37%, #a07caa, transparent 33%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-Three-find {
        background: radial-gradient( circle at 500px 20.52%, #1f277d, transparent 33%), radial-gradient(circle at 1500px 43.37%, #1f2670, transparent 33%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-Four-find {
        background: radial-gradient( circle at 500px 20.52%, #383a53, transparent 33%), radial-gradient(circle at 1500px 43.37%, #383955, transparent 33%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-Five-find {
        background: radial-gradient( circle at 500px 20.52%, #0e2d63, transparent 33%), radial-gradient(circle at 1500px 43.37%, #0b2d68, transparent 33%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
    .ballZ-Six-find {
        background: radial-gradient( circle at 500px 20.52%, #271f75, transparent 33%), radial-gradient(circle at 1500px 43.37%, #251d73, transparent 33%), radial-gradient(circle at 50% 50%, #111112, #111112 100%);
    }
}

.modal-content,
.modal-content h5 {
    background-color: #1a1b1e;
    border-radius: 16px;
}

.modal-header {
    margin-left: 40px;
    margin-right: 40px;
    padding: 32px 0 16px 0px;
    border-bottom: 2px solid rgba(204, 213, 255, 0.11);
}

.modal-title {
    font-size: 24px;
    color: #fff;
}

.btn_closed {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.item-info-container-left-side-last {
    width: 165px;
}

.item-info-container-right-side-last {
    width: 200px;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.form_fields {
    padding: 47px 40px;
}

.modal-body {
    padding: 0;
}

.modal-body label {
    color: #fff;
    font-size: 16px;
    padding-bottom: 10px;
}

.form_fields input {
    border: 2px solid rgba(204, 213, 255, 0.11);
    border-radius: 12px;
    background-color: transparent;
    padding: 14px;
}

.form_grid_line {
    margin-bottom: 56px;
}

.form_success {
    background-color: #232429;
    border-radius: 24px;
    color: #00ff00;
    margin: 56px 40px;
    display: none;
}

.success_icon {
    display: table;
    padding-bottom: 16px;
    margin: 0 auto;
}

.form_fields textarea {
    border: 2px solid rgba(204, 213, 255, 0.11);
    border-radius: 12px;
    background-color: transparent;
    padding: 16px;
}

.modal-footer {
    border-top: 2px solid rgba(204, 213, 255, 0.11);
    padding: 26px 0px 24px;
    margin-left: 40px;
    margin-right: 40px;
}

.btn-submit,
.btn-done {
    font-size: 14px;
    padding: 8px 10px;
    background-color: #7266ee;
    color: #fff;
    border-radius: 8px;
    font-family: "SpaceGroteskBold";
    line-height: 16px;
    transition: 0.2s;
    border: 0;
    align-items: center;
}

.btn-cancel {
    font-size: 14px;
    padding: 8px 10px;
    background-color: #ccd4ff1c;
    color: #fff;
    border-radius: 8px;
    font-family: "SpaceGroteskBold";
    line-height: 16px;
    transition: 0.2s;
    border: 0;
}

.btn-submit:hover,
.btn-done:hover {
    color: #fff !important;
    box-shadow: 0px 0px 20px #7266EE !important;
}

.btn-cancel:hover {
    color: #fff !important;
    box-shadow: 0px 0px 20px rgb(204 212 255 / 50%) !important;
}

.modal-footer-success {
    border-top: 2px solid rgba(204, 213, 255, 0.11);
    padding: 26px 0px 24px;
    margin-left: 40px;
    margin-right: 40px;
    justify-content: flex-end;
    display: none;
}


/* faq nav side bar */

.faq__sidebar-nav__box {
    display: flex;
}

.faq__sidebar-nav__svg {
    margin-right: 16px;
}

.faq__sidebar-nav {
    background-color: rgba(26, 27, 30, 1);
    padding: 12px 12px 24px 12px;
    border-radius: 16px;
}

.faq_active {
    background-color: rgba(204, 212, 255, 0.11);
    color: rgba(229, 234, 255, 0.6);
}

.faq__sidebar-nav__content {
    margin-bottom: 12px;
    border-radius: 8px;
    padding: 8px 12px;
}

.faq__sidebar-nav__box span {
    color: rgba(229, 234, 255, 0.6);
    font-family: "SpaceGroteskRegular";
}


/* end faq nav side bar */


/* terms service */

.services__terms-box {
    margin-top: 174px;
}

.services__terms-title {
    text-align: center;
}

.terms-title__one {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 56px;
    line-height: 64px;
    color: #ffffff;
}

.terms-title__two {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 32px;
    line-height: 40px;
    color: #ffffff;
    margin-top: 10px;
}

.terms-title__three {
    color: rgba(230, 234, 255, 0.6);
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    line-height: 32px;
    margin-top: 10px;
}

.terms-title__box-text {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    line-height: 32px;
    color: rgba(230, 234, 255, 0.6);
    text-align: left;
    padding-left: 200px;
    padding-right: 200px;
    margin-top: 64px;
}

.services__privacy-title {
    margin-top: 80px;
}

.privacy-title__one {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 44px;
    line-height: 64px;
    color: #ffffff;
    text-align: center;
}

.privacy-title__two {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 32px;
    line-height: 40px;
    color: #ffffff;
    margin-top: 10px;
    text-align: center;
}

.privacy-title__box-text {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    line-height: 32px;
    color: rgba(230, 234, 255, 0.6);
    text-align: left;
    margin-top: 40px;
}

.privacy-title__box-text__two {
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    text-align: left;
    margin-top: 24px;
}

.terms__b-white {
    color: #fff;
}

.terms__b-white-link {
    color: #fff;
    text-decoration: underline !important;
}

.terms__b-white-link:hover {
    color: #fff;
}

.services__information-question {
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 44px;
    line-height: 52px;
    color: #ffffff;
    padding-left: 200px;
    padding-right: 200px;
    margin-top: 80px;
}

.services__information-answer {
    padding-left: 200px;
    padding-right: 200px;
    color: rgba(230, 234, 255, 0.6);
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 20px;
    line-height: 32px;
    margin-top: 24px;
}

hr {
    margin: 0;
}

.boxShadow {
    box-shadow: 0px 0px 200px rgb(122 109 252 / 70%);
}

#mybox1 {
    transition: 6s;
}

#mybox2 {
    transition: 6s;
}

#mybox3 {
    transition: 6s;
}

#mybox4 {
    transition: 6s;
}

#mybox5 {
    transition: 6s;
}

#aboutbox1 {
    transition: 6s;
}

#aboutbox2 {
    transition: 6s;
}

#aboutbox3 {
    transition: 6s;
}

.boxShadow-about1 {
    box-shadow: 0px 0px 200px rgba(1, 89, 255, 0.4);
}

.boxShadow-about2 {
    box-shadow: 0px 0px 200px rgba(238, 2, 144, 0.3);
}

.boxShadow-about3 {
    box-shadow: 0px 0px 200px rgba(130, 2, 255, 0.5);
}


/* end terms service*/

.jobs-page-first-container-left-main {
    background: rgba(204, 213, 255, 0.05);
    border-radius: 24px;
    padding: 32px;
    padding-bottom: 47px !important;
    height: 100%;
}

.jobs-page-first-container {
    padding-top: 185px;
}

.jobs-page-first-container-left {
    justify-content: space-between;
    padding-bottom: 32px;
}

.jobs-page-first-container-left-heading {
    color: #ffffff;
    font-style: normal;
    font-family: "SpaceGroteskBold";
    font-size: 32px;
    line-height: 40px;
}

.jobs-page-first-container-left-text {
    color: rgba(230, 234, 255, 0.6);
    font-style: normal;
    font-family: "SpaceGroteskRegular";
    font-size: 16px;
    line-height: 24px;
    padding-top: 8px;
}

.jobs-page-first-container-left-sign-in {
    color: #ffffff;
    font-family: "SpaceGroteskBold";
    border: 2px solid rgba(204, 213, 255, 0.11);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
}

.jobs-page-first-container-left-sign-in:hover {
    background-color: rgba(204, 212, 255, 0.05);
    color: rgba(255, 255, 255, 1);
}

.jobs-page-first-container-left-sign-in-container {
    margin: 16px 0px;
}

.jobs-page-first-container-left-Apply-to-join {
    background: #00ff40;
    color: #111112;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media only screen and (max-width: 410px) {
    .main__paragraph {
        font-size: 13px !important;
        font-style: normal;
        font-family: "SpaceGroteskRegular";
        line-height: 28px;
        letter-spacing: 0em;
        text-align: left;
    }
	.slidingVertical span{
	width:130px;
	font-size: 13px;
	}
	.text-changing-home-page {
    width: 130px;
    }
}

@media only screen and (max-width: 450px) {
    .about-us-container-switch-left-locations-text {
        width: 100% !important;
    }
}


@media only screen and (min-width: 1160px) and (max-width : 1400px ) {
	
    .promo-box-container {
		max-width: 55% ;
	}
	.join-promo-title { 
		font-size: 32px !important;
	}
	
	.join-promo-text {
        font-size: 14px;
	}
    .code-box {
        font-size: 16px;
    }
	.promo-image-container {
		display: flex;
   		margin-left: auto;
	}
}


@media only screen and (max-width: 371px) {
    .main__paragraph {
        font-size: 14px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: left;
    }
    .text-changing-home-page {
        box-sizing: content-box;
        height: 23px !important;
        padding: 0px 8px;
        display: flex;
    }
}

.jobs-page-first-container-left-Apply-to-join:hover {
    color: #111112;
    background: #00ff40 !important;
    box-shadow: 0px 0px 20px rgba(0, 255, 64, 0.5) !important;
}

.text-changing-home-page {
    box-sizing: content-box;
    height: 30px;
    display: flex;
	width: 160px;
	padding: 0px 8px;

}

.text-changing-home-page-words {
    overflow: hidden;
    border-bottom: 1px solid white;
}

.text-changing-home-page-words span {
    display: block;
    height: 100%;
    color: white;
    animation: spin_words 9s infinite;
    text-align: center;
}

.text-changing-home-page2 {
    box-sizing: content-box;
    height: 40px;
    padding: 0px 8px;
    overflow: hidden;
    display: flex;
}

.text-changing-home-page-words2 {
    overflow: hidden;
    border-bottom: 1px solid white;
    width: 100%;
}

.text-changing-home-page-words2 span {
    display: block;
    height: 100%;
    color: white;
    animation: spin_words2 6s infinite;
    text-align: center;
}


/*Vertical Sliding*/
.slidingVertical{
	display: inline;
	border-bottom: 1px solid white;
    overflow: hidden;
	width:100%;
position: relative;
height: 30px;
display: inline-block;
}

.slidingVertical span{
	animation: topToBottom 15s linear infinite 0s;
	-ms-animation: topToBottom 15s linear infinite 0s;
	-webkit-animation: topToBottom 15s linear infinite 0s;
	color: white;
	opacity: 0;
	display: block;
	text-align: center;
	overflow: hidden;
	position: absolute;
	width:160px;
	
}

.slidingVertical span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.slidingVertical span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.slidingVertical span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.slidingVertical span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}
.slidingVertical span:nth-child(6){
	animation-delay: 12.5s;
	-ms-animation-delay: 12.5s;
	-webkit-animation-delay: 12.5s;
}

/*topToBottom Animation*/
@-moz-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateY(50px); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	26% { opacity: 0; }
	30% { opacity: 0; -moz-transform: translateY(-50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(50px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	26% { opacity: 0; }
	30% { opacity: 0; -webkit-transform: translateY(-50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateY(50px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	26% { opacity: 0; }
	30% { opacity: 0; -ms-transform: translateY(-50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}

@keyframes spin_words {
	10% { transform: translateY(-100%)};
    25% {
        transform: translateY(-100%);
    }
    35% {
        transform: translateY(-200%);
    }
	 45% {
        transform: translateY(-200%);
    }
   55% {
        transform: translateY(-300%);
    }
    65% {
        transform: translateY(-300%);
    }
    75% {
        transform: translateY(-400%);
    }
    85% {
        transform: translateY(-400%);
    }
    100% {
        transform: translateY(-500%);
    }
	
}

@keyframes spin_words2 {
    10% {
        transform: translateY(-100%);
    }
    25% {
        transform: translateY(-100%);
    }
    35% {
        transform: translateY(-200%);
    }
    50% {
        transform: translateY(-200%);
    }
    60% {
        transform: translateY(-300%);
    }
    75% {
        transform: translateY(-300%);
    }
    85% {
        transform: translateY(-400%);
    }
    100% {
        transform: translateY(-400%);
    }
}

.main__btn-join {
    background: #00ff40;
    border-radius: 16px;
    letter-spacing: -0.01em;
    /* Primary/Black */
    font-style: normal;
    color: #111112;
    transition: 0.6s;
}

.main__btn-join:hover {
    background: #00ff40 !important;
    color: black !important;
    box-shadow: 0px 0px 20px rgba(0, 255, 64, 0.5) !important;
    color: #111112;
}

.home_icons {
    width: 80px;
}

.about-us-container-last-text-bottom span, .email-input-label span {
    transform: rotateY(180deg);
    unicode-bidi: bidi-override;
    direction: rtl;
}


/* jobs carousel css */

.jobs_item {
    text-align: left;
}


/* 
@media (max-width: 767px) {
.carousel-inner .jobs_item > div {
  display: none;
}
.carousel-inner .jobs_item > div:first-child {
  display: block;
}
.about-us-container-switch-left {
  position: relative !important;
}
.about-us-container-text-switcher {
  position: relative !important;
  margin-top: 10px !important;
}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
display: flex;
}

*/

@media (min-width: 768px) {
    #quotaCarousel .carousel-item-end.active,
    #quotaCarousel .carousel-item-next {
        -webkit-animation: bummer 1s;
         animation: bummer 1s;
        -webkit-transform: translate(50px); 
        transform:  translate(50px);
       }
       
       @-webkit-keyframes bummer {
        100% {
         -webkit-transform: translate(0px); 
        }
       }
       
       @keyframes bummer {
        100% {
         transform: translate(0px); 
         }
        }
        
}

@media (min-width: 768px) {
    .carousel-mob__version .carousel-item-end.active,
    .carousel-mob__version .carousel-item-next {
        transform: translateX(25%);
    }
    .carousel-mob__version .carousel-item-start.active,
    .carousel-mob__version .carousel-item-prev {
        transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
}

@media (max-width: 349px) {
    .home-page-main-text {
        font-size: 14px !important;
    }
}

@media (max-width: 391px) {
    .about-us-switch-container-first,
    .about-us-switch-container-second,
    .about-us-switch-container-third,
    .about-us-switch-container-fourth,
    .about-us-switch-container-fifth,
    .about-us-switch-container-sixth {
        min-height: 225px !important;
    }
}


/* end of carousel */

.get-work-container-join {
    color: #111112 !important;
    transition: 0.6s;
}

.formats_approv {
    color: rgba(230, 234, 255, 0.35);
    display: inline-block;
    margin: 0;
    margin-left: 10px;
    line-height: 22px;
    font-size: 16px;
}

.red_error {
    color: #ff5151 !important;
}

.has-error {
    display: none;
}

.jobs_panel {
    height: 100%;
}

.arrow-right,
.arrow-left {
    border: 1px solid rgba(204, 212, 255, 0.05);
    padding: 14px 12.5px;
    border-radius: 50%;
    background-color: #1a1b1e;
    box-shadow: 0px 10px 15px rgb(17 17 18 / 80%);
    margin: 0px -12px;
}

.about-us-container-switch-left-headring-2 {
    display: none;
}

.reload-btn {
    border-radius: 50%;
    padding: 15px;
}

.uk-position-relative {
    width: 100%;
}

.news-letter h3 {
    font-size: 16px;
    font-family: "SpaceGroteskBold";
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.5;
}

.customer-logos {
    background-color: #111;
}

.quota_img img {
    border-radius: 0px;
}

.quota_carousel_main .carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    background-color: rgba(204, 213, 255, 0.11);
    border-radius: 50%;
}

.carousel-indicators>.active {
    background-color: #00FF00 !important;
}

.quota_indicators {
    left: inherit;
    margin-right: 88px;
    margin-bottom: 11px;
}

.quota_arrow:hover {
    box-shadow: 0px 0px 32px rgba(221, 226, 255, 0.2);
}

.carousel-control-next.quota_arrow {
    padding: 18px 15.5px;
    bottom: 0;
    opacity: 1;
    top: inherit;
    width: auto;
    background-color: rgba(204, 213, 255, 0.11);
    border-radius: 50%;
}

.quota_carousel_main .carousel-inner {
    overflow: inherit;
}

.quota_carousel_main .carousel-item-start.active,
.quota_carousel_main .carousel-item-prev {
    display: none;
    transition: 0.6s;
}

.jobs_btn_bottom {
    display: inline-block;
}

.padding_eight {
    margin-left: -8px;
}

.uk-grid-column-small>*,
.padding_eight>* {
    padding-left: 8px;
}

.rotate {
    transform: rotate(360deg);
    /*transform: rotate(180deg);*/
    transition: 0.6s;
}

.rotate-reset {
    transform: rotate(-0deg);
    transition: 0.6s;
}

.mobile-indicator-arrow-quota {
    position: relative;
}

.quota_arrow-mobile {
    padding: 18px 15.5px;
    opacity: 1;
    width: auto;
    background-color: #00FF00;
    border-radius: 50%;
}

.quota_arrow-mobile:hover {
    box-shadow: 0px 0px 32px rgba(0, 255, 64, 0.7);
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    opacity: 1;
}

:focus-visible {
    outline: none;
}

.my404_text  {
    color: rgba(230, 234, 255, 0.6);
}
.my404_text a, #cookie-notice a {
    color:#fff;
}
#cookie-notice {
    position: fixed;
    bottom:16px;
	z-index:99999;
    background-color:#1A1B1E;
    border-radius:16px;
    color:rgba(230, 234, 255, 0.6);
    border:1px solid rgba(204, 212, 255, 0.05);
}
.form_grid_line {
    position: relative;
}
#count {
    font-size:13px;
    line-height: 16px;
    color: rgba(230, 234, 255, 0.35);
    margin-top:6px;
    font-family: "SpaceGroteskRegular";
    right:0;
    top:0px;
    position:absolute;
}

.menu_gap {
    display: block;
    height: 100px;
    margin-top: -100px;
    visibility: hidden;   
}

.captcha_div {
    position: relative;
    margin-top:20px;
}