.col-gap-30 {
--gap: 30px;
gap: var(--gap);
}
.col-gap-30 .cell-gap-4 {
flex: 0 0 calc(33.3333333333% - var(--gap) + var(--gap) / 3);
max-width: calc(33.3333333333% - var(--gap) + var(--gap) / 3);
}
.justify-center {
justify-content: center;
}
.thankyou-content {
display: none;
}
.thankyou-content .content-handler {
padding: 53px 115px;
margin-top: 56px;
border-radius: 20px;
border: 1px solid #2E2E2E;
background: rgba(12, 12, 12, 0.7);
box-shadow: 0 124px 159.7px 0 rgba(0, 0, 0, 0.7);
color: #AFACB9;
}
body.message-sent .thankyou-content {
display: block;
}
body.message-sent section[class*=sectionLP3__]:not(.sectionLP3__form) {
display: none;
}
body.message-sent .sectionLP3__form__inner {
display: none;
}
body {
padding: 110px 0 0 0;
}
section[class*=sectionLP3__] {
border-radius: 20px;
}
.section_bg_light {
background-color: #FAFAFA;
}
.section_bg_dark {
background: radial-gradient(50% 50% at 50% 50%, #3D3C41 0%, #000 100%);
color: #FEFEFE;
}
.section_bg_dark_grad {
background: radial-gradient(50% 50% at 50% 50%, #3D3C41 0%, #1B1A1F 100%);
color: #FEFEFE;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
color: #E54218;
}
h2 {
font-style: normal;
font-weight: 900;
line-height: 1.2em;
}
p {
font-size: 0.88em;
}
.list__square {
counter-reset: item;
list-style-type: none;
}
.list__square li {
position: relative;
counter-increment: item;
}
.list__square li:not(:last-child) {
margin-bottom: 27px;
}
.list__square li:last-child {
margin-bottom: 0;
}
.list__square li::before {
content: counter(item);
border-radius: 10px;
background-color: #E54218;
color: #fff;
text-align: center;
font-weight: 900;
position: absolute;
left: 0;
}
.button.glass {
font-size: 1em;
}
.lp-header-bg .nav-container {
justify-content: space-between;
align-items: center;
}
.lp-header-bg .cta__handler {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 16px;
}
.lp-header-bg .cta__handler a {
font-weight: 600;
font-size: 0.9em;
color: #3D3C41;
}
.lp-header-bg .cta__phone::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-size: 20px 20px;
background-repeat: no-repeat;
transform: translateY(5px);
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3727 12.3795L13.6922 10.7303L13.682 10.7256C13.491 10.6439 13.2825 10.6111 13.0756 10.6302C12.8687 10.6493 12.6698 10.7197 12.4969 10.835C12.4765 10.8484 12.457 10.8631 12.4383 10.8787L10.5367 12.4998C9.33204 11.9147 8.08829 10.6803 7.50313 9.49125L9.12657 7.56078C9.14219 7.54125 9.15704 7.52172 9.1711 7.50062C9.28394 7.3282 9.35239 7.13056 9.37039 6.92529C9.38838 6.72002 9.35534 6.51348 9.27423 6.32406V6.31469L7.62032 2.62797C7.51309 2.38052 7.3287 2.17438 7.09468 2.04034C6.86067 1.9063 6.58958 1.85153 6.32188 1.88422C5.26326 2.02352 4.29155 2.54341 3.58824 3.34679C2.88492 4.15017 2.49809 5.1821 2.50001 6.24984C2.50001 12.453 7.54688 17.4998 13.75 17.4998C14.8177 17.5018 15.8497 17.1149 16.6531 16.4116C17.4564 15.7083 17.9763 14.7366 18.1156 13.678C18.1484 13.4104 18.0937 13.1393 17.9598 12.9053C17.8259 12.6713 17.62 12.4869 17.3727 12.3795ZM13.75 16.2498C11.0987 16.2469 8.55687 15.1924 6.68214 13.3177C4.8074 11.443 3.7529 8.90112 3.75001 6.24984C3.74707 5.48694 4.02192 4.74906 4.52324 4.17399C5.02456 3.59892 5.71806 3.22599 6.47423 3.12484C6.47392 3.12796 6.47392 3.1311 6.47423 3.13422L8.11485 6.80609L6.50001 8.7389C6.48362 8.75776 6.46873 8.77788 6.45548 8.79906C6.33791 8.97947 6.26894 9.18718 6.25525 9.40208C6.24157 9.61697 6.28362 9.83176 6.37735 10.0256C7.08516 11.4733 8.54376 12.9209 10.007 13.628C10.2023 13.7208 10.4184 13.7614 10.634 13.7458C10.8497 13.7302 11.0576 13.6589 11.2375 13.5389C11.2576 13.5254 11.2769 13.5108 11.2953 13.4952L13.1945 11.8748L16.8664 13.5194C16.8664 13.5194 16.8727 13.5194 16.875 13.5194C16.7751 14.2766 16.4027 14.9715 15.8275 15.4741C15.2524 15.9766 14.5138 16.2524 13.75 16.2498Z' fill='%233D3C41'/%3E%3C/svg%3E");
}
.lp-header-bg .nav__logo {
display: flex;
align-items: center;
}
.sectionLP3__hero {
text-align: center;
}
.sectionLP3__hero .tagline_subhero {
position: relative;
margin-top: -30px;
margin-bottom: 20px;
padding: 16px;
border-radius: 10px;
background: linear-gradient(234deg, rgba(255, 255, 255, 0.94) 2.28%, rgba(255, 255, 255, 0.94) 38.63%);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06), 0 22px 44px 0 rgba(0, 0, 0, 0.13);
backdrop-filter: blur(5px);
display: flex;
gap: 16px;
}
.sectionLP3__hero .tagline_subhero p {
margin: 0;
}
.sectionLP3__hero .tagline_subhero .icon_box {
display: flex;
width: 30px;
height: 30px;
padding: 10px;
justify-content: center;
align-items: center;
border-radius: 30px;
background: radial-gradient(66.99% 89.31% at 83.33% 80%, #FFE290 0%, #FFBD01 51.05%);
box-shadow: 0 2px 3px 0 rgba(229, 66, 24, 0.21), 0 30px 54px 0 rgba(115, 85, 0, 0.37);
}
.sectionLP3__hero p.text_lead {
max-width: 870px;
margin-bottom: 2.5em;
}
.sectionLP3__hero small {
font-size: 12px;
}
.sectionLP3__hero__inner {
display: flex;
flex-direction: column;
align-items: center;
}
.sectionLP3__hero a.button {
margin-bottom: 10px;
}
.sectionLP3__info h2 {
text-align: center;
}
.sectionLP3__info .card {
border-radius: 20px;
background-position: bottom right;
background-repeat: no-repeat;
}
.sectionLP3__info .card_1 {
background: url(https://www.it-dev.eu/wp-content/uploads/2026/04/intranet-dla-lini-lotniczych.png) bottom right no-repeat, linear-gradient(270deg, #DBDBDB 0%, #F6F6F6 100%);
}
.sectionLP3__info .card_2 {
background-image: url(https://www.it-dev.eu/wp-content/uploads/2026/04/intranet-dla-branzy-motoryzacyjnej.png);
}
.sectionLP3__info .card_2,
.sectionLP3__info .card_3 {
background-color: #000;
color: #fff;
}
.sectionLP3__info .card_3 {
background-image: url(https://www.it-dev.eu/wp-content/uploads/2026/04/intranet-dla-branzy-energetycznej.jpg);
background-size: cover;
}
.sectionLP3__info .card_3 p.text-first span {
color: #FFDE82;
}
.sectionLP3__info p.text-first {
line-height: 1.2em;
margin-bottom: 12px;
}
.sectionLP3__info p.text-first span {
font-weight: 900;
color: #E54218;
}
.sectionLP3__info h3 {
font-weight: 900;
line-height: 1.2em;
margin-bottom: 4px;
}
.sectionLP3__info p.text-big {
font-size: 1.77em;
font-weight: 900;
line-height: 1.2em;
}
.sectionLP3__trust__inner {
border-radius: 20px;
display: flex;
gap: 40px;
justify-content: space-between;
}
.sectionLP3__trust__customers {
display: flex;
}
.sectionLP3__trust__customers__list {
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
}
.sectionLP3__trust__customers img {
flex: 1 1 0;
min-width: 0;
}
.sectionLP3__trust h3 {
font-size: 1.77em;
font-weight: 900;
line-height: 1.2em;
margin-bottom: 0;
}
.sectionLP3__problems {
text-align: center;
}
.sectionLP3__problems p.text_lead {
margin-bottom: 0;
}
.sectionLP3__problems .card {
border-radius: 10px;
min-height: 336px;
text-align: left;
background-position: top right;
background-repeat: no-repeat;
}
.sectionLP3__problems .card h3 {
margin-bottom: 32px;
min-height: 90px;
display: flex;
align-items: flex-end;
}
.sectionLP3__problems .card_1 {
background-color: #fff;
background-image: url(https://www.it-dev.eu/wp-content/uploads/2026/04/problem-szukanie-dokumentow.png);
color: #3D3C41;
box-shadow: 0 76px 120.3px -41px rgba(0, 0, 0, 0.43);
}
.sectionLP3__problems .card_2 {
border: 1px solid #2E2E2E;
background: url(https://www.it-dev.eu/wp-content/uploads/2026/04/problem-odpowiedzi-HR.png) top right no-repeat, linear-gradient(90deg, #0A0B0D 40.18%, #303030 100%);
box-shadow: 0 76px 120.3px -41px rgba(0, 0, 0, 0.43);
color: #fff;
}
.sectionLP3__problems .card_3 {
border: 1px solid rgba(229, 66, 24, 0.42);
background: url(https://www.it-dev.eu/wp-content/uploads/2026/04/problem-onboarding-bez-chaosu.png) top right no-repeat, radial-gradient(281.56% 100% at 100% 30.53%, #FF6B00 0%, #AF0720 51.5%, #6F0010 100%);
box-shadow: 0 78px 148.6px -49px rgba(161, 31, 24, 0.7);
backdrop-filter: blur(12px);
color: #fff;
}
.sectionLP3__problems__text {
display: flex;
flex-direction: column;
align-items: center;
}
.sectionLP3__problems h3 {
font-weight: 900;
}
.sectionLP3__problems a.button {
margin-bottom: 5px;
}
.sectionLP3__problems small {
font-size: 0.78em;
}
.sectionLP3__problems ul {
font-size: 0.88em;
line-height: 1.2em;
list-style: none;
padding: 0;
margin-bottom: 0;
}
.sectionLP3__problems ul li {
position: relative;
padding-left: 30px;
}
.sectionLP3__problems ul li::before {
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #E54218;
position: absolute;
top: 4px;
left: 0;
}
.sectionLP3__problems ul li:not(:last-child) {
margin-bottom: 16px;
}
.sectionLP3__intranet {
text-align: center;
}
.sectionLP3__intranet h4 {
font-weight: 900;
}
.sectionLP3__intranet p.text_lead {
margin-bottom: 0;
}
.sectionLP3__intranet .card {
background-color: #FAFAFA;
border-radius: 20px;
text-align: left;
display: flex;
align-items: center;
}
.sectionLP3__intranet .card h3 {
font-weight: 700;
font-size: 1em;
margin-bottom: 0;
}
.sectionLP3__intranet .card p {
margin-bottom: 0;
}
.sectionLP3__intranet__info h4 {
margin-bottom: 0;
}
.sectionLP3__implementation {
text-align: center;
}
.sectionLP3__implementation__head p.text_lead {
margin-bottom: 0;
}
.sectionLP3__implementation__list {
text-align: left;
}
.sectionLP3__implementation__text {
display: flex;
flex-direction: column;
align-items: center;
}
.sectionLP3__implementation h4 {
margin-bottom: 48px;
}
.sectionLP3__implementation .list__square {
margin: 0;
padding: 0;
}
.sectionLP3__implementation small {
font-size: 0.78em;
}
.sectionLP3__implementation a.button {
margin-bottom: 5px;
}
.sectionLP3__questions {
text-align: center;
}
.sectionLP3__questions__faq {
max-width: 1024px;
margin: auto;
}
.sectionLP3__questions .faq__item {
text-align: left;
background-color: #FAFAFA;
border-radius: 20px;
padding: 32px 30px;
transition: height 0.3s ease;
}
.sectionLP3__questions .faq__item:not(:last-child) {
margin-bottom: 12px;
}
.sectionLP3__questions .faq__item h3.faq__question {
width: 100%;
cursor: pointer;
padding: 0;
margin: 0;
font-weight: 700;
font-size: 1.33em;
color: #3D3C41;
padding-right: 40px;
position: relative;
}
.sectionLP3__questions .faq__item h3.faq__question::before {
content: "";
width: 36px;
height: 36px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-image: url('data:image/svg+xml,%3Csvg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 0C14.4399 0 10.9598 1.05568 7.99974 3.03355C5.03966 5.01141 2.73255 7.82263 1.37018 11.1117C0.00779915 14.4008 -0.348661 18.02 0.345873 21.5116C1.04041 25.0033 2.75474 28.2106 5.27209 30.7279C7.78943 33.2453 10.9967 34.9596 14.4884 35.6541C17.98 36.3487 21.5992 35.9922 24.8883 34.6298C28.1774 33.2675 30.9886 30.9604 32.9665 28.0003C34.9443 25.0402 36 21.5601 36 18C35.9948 13.2277 34.0968 8.65232 30.7222 5.27778C27.3477 1.90324 22.7723 0.00516162 18 0ZM18 33C15.0333 33 12.1332 32.1203 9.66645 30.472C7.19972 28.8238 5.27713 26.4811 4.14182 23.7403C3.0065 20.9994 2.70945 17.9834 3.28823 15.0736C3.86701 12.1639 5.29562 9.49119 7.39341 7.3934C9.49119 5.29561 12.1639 3.867 15.0737 3.28822C17.9834 2.70944 20.9994 3.00649 23.7403 4.14181C26.4812 5.27712 28.8238 7.19971 30.4721 9.66645C32.1203 12.1332 33 15.0333 33 18C32.9956 21.9769 31.4139 25.7897 28.6018 28.6018C25.7897 31.4139 21.9769 32.9956 18 33Z" fill="%23E54218"/%3E%3Cpath d="M17.9997 23.9998C16.9017 24.001 15.8414 23.5997 15.0192 22.8718C14.5287 22.4353 14.0637 22.0108 13.7592 21.7063L9.44974 17.4703C9.18453 17.188 9.0388 16.8141 9.04306 16.4268C9.04732 16.0395 9.20124 15.6688 9.47259 15.3924C9.74395 15.116 10.1117 14.9553 10.4989 14.9439C10.886 14.9325 11.2626 15.0714 11.5497 15.3313L15.8697 19.5748C16.1517 19.8553 16.5717 20.2363 17.0082 20.6248C17.2823 20.8665 17.6351 20.9999 18.0005 20.9999C18.3659 20.9999 18.7187 20.8665 18.9927 20.6248C19.4277 20.2378 19.8477 19.8568 20.1207 19.5853L24.4497 15.3313C24.5881 15.1841 24.7548 15.0663 24.9398 14.985C25.1249 14.9037 25.3244 14.8607 25.5265 14.8585C25.7285 14.8563 25.929 14.8949 26.1157 14.9721C26.3025 15.0492 26.4718 15.1633 26.6133 15.3075C26.7549 15.4517 26.8659 15.6231 26.9396 15.8112C27.0133 15.9994 27.0483 16.2005 27.0423 16.4025C27.0364 16.6045 26.9897 16.8032 26.905 16.9867C26.8204 17.1702 26.6995 17.3347 26.5497 17.4703L22.2312 21.7138C21.9312 22.0138 21.4707 22.4338 20.9817 22.8673C20.1601 23.5975 19.0989 24.0005 17.9997 23.9998Z" fill="%23E54218"/%3E%3C/svg%3E');
background-size: 36px 36px;
background-repeat: no-repeat;
transition: transform 0.3s ease;
}
.sectionLP3__questions .faq__item p {
font-size: 1em;
margin-bottom: 0;
}
.sectionLP3__questions .faq__item.active .faq__question::before {
transform: rotate(180deg) translateY(50%);
}
.sectionLP3__questions .faq__answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, padding-top 0.3s ease;
}
.sectionLP3__questions .faq__item.active .faq__answer {
padding-top: 30px;
}
.sectionLP3__contactBox__inner {
border-radius: 20px;
overflow: hidden;
display: flex;
}
.sectionLP3__contactBox__info {
background-color: #FAFAFA;
padding: 80px 48px;
}
.sectionLP3__contactBox__info h3 {
font-weight: 900;
}
.sectionLP3__contactBox__info small {
display: block;
font-size: 0.78em;
}
.sectionLP3__contactBox__info .cta__handler {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 1em;
}
.sectionLP3__contactBox__info .cta__handler .button.flat-white::before,
.sectionLP3__contactBox__info .cta__handler .button.glass::before {
content: "";
display: inline-block;
margin-left: -16px;
width: 24px;
height: 24px;
background-size: 24px 24px;
background-repeat: no-repeat;
}
.sectionLP3__contactBox__info .cta__handler .button.glass {
font-size: 1rem;
}
.sectionLP3__contactBox__info .cta__handler .button.glass::before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8472 14.8554L16.4306 12.8764L16.4184 12.8707C16.1892 12.7727 15.939 12.7333 15.6907 12.7562C15.4424 12.7792 15.2037 12.8636 14.9963 13.002C14.9718 13.0181 14.9484 13.0357 14.9259 13.0545L12.6441 14.9998C11.1984 14.2976 9.70595 12.8164 9.00376 11.3895L10.9519 9.07294C10.9706 9.0495 10.9884 9.02606 11.0053 9.00075C11.1407 8.79384 11.2229 8.55667 11.2445 8.31035C11.2661 8.06402 11.2264 7.81618 11.1291 7.58887V7.57762L9.14438 3.15356C9.0157 2.85662 8.79444 2.60926 8.51362 2.44841C8.2328 2.28756 7.9075 2.22184 7.58626 2.26106C6.31592 2.42822 5.14986 3.05209 4.30588 4.01615C3.4619 4.98021 2.99771 6.21852 3.00001 7.49981C3.00001 14.9436 9.05626 20.9998 16.5 20.9998C17.7813 21.0021 19.0196 20.5379 19.9837 19.6939C20.9477 18.85 21.5716 17.6839 21.7388 16.4136C21.7781 16.0924 21.7125 15.7672 21.5518 15.4864C21.3911 15.2056 21.144 14.9843 20.8472 14.8554ZM16.5 19.4998C13.3185 19.4963 10.2682 18.2309 8.01856 15.9813C5.76888 13.7316 4.50348 10.6813 4.50001 7.49981C4.49648 6.58433 4.82631 5.69887 5.42789 5.00879C6.02947 4.3187 6.86167 3.87118 7.76907 3.74981C7.7687 3.75355 7.7687 3.75732 7.76907 3.76106L9.73782 8.16731L7.80001 10.4867C7.78034 10.5093 7.76247 10.5335 7.74657 10.5589C7.60549 10.7754 7.52273 11.0246 7.5063 11.2825C7.48988 11.5404 7.54035 11.7981 7.65282 12.0307C8.5022 13.7679 10.2525 15.5051 12.0084 16.3536C12.2428 16.465 12.502 16.5137 12.7608 16.495C13.0196 16.4762 13.2692 16.3907 13.485 16.2467C13.5091 16.2305 13.5322 16.2129 13.5544 16.1942L15.8334 14.2498L20.2397 16.2232C20.2397 16.2232 20.2472 16.2232 20.25 16.2232C20.1301 17.1319 19.6833 17.9658 18.9931 18.5689C18.3028 19.172 17.4166 19.5029 16.5 19.4998Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.sectionLP3__contactBox__info .cta__handler .button.flat-white::before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 4.5H3C2.80109 4.5 2.61032 4.57902 2.46967 4.71967C2.32902 4.86032 2.25 5.05109 2.25 5.25V18C2.25 18.3978 2.40804 18.7794 2.68934 19.0607C2.97064 19.342 3.35218 19.5 3.75 19.5H20.25C20.6478 19.5 21.0294 19.342 21.3107 19.0607C21.592 18.7794 21.75 18.3978 21.75 18V5.25C21.75 5.05109 21.671 4.86032 21.5303 4.71967C21.3897 4.57902 21.1989 4.5 21 4.5ZM19.0716 6L12 12.4828L4.92844 6H19.0716ZM20.25 18H3.75V6.95531L11.4928 14.0531C11.6312 14.1801 11.8122 14.2506 12 14.2506C12.1878 14.2506 12.3688 14.1801 12.5072 14.0531L20.25 6.95531V18Z' fill='%23b00620'/%3E%3C/svg%3E");
}
.sectionLP3__contactBox__info .cta__handler .button.flat-white:hover::before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 4.5H3C2.80109 4.5 2.61032 4.57902 2.46967 4.71967C2.32902 4.86032 2.25 5.05109 2.25 5.25V18C2.25 18.3978 2.40804 18.7794 2.68934 19.0607C2.97064 19.342 3.35218 19.5 3.75 19.5H20.25C20.6478 19.5 21.0294 19.342 21.3107 19.0607C21.592 18.7794 21.75 18.3978 21.75 18V5.25C21.75 5.05109 21.671 4.86032 21.5303 4.71967C21.3897 4.57902 21.1989 4.5 21 4.5ZM19.0716 6L12 12.4828L4.92844 6H19.0716ZM20.25 18H3.75V6.95531L11.4928 14.0531C11.6312 14.1801 11.8122 14.2506 12 14.2506C12.1878 14.2506 12.3688 14.1801 12.5072 14.0531L20.25 6.95531V18Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.sectionLP3__contactBox__photo {
width: 320px;
position: relative;
flex-shrink: 0;
}
.sectionLP3__contactBox__photo figure {
margin: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
}
.sectionLP3__contactBox__photo figure::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 50%);
pointer-events: none;
}
.sectionLP3__contactBox__photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sectionLP3__contactBox__photo__info1,
.sectionLP3__contactBox__photo__info2 {
position: absolute;
left: 20px;
z-index: 1;
}
.sectionLP3__contactBox__photo__info1 {
top: 20px;
}
.sectionLP3__contactBox__photo__info2 {
bottom: 20px;
}
.sectionLP3__contactBox__photo h6 {
text-transform: uppercase;
color: #E54218;
letter-spacing: 0.5px;
margin-bottom: 0;
line-height: 1em;
font-size: 0.67em;
}
.sectionLP3__contactBox__photo p {
margin: 0;
font-size: 26px;
font-weight: 800;
color: #fff;
}
body.page-template-page-landing-3 {
padding-top: 100px;
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 24px;
max-width: -moz-max-content;
max-width: max-content;
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__inner__text {
width: calc(37% - 12px);
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__inner__text h2 {
margin-bottom: 1.25em;
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__inner .wp-block-contact-form-7-contact-form-selector {
width: calc(63% - 12px);
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__inner h2 {
font-size: 1.77em;
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__inner h2 span {
font-size: 0.7em;
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__inner div.wpcf7 {
margin-top: 0;
padding: 48px;
height: 100%;
display: flex;
align-items: center;
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__inner div.wpcf7 h2,
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__inner div.wpcf7 p {
color: #fff;
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__inner div.wpcf7 h2 {
margin-bottom: 0.2em;
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__inner div.wpcf7 h2+p {
margin-bottom: 2.7em;
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__contactCard {
margin: 60px 0 40px;
display: flex;
align-items: flex-start;
gap: 24px;
color: #AFACB9;
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__contactCard a {
color: #fff;
font-size: 0.88em;
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__contactCard a[href^="mailto:"]::before,
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__contactCard a[href^="tel:"]::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
transform: translateY(5px);
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__contactCard a[href^="mailto:"]::before {
margin-right: 10px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 4.5H3C2.80109 4.5 2.61032 4.57902 2.46967 4.71967C2.32902 4.86032 2.25 5.05109 2.25 5.25V18C2.25 18.3978 2.40804 18.7794 2.68934 19.0607C2.97064 19.342 3.35218 19.5 3.75 19.5H20.25C20.6478 19.5 21.0294 19.342 21.3107 19.0607C21.592 18.7794 21.75 18.3978 21.75 18V5.25C21.75 5.05109 21.671 4.86032 21.5303 4.71967C21.3897 4.57902 21.1989 4.5 21 4.5ZM19.0716 6L12 12.4828L4.92844 6H19.0716ZM20.25 18H3.75V6.95531L11.4928 14.0531C11.6312 14.1801 11.8122 14.2506 12 14.2506C12.1878 14.2506 12.3688 14.1801 12.5072 14.0531L20.25 6.95531V18Z' fill='%23E54218'/%3E%3C/svg%3E");
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__contactCard a[href^="tel:"]::before {
margin-right: 6px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8472 14.8554L16.4306 12.8764L16.4184 12.8707C16.1892 12.7727 15.939 12.7333 15.6907 12.7562C15.4424 12.7792 15.2037 12.8636 14.9963 13.002C14.9718 13.0181 14.9484 13.0357 14.9259 13.0545L12.6441 14.9998C11.1984 14.2976 9.70595 12.8164 9.00376 11.3895L10.9519 9.07294C10.9706 9.0495 10.9884 9.02606 11.0053 9.00075C11.1407 8.79384 11.2229 8.55667 11.2445 8.31035C11.2661 8.06402 11.2264 7.81618 11.1291 7.58887V7.57762L9.14438 3.15356C9.0157 2.85662 8.79444 2.60926 8.51362 2.44841C8.2328 2.28756 7.9075 2.22184 7.58626 2.26106C6.31592 2.42822 5.14986 3.05209 4.30588 4.01615C3.4619 4.98021 2.99771 6.21852 3.00001 7.49981C3.00001 14.9436 9.05626 20.9998 16.5 20.9998C17.7813 21.0021 19.0196 20.5379 19.9837 19.6939C20.9477 18.85 21.5716 17.6839 21.7388 16.4136C21.7781 16.0924 21.7125 15.7672 21.5518 15.4864C21.3911 15.2056 21.144 14.9843 20.8472 14.8554ZM16.5 19.4998C13.3185 19.4963 10.2682 18.2309 8.01856 15.9813C5.76888 13.7316 4.50348 10.6813 4.50001 7.49981C4.49648 6.58433 4.82631 5.69887 5.42789 5.00879C6.02947 4.3187 6.86167 3.87118 7.76907 3.74981C7.7687 3.75355 7.7687 3.75732 7.76907 3.76106L9.73782 8.16731L7.80001 10.4867C7.78034 10.5093 7.76247 10.5335 7.74657 10.5589C7.60549 10.7754 7.52273 11.0246 7.5063 11.2825C7.48988 11.5404 7.54035 11.7981 7.65282 12.0307C8.5022 13.7679 10.2525 15.5051 12.0084 16.3536C12.2428 16.465 12.502 16.5137 12.7608 16.495C13.0196 16.4762 13.2692 16.3907 13.485 16.2467C13.5091 16.2305 13.5322 16.2129 13.5544 16.1942L15.8334 14.2498L20.2397 16.2232C20.2397 16.2232 20.2472 16.2232 20.25 16.2232C20.1301 17.1319 19.6833 17.9658 18.9931 18.5689C18.3028 19.172 17.4166 19.5029 16.5 19.4998Z' fill='%23E54218'/%3E%3C/svg%3E");
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__contactCard h6 {
text-transform: uppercase;
color: #E54218;
letter-spacing: 0.5px;
font-size: 0.67em;
margin-bottom: 1.4em;
line-height: 1em;
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__contactCard p {
font-size: 1.33em;
margin-bottom: 0;
color: #fff;
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__contactCard span {
font-size: 0.88em;
margin-bottom: 1.2em;
display: inline-block;
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__contactCard figure {
width: 96px;
aspect-ratio: 1;
overflow: hidden;
border-radius: 50%;
margin: 0;
}
.sectionLP3__form {
margin-bottom: 0 !important;
padding: 70px 0;
}
.sectionLP3__form__inner {
max-width: 1024px;
margin: auto;
}
.sectionLP3__form .section__footer {
background-color: transparent;
}
.sectionLP3__form .screen-reader-response ul {
margin: 0;
padding: 0;
}
.sectionLP3__form h2 small {
font-weight: 400;
color: #FFBD01;
font-size: inherit;
}
.sectionLP3__form .list__check {
list-style: none;
padding: 0;
margin: 10px 0 20px;
}
.sectionLP3__form .list__check li {
position: relative;
padding-left: 40px;
font-size: 0.88em;
}
.sectionLP3__form .list__check li:not(:last-child) {
margin-bottom: 13px;
}
.sectionLP3__form .list__check li::before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.214 9.098C18.601 9.492 18.595 10.125 18.2 10.512L13.774 14.857C12.991 15.625 11.983 16.008 10.974 16.008C9.976 16.008 8.978 15.632 8.198 14.879L6.299 13.012C5.905 12.625 5.9 11.992 6.287 11.598C6.673 11.203 7.308 11.198 7.701 11.586L9.594 13.447C10.37 14.197 11.595 14.193 12.375 13.429L16.8 9.085C17.193 8.697 17.824 8.704 18.214 9.098ZM24 12C24 18.617 18.617 24 12 24C5.383 24 0 18.617 0 12C0 5.383 5.383 0 12 0C18.617 0 24 5.383 24 12ZM22 12C22 6.486 17.514 2 12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12Z' fill='%23E54218'/%3E%3C/svg%3E");
background-size: 24px 24px;
background-repeat: no-repeat;
}
.sectionLP3__form div.wpcf7 {
padding: 53px 115px;
margin-top: 56px;
border-radius: 20px;
border: 1px solid #2E2E2E;
background: rgba(12, 12, 12, 0.7);
box-shadow: 0 124px 159.7px 0 rgba(0, 0, 0, 0.7);
color: #AFACB9;
}
.sectionLP3__form div.wpcf7 div.acceptance p {
text-align: justify;
}
.sectionLP3__form div.wpcf7 div.acceptance a {
color: #FFBD01;
text-decoration: underline;
}
.sectionLP3__form .section__footer .footer-bottom {
border-top: none;
}
div.wpcf7 .wpcf7-turnstile.cf-turnstile {
height: 61px;
width: calc(100% - 4px);
overflow: hidden;
border-radius: 33px;
}
div.wpcf7 .wpcf7-turnstile.cf-turnstile>div {
margin-top: -2px;
margin-left: -2px;
}
div.wpcf7 textarea,
div.wpcf7 input[type=text],
div.wpcf7 input[type=tel],
div.wpcf7 input[type=email] {
width: 100%;
max-width: 100%;
}
div.wpcf7 .form-submit {
display: flex;
justify-content: flex-end;
align-items: center;
}
div.wpcf7 .form-submit p {
margin-bottom: 0;
}
div.wpcf7 .form-submit p .wpcf7-submit {
float: right;
}
div.wpcf7 .screen-reader-response {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
div.wpcf7 .wpcf7-not-valid-tip {
background: #ffbd01;
color: #222;
display: inline-block;
margin: 10px 10px 0;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
padding: 3px 10px;
border-radius: 20px;
}
div.wpcf7 .wpcf7-response-output:not(:empty) {
margin-top: 2em;
background: #ffbd01;
color: #222;
padding: 15px 30px;
border-radius: 15px;
box-shadow: 0px 17px 34px rgba(0, 0, 0, 0.27);
}
div.wpcf7 .wpcf7-form.sent .wpcf7-response-output:not(:empty) {
background: #46b450;
}
.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
inset: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.5s ease, visibility 0.5s ease;
}
.modal.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.modal__overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
backdrop-filter: blur(7px);
}
.modal__content {
width: 910px;
max-width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 20px;
border: 1px solid #2E2E2E;
background: rgba(12, 12, 12, 0.9);
box-shadow: 0 124px 159.7px 0 rgba(0, 0, 0, 0.7);
padding: 50px 60px 60px;
z-index: 2;
}
.modal__content p {
color: #AFACB9;
}
.modal__content p a {
color: #FFBD01;
}
.modal__content h2 {
color: #fff;
margin-bottom: 0.2em;
}
.modal__content h2+p {
margin-bottom: 2.7em;
}
.modal__content h2 small {
font-weight: 400;
color: #FFBD01;
font-size: inherit;
}
.modal form.wpcf7-form .container {
padding-left: 0;
padding-right: 0;
}
.modal button.modal__close {
border: none;
width: 32px;
height: 32px;
border-radius: 50%;
background-color: #AF0720;
padding: 0;
margin: 0;
position: absolute;
top: -16px;
right: -16px;
}
.modal button.modal__close::before {
content: "";
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
background-image: url('data:image/svg+xml,%3Csvg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 7.27441L1.53809 11.7363C1.3623 11.9121 1.15137 12 0.905273 12C0.647461 12 0.430664 11.915 0.254883 11.7451C0.0849609 11.5693 0 11.3525 0 11.0947C0 10.8486 0.0878906 10.6377 0.263672 10.4619L4.72559 6L0.263672 1.53809C0.0878906 1.3623 0 1.14844 0 0.896484C0 0.773438 0.0234375 0.65625 0.0703125 0.544922C0.117188 0.433594 0.181641 0.339844 0.263672 0.263672C0.345703 0.181641 0.442383 0.117188 0.553711 0.0703125C0.665039 0.0234375 0.782227 0 0.905273 0C1.15137 0 1.3623 0.0878906 1.53809 0.263672L6 4.72559L10.4619 0.263672C10.6377 0.0878906 10.8516 0 11.1035 0C11.2266 0 11.3408 0.0234375 11.4463 0.0703125C11.5576 0.117188 11.6543 0.181641 11.7363 0.263672C11.8184 0.345703 11.8828 0.442383 11.9297 0.553711C11.9766 0.65918 12 0.773438 12 0.896484C12 1.14844 11.9121 1.3623 11.7363 1.53809L7.27441 6L11.7363 10.4619C11.9121 10.6377 12 10.8486 12 11.0947C12 11.2178 11.9766 11.335 11.9297 11.4463C11.8828 11.5576 11.8184 11.6543 11.7363 11.7363C11.6602 11.8184 11.5664 11.8828 11.4551 11.9297C11.3438 11.9766 11.2266 12 11.1035 12C10.8516 12 10.6377 11.9121 10.4619 11.7363L6 7.27441Z" fill="%23fff"/%3E%3C/svg%3E');
background-size: 12px 12px;
background-repeat: no-repeat;
}
body.modal-open {
overflow: hidden;
}
@media (min-width: 1367px) {
body {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
}
section[class*=sectionLP3__] {
margin-bottom: 64px;
}
h1,
h2 {
font-size: 2.44em;
}
h4 {
font-size: 1.33em;
}
.text_lead {
font-size: 1.11em;
}
.list__square li {
padding-left: 60px;
}
.list__square li::before {
top: -6px;
width: 36px;
height: 36px;
font-size: 20px;
line-height: 36px;
}
.sectionLP3__hero {
padding-top: 58px;
}
.sectionLP3__hero h1 {
margin-bottom: 64px;
}
.sectionLP3__info h2 {
margin-bottom: 64px;
}
.sectionLP3__info .card {
padding: 53px 146px 38px 40px;
min-height: 300px;
}
.sectionLP3__info p.text-first span {
font-size: 24px;
}
.sectionLP3__info h3 {
font-size: 1.12em;
}
.sectionLP3__trust__inner {
padding: 48px 48px 48px 40px;
}
.sectionLP3__trust h3 {
margin-top: 18px;
}
.sectionLP3__problems {
padding: 70px 0 64px;
}
.sectionLP3__problems__cards {
margin-bottom: 64px;
}
.sectionLP3__problems h3 {
font-size: 1.33em;
}
.sectionLP3__problems h4 {
margin-bottom: 48px;
}
.sectionLP3__problems .head {
margin-bottom: 18px;
}
.sectionLP3__problems .card {
padding: 32px 46px 30px 40px;
}
.sectionLP3__problems .card h3 {
padding-right: 140px;
}
.sectionLP3__intranet__cadrs {
margin-top: 64px;
margin-bottom: 64px;
}
.sectionLP3__intranet .card {
padding: 50px;
gap: 30px;
}
.sectionLP3__implementation {
padding: 64px 0;
}
.sectionLP3__implementation__text {
margin-top: 64px;
}
.sectionLP3__implementation__head {
margin-bottom: 72px;
}
.sectionLP3__questions h2 {
margin-bottom: 24px;
}
.sectionLP3__questions .faq__item h3.faq__question {
font-size: 1.33em;
}
}
@media (min-width: 980px) {
.sectionLP3__trust__customers__list:nth-child(2) {
display: none;
}
}
@media (min-width: 950px) {
.modal button.modal__close {
top: -16px;
right: -16px;
}
}
@media (min-width: 769px) {
.modal__content h2 {
font-size: 1.77em;
}
}
@media (max-width: 1366px) {
body {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
}
.sectionLP3__info__cards,
.sectionLP3__trust .container,
.sectionLP3__problems__cards,
.sectionLP3__intranet__cadrs {
padding-left: 0;
padding-right: 0;
}
section[class*=sectionLP3__] {
margin-bottom: 48px;
}
h1,
h2 {
font-size: 2em;
}
h4 {
font-size: 1.22em;
}
.text_lead {
font-size: 1em;
}
.list__square li {
font-size: 0.88em;
line-height: 1.45em;
padding-left: 55px;
}
.list__square li::before {
top: -3px;
width: 30px;
height: 30px;
font-size: 16px;
line-height: 30px;
}
.sectionLP3__hero {
padding-top: 42px;
}
.sectionLP3__hero h1 {
margin-bottom: 48px;
}
.sectionLP3__info h2 {
margin-bottom: 58px;
}
.sectionLP3__info .card {
padding: 35px 146px 30px 30px;
min-height: 270px;
}
.sectionLP3__info p.text-first span {
font-size: 22px;
}
.sectionLP3__info h3 {
font-size: 1em;
}
.sectionLP3__info .card_1 {
background-size: auto 185px, auto;
}
.sectionLP3__info .card_2 {
background-size: auto 193px, auto;
}
.sectionLP3__trust__inner {
padding: 30px 30px 30px 25px;
}
.sectionLP3__trust h3 {
margin-top: 12px;
}
.sectionLP3__problems {
padding: 50px 30px;
}
.sectionLP3__problems__cards {
margin-bottom: 48px;
}
.sectionLP3__problems h3 {
font-size: 1.22em;
}
.sectionLP3__problems h4 {
margin-bottom: 32px;
}
.sectionLP3__problems .head {
margin-bottom: 18px;
}
.sectionLP3__problems .card {
background-size: 144px 144px, 100% 100%;
padding: 32px 30px 30px 30px;
}
.sectionLP3__problems .card h3 {
padding-right: 100px;
}
.sectionLP3__intranet__cadrs {
margin-top: 48px;
margin-bottom: 48px;
}
.sectionLP3__intranet .card {
padding: 40px;
gap: 20px;
}
.sectionLP3__intranet .card img {
max-width: 72px;
}
.sectionLP3__implementation {
padding: 50px 0;
}
.sectionLP3__implementation__text {
margin-top: 48px;
}
.sectionLP3__implementation__head {
margin-bottom: 48px;
}
.sectionLP3__questions h2 {
margin-bottom: 32px;
}
.sectionLP3__questions .faq__item h3.faq__question {
font-size: 1.22em;
}
.sectionLP3__questions .faq__item .faq__answer {
font-size: 0.88em;
}
}
@media (max-width: 1023px) {
body {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
font-size: 18px;
}
section[class*=sectionLP3__] {
margin-bottom: 36px;
}
h1,
h2 {
font-size: 1.33em;
}
h4 {
font-size: 1em;
line-height: 1.3em;
}
p,
.text_lead {
font-size: 0.88em;
line-height: 1.5em;
}
.button.glass {
font-size: 0.88em;
}
.list__square li {
font-size: 0.77em;
}
.sectionLP3__hero h1 {
margin-bottom: 32px;
}
.sectionLP3__hero__picbg {
max-width: 646px;
}
.sectionLP3__hero p.text_lead {
margin-bottom: 1.75em;
}
.sectionLP3__info h2 {
margin-bottom: 36px;
}
.sectionLP3__info .card {
padding: 25px 66px 20px 20px;
min-height: 230px;
}
.sectionLP3__info p.text-big {
font-size: 1.44em;
}
.sectionLP3__info .card_1 {
background-size: auto 144px, auto;
}
.sectionLP3__info .card_2 {
background-size: auto 144px, auto;
}
.sectionLP3__trust__inner {
padding: 43px 30px 43px 25px;
}
.sectionLP3__trust__customers img {
max-width: 97px;
}
.sectionLP3__trust h3 {
font-size: 1.44em;
}
.sectionLP3__problems__cards {
margin-top: 32px;
margin-bottom: 32px;
}
.sectionLP3__problems h3 {
font-size: 1em;
}
.sectionLP3__problems ul {
font-size: 0.77em;
}
.sectionLP3__problems .card {
background-size: 114px 114px, 100% 100%;
}
.sectionLP3__problems .card h3 {
padding-right: 60px;
min-height: 68px;
}
.sectionLP3__intranet__cadrs {
margin-top: 36px;
margin-bottom: 36px;
}
.sectionLP3__intranet .card {
padding: 30px;
}
.sectionLP3__intranet .card img {
max-width: 64px;
}
.sectionLP3__implementation__head {
margin-bottom: 32px;
}
.sectionLP3__implementation__text {
margin-top: 32px;
}
.sectionLP3__implementation h4 {
margin-bottom: 32px;
}
.sectionLP3__questions h2 {
margin-bottom: 42px;
}
.sectionLP3__questions .faq__item h3.faq__question {
font-size: 1em;
}
.sectionLP3__questions .faq__item .faq__answer {
font-size: 0.77em;
}
.sectionLP3__form__inner__text p {
font-size: 0.77em;
}
.sectionLP3__form__inner__text .list__check li {
font-size: 0.77em;
line-height: 1.6em;
}
.modal .container-field {
gap: 0;
}
}
@media (max-width: 979px) {
body {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
section[class*=sectionLP3__] {
margin-bottom: 28px;
}
.sectionLP3__hero h1 {
margin-bottom: 24px;
}
.sectionLP3__info h2 {
text-align: left;
}
.sectionLP3__trust__inner {
padding: 24px 0px 24px 30px;
gap: 0;
}
.sectionLP3__trust h3 {
font-size: 1.22em;
}
.sectionLP3__trust__customers {
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
overflow: hidden;
}
.sectionLP3__trust__customers:hover .sectionLP3__trust__customers__list {
animation-play-state: paused;
}
.sectionLP3__trust__customers__list {
gap: 10px;
flex-wrap: nowrap;
animation: scroll 20s linear infinite;
}
.sectionLP3__trust__customers img {
max-width: 102px;
}
.sectionLP3__problems {
padding: 18px 20px;
}
.sectionLP3__problems .card {
padding: 24px 30px;
}
.sectionLP3__intranet__cadrs {
margin-top: 28px;
margin-bottom: 28px;
}
.sectionLP3__intranet .card {
flex-direction: column;
text-align: center;
padding: 30px 24px;
}
.sectionLP3__implementation {
padding: 40px 0;
}
.sectionLP3__implementation__head {
margin-bottom: 40px;
}
.sectionLP3__questions .container {
padding-left: 0;
padding-right: 0;
}
.sectionLP3__form {
padding: 32px 44px 56px;
}
.sectionLP3__form>.container {
padding-left: 0;
padding-right: 0;
}
.sectionLP3__form div.wpcf7 {
margin-top: 36px;
padding: 53px 45px;
}
.sectionLP3__form div.acceptance {
margin-bottom: 44px;
}
.sectionLP3__form .section__footer {
padding-top: 0;
}
.sectionLP3__form .section__footer .footer__content {
padding-top: 0;
}
.sectionLP3__form .section__footer .container.footer-bottom {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 949px) {
.modal button.modal__close {
top: 30px;
right: 20px;
}
}
@media (min-width: 561px) and (max-width: 768px) {
.container:not(.nav-container):not(.afap).sectionLP3__info__cards,
.container:not(.nav-container):not(.afap).sectionLP3__problems__cards {
--gap: 16px;
gap: var(--gap);
flex-direction: row;
flex-wrap: wrap;
}
.container:not(.nav-container):not(.afap).sectionLP3__info__cards .card,
.container:not(.nav-container):not(.afap).sectionLP3__info__cards .head,
.container:not(.nav-container):not(.afap).sectionLP3__problems__cards .card,
.container:not(.nav-container):not(.afap).sectionLP3__problems__cards .head {
flex: 0 0 calc(50% - var(--gap) + var(--gap) / 2);
max-width: calc(50% - var(--gap) + var(--gap) / 2);
}
.sectionLP3__info h2 {
margin-bottom: 0;
}
.sectionLP3__info .head {
padding: 32px;
display: flex;
align-items: center;
}
.sectionLP3__problems .head {
padding: 32px;
display: flex;
align-items: center;
}
.sectionLP3__intranet.container:not(.nav-container):not(.afap).col-gap-30 {
--gap: 20px;
gap: var(--gap);
flex-direction: row;
}
.sectionLP3__intranet.container:not(.nav-container):not(.afap).col-gap-30 .cell-gap-4 {
flex: 0 0 calc(33.3333333333% - var(--gap) + var(--gap) / 3);
max-width: calc(33.3333333333% - var(--gap) + var(--gap) / 3);
}
.sectionLP3__questions h2 {
margin-bottom: 32px;
}
.modal__content {
padding: 32px 45px;
}
}
@media (max-width: 768px) {
.modal__content h2 {
font-size: 1.44em;
}
}
@media (max-width: 560px) {
section[class*=sectionLP3__] {
margin-bottom: 16px;
}
button,
.button {
padding-left: 25px;
padding-right: 25px;
}
.list__square li::before {
top: -7px;
}
.sectionLP3__hero {
padding-top: 24px;
}
.sectionLP3__hero__picbg {
max-width: 106%;
}
.sectionLP3__info .col-gap-30 {
gap: 12px;
}
.sectionLP3__info .card_1 {
background-size: auto 163px, auto;
background-position: right -20px bottom, center;
}
.sectionLP3__info .card_2 {
background-size: auto 163px, auto;
background-position: right -20px bottom, center;
}
.sectionLP3__info .head {
padding: 10px 20px 14px;
}
.sectionLP3__info h2 {
margin-bottom: 0;
}
.sectionLP3__trust__inner {
padding: 20px 0;
flex-direction: column;
}
.sectionLP3__trust__text {
padding: 0 20px;
}
.sectionLP3__trust__text p {
line-height: 1.2em;
margin-bottom: 26px;
}
.sectionLP3__trust h3 {
margin-top: 0;
}
.sectionLP3__problems {
padding: 35px 20px 20px;
}
.sectionLP3__problems .container {
padding-left: 0;
padding-right: 0;
}
.sectionLP3__problems .col-gap-30 {
gap: 20px;
}
.sectionLP3__problems__cards {
margin: 0 0 20px 0;
}
.sectionLP3__problems .head {
margin-bottom: 10px;
}
.sectionLP3__problems .card h3 {
padding-right: 80px;
}
.sectionLP3__intranet .col-gap-30 {
gap: 20px;
}
.sectionLP3__implementation {
padding: 16px 0 24px;
}
.sectionLP3__implementation__head {
margin-bottom: 16px;
}
.sectionLP3__implementation__list {
margin-top: 16px;
}
.sectionLP3__questions .faq__item {
padding: 20px;
}
.sectionLP3__questions h2 {
margin-bottom: 16px;
}
.sectionLP3__form {
padding: 32px 20px 46px;
}
.sectionLP3__form div.wpcf7 {
padding: 35px 25px;
}
.modal__content {
padding: 32px 10px;
}
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
transform: translateX(calc(-100% - 10px));
}
} @media (max-width: 1023px) {
.sectionLP3__contactBox__photo {
width: 250px;
}
.sectionLP3__contactBox__info {
padding: 48px;
}
.sectionLP3__form div.wpcf7 .container-field.col-gap-40 {
gap: 0;
}
}
@media (max-width: 839px) {
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__inner .wp-block-contact-form-7-contact-form-selector,
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__inner__text {
width: 100%;
}
}
@media (max-width:767px) {
body.page-template-page-landing-3 {
padding-top: 160px;
}
.sectionLP3__contactBox__photo {
width: 194px;
}
}
@media (max-width: 579px) {
.sectionLP3__contactBox__photo figure {
position: static;
}
.sectionLP3__contactBox__inner {
flex-wrap: wrap;
}
.sectionLP3__contactBox__photo {
width: 100%;
}
body.page-template-page-landing-3 .cell-12 .sectionLP3__form__inner div.wpcf7,
.sectionLP3__contactBox__info {
padding: 20px;
}
div.wpcf7 .wpcf7-turnstile.cf-turnstile {
position: relative;
width: 100%;
}
div.wpcf7 .wpcf7-turnstile.cf-turnstile>div {
position: absolute;
width: calc(100% + 4px);
}
}