*{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

img{
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

body{
	direction: rtl;
	font-size: 1vw;
	font-family: 'Assistant', sans-serif;
/* overflow: hidden; */}


.wrapper{
position: relative;
height: 49.8vw;
height: 90vh;
height: 55vw;
}

.wrapper .inner{
	position: relative;
height: 100%;width: 57%;margin: 0 auto;}
._title{
	
width: 98%;margin: 0 auto;z-index: 1;position: absolute;left: 0;right: 0;top: 4.4%;padding-right: 1.5%;}
._play{
	
width: 15%;z-index: 1;position: absolute;left: 0;right: 0;margin: 0 auto;top: 45.6%;}
._bg{
	
position: absolute;right: 0;top: 0;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 0;}

._bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

._brands{

z-index: 1;width: 61%;position: absolute;left: 0;right: 0;margin: 0 auto;top: 74%;top: auto;bottom: 12.5%;}
._title_brands{

width: 56%;margin: 0 auto;}
._list_brands{

display: flex;justify-content: center;width: 95%;margin:  auto;margin-top: 2%;}

._list_brands > div{
	transition: .3s all;
margin: 0 0;width: 23%;}


._list_brands > div:hover{
	transform: scale(1.1);
}

._footer{font-size: 14px;margin: 0 auto;height: 8vh;}
._footer .inner{width: 97.5%;margin: 0 auto;margin-top: 1%;font-weight: normal;font-size: 100%;}
._footer .inner p{font-size: 100%;}


.mobile_hide{
	display: block;
}
.desktop_hide{
	display: none;
}

@media(max-width: 1024px){
	.mobile_hide{
		display: none;
	}
	.desktop_hide{
		display: block;
	}
	.wrapper {
	  height: 65vh;
	  height: 140vw;
	}
	.wrapper .inner {
	  width: 100%;
	}
	._title {
	  width: 80%;
	  top: 10.5%;
	  padding: 0;
	}
	._play {
	  width: 20%;
	  top: 50%;
	}
	._brands {
	  width: 70%;
	  top: auto;
	  bottom: 10%;
	}
	._footer .inner {
	  width: 95%;
	  margin-top: 2.5%;
	  font-size: 100%;
	  text-align: justify;
	}
}

.video{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}