:root{--clr-bg-dark-1:rgb(21, 19, 19);--clr-secondary:rgb(119, 119, 119)}.main-container{display:flex;flex-direction:column;gap:4em;line-height:1.5rem;margin-bottom:3em}.title-container{transition:all 300ms;padding:2.5em 0;background-color:var(--clr-bg-dark-1)}.body-wrapper:has(.header--sticky) .title-container{margin-top:auto}.post-content__title{font-family:"Gilroy-700",'Montserrat','Poppins','Helvetica Neue',Helvetica,Arial,sans-serif;text-align:start;font-size:45px;line-height:50px;color:#fff;font-weight:700;text-align:center}.post-content__body{font-family:"Heebo";color:var(--clr-secondary);font-size:15px;line-height:29px}.post-content-wrapper{display:flex;gap:2em;justify-content:space-between;flex-wrap:nowrap}.post-content{padding-bottom:2em;border-bottom:1px solid rgb(0 0 0 / .2)}.post-date{font-size:13px;line-height:19px;color:var(--clr-secondary);font-weight:400;width:100%;padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid rgb(0 0 0 / .2)}.post-date span{font-size:12px;color:var(--clr-primary);line-height:17px}.post-summary{font-size:15px;line-height:29px;color:var(--clr-secondary);font-weight:400;margin-bottom:1.5em}.latest-posts-section{width:100%;display:flex;flex-direction:column;gap:1em}.search-blogs{width:100%;position:relative;margin-bottom:1em}.search-blogs>input{width:100%;line-height:1.2rem;padding:.8em;border:1px solid rgb(0 0 0 / .2);color:#444;font-family:"Heebo";font-weight:400;font-size:13px;line-height:19px}.search-blogs>.search-btn{position:absolute;right:0;top:0;bottom:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;border-left:1px solid rgb(0 0 0 / .2);color:var(--clr-secondary)}.latest-posts{display:flex;flex-direction:column;gap:1em}.latest-posts__heading{font-family:"Heebo";font-weight:500;font-size:16px;line-height:18px;color:#646464;position:relative;width:fit-content;padding-bottom:.8em}.latest-posts__heading::after{content:'';position:absolute;left:0;bottom:0;width:50%;height:2px;background-color:rgb(0 0 0 / .8)}.latest-post{font-size:13px;line-height:19px;font-weight:400;color:var(--clr-secondary);border-bottom:1px solid rgb(0 0 0 / .2);border-bottom-style:dashed;padding-bottom:.5em}.latest-post:hover{color:var(--clr-primary)}@media screen and (max-width:1200px){.post-content-wrapper{flex-direction:column}.post-content{border-bottom:unset}.post-content,.latest-posts-section{flex:unset}.post-content__title{font-size:45px}}@media screen and (max-width:768px){.post-content__title{font-size:30px;line-height:39px}}