nav{
    color: white ;
 }
.nav_direct::after{
color: white !important;
}
.nav_direct:hover::after{
 transform: scaleX(1); transform-origin: 100% 0% !important;
color: white !important;
 } 
.nav_directs .active{
}
.nav_directs  .active::after{
 transform: scaleX(.5); transform-origin: 100% 0%;
  padding: 0px 20px 10px 10px;
color: #2616FF !important ;


}
.nav_active{
    background-color: var(--blue) !important;
 }
.nav_directs  .active:hover:after{
color:#2616FF !important;
 transform: scaleX(1); transform-origin: 100% 0%;
}
.nav_contact span{
  background: #FFFFFF17;
}
.nav_contact {
    color: white;
}
header{
    position: relative;
}

.header_title{
    width: 100%;
    height: 80vh;
background-image: url(../images/pattern2.png),url(../images/pattern.png);
background-repeat: no-repeat;
background-position: left,right;
background-size: contain;
    background-color: var(--blue);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: white;
}
.header_title h1{
    font-size: 34px;
font-style: normal;
font-weight: 700;
}
.header_title h1 span{
    color: #2616FF;
font-family: IRYekanbold;

}
.header_title p{
max-width: 680px;
text-align: center;
font-size: 15px;

}
.header_buttons{
    display: flex;

}
.header_buttons a{
    width: 180px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
margin: 0 20px;
transition: .5s;

}
.white_button{
    background-color: white;
color: var(--blue);
border: 1px solid #FFF;
background: #FFF;
box-shadow: 0px 16px 40px -12px rgba(255, 255, 255, 0.51);
}
.blue_button{
background: #2616FF;
box-shadow: 0px 16px 40px -12px #2616FF;
color: white;
}
.header_buttons a:hover{
box-shadow: 0px 0px 7px 0px black;
border-radius: 30px;

}
.header_image{
    position: absolute;
    bottom: -130px;
    left: 0;
    right: 0;
    margin-left: auto;
    display: flex;
    justify-content: center;
    margin-right: auto;
}
.header_image img{
max-width: 70%;
min-width: 900px;
  }
.header_image::after{
  box-shadow: inset -1px 0px 54px 0px #00000047,0 20px 24px #373737f2;
max-width: 1200px;
    
    width: 70%;
min-width: 900px;
height: 14px;
border-radius: 100%;
    content: '';
position: absolute;
bottom: -5px;

}
.home_prducts{
  margin-bottom: 100px;
    margin-top: 300px;
    display: flex;
    justify-content: space-between;
}
.home_product{
    width: 100%;
    height:360px ;
    display: flex;
    flex-direction: column;
    justify-content: end;
position: relative;
transition: .3s;
}
.home_product img{
position: absolute;
width: 100%;
height: 100%;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%, 0 10%);
  }
  .home_product--title{
    width: 100%;
    height: 50%;
    z-index: 1;
    padding: 20px;
  transition: .3;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: end;
  background: linear-gradient(180deg, rgba(22, 22, 22, 0.00) 0%, #161616 100%);
  color: white;
  }
  .home_product--title::after{
background: linear-gradient(180deg, rgba(10, 0, 151, 0.00) 0%, #0A0097 100%);
content: '';
height: 0%;
position: absolute;
width: 100%;
left: 0%;
bottom: 0;
transition: .3s;
z-index: 1;
  }
  .home_product:hover .home_product--title::after{
  height: 100%;
  }
.home_product:hover{
transform: scale(1.03);
}
  .home_product--title p{
    font-size: 18px;
font-style: normal;
font-weight: 300;
position: relative;
z-index: 2;
margin: 0%;
  }
  .home_product--title h6{
    font-size: 20px;
font-style: normal;
z-index: 2;
font-weight: 900;
position: relative;
  }
.home_product--title a{
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;z-index: 2;
transition: .3s;
}
.home_product--title a:hover{
padding-right: 10px;
    cursor: pointer;
}


.home_aboutUs--image {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.floating-play-button {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 70px; height: 70px;
  background-color: #2D58FA;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  z-index: 10;
}
.play-icon {
  font-size: 30px; color: #fff; z-index: 2; line-height: 1;
}
.pulse-ring {
  position: absolute; top:0; left:0;
  width: 100%; height: 100%;
  border-radius: 50%;
  background: rgba(45,88,250,0.4);
  animation: pulse 2s infinite;
  z-index: 1;
}
@keyframes pulse {
  0% { transform: scale(1); opacity: 0.6; }
  100% { transform: scale(2.5); opacity: 0; }
}

/* پاپ‌آپ */
.video-popup {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.85);
  display: flex; align-items: center; justify-content: center;
  z-index: 9999;
}
.video-popup-inner {
  position: relative;
  width: 90%; max-width: 800px;
}
.video-popup-inner .video-embed {
  width: 100%;
}
.video-popup-close {
  position: absolute;
  top: -20px; right: -20px;
  color: #fff; font-size: 40px;
  cursor: pointer; z-index: 10000;
}




.Businesspartners {
    margin-top: 150px;
    margin-bottom: 150px;
  height: 281px;
  background-color: #333;
  color: white;
  display: flex;
  align-items: center;
  padding: 40px;
clip-path: polygon(5% 0, 95% 0, 100% 25%, 100% 75%, 95% 100%, 5% 100%, 0% 75%, 0% 25%);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
.Businesspartners_title{
  max-width:195px ;
  min-width:195px ;


}
.Businesspartners_title h1{
  font-size: 30px;
  line-height: 46px;
  font-weight: 700;
}

.Businesspartners_navigaition{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.Businesspartners_navigaition span{
  width:90px ;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #343434;
  box-shadow: inset 0 40px 40px #686868a6 ;
  transition: .3s;
  cursor: pointer;
}
.Businesspartners_navigaition span:hover{
  background-color: #2616FF;
  box-shadow: inset 0 40px 40px var(--blue) ;

}
.logo_swiper{
  margin: 0 30px;
  height: 100%;
}
.logos_slide{
  width:240px !important ;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.logos_slide a{
  width: 100%;
  height: 48%;
}
.logos_slide a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home_aboutUs{
  display: flex;
  justify-content: space-between;
height: 446px;
}
.home_aboutUs_title{
  width:35% ;
  display: flex;
  padding: 0 20px;
  flex-direction: column;
  
}
.home_aboutUs_title h5{
  font-size: 24px;
font-weight: bold;
font-family: IRYekanbold;

}
.home_aboutUs_title p{
  text-align: justify;
  font-size: 17px;
  line-height: 33px;
  color: #777777;
}
.home_aboutUs--image{
  width: 30%;
  height:100% ;
}
.home_aboutUs--image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
            clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 10% 100%, 0% 90%, 0% 10%);}

 
 @media (max-width: 1400px) {
.home_aboutUs_title p {
  line-height: 27px;
}
}
 @media (max-width: 1200px) {
  .home_aboutUs{
    flex-wrap: wrap;
    height: fit-content;
  }
  .home_aboutUs_title{
    width: 50%;
  }
 .home_aboutUs--image{
  width: 50%;
 }
 .home_aboutUs--image img{
 max-height: 400px;

 }

 .home_aboutUs--carts{
  width: 100%;
  margin-top: 30px;
 }
 .home_aboutUs--cart{
  margin-top: 20px;
 }
 }

 
 @media (max-width: 992px) {
 .header_title{
    height: 75vw;
    min-height: 73vh;
}    
.header_image img {
min-width: unset;
  min-height: 134px;
max-width: unset;
width: 90%;
}
.header_image{
  bottom: -10%;
}
.header_image::after {
  width: 90%;
  min-width: unset;
}
.home_prducts {
  flex-wrap: wrap;
  margin-top: 140px;
}
.home_product{
  width: 48%;

  margin-top: 20px;
}
.Businesspartners {
  display: none;
}
.home_aboutUs {
  margin-top: 120px;
}
.home_aboutUs_title{
  width: 100%;
  text-align: center;
}
.home_aboutUs--image{
  margin-top: 20px;
  width: 100%;
    padding: 0 20px;
}
.home_aboutUs--image img{
max-height: 65vh;
}
 }
 @media (max-width: 768px) {
  .header_title h1{
    padding: 10px;
    text-align: center;
    font-size: 20px;
  }
 .header_title p{
  font-size: 12px;
    padding: 0 10px;
margin-top: 10px !important;
 }
.home_product{
  height: 270px;
}
 }
 @media (max-width: 576px) {
.home_aboutUs--cart{
  width: 100%;
}
 }
 @media (max-width: 440px) {
     .header_buttons{
  padding: 0 10px;
  justify-content: space-between;
  width: 100%;
 }

    .header_buttons a{
  margin: 0%;
  width: 140px;
  font-size: 12px;
  height: 40px;
 } 
 }