.single-blog-wraper{width:100%;max-width:100%;max-height:var(--hight);--hight:800px;height:100%;position:relative}.single-blog-wraper .single-blog-heroImg{max-height:var(--hight);position:relative}.single-blog-wraper:before{content:"";opacity:.94;pointer-events:none;background:linear-gradient(#16428400 0%,#164284 100%);width:100%;height:50%;position:absolute;bottom:0;left:0}.single-blog-content-wraper{background-color:var(--button-blue);position:relative}.single-blog-content-wraper .single-blog-content-wraper-inner{background-color:var(--button-light);border-radius:32px;flex-direction:column;align-items:center;gap:40px;margin-top:-140px;padding:60px 56px;display:flex}.single-blog-content-wraper .single-blog-content-wraper-inner>*>*{color:var(--text-color)!important}.single-blog-content-header{border-bottom:1px solid #ccb9ac;width:100%;max-width:100%}.single-blog-content-header>:not(.tag-badge){width:80%;max-width:100%}.single-blog-content-wraper-inner .single-blog-content-details h1,.single-blog-content-wraper-inner .single-blog-content-details .h1{color:var(--text-color);line-height:1.2;font-size:var(--h1)!important;font-weight:400!important}.single-blog-content-wraper-inner .single-blog-content-details h2,.single-blog-content-wraper-inner .single-blog-content-details .h2{color:var(--text-color);line-height:1.2;font-size:var(--h2)!important;font-weight:400!important}.single-blog-content-wraper-inner .single-blog-content-details h3,.single-blog-content-wraper-inner .single-blog-content-details .h3{color:var(--text-color);line-height:1.3;font-size:var(--h3)!important;font-weight:400!important}.single-blog-content-wraper-inner .single-blog-content-details h4,.single-blog-content-wraper-inner .single-blog-content-details .h4{color:var(--text-color);line-height:1.4;font-size:var(--h4)!important;font-weight:400!important}.single-blog-content-wraper-inner .single-blog-content-details h5,.single-blog-content-wraper-inner .single-blog-content-details .h5{color:var(--text-color);line-height:1.4;font-size:var(--h5)!important;font-weight:400!important}.single-blog-content-wraper-inner .single-blog-content-details h6,.single-blog-content-wraper-inner .single-blog-content-details .h6{color:var(--text-color);font-weight:400;line-height:1.4;font-size:var(--h6)!important}.posts-navigation{background-color:var(--light-gray);border:1px solid #4b4b4b33;border-radius:50px;width:fit-content;padding:15px 10px;box-shadow:0 16px 24px #0000000d}.posts-navigation:has(.next) .previous{border-right:1px solid var(--text-color-brown);padding-right:32px}.posts-navigation .next{flex-direction:row-reverse;padding-left:32px}.posts-navigation .next,.posts-navigation .previous{align-items:center;gap:16px;height:50px;display:flex}.posts-navigation .previous .swiper-button-prev{top:unset;bottom:unset;right:0;transform:translateY(10px)rotate(180deg)}.posts-navigation .previous .swiper-button-prev:before{rotate:180deg}.posts-navigation .next .swiper-button-next{top:unset;bottom:unset;right:0;transform:translateY(10px)}@media screen and (max-width:1024px){.posts-navigation .next,.posts-navigation .previous{height:44px}.posts-navigation{padding:12px 10px}}@media screen and (max-width:768px){.single-blog-content-wraper .single-blog-content-wraper-inner{padding:40px 24px}.posts-navigation .swiper-button-prev,.posts-navigation .swiper-button-next{--width:42px}.posts-navigation .swiper-button-prev:after,.posts-navigation .swiper-button-next:after{width:20px;height:20px}.posts-navigation:has(.next) .previous{padding-right:16px}.posts-navigation .next{padding-left:16px}}@media screen and (max-width:640px){.single-blog-wraper{--hight:400px;min-height:var(--hight)}.single-blog-content-wraper .single-blog-content-wraper-inner{margin-top:-50px}}@media screen and (max-width:540px){.single-blog-content-header{padding-bottom:40px}.single-blog-wraper{--hight:230px;min-height:var(--hight)}.single-blog-content-wraper .single-blog-content-wraper-inner{gap:32px;margin-top:-40px}.single-blog-content-header>:not(.tag-badge){width:100%;max-width:100%}.posts-navigation .next{padding-left:10px}.posts-navigation:has(.next) .previous{text-align:right;padding-right:10px}.posts-navigation .next,.posts-navigation .previous{gap:5px}}