@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root{
    --primary-color: #00ff00;
    --black-color: #000;
    --white-color:#fff;
    --color-light-gray: #efefef;
    --color-surface-black: #191919;
    --color-medium-gray: #999999;
}
body{
    font-family: 'Montserrat';
    color: var(--black-color);
    font-size: clamp(1rem, 0.9198rem + 0.223vw, 1.1875rem);
}
a{
    text-decoration: none;
    transition: 0.3s all ease-in;
}
p:not(.banner-text){
    font-size: 14px;
}
h1,.h1{
    font-weight: bold;
    font-size: clamp(3.0625rem, 2.822rem + 0.6691vw, 3.625rem);
}
h2,.h2{
    font-size: 32px;
    font-weight: bold;
}
h4,.h4 {
    font-size: 22px;
    line-height: 1.23;
    font-weight: bold;
}
ul{
    padding: 0;
    margin: 0;
}
ul li{list-style: none; font-size: 14px;}
header {
    background-color: var(--black-color);
}
header nav {
    padding: 37px 0 28px !important;
}
header .navbar-nav .nav-link{
    font-family: 'Montserrat';
    color: var(--white-color) !important;
    padding: 0 !important;
}
header .navbar-nav .nav-link,.header-search input,.header-search  input[type="submit"],.header-btn{
    font-size: 18px;
    font-weight: bold;
}
header .navbar-nav .nav-link:hover{
    color: var(--primary-color) !important;
}
header .navbar-nav .nav-item:not(.nav-item:first-child) {
    margin-left: clamp(0.625rem, -1.5125rem + 5.948vw, 5.625rem);
}
header .navbar {
    justify-content: space-between;
}
.header-right {gap: 40px; align-items: center; margin-left: auto;}
.header-search input {
    background: var(--white-color);
    border-radius: 20px;
    border: unset;
    padding: 8.5px 17px;
    max-width: 175px;
    width: 100%;
    position: relative;
    z-index: 2;
    font-weight: 500;
}
.header-search input::placeholder{
    opacity: 50%;
}
.header-search input:focus-visible{
    outline: none;
}
ul.navbar-nav {
    margin-left: auto;
}
.screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal!important;
}
.search-form {display: flex;}
.header-search  input[type="submit"] {
    background: var(--primary-color);
    color: var(--black-color);
    z-index: 0;
    margin-left: -40px;
    border-radius: 0  32px 32px 0;
    max-width: max-content;
    padding: 7.5px 40px 7.5px 51px;
    z-index: 1;
}
input[type="search"]::-webkit-search-cancel-button {
  display: none;
}
.header-btn, .black-with-border-btn {
    background: var(--black-color);
    color: var(--primary-color);
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--primary-color);
}
.btn{
    font-size: 18px;
    font-weight: bold;
    border-radius: 22px;
    padding: 7.5px 24px;
}
.with-arrow{
    display: inline-flex;
    align-items: center;
}
.btn:hover,.btn:focus{box-shadow: none;}
.black-with-border-btn:hover{
    background-color: var(--white-color);
    color: var(--primary-color);
}
.black-with-border-btn:after,.white-btn.black-with-border-btn:hover:after,.with-arrow:after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 19px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" width="9px" height="19px" data-name="Layer 1" viewBox="0 0 9.16 19.39"><defs><style>.cls-1{fill:lime;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M.24,19.15A.8.8,0,0,1,.24,18l6.6-6.6A2.42,2.42,0,0,0,6.84,8L.24,1.38A.8.8,0,0,1,.24.24a.8.8,0,0,1,1.14,0L8,6.84a4,4,0,0,1,0,5.71l-6.6,6.6a.8.8,0,0,1-1.14,0"/></svg>') no-repeat;
    background-size: 100%;
    margin-left: 20px;
}
.white-btn {
    background: var(--white-color);
    color: var(--black-color);
}
.black-btn {
    font-size: 18px;
    background-color: var(--black-color);
    padding: 9px 21px;
    display: inline-block;
    color: var(--white-color);
    font-weight: bold;
}
.black-btn:hover{
    background-color: var(--white-color);
    color: var(--black-color);
}
.white-btn.black-with-border-btn:hover{background: transparent;}
.white-btn.black-with-border-btn:after,.with-arrow:after{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" width="9px" height="19px" data-name="Layer 1" viewBox="0 0 9.16 19.39"><defs><style>.cls-1{fill:black;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M.24,19.15A.8.8,0,0,1,.24,18l6.6-6.6A2.42,2.42,0,0,0,6.84,8L.24,1.38A.8.8,0,0,1,.24.24a.8.8,0,0,1,1.14,0L8,6.84a4,4,0,0,1,0,5.71l-6.6,6.6a.8.8,0,0,1-1.14,0"/></svg>') no-repeat;
}
.green-btn {
    background: var(--primary-color);
    border: 1px solid var(--black-color);
}
.green-btn:hover{
    background-color: var(--white-color);
}
h1 span{
    color: var(--primary-color);
}
.banner-detail-wrapper {
    max-width: 370px;
    margin-right: -6%;
    margin-left: auto;
    margin-top: 72px;
}
.banner-content {
    width: 36.5%;
}
.banner-detail-wrapper .banner-text {
    margin: 30px 0 0;
}
.banner-btn{
    margin-top: 35px;;
}
.banner-detail-wrapper h1 {
	max-width: 320px;
}
.banner-image {
    width: 63.5%;
}
.scroll-down-btn {
    margin-top: clamp(3.4375rem, 2.6092rem + 2.3048vw, 5.375rem);
    display: inline-block;
}
.hero-section {
    padding: clamp(3.125rem, 2.9647rem + 0.4461vw, 3.5rem) 0  clamp(4.4375rem, 2.0862rem + 6.5428vw, 9.9375rem);
}


.partner-section .container {
	max-width: 1091px;
}
.partner-title {
	font-size: 20px;
	display: inline-block;
	padding: 20.5px 42.5px 20.5px 42.5px;
	background: #efefef;
	font-family: 'Montserrat';
	font-weight: 600;
	color: #999;
    margin: 0;
}
.partner-content{
    margin-top: -65px;
}
.partner-section{
	background: var(--color-light-gray);
}
.partner-images {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 35px;
    padding: clamp(2.25rem, 1.2614rem + 2.7509vw, 4.5625rem) 0 clamp(2.1875rem, 1.1722rem + 2.8253vw, 4.5625rem);
}

.location-content {
	position: relative;
	margin-top: 30px;
}
.location-detail-box {
    max-width: 435px;
    color: var(--white-color);
    border-radius: 18px;
    display: flex;
    align-items: center;
    text-align: left;
    gap: 17px;
    padding: 27px 30px;
    margin-bottom: 4px;
    min-height: 116px;
    width: 100%;
}
.black-box{
    background-color: var(--black-color);
    color: var(--white-color);
}
.green-box{
    background-color: var(--primary-color);
    color: var(--black-color);
}
.location-detail p {
    margin: 14px 0 0;
}
.location-detail-boxes .location-detail-box:nth-child(2n-1) {
    margin-left: auto !important;
}
.location-detail h4 {
    max-width: 300px;
    margin: 0;
}
.location-detail-boxes {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.location-section {
    padding: clamp(6.25rem, 4.4331rem + 5.0558vw, 10.5rem) 0;
}
.medium-right {
    transform: translate(-17%,0);
}
.second-box,.fourth-box {
	transform: translate(12.2%,3px);
}
.first-box, .fifth-box{
	transform: translate(10%,0);
}
.changing-rules-section,.download-app-section {
    background: var(--primary-color);
}
.section-title{
    margin-bottom: 37px;
}
.right-image {
    margin-top: -40px;
    margin-bottom: -82px;
}
.left-content {
    padding: 40px 0;
}

.key-features-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 18px;
}
.key-features-section p {
    margin-bottom: 13px;
}
.features-detail-box, .right-features-content {
    padding: 57px clamp(1.1875rem, 0.9737rem + 0.5948vw, 1.6875rem)  52px;
    border-radius: 18px;
}
.features-detail-box{
    height: 100%;
}
.left-features-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    gap: 30px;
}
.left-features-content > div {
	height: 50%;
	overflow: hidden;
	border-radius: 18px;
	min-height: 189px;
}
.middle-features-image {
    height: 100%;
}
.features-detail-box  p{
    color: var(--primary-color);
}
.chat-icon {
    padding: 20px;
    background: var(--white-color);
    border-radius: 100%;
}
.chat-icon .active {
    width: 21px;
    height: 21px;
    display: inline-block;
    position: absolute;
    border-radius: 100%;
    top: 6px;
    background: var(--primary-color);
    border: 5px solid var(--white-color);
    right: 3px;
}
.contact-chat-box {
    gap: clamp(1.375rem, 1.0009rem + 1.0409vw, 2.25rem);
    align-items: center;
    background: rgba(0,0,0,0.1);
    padding: 38px 20px;
    border-radius: 12px;
    margin-top: 80px;
}
.right-features-box {
	flex-grow: 1;
}
.chat-text:after {
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="58px" height="24px" viewBox="0 0 58.39 24.94"><title>Asset 3</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path d="M58,.06a.65.65,0,0,0-.86.31c-.07.16-7.6,15.73-23.28,21.3C24.57,25,14.28,24.14,3.26,19.21l2.39-.38a.64.64,0,0,0-.21-1.27L0,18.44l2.78,4.83a.64.64,0,0,0,.88.24l.11-.09a.64.64,0,0,0,.12-.79L2.56,20.31c11.4,5.13,22.07,6,31.75,2.57A40.07,40.07,0,0,0,48.1,14.31,50.28,50.28,0,0,0,58.32.92.65.65,0,0,0,58,.06"/></g></g></svg>');
    display: block;
    width: 58px;
    height: 24px;
    margin-left: 3px;
}
.chat-icon  img {
    min-width: clamp(1.875rem, 1.2337rem + 1.7844vw, 3.375rem);
}
.right-features-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 57px clamp(1.1875rem, 1.1073rem + 0.223vw, 1.375rem) 20px;
}
.key-features-section {
    padding: clamp(6.25rem, 4.3529rem + 5.2788vw, 10.6875rem) 0  clamp(6.25rem, 3.6315rem + 7.2862vw, 12.375rem);
}
.bg-black {
    background: var(--black-color);
    color: var(--white-color);
}
.vacant-image {
    margin-top: -63px;
    margin-bottom: -129px;
    max-width: max-content;
    margin-left: -55px;
}
.vacant-buttons {
    display: flex;
    top: 26.3%;
    left: 0;
    position: absolute;
    justify-content: space-between;
    align-items: start;
    width: 100%;
    height:calc(100% - 26.3%) ;
}
.vacant-buttons .first-btn {
    left: -8.3%;
    position: relative;
}
.vacant-buttons .second-btn {
    position: relative;
    top: 20%;
    left: 5.8%;
}
.vacant-buttons .third-btn {
    position: relative;
    right: -12.3%;
}
.vacant-buttons .arrow-left{
    flex-direction: row-reverse;
}
.vacant-buttons .arrow-left:after {
    margin: 0 20px 0 0px;
    transform: rotate(180deg);
}
.vacant-position-section {
    margin-bottom: clamp(9.9375rem, 5.4754rem + 12.4164vw, 20.375rem);
}
.qr-code-img {
    margin-top: -100px;
}
.download-app-section .row > div {
	align-content: center;
}
.download-app-text {
    max-width: 300px;
}
footer a{
    color: var(--primary-color);
}
footer a:hover{color: var(--white-color);}
.footer-top {
    padding: clamp(6.25rem, 5.8492rem + 1.1152vw, 7.1875rem) 0 53px;
}
.footer-brand {
    margin-bottom: clamp(5.9375rem, 5.8039rem + 0.3717vw, 6.25rem);
}
.footer-app-icons {
    gap: clamp(1.25rem, 1.063rem + 0.5204vw, 1.6875rem);
    display: flex;
    margin-top: 30px;
}
.footer-bottom-content  {
    margin-top: clamp(3.125rem, 1.415rem + 4.7584vw, 7.125rem);
}
.footer-bottom-menu,.privacy-menu {
    gap: clamp(0.9375rem, -0.9061rem + 5.1301vw, 5.25rem);
}
.footer-menu.footer-center-menu {
	margin-left: 15px;
}
.social-list {
	gap: 20px;
	margin-right: 48px;
}
.social-menu  p {
    margin: 0 26px 0 0;
}
footer li:not(.privacy-menu li,.footer-bottom-menu li,.social-menu li,footer li:last-child){margin-bottom: 12px;}
.footer-bottom-menu li a,.privacy-menu li a{color: var(--white-color);}
.footer-bottom-menu li a:hover, .privacy-menu li a:hover{color: var(--primary-color);}
footer .footer-title{margin-bottom: 30px;}
.footer-bottom {
    padding: 44px 0 40px;
    background: var(--color-surface-black);
    color: var(--white-color);
}
.social-list li a:hover svg path{
    fill: var(--white-color);
}
.footer-right-menu {
    max-width: max-content;
    margin-left: auto;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1314px;
    }
}
@media (max-width: 1399px) {
    .vacant-image {
        max-width: 92%;
        margin-left: -10px;
        margin-bottom: -100px;
    }
    .chat-icon {
        padding: 16px;
    }
    .key-features-section h4 {
        font-size: 20px;
    }
}
@media (max-width: 1299px) {
    .first-box, .fifth-box {
        transform: translate(6%,0);
    }
}
@media (max-width: 1199px) {
    .header-right {
        gap: 15px;
    }
    .vacant-image {
        max-width: 85%;
        margin-left: 30px;
        margin-top: -93px;
    }
    .location-detail-box {
        max-width: 378px;
    }
    .contact-chat-box {
        gap: 15px;
        padding: 30px 20px;
    }
    header .navbar-nav .nav-item:not(.nav-item:first-child) {
        margin-left: 20px;
    }
    .footer-app-icons{flex-wrap: wrap;}
    .first-box, .fifth-box {
        transform: translate(3%,0);
    }
    .footer-menu.footer-center-menu {
        margin-left: 0px;
    }
    .key-features-section h4 {
	font-size: 16px;
}
}
@media (max-width: 991px) {
  .navbar-toggler {
    width: 32px;
    height: 24px;
    padding: 0;
    background: transparent;
    border: unset;
    position: relative;
    cursor: pointer;
    z-index: 4;
    display: flex;
    justify-content: center;
}
.navbar-collapse {
	position: absolute;
	top: 100%;
	background: var(--black-color);
	width: 100%;
	height: 100vh;
	left: -100%;
	transition: all 0.3s;
    display: block !important;
    z-index: 9;
    overflow: auto;
}
.navbar-collapse.show {
	left: 0;
}
header nav {
	position: unset !important;
}
header{
    position: relative;
}
.banner-detail-wrapper {
    margin-top: 30px;
}
.close-icon,.navbar-toggler[aria-expanded="true"] .menu-icon{
    display: none;
}
.navbar-toggler[aria-expanded="true"] .close-icon{
    display: block;
}
.navbar-toggler:focus {
	box-shadow: unset;
}
header .navbar-nav .nav-item{text-align: center;}
header .navbar-nav .nav-item:not(.nav-item:first-child) {
	margin: 40px 0 0 !important;
}
.header-right {
	gap: 38px;
	flex-direction: column;
    margin-top: 38px;
}
ul.navbar-nav {
	margin-top: 15px;
}
.location-detail-boxes {
	position: unset;
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.location-detail-boxes .location-detail-box:nth-child(2n-1),.location-detail-box{
    margin:0 auto;
}
.second-box {
  order: 1;
}
.fourth-box {
  order: 2;
}
.first-box {
  order: 3;
}
.third-box {
  order: 4;
}
.fifth-box {
  order: 5;
}
.location-detail-boxes >div {
	transform: unset;
}
.container, .container-md, .container-sm {
	max-width: 100%;
	padding-right: 24px;
	padding-left: 24px;
}
.section-title {
	max-width: 344px;
}
.changing-rules-section .section-title {
	max-width: 374px;
}
.right-image {
	margin-top: 0;
}
.right-image {
	margin-bottom: -96px;
	width: calc(100% + 78px);
	left: -54px;
	position: relative;
    text-align: center;
}
.key-features-section .row, .left-features-content {
	row-gap: 20px;
}
.contact-chat-box {
	gap: 22px;
	padding: 35px 20px;
}
.chat-text {
	max-width: 240px;
}
.vacant-image {
	max-width: unset;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	width: calc(100% + 48px);
	left: -24px;
}
.vacant-position-section .left-content {
	text-align: center;
    padding: 0;
}
.vacant-position-section{
	margin-bottom: 0;
	padding: 100px 0;
}
.vacant-position-section .section-title {
	max-width: 100%;
}
.vacant-position-section .row{
    gap: 45px;
}
.vacant-buttons .first-btn {
	left: 1.5%;
}
.vacant-buttons .third-btn {
	right: 1.5%;
}
.vacant-image > img ,.right-image>img{
	width: 100%;
}
.download-app-section .row {
	gap: 40px;
    text-align: center;
}
.download-app-text {
	margin:20px auto 0;
}
.download-app-section .left-content{padding: 0;}
.download-app-section{padding: 100px 0;}
.footer-right-menu {
	max-width: 100%;
	margin-left: unset;
}
.footer-top .row {
	row-gap: 60px;
}
.footer-brand {
	margin-bottom: 30px;
	text-align: center;
}
.key-features-section {
	padding-top: 196px;
}
.banner-image {
	width: 61.5%;
}
.banner-content {
	width: 38.5%;
}
.footer-top{
    padding-bottom: 100px;
}
.location-detail-box {
	max-width: 408px;
}
.social-list {
	margin-right: 0px;
}
.changing-rules-section .left-content {
	padding-top: 100px;
}
.key-features-section h4 {
	font-size: 22px;
}
.left-features-content > div {
	height: unset;
	overflow: unset;
	border-radius: 0;
}
.footer-bottom-menu li a{
    color: var(--primary-color);
}
.footer-bottom-menu li a:hover{
    color: var(--white-color);
}
}
@media (max-width: 767px) {
    .banner-detail-wrapper {
    margin-top: 0px;
}
    .vacant-buttons .btn::after {
	display: none;
}
.banner-row > div {
	width: 100%;
}
.banner-detail-wrapper {
	max-width: 100%;
	margin-right: 0;
}
.banner-image {
	margin-top: -57px;
}
.banner-content {
	position: relative;
	z-index: 1;
}
.partner-content {
	margin-top: 0;
}
.partner-content {
	margin-top: 25px;
	text-align: center;
}
.partner-images {
	padding-bottom: 96px;
}
.vacant-buttons .btn {
	max-width: 132px;
	padding: 7.5px 10px;
	font-size: 16px;
    text-align: center;
    left: unset;
  top: unset;
}
.vacant-buttons {
	top: 60.3%;
	justify-content: space-evenly;
	height: calc(100% - 60.3%);
}
.privacy-menu li{text-align: center; margin-bottom: 23px;}
.privacy-menu li:last-child{margin-bottom: 0;}
.copy-right-text {
	margin-bottom: 23px !important;
}
 .footer-bottom-menu li {
	margin-bottom: 12px;
}
.footer-bottom {
	padding: 67px 0 52px;
}
.location-detail-box {
	gap: 14px;
	padding: 27px 20px;
}
.banner-detail-wrapper h1 {
	max-width: 280px;
}

}
@media (max-width: 575px) {
    .vacant-buttons .btn {
    	max-width: 112px;
    }
    .vacant-buttons {
        top: 54.3%;
        height: calc(100% - 54.3%);
    }
    .changing-rules-section .section-title {
        max-width: 344px;
    }
}
@media (max-width: 375px) {
    .vacant-buttons .btn {
    	max-width: 92px;
        font-size: 14px;
    }
}