html{
    margin: 0;
    padding: 0;
    overflow-x: hidden;


    }
 

    * {
       
        box-sizing: border-box;
        padding: 0;
        margin: 0;
      }
      
    body
    {
      overflow-x: hidden;
       margin: 0;
       padding: 0;
       position: relative;
       font-family:" BYekan","BNazanin","Bhoma";
       font-family:'Times New Roman', Times, serif;
       background-color: rgb(231, 236, 243);

       min-height: 100vh;
     
       display: flex;
       flex-direction: column;
       

    }
    /*********************** navigation-bar style ********************************/


    .h-25{height: 25vh;}
  
    .nav-bar{
        background-color:#21325E;
        width: 100vw;
        box-shadow: 1px 2px 1px 0 rgb(0 0 0 / 20%);
        z-index: 2;
        position: relative;
        font-family: "BYekan","BNazanin","Bhoma";
        font-size: 1rem;
    }
    
      .hr-designed{
        width: 100vw;
        height: 3px;
        color:black;
        box-shadow: 0px 0px 4px 4px rgba(186, 184, 184, 0.5);
      }
  
      .box {
        width: 100px;
        font-size: .9rem;
      }

      .navbar-light .navbar-nav .nav-link {
           color:#F1D00A;
      }
     
    .navbar-light .navbar-nav .nav-link:hover {
      color:#F1D00A;
      text-decoration: underline;
    } 
    .activelink{
      text-decoration: underline;
    }
   
      .navbar-toggler-icon {
        width: 2rem;
        height: 2rem;
        vertical-align: middle;
    }
  
    .navbar-light .navbar-toggler {
     background-color:#f6e898;
        box-shadow: 0px 0px 3px 3px rgba(255, 182, 6,.5);;
        margin-right: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
     
    }
    .navbar-light .navbar-toggler:hover {
        box-shadow: 0px 0px 4px 4px rgba(255, 182, 6,.5);
    }
    .dropdown-menu {
        text-align: right;
        list-style: none;
        text-align: center;
        width:130px;
        margin-right: 9.2rem;
        min-width: 130px;
        border: none;
    }

   #dropdown-mobile{
    margin-right: 8rem;
    margin-top: -1rem;
   }

    .dropdown-item {
        padding: .50rem ;
        font-weight: normal;
        color: rgb(100, 90, 90);
        font-size: 1rem;
        background-color: rgb(249, 249, 249);
    }
    .dropdown-item:hover{ 
        color: #333;
    }

    .dropdown-item:focus-visible{
        outline: none;
    }
  
      /****************************** footer style ***************************/
      footer{
        margin-top: auto;
      }
      .footer-design{
        background-color: #F9F9F9;
        border-top: 1px solid rgb(172, 171, 171);
        box-shadow: 0px 0px 4px 4px rgba(145, 142, 142, 0.5);
        box-sizing: border-box;
        font-weight:bold;

      }
      .nv-ft{
        list-style-type: none;
      }
      .nav-footer >a{
        font-family: "BYekan","BNazanin","Bhoma";
        text-decoration: none;
        color: rgb(100, 90, 90);
        font-size: 0.8rem;
      }
      .nav-footer >a:hover{
        text-decoration: underline;
      }
      #item1{
        text-decoration: none;
        color: rgb(100, 90, 90);
        font-size: 0.9rem;
        margin-top: 43px;
      }
    
      .nav-footer{
        margin-left: 20px;
        margin-top: 40px;
      }

      #box-social{
        margin-right: -45px;
      }
      
      .fa-brands{
        color: rgb(100, 90, 90);
        font: normal normal normal 14px/1 FontAwesome;
        font-size: x-large;
        margin-top: 40px;
        margin-right: -15px;
      
    }
 
    .fa-whatsapp:hover{
    color: rgb(9, 164, 9);
    }
    .fa-linkedin-in:hover{
      color: rgb(5, 5, 145);
    }
    .fa-facebook-f:hover{
      color: rgb(34, 111, 235);
    }
    .hr-footer{
      color: rgb(16, 16, 17);
      width: 90vw;
    
    }
    .copyright{
      font-family: "BYekan","BNazanin","Bhoma";
      margin-right: 30px;
      margin-top: 20px;
	  margin-left: 30px;
    }
    .designedby{
      font-family: "BYekan","BNazanin","Bhoma";
      margin-top: 20px;
      margin-left: 30px;
      margin-right: 60px;
     
    }
    .box-footer{
      font-size: 0.8rem;
      width: 100vw;
      padding-top: 2px;
      background-color:#21325E;
      color:white;
      position: relative;
      margin-top: 40px;
    
    
    }
    
     /****************************** index style ***************************/
   
    .h-70{
    height: 70vh;
    }
    #f-user{
      background-color: #ebebeb;
      border-radius: 50%;
      height: 50px;
      width: 50px;
      text-align: center;
      padding-top: 10px;
      margin-top: 30px;
      
    }
    .rezome-summery{
      font-family: "BYekan","BNazanin","Bhoma";
      font-family:'Times New Roman', Times, serif;
      margin-bottom: 100px;
      line-height: 3rem;
      color: #4c4c4c;
    }

  .h-80{
      height: 80vh;}

.carousel-control-next .carousel-control-next-icon {
    position: absolute;
    right: 0;
    transition: all 500ms;
    opacity: 0;
}
#main-pics:hover .carousel-control-next-icon {
    right: 50%;
    opacity: 1;
}

.carousel-control-prev .carousel-control-prev-icon {
    position: absolute;
    left: 0;
    transition: all 500ms;
    opacity: 0;
}
#main-pics:hover .carousel-control-prev-icon {

    left: 50%;
    opacity: 1;
}

/****************************** contact-us style ***************************/
    .contacts{
      list-style: none;
      margin-top: 1.5rem;
      padding-top: 1rem;
   
    }

    .contactus-li{
      padding-bottom: 1rem;
      padding-left: 1rem;

 
    }
    .contactus-li a{
      text-decoration: none;
      color: black;
    }
    .contactus-li a:hover{
      text-decoration: none;
      color:rgb(91, 48, 230);
    }
    .contact-text{
      margin-left: 20px;
      font-weight: bold;
  
     
    }
    #cadr{
      margin-bottom: .9rem;
      background-repeat: no-repeat;
    }
    #head-contact{
      margin-right: -4rem;
      font-weight: bolder;
      font-size: 1.5rem;
    }
   

    .h-60{
      height:60vh;
    }

    /****************************** savabegh-kari style ***************************/
    .main-fo{
      font-family: "BYekan","BNazanin","Bhoma";
    }
    
    .Titr{
    color: #000;
    background-color: white;
        opacity: 70%;
    }

    .savabegh-texts {
        list-style-type:none;
        line-height: 2.5rem;
        font-size: .9rem;
        padding-right: 2rem;
    }

    .savabegh-texts li:before {
      position: relative;
      content: "";
      display: inline-block;
      height: 15px;
      width: 15px;
      background-size: 15px;
      background-image: url("../images/arrow.svg") ;
      background-repeat: no-repeat;
      padding-left: 5px;
      margin-left: 5px;
    
    }
    .savabegh-text2{
      line-height: 2.5rem;
      font-size: .9rem;
      /* padding-right: 2rem; */
      display:inline-block;
    }

    .savabegh-content{
      color: #5f5f5f;
    }

     /****************************** gallery style ***************************/

  .card-texts{
    text-decoration: none;
    color:#21325E;
    font-size: .7rem;
    font-family:'BYekan','Bnazanin';
    
   
  }

  .card-texts:hover{
    color: rgb(100, 90, 90);
  }
.card-b-style{
  background-color:rgb(231, 236, 243);
}
  .zicon {
    background-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    opacity: 0;
    width: 100%;
    height: 0;
}
.card-temp{
  border-bottom: 1px solid rgb(118, 116, 116);
  box-shadow:  0 1px 5px 2px rgba(142, 140, 140, 0.5); 

  
}
.card-temp:hover {
  transform: scale(1.1,1.1);
}
 .card-temp:hover .zicon{
  display: block;
  opacity: 30%;
  animation-name:shadowing-card;

  animation-timing-function: ease;
  animation-fill-mode: forwards;
 
}


@keyframes shadowing-card{
  from {height: 0;} to { height: 100%;}
  }

.eye{
  position: absolute;
 top: 45%;
 left: 45%;
 color: white;
 font-size: 1.5rem;
}
#right-direction{
  direction: rtl;
}
/****************************************** hamayesh *******************************/
.gallery1 img{
  width: 350px;
  height: 233px;
}
.bred-c{
  text-decoration: none;
  color:#333;
  font-size: .8rem;

}
.bred-font{
  font-family: "BYekan";
  font-size: .9rem;
}
.bred-c:hover{
  color:rgb(38, 10, 199);
}
.sl-counter{
  display: none !important;
}
.sl-prev,.sl-next{
 -webkit-transform:rotate(180deg) ;
 -moz-transform:rotate(180deg);
 transform: rotate(180deg);
}
.img-hover{
  transition: all 500ms;
  box-shadow:  0 0px 5px 4px rgba(92, 91, 91, 0.5); 
}
.img-hover:hover{
transform: scale(1.1,1.1);
}
.container-direction{
  direction: ltr;
}