@charset "UTF-8";
/* CSS Document */

*{
	box-sizing: border-box;

}
html{
	scroll-behavior: smooth;
}
@font-face {
	font-family: 'Raleway';
	src: url(assets/Raleway-Regular.ttf) format('normal');
	
}
@font-face {
	font-family: 'AdventPro-Regular';
	src: url(assets/AdventPro-Regular.ttf) format('normal');
	
}


body{font-family: 'Raleway', 'AdventPro-Bold', 'AdventPro-Medium', 'AdventPro-Regular';
	width: 100%;
	overflow-x: hidden;
	margin: auto;
	color: #181818;
}


h1{font-size: 60px;
font-family: 'Raleway';
font-weight: 600;
}
h2{font-family: 'Raleway';
font-size: 40px;
font-weight: 500;
}
h3{
	font-family: 'Raleway';
	font-weight: 400;
	font-size: 24px;
}

/*************STYLE FOR NAVBAR*************************/
/*************STYLE FOR NAVBAR*************************/
/*************STYLE FOR NAVBAR*************************/

header{background-color: #efefef;
	display: flex;
	align-items: center;
	z-index: 1;
	position: sticky;
	top: 0;
}

nav{
	display: flex;
	flex-direction: row;
	width: 85%;
	height: 80px;
	margin: 0 auto;
	align-items: center;
	justify-content: space-between;
}
.logo{
	padding-top: 4px;
}

.logo a{
	text-decoration: none;
	color: inherit;
}

nav ul{
list-style: none;
	display: flex;
	margin: 0;
	flex-direction: row;
	transition: all .3s ease-in-out;
}

nav ul li{
	padding: 0 20px;
}
nav ul li a{
	text-decoration: none;
	color: inherit;
	font-size: 20px;
}
.nav-ul a:hover{ 
	color: #f7931e;
} 
.humburger{
	display: none;
	
}
.login-content{display: none;}

/***********************STYLE FOR HOMEPAGE SECTION 1*************************************/
/***********************STYLE FOR HOMEPAGE SECTION 1*************************************/
/***********************STYLE FOR HOMEPAGE SECTION 1*************************************/


.home-page{width: 90%;
	margin: 0 auto 20px auto;
	height: 800px;
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("images/homeimage.jpg");

	display: grid;
	grid-template-rows: 70% 25%;
	
	position: relative;
	
}
.social-media{
	background: linear-gradient(145deg, #e6e6e6, #ffffff);
	box-shadow:  4px 4px 8px #d9d9d9,
				 -4px -4px 8px #ffffff;

		position: absolute;
	transform: translateY(-50%);
	top: 80%;
	right: 3%;
	width: 40px;
	height: 100px;
	border-radius: 100vw;
padding: 4px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}
.social-icons{
	width: 32px;
	height: 32px;
	background: linear-gradient(145deg, #e6e6e6, #ffffff);
	box-shadow:  3px 3px 4px #d9d9d9,
				 -3px -3px 4px #ffffff;
				 border-radius: 50%;
				 display: flex;
				 align-items: center;
				 justify-content: center;
}
.social-icons a{ display: flex;
	align-items: center;
	justify-content: center;}
.home-page h1{
	 margin:100px 0 0 0;
	padding: 0 ;
}



.home-text{
	display: flex;
	flex-direction: column;
	width: 80%;
	margin: auto;
	
}
.home-text button{

	border: 1px solid #9e151f;
	background: linear-gradient(145deg, #9c2a2a, #672222);
box-shadow:  2px 2px 4px #b3b3b3,
             -2px -2px 4px #d6d6d6;
	color: white;
	font-size: 24px;
	font-family: 'Raleway';
	padding: 8px 16px;
	border-radius: 32px;
	margin: 10px 0;
	transition: all .3s ease-in-out;

}
.home-page button a{
	text-decoration: none;
	color: inherit;
}
.home-text button:active{
	outline:1px solid gray;
}.home-page button:hover{
	background: linear-gradient(145deg, #e6e6e6, #ffffff);	border: 1px solid #9e151f;
	color: #9e151f;
	transition: all .3s ease-in-out;
}

.scroll-button{position: fixed;
	z-index: 2;
	left: 45%;
	transform: translateX(-50%);
	bottom:48px;
	border: 1px solid #414141;
	width: 20px;
	height: 40px;

	border-radius: 24px;
	display: flex;
	justify-content: center;
	padding: 4px;
	opacity:1;

	animation: hide-button linear forwards;

	animation-timeline: view();
	animation-range-start: 10%;
	animation-range-end: 20%;
}
@keyframes hide-button{
to{opacity:0}
}
@keyframes move-down{
	80%{
		opacity: 0.5;
	}
	100%{
		opacity: 0;
transform: translateY(24px);
	}
}

.scroll-direction{top: 0;
	width: 6px;
	height: 6px;
	background-color: #414141;
	border-radius: 50%;
	animation: move-down 1.6s infinite;
	
}

/*************************section 2 style***********************************************/

.section2-text{
	display: flex;
	flex-direction: column;
	width: 70%;
	margin:  auto;
}
.section2-text h3{
	padding: 20px 0;
}

.section2-text h1{
	margin: 30px 0;
	font-family: 'Raleway';
	font-weight: 600;
}
.cources{
	display: flex;
	flex-direction: row;
	margin: 50px auto;
	
	align-items: center;
	justify-content: center;
}
.cources h1{
	font-size: 100px;
	color: #f7931e;
	margin: 0;
	padding: 0 20px;
	
}
.cources h2{
	line-height: 0.9;
	font-weight: 500;
	margin: 0;
	padding: 0 20px;
}

/****************next section 2023 path*********************************/


.path-2023{display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: repeat(6, 16%);
	grid-template-areas: 'firstleft firstright'
		'secondleft secondright'
		'thirdleft thirdright'
		'fourthleft fourthright'
		'fifthleft fifthright'
		'sixthleft sixthright';	
	position: relative;
	width: 90%;
	margin:50px auto 120px auto;
	height:1400px;


}

.path-2023 a{
	text-decoration: none;
	cursor: pointer;
	color: inherit;
	display: flex;
		flex-direction: column;
	align-items: flex-start;
	background: #ffffff;
box-shadow:  9px 9px 27px #e8e8e8,
             -9px -9px 27px #ffffff;
		border-radius: 8px;
	margin: 0 16px;
transition:all .3s ease-in-out;
	
}



.path-2023 a img{
	
	border-radius: 8px 8px 0 0;
}
.path-2023 a:hover{
	scale:1.03;
}

.path-2024 a:hover{
	scale:1.03;
}
.path-2024 a img{
	
	border-radius: 8px 8px 0 0;
}
.path-2024 a{
	text-decoration: none;
	cursor: pointer;
	color: inherit;
	display: flex;
		flex-direction: column;
	align-items: flex-start;
	background: #ffffff;
box-shadow:  9px 9px 27px #e8e8e8,
             -9px -9px 27px #ffffff;
		border-radius: 8px;
	margin: 0 16px;
	transition:all .3s ease-in-out;
}



.pin-img{ margin: 0 8px;}
.pin-img:hover{

animation: move-pin-image linear  ;
animation-duration: 0.5s;


}
@keyframes move-pin-image{
	to {
		scale:-1.05 1;
	}
}
.city-location1{grid-area: firstleft;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	margin: auto ;
	padding: 5px;
}



.city-tittle{width: 100%;
	display: flex;
	flex-direction: column;
	
	
}
.city-tittle h2{
	padding: 8px;
	
	font-family: 'Raleway';
	font-weight: 500;
	font-size: 20px;
	
}
.city-tittle h3{
	font-family: 'Raleway';
font-weight: 400;
	font-size: 16px;
	padding:  8px;
}

.information{width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.information-imgn{

width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
	padding: 4px;
	border-radius: 50%;
	margin: 8px;
	background: linear-gradient(145deg, #9c2a2a, #672222);
box-shadow:  2px 2px 4px #b3b3b3,
             -2px -2px 4px #d6d6d6;
}
.information-imgn img{
	width: 100%;
	height: 100%;
}

.city-location2{grid-area: secondright;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin: auto;
	padding: 5px;
}
.city-location3{grid-area: thirdleft;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	margin: auto;
	padding: 5px;
}

.city-location4{grid-area: fourthright;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin: auto;
	padding: 5px;
}

.city-location5{grid-area: fifthleft;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	margin: auto;
	padding: 5px;
}
.city-location9{grid-area: sixthright;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin: auto;
	padding: 5px;
}

/********************next section 2024 path******************************/


.path-2024{
	display: grid;
	grid-template-columns: 50% 50%;
	
	grid-template-rows: repeat(
	5, 19%);
	grid-template-areas: 'first-left first-right'
		'second-left second-right'
		'third-left third-right'
		'fourth-left fourth-right'
		'fifth-left fifth-right';
		
	position: relative;
	width: 90%;
	margin:50px auto 80px auto;
	height: 1100px;

}
.red-line{position: absolute;
	left:50%;
	top: 0;
	transform: translate(-50%);
	height: 1400px;
	width: 2px;
	scale: 1 0;
	background-color: #9e151f;
	animation: scroll-line;
	transform-origin: top;
	animation-timeline: view();
animation-range-start: 200px;
}
.red-line2{position: absolute;
	left:50%;
	top:0;
	transform: translate(-50%);
	height: 1100px;
	width: 2px;
	scale:1 0;
	background-color: #9e151f;
	animation: scroll-line ;
	transform-origin: top;
	animation-timeline: view() ;
	animation-range-start: 200px;
	animation-range-end: normal;


}

@keyframes scroll-line {

	to{
	scale: 1 1;
}

}

.city-location6{grid-area: second-left;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	margin: auto;
	padding: 5px;
}
.city-location7{grid-area: fourth-left;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	margin: auto;
	padding: 5px;
}
.city-location8{grid-area: fifth-right;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin: auto;
	padding: 5px;
}
.city-location10{grid-area: first-right;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin: auto;
	padding: 5px;
}
.city-location11{grid-area: third-right;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin: auto;
	padding: 5px;
}

/********************style for section 5**************************************/

.section5-text{
	width: 70%;
	margin: 128px auto;
	
}
.section5-text h1{padding: 30px 0;
	
	font-size: 52px;
}
.section5-text ul li h4{
	font-size: 24px;
	font-weight: 400;
	
	
}



/***********************   CAROUSEL ********************************************/
.scroller-content{
	display: flex;
	flex-direction: column;
	overflow: hidden;
	margin:  auto;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
}

.tag-list{
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: center;
}
.tag-list img{
	border: 1px solid #ffffff;
	border-radius: 12px;
}

.tag-list li{
	padding: 20px;
	align-items: center;
	
}

.before-scroller h1{ text-align: center;
margin:128px auto;}
.scroller{ overflow: hidden;
	max-width: 85%;
	
}
.scroller-inner{width: max-content;
	padding-block: 1rem;
	display: flex;
	flex-direction: row;
	overflow: hidden;
	flex-wrap: wrap;
	animation: scroll 60s linear infinite;
}

@keyframes scroll{
	to{
		transform: translate(calc(-50% - 0.5rem))
	}
}

.scroller{
	
	overflow: hidden;
	
	-webkit-mask: linear-gradient(
	90deg,
	transparent,
	white 5%,
	white 95%,
	transparent);
	
	mask: inear-gradient(
	90deg,
	transparent,
	white 5%,
	white 95%,
	transparent);
}

/*************************** stle for SECTION 6*****************************************/


.section6-content{
	display: flex;
	width: 100%;
	margin:50px auto;
	height: auto;
	padding:80px 0;
	background-color:#f7f7f7;

	clip-path: polygon(0% 0%, 100% 0%, 100% 94%, 30% 100%, 0% 95.5%);
}

.section6-absolute-content{
	display: flex;
	flex-direction: row;
	width: 85%;
	margin: auto;
	align-items: center;
	
}
.section6-img-tittle{
	width: 50%;
	display:grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: 50% 50%;
	margin: auto;
	
}
.section-6-image-1{display: flex;
	flex-direction:row;
	align-items: center;
	margin: auto;
	
}
.section-6-image-1 img{
	padding: 5px;
	width: 100%;
	margin: auto;
	
}

.section6-download{
	display: flex;
	flex-direction: column;
	width: 50%;
padding: 3%;
	align-items: flex-start;
	
}
.section6-dowvload-tittle{
	font-size: 54px;
}
.section6-dowvload-tittle span{
	color: #f7931e;
	font-size: 54px;
	
}
.section6-dowvload-tittle h3{
	margin: 0;
	font-weight: 500;
}

.section6-download-button{
	display: flex;
	flex-direction: row;
	align-items: center;
	
}

.section6-download-button h4{
	color: #9e151f;
	font-size: 24px;
	font-weight: 600;
	
}
.section6-download-button a{
	
	cursor: pointer;
	margin-left: 10px;
}

/******************* style for SECTION 7************************************/


.section7-container{
	width: 95%;
	margin:10vh auto;
}
.section7-container h1{
	margin: 50 auto;
	text-align: center;
}

.previous-courses{
	display: grid;
	grid-template-columns: repeat(4, 24.3%);
	grid-template-rows: repeat(3, 33%);
	grid-template-areas: 'cources-row1-left cources-row1-center cources-row1-right cources-row1-aside'
		'cources-row2-left cources-row2-center cources-row2-right cources-row2-aside'
		'cources-row3-left cources-row3-center cources-row3-right cources-row3-aside';
	column-gap:1rem;
	grid-row-gap: 1rem;
	width: 95%;
	margin:50px  auto;
	min-height:auto;
}

.previous-cource1{ 
	grid-area: cources-row1-left;
	border-bottom: 1px solid #d2d2d2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: auto;

	
}
.previous-cource1 h3{margin: 5px;
	font-weight: 600;
	font-size: 22px;
	color: #323232;
}
.previous-cource1 h4{
	font-size: 16px;
	font-weight: 400;
	margin: 5px;
}

.previous-cource2{
	grid-area:  cources-row1-center;
	border-bottom: 1px solid #d2d2d2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: auto;

}
.previous-cource2 h3{margin: 5px;
	font-weight: 600;
	font-size: 22px;
	color: #323232;
}
.previous-cource2 h4{
	font-size: 16px;
	font-weight: 400;
	margin: 5px;
}
.previous-cource3{
	grid-area: cources-row1-right;
	
	border-bottom: 1px solid #d2d2d2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: auto;
	
}
.previous-cource3 h3{margin: 5px;
	font-weight: 600;
	font-size: 22px;
	color: #323232;
}
.previous-cource3 h4{
	font-size: 16px;
	font-weight: 400;
	margin: 5px;
}
	
.previous-cource4{
	grid-area: cources-row1-aside;
	
	border-bottom: 1px solid #d2d2d2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: auto;
}
.previous-cource4 h3{margin: 5px;
	font-weight: 600;
	font-size: 22px;
	color: #323232;
}
.previous-cource4 h4{
	font-size: 16px;
	font-weight: 400;
		margin: 5px;
}
.previous-cource10{
	grid-area: cources-row2-left;
	
	border-bottom: 1px solid #d2d2d2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: auto;
}
.previous-cource10 h3{margin: 5px;
	font-weight: 600;
	font-size: 22px;
	color: #323232;
}
.previous-cource10 h4{
	font-size: 16px;
	font-weight: 400;
		margin: 5px;
}
.previous-cource11{
	grid-area: cources-row2-center;
	
	border-bottom: 1px solid #d2d2d2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: auto;
}
.previous-cource11 h3{margin: 5px;
	font-weight: 600;
	font-size: 22px;
	color: #323232;
}
.previous-cource11 h4{
	font-size: 16px;
	font-weight: 400;
		margin: 5px;
}
.previous-cource12{
	grid-area: cources-row2-right;
	
	border-bottom: 1px solid #d2d2d2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: auto;
}
.previous-cource12 h3{margin: 5px;
	font-weight: 600;
	font-size: 22px;
	color: #323232;
}
.previous-cource12 h4{
	font-size: 16px;
	font-weight: 400;
		margin: 5px;
}
.previous-cource5{
	grid-area: cources-row2-aside ;
	
	border-bottom: 1px solid #d2d2d2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: auto;
}
.previous-cource5 h3{margin: 5px;
	font-weight: 600;
	font-size: 22px;
	color: #323232;
}
.previous-cource5 h4{
	font-size: 16px;
	font-weight: 400;
	margin: 5px;
}
.previous-cource6{
	grid-area: cources-row3-left;
	
	border-bottom: 1px solid #d2d2d2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: auto;
}
.previous-cource6 h3{margin: 5px;
	font-weight: 600;
	font-size: 22px;
	color: #323232;
}
.previous-cource6 h4{
	font-size: 16px;
	font-weight: 400;
	margin: 5px;
}
.previous-cource7{
	grid-area: cources-row3-center;
	
	border-bottom: 1px solid #d2d2d2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: auto;
}
.previous-cource7 h3{margin: 5px;
	font-weight: 600;
	font-size: 22px;
	color: #323232;
}
.previous-cource7 h4{
	font-size: 16px;
	font-weight: 400;
	margin: 5px;
}
.previous-cource8{
	grid-area: cources-row3-right;
	
	border-bottom: 1px solid #d2d2d2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: auto;
}
.previous-cource8 h3{margin: 5px;
	font-weight: 600;
	font-size: 22px;
	color: #323232;
}
.previous-cource8 h4{
	font-size: 16px;
	font-weight: 400;
	margin: 5px;
}
.previous-cource9{
	grid-area: cources-row3-aside;
	
	border-bottom: 1px solid #d2d2d2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: auto;
}
.previous-cource9 h3{margin: 5px;
	font-weight: 600;
	font-size: 22px;
	color: #323232;
}
.previous-cource9 h4{
	font-size: 16px;
	font-weight: 400;
	margin: 5px;
}

/*********************** style for FOOTER******************************************/
/*********************** style for FOOTER******************************************/
/*********************** style for FOOTER******************************************/

footer{ 
	background-color: #323232;
	width: 100%;
	margin: auto;
height: auto;
	color: white;
	
}

.footer-row1{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	width: 90%;
	margin: auto;
	padding: 1% 0;
	height: 80%;
		
}
.footer-row1-tittle h3{
	margin: 0;
}
.footer-row1-list h3{
	margin: 0;
}
.footer-row1-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
	
}



.footer-row1-list ul li{
	font-size: 18px;
	padding: 5px 0;
}

.footer-row1-social ul{
	margin: 0;
	padding: 0;
	list-style: none;
	
}

.footer-row1-social ul li{display: flex;
	flex-direction: row;
	align-items: center;
	padding: 5px 0;
	font-size: 18px;
}
.footer-row1-social img{
	
	padding-right: 8px;
}

.footer-row1-arrow{
	
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 10px;
}
.footer-row1-arrow a img{
	width: 30%;
	padding: 12px 0;
	animation: move-up 0.65s ease infinite alternate;
}
@keyframes move-up {
     100%{
		transform: translateY(-10px);
	 }
}

.footr-row2 h4{text-align: center;
font-size: 22px;
	margin-top: 10px;
	padding-bottom: 10px;
}
.footer-row1-arrow a{cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-decoration: none;

}
footer a{ text-decoration: none;
	
color: inherit;
cursor: pointer;}

/************************ style for cookie banner***********************************************/
/************************ style for cookie banner***********************************************/

.wrapper{
	position: fixed;
	bottom: -200px;
	left: 20px;
		width: 350px;
	height: auto;
	background-color:#ffffff;
box-shadow:  3px 3px 4px #e8e8e8,
             -3px -3px 4px #ffffff;

	border-radius: 10px;
	padding:20px 10px;
	font-family: inherit;
	transition: all 1s ease;
}
.wrapper-show{
	bottom: 20px;
}



.wrapper-text{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.wrapper-info{
	display: flex;
	flex-direction: column;
	
}
.wrapper-info h5{ color: #F09D16;
	font-size: 18px;
	margin: 0;
	padding:3px  10px;
}
.wrapper-info h6{
	font-size: 16px;
	margin: 0;
	padding:3px  10px;
}
.wrapper-info a {text-decoration: none;
	margin: 0;
	padding:3px  10px;
}

.wrapper-buttons{
	display: flex;
flex-direction: row;
align-items: flex-start;
justify-content:center;
	padding:  5px 20px;
}

.accept-btn{font-family: 'Raleway' !important;
	border: 1px solid #F09D16;
	background-color: #ffffff;
	color: #F09D16;
	font-size: 16px;
	padding: 4px 16px;
	border-radius: 8px;
	margin: 5px 8px;
}
.reject-btn{font-family: 'Raleway' !important;
	border: 1px solid #F09D16;
	background-color: white;
	color:#F09D16;
	font-size: 16px;
	padding: 4px 8px;
	border-radius: 8px;
	margin: 5px ;
	
}
.accept-btn:hover{
	background-color: #F09D16;
    color: #ffffff;
}
.reject-btn:hover{background-color: #EEEEEE}

/************************       END OF HOME PAGE.    ***............*************************/
/************************       END OF HOME PAGE.    ***............*************************/
/************************       END OF HOME PAGE.    ***............*************************/
/************************       END OF HOME PAGE.    ***............*************************/



/************************     STYLE FOR CONTACT PAGE   ***............*************************/
/************************     STYLE FOR CONTACT PAGE   ***............*************************/
/************************     STYLE FOR CONTACT PAGE   ***............*************************/
/************************     STYLE FOR CONTACT PAGE   ***............*************************/

.contact-page-conteiner1{
	background: url("images/contact-page-image.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	
	display: flex;
	flex-direction: row;
	width: 70%;
	margin: auto;
	align-items: center;
		min-height: 600px;
	
}
.contact-us-tittle{
	width: 50%;
	
}
.contact-us-tittle h1{
	text-align: center;
}

.contact-form{
	width: 50%;
}

form{
	
	display: flex;
	flex-direction: column;

	width: 60%;
	height: 500px;
	background-color: rgba(255,255,255,0.8);

	border: 1px solid black;
	border-radius: 20px;
	padding: 3% 0;
}
input::placeholder{
	color: inherit;
}
textarea::placeholder{
	color: inherit;
}
input[type="text"] {
	
	width: 90%;
	margin: auto;
	border: 1px solid black;
	border-radius: 25px;
	padding: 12px;
	background-color: transparent;
	outline: none;
}
input[type="Email"] {
	
	width: 90%;
	margin: auto;
	border: 1px solid black;
	border-radius: 25px;
	padding: 12px;
	background-color: transparent;
	outline: none;
}
input[type="tel"] {
	margin: auto;
	border: 1px solid black;
	border-radius: 25px;
	padding: 12px;
	background-color: transparent;
	outline: none;
}
.input-in-row{ 
	display: flex;
	flex-direction: row;
	width: 91%;
	margin: auto;
align-items: center;
	justify-content: space-between;
}

.input-in-row input{
	width: 49%;
}

textarea{resize: none;
	width: 90%;
	margin: auto;
	border: 1px solid black;
	border-radius: 25px;
	padding: 12px;
	background-color: transparent;
	outline: none;

}
.checkbox{width: 90%;
	display: flex;
	flex-direction: row;
	margin:0 auto;
	
}
 checkbox{border: 1px solid black;
	display: flex;
}

input[type="submit"]{
	background: linear-gradient(145deg, #9c2a2a, #672222);
	box-shadow:  2px 2px 4px #b3b3b3,
				 -2px -2px 4px #d6d6d6;		width: fit-content;
	padding: 4px 16px;
	border-radius: 16px;
	outline: none;
	margin: 2% 5%;
	color: white;
	font-size: 16px;
	outline: none;
	cursor: pointer;
}

.contact-page-section2{
	width: 70%;
	margin:50px  auto;
	
}
.contact-page-section2 h1{
	font-size: 53px;
}
.contact-page-section3{
	
	width: 70%;
	margin: auto;
	display: flex;
	flex-direction: column;
	
}
.programm{display: grid;
	grid-template-columns: 24% 74%;
	column-gap: 2%;
align-items: baseline;
}
.programm h1{
	color: #f7931e;
	font-size: 40px;
}
.programm ul li{
	font-size: 20px;
}

/****************************** STYLE FOR ABOUT US PAGE************************************************/
/****************************** STYLE FOR ABOUT US PAGE************************************************/
/****************************** STYLE FOR ABOUT US PAGE************************************************/
/****************************** STYLE FOR ABOUT US PAGE************************************************/


.about-us-image{
	width: 100%;
	min-height: 600px;
	
	margin: auto;
position: relative;
	
	display: flex;
	align-items: center;
}
.about-us-image h1{
	width: 85%;
	text-align: end;
	position: absolute;

}
.about-us-image img{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	
}

.about-us-list{
	width: 70%;
	margin: auto;
	font-size: 30px;
	padding-bottom: 80px;
}

.about-us-list h1{
	text-align: center;
}

.about-us-photos{
	width: 60%;
	height: auto;
	align-items: center;
	justify-content: center;
	display: grid;
	grid-template-columns: 50% 50%;
		grid-template-rows: 49% 49%;
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	margin: auto;
	
}
.about-us-photos img{
	justify-content: center;
	display: flex;
	align-items: center;
	margin: auto;
}

/******************************** PAGE FOR CITIES*******************************************************/
/******************************** PAGE FOR CITIES*******************************************************/
/******************************** PAGE FOR CITIES*******************************************************/
/******************************** PAGE FOR CITIES*******************************************************/
.contact-page-section2{padding: 0 24px;}
.new-york-container1{
	background:linear-gradient(rgb(0,0,0,0.5), rgb(0,0,0,0.5)), url("images/new-york-ablation.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
	width: 100%;
	margin: auto;
	height: 800px;
	justify-content: center;
	display: flex;
	align-items: center;
	
}

.city-page-tittle{
	padding: 20px;
	display: flex;
	flex-direction: column;
	width: 65%;
	border-radius: 12px;
	color: rgba(255,255,255,1.00);
}
.city-page-tittle h1,h2,h3,h4{
	margin: 0;
	font-weight: 400;
}
.city-page-tittle h2{font-size: 60px;
font-family:"Raleway";
color: #ffffff;
	padding: 10px 0;
	font-weight: 400;

}
.city-page-tittle h4{
	font-size: 40px;
}
.city-page-tittle h3{
	font-size: 60px;
	font-family:"Raleway";
	font-weight: 400;
}

.programm h1{
	font-size: 36px;
}
.vienna-container1{
	background:linear-gradient(rgb(0,0,0,0.5), rgb(0,0,0,0.5)), url("images/vienna-ablation.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	width: 100%;
	margin: auto;
	height: 800px;
	justify-content: center;
	display: flex;
	align-items: center;
}

.Nuremberg-container1{
	background: linear-gradient(rgb(0,0,0,0.5), rgb(0,0,0,0.5)),url("images/nuremberg-ablation.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	margin: auto;
	height: 800px;
	justify-content: center;
	display: flex;
	align-items: center;
}

.San-Fransisco-container1{

	background:linear-gradient(rgb(0,0,0,0.5), rgb(0,0,0,0.5)), url("images/san-fransisco-ablation.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	margin: auto;
	height: 800px;
	justify-content: center;
	display: flex;
	align-items: center;
}

.Beijin-container1{
	background: linear-gradient(rgb(0,0,0,0.5), rgb(0,0,0,0.5)), url("images/beijin-ablation.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	margin: auto;
	height: 800px;
	justify-content: center;
	display: flex;
	align-items: center;
}

.Boston-container1{
	background:linear-gradient(rgb(0,0,0,0.5), rgb(0,0,0,0.5)), url("images/boston-ablation.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	margin: auto;
	height: 800px;
	justify-content: center;
	display: flex;
	align-items: center;
}
.Barcelona-container1{
	background:linear-gradient(rgb(0,0,0,0.5), rgb(0,0,0,0.5)), url("images/barcelona-ablation.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	margin: auto;
	height: 800px;
	justify-content: center;
	display: flex;
	align-items: center;
}
.Chicago-container1{
	background:linear-gradient(rgb(0,0,0,0.5), rgb(0,0,0,0.5)), url("images/chicago-ablation.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	margin: auto;
	height: 800px;
	justify-content: center;
	display: flex;
	align-items: center;
}
.Miami-container1{
	background:linear-gradient(rgb(0,0,0,0.5), rgb(0,0,0,0.5)), url("images/miami-skyscrapers-with-bridge-sea-day.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	margin: auto;
	height: 800px;
	justify-content: center;
	display: flex;
	align-items: center;
}
.Bali-container1{
	background:linear-gradient(rgb(0,0,0,0.5), rgb(0,0,0,0.5)), url("images/temple-gates-lempuyang-luhur-temple-bali-indonesia.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	width: 100%;
	margin: auto;
	height: 800px;
	justify-content: center;
	display: flex;
	align-items: center;
}
.Australia-container1{
	background:linear-gradient(rgb(0,0,0,0.5), rgb(0,0,0,0.5)), url("images/pexels-patrick-mclachlan-995764.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
	width: 100%;
	margin: auto;
	height: 800px;
	justify-content: center;
	display: flex;
	align-items: center;
}
/************************* STYLE FOR GALLWRY**************************************************/
/************************* STYLE FOR GALLWRY**************************************************/
/************************* STYLE FOR GALLWRY**************************************************/
.First-gallery-page{ 
	margin: auto;
	display: flex;
	width: 95%;
	height: 700px;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	
}

.gallery{
	
	display: flex;
	flex-direction: column;
	width: 100%;
	margin:50px auto;
	justify-content: center;
	align-items: center;

	
}

.frame{
	height: 300px;
}
.gallery input{
	width: 25%;
	padding: 15px;
	background-color: #EFEFEF;
	border: 0.5px solid #9A9A9A;
	outline: none;
	border-radius: 25px;
	font-size: 32px;
	
}
.gallery input::placeholder{
	color: #9A9A9A;
}

.gallery-container{
	width: 85%;
	margin:auto;
	height: auto;
	display: grid;
	grid-template-columns: 33% 33% 33%;
	grid-template-rows: 50% 50%;
	grid-column-gap: 1rem;
	grid-row-gap: 3rem;
	margin-bottom: 20vh;
}
.gallery-container h4{
	color: #545454;
}


/************************************ style for cookies**************************************************************/
/************************************ style for cookies**************************************************************/
/************************************ style for cookies**************************************************************/


.cookies{ width: 85%;
margin: 150px auto;
justify-content: center;}
.cookies h2{
	font-size: 36px;
	
}
.cookies p, li{
	font-size: 21px;
}




/************************************    STYLE FOR RESPONSIVE    ****************************************************************/
/************************************    STYLE FOR RESPONSIVE    ****************************************************************/
/************************************    STYLE FOR RESPONSIVE    ****************************************************************/
/************************************    STYLE FOR RESPONSIVE    ****************************************************************/
/************************************    STYLE FOR RESPONSIVE    ****************************************************************/


 



@media only screen and (max-width: 1728px){
/*	*************************** home page**************************/
	
	.home-text button{
	
		font-size: 24px;
	}
	.section2-text h2{font-size:  36px;}
	.section2-text h3{font-size:  28px;}
	.section5-text h1{ font-size: 55px;}
	.section5-text h2{font-size: 36px;}
	.section5-text ul li h4 {font-size: 24px;}
	.section6-img-tittle h3, span{font-size: 36px;}
	.section6-dowvload-tittle{font-size: 55px;}
	.section6-dowvload-tittle span{font-size: 55px;}
	
/*	**************************** about us page ********************/
	
	.about-us-image h1{font-size: 65px;}

/*************************** cities pages. *****************************/
/* .city-page-tittle h1{font-size: 60px;}
.city-page-tittle h2{font-size: 45px;}
	.city-page-tittle h3{font-size: 45px;}
	.city-page-tittle h4{font-size: 35px;} */
	
	.contact-page-section2 h2{font-size: 35px;}
	.programm h1{
		font-size: 36px;
	}
/*	************************** contact page *********************************/
	.contact-page-section2 h1{
		font-size: 60px;
	}
	.contact-page-section3 h1{
		font-size: 30px;
	}
}
@media only screen and (max-width: 1668px){
/************************** home page ************************	*/
	.section2-text h1{font-size: 65px;}
	.section2-text, .section5-text{
		width:80%;
	}
	.cources h1{font-size:70px; }
	.cources h2{font-size: 35px;}

	.section6-dowvload-tittle{font-size: 50px;}
	.section6-dowvload-tittle span{font-size: 50px;}
	
	.previous-courses{
		display: grid;
		grid-template-columns: repeat(3, 33%);
		grid-template-rows: repeat(4,25%);
		grid-template-areas: "response-left1 response-center1 response-right1"
			"response-left2 response-center2 response-right2"
			"response-left3 response-center3 response-right3"
			"response-left4 response-center4 response-right4";
		column-gap:1rem;
		row-gap: 1rem;
	justify-content: center;
	width: 95%;
	margin:50px auto 100px auto;
	height:auto;
	}
	
	.previous-cource1{ grid-area : response-left1;}
	.previous-cource2{ grid-area : response-center1;}
	.previous-cource3{ grid-area : response-right1;}
	.previous-cource4{ grid-area : response-left2;}
	.previous-cource10{ grid-area : response-center2;}
	.previous-cource11{ grid-area : response-right2;}
	.previous-cource12{ grid-area : response-left3;}
	.previous-cource5{ grid-area : response-center3;}
	.previous-cource6{ grid-area : response-right3;}
	.previous-cource7{ grid-area : response-left4;}
	.previous-cource8{ grid-area : response-center4;}
	.previous-cource9{ grid-area : response-right4;}
	

	
	/*************************** cities pages. *****************************/
/* .city-page-tittle h1{font-size: 50px;}
.city-page-tittle h2{font-size: 40px;}
	.city-page-tittle h3{font-size: 40px;}
	.city-page-tittle h4{font-size: 30px;}*/
	.contact-page-section2 h3{ font-size: 28px;}
	.contact-page-section3 h1{
		font-size: 24px;
	}
/*	*********************** gallery ************************/
	.gallery input{width: 30%;}
	.gallery h1{ font-size: 60px;}
	
}
@media only screen and (max-width: 1500px){
	.contact-page-section3 .programm{width: 90%;
	
		margin: auto;}
		.contact-page-section3 ul{ width: 100%;
			padding: 0;
			margin: 0;
			list-style: inside;}
			.contact-page-section3 ul li{width: 100%;
				padding: 0;
				margin: 0;
			}
			.contact-page-section2{
				width: 100%;
				padding:  10px;
			}
	.section2-text h1{font-size: 60px;}
	
	
	.section6-dowvload-tittle{font-size: 45px;}
	.section6-dowvload-tittle span{font-size: 45px;}
	
	/*************************    contact page.  *********************/
	form{ width: 80%;}
	.contact-page-section2 h1{
		font-size: 40px;
	}
	.contact-page-section3 h1{
		font-size: 24px;
	}
/*	******************************** cities page. ****************************/
	.contact-page-section2 h2{font-size: 30px;}
	.programm h1{font-size: 45px;}
	.programm ul li{font-size: 24px;}
		.contact-page-section2 h3{ font-size: 24px;}
	.before-scroller h1{font-size: 60px;}
}
	
@media only screen and (max-width: 1395px){
/*	******************  home page **********************/
	.home-text h1{font-size: 52px;}
	.section2-text h1{font-size: 50px;}
	

	.section5-text h1{ font-size: 48px;}
	.section5-text h2{font-size: 30px;}
	.section5-text ul li h4 {font-size: 22px;}
	
	.section6-dowvload-tittle{font-size: 40px;}
	.section6-dowvload-tittle span{font-size: 40px;}
	.section7-container h1{font-size:55px;}
	
/*	****************** about us page. *****************************/
	

	
	/*************************    contact page.  *********************/
	.contact-us-tittle{width: 35%;}
	.contact-us-tittle h1{
		font-size: 40px;
		
	}
	form{ width: 90%;}
	.contact-page-section2 h1{
		font-size: 38px;
	}
	
	/*************************** cities pages. *****************************/
/* .city-page-tittle h1{font-size: 45px;}
.city-page-tittle h2{font-size: 35px;}
	.city-page-tittle h3{font-size: 35px;}
	.city-page-tittle h4{font-size: 25px;}
	 */
	.programm h1{font-size: 32px;}
	.programm ul li{font-size: 20px;}
		.contact-page-section2 h3{ font-size: 18px;}
	
/*	*********************** gallery ***************************/
	.gallery-container{
	width: 85%;
	margin:auto;
	height: auto;
	display: grid;
	grid-template-columns: 48% 48%;
	grid-template-rows: 33% 33% 33%;
	grid-column-gap: 1rem;
	grid-row-gap: 3rem;
	margin-bottom: 20vh;
}
	.about-us-image img{width: 100%}
}

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

	.home-text h1{
		font-size: 46px;
	}
	.programm{display: flex;
		flex-direction: column;
			margin-top: 30px;
			width: 100%;
		}
}

@media only screen and (max-width: 1204px){
	.contact-page-section3 .programm{width: 90%;
	
		margin: auto;}
		.contact-page-section3 ul{ width: 100%;
			padding: 0;
			margin: 0;
			list-style: inside;}
			.contact-page-section3 ul li{width: 100%;
				padding: 0;
				margin: 0;
			}
			.contact-page-section2{
				width: 100%;
				padding:  10px;
			}
	.scroll-button{
		bottom: 192px;
		animation-range-start: 30%;
	animation-range-end: 35%;
	}

.section2-text, .section5-text{
	width:90%;
}

	.before-scroller h1{font-size: 50px;}
	.previous-courses{
		display: grid;
		grid-template-columns: repeat(2, 49%);
		grid-template-rows: repeat(6,16.6%);
		grid-template-areas: "responsive1204-left1 responsive1204-right1"
			"responsive1204-left2 responsive1204-right2"
			"responsive1204-left3 responsive1204-right3"
			"responsive1204-left4 responsive1204-right4"
			"responsive1204-left5 responsive1204-right5"
			"responsive1204-left6 responsive1204-right6";
		gap:1rem;

	width: 95%;
	margin:50px auto 100px auto;
	height:auto;
	}
	
	.previous-cource1{ grid-area : responsive1204-left1;}
	.previous-cource2{ grid-area : responsive1204-right1;}
	.previous-cource3{ grid-area : responsive1204-left2;}
	.previous-cource4{ grid-area : responsive1204-right2;}
	.previous-cource10{ grid-area : responsive1204-left3;}
	.previous-cource11{ grid-area : responsive1204-right3;}
	.previous-cource12{ grid-area : responsive1204-left4;}
	.previous-cource5{ grid-area : responsive1204-right4;}
	.previous-cource6{ grid-area : responsive1204-left5;}
	.previous-cource7{ grid-area : responsive1204-right5;}
	.previous-cource8{ grid-area : responsive1204-left6;}
	.previous-cource9{ grid-area : responsive1204-right6;}
	.previous-courses h3{font-size: 20px;}
	.previous-courses h4{font-size: 14px;}
/*	********************** home page. *****************************/
	
	.home-page{height:600px;}
		.home-text h1{font-size: 48px;}
	
	.section2-text h2{font-size:  30px;}
	.section2-text h3{font-size:  24px;}
	.section5-text h1{ font-size: 50px;}
	.section5-text h2{font-size: 30px;}

	.scroller-content h1{font-size: 50px;}
	.section6-dowvload-tittle{font-size: 36px;}
	.section6-dowvload-tittle span{font-size: 36px;}
	.section7-container h1{font-size:48px;}
/*	*********************** about us page ************************/
	

	.about-us-image h1{font-size:55px;}
	.about-us-list ul li{ font-size:20px;}
	.about-us-list h1{ font-size:55px;}
	.about-us-list h2{ font-size:35px;}
	.about-us-photos{width: 80%;}
	
/*	************************** gallery *************************************/
	
	.gallery input{width: 40%;
	font-size: 30px;
	padding: 10px;
	}
	.gallery h1{ font-size: 55px;}

	/* ***********************   city pages  ***************************** */
	city-page-tittle h1{font-size: 50px;}
.city-page-tittle h2{font-size: 40px;}
	.city-page-tittle h3{font-size: 40px;}
	.city-page-tittle h4{font-size: 30px;}
	

}

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

	.home-text h1{
		font-size: 42px;
	}
	
}

@media only screen and (max-width: 1024px){
	
	.scroll-button{display: none;}
/*	******************** home page *********************************/
	
	.home-page{height: 500px;
	width: 100%}
	.home-text button{
		
		padding:8px 16px;
		font-size: 16px;}
	.home-text h1{font-size: 40px;}
	
	.section2-text h2{font-size:  30px;}
	.section2-text h3{font-size:  24px;}
	
	.section5-text h1{ font-size: 40px;}
	.section5-text h2{font-size: 26px;}
	.section5-text ul li h4 {font-size: 20px;}
	
	.cources h1{font-size:60px; }
	.cources h2{font-size: 30px;}
/*	****************************************************************/
	
	
	.red-line{display: none;}
	.red-line2{display: none;}
	.pin-img{display: none;}
	
	.path-2023{width: 100%;
		margin: 0 auto;
		display: grid;
		grid-template-columns: 50% 50%;
		grid-template-rows: 33% 33% 33%;
		height: auto;
		grid-template-areas: 'path2023left-1 path2023right-1'
			'path2023left-2 path2023right-2'
			'path2023left-3 path2023right-3';
			
	}
	.path-2024{
		width: 100%;
		margin:0 auto;
		display: grid;
		grid-template-columns: 50% 50%;
		grid-template-rows: 33% 33% 33%;
		height: auto;
		grid-template-areas: 'path2024left-1 path2024right-1'
			'path2024left-2 path2024right-2'
			'path2024left-3 path2024right-3';
	}
	.path-2023 a{width: 90%;
	margin: 5px 0;}
	.path-2023 a img{width: 100%;}
	.path-2024 a{width: 90%;
	margin: 5px 0;}
	.path-2024 a img{width: 100%;}
	.city-location1{	
		grid-area:path2023left-1;	
	}
	.city-location2{
		grid-area:path2023right-1;	
	}
	.city-location3{	
		grid-area:path2023left-2;	
	}
	.city-location4{	
		grid-area:path2023right-2;	
	}
	.city-location5{	
		grid-area:path2023left-3;	
	}
	.city-location9{
		grid-area:path2023right-3;
	}
	.city-location10{justify-content: flex-end;
		grid-area:path2024left-1;
	}
	.city-location11{justify-content: flex-end;
		grid-area:path2024left-2;
	}
	
	.city-location6{justify-content: flex-start;
		grid-area: path2024right-1;	
	}

	.city-location7{	justify-content: flex-start;
		grid-area:path2024right-2;	
	}
	.city-location8{	justify-content: flex-end;
		grid-area: path2024left-3;	
	}
	
/**********************************************************	*/
	
	
	.section6-dowvload-tittle{font-size: 30px;}
	.section6-dowvload-tittle span{font-size: 30px;}
	.section7-container h1{font-size:50px;}
	footer a{font-size: 16px;}
	
/*	**********************   about us page.  **********************/
	.about-us-image{height: 550px;}
	.about-us-image h1{ font-size: 45px;}
	.about-us-list h1{ font-size:50px;}
	.about-us-list h2{ font-size:30px;}
	.about-us-photos{width: 90%;}
	
/*	***************************   contact page.  **********************  */
	
	.contact-page-conteiner1{display: flex;
	flex-direction: column;
	
	}
	.contact-form{width: 70%;}
	.contact-us-tittle{width: 100%;}
	.contact-us-tittle h1{
		font-size: 55px;
		
	}
	form{ width: 100%;}
	.contact-page-section2 h1{
		font-size: 34px;
	}
	
	
	/**************************** cities page ************************/
.city-page-tittle h1{font-size: 40px;}
.city-page-tittle h2{font-size: 35px;}
	.city-page-tittle h3{font-size: 35px;}
	.city-page-tittle h4{font-size: 25px;}
	.contact-page-section2 h2{font-size: 24px;}
	.contact-page-section2 span{font-size: 22px;}
	
	.programm h1{font-size: 24px;}
	.programm ul li{font-size: 18px;}
	.programm h2{
		font-size: 38px;
	}
		.contact-page-section2 h3{ font-size: 20px;}

}
/*	************************ gallery****************************/
	
	.gallery-page{height: 600px;
	width: 100%;
}
@media only screen and (max-width: 840px){

	.home-text h1{
		font-size: 36px;
	}
	.programm h2{
		font-size: 32px;
	}
}

@media only screen and (max-width: 769px){
	
/*	************************ home page ***********************************/
	
	.logo img{width: 130px;
		
	}
	header{height: 70px;
	}
	
	.section5-text h1{ font-size: 34px;}
	.section5-text h2{font-size: 22px;}
	.section5-text ul li h4 {font-size: 18px;}
	.section7-container h1{ margin: 0;
	padding: 0;
	}
	
	.home-page{
		height: 400px;
	}
	
	.nav-ul{top: 70px;
		flex-direction: column;
		position: fixed;
		right: 0;
		height: 220px;
		width: 100%;
		align-items: flex-start;
		justify-content: flex-start;
		background-color: #efefef;
	display: none;
	}
	.nav-ul li{width: 100%;
		display: flex;
	
	align-items: flex-start;
justify-content: flex-start;
	}
	.nav-ul a{display: flex;
		text-align: left;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 15px  0  ;
	
		text-align: left;
		font-size: 16px;
	}
	
	
	.show-menu{
		opacity: 0;
	}
	.hide-menu{display: block;}
	
	.nav-menu ul a{display: flex;
		justify-content: center;
		align-items: flex-end;
	}


	.humburger{display: block;
		display: flex;
	
	}
	
	.humburger img{position: absolute;
	top: 15px;
    right: 20px;
		
	
	}
	
	
	
	.home-text h1{font-size: 30px;}
	
	.section2-text h2{font-size:  26px;}
	.section2-text h3{font-size:  20px;}
	
	

	.previous-courses h3{font-weight: bolder;}
	
	
	footer{height:550px;
	padding-top: 20px;}
	
	.footer-row1{
		display: flex;
		flex-direction: column;
		margin:20px auto;
		justify-content: space-between;
		align-items: center;
	}
	.footer-row1-list{display: flex;
	flex-direction: column;
	align-items: center;}
	
	.footer-row1-social ul{
		
		display: flex;
		flex-direction: column;
		
		align-items: center;
		
	}
	
	.footer-row1-list ul{
		display: flex;
		flex-direction: column;
		
		align-items: center;}
	
	.path-2023{display: flex;
	flex-direction: column;
	align-items: center;
height: auto;
	margin: auto;
	width: 90%;
	padding: 0;}
	
	.path-2023 a{
		justify-content: center;
		 margin:10px auto;
		width: 100%;
		
	}
	.path-2024{display: flex;
	flex-direction: column;
	align-items: center;
height: auto;
	margin: auto;
	width: 90%;
	padding: 0;}
	
	.path-2024 a{
		
		justify-content: center;
		 margin:10px auto;
		width: 100%;
		
		
	}
	.before-scroller h1{font-size: 40px;}
	.cources h1{font-size:54px; }
	.cources h2{font-size: 30px;}
	
	
	.section6-absolute-content{
	display: flex;
		flex-direction: column;
		
	}
	.section6-img-tittle{
		width: 80%;
	}
	.section6-dowvload-tittle{
		width: 80%;
		font-size: 22px;}
	.section6-download{min-width: 80%;
		justify-content: center;
		
	margin: auto;}
/*
	.section6-dowvload-tittle span{font-size: 22px;}
	.section6-download-button h4{font-size: 20px;}
*/
	.section7-container h1{font-size:40px;}
	
/*	************************ about us page **************************************/
	.about-us-image{height: 400px;}
	.about-us-image h1{ font-size: 40px;}
	.about-us-list ul li{ font-size:18px;}
	
	.about-us-list h1{ font-size:45px;}
	.about-us-list h2{ font-size:26px;}
	.about-us-photos{width: 100%;
	display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.about-us-photos img{ margin: 5px auto;}
	
/*	*************************** contact page *****************************. */
	
	.contact-form{width: 85%;}
	
	.contact-page-section2 h1{
		font-size: 30px;
	}
	.contact-page-section2 h3{
		font-size: 18px;
	}
	.contact-page-section3 .programm{width: 90%;
	
	margin: auto;}
/*	**************************** cities page *******************************/
	.new-york-container1{ height:600px;}
	.vienna-container1{height: 600px;}
	.Nuremberg-container1{height: 600px;}
	.San-Fransisco-container1{height: 600px;}
	.Beijin-container1{height: 600px;}
	.Boston-container1{height: 600px;}
	.Barcelona-container1{height:600px;}
	.Chicago-container1{height: 600px;}
	.Miami-container1{height:600px;}
	.Bali-container1{height: 600px;}
	.Australia-container1{height:600px;}
	.city-page-tittle{width: 80%;}
	.contact-page-section3{
		width: 100%;
		
	}
	.programm{display: flex;
	flex-direction: column;
		margin-top: 30px;
		width: 100%;
	}
/*	.programm h1{display: none;}*/
	.programm h2{
		font-size: 26px;
	}
	
/*	*****************************coookies and privecy policy******************************/
	.cookies{ width: 85%;
margin: 100px auto;
justify-content: center;}
.cookies h2{
	font-size: 28px;
	
}
.cookies p, li{
	font-size: 18px;
}
/*	****************************** gallery ********************************/
	.First-gallery-page{
		height: 450px;
		width: 95%;
	}
	.gallery-container{
	width: 90%;
	margin:auto;
	display: flex;
		flex-direction: column;
	margin-bottom: 20vh;
		height: auto;
}
	.gallery input{width: 50%;
	font-size: 24px;
	padding: 5px 10px;
	}
	.gallery h1{ font-size: 50px;}
	.frame{
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 350px;
	}
	
	.city-page-tittle h1{ margin: 0;
	padding:0;}
	.city-page-tittle h2{ margin: 0;
	padding:0;}
	.city-page-tittle h4{ margin: 0;
	padding:0;}
	.city-page-tittle h3{ margin: 0;
	padding:0;}
	.city-page-tittle span{ margin: 0;
	padding:0;}
}
@media only screen and (max-width: 660px){

	.home-text h1{
		font-size: 26px;
	}
}

@media only screen and (max-width: 620px){
	
	.new-york-container1{ height:400px;}
	.vienna-container1{height: 400px;}
	.Nuremberg-container1{height: 400px;}
	.San-Fransisco-container1{height: 400px;}
	.Beijin-container1{height: 400px;}
	.Boston-container1{height: 400px;}
	.Barcelona-container1{height:400px;}
	.Chicago-container1{height: 400px;}
	.Bali-container1{height: 400px;}
	.Australia-container1{height:400px;}
	.Miami-container1{height:400px;}
	.city-page-tittle{width: 100%;
	height: 350px;}
	
	.city-page-tittle h1{ margin: 0;  font-size:  40px;
	padding:0;}
	.city-page-tittle h2{ margin: 0;  font-size:24px;
	padding:0;}
	.city-page-tittle h4{ margin: 0;  font-size:24px;
	padding:0;}
	.city-page-tittle h3{ margin: 0;  font-size:24px;
	padding:0;}
	.city-page-tittle span{ margin: 0;  font-size:24px;
	padding:0;}
	
	.previous-courses{width: 90%;
		display: flex;
		flex-direction: column;
		height: auto;
		margin: 10vh auto;
	}
	
	.section2-text h1{
		margin: 0;
	}
	
		.section5-text ul{ padding: 0 5px; }
	.section5-text h1{font-size: 28px;
	padding:10px 0;}
	
	.section6-dowvload-tittle{font-size: 28px;}
	.section6-dowvload-tittle span{font-size: 28px;}
	.scroller-content h1{font-size: 30px;}
	.cources h1{font-size:50px; 
	margin: 5px 0;
		padding: 0 10px;
	}
	.cources h2{
		font-weight: 700;
	}
	.contact-page-section3 ul{ width: 100%;
	padding: 0;
	margin: 0;
	list-style: inside;}
	.contact-page-section3 ul li{
		padding: 0;
		margin: 0;
	}
	.contact-page-section2{
		width: 100%;
		padding: 0;
	}
		.contact-page-section2{
		padding: 0 10px;
	}
	.contact-page-section2 h2{padding: 0 10px;}
	.cources h2{font-size: 26px;}
	.programm h2{
		font-size: 22px;
	}
	.programm ul{ 
	padding: 0 10px;}
	.programm ul li{
		font-size: 18px;
	}
	.about-us-image{
	height: 270px;
		margin: auto;
		width: 100%;
		padding-left: 5%;
		display: flex;
		
	}
	.about-us-image img{display: none;}
	.about-us-image h1{text-align: start;
	font-size: 40px;}
	
	.First-gallery-page{height: 300px;}
}

@media only screen and (max-width: 560px){
	.logo img{width: 90px;}
	.hum-img{ width: 30px;
	padding-top: 4px;}
	.close-img{ width: 25px;}
	.before-scroller h1{font-size: 32px;}
	.login-content{display: block;
		display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			width: 80px;
			padding-right: 32px;
			
			
		}
		.login-content a{width: 100%;
			position: absolute;
			
						 		border: none;
			align-items: center;
			display: flex;
			justify-content: center;
			text-decoration: none;
			margin-right: 10px;
			color: rgba(255,255,255,1.00);
		}
		.login-content button{width: 100%;
			position: absolute;
			background: linear-gradient(145deg, #9c2a2a, #672222);
			box-shadow:  2px 2px 4px #b3b3b3,
						 -2px -2px 4px #d6d6d6;			border: none;
			align-items: center;
			display: flex;
			justify-content: center;
			text-decoration: none;
			margin-right: 10px;
			color: rgba(255,255,255,1.00);
		border-radius: 12px;
			padding: 5px;
			font-size: 10px;
			cursor: pointer;
		}
		.home-page{height: 280px;}
		.home-page h1{font-size: 22px;}
		.home-text button{display: none;}
		.home-text h1{ font-size: 22px;}
	
/*	************************ home page ************************/
	.home-page{height: 330px;}
	
	.home-page h3{font-size:16px;}
}
@media only screen and (max-width: 459px){
	.hide-wrapper{
	right: -350px;
	
}

.home-text h1{ font-size: 20px;}
	.section2-text h2{ font-size: 22px;}
	.section2-text h3{ font-size: 18px;}
	
	.cources h1{font-size:46px; 
	margin: 0;
		text-align: center;
	}
	.cources h2{font-size: 24px;
	}
	/********************** cities pages************************/
	
.city-page-tittle h1{font-size: 34px;}
.city-page-tittle h2{font-size: 26px;}
	.city-page-tittle h3{font-size: 28px;}
	.city-page-tittle h4{font-size: 22px;}
	
	.contact-page-section2 h2{font-size: 22px;}
	.about-us-image h1{
		font-size: 36px;
	}
	
}

@media only screen and (max-width: 420px){
	/* .logo img{width: 90px;}
	.hum-img{ width: 30px;
	padding-top: 4px;}
	.close-img{ width: 25px;}
	.before-scroller h1{font-size: 32px;}
	.login-content{display: block;
		display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			width: 80px;
			padding-right: 60px;
			padding-top: 20px;
		}
		.login-content a{width: 100%;
			position: absolute;
			background-color: #9e151f;
			border: none;
			align-items: center;
			display: flex;
			justify-content: center;
			text-decoration: none;
			margin-right: 10px;
			color: rgba(255,255,255,1.00);
		}
		.login-content button{width: 100%;
			position: absolute;
			background-color: #9e151f;
			border: none;
			align-items: center;
			display: flex;
			justify-content: center;
			text-decoration: none;
			margin-right: 10px;
			color: rgba(255,255,255,1.00);
		border-radius: 12px;
			padding: 5px;
			font-size: 10px;
			cursor: pointer;
		}
		.home-page{height: 280px;}
		.home-page h1{font-size: 28px;}
		 */
		 .home-text{display: none;}
/*	************************ home page ************************/
	.home-page{height: 330px;}
	.home-page h1{font-size: 31px;}
	.home-page h3{font-size:16px;}
	.section2-text h1{
		margin: 0;
		font-size: 32px;
	}
	
	.nav-ul{top: 60px;}
	.cources h1{font-size:36px;}
	.cources h2{font-size: 20px;
	font-weight: 700;}
	.section5-text h1{ font-size: 30px;}
	.section5-text h2{font-size: 20px;}
	.section5-text ul li h4 {font-size: 16px;}
	.section5-text ul{ 
	padding:0 5px;}
	
	
	.section6-dowvload-tittle{font-size: 18px;}
	.section6-dowvload-tittle span{font-size: 18px;}
	.section6-download-button h4{font-size: 16px;}
	.section7-container h1{font-size:26px;}
/*	************************* about us page *************************/
	.about-us-image{height: 280px;
	width: 90%;}
	.about-us-image h1{font-size: 32px;}
	.about-us-list ul{padding: 10px ;}
	.about-us-list ul li{ font-size:16px;
	list-style: inside;}
	.about-us-list h1{ font-size:32px;}
	.about-us-list h2{ font-size:20px;
	text-align: center;}
	.about-us-list{width: 100%}
	.about-us-photos img{ width: 95%;}
	/********************** cities pages************************/

.city-page-tittle h1{font-size: 30px;}
.city-page-tittle h2{font-size: 24px;}
	.city-page-tittle h3{font-size: 24px;}
	.city-page-tittle h4{font-size: 18px;}
	.contact-page-section2 h2{font-size: 20px;}
	.contact-page-section2 span{font-size: 18px;}
	
	.section6-absolute-content{display: flex;
	flex-direction: column;
	width: 95%;
		justify-content: center;
		align-items: center;
	}
	.section6-download{width: 100%;

	align-items: center;}
	
	.section6-dowvload-tittle span{font-size: 22px;}
	.section6-img-tittle{width: 100%;}
	
	.scroller-content{ padding-left: 20px;}
/*	********************** contact page. ******************************  */

	.contact-page-section2 h2{font-size: 20px;}
	.contact-page-section2 span{font-size: 18px;}
	.contact-form{width: 95%;}
	.contact-page-section2 h1{
		font-size: 26px;
	}
	.contact-page-section2 h3{
		font-size: 16px;
	}
	.contact-page-section3{width: 95%;}
	
/*	**********************cookies and privecy policy***************************/
	.cookies{ width: 85%;
margin: 80px auto;
justify-content: center;}
.cookies h2{
	font-size: 24px;
	
}
.cookies p, li{ font-size: 18px; }
	
/*	**************************** gallery ***************************/
	.gallery input{width: 60%;
	font-size: 18px;
	padding: 5px 10px;
	}
	.gallery h1{ font-size: 40px;}

	.wrapper{width: 278px;}
	.wrapper-info h6{font-size:14px;}
	.wrapper-info h5{font-size:14px;}
	.wrapper-info a{font-size: 15px}
	.accept-btn{ font-size: 16px;}
	.reject-btn{font-size: 16px;}
.First-gallery-page{height: 300px;}
	.frame{height: 250px;}


		.cources h1{font-size: 34px;
	;}
	.cources h2{font-size: 18px;
		font-weight: 700;
	}
}

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

	.section5-text ul{ padding: 0 5px; }
	.section5-text h1{font-size: 26px;
	padding: 0;}
	.city-page-tittle span{ margin: 0; font-size: 24px;
	padding:0;}
	input[type ="text"]{
		width: 95%;
	}
	input[type ="tel"]{
		margin: 0 3px;
		width: 95%;
	}
	input[type ="email"]{
		width: 95%;
	}
	textarea{width: 95%;}
	.input-in-row{ 
	display: flex;
	flex-direction: row;
	width: 96%;
	margin: auto;
align-items: center;
	justify-content: space-between;
}

.input-in-row input{
	width: 49%;
}
	
	form{height: 450px;
		padding: 1% 0;
		}
	.checkbox{font-size: 14px;
	}
	
	
	.about-us-image h1{font-size: 28px;}
}
@media only screen and (max-width: 300px){
	.home-page{margin-left: 20px;}
	.about-us-image{height: 240px;}
	.about-us-image h1{font-size: 24px;}

}


@media only screen and (max-width: 280px){
	.home-page{margin-left: 30px;}
	.about-us-image{height: 200px;}
}