.banner .breadcrumb,.banner .title{width:fit-content;display:flex;transition:var(--trans-4)}.banner,.blogs{transition:var(--trans-6)}.banner .breadcrumb,.pagination .page.current,.pagination .page:hover{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{height:calc(100% - 4.375rem);align-items:center;justify-content:center}.banner .title :first-child{font-size:calc(var(--fs-2xl, 64px) - 4px)}.banner .breadcrumb{align-items:center;gap: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}.blogs{padding-block:5.625rem 7.25rem}.blogs .post ul,.pagination{align-items:center;padding:0}.blogs .wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:3.125rem 3.5rem}.blogs .post ul,.pagination,.pagination .page{display:flex;transition:var(--trans-4)}.blogs .post img{width:100%;height:100%;max-height:23.875rem;object-fit:cover;object-position:top;border-radius:10px;transition:var(--trans-4)}.blogs .post>:first-child{width:100%;overflow:hidden;border-radius:10px;margin-bottom:1rem;transition:var(--trans-4)}.blogs .post>:first-child:hover img{transform:scale(1.1);transition:var(--trans-6)}.blogs .post ul{gap:1rem;margin-bottom:.375rem}.blogs .post ul :where(li,a){font-family:var(--ff-secondary);font-weight:500;text-transform:uppercase;color:var(--c-primary)}.blogs .post>:nth-child(3){width:100%;font-family:var(--ff-secondary);font-size:calc(var(--fs-md, 24px) + 2px);font-weight:700;line-height:var(--lh-sm);letter-spacing:1px;text-transform:capitalize;padding-bottom:1rem;border-bottom:1px solid var(--_c-border-lght);margin-bottom:.625rem;transition:var(--trans-4)}.blogs .post>:nth-child(3):hover{color:var(--c-primary)}.blogs .post p{max-width:95%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;letter-spacing:.3px;text-transform:capitalize;overflow:hidden}.blogs .post .btn__primary{width:10rem;margin-top:1.875rem}.pagination{gap:.375rem;margin-top:3rem}.pagination .page{width:3.125rem;height:3.125rem;align-items:center;justify-content:center;background-color:var(--_c-dark);color:#fff;border-radius:50%}.pagination .page:where(.prev,.next){width:fit-content;padding-inline:1.25rem;border-radius:50px}.pagination li:has(+ li .current):has(> .prev){display:none}.pagination li:has(> .current)+li .next{display:none}.pagination li:has(span){margin-inline:0.5rem}@media only screen and (max-width:1200px){.banner{max-height:27rem;background-position:45% top}.blogs .wrapper{gap:3rem}}@media only screen and (max-width:991px){.banner{max-height:24rem;background-position:left}.blogs{padding-block:5rem}.blogs .wrapper{gap:2.25rem}.blogs .post>:nth-child(3){font-size:var(--fs-md)}}@media only screen and (max-width:767px){.banner{max-height:20rem}.blogs .wrapper{grid-template-columns:1fr}}@media only screen and (max-width:575px){.banner .title{height:calc(100% - 3.125rem);margin-inline:auto}.banner .breadcrumb{padding:1rem;margin-inline:auto}.blogs{padding-block:3rem}.blogs .wrapper{gap:1.5rem}.blogs .post>:first-child{margin-bottom:.75rem}.blogs .post>:nth-child(3){padding-bottom:.625rem;margin-bottom:.375rem}.blogs .post p{max-width:100%}.blogs .post .btn__primary{width:8.5rem;margin-top:1.25rem}.pagination{margin-top:2.5rem}.pagination .page{width:2.625rem;height:2.625rem}.pagination .page:where(.prev,.next){width:fit-content;padding-inline:1rem}}@media only screen and (max-width:475px){.banner{max-height:16rem}}