.banner .breadcrumb,.banner .title{width:fit-content;transition:var(--trans-4);display:flex}.banner,.details{transition:var(--trans-6)}.banner .breadcrumb,.banner .title,.details .main>img,.details .main>ul,.details .wrapper{transition:var(--trans-4)}.details .author>img,.details .main>img{width:100%;height:100%;object-position:top}.details .author>img,.details .main>img,.details .recent .post img{object-fit:cover;border-radius:10px}.details .content li a,.details .recent .post:hover div>:first-child{color:var(--c-primary)}.banner .breadcrumb,.details .tags li a:hover,.details aside form{background-color:var(--c-primary)}.banner{height:32.25rem;background-repeat:no-repeat;background-position:center;background-size:cover}.banner .container{height:100%}.banner .title{max-width:40rem;height:calc(100% - 4.375rem);align-items:center;justify-content:center}.banner .title :first-child{font-size:calc(var(--fs-xl, 44px) + 4px);line-height:calc(var(--lh-lg) + 10px);text-transform:capitalize}.banner .breadcrumb{flex-wrap:wrap;align-items:flex-start;gap:.5rem 1.875rem;padding:1.5rem 1.875rem;border-radius:10px}.banner .breadcrumb li:first-of-type{position:relative}.banner .breadcrumb li:first-of-type::before{position:absolute;inset:0 -1.5rem 0 auto;width:1rem;height:1rem;background:url('https://www.kolaxoccs.com/theme//website/assets/images//icons/arrow-right.png') center/cover no-repeat;margin-block:auto;content:''}.banner .breadcrumb :where(a,li){color:#fff;font-weight:500;text-transform:uppercase}.details{padding-block:6.25rem 4rem}.details .wrapper{display:grid;grid-template-columns:minmax(705px,905px) minmax(370px,455px);gap:1.875rem}.details .main{height:fit-content}.details .main>img{max-height:32rem;margin-bottom:1.5rem}.details .main>ul{display:flex;align-items:center;gap:1rem;padding:0;margin-bottom:1rem}.details .main>ul :where(li,li a){font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--c-primary)}.details .main>ul a:hover{color:#000}.details .content :where(h1,h2,h3,h4,h5,h6){line-height:normal;margin-bottom:.875rem;transition:var(--trans-4)}.details .content h1{font-size:var(--fs-xl, 44px)}.details .content h2{font-size:var(--fs-lg, 36px);line-height:calc(var(--lh-md) + 6px)}.details .content li,.details .content p{line-height:var(--lh-base);transition:var(--trans-4)}.details .content h3{font-size:calc(var(--fs-md, 24px) + 2px)}.details .content h4{font-size:var(--fs-md, 24px)}.details .content h5{font-size:var(--fs-sm, 20px)}.details .content h6{font-size:var(--fs-xs, 18px)}.details .content p{margin-bottom:1.25rem}.details .content :where(ul,ol){padding-left:1.25rem;margin-bottom:1rem;transition:var(--trans-4)}.details .content li{color:var(--c-text)}.details .content li:not(:last-of-type){margin-bottom:.375rem}.details .content ul li{list-style:disc}.details .content ol li{list-style:decimal}.details .content li a{display:inline;font-weight:500}.details .content>:last-child,.details aside>:last-child{margin-bottom:0}.details aside>*{margin-bottom:2.125rem;transition:var(--trans-4)}.details aside form{position:relative;padding:1.875rem;border-radius:10px;transition:var(--trans-4)}.details aside form button{position:absolute;inset:3.063rem 2.813rem 0 auto;width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center;z-index:2}.details aside :where(.author,.recent,.tags){background-color:var(--c-bg);padding:2rem 1.875rem;border-radius:10px;transition:var(--trans-4)}.details aside :where(.author,.recent,.tags)>:first-child{display:block;font-family:var(--ff-primary);font-size:calc(var(--fs-md, 24px) + 4px);font-weight:700;line-height:var(--lh-md);margin-bottom:1rem;transition:var(--trans-4)}.details .author p,.details .author>img,.details .recent .post:not(:last-of-type){margin-bottom:2rem;transition:var(--trans-4)}.details .author>img{max-height:13.5rem}.details .author p{line-height:var(--lh-base)}.details .author ul{display:flex;align-items:center;gap:2.25rem;transition:var(--trans-4)}.details .author li a:hover img{filter:var(--fltr-primary)}.details .recent{position:sticky;top:7.5rem}.details .recent .post{display:flex;align-items:center;gap:.75rem}.details .recent .post img{flex:none;width:5rem;height:5rem;transition:var(--trans-4)}.details .recent .post div *{display:block}.details .recent .post div>:first-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;font-family:var(--ff-secondary);font-size:var(--fs-xs, 18px);font-weight:600;line-height:calc(var(--lh-base) - 4px);text-transform:capitalize;margin-bottom:.375rem}.details .recent .post div>:nth-child(2){position:relative;font-size:var(--fs-2xs, 14px);text-transform:uppercase;color:var(--_c-gray-drk);padding-left:1.25rem}.details .recent .post div>:nth-child(2)::before{position:absolute;inset:0;width:.75rem;height:.875rem;background:url('https://www.kolaxoccs.com/theme//website/assets/images/icons/calendar.svg') center/contain no-repeat;margin-block:auto;content:''}.details .tags ul{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:0}.details .tags li a{font-family:var(--ff-secondary);font-size:var(--fs-2xs, 14px);font-weight:600;text-transform:uppercase;background-color:#fff;padding:.625rem .75rem;border-radius:10px;transition:var(--trans-4)}.details .tags li a:hover{color:#fff}@media only screen and (max-width:1200px){.banner{background-position:40% top}.banner .title{max-width:36rem}.details .wrapper{grid-template-columns:1fr}.details aside{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.details aside>*{height:fit-content;margin:0}.details aside form{grid-column:span 2}.details aside .recent{position:sticky;top:7rem}}@media only screen and (max-width:991px){.banner{max-height:27rem}.banner .title{max-width:32rem}.banner .title :first-child{line-height:var(--lh-lg)}.details{padding-block:5rem 3.5rem}}@media only screen and (max-width:767px){.banner{max-height:24rem;background-position:40% center}.banner .title{max-width:70%}.details aside{grid-template-columns:1fr}.details aside form{grid-column:auto}.details .author>img{max-height:100%}.details aside .recent{position:static}}@media only screen and (max-width:575px){.banner{max-height:22rem;background-position:left}.banner .title{max-width:100%;height:calc(100% - 3.125rem)}.banner .title :first-child{font-size:var(--fs-xl)}.banner .breadcrumb{padding:1rem;margin-inline:auto}.details aside form{padding:1.25rem}.details aside form button{inset:2.25rem 2.25rem auto auto}.details aside :is(.author,.recent,.tags){padding:1.5rem 1.125rem}.details aside :is(.author,.recent,.tags)>:first-child{margin-bottom:.75rem}.details .author p,.details .author>img,.details .recent .post:not(:last-of-type){margin-bottom:1.25rem}.details .tags li a{padding:.5rem}}@media only screen and (max-width:475px){.banner{max-height:20rem}}@media only screen and (max-width:360px){.details .recent .post{flex-direction:column}.details .recent .post img{width:100%;height:100%}.details .recent .post div>:first-child{display:block}}