.designStoriesBlogsSection{width:100%;padding:0 3px 0 37px}
.designStoriesBlogsContainer{display:flex;width:100%;gap:90px}
.designStoriesBlogsLeft{width:24%;padding-left:64px}
.designStoriesBlogsRight{width:69%}
.designStoriesBlogsLeftTitle{font-family:"Playfair Display",serif !important;font-weight:400;font-style:Regular;font-size:42px;line-height:101%;color:#232426;margin-bottom:20px;margin-top:100px;max-width:300px}
.designStoriesBlogsLeftSubTitle{font-family:Archivo;font-weight:300;font-style:Light;font-size:18px;line-height:100%;color:#75787b;margin-bottom:47px}
.designStoriesBlogsViewAllLink{font-family:Archivo;font-weight:500;font-style:Medium;font-size:16px;line-height:150%;text-align:center;color:#000;padding:15px 40px;border-radius:40px;border:1px solid #75787b;display:inline-block;transition:all .3s ease-in}
.designStoriesBlogsViewAllLink:hover{background:#000;color:#fff;border-color:#000}
.designStoriesBlogsViewAllContentMob{display:none}
.storyBlogsCard{padding:67px 20px 20px 20px;background-color:#fafafa;border-radius:12px;border:1px solid var(--Neutrals-100,#ededed)}
.storyBlogsDate{font-family:Archivo;font-weight:500;font-style:Medium;font-size:12px;line-height:132%;color:#9a9a9a;margin-bottom:12px}
.storyBlogsTitle{font-family:Archivo;font-weight:500;font-style:Medium;font-size:20px;line-height:132%;color:#202129;margin-bottom:12px;min-height:80px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.storyBlogsLink{font-family:Archivo;font-weight:700;font-style:Bold;font-size:14px;line-height:100%;color:#000;margin-bottom:40px;display:inline-flex;align-items:center;gap:3px}
.storyBlogsLinkImg{width:20px;height:20px;filter:brightness(0) invert(0)}
.storyBlogsImg{width:100%;height:200px;object-fit:cover}
.designStoriesBlogsRightContent.slick-slider{margin:0 -10px}
.designStoriesBlogsRightContent .storyBlogsCard.slick-slide{margin:0 10px}
.designStoriesBlogsRightContent .slick-prev,.designStoriesBlogsRightContent .slick-next{display:none !important}
.designStoriesBlogsRight .slick-dots{@media(max-width:768px){margin-top:20px;position:static}
}
.stories-custom-arrows{display:flex;justify-content:end;gap:20px;margin-top:20px;margin-right:39px}
.stories-custom-prev,.stories-custom-next{cursor:pointer;width:64px;height:64px}
.stories-custom-prev.disabled,.stories-custom-next.disabled{opacity:.4;cursor:not-allowed}
@media screen and (max-width:992px){.designStoriesBlogsSection{padding:0}
.designStoriesBlogsContainer{flex-direction:column;gap:20px}
.designStoriesBlogsLeft{width:100%;padding:0}
.designStoriesBlogsRight{width:100%}
.designStoriesBlogsLeftTitle{font-weight:400;font-size:22px;line-height:101%;text-align:center;margin-bottom:8px;margin-top:0;max-width:unset}
.designStoriesBlogsLeftSubTitle{font-weight:300;font-style:Regular;font-size:14px;line-height:136%;text-align:center;color:#74798a;margin-bottom:0}
.designStoriesBlogsViewAll{display:none}
.designStoriesBlogsViewAllContentMob{display:flex;justify-content:center;width:100%;margin-top:20px}
.designStoriesBlogsViewAllLinkMob{padding:15px 41px;border-radius:40px;border:1px solid #000;display:inline-block;font-family:Archivo;font-weight:500;font-size:12px;line-height:150%;text-align:center;color:#000}
.storyBlogsCard{padding:97px 20px 20px 20px}
.designStoriesBlogsSlider{width:100%;touch-action:pan-y}
.designStoriesBlogsSlider .slick-list,.designStoriesBlogsSlider .slick-track{touch-action:pan-y}
.stories-custom-arrows{display:none}
.designStoriesBlogsRightContent.slick-slider{margin:0 -5px}
.designStoriesBlogsRightContent .storyBlogsCard.slick-slide{margin:0 5px}
.designStoriesBlogsRightContent .slick-dots li{position:relative;display:inline-block;height:2px;border-radius:50px;padding:0;background-color:#00000026;margin:0 2.5px;width:35px}
.designStoriesBlogsRightContent .slick-dots li.slick-active{background-color:#000}
.designStoriesBlogsRightContent .slick-dots li button:before{display:none}
.designStoriesBlogsRightContent .slick-dots li button{display:none}
}
@media(min-width:1024px) and (max-height:600px){.storyBlogsLink{margin-bottom:16px}
}