header.sticky{
    transform: translateY(0%);
}
header.sticky .header_top{
   transform: translateY(0%);
}
.stories_banner{
   height: 349px; 
   background-image: url(../img/01.jpeg);
   background-size: cover;
   background-position: center;
}
.stories_banner .content{
   height: 100%;
   max-width: 1200px;
}
.stories_banner .content .flex{
   height: 100%;
}
.stories_banner h1{ 
   font-size: 50px;
   line-height: 1.2; 
   color: #fff;
   font-weight: 100;
   letter-spacing: 1px;
   width: 280px;
   margin: 0;
}
.stories_banner .head p{ 
   font-size: 20px;
   color: #fff;
   font-weight: 100;
   margin: 40px auto 0 0;
}
.stories_main{
   margin-bottom: 8rem;
}
.stories_main .content{
   max-width: 1200px;
}
.stories_main .content .stories_list ul{
   display: grid;
   grid-template-columns: repeat(3, 1fr) !important;
   gap: 23px;
}
.stories_main .content h2{
   text-align: center;
   max-width: calc(100% - 60px);
   margin: 70px auto; 
   font-size: 20px;
   line-height: 1.5;
   font-weight: 500;
}
.stories_main .content .stories_list ul li a{
   display: block;
   padding: 15px 15px 25px; 
   background-color: #fafafa; 
}
.stories_main .content .stories_list ul .image img{
   width: 100%;
   height: 318px;
   object-fit: cover;
   object-position: center;
}
.stories_main .content .stories_list ul li h3{
   text-align: center; 
   font-size: 14px;
   line-height: 1; 
   margin: 40px auto 15px;
   max-width: calc(100% - 60px);
   margin: 30px auto 15px;
}
.stories_main .content .stories_list ul li .stories-info p{
   text-align: center; 
   font-size: 12px;
   line-height: 16px; 
   margin: 40px auto 15px;
   max-width: 100%;
}
#load-more {
   text-align: center;
   margin-top: 50px;
}
#load-more hr {
   background-color: #000;
   width: 1px;
   height: 50px;
   border: 0;
   margin: 0 auto;
}
#load-more button { 
   font-size: 12px;
   line-height: 16px;
   width: 141px;
   border: 0;
   background-color: transparent;
   text-align: center;
   cursor: pointer;
}