
.banner .breadcrumb,.banner .title{width:fit-content;display:flex;transition:var(--trans-4)}.banner{height:32.25rem;background-repeat:no-repeat;background-position:center;background-size:cover;transition:var(--trans-6)}.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;background-color:var(--c-primary);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}.contact,.integration{padding-block:6.25rem;transition:var(--trans-6)}.contact .details,.contact .form .head,.contact .info,.contact .info>div:first-child,.integration .card,.integration .title,.integration .wrapper,.map{transition:var(--trans-4)}.contact .wrapper{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:1.625rem}.contact .form{padding:1.5rem 1rem 2.5rem 1.25rem;border-radius:var(--br-base)}.contact .form .head{width:100%;margin-bottom:1.5rem}.contact .form .head>:first-child *,.integration .title>:first-child *{position:relative;width:fit-content;font-weight:500;letter-spacing:1px;line-height:var(--lh-none);text-transform:uppercase;color:var(--c-primary);padding-left:1.625rem}.contact .form .head>:first-child{font-size:var(--fs-lg, 52px);margin-bottom:.75rem}.contact .form .head>:first-child *{display:block;font-size:var(--fs-base, 16px);margin-bottom:.625rem}.contact .form .head>:first-child ::before,.integration .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:''}.contact .column{background-color:var(--c-primary);border-radius:10px}.contact .column>img{width:100%;height:100%;max-height:18.5rem;object-fit:cover;object-position:top;border-radius:10px}.contact .details{padding:2rem 1.25rem 2.5rem 1.875rem}.contact .info{width:100%;display:flex;align-items:center;gap:1.25rem}.contact .info:not(:last-child){padding-bottom:1.25rem;border-bottom:1px solid var(--_c-border-lghtr);margin-bottom:1.75rem}.contact .info>div:first-child{flex:none;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--c-primary);border-radius:50%}.contact .info:hover>div:first-child{background-color:transparent;border-color:#fff}.contact .info:hover>div:first-child img{filter:brightness(50);transition:var(--trans-4)}.contact .info>div:nth-child(2) *{display:block;color:#fff}.contact .info>div:nth-child(2)>:first-child{font-family:var(--ff-primary);text-transform:uppercase;margin-bottom:.25rem}.contact .info>div:nth-child(n+2)>:nth-child(n+2){font-size:var(--fs-xs, 18px);font-weight:700}.contact .info:last-child>div:nth-child(2)>:nth-child(2){margin-bottom:.25rem}.contact .info:last-child>div:nth-child(n+2)>:nth-child(n+2){font-weight:400}.contact .info ::selection{background-color:#fff;color:var(--c-primary)}.contact .cform{background-color:transparent;padding:0}.contact .cform :is(input,select,textarea){background-color:var(--c-bg)}.map{margin-inline:var(--page-margin)}.map iframe{width:100%;border-radius:10px}.integration .title{max-width:64rem;text-align:center;margin:0 auto 4.25rem}.integration .title>:first-child{font-size:var(--fs-xl, 52px)}.integration .title>:first-child *{display:block;font-size:var(--fs-xs, 18px);margin:0 auto .75rem}.integration .wrapper{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--_c-border-lght);border-bottom:none;border-radius:var(--br-base)}.integration .card{width:100%;padding-block:3.875rem 4.5rem;border-right:1px solid var(--_c-border-lght);border-bottom:1px solid var(--_c-border-lght)}.integration .card:nth-of-type(3n+3){border-right:none}.integration .card img{display:block;margin-inline:auto}@media only screen and (max-width:1200px){.banner{max-height:27rem;background-position:45% top}}@media only screen and (max-width:991px){.banner{max-height:24rem;background-position:left}.contact,.integration{padding-block:5rem}.contact .wrapper{grid-template-columns:1fr}.contact .details{padding:1.875rem 1.125rem 2.25rem 1.625rem}.contact .info>div:first-child{width:3.5rem;height:3.5rem}.integration .title{margin-bottom:2.5rem}.integration .card{padding-block:3.5rem}}@media only screen and (max-width:767px){.banner{max-height:20rem}.integration .wrapper{grid-template-columns:repeat(2,1fr)}.integration .card:nth-of-type(3n+3){border-right:1px solid var(--_c-border-lght)}.integration .card:nth-of-type(2n+2){border-right:none}}@media only screen and (max-width:575px){.banner .title{height:calc(100% - 3.125rem);margin-inline:auto}.banner .breadcrumb{padding:1rem;margin-inline:auto}.contact,.integration .card{padding-block:3rem}.contact .form{padding:1rem}.contact .form .head{margin-bottom:.75rem}.contact .form .head>:first-child{margin-bottom:.25rem}.contact .wrapper{gap:1.25rem}.contact .details{padding:1.5rem 1rem}.contact .info{gap:1rem}.contact .info:not(:last-child){padding-bottom:1rem;margin-bottom:1rem}.contact .info>div:first-child{width:3rem;height:3rem}.contact .info>div:first-child img{height:1.125rem;object-fit:contain}.integration{padding-block:3.5rem}.integration .title{margin-bottom:2rem}.integration .card img{height:3.75rem;object-fit:contain}}@media only screen and (max-width:475px){.banner{max-height:16rem}.integration .wrapper{grid-template-columns:1fr}.integration .card:nth-of-type(n+1){border-right:none}}@media only screen and (max-width:360px){.contact .info{flex-direction:column;gap:.75rem;text-align:center}.contact .info>div:nth-child(2)>:first-child{margin-bottom:.5rem}}