@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&family=Raleway:ital,wght@0,100..900;1,100..900&family=Vibes&display=swap');
 body {
	 background: #b1b1b1;
	margin: 0px;
	font-weight: unset;
	font-family: 'Alexandria', sans-serif;
	
}
 .container {
	 padding: 0px;
	margin: 0px;
}
 h1 {
	 text-align: center;
	 color: white;
	 padding-bottom: 10px;
	font-weight: unset;
}
 .cl {
/*	 height: 200px;*/
/*	 width: 200px;    */
	 padding: 10px;
/*	 border-radius: 20px;*/
/*	 box-shadow: 0 0 15px rgba(80 80 80 / 0.5);*/
	text-align: -webkit-center;
}
 .cl-yellow {
	 background: #f1c40f;
}
 .cl-blue {
	 background: #3498db;
}
 .cl-red {
	 background: #e74c3c;
}
 .slick-active {
	 padding: 20px 0;
}
 .slick-center {
	 transform: scale(1.08);
}
 .slick-slide:not(.slick-active) {
	 margin: 20px 0;
}
 .child {
	 width: 100%;
}
 .slide:not(.slick-active) {
	 cursor: pointer;
}
 .pagination {
	 text-align: center;
	 color: #fff;
	 font-family: 'Raleway', sans-serif;
	 font-size: 1.2rem;
}
 .card{
	width: 200px;
	height: 200px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgb(80 80 80 / 42%);
}
.slick-slider, .slick-list, .slick-track {
	height: 100%;
}
.headTitle{
	font-size: 70px;
	font-family: 'Vibes', cursive;
	padding: 0;
	margin: 0;
}
.centerTitle{
	text-align: -webkit-center;
	text-align: center;
}
.slick-prev,.slick-next,.slick-next:before,.slick-prev:before{
	right: 0px;
	display: none;
}
.MazinButton{
	padding: 10px 20px;
	border-radius: 38px;
	border: 0;
	font-family: 'Alexandria', sans-serif;
	box-shadow: 0 0 5px rgba(109 109 109 / 0.5);
	margin-top: 20px;
	background-color: #424242;
	color: white;
}
input[type="text"] {
	padding: 4px 20px;
	border-radius: 8px;
	border: 2px solid #828282;
	background-color: #a2a2a2;
	margin: 5px;
	color: #eaeaea;
	text-align: center;
	font-family: 'Alexandria', sans-serif;
	line-height: 30px;
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

::-webkit-input-placeholder { 
  color: rgba(255 255 255 / 0.5);
}
::-moz-placeholder { 
  color: rgba(255 255 255 / 0.5);
}
:-ms-input-placeholder {
  color: rgba(255 255 255 / 0.5);
}
:-moz-placeholder { 
  color: rgba(255 255 255 / 0.5);
}
footer{
	position: static;
	bottom: 0;
	left: 0;
	right: 0;
	color: #bfbfbf;
	/*font-family: 'Raleway', sans-serif;*/
	font-size:12px;
	margin-bottom:25px;
	font-weight: 100;
	padding-top: 50px;
}
.MazinCard {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}
 .card1{
	width: 129px;
	height: 230px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgb(80 80 80 / 42%);
 }
  .card2{
	width: 129px;
	height: 230px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgb(80 80 80 / 42%);
 }
  .card3{
	width: 129px;
	height: 230px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgb(80 80 80 / 42%);
 }
  .card4{
	width: 200px;
	height: 150px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgb(80 80 80 / 42%);
 }
 canvas {
	width: 95%;
}
.centerImg{
    text-align:center;
    margin-top: 30px;
}
.centerImg img {
    animation: fadeBrightness 2s ease-in-out infinite alternate;
}

@keyframes fadeBrightness {
    0% {
        filter: brightness(0);
    }
    50% {
        filter: brightness(0.5);
    }
    100% {
        filter: brightness(1);
    }
}