@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Readex+Pro:wght@160..700&display=swap');

/*Custom Fonts*/
@font-face {
	font-family: 'Bahnschrift';
	src: url('../fonts/BAHNSCHRIFT.TTF') format("truetype-variations");
	font-weight: 1 999;
}
/*Custom Fonts*/


:root{
	--white: #ffffff;
	--black: #000000;
	--golden: #BD995C;
	--Light_Silver: #D9D9D9;
	--charcoal_gray: rgba(36, 32, 33, 0.60);
	--Readex_Pro: "Readex Pro", serif;
	--Bahnschrift: 'Bahnschrift', serif;
}
*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	scroll-behavior: smooth;
}

html { overflow-x: hidden; }

body {background-color: var(--black); font-size: 0.833vw; color: var(--black); font-family: var(--Bahnschrift); font-weight: 400; overflow: hidden;}

ul{list-style: none;}

a{text-decoration: none; display: inline;}

img{    width: auto;
	height: auto;
	max-width: 100%;
	y-align: bottom;
	border-style: none;
	-webkit-perspective: 0;
	perspective: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	visibility: visible;
	backface-visibility: hidden;}

.main-wrap{min-height: 100%; overflow: hidden; position: relative; overflow-x: hidden;}

header, section, main, footer {width: 100%; display: flex; align-items: center; justify-content: center;  flex-flow: column; position: relative;}

span, em, dfn{display: inline-block;}

dfn, address, em{font-style: normal;}
label, input[type="submit"]{cursor: pointer;}
button:focus{outline: none;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5{ font-family: var(--Bahnschrift); font-weight: 700; font-style: normal; color: var(--golden)}
h1 span, .h1 span, h2 span, .h2 span, h3 span, .h3 span, h4 span, .h4 span, h5 span, .h5 span{color: var(--white)}
h1, .h1{font-size: 65px; line-height: 101px; letter-spacing: 6.5px; text-transform: uppercase;}
h2, .h2{font-size: 60px; line-height: 68px;  font-weight: 600; text-transform: uppercase;}
h3, .h3{font-size: 45px; line-height: 60px; letter-spacing: -0.45px; text-transform: uppercase;}
h4, .h4{font-size: 32px; line-height: 60px; letter-spacing: -0.32px; color: var(--white)}
h5, .h5{font-size: 20px; line-height: 24px; letter-spacing: -0.32px; font-weight: 600; color: var(--white)}

.has-line{width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: center; gap: 1px;}
.has-line div{width: 100%; height: 5px;}
.has-line div:nth-child(2n +1){background-color: var(--golden);}
.has-line div:nth-child(2n +2){background-color: var(--white);}
.has-line-title-h2 .has-line div{width: 255px;}
em.heading-2-subtitle{color: var(--white); font-weight: 300; font-size: 20px; font-style: normal; font-weight: normal; line-height: 32px; text-transform: uppercase;}
em.heading-2-subtitle span{color: var(--golden);}
.has-line-title-h3 .has-line div{width: 175px;}

.has-line-title-h2, .has-line-title-h3{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column wrap; align-items: center;}
.has-line-title-h2{row-gap: 17px; z-index: 1; position: relative;}
.has-line-title-h3{row-gap: 21px; z-index: 1; position: relative;}

.desk{display: block;}
.mobi{display: none;}
.btn{display: block; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex ; flex-flow: row wrap; justify-content: center; align-items: center; width: 100%; width: 388px; height: 80px; background-color: var(--golden); color: var(--white); border: 1px solid var(--golden); border-radius: 50px; font-size: 22px; line-height: 30px; font-weight: 600; padding: 5px 10px 0; text-transform: uppercase; transition: all 0.4s ease-in-out;}
.btn:hover{color: var(--golden); background-color: transparent}

.py-100{padding: 100px 0;}

.wrapper{width: 100%; max-width: 1666px; padding: 0 20px; margin: 0 auto;}

/* Flex style */
.flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap;}
/* End Flex style */








.input-select{width: 100%; max-width: 272px; position: relative;}
.input-select input{display: none;}
.input-select label{width: 100%; height: 78px; border-radius: 10px; border: 1px solid #231F20; background: #1D1A1B; padding: 26px 27px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; color: #FFF; font-size: 20px; font-style: normal; font-weight: 400; line-height: 12px; letter-spacing: -0.2px; transition: background, border, color 0.2s ease-in-out}
.input-select label:before{content: ''; position: absolute; top: 50%; right: 27px; transform: translateY(-50%); width: 25px; height: 25px; border: 1px solid var(--white); border-radius: 100%; transition: border 0.4s ease;}
.input-select label:after{content: ''; position: absolute; top: 50%; right: 32px; transform: translateY(-50%) scale(0); width: 15px; height: 15px; background-color: var(--golden); border-radius: 100%; transition: transform 0.2s ease;}
.input-select input:checked + label:after{transform: translateY(-50%) scale(1);}
.input-select input:checked + label{border-color: var(--golden); background: rgba(189, 153, 92, 0.13); color: var(--golden)}
.input-select input:checked + label:before{border-color: var(--golden);}

.input-checkbox{width: 100%; max-width: 272px; position: relative;}
.arabic-version .input-checkbox{width: 100%; max-width: 296px; position: relative;}
.input-checkbox input{display: none;}
.input-checkbox label{width: 100%; height: 78px; border-radius: 10px; border: 1px solid #231F20; background: #1D1A1B; padding: 26px 27px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; color: #FFF; font-size: 20px; font-style: normal; font-weight: 400; line-height: 12px; letter-spacing: -0.2px; transition: background, border, color 0.2s ease-in-out}
.input-checkbox label:before{content: ''; position: absolute; top: 50%; right: 27px; transform: translateY(-50%); width: 25px; height: 25px; border: 1px solid var(--white); border-radius: 2px; transition: border, background 0.2s ease;}
.input-checkbox input:checked + label:before{border: 1px solid var(--golden); background: var(--golden);}
.input-checkbox label:after{content: ''; position: absolute; top: 48%; right: 36px; left: auto; width: 6px; height: 14px; border: solid var(--white); border-width: 0 2px 2px 0; transform: translateY(-50%) rotate(45deg); transition: all 0.4s ease-in-out; clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.input-checkbox input:checked + label:after{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.input-checkbox input:checked + label{border-color: var(--golden); background: rgba(189, 153, 92, 0.13); color: var(--golden)}



.input-box input{width: 100%; height: 78px; padding: 10px 27px; border-radius: 10px; border: 1px solid #231F20; background: #1D1A1B; color: var(--white);  font-size: 20px;     font-family: var(--Bahnschrift); font-style: normal; font-weight: 400; line-height: 12px; letter-spacing: -0.2px}
.input-box input:focus-within, .input-box input:focus-visible{outline: none}
.input-box input::placeholder{color: var(--white); opacity: 0.5}

input[type="submit"]{font-family: var(--Bahnschrift);}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}
input.typing, input.valid {
	border-color: var(--golden);
}

.popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
}
.popup-content {
	background: white;
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	max-width: 500px;
	width: 100%;
}
p#successMessage {
	font-family: 'Poppins';
	font-size: 18px;
}
.checkmark {
	color: var(--golden);
	font-size: 50px;
}
#closePopup {
	background: var(--golden);
	color: white;
	border: none;
	padding: 12px 30px;
	cursor: pointer;
	font-size: 16px;
	margin-top: 10px;
	border-radius: 12px;
}


section.hero-wrap { padding: 80px 0 300px; }
section.hero-wrap .wrapper{max-width: 1460px;}
.hero-content{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: center; width: 100%; gap: 61px;}
.hero-video-wrap{width: 100%;}
.hero-video-wrap video { width: 100%; }
.hero-content h1{text-align: center; max-width: 1030px;}


section.alam-numbers-wrap { padding: 4px 0 278px; }
.alam-numbers-inner{position: relative; width: 100%;}
.alam-numbers-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.numbers-background-mask-top { position: absolute; top: 0; left: 0; width: 100%; height: 573px; background: linear-gradient(180deg, #000 24.16%, rgba(0, 0, 0, 0.00) 84.3%); }
section.alam-numbers-wrap .wrapper{max-width: 1300px;}

.numbers-background-thumb { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; }
.numbers-background-thumb img{width: 100%; height: 100%; object-fit: cover}
.numbers-background-mask-bottom { position: absolute; top: auto; left: 0; bottom: 0; width: 100%; height: 450px; background: linear-gradient(0deg, #000 24.16%, rgba(0, 0, 0, 0.00) 84.3%); }
.numbers-background-mask-full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(1deg, #000 12.85%, rgba(0, 0, 0, 0.85) 80.02%); }


.number-cards { width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; gap: 60px 0; justify-content: space-between; margin-top: 196px; }

.numbers-card{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex ; flex-flow: row wrap; align-content: space-between; justify-content: flex-start; width: 21%; padding: 28px 36px; background-color: var(--charcoal_gray); backdrop-filter: blur(5px); row-gap: 90px;}
.numbers-card-text{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column wrap; align-content: flex-start; gap: 7px;}
.numbers-card-text span{color: var(--white); font-size: 40px; font-weight: 600; line-height: 60px; /* 150% */ letter-spacing: -0.4px;}
.numbers-card-text em{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; align-items: baseline; color: var(--white); font-size: 20px; font-style: normal; font-weight: 300; line-height: 32px; letter-spacing: -0.2px; max-width: 158px;}
.numbers-card-text em dfn{color: var(--Light_Silver); font-size: 14px; font-style: normal; font-weight: 300; line-height: 12px; letter-spacing: -0.14px;}
.numbers-card-text em dfn{color: var(--Light_Silver); font-size: 14px; font-style: normal; font-weight: 300; line-height: 12px; letter-spacing: -0.14px;}

.numbers-card-icon{width: 100%; height: 43px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start;}
.numbers-card-icon img{width: auto; height: auto; max-width: 48px;}


section.alam-service-wrap { padding: 106px 0 0; min-height: 975px; justify-content: flex-start; }
.bg-background{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.bg-background figure{width: 100%; height: 100%;}
.bg-background figure img{width: 100%; height: 100%; object-fit: cover;}
.ready-cta-wrap {position: relative; max-width: 445px; display: flex; flex-flow: column wrap; gap: 40px; justify-content: center; align-items: center; margin-top: 242px;}
.ready-cta-wrap h2{text-align: center; line-height: 80px; letter-spacing: -0.6px;}
.alam-service-wrap .has-line-title-h3 { row-gap: 34px;}


section.join-alam-wrap { padding: 135px 0 164px; }
.join-alam-wrap .wrapper { max-width: 1212px; }
.join-card-wrap{width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: space-between;  margin-top: 94px;}
.join-card{width: 45.99%; position: relative; overflow: hidden;}
.join-card-thumb-group{width: 100%; position: relative;}
.join-card-thumb-group img{position: absolute; bottom: -1px; left: 0; z-index: 2; transform: scale(1.005); height: 100%;}
.join-card-thumb-group figure{width: 100%; z-index: 1; position: relative;}
.join-card-thumb-group figure img{width: 100%; position: relative; transition: transform 0.4s cubic-bezier(0.77,0,0.18,1);; transform: scale(1); bottom: 0px;}

.join-card:hover .join-card-thumb-group figure img{transform: scale(1.2);}

.join-card-content{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; width: 100%; gap: 30px; display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; padding: 42px 25px; transform: translateY(102px); transition: transform 0.4s cubic-bezier(0.77,0,0.18,1);; z-index: 3; position: absolute; top: auto; bottom: 0; left: 0;}
.join-card:hover .join-card-content{transform: translateY(0);}
.join-card-content span{max-width: 230px; font-size: 35px; line-height: 43px; font-weight: 700; text-align: center;text-transform: uppercase; color: var(--white);}
.join-card-content .btn { width: 100%; max-width: 100%; transform: translateY(20px); transition: transform 0.4s ease;}
.join-card:hover .join-card-content .btn {transform: translateY(0); }




.join-card-mask-top{width: 100%; height: 380px; margin-top: -44px; position: absolute; top: 0; left: 0; z-index: 3; background: linear-gradient(180deg, #000 20.39%, rgba(0, 0, 0, 0.00) 83.77%);}
.join-card-mask-bottom{width: 100%; height: 380px; position: absolute; top: auto; bottom: -164px; left: 0; z-index: 3; background: linear-gradient(0deg, #000 20.39%, rgba(0, 0, 0, 0.00) 83.77%); opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out}
.join-card-mask-bottom.hover-hide{z-index: 4; opacity: 1; visibility: visible;}

.join-card:hover .join-card-mask-bottom { opacity: 1; }
.join-card:hover .join-card-mask-bottom.hover-hide {opacity: 0; visibility: hidden;}
/*.join-card.hover:hover .join-card-mask-bottom.hover-hide {z-index: 0;}*/


.contact-wrap { padding: 104px 0 130px; }
.contact-main { width: 100%; display: flex ; flex-flow: row wrap; margin-top: 66px; justify-content: space-between; align-items: flex-end}
.contact-map{width: 39%;}
.contact-details {width: 44.36%; min-width: 346px; color: var(--white); display: flex ; flex-flow: column wrap; align-content: start;}
.contact-details-wrap {    width: 47.159%; min-width: 780px; display: flex ; flex-flow: row wrap; justify-content: space-between; align-items: stretch; gap: 50px 0;}
.contact-details-icon {width: 32px; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}
.contact-info { display: flex; flex-direction: column; }
.contact-details-wrap h5 { margin-bottom: 20px; letter-spacing: 0; text-transform: uppercase;}
.contact-details-wrap span, .contact-details-wrap address, .contact-details-wrap a{color: var(--white); font-weight: 300; font-size: 20px; line-height: 32px; text-transform: uppercase;}
.contact-details-wrap address { max-width: 178px; }

.main-footer-section{padding: 120px 20px 160px; gap: 70px}
.footer-bottom p{color: rgba(255, 255, 255, 0.70); font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: 20px; line-height: normal; text-transform: capitalize;}

.header-wrap { width: 100%; padding: 85px 0; position: relative; top: 0; left: 0; z-index: 99; background: linear-gradient(91deg, #000 24.16%, rgba(0, 0, 0, 0.00) 84.3%); }
.header-wrap .wrapper{max-width: 1720px; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; position:relative;}
.nav-trigger{width: 46px; height: 46px; border: 1px solid var(--white); border-radius: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; cursor: pointer; display:none;}
.hamburger{width: 19px; height: 19px; position: relative;}
.hamburger div{width: 100%; height: 2px; border-radius: 5px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background-color: var(--white);}
.hamburger div:first-child { top: 2px; transform: translateY(0); }
.hamburger div:last-child { bottom: 2px; top: auto; transform: translateY(0); }




.form-wrap { padding: 35px 0 154px; gap: 105px 0; }
.form-wrap .wrapper{max-width: 950px}
.form-wrap .has-line-title-h3 { row-gap: 41px; }
.form-wrap h3{font-weight: 600; line-height: 40px;}
.form-row-wrap { display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; row-gap: 45px;}
.form-row{width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; row-gap: 18px;}
.select-group{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: space-between;}
.contact-details-input .input-box {width: 100%; display: flex; flex-flow: row wrap; gap: 32px 0; justify-content: space-between}
.contact-details-input .input-box input { width: 48.35%; }
.form-row.submit { justify-content: center; align-items: center; margin-top: 5px;}
label.uploadFile{width: 100%; height: 78px; padding: 10px 27px; border-radius: 10px; border: 1px solid #231F20; background: #1D1A1B; color: var(--white); font-size: 20px; font-style: normal; font-weight: 400; display: flex ; flex-flow: row wrap; justify-content: flex-start; align-items: center; gap: 27px;}
input.inputfile{position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0; visibility: hidden;}


.numbers-background-thumb img.mobi{display: none;}




.contact-wrap .wrapper{max-width: 1694px}



.language {
	position: absolute;
	top: 50px;
	left: auto;
	right: 20px;
	width: 138px;
	height: 78px;

}

.language ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	column-gap: 20px;
	justify-content: center;
	padding: 25px 31px;
	border-radius: 50px;
	border: 1px solid var(--white);
	position: relative;
}

.language ul li{position: relative;}
.language ul li:after {
	position: absolute;
	top: 13px;
	transform: translateY(-50%);
	left: auto;
	right: -11px;
	width: auto;
	height: auto;
	content: '|';
	font-size: 14px;
	line-height: 130%;
	color: var(--white);
	letter-spacing: 0.03em;
	text-transform: uppercase;
	transition: .3s ease-in-out;
}
.language ul li:last-child:after{display: none;}
.language ul li a {
	font-size: 20px;
	line-height: 130%;
	color: var(--white);
	letter-spacing: -0.2px;
	text-transform: uppercase;
	transition: .3s ease-in-out;

	font-family: var(--Readex_Pro)

}
.language ul li.active a{color: var(--golden);}

.header-wrap .language {
	right: auto;
	top: 47px;
	left: 20px;
}

.form-row h4{font-weight: 600; letter-spacing: 0.5px;}

@media only screen and (max-width: 1366px) {


	.contact-details-wrap {min-width: 700px;}

}


@media only screen and (max-width: 1200px) {

	h1, .h1{font-size: 45px; line-height: 60px; letter-spacing: 3px; text-transform: uppercase;}
	h2, .h2{font-size: 35px; line-height: 45px;  font-weight: 600; text-transform: uppercase;}
	h3, .h3{font-size: 30px; line-height: 40px; letter-spacing: -0.45px; text-transform: uppercase;}
	h4, .h4{font-size: 25px; line-height: 35px; letter-spacing: -0.32px; color: var(--white)}
	h5, .h5{font-size: 18px; line-height: 24px; letter-spacing: -0.32px; font-weight: 600; color: var(--white)}

	.btn{width: 278px; height: 55px; font-size: 18px}
	.has-line-title-h2 .has-line div { width: 165px; }
	.has-line-title-h3 .has-line div { width: 125px; }
	.alam-service-wrap .has-line-title-h3 { row-gap: 14px; }



	.contact-details-wrap { min-width: 500px; }
	.contact-details-wrap span, .contact-details-wrap address, .contact-details-wrap a{font-size: 14px; line-height: 22px;}
	.contact-details { min-width: 250px;}
	.number-cards{margin-top: 60px; gap: 20px 0}
	.numbers-card{width: 24%; row-gap: 60px;}
	.numbers-card-text span { color: var(--white); font-size: 28px; font-weight: 600; line-height: 38px;}


	.numbers-background-mask-top {height: 300px;}
	.numbers-background-mask-bottom {height: 250px;}

	section.alam-numbers-wrap { padding: 4px 0 98px; }

	section.alam-service-wrap { padding: 70px 0 0;}
	.numbers-card-text em{ font-size: 14px; line-height: 20px; max-width: 130px;}

	section.alam-service-wrap { min-height: 645px;}
	.ready-cta-wrap { max-width: 300px; margin-top: 150px;}
	.ready-cta-wrap h2 {line-height: 50px;}

}

@media only screen and (max-width: 870px) {

	/* Home page */
	.contact-map { width: 100%; margin-bottom: 50px; }
	.contact-details-wrap { min-width: 100%; width: 100%; }
	/* Home page */

	/* join us pages */
	.header-wrap{padding: 60px 0;}
	.select-group{row-gap: 30px;}
	.input-select{max-width: 49%;}
	.contact-details-input .input-box input { width: 49%; }
	.input-checkbox{max-width: 49%;}
	.form-wrap { padding: 50px 0; gap: 90px 0; }


	/* join us pages */

}

@media only screen and (max-width: 767px) {

	h1, .h1 { font-size: 35px; line-height: 1.2; letter-spacing: normal; }
	h2, .h2 { font-size: 30px; line-height: normal;}


	.desk{display: none;}
	.mobi{display: block;}


	.numbers-card{
		width: 100%; 
		min-height: 274px;
		row-gap: 0;
	}
	.numbers-card-text{
		gap: 16px;
		align-items: flex-start;
		justify-content: flex-start;
	}


	.numbers-card-icon{
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
		align-content: flex-end;
		flex-flow: row wrap;
	}

	.numbers-card-text em {
		font-size: 20px;
		line-height: 30px;
		max-width: 160px;
	}
	.numbers-card-text span {
		color: var(--white);
		font-size: 40px;
		font-weight: 600;
		line-height: 64px;
	}


	.language {
		position: absolute;
		top: 34px;
		left: auto;
		right: 20px;
		width: auto;
		height: 45px;
	}

	.language ul {
		height: 100%;
		padding: 8px 15px;
	}

	.language ul li a {
		font-size: 14px;
		line-height: 26px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.language ul li:after {
		top: 14px;
		right: -13px;
		width: auto;
		height: auto;
		content: '|';
		font-size: 14px;
		line-height: 26px;
	}

	/* Home page */
	section.hero-wrap { padding: 0;}
	section.alam-numbers-wrap { padding: 0px;  padding-top: 15px;}
	.hero-content h1 {position: absolute; bottom: 76px;}
	section.hero-wrap .wrapper {padding: 0; position: relative;}

	.hero-video-wrap {max-height: 706px;}
	.hero-video-wrap video {height: 100%;}

	.alam-numbers-background{display: block;}
	section.alam-service-wrap { min-height: auto; padding: 0; margin: 70px 0;}
	.bg-background figure img{object-fit: cover;}
	section.join-alam-wrap{padding: 0;}
	.join-card{width: 100%;}
	.join-card-wrap{gap: 40px; margin-top: 40px}
	.contact-wrap { padding: 50px 0; }
	.contact-map { width: 100%; }
	.contact-details-wrap { min-width: 100%; }
	.contact-details { min-width: 100%; width: 100%; }
	.main-footer-section{padding: 50px 20px; gap: 30px;}
	.footer-bottom p{font-size: 16px;}
	/* Home page */

	/* join us pages */
	.header-wrap{padding: 50px 0;}
	.form-wrap { padding: 50px 0; gap: 70px 0; }
	.form-row-wrap{gap: 32px;}
	.select-group{gap: 18px;}
	.input-select{max-width: 100%;}
	.contact-details-input .input-box input { width: 100%; }
	.contact-details-input .input-box{gap: 30px;}
	.input-checkbox{max-width: 100%;}
	/* join us pages */


	.logo{width: 40px;}
	.header-wrap .language {top: 28px;}
	.form-wrap .has-line-title-h3 { row-gap: 18px;}


	.input-select label{
		height: 52px; 
		padding: 18px;
		font-size: 16px;
	}

	.input-box input {
		height: 55px;
		padding: 10px 18px;
		font-size: 16px;}
	.form-row h4{
		font-size: 22px;
		line-height: 30px;
	}

	.join-card-mask-bottom {opacity: 1;}
	.join-card-mask-bottom.hover-hide {opacity: 0; visibility: hidden;}
	.join-card-content {transform: translateY(0);}

	.join-card-content span {
		max-width: 130px;
		font-size: 20px;
		line-height: 28px;
	}


	.join-card-content .btn {
		transform: translateY(0);
	}

	.ready-cta-wrap {
		max-width: 230px;
		margin-top: 60px;
		gap: 24px;
	}

	.ready-cta-wrap .btn{width: 100%;}


	.numbers-background-mask-top, .numbers-background-mask-full, .numbers-background-mask-bottom{display: none}

	.numbers-background-thumb img.desk{display: none;}
	.numbers-background-thumb img.mobi{display: block;}
	section.alam-numbers-wrap .wrapper {
		max-width: 1300px;
		padding: 0 59px;
	}
	.numbers-background-thumb {height: 70%;}
	.has-line-title-h2 .has-line div {
		width: 133px;
	}

}

@media only screen and (max-width: 767px) {
	section.alam-numbers-wrap .wrapper {
		max-width: 1300px;
		padding: 0 20px;
	}


}