.nav_logo{
    color: white;
margin: 0 10px;

}
.home_header{
    height: 45vw;
    max-height: 690px;
    min-height: 65vh;
    background-color: var(--dark-blue);
    margin-top: 8px;
    border-radius: 20px;
    display: flex;
    align-items: center;
text-align: center;
position: relative;
padding: 0;
}
.home_header img{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px 0 20px 20px;
    object-fit: cover;
}
.header_title{
    background: linear-gradient(180deg, rgba(0, 51, 106, 0.35) 0%, rgba(1, 53, 101, 0.00) 100%);
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
    
}
.header_title h1{
    color: #FFF;

text-align: right;
font-size: 48px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-align: center;
}
.header_title p{
    width: 500px;
    color: #aaa9a9;
font-size: 17px;
text-align: justify;
font-weight: 300;
}
.header_title_button{
    border-radius: 32px;
background: var(--yellow);
display: flex;
align-items: center;
width: 153px;
height: 46px;
border: none;
color: white;
outline: none;
padding: 0 15px;
position: relative;
justify-content: space-between;
    transition: .3s;
    font-size: 0.8rem;

}
.header_title_button-circul{
    right: 14px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: white;
    transition: .3s;
}
.header_title_button:hover{
    background-color: var(--light-blue);
    width: 200px;
}
.header_title_button:hover .header_title_button-circul{
transform: rotate(180deg);
}

.header_top{
    position: absolute;
    width: 190px;
    height: 75px;
    background-color: rgba(0, 29, 61, 0.9);
    top: -75px;
    border-radius: 43px 30px 0 0;
    
}



.header_top_bottom{
    position: absolute;
    width: 48px;
    height: 53%;
    left: -48px;
    bottom: 0px;
    background-color: rgba(0, 29, 61, 0.9);
}
.header_top_bottom::after{
    content: '';
    position: absolute;
   display: block;
   bottom: 0;
    content: '';
height: 100%;
width: 100%;
background-color: white;
    border-radius:  0 0 100% 0px;   
}
[dir="ltr"] .header_top_bottom
 {
    left: unset;
    right: -48px;
 }
[dir="ltr"] .header_top_bottom::after
 {
       content: '';
    position: absolute;
   display: block;
   bottom: 0;
    content: '';
height: 100%;
width: 100%;
background-color: white;
    border-radius:  0 0 0 100%;  
 }
.home_services{
    margin-top:100px ;
    display: flex;
    position: relative;
    justify-content: space-between;
min-height: 400px;
width: 100%;
}
.backlay{
    width: 50%;
    height: 220%;
    position: absolute;
    bottom: 15%;
    z-index: -1;
    background: rgba(169, 214, 255, 0.10);
}
.home_Service_container{
    justify-content:space-between;
}
.home_services_title{
width:292px ;
background-image: url(../images/aboutbg.png);
background-repeat: no-repeat;
background-position:top right;
padding-top: 20px;
display: flex;
margin-top: 50px;
align-items: center;
flex-direction: column;
text-align: center;
}
[dir="ltr"] .home_services_title{
    background-position: top left;
}
.home_services_title h1{
    color: #393939;

font-size: 40px;
font-weight: 700;
}
.home_services_title p{
    color: #525252;

text-align: justify;
font-size: 16px;
font-weight: 200;
width: 232px;

}
.home_services_frame{
    width:calc(100% - 400px) ;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
}
.home_contact_us{
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 150px 0;
}
.home_contact_us--form{
    width: 42%;
    display: flex;
    right: 0;
    flex-direction: column;
}
.home_contact_us--backlay{
    position: absolute;
    top: 0;
    width: 60%;
    left: 50%;
    height: 100%;
    background: rgba(169, 214, 255, 0.10);z-index: -1;
}
[dir="ltr"] .home_contact_us--backlay{
left: unset;
right: 50%;
}
.home_contact_us--form h3{
    color: #393939;

font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.home_contact_us--form p{
    color: #525252;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px;
margin-top: 20px;
}
.home_contact_us--info{
    width: 100%;
    height: 72px;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
background: #013565;
color: white;
}
.home_contact_us--info span{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 8px;
}
.home_contact_us--info p{
    color: white;
    font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 100%;
  margin: 4% 5px;
}
.home_contact_us--info-tool{
    font-size: 13px !important;
}
.home_contact_us_image{
    width: 52%;
    display: flex;
    flex-direction: column;

}
.home_contact_us_image-top{
    width: 100%;
    height: 190px;
    border-radius:10px ;
    position: relative;
   
}
.home_contact_us_image-top img{
 width: 100%;
 height: 100%;
    object-fit: cover;

  }
.home_contact_us_image-top::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
width: 100%;
height: 100%;
    border-radius:10px ;

background: linear-gradient(90deg, rgba(1, 53, 101, 0.80) 0%, rgba(1, 53, 101, 0.00) 100%);
}
.home_contact_us_image-bottom{
   width: 100%;
    height: 190px;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.home_contact_us_image-bottom-right{
    width: 58%;
    height: 100%;
    position: relative;
}
.home_contact_us_image-bottom-right::after,.home_contact_us_image-bottom-left::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
width: 100%;
height: 100%;
    border-radius:10px ;

background: linear-gradient(90deg,rgba(1, 53, 101, 0.00) 0%, rgba(1, 53, 101, 0.80) 100% );
}
.home_contact_us_image-bottom-left{
    width: 41%;
    position: relative;
    height: 100%;
}
.home_contact_us_image-bottom img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:10px ;

}
.home_blog{
    margin-top: 50px;
}
.home_blog_header{
    
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  

}
.home_blog_header h4{
  color: #393939;
font-size: 36px;
font-weight: 700;
}
.home_blog_header p{
    color: #393939;
font-size: 20px;
font-weight: 400;
}
.home_blog_navigaitions {
    display: flex;
    align-items: center;
}
.home_blog_navigaitions a{
    width: 211px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
background: rgba(237, 194, 23, 0.16);
border: none;
color: #C29E0C;
font-size: 17px;
transition: .3s;
    margin: 10px;

}
.home_blog_navigaitions a:hover{
    background-color: var(--orange);
    color: white;
}
.home_blog_navigaitions span{
    width: 54px;
  height: 32px;
  justify-content: center;
  align-items: center;
border-radius: 6px;
background: var(--yellow);
  display: flex;
  margin: 5px 0;
  transition:.3s
}
.home_blog_swiper{
    margin: 60px 0;
}
[dir="ltr"] .home_blog_swiper {
  direction: rtl;
}
[dir="ltr"] .blog{
    direction: ltr;
}
   .home_blog_navigaitions .swiper-button-disabled{
background-color: #FCF5DA;   
 }
   .home_blog_navigaitions .swiper-button-disabled svg path{
    stroke:#C29E0C ;
   }
@media (max-width:1200px) {

.home_services_frame{
    width: calc(100% - 300px);

}
}
@media (max-width:992px) {
 .header_title p{
width: unset;
    }
 .header_title {
    max-width: 80%;
 }
 .header_title h1{
  font-size: clamp(16px, 6.5vw, 30px); }
 .header_title p{
    font-size: 14px;
    text-align: center;
 }
      .home_header{
     margin-top: 0%;
      border-radius: 0 0 25px 25px;
      }
      .header_top{
        top: -60px;
      }
      .header_top_bottom::after{
        background-color: var(--dark-blue);
      }
.header_top{
    display: none;
}
.service{
    width: 100%;
    max-width: unset;
}
.home_Service_container  {
    flex-direction: column;
}
.home_services_title,.home_services_frame{
    width: 100%;
    text-align: unset;
    align-items: unset;
}
.home_services_title{
    padding: 40px 20px;
}
.home_services_title p{
    width: 100%;
}
.home_services{
    margin-top: 0%;
}
.home_header img{
  border-radius: 0px 0 20px 20px;}
  .home_contact_us_image{
    display: none;
  }
  .home_contact_us--form{
    width: 100%;
  }
  
    .navbar_frame{

border-radius: 25px 25px 0 0;
    }
}

@media (max-width:768px) {
      .home_header{
        width: 95%;

    }
    .service .service_image{
        min-width: 90px;
        width: 90px;
        height: 65px;
    }
    .service .service_image img{
        height: 91px;
    }
}

@media (max-width:576px) {
    .home_contact_us--info{
        height:51px ;
    }
    .home_contact_us--form h3{
        font-size: 24px;
        text-align: center;
    }
    .home_contact_us--form p{
        font-size: 12px;
    }
    .home_contact_us--info span{
        width: 28px;
        height: 28px;
        border-radius: 5.5px;
        
    }
    .home_contact_us--info p{
        font-size: 9px;
    }
    .home_contact_us--info-tool{
        font-size: 10px !important;
    }
.home_blog_navigaitions a{
    display: none;
  }
  .home_blog_header h4 {
    font-size: 24px;
  }
  .home_blog_header p{
    font-size: 14px;
  }
}



.video-background {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1; 
  }
  /* خود ویدیو */
  .video-background video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,29,61,0.8);
    /* میزان شفافیت دلخواه (0.5 یعنی 50% شفاف) */
  }