:root{
--google-sans: "Google Sans", sans-serif;
--martian-mono: "Martian Mono", monospace;
--space-grotesk: "Space Grotesk", sans-serif;
}
.animate__delay-1 {animation-delay: 150ms;}
.animate__delay-2 {animation-delay: 250ms;}
.animate__delay-3 {animation-delay: 350ms;}
.animate__delay-4 {animation-delay: 450ms;}
.animation__timeline__view{animation-timeline: view();}
.hidden__box.animate__animated {
opacity: 0;
}
div#page_acf section h1,
div#page_acf section h2,
div#page_acf section h3,
div#page_acf section h4,
div#page_acf section h5 {
font-family: var(--space-grotesk) !important;
text-transform: math-auto;
font-weight: 500;
}
div#page_acf section p,
div#page_acf section li,
div#page_acf section a {
font-family: var(--google-sans) !important;
}
div#page_acf section{
padding:1vh 1vw;
box-sizing: border-box;
overflow:hidden;
} .inline_flex{
display:inline-flex;
}
.button_acf {
border-radius: 8px;
background-color: #fefefeee;
color: #242222;
letter-spacing: .3px;
padding: 4px 24px;
display: flex;
outline: 1px solid #1b2a32;
justify-content: center;
align-items: center;
gap: 6px;
transition: .3s;
}
.button_acf:hover{
gap:14px;
color: #242222;
}
a.button_acf::after {
content: '\e5c8';
font-family: 'Material Symbols Outlined';
font-size: 24px;
}
@media (max-width:768px){
.button_acf{
font-size:18px;
padding: 2px 18px;
}
a.button_acf::after{
font-size:18px;
}
.acf_text_with_image .text_column a{
font-size:18px;
}
}
.two_columns{
display: flex;
gap: 64px;
padding: 18px;
box-sizing:border-box;
align-items: stretch;
}
.two_columns.row_reverse{
flex-direction:row-reverse;
}
.two_columns > div{
flex:1;
width:100%;
}
@media (max-width:1180px){
.two_columns{
padding: 18px;
gap:32px;
}
} .acf_mainbaner {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 66vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding:unset !important;
}
.acf_mainbaner > div {
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
height: 100%;
justify-content: center;
width:100%;
backdrop-filter: blur(6px);
background-color: #00000044;
}
.acf_mainbaner h1 {
font-size: 120px;
color: #fafafa;
filter: drop-shadow(1px 2px 4px #666);
text-align: center;
line-height: 1.1;
}
.acf_mainbaner p {
font-size: 24px;
color: #fefefe;
background: #00000011;
padding: 4px 12px;
text-align: center;
}
.acf_mainbaner a{
margin-top: 24px;
}
@media (max-width:1180px){
.acf_mainbaner h1{
font-size:86px;
}
.acf_mainbaner p {
font-size: 18px;
}
}
@media (max-width:768px){
.acf_mainbaner h1{
font-size:3rem !important;
}
.acf_mainbaner p {
font-size: 18px;
}
} .siema {
margin: 1rem 0;
}
.acf_image_carousel {
position: relative;
}
.acf_image_carousel img {
width: 100%;
height: 66vh;
object-fit: cover;
border-radius: 16px;
object-position: top;
}
.acf_image_carousel .image_container{
padding:18px;
}
.acf_image_carousel button {
position: absolute;
top: 50%;
margin: 4px;
border: 1px solid #333;
background: #fafafadd;
aspect-ratio: 1 / 1;
display: grid;
place-content: center;
border-radius: 50px;
height: 48px;
cursor: pointer;
}
.acf_image_carousel button:is(:focus,:hover){
background:#fff;
}
.acf_image_carousel button.prev{
left:2px;
}
.acf_image_carousel button.next{
right:2px;
}
@media(max-width:1180px){
.acf_image_carousel{
img{
height: 60vh;
}
}
} .acf_text_with_image .text_column .column_content{
display: flex;
flex-direction: column;
height: 100%;
gap: 18px;
}
.acf_text_with_image .text_column {
padding:18px;
background: #f2f6f8;
border-radius: 16px;
box-sizing: border-box;
}
.acf_text_with_image .text_column ol,
.acf_text_with_image .text_column ul{
padding:18px;
}
.acf_text_with_image .text_column p{
font-size:22px;
font-weight: 400;
}
.acf_text_with_image .text_column a{
font-size:22px;
}
.acf_text_with_image .text_column h2{
font-size:42px;
line-height: 1.1;
}
.acf_text_with_image .button_acf{
align-self: flex-end;
margin-top: 5%;
}
.acf_text_with_image .text_column > div{
display: flex;
flex-direction: column;
gap:16px;
}
.acf_text_with_image .image_column,
.acf_text_with_image .text_column{
flex: 1;
}
.image_content{
height: 100%;
}
.acf_text_with_image .image_column .image_content img{
height: 100%;
width:100%;
object-fit: cover;
aspect-ratio: 14/9;
border-radius: 16px;
object-position: center;
}
@media (max-width:1180px){
.acf_text_with_image {
.text_column p, .text_column p{
font-size:18px;
}
.text_column h2{
font-size:36px;
}
}
}
@media (max-width:768px){
.acf_text_with_image {
.two_columns {
box-sizing: content-box;
flex-direction: column;   
}
.two_columns.row_reverse{
flex-direction: column;
}
.text_column p, .text_column p{
font-size:18px;
}
.text_column h2{
font-size:36px;
}
}
} .acf_testimonials_with_slogan {
.testimonial_block{
span.review{
width:100%;
display:inline-block;
}
span.rate{
display:inline-flex;
gap:2px;
width:100%;
}
img{
width:24px;
height:24px;
object-fit:cover;
display:inline-block;
border-radius:50px;
}
}
.testimonial_block {
display: flex;
flex-direction: column;
font-size: 16px;
padding: 16px;
background: #fefefe;
margin: 12px;
border-radius: 16px;
outline: solid 1px #ddd;
opacity: 0.9;
width: 95%;
position: relative;
z-index: 1;
font-size: 14px;
}
.testimonial_block > div{
gap:4px;
}
}
.acf_testimonials_with_slogan .slogan_column h3 { line-height: 1.3;
font-size: 3.5vw;
}
.acf_testimonials_with_slogan .image_content img{
width: 100%;
height: auto;
border-radius: 16px;
}
.acf_testimonials_with_slogan .testimonial_column {
box-sizing: border-box;
}
.acf_testimonials_with_slogan .slogan_column {
display: grid;
place-content: center;
}
.acf_testimonials_with_slogan .testimonial_block {
box-sizing: border-box;
height: 144px;
overflow: hidden;
gap: 4px;
}
.acf_testimonials_with_slogan.testimonials_section{
width:100%;
display: flex;
flex-direction: column;
}
@media(max-width:1180px){
.acf_testimonials_with_slogan{
.two_columns{
flex-direction: column-reverse;
gap:36px;
}
.testimonial_column{
grid-template-columns:repeat(3,1fr);
}
.slogan_column h3{
font-size:64px;
line-height: 1.1;
}
}
}
@media(max-width:1180px){
.acf_testimonials_with_slogan{
.two_columns{
gap:24px;
}
.testimonial_block{
left:10px;
}
.slogan_column h3{
font-size:48px;
}
.testimonial_block {
margin:1px;
font-size:14px;
gap:4px;
span.review{
font-size:13px;
}
}
.testimonial_block > div{
gap:3px;
}
}
span.rate svg {
width: 12px;
height: 12px;
}
} .acf_tiles_with_text{
padding:10vh 18px !important;
background:#1d262f;
color:#fefefe;
background-image: url(https://wip-studio.pl/wp-content/uploads/2026/07/qdewd.webp);
background-blend-mode: soft-light;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
h2,h3,h4{
color:#fafafa;
line-height: 1.1;
}
h2{
font-size:48px;
}
.full_column{
display: flex;
flex-direction: column;
gap:48px;
}
.column_content > div{
width:100%;
max-width:960px;
}
.tiles_grid {
display: grid;
grid-template-columns: repeat(4,1fr);
gap:24px;
width:100%;
}
.tile_block {
width: 100%;
box-sizing: border-box;
padding: 24px;
border-radius: 16px;
box-shadow: 0px 0px 3px 0px hsl(210 23% 10% / 1);
background: #637382;
transition:background 300ms;
}
.tile_block:hover{
background:#6b86a0;
}
}
@media (max-width:1180px){
.acf_tiles_with_text {
.tiles_grid {
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
}
}
@media (max-width:768px){
.acf_tiles_with_text {
padding:48px 18px !important;
.tiles_grid {
grid-template-columns: repeat(1, 1fr);
gap: 18px;
}
.full_column{
gap:24px;
}
}
}
.acf_offer_pages_form{
margin-top:2vh;
box-shadow:0px 0px 24px 0px #dedede;
background:#f2f6f8;
}
.acf_offer_pages_form input, .acf_offer_pages_form textarea {
border-radius: 8px;
}
.acf_offer_pages_form form p{
display:flex;
flex-direction:column;
gap:18px;
padding:24px;
}
.acf_offer_pages_form form br{
display:none;
}
.acf_offer_pages_form form{
outline:1px solid #ddd;
border-radius:12px;
background:#fff;
}
.acf_offer_pages_form .wpcf7-list-item {
margin: 0;
}
.acf_offer_pages_form .wpcf7-acceptance *{
font-size:12px;
font-weight:400;
text-transform:math-auto;
}
.acf_offer_pages_form .text_column{
display: grid;
place-content: center;
h2{
font-size:48px;
}
p{
font-size:24px;
}
}
.acf_offer_pages_form .text_column > div{
display: flex;
flex-direction: column;
gap:12px;
}
@media (max-width:1180px){
.acf_offer_pages_form .text_column {
h2 {
font-size: 36px;
}
}
}
@media (max-width:768px){
.acf_offer_pages_form .text_column {
p {
font-size: 16px;
}
}
.acf_offer_pages_form .two_columns{
flex-direction: column;
gap:24px;
}
}
.acf_logo_marquee{
width: 100%;
align-items: center;
margin-top: 13px;
display: flex;
position: relative;
overflow: hidden;
}
.acf_logo_marquee .logo_marquee_container{
display: flex;
white-space: nowrap;
will-change: transform;
animation: acf_logo_marquee 120s linear infinite;
}
.acf_logo_marquee .logo_marquee_container img {
width: 100%;
height: auto;
min-height: 5rem;
min-width: 15rem;
object-fit: contain;
filter: grayscale(.9);
max-height: 5rem;
padding: 0 13px;
}
@keyframes acf_logo_marquee {
from { transform: translateX(0%); }
to { transform: translateX(-100%); }
}