.menu-list{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menu-list li{
	display: inline-block;
	padding: 10px 12px;
	color: white;
	margin: 0;
}

.nav-bar{
    /*background-color: rgba(17, 25, 40, 0.75);*/
      backdrop-filter: blur(10px) saturate(100%);
    -webkit-backdrop-filter: blur(10px) saturate(100%);
    background-color: rgba(0,124,199, 0.1);
    /*border-radius: 12px;*/
    border: 0px solid rgba(209, 213, 219, 0.3);
    z-index: 2;
}


.slider{
	position: fixed;
	top: 50%;
	left: 200%;
	transform: translate(-50% , -50%);a
	height: 400px;
	width: 30%;
	z-index: 2;
	  backdrop-filter: blur(10px) saturate(100%);
    -webkit-backdrop-filter: blur(10px) saturate(100%);
    background-color: rgba(0,124,199, 0.3);
    border-radius: 12px;
    border: 0px solid rgba(209, 213, 219, 0.3);
    z-index: 1;
	transition: 0.4s all;

}



.parallax1 {
  /* The image used */
  background: linear-gradient(-110deg, #12232E 30%, rgba(0,124,199, 0.1) 30%), url('/assets/images/backb3-.jpg');
  /* Full height */
  /*height: 300px; */

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax2 {
  /* The image used */
  background: linear-gradient(-110deg, #12232E 20%, rgba(0,124,199, 0.1) 50%), url('/assets/images/back.jpg');
  /* Full height */

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax3 {
  /* The image used */
  background: linear-gradient(-110deg, #12232E 20%, rgba(0,124,199, 0.1) 50%), url('/assets/images/back3.jpg');
  /* Full height */
  height: 300px; 
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.animate{
	transition: 0.4s all;
	left: 50%;
	transition: 0.4s all;

}






@media (max-width: 575.98px) {  


}

@media (max-width: 767.98px) {  }

@media (max-width: 991.98px) {
.menu-option{
		position: fixed;
		width: 100%;
		left: 50%;
		top: -500%;
		transform: translateX(-50%);
			z-index: 2;
	  backdrop-filter: blur(10px) saturate(100%);
    -webkit-backdrop-filter: blur(1px) saturate(0%);
    background-color: rgba(0,124,199, 0.3);
    border: 0px solid rgba(209, 213, 219, 0.3);
    z-index: 1;
	transition: 0.4s all;
		text-align: center;
		
	}

	.menu-list li{
	display: block;
	padding: 10px 12px;
	color: white;
	margin: 0;
}

.add-top{
	top: 0%;
}

.slider{
width: 90%;
}

  }

@media (max-width: 1199.98px) {  }

@media (max-width: 1399.98px) {  

 }