#slider{
	width: 100%;
	height: 100vh;
	position: relative;
	background-size: cover;
	background-position: center center;
}
   #ul 
   {
   	  width: 200px;
   	  text-align: center;
   	  bottom: 20px;
   	  z-index: 2;
   	  margin-left: -30px;
      position: absolute;
   	  list-style: none;
   	  cursor: pointer;
   	 
   }
   #ul li 
   {
   	 width:25px;
   	 height:25px;
   	 background-color: #fff;
   	 border-radius: 5px;
     display: inline-block;
     margin-left: 20px;
     font-size: 24px;
     cursor:pointer;
     font-family: 'bpg_nino_medium_capsregular';
     font-weight: bold;
     color: #fff;
   }
   
   #ul li:first-child 
   {
   background-color: var(--primary-color);
   }
  
.sliderimage{
   	position: absolute;
   	width: 100%;
   	height: 100%;
	opacity: 0;
	background-size: cover;
	background-position: center center;
	-webkit-transition: all 1.6s;
	 -moz-transition: all 1.6s;
	 -o-transition: all 1.6s;
	transition: all 1.6s;
	z-index: -1
   }
   .sliderimage:first-child{
   	opacity: 1;
   }
  

.menu_border{
	width: 80px;
    position: absolute;
    background-color: #fff;
	margin-top:2vh;
	z-index: 9;
	right: 40px;
	border-radius: 50px;
}
.slider_icon{
	display: block;
}
.sst-title-big {
	display: block;
	position: relative;
	font-size: 65px;
	line-height: 1.4;
	color: rgb(255, 255, 255);
	width: 130%;
	text-align: right;
	-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    color: #fff;
    font-family: "Regular2";
}
.sst-title-big::before{
    content: "";
    position: absolute;
    top: 35px;
    left: 0px;
    background-color: var(--primary-hover-color);
    border-radius: 10px;
    height: 3px;
    width: 90px;
  
}
.sst-title-big::after {
    content: "";
    position: absolute;
    top:25px;
    left: 110px;
    background-color: var(--primary-hover-color);
    height:25px;
    width: 25px;
    transform: rotate(20deg);
   
}
.sst-title-big b{
	-webkit-text-stroke-color: #fff;
	font-size: 79px;
	color: transparent;
}
.sst-title-big pre{
	font-family: "Regular2";
	-webkit-text-stroke-color: transparent;
	font-weight: bold;
	width: 100%;
	font-size: 50px;
	top: 100px;
	height: 25px;
	position: absolute;
	left: -7px;
}
.header_text {
    width: 600px;
    height: 100vh;
    margin-left: 8%;
    display: flex;
}
.auto_flex{
	margin: auto;
	height: 100px;
}
.auto_flex>img{
	position: absolute;
	margin-top: -330px;
	margin-left: -30px;
}

.sst-btn-test_2{
    width: 120px;
    height: 69px;
    color: #fae499;
    background-color: var(--primary-hover-color);
    font-weight: bold;
    margin-top:100px;
    font-size: 16px;
    line-height: 25px;
    position: relative;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    animation: pulse 2s infinite;
    transform: rotate(15deg);
     border-radius: 10px;
      color: #22abbb;
}
.sst-btn-test_2:hover{
  color: #fff
}
.sst-btn-test_2::before {
    content: "";
    position: absolute;
    width: 137px;
    height: 86px;
    background-color: rgba(66,195,245,0.2);
    border: 3px solid #22abbb;
    border-radius: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: -11;
     left: 10px;
    top: 10px;
}
.sst-btn-test_2:hover::before{
	 background-color: #61d6e2;
    border: 3px solid #22abbb;
    left: 0;
    top: 0;
    
}
.sst-btn-test_2 img {
    transform: rotate(-15deg);
    margin-top: -4px;
    margin-left: 10px;
    position: absolute;
    width: 27px;
}
.sst-btn-test_2 p{
    transform: rotate(-15deg);
    margin-top: 39px;
    margin-left: -34px;
    text-align: center;
    font-size: 17px;
    width: 200px;
    font-family: 'bpg_nino_medium_capsregular';
    font-weight: 700;
}
.slider_icon{
    height: 27px;
    z-index: 9;
    right: 23px;
    bottom: 110px;
    list-style: none;
    border-radius: 30px;
    position: absolute;
    margin-top: 5px;
	text-align: center;
}
.slider_icon li{
    margin: 10px;
    border-radius: 50%;
   
}
.slider_icon li a{
    margin: 24px 0px;
    text-align: center;
    font-size: 17px;
    border-radius: 50%;
    color: #000;
}
.slider_icon li a:hover{
	color: var(--primary-color);
}
.slider-link{
	color: #fff;
	background-color: #42c3f5;
	border: 3px solid #fff;
	font-weight: bold;
	margin-top: 130px;
	font-size: 22px;
	border-radius: 50px;
	position: absolute;
	height: 20px;
	line-height: 25px;
	padding: 10px 20px;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	animation: pulse 2s infinite;
	font-family: 'bpg_nino_medium_capsregular';
	-webkit-text-stroke-width: 0px;
}
.slider-link i{
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.slider-link:hover{
	background-color:#eee77f;
	color: #4f4f53;
}
.slider-link:hover .fa-arrow-right{
	margin-left: 10px;
	color: #42c3f5;
}

.container_color{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 30%;
	height: 100%;
	animation: example 5s infinite;
	animation-duration: 10s;
	animation-delay: 2s;
	transition: all 0.3s ease-in-out 0s;
	
}
.slider_box{
	width: 150px;
	height: 190px;
	position: absolute;
	z-index: 9999;
	margin-top: -140px;
	margin-left: 15%;
}
.hr{
	height: 180px;
	width: 2px;
	margin-left: 55px;
	background-color: #fff;
	animation: examples 5s infinite;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
}
.fa-angle-down{
	color: #fff;
	position: absolute;
	margin-left: 50.8px;
	margin-top: -7px;
	font-size: 13px;
}
.slider_box ul{
	list-style: none;
	position: absolute;
	left: 35px;
}
.slider_box ul li{
	font-weight: bold;
	color: #fff;
	text-align: center;
	font-size: 15px;
	margin-top: -5px;
	
}
.icons{
	width: 110px;
	position: absolute;
	left: 100px;
	top: 100px;
}
.icons a{
	text-decoration: none;
}
.icons a i{
	color: #fff;
	font-size: 20px;
	margin: 7px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.icons a i:hover{
	color: #f5b400;
}
@keyframes examples {
	0%   {
		height: 60%;
	}
	25%  {
		height: 100%;
	}
	50%  {
		height: 60%;
	}
	75%  {
		height: 100%;
	}
	100% {
		height: 60%;
	}
}

.title {
    color: #343536;
   font-family: 'dejavu_sansbold';
    text-align: center;
    font-size: 45px;
    border-radius: 30px;
    width: 380px;
    margin: 100px auto;
    position: relative;
}
.title::before {
    content: "";
    position: absolute;
    top: 75px;
    left: 105px;
    background-color:#50afff;
    border-radius: 10px;
    height: 1px;
    width: 170px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.title::after {
    content: "";
    position: absolute;
    top: 81px;
    left: 130px;
    background-color:#343536;
    border-radius: 10px;
    height: 1px;
    width: 120px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.house_in_digomi{
	width: 1200px;
	min-height: 200px;
	position: relative;
	margin: 50px auto;
	
}
#pr_border{
	width: 100%;
	background-color: #fff;
	margin-top: -50px;
	height: 600px;
}
.bricks-content-block{
	background-color: #e6eef8;
	height: 650px;
}
.house_in_digomi_text h1{
	font-family: "Regular2";
	position: relative;
	color: #333e48;
	margin-top: 20px;
}
.house_in_digomi_text h1::before {
	content: "";
	position: absolute;
	top: 38px;
	left: 0px;
	background-color: var(--primary-color);
	height: 4px;
	width: 80px;
	border-radius: 50px;
	
}

.text>strong{
	color: #5b7082;
}
.text{
	width: 600px;
	color: #546676;
	font-size: 15px;
	margin-top: 20px;
	font-weight: normal;
	font-family: "Regular";
	line-height: 26px;
}
.text p{
	font-family: "Regular";
}
.text ul{
	margin-left: 20px;
}
.house_in_digomi_text>a{
	padding: 10px 20px;
    color: #fff;
    text-align: center;
    background-color: var(--primary-color);
    font-weight: bold;
    font-family: 'bpg_nino_medium_capsregular';
    font-weight: bold;
    margin-top: 70px;
    font-size: 16px;
    line-height: 35px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 50px;
}

.text_a{
	-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.house_in_digomi_text{
	color: #fff;
}
.house_in_digomi_text>a:hover{
	background-color: var(--primary-hover-color);
	color: #000002;
}
.house_in_digomi_text a:hover .text_a{
	margin-left: 10px;
}
.image_left{
	width: 650px;
	height: 350px;
	margin-top: 50px;
	background-size: cover;
	background-position: center center;
	z-index: 9;
	position: relative;
	box-sizing: border-box;
	
}

.image_right{
	width: 450px;
	height: 700px;
	position: absolute;
	right: 0px;
	top: 40px;
	background-size: cover;
	background-position: center center;
	z-index: 9;
	
	background-color: red;
}
.image_right::before {
	content: "";
	position: absolute;
	width: 90%;
	margin-left: 5%;
	margin-top: 4%;
	height: 94%;
	background-color: rgba(34,171,187, 0.4)
	
}
.image_left::after {
	content: "";
	position: absolute;
	width:200px;
	height:200px;
	bottom:70px;
	right: -580px;
	background-color: var(--primary-hover-color);
	z-index: -999;
	background-image: url(/img/icons/awea.png);
}
#about{
    width:1700px;
    height: 457px;
    margin: auto;
    position: relative;
    margin-top:450px;
    background: url(../img/slider/slider.jpg); 
    background-size: 100% 100%;
}
.about{
	width: 1300px;
	height: 457px;
	margin:auto;
	position: relative;
	
}
.about_text{
	width: 540px;
	position: absolute;
	line-height: 26px;
	font-size: 15px;
	margin-top: 170px;
	right: 0;
	color: #546676;
	font-family: "Regular";
}

.about_text a{
	padding: 8px 14px; 
	border-radius: 50px;
	font-size: 21px;
	line-height: 30px;
	color: #fff;
	 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.about_text a i{
	position: absolute;
	background-color: var(--primary-color);
	padding: 10px 15px;
	border-radius: 50px;
	 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.about_text a i:hover{
	background-color: var(--primary-hover-color);
}
.about h1 {
    font-family: "Regular2";
    position: relative;
    color: #333e48;
    position: absolute;
    left: 20px;
    font-size: 50px;
    margin-top: 200px;
}
.about h1::before {
    content: "";
    position: absolute;
    top: 60px;
    right: 0px;
    background-color: var(--primary-color);
    height: 4px;
    width: 110px;
    border-radius: 50px;
}
#Course_booking{
	width:100%;
	margin: auto;
	box-sizing: border-box;
	height: 550px;
	margin-top: 250px;
	background-size: cover;
	background-position: center center;
	background-image: url('../img/home_image.jpg');
	position: relative;
	overflow: hidden;
}
.Course_booking{
	position: relative;
	margin-top: -100px;
}
.Course_booking::before{
    content: "";
    position: absolute;
    top: 350px;
    left: 0px;
    background-color: rgba(255,255,255,0.5);
    height: 1px;
    width: 620px;
    border-radius: 50px;
}
.Course_booking::after{
    content: "";
    position: absolute;
    top: 20px;
    left: 550px;
    background-color: rgba(255,255,255,0.5);
    height: 390px;
    width: 1px;
    border-radius: 50px;
}

.Course_booking b{
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #eaeb9f;
	font-size: 50px;
	margin-left: -13px;
	margin-top: 20px;
	color: transparent;
	font-family: "Regular2";
}
.Course_booking img{
	margin-top: 20px;
}
.We-will-contact-you{
	padding: 10px;
	font-family: "Regular2";
	width: 650px;
	font-size: 100px;
	margin-left: -13px;
	margin-top: 0px;
	color: #fff;
	position: relative;
}
.We-will-contact-you img{
	position: absolute;
	bottom: -20px;
	right: 10px;
}
.Course_booking_tr_color{
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right,rgba(0, 2, 18, 0.7),rgba(0, 2, 18, 0.2));
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
}
.tel_border{
	width: 1300px;
	margin: auto;
	position: relative;
	
}
#Course{
	width: 500px;
	position: absolute;
	background-color: #fff;
    height: 420px;
    margin-top: -320px;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    right: 0;
   
}
#Course b{
	color: #a48d73;
	margin-left: 160px;
	margin-top: -40px;
	position: absolute;
	font-family: 'bpg_nino_medium_capsregular';
    font-weight: bold;
}
#Course pre{
	color: #242424;
	margin-left: 160px;
	margin-top: -20px;
	position: absolute;
	font-family: "Regular2";
	font-size: 22px;
}
::placeholder {
   color:  #fff;
   font-family: 'bpg_nino_medium_capsregular';
   
   
}
.Course{
	margin-top:40px;
}
.Course p{
	font-family: 'calibri';
	margin: 15px;
	position: relative;
	
}
.Course p b{
	color: #50afff;
	font-family: "Regular2";
	margin-left: 10px;
	margin-top: -10px;
	
	
}
.Course-select {
    width: 443px;
    height: 45px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    background-color: transparent;
    outline: none;
    color: #fff;
    font-family: 'bpg_nino_medium_capsregular';
    font-size: 13px;
    box-shadow: 0 7px 10px 2px rgba(0,0,0,.01);
    padding: 1px 27px;
    margin-left: 10px;
    border-radius: 50px;
}
.Course-text {
    width: 380px;
    height: 60px;
    padding: 10px;
    border: 1px solid #fff;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    outline: none;
    color: #262828;
    background-color: rgba(255, 255, 255, 0.0);
    margin-top: 20px;
    margin-left: 4px;
    text-align: left;
    margin-left: 2.4%;
    padding: 10px 10px;
}
option{
	background-color: var(--primary-color)
}
.fa-book{
    font-size: 16px;
    color: #fff;
     left: 20px;
    position: absolute;
    margin-top: 13px;
}
.fa-user,.fa-at,.fa-phone{
    font-size: 16px;
    color: #fff;
    left: 20px;
    position: absolute;
    top: 35px;
}
#Course img{
	position: absolute;
	width: 130px;
	margin-left: 20px;
}
input::placeholder {
  color: #333432;
}
.aBooking {
    width: 440px;
    height: 50px;
    background-image: url(../img/icons/awea.png);
    background-color: var(--primary-color);
    border: 3px solid var(--primary-color);
    font-family: "Regular2";
    border-radius: 50px;
    outline: none;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
    margin-left: 30px;
    padding: 1px 30px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.aBooking:hover{
    background-color: var(--primary-hover-color);
    color: #000002;
}
#Partners {
    width: 1040px;
    margin: -70px auto;
    position: relative;
}
.Partners_border a>img {
    margin: 10px 15px;
    -webkit-box-shadow: 0 0 25px 0 rgb(6 91 102 / 10%);
    box-shadow: 0 0 25px 0 rgb(6 91 102 / 10%);
    border-radius: 5px;
     -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.Partners_border a>img:hover{
	 -webkit-box-shadow: 0 0 25px 0 rgb(6 91 102 / 20%);
    box-shadow: 0 0 25px 0 rgb(6 91 102 / 20%);
    opacity: 0.6;
}
.Partners_title{
	width: 380px;
	margin:150px auto;
	text-align: auto;
	text-align: center;
	font-size: 45px;
	color: #333e48;
	font-family: "Regular2";
	position: relative;
}
.Partners_title::before {
    content: "";
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--primary-color);
    height: 4px;
    width: 110px;
    border-radius: 50px;
}
.P_title{
	position: absolute;
	margin-left: 20px;
	top: 60px;
	font-size: 20px;
	color: #2c4c92;
	font-family: "Regular2";
	margin-left: 40px;
}
.pr_1{
	display: none;
}