* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  body {
    font-family: Arial, sans-serif;
  }
  .slider_1 {
    position: relative;
    width: 100%;
    height: 670px;
    overflow: hidden;
  }
    .font_slide1 {
     
    font-size: 50px;
        text-align: left;
        margin-top: -151px;
        margin-left: -260px;
        width: 800px;
  }
  
  
         @media (max-width: 768px){
    .font_slide1 {
     
    font-size: 30px;
        text-align: left;
        margin-top: -111px;
        margin-left: 0px;
        width: 100%;
  }
    
      

       }
   

   
   
  
  .slides_1 {
    display: flex;
    width: 500%;
    height: 100%;
    transition: transform 1s ease;
  }
  
  @media (max-width: 768px){
  .slides_1 {
    display: flex;
    width: 500%;
    height: 500px;
      height: 300px;
    transition: transform 1s ease;
  }
  
  
   }
  
  
  .slide_1 {
    flex: 1;
    position: relative;
    width: 100%;
    height: 90%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
    .slide_1 a {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-decoration: none;
      text-align: center;
    }
    .slide_1 h5, .slide_1 p {
      margin-bottom: -30px;
    }
    .pagination_1 {
      position: absolute;
      bottom: 122px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      justify-content: center;
      align-items: center;
    }
  
   @media (max-width: 768px){
   .pagination_1 {
    position: absolute;
    bottom: 410px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
  }
  
  
  
    .dot_1 {
      width: 12px;
      height: 12px;
      background-color: #c4c4c4;
      border-radius: 50%;
      margin: 0 4px;
      cursor: pointer;
    }
    .dot_1.active {
      background-color: #333;
    }
    
      
    
     .dot_1 {
/*    display: inline-block;
    cursor: pointer;
    appearance: none;
    border: none;
    background-clip: content-box;
    box-sizing: content-box;
    padding: 0;
    border-radius: 100%;
    outline: none;*/
}
    
     .dot_1 {
 /*   background-color: transparent!important;
    width: 90px!important;
    height: 10px;
    outline: none!important;
}*/
}
     .dot_1 {
   /* counter-increment: my-awesome-counter;
         
         margin-top: 20px; padding: 10px; width: 10px; height: 10px; background-color: rgb(239, 239, 239);*/
}
    
     .dot_1:after {
/*    content: "";
    display: block;
    position: absolute;
    left: 0;
    padding: 0!important;
    visibility: visible;
    width: 110px!important;
    height: 3px!important;
    border-radius: unset!important;
    background-color: #efefef!important;*/
}
       
@media screen and (max-width: 768px){
.home_box_container {
    flex-direction: column;
    margin-top: -400px !important;
    z-index: 1;
}