@font-face {
	font-family: 'broyabold';
	src:	url('./Yekan-Font-master/BROYABOLD_YASDL.COM.TTF') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility;
	font-display: auto;
}
@font-face {
  font-family: 'broya';
  src:	url('./Yekan-Font-master/BROYA_YASDL.COM.TTF') format('truetype');
  font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility;
	font-display: auto;
}
@font-face {
  font-family: 'enteza';
  src:	url('./Yekan-Font-master/ENTEZARB3_V2.0.1.TTF') format('truetype');
  font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility;
	font-display: auto;
}


*{
  margin: 0;
  padding: 0;
}

body{
  direction: rtl;
  background: #dadae5;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* **************sec1************** */
.sec1{
  width: 1920px;
  height: 912px;
  position: relative;
}
header{
  width: 388px;
  height:912px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color:#dadae5;
  position:absolute;
  top: 0;
  left: 0;
  border-radius: 0 30px 30px 0;
  text-align: center;
  z-index: 100;
} 
.logobox-head img{
  width: 128px;
  height: 155px;
  margin:50px auto 0px ;
}
.logobox-head a img{
  width: 128px;
  height: 155px;
  text-decoration: none;
  cursor: pointer;
}
.logobox-head img:hover{
  filter: invert(47%) sepia(88%) saturate(843%) hue-rotate(13deg) brightness(108%) contrast(105%);
}
.icons{
  width: 240px;
  height: 389px;
  display: flex;
  align-items: center;
  justify-content:center;
  flex-direction: column; 
  margin: 70px auto  39px;
}
.icons a {
  width: 198px;
  height: 86px;
  border-bottom: 2px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 27px 0px;
}
.icons a:last-child{
  border-bottom: none;
}
.icons a img{
  width: 60px;
  height: 60px;
} 
.icons a img:hover{
  filter: invert(47%) sepia(88%) saturate(843%) hue-rotate(13deg) brightness(108%) contrast(105%);
} 
.navbar{
  width: 106px;
  height: 150px;
  font-family: 'broyabold';
  position:absolute;
  left: 88px;
  bottom: 55px;
}
.navbar a {
  text-decoration: none;
  color: #2b2b2b;
} 
.navbar a p{
  width: auto;
  height: 21px;
  font-family: 'broyabold';
  font-size: 21px;
  text-align: left;
  margin-bottom: 26px;
}
.navbar a p:hover{
  color: #ffa800;
}
.sec1 .swiper {
  width: 100%;
  height: 912px;
  position: absolute;
  top: 0;
  right: 0;
}
.sec1 .swiper-wrapper {
  width: 1535px;
  height: 912px;
}
.sec1 .swiper-slide {
  width: 1535px;
  height: 912px;
}
.singer-information-slider1{
  background-image: url(./imgs/slider1sec1.png);
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}
.concert-information-sec1{
  width: auto;
  height: 171px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 160px;
  left:549px;
  text-align: left;
}
.concert-information-sec1 h2{
  width:auto;
  height: 62px;
  line-height: 62px;
  font-size: 63px;
  font-family:'enteza';
  color: #dadae5;
}
.concert-information-sec1 .p1{
  width: auto;
  height: 30px;
  line-height: 30px;
  font-size: 42px;
  font-family: 'broyabold';
  color:#dadae5;
}
.concert-information-sec1 .p2{
  width: auto;
  height: 46px;
  line-height: 46px;
  font-size: 46px;
  font-family: 'broya';
  color: #dadae5;
}
.singer-information-slider2{
  background-image: url(./imgs/slider2sec1.jpg);
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.singer-information-slider3{
  background-image: url(./imgs/slider3sec1.jpg);
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.singer-information-slider4{
  background-image: url(./imgs/slider4sec1.jpg);
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}
.singer-information-slider5{
  background-image: url(./imgs/slider5sec1.jpg);
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.sec1 .swiper-button-next:after , .sec1 .swiper-button-prev:after {
  display: none;
}
.sec1 .swiper-button-prev {
  width:39px;
  height:39px;
  position: absolute;
  top: 812px;
  left: 556px;
}
.sec1 .swiper-button-next {
  width: 39px;
  height: 39px;
  position: absolute;
  top: 812px;
  left: 619px;
}
.sec1 .swiper-button-next img , .sec1 .swiper-button-prev img {
  width: 39px;
  height: 39px;
}
.sec1 .swiper-button-prev img:hover , .sec1 .swiper-button-next img:hover {
  filter: invert(47%) sepia(88%) saturate(843%) hue-rotate(13deg) brightness(108%) contrast(105%);
}
.swiper-pagination{
  width: 162px !important;
  height: 14px;
  position: absolute;
  left: 690px !important;
  bottom: 95px !important;
  display: flex;
  justify-content: space-between;
}
.mySwiper .swiper-pagination-bullet{
  opacity: 1;
  background-color:white;
  width: 14px;
  height: 14px;
  /* margin: 0px 10px !important; */
}
.swiper-pagination-bullet-active{
  background-color:#ffa800 !important;
}

.searchbox{
  width: 993px;
  height:85px;
  position: absolute;
  top: 660px;
  left:668px;
  border-radius: 12px;
  opacity:.7;
  display: flex;
  justify-content:space-between;
  align-items: center;
  z-index: 101;
  background-color: #bfbfc6;
  backdrop-filter: blur(100px);
}
.searchbox input{
  width: 993px;
  height: 85px;
  font-size: 30px;
  font-family: 'broyabold';
  border-radius: 12px;
  border: none;
  outline: none;
  padding-right: 24px;
  background: none;
}
.searchbox input::placeholder{
  color: #2b2b2b;
  font-family: "broyabold";
}
.searchbox img{
  width: 45px;
  height: 45px;
}
.searchbox img:hover{
  filter: invert(47%) sepia(88%) saturate(843%) hue-rotate(13deg) brightness(108%) contrast(105%);
}
.searchbox .searchboxbtn{
  width: 91px;
  height: 91px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  outline: none;
  border: none;
  position: absolute;
  left: 0;
  top: 0;
}

/* **************sec2********************* */

.sec2{
  width: 1920px;
  height: 910px;
  display: flex;
  flex-direction: column;
  position: relative;
  background: rgb(218,218,229);
  background: linear-gradient(180deg, rgba(218,218,229,1) 0%, rgba(255,255,255,1) 100%);
}
.sec2 .logo-sec2 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.sec2 .titlesec2{
  width: auto;
  height: 37px;
  line-height: 37px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 55px;
  right: 93px;
  text-decoration: none;
}
.sec2 .titlesec2 p {
  width: auto;
  font-size: 33px;
  font-family: 'broyabold';
  color: #222222;
}
.sec2 .titlesec2 span{
  width: 14px;
  height: 14px;
  margin: 14px 19px 0 0;
  font-weight: bold;
  font-size: 26px;
  font-family: 'broyabold';
  color: #222222;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec2 .titlesec2:hover p,
.sec2 .titlesec2:hover span{
  color: #ffa800;
}
.sec2 .swiper{
  width: 100%;
  height: 640px;
  margin-top: 117px;
  direction: ltr;
  border-radius: 25px;
  position: relative;
  display: flex;
  align-items: center;
}
.sec2 .swiper .swiper-wrapper{
  width: 100%;
  height: 586px;
  border-radius: 25px;
}
.sec2 .swiper .swiper-slide {
  width: 388px !important;
  height: 586px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
}
.sec2 .swiper .swiper-slide img{
  width: 388px;
  height: 586px;
  border-radius: 25px;
  cursor: pointer;
  /* transition: all .3s linear; */
}
.sec2 .swiper .swiper-slide .backgrand {
  width: 388px;
  height: 150px;
  background:#1c1f3e;
  border-radius:0 0 25px 25px;
  opacity: .3;
  position: absolute;
  bottom: 0;
  z-index: 100;
  cursor: pointer;
}
.sec2 .swiper .swiper-slide .img-soon{
  width: 150px;
  height: 124px;
  position: absolute;
  top: 26px;
  left: 27px;
  z-index: 101;
}
.sec2 .swiper .swiper-slide button{
  width: 128px;
  height: 44px;
  cursor: pointer;
  position: absolute;
  bottom: 39px;
  left: 29px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  z-index: 101;
}
.sec2 .swiper .swiper-slide #button-soon{
  background:#ffcd83;
}
.sec2 .swiper .swiper-slide #button-soon:hover{
  background: #dadae5;
}
.sec2 .swiper .swiper-slide button #tickt {
  font-family: 'broyabold';
  color: #2b2b2b;
  font-size: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  border-radius: 15px;
  /* margin: -24px auto; */
  width: 128px;
  height: 44px;
  /* width: 76px;
  height: 19px; */
}
.sec2 .swiper .swiper-slide p {
  font-family: 'broyabold';
  color: #ffffff;
  width: 178px;
  height: 104px;
  text-align: right;
  position: absolute;
  bottom: 39px;
  right: 24px;
  z-index: 101;
}
.sec2 .swiper .swiper-slide #title-soon {
  font-size: 35.5px;
}
.sec2 .swiper .swiper-slide .img-shop{
  width: 150px;
  height: 124px;
  position: absolute;
  top: 26px;
  left: 27px;
  z-index: 101;
}
.sec2 .swiper .swiper-slide #button-shop {
  background:#ffba00;
}
.sec2 .swiper .swiper-slide #button-shop:hover {
  background:#dadae5;
}
.sec2 .swiper .swiper-slide #title-shop {
  font-size: 35.5px;
}
.sec2 .swiper .swiper-slide .img-extend{
  width: 150px;
  height: 124px;
  position: absolute;
  top: 26px;
  left: 27px;
  z-index: 101;
}
.sec2 .swiper .swiper-slide #button-extend {
  background:#ff9800;
}
.sec2 .swiper .swiper-slide #button-extend:hover {
  background:#dadae5;
}
.sec2 .swiper .swiper-slide #title-extend {
  font-size: 35.5px;
}
.sec2 .swiper .swiper-slide .img-finish{
  width: 150px;
  height: 124px;
  position: absolute;
  top: 26px;
  left: 27px;
  z-index: 101;
}
.sec2 .swiper .swiper-slide #button-finish {
  background:#ff6224;
}
.sec2 .swiper .swiper-slide #button-finish:hover {
  background:#dadae5;
}
.sec2 .swiper .swiper-slide #title-finish {
  font-size: 33px;
}
.sec2 .swiper .swiper-slide:hover{
  margin-top: -27px;
  box-shadow: 0px 30px 20px #8a8a90;
}
.sec2 .swiper .swiper-slide:hover .backgrand{
  height: 100%;
  border-radius: 25px;
  opacity: .7;
}
.button-sec2 {
  width: 310px;
  height: 63px;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #3d3d3d;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  margin: 30px auto 0;
  box-shadow: 0px 10px 11px #a4a4a4;
  z-index: 10;
}
.button-sec2:hover {
  background: #ffa800;
}
.button-sec2 p{
  width: 310px;
  height: 63px;
  color: #ffffff;
  font-size: 32px;
  font-family: "broyabold";
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ********************sec3*************** */

.sec3{
  height: 876px;
  width: 1920px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgb(218,218,229);
  background: linear-gradient(180deg, rgba(218,218,229,1) 0%, rgba(255,255,255,1) 100%);
}
.sec3 .titlesec3 {
  width: auto;
  height: 37px;
  line-height: 37px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 49px;
  right: 93px;
  text-decoration: none;
}
.sec3 .titlesec3 p {
  width: auto;
  font-size: 33px;
  font-family: 'broyabold';
  color: #222222;
}
.sec3 .titlesec3 span{
  width: 14px;
  height: 14px;
  margin: 14px 19px 0 0;
  font-weight: bold;
  font-size: 26px;
  font-family: 'broyabold';
  color: #222222;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec3 .titlesec3:hover p,
.sec3 .titlesec3:hover span{
  color: #ffa800;
}
.slidersec3{
  display: flex;
  height:747px;
  width: max-content;
  direction: ltr;
  position: absolute;
  top: 108px;
  right: 76px;
}
.slidersec3 .slid3-img{
  width: 180px;
  height:724px;
  border-radius: 30px;
  cursor: pointer;
  margin:0 5px;
  position: relative;
  overflow: hidden;
}
.slidersec3 .slid3-img img{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 25px;
  object-fit: cover;
}
.slid3-img.active{
  width: 866px;
  height: 724px;
  box-shadow: 0px 10px 11px #8a8a90;
}
.slid3-img .caption1 {
  width: 100%;
  height: 128px;      
  background:#12111a;
  border-radius: 0 0px 30px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(160px);
  opacity: .8;
  transition:all 2s ease;
}
.slid3-img:hover .caption1{
  transform: translateY(0);
}
.caption1 p {
  width: 489px;
  height: 118px;
  line-height: 42px;
  text-align: right;
  margin: 0 0 0 300px;
  padding: 25px 0 0 0;
  font-family:'broyabold';
  font-size: 31px;
  color: #fff;
  /* animation: blink 5s ease infinite; */
  animation: typing 8s steps(30,start) infinite;
  direction: rtl;
}
.sticker{
  width: 64px;
  height: 147px;
  position: absolute;
  bottom: 0;
  left: 52px;
  background: #e1e1ea;
  opacity: .6;
  border-radius: 20px 20px 0px 0px;
}
.sticker p {
  width: 99px;
  height: 21px;
  position: absolute;
  text-align: right;
  top: 60px;
  left: -19px;
  font-family: "broyabold";
  font-size: 29px;
  transform: rotate(270deg);
}
/* @keyframes blink {
  0%{
    width: 0px;
    margin-left: 510px;
  }
  50%{
    width: 490px;
  }
  100%{
    width: 489px;
  }
} */
@keyframes typing {
  0%{
    width: 0px;
    direction: rtl;
  }
  50%{
    width: 490px;
    direction: rtl;
  }
  100%{
    width: 489px;
    direction: rtl;
  }
}
/* *************sec4*************** */
.sec4{
  height: 876px;
  width: 1920px;
  position: relative;
  background: rgb(218,218,229);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%,  rgba(218,218,229,1) 100%);
}
.sec4 .titlesec4 {
  width: 147px;
  height: 26px;
  line-height: 26px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 49px;
  right: 86px;
  text-decoration: none;
  font-family: 'broyabold';
}
.sec4 .titlesec4 p {
  height: 26px;
  width: auto;
  font-size: 30px;
  font-family: 'broyabold';
  color: #222222;
}
.sec4 .titlesec4 span{
  width: 14px;
  height: 14px;
  margin: 13px 21px 0px 0px;
  font-weight: bold;
  font-size: 26px;
  font-family: 'broyabold';
  color: #222222;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec4 .titlesec4:hover p,
.sec4 .titlesec4:hover span{
  color: #ffa800;
}
.slidersec4{
  display: flex;
  height:747px;
  width: max-content;
  direction: ltr;
  position: absolute;
  top: 108px;
  right: 76px;
}
.slidersec4 .slid-img{
  width: 180px;
  height:724px;
  border-radius: 30px;
  cursor: pointer;
  margin:0 5px;
  position: relative;
  overflow: hidden;
}
.slidersec4 .slid-img img{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 25px;
  object-fit: cover;
}
.slid-img.active{
  width: 866px;
  height: 724px;
  box-shadow: 0px 10px 11px #8a8a90;
}
.slid-img .caption {
  width: 100%;
  height: 118px;
  background:#12111a;
  border-radius: 0 0px 30px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(160px);
  opacity: .8;
  transition:all 2s ease;
}
.slid-img:hover .caption{
  transform: translateY(0);
}
.caption p {
  width: auto;
  height: 118px;
  text-align: center;
  margin: 0px auto 0;
  padding: 30px 0 0 0;
  font-family:'broyabold';
  font-size: 39px;
  color: #fff;
  animation: typing1 5s steps(30,start) infinite;
}
@keyframes typing1 {
  0%{
    width: 0px;
  }
  50%{
    width: 100%;
  }
  100%{
    width: 100%;
  }
}
/* *****************sec5************ */
.sec5{
  width: 1920px;
  height: 769px;
  display: flex;
  flex-direction: column;
  position: relative;
  background:#e1e1ea;
  box-shadow: 0px 50px 15px #cdcdd7,
  0px -1px 15px #cdcdd7;
}
.sec5 .titlesec5 {
  width: 228px;
  height: 29px;
  line-height: 29px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 83px;
  right: 86px;
  text-decoration: none;
}
.sec5 .titlesec5 p {
  height: 29px;
  width: auto;
  font-size: 30px;
  font-family: 'broyabold';
  color: #222222;
}
.sec5 .titlesec5 span{
  width: 14px;
  height: 14px;
  margin: 8px 21px 0px 0px;
  font-weight: bold;
  font-size: 26px;
  font-family: 'broyabold';
  color: #222222;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec5 .titlesec5:hover p,
.sec5 .titlesec5:hover span{
  color: #ffa800;
}
.sec5 .box_music{
  width: 1771px;
  height: 419px;
  background: #737377;
  box-shadow: 2px 10px 15px #535356,
  -2px 0px 10px #535356;
  margin: 272px auto 98px;
  border-radius: 25px;
  position: relative;
}
.box_music .logo-sec5 {
  position: absolute;
  top: -15px;
  left: 0;
}
.sec5 .box_music .song_side {
  width: 1675px;
  height: 263px;
  display: flex;
  margin: -97px auto 0;
}
.box_music .song_side .populer_song{
  width: 1675px;
  height: 263px;
  /* display: flex; */
  /* margin: 89px auto 0; */
}
.box_music .song_side .populer_song .pop_song{
  width: 1675px;
  height: 263px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* margin: -94px 50px 0px 50px; */
}
.pop_song .songItem{
  list-style: none;
  width: 263px;
  height: 263px;
  position: relative;
  border-radius: 15px;
  border: 1px solid #737377;
  background: none;
  cursor: pointer;
}
.pop_song .songItem img{
  width: 263px;
  height: 263px;
  border-radius: 15px;
}
.pop_song .songItem:hover,
.pop_song .songItem:focus,
.pop_song .songItem:active {
  border: none;
  margin-top: -27px;
  box-shadow: 0px 10px 11px #565659;
  transition: all .3s  ease;
}
.pop_song .songItem h5{
  display: none;
}
.pop_song .songItem .bi{
  position: absolute;
  font-size: 265px;
  top: 0;
  left: 0;
  opacity: 0;
}
.sec5 .box_music .master_play{
  width: 994px;
  height: 118px;
  border-radius: 10px;
  margin: 65px auto 0;
  position: relative;
  box-shadow: 2px 10px 15px #535356,
  -2px 0px 10px #535356;
  background: #3d3d3d;
  display: flex;
}
.master_play #poster_master_play{
  width: 67px;
  height: 67px;
  margin: 25px 36px 0 0 ;
}
.icon{
  width: 54px;
  height: 19px;
  line-height: 19px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  cursor: pointer;
  top: 22px;
  left: 410px;
}
.icon .bi{
  width: 19px;
  height: 19px;
  line-height: 19px;
  color: #fff;
}
.icon .bi:hover{
  color: #ffa800;
}
.box_music .master_play span {
  width: 30px;
  height: 10px;
  line-height: 10px;
  font-size: 16px;
  text-align: center;
  color: #f1eff7;
}
.box_music .master_play #currentStart {
  position: absolute;
  top: 56px;
  left: 40px;
}
.box_music .master_play #currentEnd {
  position: absolute;
  top: 56px;
  right: 142px;
}
.box_music .master_play .bar {
  direction: ltr;
  width: 695px;
  height: 4px;
  position: absolute;
  left: 90px;
  top: 59px;
  display: flex;
  background:#5d5d5d;
}
.box_music .master_play .bar .bar2 {
  position: absolute;
  width: 0%;
  height: 100%;
  background: #ffa800;
  top: 0;
}
.box_music .master_play .bar input {
   position: absolute;
   width: 100%;
   top: -7px;
   left: 0;
   cursor: pointer;
   z-index: 101;
   opacity: 0;
}
.box_music .master_play #title {
  width: auto;
  height: 18px;
  position: absolute;
  top: 79px;
  left: 394px;
  color: #f1eff7;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.box_music .master_play #title .subtitle{
  width: auto;
  height: 18px;
  line-height: 18px;
  font-family: "broya";
  font-size: 20px;
}
.box_music .master_play .share-icon{
  width: 15px;
  height: 19px;
  position: absolute;
  top: 78px;
  left: 772px;
}
.box_music .master_play .share-icon:hover{
  filter: invert(47%) sepia(88%) saturate(843%) hue-rotate(13deg) brightness(108%) contrast(105%);
}
.box_music .master_play .heart-icon{
  width: 18px;
  height: 16px;
  position: absolute;
  top: 78px;
  left: 733px;
}
.box_music .master_play .heart-icon:hover{
  filter: invert(47%) sepia(88%) saturate(843%) hue-rotate(13deg) brightness(108%) contrast(105%);
}
.waves{
  width: 314px;
  height: 108px;
  position: absolute;
  top: 292px;
  right: 42px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.waves .wave1{
  width: 7px;
  height: 72px;
  background: #ffffff;
  margin-right: 3px;
  border-radius: 10px 10px 0px 0px;
  animation: unset;
}
.waves2{
  width: 314px;
  height: 108px;
  position: absolute;
  top: 292px;
  left: 42px;
  display: flex;
  align-items: flex-end;
}
.waves2 .wave2{
  width: 7px;
  height: 72px;
  background: #ffffff;
  margin-right: 3px;
  border-radius: 10px 10px 0px 0px;
  animation: unset;
}

/* ///////////////////////////// */
.waves .wave1:nth-child(2),  .waves .wave1:nth-child(5),  .waves .wave1:nth-child(7), .waves .wave1:nth-child(13),.waves .wave1:nth-child(17),
.waves .wave1:nth-child(19), .waves .wave1:nth-child(22), .waves .wave1:nth-child(26),.waves .wave1:nth-child(28),.waves .wave1:nth-child(30){
  height: 90px;
  animation-delay: .4s;
}
.waves .wave1:nth-child(1), .waves .wave1:nth-child(3),  .waves .wave1:nth-child(6), .waves .wave1:nth-child(10),  .waves .wave1:nth-child(15),
.waves .wave1:nth-child(22),.waves .wave1:nth-child(32) {
  height: 101px;
  animation-delay: .6s;
}
.waves .wave1:nth-child(11), .waves .wave1:nth-child(16),  .waves .wave1:nth-child(21),.waves .wave1:nth-child(29) {
  height: 75px;
  animation-delay: .3s;
}
 .waves .wave1:nth-child(12),.waves .wave1:nth-child(18),  .waves .wave1:nth-child(23) {
  height: 80px;
  animation-delay: .6s;
}
.waves .wave1:nth-child(4),  .waves .wave1:nth-child(8),  .waves .wave1:nth-child(9),  .waves .wave1:nth-child(14),  .waves .wave1:nth-child(20),
.waves .wave1:nth-child(24), .waves .wave1:nth-child(25), .waves .wave1:nth-child(27),.waves .wave1:nth-child(31) {
  height: 68px;
  animation-delay: .8s;
}
/* ////////////////////////////// */
.waves2 .wave2:nth-child(2),  .waves2 .wave2:nth-child(5),  .waves2 .wave2:nth-child(7), .waves2 .wave2:nth-child(13),.waves2 .wave2:nth-child(17),
.waves2 .wave2:nth-child(19), .waves2 .wave2:nth-child(22), .waves2 .wave2:nth-child(26),.waves2 .wave2:nth-child(28),.waves2 .wave2:nth-child(30){
  height: 68px;
  animation-delay: .8s;
}
.waves2 .wave2:nth-child(1), .waves2 .wave2:nth-child(3),  .waves2 .wave2:nth-child(6), .waves2 .wave2:nth-child(10),  .waves2 .wave2:nth-child(15), .waves2 .wave2:nth-child(22),.waves2 .wave2:nth-child(32) {
  height: 80px;
  animation-delay: .6s;
}
.waves2 .wave2:nth-child(11), .waves2 .wave2:nth-child(16),  .waves2 .wave2:nth-child(21),.waves2 .wave2:nth-child(29) {
  height: 75px;
  animation-delay: .3s;
}
 .waves2 .wave2:nth-child(12),.waves2 .wave2:nth-child(18),  .waves2 .wave2:nth-child(23) {
  height: 101px;
  animation-delay: .6s;
}
.waves2 .wave2:nth-child(4),  .waves2 .wave2:nth-child(8),  .waves2 .wave2:nth-child(9),  .waves2 .wave2:nth-child(14),  .waves2 .wave2:nth-child(20),
.waves2 .wave2:nth-child(24), .waves2 .wave2:nth-child(25), .waves2 .wave2:nth-child(27),.waves2 .wave2:nth-child(31) {
  height: 90px;
  animation-delay: .4s;
}
/* //////////////////////////////// */

.box_music .active-wave1 .wave1{
  animation: waves .5s linear infinite;
}
.box_music .active-wave1 .wave1:nth-child(2), .box_music  .active-wave1 .wave1:nth-child(5), .box_music  .active-wave1 .wave1:nth-child(7), .box_music .active-wave1 .wave1:nth-child(13), 
.box_music  .active-wave1 .wave1:nth-child(17),.box_music .active-wave1 .wave1:nth-child(19), .box_music .active-wave1 .wave1:nth-child(22), .box_music  .active-wave1 .wave1:nth-child(26),.box_music  .active-wave1 .wave1:nth-child(28),.box_music  .active-wave1 .wave1:nth-child(30) {
  animation-delay: .4s;
}
.box_music  .active-wave1 .wave1:nth-child(1),.box_music  .active-wave1 .wave1:nth-child(3), .box_music  .active-wave1 .wave1:nth-child(6), .box_music  .active-wave1 .wave1:nth-child(10), 
.box_music  .active-wave1 .wave1:nth-child(15), .box_music .active-wave1 .wave1:nth-child(22),.box_music  .active-wave1 .wave1:nth-child(32) {
  animation-delay: .6s;
}
.box_music  .active-wave1 .wave1:nth-child(11),.box_music  .active-wave1 .wave1:nth-child(16), .box_music  .active-wave1 .wave1:nth-child(21),.box_music  .active-wave1 .wave1:nth-child(29) {
  animation-delay: .3s;
}
.box_music  .active-wave1 .wave1:nth-child(12),.box_music .active-wave1 .wave1:nth-child(18), .box_music  .active-wave1 .wave1:nth-child(23) {
  animation-delay: .6s;
}
.box_music  .active-wave1 .wave1:nth-child(4), .box_music  .active-wave1 .wave1:nth-child(8),.box_music  .active-wave1 .wave1:nth-child(9), .box_music  .active-wave1 .wave1:nth-child(14),
.box_music .active-wave1 .wave1:nth-child(20),.box_music  .active-wave1 .wave1:nth-child(24), .box_music  .active-wave1 .wave1:nth-child(25),.box_music  .active-wave1 .wave1:nth-child(27),.box_music  .active-wave1 .wave1:nth-child(31) {
  animation-delay: .8s;
}
/* /////////////////////////// */
.box_music .active-wave2 .wave2{
  animation: waves2 .5s linear infinite;
}
.box_music .active-wave2 .wave2:nth-child(2), .box_music  .active-wave2 .wave2:nth-child(5), .box_music  .active-wave2 .wave2:nth-child(7), .box_music .active-wave2 .wave2:nth-child(13), 
.box_music  .active-wave2 .wave2:nth-child(17),.box_music .active-wave2 .wave2:nth-child(19), .box_music .active-wave2 .wave2:nth-child(22), .box_music  .active-wave2 .wave2:nth-child(26),.box_music  .active-wave2 .wave2:nth-child(28),.box_music  .active-wave2 .wave2:nth-child(30) {
  animation-delay: .8s;
}
.box_music  .active-wave2 .wave2:nth-child(1),.box_music  .active-wave2 .wave2:nth-child(3), .box_music  .active-wave2 .wave2:nth-child(6), .box_music  .active-wave2 .wave2:nth-child(10), 
.box_music  .active-wave2 .wave2:nth-child(15), .box_music .active-wave2 .wave2:nth-child(22),.box_music  .active-wave2 .wave2:nth-child(32) {
  animation-delay: .6s;
}
.box_music  .active-wave2 .wave2:nth-child(11),.box_music  .active-wave2 .wave2:nth-child(16), .box_music  .active-wave2 .wave2:nth-child(21),.box_music  .active-wave2 .wave2:nth-child(29) {
  animation-delay: .3s;
}
.box_music  .active-wave2 .wave2:nth-child(12),.box_music .active-wave2 .wave2:nth-child(18), .box_music  .active-wave2 .wave2:nth-child(23) {
  animation-delay: .6s;
}
.box_music  .active-wave2 .wave2:nth-child(4), .box_music  .active-wave2 .wave2:nth-child(8),.box_music  .active-wave2 .wave2:nth-child(9), .box_music  .active-wave2 .wave2:nth-child(14),
.box_music .active-wave2 .wave2:nth-child(20),.box_music  .active-wave2 .wave2:nth-child(24), .box_music  .active-wave2 .wave2:nth-child(25),.box_music  .active-wave2 .wave2:nth-child(27),.box_music  .active-wave2 .wave2:nth-child(31) {
  animation-delay: .4s;
}
/* //////////////////////////////// */
@keyframes waves {
  0% {
       height: 101px;
  }
  40% {
       height: 68px;
  }
  70% {
    height: 60px;
  }
  100% {
       height: 90px;
  }
}
/* ////////////////////////////////// */
@keyframes waves2 {
  0% {
       height: 101px;
  }
  40% {
       height: 68px;
  }
  70% {
    height: 60px;
  }
  100% {
       height: 90px;
  }
}

/* *************sec6*************** */

.sec6{
  width: 1920px;
  height: 645px;
  background-color: #e5e5ec;
  position: relative;
}
.sec6 .titlesec6 {
  width: 147px;
  height: 26px;
  line-height: 26px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 49px;
  right: 86px;
  text-decoration: none;
  font-family: 'broyabold';
}
.sec6 .titlesec6 p {
  height: 26px;
  width: auto;
  font-size: 30px;
  font-family: 'broyabold';
  color: #222222;
}
.sec6 .titlesec6 span{
  width: 14px;
  height: 14px;
  margin: 12px 21px 0px 0px;
  font-weight: bold;
  font-size: 26px;
  font-family: 'broyabold';
  color: #222222;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec6 .titlesec6:hover p,
.sec6 .titlesec6:hover span{
  color: #ffa800;
}
.sec6 .swiper{
  width: 1570px;
  height: 394px;
  position: absolute;
  top: 151px;
  left: 166px;
  display: flex;
  justify-content: space-between;
  direction:ltr;
  border-radius: 15px;
}
.sec6 .swiper .swiper-wrapper{
  width: auto;
  height: 394px;
}
.sec6 .swiper .swiper-slide .img1{
  width: 277px;
  height: 394px;
  border-radius: 15px;
}
.sec6 .swiper .swiper-slide .img4{
  width: 277px;
  height: 394px;
  border-radius: 15px;
  margin-left: 94px;
}
.sec6 .swiper .swiper-slide .img2{
  width: 394px;
  height: 394px;
  border-radius: 15px;
  margin-left: -105px;
}
.sec6 .swiper .swiper-slide .img3{
  width: 571px;
  height: 394px;
  border-radius: 15px;
  margin-left: -94px;
}
.sec6 .swiper-button-next::after , 
.sec6 .swiper-button-prev::after {
  display: none;
}
.sec6 .swiper-button-next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 353px;
  right: 111px;
}
.sec6 .swiper-button-prev{
  width: 40px;
  height: 40px;
  position: absolute;
  top: 353px;
  left: 102px !important;
}

.sec6 .swiper-button-prev img:hover , 
.sec6 .swiper-button-next img:hover {
  filter: invert(47%) sepia(88%) saturate(843%) hue-rotate(13deg) brightness(108%) contrast(105%);
}

/* ********footer******** */

footer{
  width: 1920px;
  height: 495px;
  background-color: #282828;
  direction: rtl;
  display: flex;
}
.footer{
  width: 1920px;
  height: 495px;
  display: flex;
  justify-content: space-around;
}
.footer-logo{
  width:40%;
  height:495px;
}
.footer-logo img{
  width: 138px;
  height:158px;
  margin:68px 290px 0px 0px;
}
.footer-text {
  width: 453px;
  height: 112px;
  line-height: 28px;
  color:#e5e5ec;
  font-family: "broya";
  font-size: 25px;
  margin:25px 290px 0px 0px;
  text-align: justify;
}
.footer-link{
  width:30%;
  height:495px;
}
.title-link{
  width: 149px;
  height: 177px;
  margin: 157px 157px 0 0;
  display: flex;
  flex-direction: column;
}
h4{
  font-size: 29px;
  font-family: "broyabold";
  margin-bottom:38px;
  color: #e5e5ec;
}
.link-p{
  font-size: 23px;
  font-family: "broya";
  color: #e5e5ec;
  margin-bottom: 18px;
}
.footer-address{
  width:30%;
  height:495px;
}
.address-p{
  font-family: "broya";
  color: #e5e5ec;
  margin:175px 0px 15px 0px;
  font-size: 18px;
}
.address-p1{
  font-size: 18px;
  font-family: "broya";
  color: #e5e5ec;
}
.footer-icons{
  display:flex;
  align-items: center;
  margin-top:80px;
  cursor: pointer;
}
.footer-icons .insta{
  width:18px;
  height:18px;
  margin-top: 10px;
}
.footer-icons .insta:hover{
  filter: invert(47%) sepia(88%) saturate(843%) hue-rotate(13deg) brightness(108%) contrast(105%);
}
.footer-icons .telegram{
  width: 40px;
  height: 40px;
  margin:0px 40px 0px 0px;
}
.footer-icons .telegram:hover{
  filter: invert(47%) sepia(88%) saturate(843%) hue-rotate(13deg) brightness(108%) contrast(105%);
}
.footer-icons .face{
  width: 20px;
  height: 20px;
  margin-right: 40px;
}
.footer-icons .face:hover{
  filter: invert(47%) sepia(88%) saturate(843%) hue-rotate(13deg) brightness(108%) contrast(105%);
}
.footer-icons .whats{
  width: 30px;
  height: 30px;
  margin-right: 40px;
}
.footer-icons .whats:hover{
  filter: invert(47%) sepia(88%) saturate(843%) hue-rotate(13deg) brightness(108%) contrast(105%);
}