@font-face {
    font-family: 'General Sans';
    src: url('../fonts/GeneralSans/GeneralSans-Regular.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'General Sans';
    src: url('../fonts/GeneralSans/GeneralSans-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.tabs__wrap-tab,
.tabs__select-wrap {
	position: relative;
}
.tabs__wrap-tab::before,
.tabs__select-wrap::before {
	color: #fff;
	content: 'Show';
	left: 5px;
	font-family: 'General Sans', sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 30px;
	line-height: 110.00000000000001%;
	vertical-align: middle;
	text-transform: capitalize;
	position: absolute;
	transform: translateY(-100%);
	top: -11px;
}
.tabs__select-wrap::before {
    font-size: 20px;
    top: -12px;
}

.tabs__wrap-tab {
	flex-wrap: wrap;
	margin: 0 -8px 25px;
}
.tab {
    align-items: center;
    border: 2px solid #DDFD6C;
    border-radius: 78px;
    cursor: pointer;
    display: inline-flex;
    color: #DDFD6C;
    font-family: 'General Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    height: 61px;
    margin: 8px;
    padding: 8px 16px;
    position: relative;
    transition: 0.3s ease 0s;
    text-align: center;
    z-index: 5;
}
.tab:hover,
.tab.tab-active {
   	background-color: #DDFD6C;
	color: #06060C;
}
.tabs__select {
	appearance: none; /* убирает стандартную стрелку (Chrome, Safari, Edge) */
	-webkit-appearance: none;
	-moz-appearance: none; /* для Firefox */
	background-color: transparent;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right 20px center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='41' viewBox='0 0 15 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.492188 18C1.96151 19.2244 5.69605 23.1018 7.37966 24.8875L14.2671 18' stroke='%23DDFD6C' stroke-width='0.983924' stroke-linecap='round'/%3e%3c/svg%3e");
    background-size: 16px auto;
	border: 2px solid #DDFD6C;
	border-radius: 78.42px;
	border-width: 2px;
	color: #DDFD6C;
	font-family: 'General Sans', sans-serif;
	font-size: 20px;
	font-weight: 400;
	font-size: 20px;
	line-height: 160%;
	vertical-align: middle;
	height: 60px;
	margin-bottom: 40px;
	padding: 11px 48px 11px 23px;
	outline: none;
	width: 100%;
	
	overflow: hidden;
	text-overflow: ellipsis;
	display: -moz-box;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.tabs__select::-ms-expand {
  display: none;
}

.tabContent {
   display: none;
   position: relative;
   z-index: 1;
}
.tabContent.content-active {
   display: block;
}

.comeet-positions-list {
	display: flex;
	flex-flow: wrap;
	list-style: none;
	margin: 0 -26.5px;
    padding: 0;
}
.comeet-positions-list li {
	margin: 0 26.5px 34px;
	width: calc(50% - 53px);
}
.comeet-positions-list li a.comeet-position {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 60px;
    border: none;
    box-sizing: border-box;
    box-shadow: none !important;
	display: flex;
	flex-direction: column;
    float: none;
    margin: 0;
    min-height: 100%;
	min-width: 100%;
    padding: 71px 72px 158px;
	position: relative;
	width: 100%;
}
.comeet-positions-list li a.comeet-position:hover {
    box-shadow: none !important;
}
.comeet-positions-list li .comeet-icon {
	bottom: 45px;
	display: block;
	height: 49px;
	position: absolute;
	right: 62px;
	width: 61px;
}
.comeet-positions-list li a.comeet-position div.comeet-position-meta {
	color: #DDFD6C;
    font-family: 'Cabinet Grotesk', sans-serif;
    font-size: 26.42px;
    font-weight: 500;
    line-height: 110.00000000000001%;
    margin-bottom: 40px;
    text-transform: capitalize;
}
.comeet-positions-list li a.comeet-position div.comeet-position-name {
	color: #fff;
	font-family: 'General Sans', sans-serif;
	font-size: 32.75px;
	font-weight: 600;
	line-height: 110.00000000000001%;
	order: 1;
	text-transform: capitalize;
}

.comeet-outer-wrapper {
	
}
.all-jobs-link {
    border-top: none !important;
	margin: 0 0 35px !important;
    padding: 0 !important;
}
.all-jobs-link a {
	align-items: center;
    border: 2px solid #DDFD6C;
    border-radius: 78.42px;
    color: #DDFD6C;
    font-family: 'General Sans', sans-serif;
    font-size: 20px;
    display: flex;
    height: 60px;
    padding: 16px 32px 16px 26px;
	transition: 0.3s ease 0s;
    width: 295px;
}
.all-jobs-link a:hover {
    background-color: #DDFD6C;
    color: #000;
}
.all-jobs-link a svg {
	margin-right: 10px;
}
.all-jobs-link a svg path {
	transition: 0.3s ease 0s;
}
.all-jobs-link a:hover svg path {
	fill: #000000;
}
.comeet-outer-wrapper > div > div {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.comeet-position:hover svg path,
.comeet-position:hover svg rect {
	transition: 0.4s ease 0s;
}
.comeet-position:hover svg path {
	fill: #000;
}
.comeet-position:hover svg rect {
	fill: #DDFD6C;
	stroke: #DDFD6C;
}
.comeet-position-meta-single {
	order: -1;
	margin-bottom: 0 !important;
}
.comeet-position-experiencelevel,
.comeet-position-location {
	color: #DDFD6C;
	font-family: 'Cabinet Grotesk', sans-serif;
	font-weight: 500;
	font-size: 36px !important;
	line-height: 120%;
	text-align: center;
	vertical-align: middle;
}
.comeet-outer-wrapper .comeet-position-name {
	color: #fff;
	font-family: 'General Sans', sans-serif;
	font-size: 60px !important;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 0;
	max-width: 100%;
	vertical-align: middle;
	text-transform: capitalize;
}
.comeet-position-info {
	color: #fff;
	font-family: 'General Sans', sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 140%;
	margin-top: 45px;
	max-width: 100%;
}
.comeet-position-info h4 {
	font-family: 'General Sans', sans-serif;
    font-size: 24px !important;
    margin: 28px 0 !important;
}
.comeet-position-info p {
	margin-bottom: 30px !important;
}
.comeet-position-info p strong {
	font-weight: 400;
	font-style: italic;
}
.comeet-user-text ul {
	margin: 27px 0 0 !important;
	padding: 0 !important;
}
.comeet-user-text ul li {
	list-style: none;
	font-family: 'General Sans', sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 140%;
	margin: 21px 0;
	padding-left: 64px;
	position: relative;
}
.comeet-user-text ul li::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M30.749 41.0995L27.7542 40.3361C26.7799 40.0866 25.7489 40.2378 24.8841 40.7518L22.2292 42.3316C20.4316 43.4012 18.1053 42.8078 17.0365 41.0088L15.4579 38.3519C14.9443 37.4864 14.1097 36.8628 13.1354 36.6133L10.1406 35.8499C8.11263 35.3321 6.88904 33.2685 7.40264 31.2427L8.1655 28.2456C8.41475 27.2706 8.26369 26.2388 7.75008 25.3733L6.1715 22.7163C5.10275 20.9173 5.69567 18.5892 7.49328 17.5196L10.1482 15.9398C11.013 15.4258 11.6361 14.5905 11.8854 13.6154L12.6482 10.6184C13.1656 8.58879 15.2276 7.36425 17.2518 7.87826L20.2465 8.6417C21.2209 8.89115 22.2519 8.73997 23.1167 8.22597L25.7715 6.64616C27.5692 5.57658 29.8955 6.16995 30.9642 7.96896L32.5428 10.6259C33.0564 11.4914 33.891 12.115 34.8654 12.3645L37.8601 13.1279C39.8881 13.6457 41.1117 15.7093 40.5981 17.735L39.8352 20.7321C39.586 21.7072 39.7371 22.739 40.2507 23.6045L41.8292 26.2614C42.898 28.0605 42.3051 30.3886 40.5075 31.4582L37.8526 33.038C36.9878 33.552 36.3646 34.3872 36.1154 35.3623L35.3525 38.3594C34.8352 40.389 32.7732 41.6135 30.749 41.0995Z' fill='%23DDFD6C'/%3e%3cpath d='M29.343 37.2652L26.9877 36.6648C26.2214 36.4686 25.4105 36.5875 24.7303 36.9917L22.6423 38.2342C21.2285 39.0755 19.3988 38.6088 18.5583 37.1939L17.3167 35.1042C16.9128 34.4235 16.2564 33.933 15.4901 33.7368L13.1347 33.1364C11.5397 32.7292 10.5774 31.1062 10.9813 29.5129L11.5813 27.1557C11.7773 26.3888 11.6585 25.5773 11.2546 24.8966L10.013 22.807C9.17246 21.3921 9.63878 19.561 11.0526 18.7198L13.1406 17.4773C13.8208 17.073 14.3109 16.4161 14.5069 15.6492L15.1069 13.292C15.5138 11.6958 17.1355 10.7327 18.7276 11.1369L21.0829 11.7374C21.8492 11.9336 22.6601 11.8147 23.3403 11.4104L25.4283 10.1679C26.8421 9.32668 28.6718 9.79336 29.5123 11.2083L30.7539 13.2979C31.1578 13.9786 31.8142 14.4691 32.5805 14.6653L34.9359 15.2657C36.5309 15.673 37.4932 17.2959 37.0893 18.8892L36.4893 21.2464C36.2933 22.0133 36.4121 22.8248 36.816 23.5055L38.0576 25.5952C38.8981 27.0101 38.4318 28.8411 37.018 29.6824L34.93 30.9249C34.2498 31.3291 33.7597 31.986 33.5637 32.753L32.9637 35.1101C32.5568 36.7064 30.9351 37.6695 29.343 37.2652Z' fill='%23DDFD6C' stroke='black' stroke-width='0.816667' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M18.2363 24.0015L22.0441 28.3622L31.0913 19.2009' stroke='black' stroke-width='0.816667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	left: 0;
	height: 49px;
	position: absolute;
	transform: translateY(-50%);
    top: 50%;
	width: 49px;
}

.comeet-outer-wrapper > div {
	/*align-items: center;*/
	display: flex;
	flex-wrap: wrap;
}
.comeet-outer-wrapper > div div:first-child {
	padding-right: 12%;
	width: calc(100% - 547px)
}
.comeet-apply {
	display: flex;
	flex-direction: column;
	width: 547px;
}
.comeet-apply h4 {
	display: none;
}
.comeet-apply iframe {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 55px;
	margin-bottom: auto;
	margin-top: auto;
	padding: 64px 28px 20px;
}

@media (max-width: 1280px) {
	
	.comeet-outer-wrapper > div div:first-child {
		padding-right: 0;
		width: 100%;
	}
	.comeet-apply {
		margin-top: 69px;
		width: 100%;
	}
}
@media (max-width: 860px) {
	
	.tabs__wrap-tab {
		margin: 0 -5px 25px;
	}
	.tab {
		font-size: 16px;
		height: 46px;
		margin: 5px;
		padding: 6px 12px;
	}
	.comeet-positions-list {
		margin: 0 -15px;
	}
	.comeet-positions-list li {
		margin: 0 15px 30px;
		width: calc(50% - 30px);
	}
	.comeet-positions-list li a.comeet-position {
		border-radius: 44px;
		padding: 50px 40px 100px;
	}
	.comeet-positions-list li a.comeet-position div.comeet-position-meta {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.comeet-positions-list li a.comeet-position div.comeet-position-name {
		font-size: 24px;
	}
	.comeet-positions-list li .comeet-icon {
		bottom: 41px;
		height: 40px;
		right: 41px;
		width: 50px;
	}
	
	.all-jobs-link a {
		font-size: 18px;
		height: 58px;
		padding: 16px 20px;
		width: 266px;
	}
	.comeet-position-experiencelevel,
	.comeet-position-location {
		font-size: 30px !important;
	}
	.comeet-outer-wrapper .comeet-position-name {
		font-size: 48px !important;
	}
	.comeet-position-info {
		font-size: 20px;
		margin-top: 30px;
	}
	.comeet-position-info h4 {
		font-size: 20px !important;
		margin: 20px 0 !important;
	}
	.comeet-position-info p {
		margin-bottom: 22px !important;
	}
	.comeet-user-text ul li {
		font-size: 18px;
		padding-left: 58px;
	}
	.comeet-user-text ul li::before {
		height: 45px;
		width: 45px;
	}
}
@media (max-width: 760px) {
	
    .comeet-positions-list li a.comeet-position {
        padding: 40px 25px 80px;
    }
	.comeet-positions-list li .comeet-icon {
        bottom: 25px;
        height: 36px;
        right: 25px;
        width: 44px;
    }
}

@media (max-width: 575px) {
	
	.comeet-positions-list {
        margin: 0 -8px;
    }
	.comeet-positions-list li {
        margin: 0 8px 16px;
        width: calc(50% - 16px);
    }
	.comeet-positions-list li a.comeet-position {
		border-radius: 42px;
        padding: 32px 25px 56px;
    }
	.comeet-positions-list li a.comeet-position div.comeet-position-meta {
        font-size: 16px;
        margin-bottom: 6px;
    }
	.comeet-positions-list li a.comeet-position div.comeet-position-name {
        font-size: 22px;
    }
	.comeet-positions-list li .comeet-icon {
        bottom: 28px;
        height: 34px;
        right: 25px;
        width: 42px;
    }
	
	.all-jobs-link {
		margin: 0 0 24px !important;
	}
	.all-jobs-link a {
        border-color: #fff;
        color: #fff;
        font-size: 20px;
        height: 60px;
        padding: 16px 20px;
        width: 283px;
    }
	.all-jobs-link a svg path {
        fill: #fff;
    }
	.comeet-position-experiencelevel,
	.comeet-position-location {
        font-size: 26px !important;
    }
	.comeet-outer-wrapper .comeet-position-name {
        font-size: 36px !important;
        line-height: 112%;
    }
	.comeet-position-info {
        font-size: 16px;
    }
	.comeet-position-info p {
        margin-bottom: 18px !important;
    }
	.comeet-position-info h4 {
        font-size: 18px !important;
        margin: 15px 0 !important;
    }
	.comeet-user-text ul li {
        font-size: 14px;
        line-height: 160%;
        margin: 12px 0;
        padding-left: 56px;
    }
	.comeet-user-text ul li::before {
        height: 42px;
        width: 42px;
    }
	
	.comeet-apply iframe {
		padding: 40px 15px 20px;
	}
	
	.comeet-apply h4 {
        color: #fff;
        display: table;
        font-family: 'General Sans', sans-serif;
        font-weight: 400 !important;
        font-style: italic;
        font-size: 20px;
        line-height: 160%;
        margin: 0 0 26px !important;
        text-align: center;
        vertical-align: middle;
    }
}

@media (max-width: 480px) {
	
	.comeet-positions-list {
        margin: 0;
    }
	.comeet-positions-list li {
        margin: 0 0 12px;
        width: 100%;
    }
}