/*
DEFAULT STYLESHEET

*/
/*settings*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat: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&display=swap");
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

body {
  background-repeat: no-repeat;
  background-image: url();
  background-position: center;
  background-size: cover;
  margin: 0;
  padding: 0;
  font-family: Montserrat, sans-serif;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body p {
  text-decoration: none;
  text-transform: none;
  margin: 0;
  padding: 0;
}
body a {
  text-decoration: none;
  color: #5d16eb;
}

.container {
  width: 1200px;
  margin: 0 auto;
}

/*end settings*/
.welcome {
  height: 90vh !important;
  background-image: url(https://images.pexels.com/photos/4458554/pexels-photo-4458554.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  width: 100%;
}
.welcome header {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.welcome .w-blur {
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
.welcome .welcome-block {
  width: 100%;
  background: transparent;
}
.welcome .welcome-block .h1-bottom {
  color: #fff;
}
.welcome .welcome-block .h1-bottom {
     
    margin-bottom: 7px;
    
}
.lessons .lessons-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.lessons #slider {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row !important;
  flex-wrap: wrap;
}
.lessons #slider img {
  width: auto !important;
}
.welcome .welcome-block .h1-bottom {
    font-size: 27px !important;
}
body .h1-bottom{width: 60% !important}
/*adaptive for iphone*/
@media only screen and (max-width: 733px){
	body .h1-bottom{width: 100% !important}
}
@media (min-height: 480px) and (max-height: 860px){
body .whywe{
	margin-top: 410px !important; 
	}
}
@media only screen and (max-height: 660px){
	body .whywe{
		margin-top: 410px !important
	}
	.welcome{
		margin-bottom: 370px;
	}
}