.banner .breadcrumb,.banner .title{display:flex;width:fit-content;transition:var(--trans-4)}.banner .breadcrumb,.skills{background-color:var(--c-primary)}.about .main li::before,.skills .title>:first-child ::before{inset:0;width:1.25rem;height:1.25rem;margin-block:auto;content:''}.about .image,.about .main li,.about .main>:first-child *,.banner .breadcrumb li:first-of-type,.skills,.skills .page{position:relative}.about .image>img,.awards .award,.awards .award div>a,.banner .breadcrumb,.banner .title,.services .title,.services::before,.skills .page::before,.skills .title,.skills .wrapper{transition:var(--trans-4)}.about,.awards,.banner,.blog,.services,.skills{transition:var(--trans-6)}.blog .post .date,.blog .title,.services .stat,.services .title,.skills .title{text-align:center}.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::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}.about{padding-block:3.75rem 6.25rem}.about .wrapper{display:grid;grid-template-columns:minmax(31.25rem,42rem) minmax(35rem,41rem);align-items:center;gap:2.75rem}.about .image{height:100%}.about .image>img{width:100%;height:100%;object-fit:cover;object-position:center 25%;border-radius:var(--br-base)}.about .main>:first-child{font-size:var(--fs-lg, 52px);margin-bottom:.75rem}.about .main>:first-child *{display:block;font-size:var(--fs-base, 16px);font-weight:500;line-height:var(--lh-none);letter-spacing:1px;text-transform:uppercase;color:var(--c-primary);padding-left:1.625rem;margin-bottom:.625rem}.about .main>:first-child ::before,.awards .main>:first-child ::before,.blog .title>:first-child ::before,.services .title>:first-child ::before{position:absolute;inset:0;width:1.25rem;height:1.25rem;background:url('https://www.kolaxoccs.com/theme//website/assets/images/icons/cursor.png') center/cover no-repeat;margin-block:auto;content:''}.about .main p{margin-bottom:2.25rem}.about .main :where(ul,ol){display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:1.125rem;padding:0;margin-bottom:2.625rem}.awards .main>:first-child *,.blog .title>:first-child *,.services .title>:first-child *,.skills .title>:first-child *{letter-spacing:1px;padding-left:1.625rem;display:block;text-transform:uppercase}.about .main li{color:var(--c-text);padding-left:2rem}.about .main li::before{position:absolute;background:url('https://www.kolaxoccs.com/theme//website/assets/images/icons/round-tick.png') center/cover no-repeat}.about .main>:last-child{margin-bottom:0}.about .main img{height:6.125rem;object-fit:cover}.about .main img:has(+ *){float:left;margin-right:1.125rem}.about .main>img+*{height:6.125rem;margin:0}.about .main>img+* :nth-last-child(n+2),.blog .post .date *{display:block}.about .main>img+*>:first-child{font-size:var(--fs-xs, 18px);font-weight:600;font-style:italic;line-height:calc(var(--lh-base) + 2px);letter-spacing:.5px;color:var(--c-heading);margin-bottom:.5rem}.about .main>img+*>:nth-child(2){display:block;font-size:var(--fs-base, 16px);font-weight:500;letter-spacing:2px;text-transform:uppercase}.skills{padding-block:6.25rem 10rem}.skills .title{max-width:44.25rem;margin:0 auto 4.25rem}.skills .title>:first-child{font-size:var(--fs-lg, 52px);color:#fff}.skills .title>:first-child *{position:relative;width:fit-content;font-size:var(--fs-base, 16px);font-weight:500;line-height:var(--lh-none);color:#fff;margin:0 auto .625rem}.skills .title>:first-child ::before{position:absolute;background:url('https://www.kolaxoccs.com/theme//website/assets/images/icons/cursor.png') center/cover no-repeat;filter:brightness(50)}.skills .wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:1.875rem 3.75rem}.blog .post:hover *,.skills .page *{color:#fff}.skills .page{display:flex;align-items:flex-start;gap:1.25rem;border-bottom:1px solid var(--_c-border-lghtr)}.skills .page::before{position:absolute;inset:0 0 auto auto;width:3.75rem;height:3.75rem;background:url('https://www.kolaxoccs.com/theme//website/assets/images/icons/arrow-up-right.png') center/32px no-repeat;border:1px solid #fff;border-radius:50%;content:''}.skills .page>:first-child{font-family:var(--ff-primary)}.skills .page div{width:calc(100% - 6.25rem)}.skills .page div>:first-child{font-weight:700;letter-spacing:.3px;text-transform:uppercase;margin-bottom:.25rem;transition:var(--trans-4)}.skills .page div>:first-child:hover{transform:translateX(6px)}.skills .page div>:nth-child(2){width:100%;font-size:var(--fs-md, 24px);font-weight:700;line-height:var(--lh-sm);text-transform:capitalize;padding-bottom:1.875rem}.skills .page:has(div > :nth-child(2):hover)::before{background-color:#000;filter:invert(1);border-color:#000}.skills ::selection{background-color:#fff;color:var(--c-primary)}.awards{padding-block:7.5rem 6.25rem}.awards .wrapper{display:grid;grid-template-columns:minmax(25rem,34.75rem) minmax(39.375rem,48.5rem);gap:4.25rem}.awards .main{position:sticky;top:8rem;max-width:90%;height:fit-content}.awards .main>:first-child{font-size:calc(var(--fs-lg, 40px) - 4px);line-height:calc(var(--lh-lg) - 8px);margin-bottom:.75rem}.awards .main>:first-child *{position:relative;width:fit-content;font-size:var(--fs-xs, 18px);font-weight:500;line-height:var(--lh-none);color:var(--c-primary);margin-bottom:.75rem}.awards .main .btn__primary{width:10rem;margin-top:1.125rem}.awards .award{display:grid;grid-template-columns:auto auto 1fr;gap:3.75rem}.awards .award:not(:last-of-type){margin-bottom:2.75rem}.awards .award>:first-child{font-weight:500;color:var(--c-text)}.awards .award div>:first-child{font-family:var(--ff-primary);font-size:var(--fs-md, 24px);margin-bottom:.5rem}.awards .award div p{max-height:6rem;margin-bottom:1.75rem}.awards .award div>a{font-weight:600;text-transform:uppercase;color:var(--c-primary);padding-bottom:1px;border-bottom:2px solid var(--c-primary)}.awards .award div>a:hover{color:#000;border-color:#000}.services{padding-bottom:7.5rem;position:relative;--_fs-mega:calc(var(--fs-2xl, 64px) + 1rem)}.services::before{position:absolute;inset:auto 0 0;width:100%;height:calc(100% - 40%);background-color:var(--c-bg);border-radius:10px;z-index:-1;content:''}.services .title{max-width:40rem;margin:3.875rem auto 3.75rem}.blog .title>:first-child,.services .title>:first-child{font-size:var(--fs-lg, 52px)}.blog .title>:first-child *,.services .title>:first-child *{position:relative;width:fit-content;font-size:var(--fs-base, 16px);font-weight:500;line-height:var(--lh-none);color:var(--c-primary);margin:0 auto .625rem}.services .wrapper{width:fit-content;display:grid;grid-template-columns:repeat(4,1fr);place-items:center;gap:1.875rem;margin-inline:auto;transition:var(--trans-4)}.blog .post,.services .stat{display:flex;transition:var(--trans-4)}.services .stat{width:16.25rem;height:16.25rem;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;border:1px solid var(--_c-border-drk);border-radius:50%}.services .stat>:first-child{display:block;width:fit-content;font-family:var(--ff-primary);font-size:var(--_fs-mega)}.services .stat>:nth-child(2){position:relative;max-width:85%;font-family:var(--ff-primary);font-weight:500;text-transform:uppercase;color:var(--c-primary);padding-left:1.375rem}.services .stat>:nth-child(2)::before{position:absolute;inset:0;width:1rem;height:1rem;background:url('https://www.kolaxoccs.com/theme//website/assets/images/icons/plus.png') center/cover no-repeat;margin-block:auto;content:''}.blog{padding-block:6.25rem}.blog .title{max-width:44.25rem;margin:0 auto 3.5rem;transition:var(--trans-4)}.blog .post{width:100%;align-items:center;justify-content:space-between;gap:2rem;padding:3.5rem 2.625rem 3.5rem 3.875rem;background-color:var(--c-bg);border-radius:10px}.blog .post:not(:last-of-type){margin-bottom:2.625rem}.blog .post:hover{background-color:var(--c-primary)}.blog .post>:first-child{max-width:45rem;font-size:calc(var(--fs-lg, 36px) - 6px);line-height:calc(var(--lh-md) + 6px)}.blog .post .date>:first-child{font-family:var(--ff-primary);font-size:calc(var(--fs-xl, 44px) + .5rem);font-weight:800;line-height:var(--lh-none);margin-bottom:.5rem}.blog .post .date>:nth-child(2){font-family:var(--ff-primary);font-weight:700;text-wrap:nowrap;text-transform:uppercase}@media only screen and (max-width:1400px){.services::before{height:calc(100% - 35%)}.services .stat{width:15rem;height:15rem}}@media only screen and (max-width:1200px){.banner{max-height:27rem;background-position:45% top}.about .wrapper{grid-template-columns:repeat(2,1fr);gap:2rem}.skills .wrapper{column-gap:2.75rem}.awards .wrapper{grid-template-columns:minmax(350px,556px) minmax(500px,776px);gap:3.5rem}.awards .award{gap:3rem}.services{--_fs-mega:var(--fs-2xl)}.services::before{height:calc(100% - 30%)}.services .wrapper{gap:1.5rem}.services .stat{width:12.75rem;height:12.75rem;gap:1rem}.services .stat>:nth-child(2){padding:0}.services .stat>:nth-child(2)::before{top:auto;bottom:-1.5rem;margin-inline:auto}}@media only screen and (max-width:991px){.about .wrapper,.awards .wrapper,.skills .wrapper{grid-template-columns:1fr}.banner{max-height:24rem;background-position:left}.about .wrapper{place-items:center}.about .image{max-height:448px}.skills{padding-block:5rem 7.5rem}.skills .title{margin-bottom:3.5rem}.skills .wrapper{gap:1.5rem}.skills .page::before{width:3.5rem;height:3.5rem}.awards{padding-block:6.25rem 5rem}.awards .main{position:initial;max-width:100%}.awards .wrapper{gap:2.5rem}.services{padding-bottom:6.25rem;--_fs-mega:calc(var(--fs-2xl) - 0.5rem)}.services::before{height:calc(100% - 20%)}.services .title{margin-block:3.5rem 3.125rem}.services .wrapper{gap:1rem}.services .stat{width:10.25rem;height:10.25rem;gap:.5rem}.services .stat>:nth-child(2){max-width:70%}.services .stat>:nth-child(2)::before{bottom:-1.375rem}.blog{padding-block:5rem}.blog .title{margin-bottom:3rem}.blog .post{padding:3rem 3.5rem}.blog .post:not(:last-of-type){margin-bottom:2.25rem}}@media only screen and (max-width:767px){.banner{max-height:20rem}.awards .award{gap:2rem}.awards .award>img{max-width:6.25rem}.services{--_fs-mega:calc(var(--fs-2xl) + 0.5rem)}.services::before{height:calc(100% - 10%)}.services .wrapper{grid-template-columns:repeat(2,1fr);gap:1.5rem}.services .stat{width:14rem;height:14rem;gap:.75rem}.services .stat>:nth-child(2){max-width:90%}.services .stat>:nth-child(2)::before{bottom:-1.5rem}.blog .post{padding:2rem}}@media only screen and (max-width:575px){.banner .title{height:calc(100% - 3.125rem);margin-inline:auto}.banner .breadcrumb{padding:1rem;margin-inline:auto}.about{padding-block:2rem 3.125rem}.about .main{padding-bottom:1.5rem;margin-bottom:1.5rem}.about .main>:first-child,.about .main>:first-child *{margin-bottom:.5rem}.about .main p,.blog .post:not(:last-of-type){margin-bottom:1.5rem}.about .main img:has(+ *){margin-right:.75rem}.about .main>img+*>:first-child{line-height:var(--lh-base);letter-spacing:normal;margin-bottom:.25rem}.skills{padding-block:3.5rem 6.25rem}.skills .title{margin-bottom:3rem}.skills .wrapper{gap:1.25rem}.skills .page{gap:1rem}.skills .page::before{width:2.75rem;height:2.75rem;background-size:1.5rem}.skills .page div{width:calc(100% - 5.25rem)}.skills .page div>:nth-child(2){padding-bottom:1.25rem}.awards{padding-block:5rem 3rem}.awards .main .btn__primary{width:8.5rem}.awards .award{grid-template-columns:1fr;gap:1.5rem}.awards .award:not(:last-of-type){margin-bottom:2.25rem}.awards .award>:first-child{text-align:end}.awards .award div p{margin-bottom:1rem}.services{padding-bottom:5rem}.services::before{height:calc(100% - 5%)}.services .title{margin-block:2.5rem}.services .stat{width:12rem;height:12rem}.blog{padding-block:3.5rem}.blog .post{gap:1.25rem;padding:1.5rem}.blog .title{margin-bottom:2rem}}@media only screen and (max-width:475px){.banner{max-height:16rem}.about .main{padding-bottom:1.125rem;margin-bottom:1.125rem}.about .main img:has(+ *){float:none;margin:0 0 .75rem}.about .main>img+*{height:auto}.services .wrapper{grid-template-columns:1fr;gap:1rem}.blog .post{flex-direction:column;align-items:flex-end;gap:1rem}.blog .post>:first-child{line-height:var(--lh-md)}.blog .post .date>:first-child{font-size:var(--fs-xl);margin-bottom:.25rem}.blog .post .date>:nth-child(2){font-size:var(--fs-2xs)}}@media only screen and (max-width:360px){.about .main,.about .main p{margin-bottom:1rem}.about .main,.skills .page div>:nth-child(2){padding-bottom:1rem}.about .main>:first-child ::before{max-width:1.125rem}.skills{padding-block:3rem 5.5rem}.skills .page{gap:.75rem}.skills .page::before{width:2.25rem;height:2.25rem;background-size:1.25rem}.skills .page div{width:calc(100% - 4.25rem)}.awards .cards img{height:auto}.services .title{margin-block:2rem}}