.stories-page{ padding: 85px 0 141px; display: block; position: relative; overflow: hidden; background-color: #fafafa;}
.stories-block-main{ max-width: 1090px; margin: 0 auto; display: block; width: 100%; }
.stories-title h1{  text-align: center; padding: 0 0 72px;   font-family: "Quicksand"; font-weight: normal; color: var(--body-text-color); font-size: 34px;  }
.stories-listing{ display: block; width: 100%;}
.stories-row-main{ display: flex; align-items: center; justify-content: space-between;  border-radius: 20px;background-color: #f4f4f4; padding: 62px 140px 62px 83px;}

.stories-row-main .left-text{ width: 440px;  }
.stories-row-main .left-text h2{ padding: 0 0 28px;  font-size: 34px;  color: var(--body-text-color); font-weight: 500; }
.stories-row-main .left-text .btnbox{ display: flex; padding: 59px 0 0 0; }
.stories-row-main .right-image {width: 352px;}
.stories-row-main .right-image .img{ width: 100%; aspect-ratio: 352/297; position: relative; border-radius: 20px; overflow: hidden; }
.stories-row-main .right-image .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.stories-row-main + .stories-row-main{ margin-top: 28px; }
.load-more-block{  padding: 66px 0 0 0; display: block; text-align: center; }
.load-more-block .more-links{ display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
.load-more-block .more-links a{font-size: 16px; color: var(--body-text-color);  line-height: 1.56; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; padding: 0 0 4px; font-family: "Open Sans"; font-weight: 400;}
.load-more-block .more-links a:hover{ font-weight: 600;}
.load-more-block .more-links a::after{ width: 0; transition: all 0.2s ease-in-out; height: 1px; position: absolute; left: 0; bottom: 0; content: ''; background:  var(--body-text-color);}
.load-more-block .more-links a:hover::after{ width: 100%; }
.load-more-block .load-text{line-height: 1.79; padding: 20px 0 0 0; font-size: 14px; color: #a8a8a8;  font-size: 14px;   font-family: "Open Sans"; }
.stories-page .container{ position: relative; z-index: 2; }
.stories-page .shape-img{ max-width: 1024px; width: 53.44vw;  position: absolute; right: -266px; top:125px; z-index: 1; }
.stories-page .shape-img img {width: 100%; height: auto;}


@media (min-width: 992px) and (max-width: 1280px) {
.stories-page{ padding: 84px 0 120px; }		
.stories-block-main{ max-width: 940px }
.stories-row-main{ padding:48px 48px ; }
}

@media (min-width: 768px) and (max-width: 991px) {
.stories-page{ padding: 64px 0 110px; }	
.stories-title h1{ padding: 0 0 56px; font-size: 30px;}
.stories-block-main{ max-width: 940px }
.stories-row-main{flex-direction: column-reverse; gap: 30px; padding:40px 32px ; }
.stories-row-main .left-text{ width: 100%;}
.stories-row-main .left-text .btnbox{ padding: 32px 0 0 0; }
}

@media (max-width: 767px) {
.stories-page{ padding: 62px 0 54px; }		
.shape-img{ display: none;}	
.stories-title h1{ padding: 0 0 48px; }
.stories-row-main{flex-direction: column-reverse; overflow: hidden; gap: 30px; padding:0px ; }
.stories-row-main .right-image{ width: 100%;}
.stories-row-main .right-image .img{ border-radius: 0;  aspect-ratio: 341/288;   }
.stories-row-main .left-text{ width: 100%; padding: 3px 18px 38px;}
.stories-row-main .left-text h2 {  padding: 0 0 31px; font-size: 24px;}
.stories-row-main .left-text .btnbox{ padding: 33px 0 0 0; justify-content: center; }

.stories-row-main + .stories-row-main{ margin-top: 31px; }
.load-more-block{ padding: 54px 0 0 0; }
.stories-row-main .btn-main  span {
  transform: translateX(-10px);
}
.stories-row-main .btn-main::after {
  transform: translateX(0);
  opacity: 1;
}
.load-more-block .more-links a{ padding: 0 15px 4px; font-size: 14px;}
.load-more-block .more-links a::after{ width: 100%;}
.load-more-block .load-text{ max-width: 240px; margin: 0 auto; text-align: center; padding: 34px 0 0 0 ; }
}