@font-face {
font-family: 'Circular';
src: url(https://everytap.de/drip/wp/wp-content/themes/drip/assets/fonts/CircularStd-Book.woff2);
font-weight: normal;
font-style: normal; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
font-weight: 400;
vertical-align: baseline; } article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
html {
scroll-behavior: smooth; }
body {
line-height: 1;
overflow: hidden; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
input[type=number] {
-moz-appearance: textfield; }
a {
text-decoration: none; }
html {
overflow-x: hidden; }
img {
display: block;
height: auto; }
button {
cursor: pointer;
margin: 0;
padding: 0;
border: 0;
background-color: rgba(128, 128, 128, 0); }
button:focus {
outline: none; }
input, textarea, button {
font-family: inherit; }
main {
padding-top: 8.9rem; }
@media (min-width: 1025px) {
main {
padding-top: 8.5rem; } }
html {
font-size: 62.5%;
font-family: "Inter", sans-serif; }
h1, .h1, .hero__title h3 {
line-height: 1.2;
font-family: "Circular"; }
@media (max-width: 375px) {
h1, .h1, .hero__title h3 {
font-size: 3.2rem; } }
@media (min-width: 376px) and (max-width: 1180px) {
h1, .h1, .hero__title h3 {
font-size: calc(3.2rem + 18 * ((100vw - 375px) / (1180 - 375))); } }
@media (min-width: 1181px) {
h1, .h1, .hero__title h3 {
font-size: 5rem; } }
h2, .h2, .grid-with-categories__title h3 {
line-height: 1.3;
font-family: "Circular"; }
@media (max-width: 375px) {
h2, .h2, .grid-with-categories__title h3 {
font-size: 3rem; } }
@media (min-width: 376px) and (max-width: 1180px) {
h2, .h2, .grid-with-categories__title h3 {
font-size: calc(3rem + 8 * ((100vw - 375px) / (1180 - 375))); } }
@media (min-width: 1181px) {
h2, .h2, .grid-with-categories__title h3 {
font-size: 3.8rem; } }
h3, .h3, .text-with-numbers__title h2 {
line-height: 1.3;
font-family: "Circular"; }
@media (max-width: 375px) {
h3, .h3, .text-with-numbers__title h2 {
font-size: 2.8rem; } }
@media (min-width: 376px) and (max-width: 1180px) {
h3, .h3, .text-with-numbers__title h2 {
font-size: calc(2.8rem + 8 * ((100vw - 375px) / (1180 - 375))); } }
@media (min-width: 1181px) {
h3, .h3, .text-with-numbers__title h2 {
font-size: 3.6rem; } }
h4, .h4, .text-with-another-block__text h3, .slider__title h3, .calculator__title h3 {
line-height: 1.4;
font-family: "Circular"; }
@media (max-width: 375px) {
h4, .h4, .text-with-another-block__text h3, .slider__title h3, .calculator__title h3 {
font-size: 2.4rem; } }
@media (min-width: 376px) and (max-width: 1180px) {
h4, .h4, .text-with-another-block__text h3, .slider__title h3, .calculator__title h3 {
font-size: calc(2.4rem + 8 * ((100vw - 375px) / (1180 - 375))); } }
@media (min-width: 1181px) {
h4, .h4, .text-with-another-block__text h3, .slider__title h3, .calculator__title h3 {
font-size: 3.2rem; } }
h5, .h5 {
font-size: 2.4rem;
line-height: 1.5;
font-family: "Circular"; }
h6, .h6 {
line-height: 1.4;
font-family: "Circular"; }
@media (max-width: 375px) {
h6, .h6 {
font-size: 1.9rem; } }
@media (min-width: 376px) and (max-width: 1180px) {
h6, .h6 {
font-size: calc(1.9rem + 1 * ((100vw - 375px) / (1180 - 375))); } }
@media (min-width: 1181px) {
h6, .h6 {
font-size: 2rem; } }
p, .p1, .slide__btn, .two-column-with-links__content h6, .text-and-img-to-bord__references a, .card-with-animation__btn, .calculator__item label, .calculator__item span, .calculator__calculator--botton li, .calculator__calculator--botton li div, .calculator__box div, .calculator__box div span, q, li {
font-size: 1.6rem;
line-height: 1.5; }
.p2, .category__content ul li, .category__content ul li:not(:last-child)::after, .slide__author p, .slide__author span, .header__menu li a, .footer__list h6, .grid-with-categories__title h2, .grid-with-categories__list-content span, .text-with-numbers__content p, .two-column-with-links__btn a, .hero__title h2, .text-with-another-block__author p, .text-with-another-block__author p span, .text-with-another-block__list-content p, .__circle__item {
font-size: 1.5rem;
line-height: 1.6; }
.container {
max-width: 1180px;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
padding-right: 1.5rem;
padding-left: 1.5rem; }
@media (min-width: 576px) {
.container {
padding-right: 4rem;
padding-left: 4rem; } }
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
color: #fff;
font-weight: 600;
border-radius: 5px;
padding: 1.8rem 3.4rem;
font-size: 1.6rem;
line-height: 1;
transition: all .3s ease;
background-color: #6658FF;
font-weight: 600;
color: #fff;
transition: .3s all; }
.btn:hover {
background-color: #4438ca; }
.btn--light {
background: rgba(231, 232, 255, 0.66);
color: #6658FF; }
.btn--light:hover {
background-color: rgba(102, 88, 255, 0.2); }
.burger {
max-width: 26px;
width: 100%; }
.burger span {
display: block;
width: 100%;
height: 2px;
background-color: #181E25; }
.burger span:not(:first-child) {
margin-top: 1rem; }
.category {
background: #FFFFFF;
box-shadow: 0px 0.95742px 0.95742px rgba(0, 0, 0, 0.03), 0px 1.91485px 4.78712px rgba(0, 0, 0, 0.06);
border-radius: 6px; }
.category__img {
width: 100%; }
.category__img img {
width: 100%; }
.category__content {
padding: 2.4rem 2rem;
box-sizing: border-box; }
@media (min-width: 768px) {
.category__content {
padding: 2.7rem 3.2rem; } }
.category__content ul {
display: flex;
margin-bottom: 1rem; }
.category__content ul li {
position: relative;
font-weight: 700;
color: #6658FF; }
.category__content ul li:not(:last-child)::after {
display: inline;
content: '|';
padding: 0 6px;
font-weight: 500;
opacity: .6;
color: #6658FF; }
.category__content ul li:last-child {
font-weight: 500;
opacity: .6; }
.category__content h6 {
color: #181E25; }
.category__content p {
color: #788BA5;
margin-top: 1rem;
line-height: 1.7; }
.slide {
background: #FFFFFF;
padding: 2.4rem;
box-sizing: border-box;
box-shadow: 0px 0.8187px 0.8187px rgba(0, 0, 0, 0.03), 0px 1.6374px 4.0935px rgba(0, 0, 0, 0.06);
border-radius: 6.5496px; }
@media (min-width: 768px) {
.slide {
box-shadow: 0px 0.95742px 0.95742px rgba(0, 0, 0, 0.03), 0px 1.91485px 4.78712px rgba(0, 0, 0, 0.06);
border-radius: 7.65939px; } }
.slide:hover .slide__btn {
opacity: 1; }
.slide ul {
margin-top: 3rem; }
.slide ul li {
display: flex;
align-items: center;
padding: 1.4rem 0;
border-top: 1px solid #DEDEDE; }
@media (min-width: 1025px) {
.slide ul li {
padding: 1.8rem 0; } }
.slide ul li img {
max-width: 2rem;
width: 100%;
margin-right: 2.2rem; }
.slide ul li p {
font-size: 1.5rem;
font-weight: 500;
color: #181E25; }
@media (min-width: 1025px) {
.slide ul li p {
font-size: 1.7rem; } }
.slide > p {
color: #788BA5;
margin-bottom: 1.4rem; }
@media (min-width: 1025px) {
.slide > p {
margin-bottom: 3rem; } }
@media (max-width: 767px) {
.slide > p {
font-size: 1.4rem; } }
.slide__top {
margin-bottom: 2rem;
display: flex;
align-items: center;
justify-content: space-between; }
@media (min-width: 1025px) {
.slide__top {
margin-bottom: 3rem; } }
.slide__icon {
max-width: 12.4rem;
width: auto;
height: 4.3rem;
display: flex;
align-items: center; }
.slide__icon img {
max-height: 4.3rem;
width: auto;
max-width: 100%; }
.slide__btn {
display: flex;
align-items: center;
position: relative;
opacity: 0;
transition: .2s all;
color: #788BA5;
font-weight: 500; }
@media (max-width: 767px) {
.slide__btn {
display: none; } }
.slide__btn:hover:after {
left: 5px; }
.slide__btn:after {
display: inline;
content: "";
width: 5px;
height: 5px;
border-top: 1.6px solid #788BA5;
border-right: 1.6px solid #788BA5;
margin-left: 1.5rem;
position: relative;
left: 0;
transition: .3s all;
transform: rotate(45deg); }
.slide__author {
display: flex;
align-items: center; }
.slide__author p {
color: #000;
font-weight: 500; }
@media (max-width: 575px) {
.slide__author p {
font-size: 1.3rem; } }
.slide__author span {
display: block;
color: #788BA5; }
.slide__ava {
max-width: 3.4rem;
width: 100%;
margin-right: 1.3rem; }
@media (min-width: 1025px) {
.slide__ava {
max-width: 4rem;
margin-right: 1.6rem; } }
.slide__ava img {
width: 100%; }
.header {
padding: 3rem 0;
box-sizing: border-box;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
transition: .3s all; }
@media (min-width: 1025px) {
.header {
padding: 2.2rem 0; } }
.header__fader {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.7);
transition: .3s all;
opacity: 0;
visibility: hidden; }
.header__container {
display: flex;
align-items: center;
justify-content: space-between; }
.header__logo {
max-width: 5.7rem;
width: 100%;
margin-right: 1.4rem; }
.header__logo img {
width: 100%; }
.header__navigation {
position: relative; }
@media (min-width: 1025px) {
.header__navigation {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%; } }
@media (max-width: 1025px) {
.header__navigation {
position: fixed;
top: 0;
left: -100%;
max-width: 40rem;
width: 100%;
height: 100vh;
background-color: #fff;
padding: 4rem 4rem 8rem;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: .3s all; } }
.header__close {
display: flex;
justify-content: flex-end;
position: absolute;
top: 4rem;
right: 4rem; }
@media (min-width: 1025px) {
.header__close {
display: none; } }
.header__close button {
width: 3rem;
height: 3rem;
position: relative; }
.header__close button::before, .header__close button:after {
position: absolute;
content: '';
top: 50%;
left: 50%;
width: 100%;
height: 2px;
background-color: #181E25;
transform: translate(-50%, -50%) rotate(45deg); }
.header__close button:after {
transform: translate(-50%, -50%) rotate(135deg); }
.header__menu {
margin-top: 8rem; }
@media (min-width: 1025px) {
.header__menu {
display: flex;
align-items: center;
margin-top: 0; } }
.header__menu li {
margin-bottom: 2rem; }
@media (min-width: 1025px) {
.header__menu li {
margin-left: 4.4rem;
margin-bottom: 0;
white-space: nowrap; } }
.header__menu li:hover a {
color: #6658FF; }
.header__menu li a {
line-height: 1.3;
color: #181E25;
font-weight: 500;
transition: .3s all; }
@media (max-width: 1024px) {
.header__menu li a {
font-size: 2rem; } }
.header__btns {
margin-top: 5rem; }
@media (min-width: 1025px) {
.header__btns {
margin-top: 0;
display: flex;
justify-content: flex-end;
width: 100%; } }
.header__btns a {
display: flex;
margin-top: 2rem;
font-size: 1.5rem; }
@media (min-width: 1025px) {
.header__btns a {
margin-left: 2rem;
margin-top: 0; } }
.header__btns .lang {
align-items: center;
justify-content: center;
padding: 1rem 2.2rem;
box-sizing: border-box;
background: #FFFFFF;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 2px 5px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
border-radius: 5px;
text-transform: uppercase;
color: #181E25;
font-weight: 500;
height: 41px;
max-width: 9rem;
width: 100%;
margin-left: 0; }
.header__btns .lang img {
max-width: 1.7rem;
width: 100%;
padding-right: 8px; }
.header__btns .login {
align-items: center;
justify-content: center;
background: #FFFFFF;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 2px 5px rgba(0, 0, 0, 0.06);
border-radius: 5px;
height: 41px;
color: #181E25;
max-width: 9.5rem;
width: 100%;
font-weight: 500; }
.header__btns .btn {
padding: 1.3rem 2.1rem;
font-weight: 500;
white-space: nowrap;
max-width: 20rem;
width: 100%; }
@media (min-width: 1025px) {
.header__burger {
display: none; } }
.header--menu-opened .header__fader {
opacity: 1;
visibility: visible; }
.header--menu-opened .header__navigation {
left: 0; }
.footer {
padding: 7rem 0;
box-sizing: border-box;
background-color: #fff; }
@media (min-width: 1025px) {
.footer {
padding: 7.5rem 0 10rem; } }
@media (min-width: 768px) {
.footer__container {
display: flex;
justify-content: space-between;
align-items: center; } }
.footer__logo {
max-width: 6rem;
width: 100%; }
.footer__social {
margin-top: 2rem;
display: flex;
align-items: center; }
.footer__social img {
max-width: 2.7rem;
transition: .3s all; }
.footer__social img:hover {
filter: brightness(0) invert(0); }
.footer__social li:not(:last-child) {
margin-right: .8rem; }
.footer__lists {
display: grid;
grid-template-columns: repeat(2, auto);
justify-content: space-between;
gap: 4rem 2rem;
margin-top: 5.6rem; }
@media (min-width: 576px) {
.footer__lists {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 0; } }
@media (min-width: 768px) {
.footer__lists {
width: 75%;
margin-top: 0; } }
@media (min-width: 1025px) {
.footer__lists {
width: 60%; } }
@media (min-width: 576px) {
.footer__list:not(:last-child) {
margin-right: 4rem; } }
.footer__list h6 {
color: #6658FF;
text-transform: uppercase;
font-weight: 500;
font-size: 1.4rem;
font-family: "Inter", sans-serif;
line-height: 2; }
@media (min-width: 576px) {
.footer__list h6 {
font-size: 1.5rem; } }
.footer__list ul {
margin-top: .6rem; }
.footer__list ul li {
line-height: 1.8; }
.footer__list ul li a {
color: #788BA5;
font-size: 1.6rem;
line-height: 1.8;
transition: .3s all; }
@media (min-width: 576px) {
.footer__list ul li a {
font-size: 1.7rem; } }
.footer__list ul li a:hover {
color: #000; }
.grid-with-categories {
margin: 6rem 0; }
.grid-with-categories__title h2 {
color: #6658FF;
font-weight: 500;
font-family: "Inter", sans-serif; }
.grid-with-categories__title h3 {
color: #181E25;
margin-top: 1rem;
max-width: 55.4rem;
width: 100%; }
.grid-with-categories__navigaton {
margin-top: 5rem;
overflow: hidden;
position: relative;
padding-top: 1rem;
padding-bottom: 1rem; }
@media (min-width: 768px) {
.grid-with-categories__navigaton {
margin-top: 10rem; } }
.grid-with-categories__navigaton ul {
align-items: center;
justify-content: space-between;
overflow-x: auto;
white-space: nowrap;
flex-wrap: nowrap; }
.grid-with-categories__navigaton a {
color: #788BA5;
display: flex;
align-items: center;
line-height: 1.3;
transition: .2s all; }
@media (max-width: 767px) {
.grid-with-categories__navigaton a {
font-size: 1.5rem; } }
.grid-with-categories__navigaton a img {
max-width: 18px;
width: 100%;
margin-right: 12px;
transition: .2s all; }
.grid-with-categories__navigaton li {
cursor: pointer;
display: inline-block; }
.grid-with-categories__navigaton li:last-child {
padding-left: 2rem;
box-sizing: border-box; }
@media (min-width: 768px) {
.grid-with-categories__navigaton li:last-child {
padding-left: 2.8rem; } }
.grid-with-categories__navigaton li:last-child:hover a {
color: #000; }
.grid-with-categories__navigaton li:last-child:hover img {
filter: brightness(0) invert(0); }
.grid-with-categories__nav-item {
padding: 0 2rem;
box-sizing: border-box;
border-right: 1px solid #E4E4E4;
position: relative; }
.grid-with-categories__nav-item:hover a {
color: #000; }
@media (min-width: 768px) {
.grid-with-categories__nav-item {
padding: 0 2.8rem; } }
.grid-with-categories__nav-item:before {
position: absolute;
content: '';
width: 8px;
height: 8px;
border-radius: 100%;
background-color: #6658FF;
top: 50%;
left: 0;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
transition: .3s all; }
.grid-with-categories__nav-item--active:before {
opacity: 1;
visibility: visible; }
.grid-with-categories__nav-item--active a {
color: #000; }
.grid-with-categories__input {
position: absolute;
width: calc(100% - 2rem);
height: 100%;
top: -100%;
right: 1rem;
padding: 1rem;
box-sizing: border-box;
border: 1px solid rgba(128, 128, 128, 0.192);
background-color: #fff;
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
transition: .3s all;
border-radius: 6px; }
@media (min-width: 768px) {
.grid-with-categories__input {
width: calc(100% - 8rem);
right: 4rem; } }
.grid-with-categories__input input {
width: 100%;
border: none;
outline: none; }
.grid-with-categories__close {
width: 1.5rem;
height: 1.5rem;
position: relative;
cursor: pointer; }
.grid-with-categories__close::before, .grid-with-categories__close:after {
position: absolute;
content: '';
top: 50%;
left: 50%;
width: 100%;
height: 2px;
background-color: #181E25;
transform: translate(-50%, -50%) rotate(45deg); }
.grid-with-categories__close:after {
transform: translate(-50%, -50%) rotate(135deg); }
.grid-with-categories__grid {
display: grid;
gap: 3rem 2.5rem; }
@media (min-width: 768px) {
.grid-with-categories__grid {
grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1025px) {
.grid-with-categories__grid {
grid-template-columns: repeat(3, 1fr);
gap: 3rem 2.5rem; } }
.grid-with-categories__list {
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 2px 5px rgba(0, 0, 0, 0.06);
border-radius: 6px;
padding: 3rem 2rem;
background-color: #fff; }
@media (min-width: 1025px) {
.grid-with-categories__list {
padding: 3rem 4.2rem 3.8rem; } }
.grid-with-categories__list h6 {
position: relative; }
.grid-with-categories__list h6 span {
background-color: #fff;
padding-right: 2rem;
position: relative;
z-index: 2; }
.grid-with-categories__list h6:before {
position: absolute;
content: '';
width: 100%;
height: 1px;
background-color: rgba(120, 139, 165, 0.44);
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 2; }
.grid-with-categories__list li {
margin-top: 2.4rem; }
.grid-with-categories__list li a {
display: flex;
align-items: center; }
.grid-with-categories__list-img {
max-width: 5.8rem;
width: 100%;
margin-right: 1.3rem; }
@media (min-width: 576px) {
.grid-with-categories__list-img {
margin-right: 2.3rem; } }
.grid-with-categories__list-img img {
width: 100%; }
.grid-with-categories__list-content p {
color: #181E25;
font-weight: 500;
line-height: 1.4; }
@media (max-width: 575px) {
.grid-with-categories__list-content p {
font-size: 1.5rem; } }
.grid-with-categories__list-content span {
display: block;
color: #788BA5;
font-weight: 500; }
@media (max-width: 575px) {
.grid-with-categories__list-content span {
font-size: 1.4rem; } }
.grid-with-categories__pagination {
margin-top: 3.4rem;
display: flex;
align-items: center;
justify-content: center; }
.grid-with-categories__pagination ul {
display: flex;
align-items: center;
justify-content: center;
margin: 0 -5px; }
@media (min-width: 768px) {
.grid-with-categories__pagination ul {
margin: 0 -9px; } }
.grid-with-categories__pagination ul li {
transition: .3s all;
border-radius: 6px;
margin: 0 9px; }
.grid-with-categories__pagination ul li:hover {
background-color: #fff;
box-shadow: 0px 0.95742px 0.95742px rgba(0, 0, 0, 0.03), 0px 1.91485px 4.78712px rgba(0, 0, 0, 0.06); }
@media (min-width: 768px) {
.grid-with-categories__pagination ul li {
margin: 0 5px; } }
.grid-with-categories__pagination ul li a {
color: #6658FF;
transition: .3s all;
font-weight: 500;
width: 2.5rem;
height: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center; }
@media (min-width: 768px) {
.grid-with-categories__pagination ul li a {
width: 3.5rem;
height: 3.5rem; } }
.grid-with-categories__pagination ul li.active {
background: #6658FF;
box-shadow: 0px 0.95742px 0.95742px rgba(0, 0, 0, 0.03), 0px 1.91485px 4.78712px rgba(0, 0, 0, 0.06);
border-radius: 6px; }
.grid-with-categories__pagination ul li.active a {
color: #fff; }
.grid-with-categories__pagination ul li.active:hover {
background-color: #6658FF;
border-radius: 6px; }
.grid-with-categories__wrapper {
padding: 4rem 0;
background: #FAFBFF;
box-sizing: border-box;
margin-top: 2rem; }
@media (min-width: 768px) {
.grid-with-categories__wrapper {
margin-top: 7rem;
padding: 7rem 0 8rem; } }
.text-with-numbers {
margin-top: 8rem; }
@media (min-width: 768px) {
.text-with-numbers {
margin-top: 16.5rem; } }
.text-with-numbers__container {
display: flex;
flex-direction: column;
align-items: center;
max-width: 77rem;
width: 100%; }
.text-with-numbers__title {
text-align: center; }
.text-with-numbers__btns {
margin-top: 2.5rem; }
@media (min-width: 576px) {
.text-with-numbers__btns {
display: flex;
align-items: center;
justify-content: center; } }
@media (min-width: 768px) {
.text-with-numbers__btns {
margin-top: 5.5rem; } }
@media (max-width: 575px) {
.text-with-numbers__btns {
width: 100%; } }
.text-with-numbers__btns a {
white-space: nowrap; }
@media (max-width: 575px) {
.text-with-numbers__btns a {
width: 100%; } }
.text-with-numbers__btns a:first-child {
margin-bottom: 1rem; }
@media (min-width: 576px) {
.text-with-numbers__btns a:first-child {
margin-right: 2.3rem;
margin-bottom: 0; } }
.text-with-numbers__list {
display: grid;
margin: 3.5rem 0 0;
gap: 2rem;
width: 100%; }
@media (min-width: 576px) {
.text-with-numbers__list {
grid-template-columns: repeat(2, 1fr);
gap: 4rem; } }
@media (min-width: 768px) {
.text-with-numbers__list {
grid-template-columns: repeat(3, 1fr);
margin: 4.5rem 0 0; } }
.text-with-numbers__list li {
display: flex;
align-items: flex-start; }
.text-with-numbers__icon {
max-width: 2.3rem;
width: 100%;
margin-right: 1.8rem;
margin-top: 3px; }
.text-with-numbers__icon img {
width: 100%; }
.text-with-numbers__content h6 {
color: #292F3D;
font-weight: 500;
font-family: "Inter", sans-serif; }
.text-with-numbers__content h6 span {
color: #292F3D;
font-weight: 500; }
.text-with-numbers__content p {
margin-top: .3rem;
color: #788BA5;
font-weight: 500; }
.grid-cards-on-back {
background: linear-gradient(0deg, #FAFBFF 48.23%, rgba(250, 251, 255, 0) 100%);
padding: 10rem 0 6rem;
position: relative;
overflow: hidden; }
@media (min-width: 1025px) {
.grid-cards-on-back {
padding: 13rem 0 13rem; } }
@media (max-width: 767px) {
.grid-cards-on-back:before {
position: absolute;
content: '';
width: 100%;
height: 21rem;
top: 0;
left: 0;
background: linear-gradient(360deg, #FAFBFF 48.23%, rgba(250, 251, 255, 0) 100%); } }
.grid-cards-on-back__back {
position: absolute;
bottom: 0;
left: 0;
width: 100%; }
.grid-cards-on-back__back img {
width: 100%; }
.grid-cards-on-back__container {
position: relative; }
.grid-cards-on-back__grid {
display: grid;
gap: 3.5rem; }
@media (min-width: 576px) {
.grid-cards-on-back__grid {
grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1025px) {
.grid-cards-on-back__grid {
grid-template-columns: repeat(3, 1fr); } }
.grid-cards-on-back__card {
background: #FFFFFF;
box-shadow: 0px 1.04927px 1.04927px rgba(0, 0, 0, 0.03), 0px 2.09854px 5.24636px rgba(0, 0, 0, 0.06);
border-radius: 8.39417px;
box-sizing: border-box;
padding: 3rem 2rem; }
@media (min-width: 768px) {
.grid-cards-on-back__card {
padding: 3rem 3.7rem 4rem; } }
.grid-cards-on-back__card .btn {
margin-top: 2rem;
width: 100%;
color: #788BA5;
background-color: rgba(128, 128, 128, 0);
border: 1.04927px solid #EDEDED;
font-weight: 500;
padding: 1.8rem 1rem; }
.grid-cards-on-back__card .btn:hover {
background-color: #6658FF;
color: #fff; }
.grid-cards-on-back__card p {
margin-top: 1.2rem;
color: #788BA5; }
.grid-cards-on-back__card h6 {
color: #6658FF;
font-weight: 500; }
.grid-cards-on-back__card ul {
margin-top: 1.2rem; }
.grid-cards-on-back__card ul li {
display: flex;
align-items: center;
color: #788BA5; }
.grid-cards-on-back__card ul li:not(:last-child) {
padding-bottom: 1.6rem;
margin-bottom: 1.6rem;
border-bottom: 1px solid #EDEDED; }
.grid-cards-on-back__card ul li a {
display: flex;
align-items: center;
color: #788BA5;
transition: .3s all; }
.grid-cards-on-back__card ul li a:hover {
color: #6658FF; }
.grid-cards-on-back__card ul li img {
max-width: 1.7rem;
width: auto;
margin-right: 1.6rem; }
.two-column-with-links {
position: relative;
margin: 4rem 0;
z-index: 2; }
@media (min-width: 1025px) {
.two-column-with-links {
padding: 13rem 0 0;
border-top: 1px solid #E5E5E5;
margin-bottom: 0rem;
margin-top: 0; } }
@media (min-width: 1025px) {
.two-column-with-links:before {
position: absolute;
content: '';
width: 1px;
height: 110%;
top: 2rem;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(180deg, #E4E4E4 0%, rgba(228, 228, 228, 0) 100%); } }
.two-column-with-links__grid {
display: grid;
gap: 4rem; }
@media (min-width: 1025px) {
.two-column-with-links__grid {
grid-template-columns: repeat(2, 1fr);
gap: 0; } }
.two-column-with-links__list {
box-sizing: border-box; }
@media (min-width: 1025px) {
.two-column-with-links__list:first-of-type {
padding-right: 7.4rem; } }
@media (min-width: 1025px) {
.two-column-with-links__list:last-of-type {
padding-left: 7.4rem; } }
@media (max-width: 575px) {
.two-column-with-links__list:last-of-type .two-column-with-links__content li:last-child {
display: none; } }
.two-column-with-links__list ul {
display: grid;
gap: 2.2rem; }
@media (min-width: 768px) {
.two-column-with-links__list ul {
gap: 4rem; } }
.two-column-with-links__list ul li {
cursor: pointer; }
.two-column-with-links__list ul li > a {
display: flex;
align-items: flex-start; }
.two-column-with-links__top {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap; }
.two-column-with-links__title {
display: flex;
align-items: center;
margin-bottom: 3.6rem; }
.two-column-with-links__title img {
max-width: 3.2rem;
width: 100%;
margin-right: 1.2rem; }
@media (min-width: 768px) {
.two-column-with-links__title img {
margin-right: 2rem; } }
.two-column-with-links__title h6 {
font-weight: 500;
color: #000; }
.two-column-with-links__btn {
width: 100%;
display: flex;
max-width: 13.4rem;
margin-bottom: 3.6rem;
margin-left: 1rem; }
@media (min-width: 768px) {
.two-column-with-links__btn {
max-width: 16.4rem; } }
.two-column-with-links__btn a {
width: 100%;
border: 1px solid #E8E8E8;
box-sizing: border-box;
border-radius: 8px;
height: 30px;
color: #788BA5;
position: relative;
transition: .3s all;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center; }
@media (min-width: 768px) {
.two-column-with-links__btn a {
padding: 1rem 3rem 1rem 2.5rem;
height: 35px;
justify-content: flex-start;
font-weight: 500; } }
.two-column-with-links__btn a:hover {
background-color: #6658FF;
color: #fff;
border-color: #6658FF; }
.two-column-with-links__btn a:hover::after {
filter: brightness(0) invert(1);
right: 2rem; }
@media (min-width: 768px) {
.two-column-with-links__btn a::after {
position: absolute;
content: '';
width: 5px;
height: 9px;
top: 54%;
right: 2.5rem;
background-image: url(https://everytap.de/drip/wp/wp-content/themes/drip/assets/img/icons/arrow-right.svg);
background-position: center;
background-size: 100% 100%;
transition: .3s all;
transform: translateY(-50%); } }
.two-column-with-links__icons {
max-width: 6.6rem;
width: 100%;
margin-right: 2.6rem; }
@media (min-width: 768px) {
.two-column-with-links__icons {
margin-right: 3.4rem; } }
.two-column-with-links__icons img {
width: 100%; }
.two-column-with-links__content h6 {
font-weight: 500;
color: #000; }
.two-column-with-links__content ul {
display: flex;
align-items: center;
margin-top: .5rem; }
.two-column-with-links__content ul li {
display: flex;
align-items: center;
color: #788BA5;
font-size: 1.4rem;
line-height: 1.5;
font-weight: 500;
position: relative;
white-space: nowrap; }
.two-column-with-links__content ul li:last-child::before {
display: inline-block;
content: '|';
font-size: 1.4rem;
line-height: 1.5;
font-weight: 500;
color: #788BA5;
padding: 0 6px; }
.two-column-with-links__content ul li img {
max-width: 4.6rem;
width: 100%;
margin-right: 5px; }
.text-and-img-to-bord {
position: relative;
display: flex;
min-height: 40vw;
margin: 4rem 0 9.5rem; }
@media (min-width: 768px) {
.text-and-img-to-bord {
margin: 14.5rem 0; } }
@media (min-width: 1920px) {
.text-and-img-to-bord {
min-height: 30vw; } }
.text-and-img-to-bord__container {
display: flex;
align-items: center;
justify-content: flex-start; }
@media (min-width: 768px) {
.text-and-img-to-bord__text {
width: 48%; } }
.text-and-img-to-bord__text h2 {
font-size: 1.5rem;
margin-bottom: 5px;
color: #6658FF;
font-family: "Inter", sans-serif;
font-weight: 500; }
@media (min-width: 576px) {
.text-and-img-to-bord__text h2 {
font-size: 1.7rem; } }
.text-and-img-to-bord__text h4 {
color: #181E25; }
.text-and-img-to-bord__text p {
margin-top: 3rem;
color: #788BA5; }
.text-and-img-to-bord__img {
margin-right: -1.5rem;
margin-top: 2.4rem; }
@media (min-width: 576px) {
.text-and-img-to-bord__img {
margin-right: -4rem; } }
@media (min-width: 768px) {
.text-and-img-to-bord__img {
position: absolute;
top: 0;
right: 0;
width: 40%;
height: 100%;
display: flex;
align-items: center;
margin-right: 0;
margin-top: 0; } }
@media (min-width: 1920px) {
.text-and-img-to-bord__img {
width: 30%; } }
.text-and-img-to-bord__img img {
width: 100%; }
.text-and-img-to-bord__references {
margin-top: 2rem; }
@media (min-width: 576px) {
.text-and-img-to-bord__references {
display: flex;
align-items: center;
margin-top: 3rem; } }
.text-and-img-to-bord__references > img {
max-width: 14rem;
width: 100%;
margin-right: 1.4rem; }
.text-and-img-to-bord__references a {
color: #6658FF;
display: flex;
align-items: center;
font-weight: 500;
margin-top: 1.6rem; }
@media (min-width: 576px) {
.text-and-img-to-bord__references a {
margin-top: 0rem; } }
.text-and-img-to-bord__references a:hover img {
left: 5px; }
.text-and-img-to-bord__references a img {
max-width: 9px;
width: 100%;
margin-left: 1.4rem;
position: relative;
left: 0;
transition: .2s all; }
.logos {
margin: 3rem 0; }
@media (min-width: 768px) {
.logos {
margin: 8rem 0; } }
.logos__flex {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 0 -2.5rem 3.5rem; }
@media (min-width: 768px) {
.logos__flex {
justify-content: space-between;
margin: 0;
margin-bottom: 5rem; } }
.logos__item {
max-width: 9rem;
width: auto;
box-sizing: border-box;
opacity: .5;
margin: 3rem 2.5rem 0; }
@media (min-width: 768px) {
.logos__item {
max-width: 12.4rem;
margin: 0 1rem; } }
.logos__item img {
width: auto;
max-width: 100%;
max-height: 4rem; }
@media (min-width: 768px) {
.logos__item img {
max-height: 5.5rem; } }
.logos__bottom {
display: flex;
align-items: center;
justify-content: center; }
@media (min-width: 576px) {
.logos__bottom {
justify-content: space-between;
padding-top: 4.5rem;
border-top: 1px solid rgba(171, 171, 171, 0.2); } }
.logos__bottom p {
color: #ABABAB;
font-size: 1.4rem;
font-weight: 500; }
@media (max-width: 575px) {
.logos__bottom p {
display: none; } }
.logos__bottom a {
display: flex;
align-items: center;
color: #ABABAB;
font-size: 1.4rem;
font-weight: 500; }
.logos__bottom a:hover::after {
left: 5px; }
.logos__bottom a::after {
display: inline;
content: '';
width: .5rem;
height: .5rem;
border-top: 1px solid #ABABAB;
border-right: 1px solid #ABABAB;
transform: rotate(45deg);
position: relative;
left: 0;
transition: .3s all;
margin-left: 1.6rem; }
.card-with-animation {
margin: 8rem 0; }
.card-with-animation__wrapper {
display: grid;
gap: 3rem; }
@media (min-width: 768px) {
.card-with-animation__wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 2.8rem; } }
.card-with-animation__card {
background: #FAFBFF;
border-radius: 8px;
padding: 4.4rem 3.5rem 4rem; }
@media (min-width: 1025px) {
.card-with-animation__card {
padding: 5.4rem 6.8rem 6.5rem; } }
.card-with-animation__card:hover .card-with-animation__btn img {
left: 5px; }
.card-with-animation__title h5 {
margin-top: 2rem;
color: #292F3D; }
@media (min-width: 768px) {
.card-with-animation__title h5 {
margin-top: 3rem; } }
.card-with-animation__title p {
margin-top: 2rem;
color: #788BA5; }
@media (min-width: 768px) {
.card-with-animation__title p {
margin-top: 2rem; } }
.card-with-animation__svg {
max-width: 9rem;
width: auto; }
@media (min-width: 768px) {
.card-with-animation__svg {
max-width: 12rem; } }
.card-with-animation__svg svg {
max-height: 6rem;
width: auto;
max-width: 100%; }
@media (min-width: 768px) {
.card-with-animation__svg svg {
max-height: 8rem; } }
.card-with-animation__svg .animation {
stroke-dasharray: 375;
stroke-dashoffset: 375;
stroke-width: 1px;
fill: transparent; }
@keyframes draw {
90% {
stroke-dashoffset: 0; }
100% {
stroke-dashoffset: 0; } }
@keyframes drawFill {
90% {
fill: #6658FF; }
100% {
fill: #6658FF; } }
.card-with-animation__svg--add-animation .animation {
stroke-dasharray: 375;
stroke-dashoffset: 375;
stroke-width: 1px;
fill: transparent;
animation: draw 8s linear;
animation-fill-mode: forwards; }
.card-with-animation__btn {
display: flex;
align-items: center;
margin-top: 3.5rem;
color: #6658FF;
font-weight: 500; }
@media (min-width: 768px) {
.card-with-animation__btn {
margin-top: 4.5rem; } }
.card-with-animation__btn img {
margin-left: 1.2rem;
max-width: 1.5rem;
width: 100%;
position: relative;
left: 0;
transition: .3s all; }
.hero {
margin: 2rem 0 10rem; }
@media (min-width: 768px) {
.hero {
margin: 6rem 0 10rem; } }   .hero__dots {
position: absolute;
right: -40%;
top: 100%;
z-index: -1;
height: 100%;
width: 150%;
transform: translateY(-50%);
overflow: hidden; }
@media (min-width: 576px) {
.hero__dots {
transform: translateY(-70%); } }
@media (min-width: 768px) {
.hero__dots {
width: 45%;
top: 0rem;
right: 0%;
transform: translateY(0%); } }
.hero__dots img {
position: absolute;
top: 15%;
left: 5%;
width: 100%; }
@media (min-width: 768px) {
.hero__dots img {
max-width: 90rem;
width: 60vw; } }
@media (min-width: 1025px) {
.hero__dots img {
top: 5%; } }
@media (min-width: 768px) {
.hero__container {
display: flex;
justify-content: space-between; } }
@media (min-width: 1025px) {
.hero__container {
align-items: center; } }
@media (min-width: 768px) {
.hero__title {
width: 50%; } }
.hero__title h2 {
color: #6658FF;
font-family: "Inter", sans-serif;
font-weight: 500;
margin-bottom: .6rem; }
.hero__title h3 {
color: #181E25; }
.hero__title p {
margin-top: 2rem;
color: #788BA5; }
.hero__title .hero__btn {
display: flex;
justify-content: flex-start;
margin-top: 2.6rem; }
.hero__img-list {
position: relative;
margin-top: 7rem; }
@media (min-width: 768px) {
.hero__img-list {
width: 45%;
margin-top: 0; } }
.hero__img {
width: 70%;
margin-left: -1.5rem; }
@media (min-width: 768px) {
.hero__img {
width: 65%;
min-width: 25rem; } }
.hero__img img {
width: 100%; }
.hero__list {
position: absolute;
top: 50%;
transform: translateY(-52%);
right: 3.5rem; }
@media (min-width: 1025px) {
.hero__list {
right: 15%; } }
.hero__list li {
background: #FFFFFF;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.04), 0px 4.10934px 20px rgba(0, 0, 0, 0.08);
border-radius: 8.21867px;
display: flex;
align-items: center;
max-width: 22rem;
width: 100%;
padding: 6px 13px;
box-sizing: border-box;
margin-top: 1.3rem;
min-height: 5rem; }
@media (min-width: 768px) {
.hero__list li {
min-height: 6rem;
margin-top: 1.5rem;
padding: 6px 20px; } }
.hero__list li:nth-child(1) {
margin-left: 2.4rem; }
.hero__list li:nth-child(2) {
margin-left: 1.2rem; }
.hero__list p {
font-size: 1.2rem;
color: #788BA5;
font-weight: 500;
margin-left: 1.4rem;
max-width: 7rem; }
@media (min-width: 768px) {
.hero__list p {
font-size: 1.4rem;
margin-left: 2rem;
max-width: 8rem; } }
.hero__list p img {
max-width: .9rem;
width: 100%;
margin-left: .4rem;
filter: grayscale(100%);
display: inline; }
.hero__list h4 {
color: #353535; }
@media (max-width: 375px) {
.hero__list h4 {
font-size: 2.5rem; } }
@media (min-width: 376px) and (max-width: 1180px) {
.hero__list h4 {
font-size: calc(2.5rem + 5 * ((100vw - 375px) / (1180 - 375))); } }
@media (min-width: 1181px) {
.hero__list h4 {
font-size: 3rem; } }
.hero__list img {
max-width: 6rem;
width: 100%; }
@media (min-width: 768px) {
.hero__list img {
max-width: 7rem; } }
.text-with-another-block {
position: relative;
margin: 1rem 0 9rem; }
@media (min-width: 1025px) {
.text-with-another-block {
display: flex;
margin: 3.2rem 0 9rem; } }
@media (min-width: 1025px) {
.text-with-another-block__text {
width: 55%; } }
.text-with-another-block__text h2 {
color: #6658FF;
font-weight: 500;
margin-bottom: .5rem;
font-family: "Inter", sans-serif;
font-size: 1.5rem; }
@media (min-width: 576px) {
.text-with-another-block__text h2 {
font-size: 1.7rem; } }
.text-with-another-block__text h3 {
color: #181E25; }
.text-with-another-block__cards {
margin-top: 3rem;
display: grid;
gap: 3.5rem 5rem; }
@media (min-width: 768px) {
.text-with-another-block__cards {
grid-template-columns: repeat(2, 1fr); } }
.text-with-another-block__card h6 {
font-size: 1.8rem;
color: #181E25;
font-family: "Inter", sans-serif;
font-weight: 500; }
.text-with-another-block__card p {
margin-top: 1rem;
color: #788BA5; }
.text-with-another-block__icon {
max-width: 4rem;
width: 100%;
margin-bottom: 1.8rem; }
@media (min-width: 1025px) {
.text-with-another-block__icon {
margin-bottom: 1rem; } }
.text-with-another-block__icon img {
width: 100%; }
.text-with-another-block__comment {
margin-top: 3rem;
padding: 3rem 2rem 2.4rem;
border: 1px solid #DEDEDE;
box-sizing: border-box;
border-radius: 6px; }
@media (min-width: 1025px) {
.text-with-another-block__comment {
margin-top: 3.5rem;
padding: 2.5rem 2.7rem; } }
.text-with-another-block__comment p {
color: #181E25;
font-size: 1.7rem; }
.text-with-another-block__author {
margin-top: 1.8rem;
display: flex;
align-items: center; }
@media (min-width: 1025px) {
.text-with-another-block__author {
margin-top: 2rem; } }
.text-with-another-block__author p {
font-weight: 500; }
.text-with-another-block__author p span {
font-weight: 500;
display: block;
color: #788BA5; }
.text-with-another-block__avatar {
max-width: 4rem;
width: 100%;
margin-right: 1.4rem; }
.text-with-another-block__avatar img {
width: 100%; }
.text-with-another-block__animation-__circle {
position: relative; }
@media (min-width: 1025px) {
.text-with-another-block__animation-__circle {
position: absolute;
top: 0;
left: 0;
width: 50rem;
height: 100%;
z-index: -1;
margin-top: 0; } }
.text-with-another-block__animation-__circle .__circle {
position: relative;
margin-left: auto;
left: -44rem; }
@media (min-width: 1025px) {
.text-with-another-block__animation-__circle .__circle {
left: -48rem; } }
@media (min-width: 1281px) {
.text-with-another-block__animation-__circle .__circle {
left: -35rem; } }
.text-with-another-block__img______-and-list {
position: relative;
margin-top: 4rem; }
@media (min-width: 1025px) {
.text-with-another-block__img______-and-list {
position: absolute;
top: 0;
right: 0;
width: 33%;
height: 100%;
z-index: -1;
margin-top: 0; } }
.text-with-another-block__img______ {
max-width: 60rem;
width: 100%;
margin-left: auto; }
@media (min-width: 1025px) {
.text-with-another-block__img______ {
position: absolute;
top: 50%;
transform: translateY(-43%);
right: 0;
width: 100%;
max-width: 60rem;
min-width: 30rem;
z-index: -1; } }
.text-with-another-block__img______ img {
width: 100%; }
.text-with-another-block__list {
margin-top: 10rem; }
@media (max-width: 1024px) {
.text-with-another-block__list {
position: absolute;
top: 1.5rem;
left: 1.5rem;
margin-top: 0; } }
.text-with-another-block__list li {
background: #FFFFFF;
padding: 1.6rem 2rem;
box-sizing: border-box;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 2px 22px rgba(0, 0, 0, 0.1);
border-radius: 6px;
max-width: 26.6rem;
width: 100%;
min-height: 8rem;
display: flex;
align-items: center;
margin-top: 1.3rem; }
@media (min-width: 1025px) {
.text-with-another-block__list li {
min-height: 8.7rem;
padding: 2rem; } }
.text-with-another-block__list-icon {
max-width: 3rem;
width: 100%;
margin-right: 2rem; }
.text-with-another-block__list-icon img {
width: 100%; }
.text-with-another-block__list-content h6 {
font-style: 1.8rem;
font-weight: 500;
font-family: "Inter", sans-serif;
color: #292F3D; }
@media (max-width: 1024px) {
.text-with-another-block__list-content h6 {
font-size: 1.6rem; } }
.text-with-another-block__list-content p {
margin-top: 3px;
color: #788BA5; }
@media (max-width: 1024px) {
.text-with-another-block__list-content p {
font-size: 1.3rem;
white-space: nowrap; } }
.text-with-another-block--reversed {
min-height: 96rem; }
.text-with-another-block--reversed .container {
display: flex;
justify-content: flex-end;
align-items: center; }
@media (min-width: 1025px) {
.text-with-another-block--reversed .text-with-another-block__img______-and-list {
left: 0; } }
.slider {
background: linear-gradient(180deg, #FAFBFF 73.23%, rgba(250, 251, 255, 0) 100%);
padding: 9rem 0 10rem;
position: relative; }
@media (min-width: 768px) {
.slider {
padding: 8.5rem 0 14rem; } }
@media (min-width: 768px) {
.slider::after, .slider:before {
position: absolute;
content: '';
width: 4rem;
height: 55rem;
background: linear-gradient(270deg, #FAFBFF 0%, rgba(250, 251, 255, 0) 100%);
opacity: 0.88;
z-index: 2; } }
@media (min-width: 1281px) {
.slider::after, .slider:before {
width: 25rem; } }
.slider:before {
bottom: 14rem;
left: 0;
background: linear-gradient(90deg, #FAFBFF 0%, rgba(250, 251, 255, 0) 100%); }
.slider::after {
bottom: 14rem;
right: 0; }
.slider__title {
margin-bottom: 2rem; }
@media (min-width: 768px) {
.slider__title {
margin-bottom: 4rem; } }
.slider__title h2 {
font-family: "Inter", sans-serif;
font-weight: 500;
margin-bottom: .5rem;
color: #6658FF;
font-size: 1.5rem; }
@media (min-width: 576px) {
.slider__title h2 {
font-size: 1.7rem; } }
.slider__title h3 {
color: #181E25; }
.slider__slick .slick-slide {
margin: 1rem 10px;
height: auto; }
@media (min-width: 1025px) {
.slider__slick .slick-slide {
margin: 1rem 13px; } } .slider__slick .slick-list {
margin: 0 -10px;
width: 95%;
overflow: visible; }
@media (min-width: 768px) {
.slider__slick .slick-list {
width: 96%; } }
@media (min-width: 1025px) {
.slider__slick .slick-list {
width: 83%;
margin: 0 -13px; } }
.slider__slick .slick-track {
display: flex; }
@media (max-width: 767px) {
.slider__arrows {
display: none; } }
.slider .slick-disabled {
opacity: 0;
visibility: hidden; }
.slider__arrow {
position: absolute;
z-index: 3;
cursor: pointer;
transition: .3s all; }
.slider__prev {
left: 2rem;
bottom: 40rem;
transform: scale(-1); }
@media (min-width: 1281px) {
.slider__prev {
left: 4rem; } }
.slider__next {
right: 2rem;
bottom: 40rem; }
@media (min-width: 1281px) {
.slider__next {
right: 4rem; } }
.calculator {
margin: 10rem 0; }
.calculator__title h2 {
font-family: "Inter", sans-serif;
font-weight: 500;
margin-bottom: .5rem;
color: #6658FF;
font-size: 1.5rem; }
@media (min-width: 576px) {
.calculator__title h2 {
font-size: 1.7rem; } }
.calculator__title h3 {
color: #181E25; }
.calculator__wrapper {
margin-top: 5rem; }
@media (min-width: 1025px) {
.calculator__wrapper {
display: flex; } }
.calculator__calculator {
background: #FFFFFF;
border: 1px solid #DADADA;
border-radius: 8px;
padding: 3rem 3.3rem;
box-sizing: border-box;
width: 100%;
box-sizing: border-box;
margin-bottom: 2.3rem; }
@media (min-width: 576px) {
.calculator__calculator {
padding: 4rem 3.3rem 4.7rem 2rem; } }
@media (min-width: 1025px) {
.calculator__calculator {
max-width: 41rem;
margin-right: 2rem;
margin-bottom: 0; } }
@media (min-width: 1281px) {
.calculator__calculator {
margin-right: 4rem; } }
.calculator__value {
display: grid;
gap: 3rem 2rem;
margin-bottom: 4rem;
width: 100%; }
@media (min-width: 375px) {
.calculator__value {
grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 576px) {
.calculator__value {
gap: 3rem; } }
.calculator__item {
position: relative;
width: 100%; }
.calculator__item label {
color: #292F3D;
font-weight: 500;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%; }
@media (max-width: 575px) {
.calculator__item label {
font-size: 1.4rem; } }
@media (max-width: 374px) {
.calculator__item label {
font-size: 1.5rem; } }
.calculator__item input {
margin-top: .8rem;
background: #FFFFFF;
border: 1px solid #DADADA;
box-sizing: border-box;
border-radius: 8px;
padding: 1.5rem 2.5rem;
color: #292F3D;
width: 100%;
font-weight: 600; }
.calculator__item input::placeholder {
color: rgba(41, 47, 61, 0.33); }
.calculator__item span {
position: absolute;
bottom: 1.4rem;
right: 2rem;
color: #788BA5;
font-weight: 600; }
@media (max-width: 575px) {
.calculator__item span {
font-size: 1.4rem; } }
@media (min-width: 375px) {
.calculator__item--full {
grid-column: span 2; } }
.calculator__calculator--botton {
padding-top: 4rem;
border-top: 1px solid #DADADA; }
.calculator__calculator--botton li {
display: flex;
align-items: center;
justify-content: space-between;
color: #181E25;
font-weight: 500; }
.calculator__calculator--botton li:not(:first-child) {
margin-top: 1.4rem; }
.calculator__calculator--botton li div {
color: #4469FF;
font-weight: 600; }
.calculator__result {
padding: 3.5rem 3rem;
width: 100%;
background: #FFFFFF;
border: 1px solid #DADADA;
box-sizing: border-box;
border-radius: 8px;
position: relative; }
@media (min-width: 576px) {
.calculator__result {
padding: 4rem 2rem 3.5rem; } }
@media (min-width: 1281px) {
.calculator__result {
padding: 4rem 5rem 3.5rem; } }
.calculator__result h6 {
color: #292F3D;
font-weight: 600;
font-family: "Inter", sans-serif; }
@media (max-width: 575px) {
.calculator__result h6 {
font-size: 1.5rem; } }
.calculator__result p {
margin-top: 1rem;
color: #788BA5;
font-weight: 500; }
@media (max-width: 575px) {
.calculator__result p {
font-size: 1.5rem; } }
.calculator__result--show .calculator__preview {
display: none; }
.calculator__preview {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #FFFFFF;
box-sizing: border-box;
border-radius: 8px;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 2rem; }
.calculator__preview p {
margin-top: 4rem;
max-width: 40rem;
width: 100%;
color: #788BA5; }
.calculator__img {
max-width: 19.4rem;
width: 100%; }
.calculator__img img {
width: 100%; }
.calculator__flex {
display: flex;
flex-wrap: wrap;
padding-bottom: 4.5rem;
border-bottom: 1px solid #EBEBEB; }
@media (min-width: 576px) {
.calculator__flex {
margin-top: 2rem; } }
@media (min-width: 1025px) {
.calculator__flex {
max-width: 52rem; } }
.calculator__main-result {
margin-top: 2rem;
margin-right: 1.5rem; }
@media (max-width: 575px) {
.calculator__main-result {
width: 100%; } }
@media (min-width: 1281px) {
.calculator__main-result {
margin-right: 3.5rem; } }
.calculator__main-result div {
color: #4469FF;
font-weight: 600; }
@media (max-width: 375px) {
.calculator__main-result div {
font-size: 2.2rem; } }
@media (min-width: 376px) and (max-width: 1180px) {
.calculator__main-result div {
font-size: calc(2.2rem + 6 * ((100vw - 375px) / (1180 - 375))); } }
@media (min-width: 1181px) {
.calculator__main-result div {
font-size: 2.8rem; } }
.calculator__main-result div span {
font-weight: 600; }
.calculator__main-result p {
color: #292F3D;
font-weight: 500;
margin-top: .8rem; }
.calculator__box {
background: #FFFFFF;
border: 1px solid #DADADA;
box-sizing: border-box;
border-radius: 8px;
padding: 1.2rem 1.5rem;
box-sizing: border-box;
margin-top: 2rem;
margin-right: 1rem; }
@media (min-width: 1025px) {
.calculator__box {
padding: 1.2rem 1rem; } }
@media (min-width: 1281px) {
.calculator__box {
padding: 1.2rem 1.8rem;
margin-right: 2rem; } }
.calculator__box:last-of-type {
margin-right: 0; }
.calculator__box div {
color: #292F3D;
font-weight: 600; }
@media (max-width: 575px) {
.calculator__box div {
font-size: 1.5rem; } }
.calculator__box div span {
color: #292F3D;
font-weight: 600; }
@media (max-width: 575px) {
.calculator__box div span {
font-size: 1.5rem; } }
.calculator__box p {
font-size: 1.3rem;
font-weight: 500;
color: #788BA5;
line-height: 1.2;
margin-top: 0; }
@media (max-width: 575px) {
.calculator__box p {
font-size: 1.2rem; } }
.calculator__result-button {
padding-top: 3.5rem; }
@media (min-width: 576px) {
.calculator__result-button {
display: flex;
align-items: center;
justify-content: space-between; } }
.calculator__result-button .btn {
border-radius: 111px;
padding: 1.7rem 2rem;
white-space: nowrap;
margin-top: 1.5rem; }
@media (min-width: 576px) {
.calculator__result-button .btn {
margin-top: 0; } }
.calculator__result-button p {
font-weight: 500;
color: #181E25; }
@media (max-width: 575px) {
.calculator__result-button p {
font-size: 1.5rem; } }
.calculator__result-button p span {
color: #6658FF;
font-weight: 600; }
.__circle {
width: 87rem;
height: 87rem;
position: relative; }
@media (min-width: 576px) {
.__circle {
width: 98rem;
height: 98rem; } }
.__circle__back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.__circle__back img {
width: 100%; }
.__circle__pulse {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 16rem;
height: 16rem;
animation: pulse-black 4s infinite;
border-radius: 100%; }
@media (min-width: 576px) {
.__circle__pulse {
width: 20rem;
height: 20rem; } }
.__circle__pulse img {
width: 100%; }
@keyframes pulse-black {
0% {
transform: translate(-50%, -50%) scale(0.95);
box-shadow: 0 0 0 0 rgba(102, 88, 255, 0.4); }
70% {
transform: translate(-50%, -50%) scale(1);
box-shadow: 0 0 0 20px rgba(102, 88, 255, 0); }
100% {
transform: translate(-50%, -50%) scale(0.95);
box-shadow: 0 0 0 0 rgba(102, 88, 255, 0); } }
.__circle__dots {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotateZ(var(--dotsDeg));
width: 57rem;
height: 57rem;
border-radius: 100%;
transition: .3s all; }
@media (min-width: 576px) {
.__circle__dots {
width: 68rem;
height: 68rem; } }
.__circle__dots img {
width: 100%; }
.__circle__item {
background: #FFFFFF;
box-shadow: 0px 0px 0px 4.42933px rgba(152, 154, 230, 0.11), 0px 0.73822px 0.73822px rgba(0, 0, 0, 0.03), 0px 3.6911px 16.2409px rgba(0, 0, 0, 0.06);
border-radius: 163.885px;
color: #6658FF;
padding: 1rem;
line-height: 1.3;
min-width: 15.6rem;
text-align: center;
font-weight: 600;
transition: .3s all;
box-sizing: border-box;
position: relative; }
@media (max-width: 575px) {
.__circle__item {
font-size: 1.3rem;
max-width: 13rem; } }
.__circle__item:nth-child(1) {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -30%) rotateZ(var(--itemDeg)); }
.__circle__item:nth-child(2) {
position: absolute;
top: 25%;
left: 75%;
transform: translate(10%, -100%) rotateZ(var(--itemDeg)); }
.__circle__item:nth-child(3) {
position: absolute;
top: 50%;
left: 100%;
transform: translate(-50%, -50%) rotateZ(var(--itemDeg)); }
.__circle__item:nth-child(4) {
position: absolute;
top: 75%;
left: 75%;
transform: translate(10%, 0%) rotateZ(var(--itemDeg)); }
.__circle__item:nth-child(5) {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -70%) rotateZ(var(--itemDeg)); }
.__circle__item:nth-child(6) {
position: absolute;
top: 75%;
left: 25%;
transform: translate(-110%, 0%) rotateZ(var(--itemDeg)); }
.__circle__item:nth-child(7) {
position: absolute;
top: 50%;
left: 0%;
transform: translate(-50%, -50%) rotateZ(var(--itemDeg)); }
.__circle__item:nth-child(8) {
position: absolute;
top: 25%;
left: 25%;
transform: translate(-110%, -100%) rotateZ(var(--itemDeg)); }
.__circle.rotate1 .__circle__item:nth-child(1) {
top: 0;
left: 50%; }
.__circle.rotate1 .__circle__item:nth-child(2) {
top: 25%;
left: 75%; }
.__circle.rotate1 .__circle__item:nth-child(3) {
top: 50%;
left: 100%;
background: #6658FF;
box-shadow: 0px 0px 0px 4.42933px rgba(152, 154, 230, 0.11), 0px 0.73822px 0.73822px rgba(0, 0, 0, 0.03), 0px 3.6911px 16.2409px rgba(0, 0, 0, 0.06);
color: #fff; }
.__circle.rotate1 .__circle__item:nth-child(3) .__circle__text {
display: block;
max-height: 200px;
opacity: 1;
padding-top: 10px; }
.__circle.rotate1 .__circle__item:nth-child(4) {
top: 75%;
left: 75%; }
.__circle.rotate1 .__circle__item:nth-child(5) {
top: 100%;
left: 50%; }
.__circle.rotate1 .__circle__item:nth-child(6) {
top: 75%;
left: 25%; }
.__circle.rotate1 .__circle__item:nth-child(7) {
top: 50%;
left: 0%; }
.__circle.rotate1 .__circle__item:nth-child(8) {
top: 25%;
left: 25%; }
.__circle.rotate2 .__circle__item:nth-child(1) {
top: 0;
left: 58%; }
.__circle.rotate2 .__circle__item:nth-child(2) {
top: 20%;
left: 70%;
background: #6658FF;
box-shadow: 0px 0px 0px 4.42933px rgba(152, 154, 230, 0.11), 0px 0.73822px 0.73822px rgba(0, 0, 0, 0.03), 0px 3.6911px 16.2409px rgba(0, 0, 0, 0.06);
color: #fff; }
.__circle.rotate2 .__circle__item:nth-child(2) .__circle__text {
display: block;
max-height: 200px;
opacity: 1;
padding-top: 10px; }
.__circle.rotate2 .__circle__item:nth-child(3) {
top: 43%;
left: 100%; }
.__circle.rotate2 .__circle__item:nth-child(4) {
top: 81%;
left: 72%; }
.__circle.rotate2 .__circle__item:nth-child(5) {
top: 100%;
left: 50%; }
.__circle.rotate2 .__circle__item:nth-child(6) {
top: 80%;
left: 30%; }
.__circle.rotate2 .__circle__item:nth-child(7) {
top: 50%;
left: 5%; }
.__circle.rotate2 .__circle__item:nth-child(8) {
top: 18%;
left: 30%; }
.__circle.rotate3 .__circle__item:nth-child(1) {
top: 0;
left: 50%;
background: #6658FF;
box-shadow: 0px 0px 0px 4.42933px rgba(152, 154, 230, 0.11), 0px 0.73822px 0.73822px rgba(0, 0, 0, 0.03), 0px 3.6911px 16.2409px rgba(0, 0, 0, 0.06);
color: #fff; }
.__circle.rotate3 .__circle__item:nth-child(1) .__circle__text {
display: block;
max-height: 200px;
opacity: 1;
padding-top: 10px; }
.__circle.rotate3 .__circle__item:nth-child(2) {
top: 15%;
left: 70%; }
.__circle.rotate3 .__circle__item:nth-child(3) {
top: 50%;
left: 100%; }
.__circle.rotate3 .__circle__item:nth-child(4) {
top: 80%;
left: 70%; }
.__circle.rotate3 .__circle__item:nth-child(5) {
top: 100%;
left: 50%; }
.__circle.rotate3 .__circle__item:nth-child(6) {
top: 85%;
left: 35%; }
.__circle.rotate3 .__circle__item:nth-child(7) {
top: 50%;
left: 2%; }
.__circle.rotate3 .__circle__item:nth-child(8) {
top: 15%;
left: 30%; }
.__circle.rotate4 .__circle__item:nth-child(1) {
top: 0;
left: 45%; }
.__circle.rotate4 .__circle__item:nth-child(2) {
top: 18%;
left: 70%; }
.__circle.rotate4 .__circle__item:nth-child(3) {
top: 55%;
left: 100%; }
.__circle.rotate4 .__circle__item:nth-child(4) {
top: 81%;
left: 72%; }
.__circle.rotate4 .__circle__item:nth-child(5) {
top: 100%;
left: 55%; }
.__circle.rotate4 .__circle__item:nth-child(6) {
top: 81%;
left: 29%; }
.__circle.rotate4 .__circle__item:nth-child(7) {
top: 45%;
left: 0%; }
.__circle.rotate4 .__circle__item:nth-child(8) {
top: 18%;
left: 30%;
background: #6658FF;
box-shadow: 0px 0px 0px 4.42933px rgba(152, 154, 230, 0.11), 0px 0.73822px 0.73822px rgba(0, 0, 0, 0.03), 0px 3.6911px 16.2409px rgba(0, 0, 0, 0.06);
color: #fff; }
.__circle.rotate4 .__circle__item:nth-child(8) .__circle__text {
display: block;
max-height: 200px;
opacity: 1;
padding-top: 10px; }
.__circle.rotate5 .__circle__item:nth-child(1) {
top: 0;
left: 50%; }
.__circle.rotate5 .__circle__item:nth-child(2) {
top: 25%;
left: 75%; }
.__circle.rotate5 .__circle__item:nth-child(3) {
top: 50%;
left: 100%; }
.__circle.rotate5 .__circle__item:nth-child(4) {
top: 75%;
left: 80%; }
.__circle.rotate5 .__circle__item:nth-child(5) {
top: 100%;
left: 50%; }
.__circle.rotate5 .__circle__item:nth-child(6) {
top: 75%;
left: 25%; }
.__circle.rotate5 .__circle__item:nth-child(7) {
top: 50%;
left: 0%;
background: #6658FF;
box-shadow: 0px 0px 0px 4.42933px rgba(152, 154, 230, 0.11), 0px 0.73822px 0.73822px rgba(0, 0, 0, 0.03), 0px 3.6911px 16.2409px rgba(0, 0, 0, 0.06);
color: #fff; }
.__circle.rotate5 .__circle__item:nth-child(7) .__circle__text {
display: block;
max-height: 200px;
opacity: 1;
padding-top: 10px; }
.__circle.rotate5 .__circle__item:nth-child(8) {
top: 22%;
left: 25%; }
.__circle.rotate6 .__circle__item:nth-child(1) {
top: 0;
left: 55%; }
.__circle.rotate6 .__circle__item:nth-child(2) {
top: 20%;
left: 70%; }
.__circle.rotate6 .__circle__item:nth-child(3) {
top: 45%;
left: 100%; }
.__circle.rotate6 .__circle__item:nth-child(4) {
top: 82%;
left: 70%; }
.__circle.rotate6 .__circle__item:nth-child(5) {
top: 100%;
left: 45%; }
.__circle.rotate6 .__circle__item:nth-child(6) {
top: 80%;
left: 30%;
background: #6658FF;
box-shadow: 0px 0px 0px 4.42933px rgba(152, 154, 230, 0.11), 0px 0.73822px 0.73822px rgba(0, 0, 0, 0.03), 0px 3.6911px 16.2409px rgba(0, 0, 0, 0.06);
color: #fff; }
.__circle.rotate6 .__circle__item:nth-child(6) .__circle__text {
display: block;
max-height: 200px;
opacity: 1;
padding-top: 10px; }
.__circle.rotate6 .__circle__item:nth-child(7) {
top: 55%;
left: 0%; }
.__circle.rotate6 .__circle__item:nth-child(8) {
top: 19%;
left: 29%; }
.__circle.rotate7 .__circle__item:nth-child(1) {
top: 0;
left: 50%; }
.__circle.rotate7 .__circle__item:nth-child(2) {
top: 15%;
left: 68%; }
.__circle.rotate7 .__circle__item:nth-child(3) {
top: 50%;
left: 98%; }
.__circle.rotate7 .__circle__item:nth-child(4) {
top: 85%;
left: 68%; }
.__circle.rotate7 .__circle__item:nth-child(5) {
top: 100%;
left: 50%;
background: #6658FF;
box-shadow: 0px 0px 0px 4.42933px rgba(152, 154, 230, 0.11), 0px 0.73822px 0.73822px rgba(0, 0, 0, 0.03), 0px 3.6911px 16.2409px rgba(0, 0, 0, 0.06);
color: #fff; }
.__circle.rotate7 .__circle__item:nth-child(5) .__circle__text {
display: block;
max-height: 200px;
opacity: 1;
padding-top: 10px; }
.__circle.rotate7 .__circle__item:nth-child(6) {
top: 85%;
left: 32%; }
.__circle.rotate7 .__circle__item:nth-child(7) {
top: 50%;
left: 2%; }
.__circle.rotate7 .__circle__item:nth-child(8) {
top: 15%;
left: 32%; }
.__circle.rotate8 .__circle__item:nth-child(1) {
top: 0;
left: 45%; }
.__circle.rotate8 .__circle__item:nth-child(2) {
top: 19%;
left: 71%; }
.__circle.rotate8 .__circle__item:nth-child(3) {
top: 56%;
left: 98%; }
.__circle.rotate8 .__circle__item:nth-child(4) {
top: 81%;
left: 72%;
background: #6658FF;
box-shadow: 0px 0px 0px 4.42933px rgba(152, 154, 230, 0.11), 0px 0.73822px 0.73822px rgba(0, 0, 0, 0.03), 0px 3.6911px 16.2409px rgba(0, 0, 0, 0.06);
color: #fff; }
.__circle.rotate8 .__circle__item:nth-child(4) .__circle__text {
display: block;
max-height: 200px;
opacity: 1;
padding-top: 10px; }
.__circle.rotate8 .__circle__item:nth-child(5) {
top: 100%;
left: 55%; }
.__circle.rotate8 .__circle__item:nth-child(6) {
top: 82%;
left: 30%; }
.__circle.rotate8 .__circle__item:nth-child(7) {
top: 45%;
left: 0%; }
.__circle.rotate8 .__circle__item:nth-child(8) {
top: 18%;
left: 30%; }   .hero.mobile-reverse .hero__back___ img {
top: auto;
bottom: 0; }
.section-img-right {
position: relative;
overflow: hidden;
padding: 0 0 70px 0;
margin-top: 70px; }
.section-img-right .section-img-right_r {
top: 0;
left: 58%;
position: absolute;
width: 50%;
height: 100%;
display: flex;
justify-content: flex-end;
flex-direction: column; }
.section-img-right .section-img-right_r .img-item {
height: 500px;
width: 780px;
margin: 0 0 70px 0 !important;
padding: 0 !important; }
.section-img-right .text-with-another-block__img______-and-list {
display: flex;
justify-content: flex-end;
flex-direction: column;
height: 450px;
width: 780px; }
.section-img-right .____circle-before:before {
content: '';
width: 445px;
height: 445px;
display: block;
position: absolute;
background: url(https://everytap.de/drip/wp/wp-content/themes/drip/assets/img/home/__circle_1.svg) no-repeat center/contain;
z-index: -1;
top: 20px;
left: 120px; }
.section-img-right .text-with-another-block__img______ {
width: 100%;
height: 100%;
position: relative;
transform: none;
min-height: auto;
max-width: 100%;
top: auto; }
.section-img-right .text-with-another-block__img______ img {
height: 100%;
width: 100%;
top: auto;
object-fit: contain; }
.section-img-right .text-with-another-block__list {
left: 50px;
position: absolute;
top: 80px;
margin-top: 0;
z-index: 100; }
.section-img-right .has-substrates {
position: absolute; }
.section-img-right .has-substrates:before {
content: '';
width: 790px;
height: 610px;
display: block;
background: url(https://everytap.de/drip/wp/wp-content/themes/drip/assets/img/home/substrate_1.svg) no-repeat center/contain;
position: absolute;
top: -30px;
left: -30px; }
.section-img-right .has-substrates:after {
content: ''; }
.two-column-with-links {
margin-top: 100px; }
.pt-m {
margin-top: 120px !important; }
.padding-y-70px {
padding: 120px 0 160px; }
.__substrate-before {
position: relative;
margin-top: 50px; }
.__substrate-before:before {
content: '';
width: 750px;
height: 580px;
display: block;
background: url(https://everytap.de/drip/wp/wp-content/themes/drip/assets/img/home/substrate_1.svg) no-repeat center/contain;
position: absolute;
top: -30px;
left: -30px; }
.__substrate-before img {
height: 510px; }
@keyframes pulse-img {
0% {
transform: scale(1); }
50% {
transform: scale(1.1); }
100% {
transform: scale(1); } }
.section-img-left {
position: relative;
overflow: hidden;
padding: 70px 0;
height: 700px; }
.section-img-left .__circle {
max-width: 100%;
width: 700px;
height: 700px;
left: -200px !important; }
.section-img-left .__circle__back {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
animation: pulse-img 4s infinite; }
.section-img-left .text-with-another-block__animation-__circle {
width: 50%;
padding: 70px;
margin-left: -100px; }
.section-img-left .text-with-another-block__text {
padding-left: 50%;
width: 50%; }
.section-img-left .__circle {
left: -15rem; }
@media screen and (max-width: 1025px) {
.slider {
padding-bottom: 70px !important; }
.section-img-left {
padding: 30px 0 !important;
height: auto !important; }
.section-img-left .text-with-another-block__animation-__circle {
margin-left: 0; }
.section-img-left .text-with-another-block__text {
width: 100% !important;
padding-left: 0 !important; }
.text-and-img-to-bord__text {
width: 100% !important; }
.section-img-right {
display: flex;
flex-direction: column; }
.section-img-right .section-img-right_r {
position: relative !important;
left: auto;
margin-top: 50px;
width: 100% !important; }
.section-img-right .section-img-right_r .img-item {
height: auto !important;
width: 90% !important;
margin: 0 auto !important; }
.section-img-right .section-img-right_r .img-item img {
width: 100%;
height: auto; }
.section-img-right .____circle-before:before {
display: none; }
.section-img-right .section-img-right_r {
justify-content: flex-start;
align-items: flex-end; }
.__circle__back img {
display: block;
height: 100%;
object-fit: contain;
width: 100%; }
.padding-y-70px {
padding: 70px 0 !important; }
.section-img-left .text-with-another-block__animation-__circle .__circle {
left: -200px !important; }
.section-img-right .section-img-right_r.__substrate-before .img-item img {
height: 600px !important;
margin: 0 auto;
object-fit: contain; }
.text-with-another-block__list {
right: 30px !important;
top: 20px !important;
left: auto !important; }
.pt-m {
margin-top: 60px !important; }
.section-img-right.padding-y-70px {
padding: 0 !important; }
.pt-m {
margin-top: 0 !important; }
.hero.mobile-reverse .hero__img-list {
max-width: 250px; } }
@media screen and (max-width: 768px) {
.section-img-right {
display: none !important; }
.section-img-left .img-item {
margin-bottom: 60px; }
.section-img-left .text-with-another-block__animation-__circle {
padding: 0 !important; }
.hero.mobile-reverse {
overflow: hidden; }
.hero.mobile-reverse .hero__back___ {
position: absolute;
right: -40px;
bottom: 100px;
z-index: -1;
width: 120%;
height: 120%;
overflow: hidden; }
.hero.mobile-reverse .hero__back___ img {
top: auto !important;
bottom: 0 !important; }
.hero.mobile-reverse .hero__img-list {
max-width: 500px !important;
margin: 0 auto !important; }
.hero.mobile-reverse .hero__dots img {
position: absolute;
top: -100px;
left: -100px;
width: 100%;
height: 400px;
display: none; }
.hero.mobile-reverse .hero__list {
position: absolute;
top: 50%;
transform: translateY(-52%);
left: 50%; }
.hero.mobile-reverse .hero__title {
margin-top: 40px; }
.hero.mobile-reverse .hero__container {
display: flex;
flex-direction: column-reverse; } }
@media screen and (max-width: 480px) {
.hero.mobile-reverse .hero__list {
right: auto;
left: 35% !important; }
.hero.mobile-reverse .hero__list h4 {
font-size: 16px; }
.hero.mobile-reverse .hero__list p {
font-size: 12px; }
.section-img-left .text-with-another-block__animation-__circle {
margin-left: -150px;
width: auto !important; }
}
.d-flex {
display: flex; }
.clr-violet {
color: #6658FF; }
.col-10p {
width: 10%; }
.col-20p {
width: 20%; }
.col-30p {
width: 30%; }
.col-40p {
width: 40%; }
.col-50p {
width: 50%; }
.col-60p {
width: 60%; }
.col-70p {
width: 70%; }
.col-80p {
width: 80%; }
.col-90p {
width: 90%; }
.col-100p {
width: 100%; }
.section-hero-study {
padding: 50px 0; }
.section-hero-study h1 {
font-family: "Circular";
color: #181E25;
font-size: 3.8rem;
margin-top: 1rem; }
.section-hero-study p {
font-size: 1.6rem;
line-height: 1.5; }
.section-hero-study_img {
display: block;
width: calc(100%);
position: relative;
padding-left: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.section-hero-study_img img {
width: 100%; }
.section-hero-study .subtitle {
font-size: 1.5rem;
line-height: 1.6;
color: #6658FF;
display: block;
font-weight: 500;
font-family: "Inter", sans-serif; }
.section-stick-sidebar {
position: relative; }
.section-stick-sidebar ul {
width: 280px;
position: relative;
z-index: 9999; }
.section-stick-sidebar li {
margin-bottom: 20px; }
.section-stick-sidebar a {
font-size: 20px;
color: #788BA5;
position: relative;
transition: 0.4s; }
.section-stick-sidebar a.active {
color: #181E25;
padding-left: 20px; }
.section-stick-sidebar a.active:before {
opacity: 1;
visibility: visible; }
.section-stick-sidebar a:before {
content: '';
transition: 0.3s;
width: 9px;
height: 9px;
border-radius: 100px;
background: #6658FF;
position: absolute;
top: 7px;
left: 0;
opacity: 0;
visibility: hidden; }
.stick-sidebar {
position: absolute;
top: 100px;
left: 0;
right: 0;
z-index: 10; }
.stick-sidebar.fixed {
position: fixed;
top: 30px; }
.stick-content .container {
display: flex;
justify-content: flex-end; }
.stick-content .text-box {
width: calc(100% - 280px);
position: relative;
z-index: 9999; }
.text-box p {
font-size: 17px;
line-height: 150%; }
.text-box p a {
color: #6658FF;
text-decoration: none;
font-size: inherit; }
.text-box p b, .text-box p strong {
font-size: inherit;
font-weight: bold; }
.img-box {
margin: 40px 0 0; }
.img-box.img-row {
display: flex; }
.img-box img {
max-width: calc(50% - 20px);
margin-right: 30px; }
.img-box img:last-of-type {
margin-right: 0; }
.stick-content_item {
padding: 100px 0; }
.stick-content_item p {
font-size: 17px;
margin-bottom: 30px; }
.bg-gray {
background: #FAFBFF; }
.clr-gray {
color: #667085; }
.font-33 {
font-size: 33px;
line-height: 150%;
font-weight: bold;
padding-bottom: 10px; }
.font-16 {
font-size: 16px !important;
line-height: 150%;
padding-bottom: 5px;
display: block; }
.font-14 {
font-size: 14px !important;
line-height: 150%;
padding-bottom: 10px;
display: block; }
.font-15 {
font-size: 15px !important;
line-height: 150%;
padding-bottom: 10px;
display: block; }
.row-3-cols {
margin-left: -20px;
margin-right: -20px; }
.row-3-cols .col {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box; }
.intro {
color: #788BA5;
font-size: 18px;
line-height: 150%;
padding: 20px 0; }
.icon-item {
border-bottom: 1px solid #DEDEDE; }
.icon-item:last-of-type {
border-bottom: none; }
.icon-item img {
width: 20px; }
.icon-item.icon-line {
display: flex;
align-items: center; }
.icon-item span {
font-size: 18px;
line-height: 100%;
padding: 20px 0 20px 20px; }
.icon-item .icon-item_i {
width: 20px;
height: 25px;
display: block; }
.case-logo-mobile {
display: none; }
.section-heading {
padding: 70px 0 50px 0; }
.section-heading .subtitle {
color: #6658FF;
font-weight: 500;
font-size: 15px;
height: 150%;
display: block;
margin-bottom: 5px; }
.section-heading h1 {
font-style: normal;
font-weight: 450;
font-size: 50px;
line-height: 122%; }
.section-cases-list {
padding: 50px 0; }
.study-case p {
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 155%;
color: #788BA5; }
.author-meta {
display: flex;
margin: 30px 0;
align-items: center; }
.author-meta .author-meta_av {
width: 40px;
height: 40px;
border-radius: 100px;
overflow: hidden;
margin-right: 15px; }
.author-meta .author-meta_av img {
width: 100%;
height: 100%;
display: block;
object-fit: cover; }
.author-meta .author-meta_info span {
display: block;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 156%; }
.author-meta .author-meta_info .name {
color: #000000; }
.author-meta .author-meta_info .info {
color: #788BA5; }
.btn-mobile {
display: none; }
.study-case {
background: #fff;
padding: 50px;
box-sizing: border-box;
border-radius: 8px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 2px 5px rgba(0, 0, 0, 0.06);
margin-bottom: 20px; }
.study-case .icons-set {
width: 100%;
max-width: 100%; }
.study-case .icons-set .icon-item:first-of-type {
border-top: 1px solid #DEDEDE; }
.study-case .study-case_img img {
width: 100%; }
.study-case .col-40p {
padding-right: 40px;
box-sizing: border-box; }
.study-case .study-case_logo {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px; }
.study-case .va-center {
align-items: center; }
.study-case .link-more {
color: #788BA5;
font-size: 16px;
line-height: 133%; }
.study-case .link-more:after {
content: '';
width: 6px;
height: 11px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
background: url(https://everytap.de/drip/wp/wp-content/themes/drip/assets/img/icons/shevron-right.svg) no-repeat center/contain; }
.study-case .btn-mobile {
width: 100%;
text-align: center;
margin-top: 15px; }
@media screen and (max-width: 992px) {
.case-logo-mobile {
display: block;
margin-bottom: 20px; }
.study-case .study-case_logo {
display: none; }
.section-hero {
padding: 20px 0; }
.section-hero .d-flex {
flex-direction: column; }
.section-hero .d-flex > * {
width: 100%; }
.section-hero .icons-set {
margin: 0 auto;
width: 100%;
max-width: 100%; }
.stick-sidebar {
display: none; }
.stick-content .text-box {
width: 100%; }
.study-case .d-flex {
flex-direction: column-reverse; }
.study-case .d-flex > * {
width: 100%;
padding-left: 0;
padding-right: 0 !important; }
.btn-mobile {
display: block; } }
@media screen and (max-width: 767px) {
.section-heading h1,
.section-hero h1 {
font-size: 30px; }
.section-heading {
padding: 30px 0; }
.row-3-cols {
flex-direction: column; }
.row-3-cols .col {
width: 100%;
text-align: center; }
.img-box {
flex-direction: column; }
.img-box img {
max-width: 100%;
margin-right: 0;
margin-top: 30px; }
.stick-content_item {
padding: 60px 0; }
.study-case {
padding: 25px; }
.link-more {
display: none; }
.icon-item span {
font-size: 15px;
display: block;
padding-left: 10px; }
.study-case_img {
margin-bottom: 20px; } }
.w-600px {
max-width: 600px; } .btn-alt {
background: #7F56D9; }
.input-field {
margin-top: 0.8rem;
background: #FFFFFF;
border: 1px solid #DADADA;
box-sizing: border-box;
border-radius: 8px;
padding: 1.5rem 2.5rem;
color: #292F3D;
width: 100%; }
.subscribe-box {
background: #FAFBFF;
border-radius: 6px;
padding: 38px;
display: flex;
margin: 30px 0; }
.subscribe-box .subscribe-box_title {
width: 50%;
padding-top: 3px; }
.subscribe-box .subscribe-box_title h3 {
margin: 0;
padding: 0; }
.subscribe-box .subscribe-box_form {
width: 50%;
padding-left: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.subscribe-box h3 {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 155%; }
.subscribe-box span {
color: #788BA5;
font-size: 15px;
line-height: 155%;
display: block;
margin-top: 15px; }
.subscribe-box .btn {
margin-top: 15px;
width: 100%; }
.article-page {
margin: 0 auto;
padding: 50px 0; }
.article-page .container {
max-width: 660px;
padding-left: 0;
padding-right: 0; }
.article-page h1 {
padding: 20px 0; }
.article-content {
margin-top: 50px; }
.article-content p {
padding-bottom: 20px; }
.article-content p a {
color: #6658FF; }
.article-content h3 {
margin-bottom: 20px;
margin-top: 30px; }
.article-content img {
width: 100%;
margin-bottom: 20px; }
.article-content img.align-left {
width: calc(50% - 20px);
float: left;
margin-right: 20px; }
.article-content img.align-right {
width: calc(50% - 20px);
float: right;
margin-left: 20px; }
.article-content blockquote {
border-left: 2px solid #6658FF;
padding-left: 45px;
display: block;
margin: 30px 0;
color: #181E25; }
.article-content blockquote p {
padding: 5px 0; }
.article-content .align-right + p:before {
content: '';
display: block;
clear: both; }
.article-content .align-left + p:before {
content: '';
display: block;
clear: both; }
.article-img {
margin-top: 60px; }
.article-img img {
width: 100%; }
.article-meta {
font-size: 15px;
display: flex;
line-height: 150%; }
.article-meta a {
color: #6658FF;
display: block;
font-size: 15px;
line-height: 150%; }
.article-meta span {
color: #788BA5;
display: block;
font-size: 15px;
line-height: 150%; }
.article-meta .time-read:before {
content: '';
height: 80%;
position: relative;
top: -1px;
display: inline-block;
width: 1px;
background: rgba(120, 139, 165, 0.4);
vertical-align: middle;
margin: 0 10px; }
.section-related-posts {
background: #FAFBFF;
padding: 80px 0; }
.section-title {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 30px; }
.section-title a {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 155%;
color: #788BA5;
display: block; }
.section-title a:after {
content: '';
width: 12px;
height: 11px;
display: inline-block;
margin-left: 10px;
background: url(https://everytap.de/drip/wp/wp-content/themes/drip/assets/img/icons/arrow-right-gray.svg) no-repeat center/contain; }
.socials-share {
text-align: center;
margin: 50px 0; }
.socials-share span {
font-weight: 500;
font-size: 15px;
line-height: 156%;
text-align: center;
color: #788BA5; }
.socials-share ul {
display: flex;
width: 100%;
text-align: center;
align-items: center;
justify-content: center; }
.socials-share ul li {
margin: 10px; }
@media screen and (max-width: 767px) {
.article-page .container {
max-width: 100%;
padding-left: 4rem;
padding-right: 4rem; }
.article-page h1 {
font-size: 30px; }
.article-page .author-meta {
margin: 20px 0; }
.article-page .article-content {
margin-top: 30px; }
.article-page img {
width: calc(100%) !important;
float: none !important;
margin-left: 0 !important;
margin-right: 0 !important; }
.article-img {
margin-right: -20px;
margin-left: -20px;
width: calc(100% + 40px); }
.subscribe-box {
flex-direction: column; }
.subscribe-box .subscribe-box_title {
width: 100%; }
.subscribe-box .subscribe-box_form {
width: 100%;
padding-left: 0;
margin-top: 10px; } }
@media screen and (max-width: 576px) {
.article-page .container {
max-width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem; }
.article-img {
margin-right: -1.5rem;
margin-left: -1.5rem;
width: calc(100% + 3rem); }
.subscribe-box {
padding: 20px; }
.article-img {
margin-top: 30px; }
.article-page .author-meta {
margin-top: 0; }
.article-page {
padding-top: 20px; }
.article-content blockquote {
padding-left: 20px; }
.socials-share {
margin: 30px 0; }
.article-page {
padding: 30px 0; } }
.flex-wrap {
flex-wrap: wrap; }
.txt-block-large {
border: 1px solid #DEDEDE;
padding: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: calc(100% - 20px);
margin: 10px;
background: #fff;
border-radius: 6px;
height: calc(100% - 20px); }
.txt-block-large .author-meta {
margin-bottom: 0; }
.txt-block-small {
border: 1px solid #DEDEDE;
padding: 25px 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: calc(100% - 30px);
margin: 10px 30px 10px 0;
background: #fff;
border-radius: 6px;
height: calc(100% - 20px); }
.txt-block-small:nth-child(even) {
margin-right: 0; }
.txt-block-small:nth-child(odd) {
margin-left: 20px; }
.row-2-cols .col {
width: 50%; }
.my-fix {
margin-left: -10px;
margin-right: -10px; }
.has-gradient:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
left: 0;
background: linear-gradient(to top, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0) 100%);
z-index: 10; }
.mt-4 {
margin-top: 4rem; }
.section-tests {
background: #FBFBFF;
padding: 90px 0; }
.section-tests h2 {
font-size: 32px;
margin-top: 5px; }
.section-tests .subtitle {
font-weight: 500;
font-size: 17px;
line-height: 133%;
color: #6658FF; }
.section-tests p {
font-size: 18px;
line-height: 155%;
color: #788BA5;
padding: 20px 0; }
.list-checkbox li {
padding-top: 5px;
padding-bottom: 5px;
position: relative;
padding-left: 40px;
margin-bottom: 15px;
color: #788BA5; }
.list-checkbox li:before {
content: '';
background: url(https://everytap.de/drip/wp/wp-content/themes/drip/assets/img/icons/icon_checkbox.svg) no-repeat center/contain;
width: 28px;
height: 28px;
display: inline-block;
position: absolute;
left: 0;
top: 2px;
right: 0; }
.has-__circles {
position: relative; }
.has-__circles:before {
content: '';
width: 440px;
height: 440px;
background: url(https://everytap.de/drip/wp/wp-content/themes/drip/assets/img/dotted-__circle-big.svg) no-repeat center/contain;
display: block;
position: absolute;
top: 30px;
right: -60px;
z-index: 1; }
.testimonial-box {
background: #FFFFFF;
box-shadow: 0px 0.95742px 0.95742px rgba(0, 0, 0, 0.03), 0px 1.91485px 4.78712px rgba(0, 0, 0, 0.06);
border-radius: 6px;
padding: 25px 30px;
margin-top: 30px; }
.testimonial-box p {
padding-top: 0 !important;
padding-bottom: 0 !important;
color: #181E25; }
.testimonial-box .author-meta {
margin-bottom: 0; }
.purple-box {
background: linear-gradient(197.8deg, #6658FF 12.15%, #8378FF 96.64%);
padding: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 1;
border-radius: 6px;
max-width: 440px;
height: auto;
margin-top: 40px; }
.purple-box .title {
font-weight: 450;
font-size: 28px;
line-height: 133%;
text-align: center;
color: rgba(255, 255, 255, 0.6);
padding-bottom: 30px; }
.purple-box .title span {
color: white; }
.purple-box ul li:first-of-type {
background: rgba(250, 251, 255, 0.22);
border: 1px solid rgba(255, 255, 255, 0.1);
box-sizing: border-box;
border-radius: 6px;
color: #fff; }
.purple-box ul li {
background: rgba(250, 251, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.1);
box-sizing: border-box;
border-radius: 6px;
color: rgba(255, 255, 255, 0.55);
padding: 25px 30px;
text-align: center;
display: block;
margin-bottom: 20px; }
.purple-box ul li:last-of-type {
margin-bottom: 0; }
.justify-end {
justify-content: end; }
.justify-start {
justify-content: start;
align-items: flex-start; }
.mb-0 {
margin-bottom: 0; }
.pb-0 {
padding-bottom: 0; }
.row-3-cols {
width: calc(100% + 40px) !important; }
.row-3-cols .col {
width: calc(33.3% + 10px); }
.section-ab-test {
padding-bottom: 80px; }
.ab-test-box {
background: #FFFFFF;
border: 1px solid #E4E4E4;
box-sizing: border-box;
border-radius: 6px; }
.ab-test-box .subtitle {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 214%;
display: flex;
align-items: center;
color: #6658FF; }
.ab-test-box .title {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 150%;
display: flex;
align-items: center;
color: #181E25; }
.ab-test-box .ab-test-box_head {
padding: 20px; }
.ab-test-box .ab-test-box_head .icon {
height: 70px;
margin-bottom: 10px;
display: flex;
align-items: center; }
.ab-test-box .ab-test-box_row {
padding: 20px;
border-top: 1px solid #DEDEDE;
display: flex; }
.ab-test-box .ab-test-box_row:last-of-type {
border-top: none;
padding-top: 0; }
.ab-test-box .ab-test-box_row .icon {
margin-right: 10px; }
.ab-test-box .ab-test-box_row .icon img {
margin-top: -3px; }
.ab-test-box .meta span {
display: block; }
.ab-test-box .meta span:nth-child(1) {
font-size: 20px;
font-weight: 500;
color: #181E25;
padding-bottom: 10px; }
.ab-test-box .meta span:nth-child(2) {
font-size: 16px;
font-weight: 400;
color: #788BA5; }
.ab-test-box .btn {
width: 100%; }
.__circle__items-alt .__circle__item {
border-radius: 8px; }
.__circle__items-alt .__circle__text {
font-size: 15px;
display: block;
max-height: 0;
opacity: 0;
transition: 0.3s; } .__circle .__circle__item {
max-width: 200px; }
.row-3-cols {
width: 100%; }
.hero-services {
padding-left: 20px;
padding-right: 20px; }
@media screen and (max-width: 992px) {
.ab-test-box_row {
text-align: left; }
.text-with-another-block {
overflow: hidden; }
.hero-services {
overflow: hidden;
margin-bottom: 50px; }
.hero-services .txt-block-large {
width: 100% !important;
margin: 0 0 30px 0 !important; }
.hero-services .row-2-cols {
flex-direction: row;
justify-content: space-between; }
.hero-services .row-2-cols .col {
width: calc(50% - 15px); }
.hero-services .txt-block-small {
margin: 0 !important;
width: 100% !important; }
.tablet-col {
flex-direction: column; }
.tablet-col .col-50p {
width: 100% !important; }
.has-__circles:before {
display: none; }
.purple-box {
max-width: 100%;
width: 100%; }
.tablet-column {
flex-direction: column; }
.tablet-column > .col {
width: 100%;
margin-bottom: 30px; }
.tablet-column > .col:last-of-type {
margin-bottom: 0; } }
@media screen and (max-width: 767px) {
.section-hero .hero__dots {
display: none; }
.hero-services {
padding-left: 0;
padding-right: 0; }
.hero-services .container {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.my-fix {
margin-left: 0;
margin-right: 0; }
.purple-box .title {
font-size: 22px; }
.hero-services .row-2-cols .col {
width: 100%; }
.purple-box {
padding: 20px; }
.purple-box ul li {
padding: 20px; } .text-with-another-block__animation-__circle .__circle {
left: -36rem !important; }
.text-with-another-block--reversed {
margin-bottom: 50px; }
.section-tests {
padding: 50px 0; }
.hero-services .col-60p {
width: 100%; }
.txt-block-small {
height: auto !important;
margin-bottom: 15px !important;
padding: 20px !important; }
.hero-services .row-2-cols .col {
margin-bottom: 15px; }
.font-33 {
font-size: 28px; }
.hero-services .txt-block-large {
padding: 20px; }
.text-with-another-block__card {
padding-left: 60px;
position: relative; }
.text-box p {
font-size: 17px !important; } }
.centered {
text-align: center !important;
justify-content: center; }
.centered h2 {
text-align: center; }
.container-thin_2 {
max-width: 470px;
margin: 0 auto; }
.container-thin_2 p {
margin-top: 15px;
color: #788BA5; }
.icon-text-box {
height: 100%;
background: #FFFFFF;
box-shadow: 0px 4px 33px rgba(0, 0, 0, 0.03), 0px 2px 4px rgba(0, 0, 0, 0.06);
border-radius: 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 25px;
text-align: center; }
.icon-text-box .icon {
text-align: center;
padding: 15px 0; }
.icon-text-box .icon img {
display: inline-block; }
.icon-text-box .title {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 133%;
text-align: center;
color: #181E25;
display: block;
margin: 20px 0 10px 0; }
.icon-text-box p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 155%;
text-align: center;
color: #788BA5; }
.section-karriere {
background: linear-gradient(0deg, #FAFBFF 68.5%, rgba(250, 251, 255, 0) 100%);
padding: 30px 0 70px 0; }
.section-karriere .row-3-cols .col {
width: calc(33.3%);
margin-bottom: 30px; }
.between {
justify-content: space-between; }
.item:nth-child(4) .tag-box, .item:nth-child(8) .tag-box {
margin-right: 0; }
.tag-box {
padding: 14px 40px 14px 20px;
box-sizing: border-box;
border-radius: 100px;
display: flex;
align-items: center;
margin-right: 20px;
margin-bottom: 20px;
border: 1px solid #CDCDCD; }
.tag-box i {
margin-right: 15px;
width: 24px;
height: 24px;
display: block;
font-style: normal; }
.tag-box img {
width: 100%;
height: 100%;
object-fit: contain;
display: block; }
.tag-box span {
font-size: 17px; }
.section-our-values {
padding: 70px 0;
text-align: center; }
.section-vacancies {
padding: 70px 0;
background: #FAFBFF; }
.accordeons-box {
margin-top: 30px; }
.accordeon-item {
background: #FFFFFF;
box-shadow: 0px 4px 33px rgba(0, 0, 0, 0.03), 0px 2px 4px rgba(0, 0, 0, 0.06);
border-radius: 7px;
box-sizing: border-box;
padding: 25px;
color: #292F3D;
margin-bottom: 30px; }
.accordeon-item.active .accordeon-item__body {
max-height: 300px;
padding-top: 30px; }
.accordeon-item.active .accordeon-item__head:before {
transform: rotate(90deg); }
.accordeon-item .accordeon-item__head {
position: relative; }
.accordeon-item .accordeon-item__head:before {
content: '';
width: 10px;
height: 20px;
background: url(https://everytap.de/drip/wp/wp-content/themes/drip/assets/img/icons/arrow-right.svg) no-repeat center/contain;
display: inline-block;
position: absolute;
right: 10px;
transition: 0.3s;
top: calc(50% - 10px); }
.accordeon-item .accordeon-item__head .title {
font-size: 30px;
cursor: pointer; }
.accordeon-item .accordeon-item__head .meta {
display: flex;
margin-top: 10px; }
.accordeon-item .accordeon-item__head .meta i {
margin-right: 10px; }
.accordeon-item .accordeon-item__head .meta span {
color: #788BA5;
font-size: 17px; }
.accordeon-item .accordeon-item__head .meta_item {
align-items: center;
display: flex;
margin-right: 30px; }
.accordeon-item .accordeon-item__body {
max-height: 0;
overflow: hidden;
transition: 0.3s; }
.icon-local {
background: url(https://everytap.de/drip/wp/wp-content/themes/drip/assets/img/karriere/location-dot-solid.svg) no-repeat center/contain;
width: 15px;
height: 20px;
display: inline-block; }
.icon-case {
background: url(https://everytap.de/drip/wp/wp-content/themes/drip/assets/img/karriere/suitcase-solid.svg) no-repeat center/contain;
width: 15px;
height: 20px;
display: inline-block; }
.icon-folder {
background: url(https://everytap.de/drip/wp/wp-content/themes/drip/assets/img/karriere/folder-solid.svg) no-repeat center/contain;
width: 15px;
height: 20px;
display: inline-block; }
.txt h1 {
font-size: 35px;
padding-bottom: 15px;
padding-top: 10px;
font-weight: 600; }
.txt h2 {
font-size: 30px;
padding-bottom: 15px;
padding-top: 10px;
font-weight: 600; }
.txt h3 {
font-size: 20px;
padding-bottom: 10px;
padding-top: 10px;
font-weight: 600; }
.txt h4 {
font-size: 15px;
padding-bottom: 10px;
padding-top: 10px;
font-weight: 500; }
.txt ul {
list-style: disc;
padding-left: 20px;
margin: 10px 0 10px 10px; }
.txt a {
text-decoration: underline;
color: #6658FF; }
.txt p {
font-size: 16px;
padding-bottom: 15px; }
.txt p:last-of-type {
padding-bottom: 0; }
@media screen and (max-width: 992px) {
.flex-wrap.between {
justify-content: flex-start; }
.flex-wrap.between .item {
margin-right: 20px !important; }
.section-karriere .row-3-cols .col {
width: 50%; } }
@media screen and (max-width: 767px) {
.section-karriere .row-3-cols .col {
width: 100%; }
.tag-box {
padding: 14px 20px 14px 20px;
margin-right: 0; }
.tag-box span {
font-size: 14px; }
.tag-box i {
margin-right: 5px; }
.flex-wrap.between .item {
margin-right: 10px; }
.accordeon-item .title {
padding-right: 20px; }
.accordeon-item .meta {
flex-direction: column; }
.accordeon-item .meta .meta_item {
margin-bottom: 10px; }
.accordeon-item .accordeon-item__head:before {
top: 5px; }
.accordeon-item .accordeon-item__head .meta span {
font-size: 14px; }
.accordeon-item .meta .meta_item {
margin-bottom: 5px; }
.accordeon-item.active .accordeon-item__body {
padding-top: 10px; }
.accordeon-item .accordeon-item__head .title {
font-size: 20px; }
.flex-wrap.between .item {
margin-right: 5px !important; }
.flex-wrap.between .item .tag-box {
margin-bottom: 10px;
padding: 7px 15px; }
.flex-wrap.between .item .tag-box i {
width: 18px;
height: 18px; }
.accordeons-box {
margin-top: 0; }
.section-vacancies, .section-our-values, .section-karriere {
padding: 40px 0; } }
.container-thin_1 {
max-width: 680px; }
.section-heading p {
color: #788BA5;
padding-top: 20px; }
.logos.bg-gray {
padding: 70px 0;
margin-top: 50px;
margin-bottom: 0; }
.logos.bg-gray .logos__flex {
margin-bottom: 0; }
.icon-linkedin {
background: url(https://everytap.de/drip/wp/wp-content/themes/drip/assets/img/icons/logo_linkedin.svg) no-repeat center/contain;
width: 20px;
height: 20px;
display: inline-block; }
.team-item .team-item_img img {
max-height: 145px; }
.team-item .team-item_body .title {
padding-bottom: 10px; }
.team-item .team-item_body .title span {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 130%;
color: #181E25;
display: block; }
.team-item .team-item_body .title span a {
display: inline-block;
vertical-align: middle; }
.team-item .team-item_body .title small {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 130%;
color: #6658FF; }
.team-item .team-item_body p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 155%;
color: #788BA5; }
.section-our-team {
border-bottom: 1px solid #F2F2F2;
padding: 120px 0; }
.text-with-numbers {
margin-top: 100px !important; }
.our-team-main {
width: calc(100% - 280px);
padding-left: 80px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.our-team-main .row-3-cols .col {
width: calc(33.3%);
margin-bottom: 30px; }
.our-team-sidebar {
width: 280px; }
.our-team-sidebar .list-checkbox {
margin: 50px 0; }
.list-checkbox .title {
color: #292F3D;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 133%; }
.list-checkbox p {
font-weight: 500;
font-size: 15px;
line-height: 133%;
color: #788BA5; }
@media screen and (max-width: 992px) {
.our-team-sidebar {
display: none; }
.our-team-main {
width: 100%; }
.our-team-main {
padding-left: 0; }
.team-item_img {
text-align: center; }
.team-item_img img {
display: inline-block; } }
@media screen and (max-width: 992px) {
.our-team-main .row-3-cols {
display: flex;
flex-direction: row; }
.our-team-main .row-3-cols .col {
width: 50%; }
.our-team-main .row-3-cols .col {
width: 100%; }
.section-our-team {
padding: 70px 0; }
.logos.bg-gray {
padding: 40px 0; }
.text-with-numbers {
margin-top: 60px !important; } }
.list-row {
display: flex;
flex-direction: row;
margin: 25px 0; }
.list-row li {
margin-right: 30px;
margin-bottom: 0; }
.list-row li:last-of-type {
margin-right: 0; }
.border-box {
background: #FFFFFF;
border: 1px solid #EBEBEB;
box-sizing: border-box;
border-radius: 6px;
padding: 40px;
height: 100%; }
.border-box .title {
font-style: normal;
font-weight: 450;
font-size: 24px;
line-height: 122%;
color: #181E25;
margin-bottom: 20px; }
.border-box p {
color: #788BA5;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 155%; }
.border-box .field-box {
margin-bottom: 20px; }
.login-section {
padding: 70px 0 50px; }
.login-section .row-2-cols {
justify-content: space-between; }
.login-section .row-2-cols .col {
width: calc(50% - 20px); }
.field-box {
margin-bottom: 30px; }
.field-box label {
display: block;
font-size: 14px;
line-height: 20px;
color: #344054;
font-weight: 500; }
.field-box input {
margin-top: 0.8rem;
background: #FFFFFF;
border: 1px solid #DADADA;
box-sizing: border-box;
border-radius: 8px;
padding: 1.5rem 2.5rem;
color: #292F3D;
width: 100%; }
@media screen and (max-width: 1024px) {
.login-section .row-2-cols .col:nth-child(1) {
width: 40%; }
.login-section .row-2-cols .col:nth-child(2) {
width: calc(60% - 30px); } }
@media screen and (max-width: 992px) {
.border-box {
padding: 20px; }
.login-section {
padding-bottom: 0 !important; }
.login-section .row-2-cols {
flex-direction: column; }
.login-section .row-2-cols .col {
width: 100% !important;
margin-bottom: 30px; } }
@media (min-width: 1025px) {
.grid-cards-on-back {
padding: 7rem 0 7rem; } }
@media screen and (max-width: 576px) {
.login-section {
padding: 50px 0 0px; }
.login-section .border-box .title {
font-size: 20px; }
.login-section .border-box .list-row {
margin: 15px 0; }
.login-section .border-box .list-checkbox {
flex-direction: column; }
.login-section .border-box .list-checkbox li {
margin-bottom: 15px; }
.login-section .border-box .btn {
width: 100%; } } .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }