/* By Viktor Yankovskyi */
html[dir="rtl"] {
direction: ltr;
}
html[dir="rtl"] .new-range-slider-wrapper .noUi-horizontal .noUi-handle {
left: -25px;
}
html[lang="ru-RU"] .main-form-popup.white-popup .contact-wrapper .heading p {
max-width: 100%;
}
.header-ads-line {
top: 0;
}
.hidden-default {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
.footer__nav-column h3,
.page-template-homepage h2,
.page-template-homepage h3,
.page-template-homepage h4,
.page-template-homepage h5 {
font-family: "Reaktif", "Montserrat", "Rubik", system-ui, sans-serif;
}
.page-template-homepage-php
*:not(.hero *):not(.pricing__title span):not(h2):not(.logo):not(
.meet-skrooge__left p
):not(.price__amount span):not(.marquee-content span):not(
.cta-block__content h3
):not(.service-card h3):not(.card h3):not(.addons-title-wrap span):not(
.main-form-popup.white-popup form .form-title
),
.btn {
font-family: "Montserrat", "Rubik";
}
.btn {
font-weight: 600;
font-family: "Montserrat", "Rubik";
}
/* html[lang="ru-RU"] * {
font-family: "Rubik" !important;
} */
.hero-tooltip-3-content-item__text p {
font-family: "Montserrat", "Rubik";
}
.hero {
border-radius: 0 0 100px 100px;
margin-bottom: 0;
}
.build-for {
padding: 70px 0 80px;
}
.marquee-container {
margin: 35px 0 40px;
}
.card__content {
padding-top: 63px;
}
.card__content {
background: linear-gradient(
to bottom,
rgba(5, 22, 52, 0) 0%,
rgba(5, 22, 52, 0.8) 100%
);
}
.hero .btn--primary {
border-radius: 18px;
min-width: 300px;
font-size: 18px;
line-height: 1;
padding-top: 23px;
padding-bottom: 23px;
font-family: "Montserrat", "Rubik";
font-weight: 600;
}
.cta-block__content .btn {
font-size: 18px;
}
.page-template-paid .faq__contact {
display: none !important;
}
.faq-item__trigger,
.faq__contact,
.tab-btn,
.team-member-content h4,
.section-subtitle,
.profit-percent__title,
.pricing__features h3,
.pricing__addons h3,
.pricing__subtitle,
.meet-skrooge__right h3 {
font-weight: 600;
}
html[lang="ru-RU"] .faq-item__trigger,
html[lang="ru-RU"] .faq__contact,
html[lang="ru-RU"] .talk-to-team,
html[lang="ru-RU"] .author__info h4,
html[lang="ru-RU"] .tab-btn,
html[lang="ru-RU"] .team-member-content h4,
html[lang="ru-RU"] .section-subtitle,
html[lang="ru-RU"] .profit-percent__title,
html[lang="ru-RU"] .pricing__features h3,
html[lang="ru-RU"] .pricing__addons h3,
html[lang="ru-RU"] .pricing__subtitle,
html[lang="ru-RU"] .meet-skrooge__right h3,
html[lang="ru-RU"] .meet-skrooge__right a.talk-to-team {
font-weight: 500;
}
.profit-percent__title {
font-size: 16px;
color: #616f86;
font-weight: 500;
}
.price__amount,
.price__period,
.price__amount span,
.price__period span {
font-family: "Reaktif", "Rubik";
}
html[lang^="ar"] .price__period {
display: none;
}
.hero-tooltip-2-logo__text {
font-weight: 700;
}
.pricing__addons h3 span {
font-weight: 400;
}
.feature-title {
color: #96a0ce;
font-size: 20px;
}
.feature-item::after,
.addons-list li::after {
background-image: linear-gradient(
to right,
var(--text-color) 0 2px,
transparent 2px 8px
);
background-size: 8px 2px;
background-repeat: repeat-x;
background-position: bottom;
height: 2px;
bottom: 13px;
}
.testimonials {
padding-top: 50px;
}
.calculator__input label span {
display: inline-block;
margin-right: 5px;
}
.custom-slider-fill {
border-radius: 0;
}
.custom-slider-marker.active + .custom-slider-fill {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.cta .btn--primary {
padding: 22px;
}
html[lang="ru-RU"] .cta .btn--primary {
max-width: max-content;
}
.faq-item__content {
margin-top: -15px;
}
.faq-item__content,
.faq-item .faq-item__content {
display: none;
}
.faq-item.active-first .faq-item__content {
display: block;
}
.faq-item.active-faq .faq-item__icon {
transform: rotate(0deg);
}
.faq-item__content ul,
.faq-item__content ol {
list-style-type: initial;
padding-left: 40px;
font-size: 18px;
}
.needs-covered {
padding: 64px 0 90px;
}
.services-grid {
margin-top: 90px;
}
.meet-skrooge__left p {
font-weight: 500;
}
html[lang="ru-RU"] .meet-skrooge__left p {
font-weight: 400;
}
.hero-tooltip-1__content {
gap: 12px;
max-width: 280px;
}
.hero-tooltip-2 {
padding: 12px 30px 20px 20px;
}
.tabs__nav {
gap: 24px;
}
body:has(.header-ads-line) .hero,
body:has(.multiple-banners) .hero {
padding-top: 160px;
}
img {
max-width: 100%;
}
img + noscript {
display: none;
}
.hero .animated-image-wrapper {
display: flex;
width: 100%;
height: 100%;
position: relative;
pointer-events: none;
}
.breadcrumbs__separator {
color: #949ba8;
}
.blog-hero-title {
font-size: 52px;
line-height: 1.1;
color: #051634;
margin-top: 0;
margin-bottom: 15px;
text-align: center;
width: 100%;
}
.blog-hero-subtitle {
text-align: center;
width: 100%;
max-width: 1059px;
margin: 0 auto 25px;
}
.featured-section-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
height: 596px;
margin: 0;
}
.featured-section-grid .featured-article {
width: calc(67% - 10px);
overflow: visible;
background: transparent;
transition: box-shadow 0.3s ease;
}
.featured-section-grid .featured-article:hover {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.featured-section-grid .featured-article-wrapper {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
text-decoration: none;
overflow: hidden;
border-radius: 30px;
background: #000;
position: relative;
}
.featured-section-grid .featured-article-wrapper .main-image {
transition: 0.3s ease;
}
.featured-section-grid .featured-article-wrapper:hover .main-image {
transform: scale(1.05);
}
.featured-section-grid .featured-article-title {
font-size: 26px;
line-height: 31px;
font-family: "Reaktif", "Rubik";
font-weight: 400;
}
.featured-section-grid .featured-article-overlay {
padding: 15px 30px;
}
.featured-section-grid .secondary-articles {
width: calc(33% - 10px);
gap: 12px;
}
.featured-section-grid .secondary-articles .secondary-article {
max-height: initial;
height: 100%;
}
.featured-section-grid .secondary-articles .secondary-article:hover {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.featured-section-grid .secondary-article-title {
font-size: 26px;
font-weight: 400;
line-height: 31px;
font-family: "Reaktif", "Rubik";
}
.featured-section-grid .secondary-article-overlay {
padding: 15px 30px;
}
.blog-listing-header-search {
border-radius: 12px;
position: relative;
}
.blog-listing-header-search input::placeholder {
font-style: italic;
font-size: 16px;
line-height: 21px;
font-family: "Montserrat Italic";
}
.blog-listing-header-search:after {
content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6 16.5996L13.538 13.5377M13.538 13.5377C14.9096 12.1662 15.7579 10.2714 15.7579 8.17856C15.7579 3.99282 12.3647 0.599609 8.17892 0.599609C3.99319 0.599609 0.599976 3.99282 0.599976 8.17856C0.599976 12.3643 3.99319 15.7575 8.17892 15.7575C10.2718 15.7575 12.1665 14.9092 13.538 13.5377Z' stroke='%23051634' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
position: absolute;
right: 20px;
top: 18px;
width: 16px;
height: 16px;
}
.blog-listing-posts {
display: flex;
flex-wrap: wrap;
row-gap: 100px;
column-gap: 20px;
}
.blog-listing-post {
width: calc((100% / 3) - (40px / 3));
display: flex;
flex-direction: column;
overflow: visible;
}
.blog-listing-post-image {
padding-bottom: 56%;
width: 100%;
position: relative;
aspect-ratio: auto;
}
.blog-listing-post-image img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transition: 0.3s ease;
}
.blog-listing-post .blog-post-link:hover .blog-listing-post-image img {
transform: scale(1.05);
}
.blog-listing-post .blog-post-link .image-item {
border-radius: 30px;
}
.blog-listing-post .blog-post-link:hover .image-item {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.blog-listing-post-meta {
border: none;
margin-top: auto;
}
.article-author .author-link span {
font-size: 14px;
line-height: 21px;
}
#page {
min-height: 100vh;
background: inherit;
border-radius: 0px 0px 100px 100px;
z-index: 1;
position: relative;
}
.breadcrumbs__current,
.breadcrumbs__link {
text-transform: initial;
}
.blog-listing-post-title {
line-height: 1.3;
}
.blog-listing-post-meta {
padding-right: 28px;
}
.blog-listing-post-excerpt {
margin-bottom: 0;
}
.load-more-btn {
margin-top: 60px;
display: flex;
margin-right: auto;
margin-left: auto;
}
.blog-listing {
padding-bottom: 60px;
}
.hero .animated-image-wrapper .image-preview {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.hero-chart img,
.hero-chart svg {
max-height: 78px;
object-fit: contain;
}
.hero__subtitle {
max-width: 1110px;
margin-bottom: 45px;
margin-top: 24px;
font-size: 20px;
font-weight: 600;
line-height: 1.6;
color: var(--text-color);
}
header .logo img {
max-height: 35px;
max-width: 184px;
object-fit: contain;
}
.build-for {
overflow: hidden;
}
.hero-tooltip-wrap svg {
max-width: 100%;
}
.hero-tooltip-1 {
padding: 13px;
width: 230px;
min-width: 230px;
}
.hero-tooltip-3-content-item__text {
font-size: 16px;
font-weight: 400;
}
.hero-tooltip-3 {
width: 286px;
bottom: 95px;
left: 148px;
padding: 21px 20px 16px 20px;
}
.hero-tooltip-1 svg path {
stroke: #43974a;
}
.hero-tooltip-2-logo svg {
width: 30px;
height: 30px;
}
.hero-tooltip-2-content p {
font-weight: 400;
}
.hero-tooltip-2-content svg {
position: absolute;
bottom: 17px;
right: 20px;
}
.main-form-popup.white-popup {
max-width: 880px;
width: 880px;
border-radius: 24px;
padding: 36px 70px 41px;
}
.main-form-popup.white-popup:not(:has(form.mail-send)) {
padding-right: 30px;
}
.main-form-popup.white-popup form .heading {
display: flex;
flex-direction: column;
gap: 11px;
}
.main-form-popup.white-popup form .form-title {
display: flex;
flex-direction: column;
gap: 10px;
font-size: 32px;
line-height: 1.2;
font-weight: 700;
align-items: center;
text-align: center;
font-family: "Reaktif", "Rubik";
white-space: nowrap;
}
.main-form-popup.white-popup form .heading p {
text-align: center;
font-weight: 500;
}
html[lang="ru-RU"] .main-form-popup.white-popup form .heading p {
font-weight: 400;
}
.main-form-popup.white-popup form .form-title img,
.main-form-popup.white-popup form .form-title svg {
width: 100px;
height: 100px;
min-width: 100px;
min-height: 100px;
}
.main-form-popup.white-popup form .zf-subContWrap ul label,
.main-form-popup.white-popup form .zf-subContWrap .zf-phone-field-wrap label {
display: none;
}
.main-form-popup.white-popup form .zf-subContWrap .zf-phwrapper .phone-wrapper {
width: 100%;
display: block;
}
.main-form-popup.white-popup
form
.zf-subContWrap
.zf-phwrapper
.phone-wrapper
input {
background: #fff;
border: 1px solid #c2c8d2;
box-shadow: none;
outline: none;
padding: 17px 24px 17px 100px;
color: #000;
font-size: 16px;
line-height: 1.3;
border-radius: 8px;
width: 100%;
}
.phone-wrapper label {
display: none;
}
.country-code-wrapper label {
display: none;
}
.main-form-popup.white-popup
form
.zf-subContWrap
.zf-phwrapper
.phone-wrapper
input::placeholder {
font-size: 16px;
line-height: 21px;
color: #949ba8;
}
.main-form-popup.white-popup form .zf-fmFooter button {
color: #fff;
background: #6a2135;
transition: 0.3s ease;
width: 100%;
text-align: center;
font-family: "Montserrat", "Rubik";
font-size: 16px;
line-height: 1;
font-weight: 600;
margin-top: 16px;
border-radius: 12px;
cursor: pointer;
padding: 20px;
}
.main-form-popup.white-popup form .zf-fmFooter button:hover,
.main-form-popup.white-popup form .zf-fmFooter button:active {
background: #9d3b56;
}
.main-form-popup.white-popup form.sending .zf-fmFooter button {
pointer-events: none;
cursor: default;
}
.main-form-popup.white-popup form .zf-phwrapper {
position: relative;
margin-top: 20px;
}
.main-form-popup.white-popup form .country-code-wrapper .country-code-input {
position: absolute;
pointer-events: none;
opacity: 0;
width: 0;
height: 0;
visibility: hidden;
left: 0;
top: 0;
}
.main-form-popup.white-popup form .country-code-wrapper {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: block;
z-index: 10;
}
.main-form-popup.white-popup
form
.country-code-wrapper
.iti__country-container {
position: static;
}
.main-form-popup.white-popup form .error-message {
display: none;
font-size: 16px;
line-height: 1.3;
align-items: center;
gap: 8px;
color: #c42d54;
}
.main-form-popup.white-popup form .error-message svg {
width: 20px;
min-width: 20px;
}
.main-form-popup.white-popup form.phone-error .error-message {
display: flex;
margin-top: 9px;
}
.main-form-popup.white-popup form.phone-error .zf-fmFooter button {
cursor: default;
pointer-events: none;
opacity: 0.36;
}
.main-form-popup.white-popup .success-wrapper {
display: none;
flex-direction: column;
gap: 8px;
}
#success-popup .success-wrapper {
display: flex;
}
#success-popup {
max-width: 440px;
width: 440px;
padding-right: 70px;
}
.main-form-popup.white-popup .success-wrapper * {
margin: 0;
color: #051634;
text-align: center;
}
.main-form-popup.white-popup .success-wrapper .title {
font-size: 28px;
font-weight: 700;
line-height: 1.2;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
}
.main-form-popup.white-popup .success-wrapper .title img {
width: 100px;
height: 100px;
object-fit: cover;
}
.main-form-popup.white-popup .success-wrapper .text {
font-size: 16px;
line-height: 1.6;
font-weight: 500;
}
html[lang="ru-RU"] .main-form-popup.white-popup .success-wrapper .text {
font-weight: 400;
}
.main-form-popup.white-popup form.mail-send {
display: none;
}
.main-form-popup.white-popup form.mail-send ~ .success-wrapper {
display: flex;
}
.main-form-popup.white-popup form.mail-send ~ .contact-wrapper {
display: none;
}
.main-form-popup.white-popup .success-wrapper .close-modal {
width: max-content;
min-width: 300px;
padding: 22px;
color: #f5ece0;
background: #6a2135;
border-radius: 12px;
text-align: center;
margin-top: 20px;
cursor: pointer;
margin-left: auto;
margin-right: auto;
}
.main-form-popup.white-popup .success-wrapper .close-modal:hover {
background: #9d3b56;
}
.main-form-popup.white-popup .mfp-close {
width: 22px;
height: 22px;
padding: 10px;
font-size: 0;
line-height: 0;
right: 22px;
top: 17px;
opacity: 1;
}
.main-form-popup.white-popup .mfp-close:after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.75%2012.75L12.75%200.75M0.75%200.75L12.75%2012.75%22%20stroke%3D%22%23051634%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
position: absolute;
left: 5px;
top: 5px;
}
.iti .iti__arrow {
display: none;
}
.iti .iti__flag {
width: 14px;
height: 14px;
border-radius: 50px;
background-size: var(--iti-flag-sprite-width) 14px;
}
.iti--allow-dropdown
.iti__country-container:not(:has(+ input[disabled])):not(
:has(+ input[readonly])
)
.iti__selected-country-primary:hover {
background: transparent;
}
.iti .iti__selected-country-primary {
padding: 0 8px 0 12px;
}
.iti .iti__selected-dial-code {
margin-left: 0;
font-size: 16px;
line-height: 1.4;
color: #000000;
position: relative;
}
.iti .iti__selected-dial-code:after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%225%22%20viewBox%3D%220%200%209%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.5%200.5L4.5%204.5L8.5%200.5%22%20stroke%3D%22%2318181B%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
position: absolute;
right: -15px;
top: -3px;
}
.iti--inline-dropdown .iti__dropdown-content {
min-width: 240px;
}
.iti__search-input {
padding: 10px 20px 10px 27px;
font-size: 16px;
line-height: 1.3;
}
body:has(.mfp-bg),
html:has(.mfp-bg),
html:has(.mm-wrapper--opened),
body:has(.custom-video-modal),
html:has(.custom-video-modal),
body:has(.custom-testimonial-modal),
html:has(.custom-testimonial-modal) {
overflow: hidden;
touch-action: none;
}
html:has(.mfp-bg) {
margin-right: 15px;
}
.mfp-wrap,
.mfp-bg {
height: 100vh !important;
position: fixed !important;
top: 0 !important;
}
.team-slider .slick-arrow {
position: absolute;
top: 185px;
font-size: 0;
line-height: 0;
background: #fff;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
cursor: pointer;
transform: none;
}
.team-slider .slick-arrow:after {
display: block;
}
.team-slider .slick-arrow.slick-prev {
left: 15px;
}
.team-slider .slick-arrow.slick-next {
right: 15px;
}
.team-slider .slick-arrow.slick-prev:after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.75%200.75L0.749999%206.75L6.75%2012.75%22%20stroke%3D%22%2318181B%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.team-slider .slick-arrow.slick-next:after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.75%200.75L6.75%206.75L0.750001%2012.75%22%20stroke%3D%22%2318181B%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.header-ads-line {
background: #051634;
padding: 5px;
}
.header-ads-line-btn {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
font-size: 14px;
font-weight: 600;
}
.header-ads-line-btn:hover {
color: #051634;
}
.header-ads-line-close {
width: 10px;
height: 10px;
transition: opacity 0.3s ease;
}
.header-ads-line-close:hover {
background: transparent;
opacity: 0.7;
}
.header-ads-line + .header {
top: 48px;
}
header .header-wrapper {
position: relative;
}
header .header-wrapper .header-items {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
padding: 0 200px;
gap: 32px;
}
header.header-large .header-wrapper .header-items {
padding-right: 0;
padding-left: 300px;
justify-content: flex-end;
}
header.header-large .main-menu.desktop-menu {
margin-left: auto;
margin-right: auto;
}
header .header-wrapper .header-items .btn--get-started {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 16px;
height: auto;
max-height: max-content;
padding: 12px 27px;
min-width: 224px;
font-weight: 600;
}
header .header-wrapper .header-items .btn--get-started img,
header .header-wrapper .header-items .btn--get-started svg {
width: 24px;
height: 20px;
object-fit: contain;
}
header .header-wrapper .header-items .main-menu .header-main-menu {
display: flex;
gap: 32px;
}
header .header-wrapper .header-items .main-menu .header-main-menu > li > a {
font-size: 18px;
font-weight: 600;
text-decoration: none;
position: relative;
color: #051634;
transition: color 0.3s ease-in-out;
cursor: pointer;
}
html[lang="ru-RU"]
header
.header-wrapper
.header-items
.main-menu
.header-main-menu
> li
> a {
font-weight: 500;
}
html[lang="ru-RU"] .marquee-content span {
font-weight: 500;
}
header
.header-wrapper
.header-items
.main-menu
.header-main-menu
> li
> a:after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 0;
height: 2px;
background: #6a2135;
transition: width 0.3s ease;
}
header
.header-wrapper
.header-items
.main-menu
.header-main-menu
> li
> a:hover {
color: #6a2135;
}
header
.header-wrapper
.header-items
.main-menu
.header-main-menu
> li
> a:hover:after {
width: 100%;
}
header .header-wrapper .header-items .header-login-btn,
header .header-wrapper .header-items .header-login-btn img,
header .header-wrapper .header-items .header-login-btn svg {
display: block;
}
header .header-wrapper .header-items .header-login-btn {
transition: all 0.3s ease;
width: 44px;
position: relative;
border-radius: 10px;
}
header .header-wrapper .header-items .header-login-btn span {
color: #051634;
position: absolute;
top: 50%;
left: 100%;
transform: translateY(-50%);
padding-left: 11px;
width: max-content;
height: max-content;
opacity: 0;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: opacity 0.3s ease;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
header .header-wrapper .header-items .header-login-btn:hover span {
opacity: 1;
}
header .header-wrapper .header-items .header-login-btn:hover {
background: var(--primary-color);
}
header .header-wrapper .header-items .header-login-btn:hover svg path {
stroke: #fff;
transition: all 0.3s ease;
}
header .header-wrapper .header-items .header-login-btn img,
header .header-wrapper .header-items .header-login-btn svg {
max-width: 100%;
max-height: 44px;
object-fit: contain;
width: auto;
height: auto;
transition: all 0.3s ease;
}
@media (max-width: 1500px) {
header .header-wrapper .header-items .header-login-btn span {
display: none;
}
}
header .header-burger .bars {
height: 2px;
}
.header-menu-mob.new-mob-menu {
display: none;
padding: 25px 20px;
width: 100%;
border-radius: 0;
overflow: auto;
}
.header-menu-mob.new-mob-menu.mm-menu {
display: flex;
z-index: 100;
}
.header-menu-mob.new-mob-menu.mm-menu .menus-wrapper {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.header-menu-mob.new-mob-menu.mm-menu .menus-wrapper,
.header-menu-mob.new-mob-menu .mm-panels {
overflow: visible;
}
.header-menu-mob.new-mob-menu.mm-menu .menus-wrapper .menus-elem {
width: 100%;
}
.header-menu-mob.new-mob-menu .mob-menu-logo img,
.header-menu-mob.new-mob-menu .mob-menu-logo svg {
display: block;
max-width: 120px;
width: auto;
height: auto;
}
.header-menu-mob.new-mob-menu .header-mob-main-menu,
.header-menu-mob.new-mob-menu .policy-mob-menu {
width: calc(100% + 40px);
position: relative;
left: -20px;
display: flex;
flex-direction: column;
margin-top: 35px;
}
.header-menu-mob.new-mob-menu .header-mob-main-menu li,
.header-menu-mob.new-mob-menu .policy-mob-menu li,
.header-menu-mob.new-mob-menu .header-mob-main-menu > li > a,
.header-menu-mob.new-mob-menu .policy-mob-menu li a {
width: calc(100% - 14px);
display: block;
border-radius: 8px;
margin-left: 3px;
}
.header-menu-mob.new-mob-menu .header-mob-main-menu > li > a {
padding: 7px 10px;
font-size: 16px;
line-height: 1.6;
font-weight: 600;
}
.header-menu-mob.new-mob-menu .header-mob-main-menu > li > a:hover,
.header-menu-mob.new-mob-menu .policy-mob-menu li a:hover {
background: #f3f4f6;
}
.header-menu-mob.new-mob-menu .policy-mob-menu li a {
color: #96a0ce;
font-size: 14px;
line-height: 1.6;
font-weight: 400;
padding: 7px 10px;
width: calc(100% - 14px);
margin-left: 3px;
}
.header-menu-mob.new-mob-menu .mm-panel {
position: static;
transform: none;
width: auto;
height: max-content;
}
.header-menu-mob.new-mob-menu .contact-menu-wrapper {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 5px;
padding-top: 15px;
border-top: 1px solid #d6dbf2;
}
.header-menu-mob.new-mob-menu .contact-menu-wrapper .title {
font-size: 14px;
line-height: 1.6;
font-weight: 400;
color: #96a0ce;
margin: 0;
}
.header-menu-mob.new-mob-menu .contact-menu-wrapper ul {
display: flex;
flex-wrap: wrap;
width: max-content;
justify-content: center;
gap: 16px;
list-style-type: none;
padding: 0;
margin: 0;
}
.header-menu-mob.new-mob-menu .contact-menu-wrapper ul li a {
display: block;
position: relative;
}
.header-menu-mob.new-mob-menu .contact-menu-wrapper ul li a img,
.header-menu-mob.new-mob-menu .contact-menu-wrapper ul li a svg {
width: 40px;
height: 40px;
object-fit: cover;
border-radius: 12px;
}
.header-menu-mob.new-mob-menu .contact-menu-wrapper ul li a .hovered {
opacity: 0;
left: 0;
top: 0;
position: absolute;
}
.header-menu-mob.new-mob-menu .contact-menu-wrapper ul li a:hover .hovered {
opacity: 1;
}
.header-menu-mob.new-mob-menu .open-popup-link {
color: #f5ece0;
margin-top: 35px;
margin-bottom: 0;
font-weight: 500;
font-size: 16px;
line-height: 1;
height: auto;
padding-top: 16px;
padding-bottom: 16px;
}
html[lang="ru-RU"] .header-menu-mob.new-mob-menu .open-popup-link {
font-weight: 400;
}
.header,
.header.sticky {
padding-top: 18px;
padding-bottom: 18px;
}
.header.sticky.with-ads-line {
top: 48px;
}
.hero,
.hero.without-ads-line {
padding-top: 150px;
}
.hero-images-wrap {
height: 430px;
}
.main-form-popup.white-popup form {
width: 300px;
}
.main-form-popup.white-popup .zf-templateWidth {
position: relative;
display: flex;
}
.main-form-popup.white-popup .separate {
position: absolute;
left: calc(50% - 23px);
transform: translateX(-50%);
top: 0;
width: max-content;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.main-form-popup.white-popup .separate span {
background: #fff;
font-size: 20px;
line-height: 1.2;
font-family: "Reaktif", "Rubik";
font-weight: 700;
color: #96a0ce;
min-height: 24px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
z-index: 1;
}
.main-form-popup.white-popup .separate:after {
content: "";
position: absolute;
z-index: -1;
left: 50%;
top: 0;
transform: translateX(-50%);
width: 1px;
height: 100%;
background: #eaecf5;
}
.main-form-popup.white-popup .contact-wrapper {
width: 376px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-left: auto;
}
.main-form-popup.white-popup .contact-wrapper .heading {
display: flex;
flex-direction: column;
gap: 11px;
}
.main-form-popup.white-popup .contact-wrapper .form-title {
display: flex;
flex-direction: column;
gap: 11px;
font-size: 32px;
line-height: 1.2;
font-weight: 700;
align-items: center;
text-align: center;
font-family: "Reaktif", "Rubik";
}
.main-form-popup.white-popup .contact-wrapper .heading p {
text-align: center;
max-width: 220px;
font-weight: 500;
}
html[lang="ru-RU"] .main-form-popup.white-popup .contact-wrapper .heading p {
font-weight: 400;
}
.main-form-popup.white-popup .contact-wrapper .form-title img,
.main-form-popup.white-popup .contact-wrapper .form-title svg {
width: 100px;
height: 100px;
min-width: 100px;
min-height: 100px;
}
.main-form-popup.white-popup .contact-wrapper .contacts-menu {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-top: 20px;
}
.main-form-popup.white-popup .contact-wrapper .contacts-menu li:nth-child(1) {
grid-area: 1 / 1 / 2 / 2;
}
.main-form-popup.white-popup .contact-wrapper .contacts-menu li:nth-child(2) {
grid-area: 2 / 1 / 3 / 2;
}
.main-form-popup.white-popup .contact-wrapper .contacts-menu li:nth-child(3) {
grid-area: 1 / 2 / 2 / 3;
}
.main-form-popup.white-popup .contact-wrapper .contacts-menu li:nth-child(4) {
grid-area: 2 / 2 / 3 / 3;
}
.main-form-popup.white-popup .contact-wrapper .contacts-menu li .menu-elem {
display: flex;
gap: 10px;
color: #051634;
font-size: 16px;
line-height: 1.6;
border: 1px solid #c2c8d2;
border-radius: 12px;
text-decoration: none;
height: 56px;
align-items: center;
padding: 10px;
position: relative;
transition: color 0.3s ease;
z-index: 1;
}
.main-form-popup.white-popup
.contact-wrapper
.contacts-menu
li
.menu-elem
.icons {
position: relative;
}
.main-form-popup.white-popup
.contact-wrapper
.contacts-menu
li
.menu-elem
.icons
img,
.main-form-popup.white-popup
.contact-wrapper
.contacts-menu
li
.menu-elem
.icons
svg {
min-width: max-content;
max-height: 20px;
width: auto;
height: auto;
object-fit: contain;
display: block;
}
.main-form-popup.white-popup
.contact-wrapper
.contacts-menu
li
.menu-elem
.icons
.hovered {
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: opacity 0.3s ease;
}
.main-form-popup.white-popup
.contact-wrapper
.contacts-menu
li
.menu-elem
.icons
.default-mobile,
.main-form-popup.white-popup
.contact-wrapper
.contacts-menu
li
.menu-elem
.icons
.mobile-hovered {
display: none;
}
.main-form-popup.white-popup
.contact-wrapper
.contacts-menu
li
.menu-elem
.background {
position: absolute;
left: -1px;
top: -1px;
border-radius: 12px;
width: calc(100% + 2px);
height: calc(100% + 2px);
opacity: 0;
z-index: -1;
transition: opacity 0.3s ease;
}
.main-form-popup.white-popup
.contact-wrapper
.contacts-menu
li
.menu-elem:hover
.background,
.main-form-popup.white-popup
.contact-wrapper
.contacts-menu
li:has(a[href^="tel:"]):hover
.background {
opacity: 1;
}
.main-form-popup.white-popup
.contact-wrapper
.contacts-menu
li
.menu-elem:hover,
.main-form-popup.white-popup
.contact-wrapper
.contacts-menu
li:has(a[href^="tel:"]):hover
a {
color: #ffffff;
}
.main-form-popup.white-popup
.contact-wrapper
.contacts-menu
li
.menu-elem:hover
.icons
.hovered,
.main-form-popup.white-popup
.contact-wrapper
.contacts-menu
li:has(a[href^="tel:"]):hover
.icons
.hovered {
opacity: 1;
border-color: transparent;
}
.main-form-popup.white-popup:has(form.mail-send) .separate {
display: none;
}
.main-form-popup.white-popup:has(form.mail-send) {
max-width: 440px;
width: 440px;
}
.blog-featured-image {
aspect-ratio: auto;
}
body:has(#cookie-banner.cookie-hidden) .fixed-contact,
body:has(#cookie-banner.hidden-default) .fixed-contact,
body:not(:has(#cookie-banner)) .fixed-contact,
body:has(#cookie-banner.cookie-hidden) .page-fixed-button,
body:has(#cookie-banner.hidden-default) .page-fixed-button,
body:not(:has(#cookie-banner)) .page-fixed-button {
bottom: 32px;
}
.fixed-contact {
position: fixed;
right: 32px;
bottom: 75px;
z-index: 10;
overflow: hidden;
color: #ffffff;
width: 60px;
height: 60px;
border-radius: 50px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.fixed-contact img,
.fixed-contact svg {
width: 30px;
height: 30px;
object-fit: contain;
}
.fixed-contact .hovered-background {
z-index: -1;
opacity: 0;
transition: opacity 0.3s ease;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.fixed-contact:hover .hovered-background {
opacity: 1;
}
.meet-skrooge {
overflow: hidden;
padding: 68px 0 0;
}
.skrooge-advantage {
padding: 70px 0;
}
.tabs__nav {
margin-bottom: 50px;
}
.pricing {
padding: 75px 0 68px;
}
.custom-slider-track {
height: 12px;
border-radius: 50px;
}
.calculator__slider {
position: relative;
}
.track-bg {
position: absolute;
left: 0;
top: 4px;
width: 100%;
height: 12px;
pointer-events: none;
}
.custom-slider-marker.current::after {
content: none;
}
.custom-slider-marker::before {
content: "";
display: flex;
align-items: center;
justify-content: center;
width: 3px;
height: 18px;
transform: none;
border-radius: 50px;
margin-bottom: 0;
transition: background 0.2s;
position: absolute;
background: #ded8d8;
top: -9px;
}
.custom-slider-marker:has(+ .custom-slider-fill)::before,
.custom-slider-marker:first-child::before,
.custom-slider-marker:nth-child(2)::before {
content: none;
}
.custom-slider-marker span {
color: #897d7d;
font-weight: 500;
}
html[lang="ru-RU"] .custom-slider-marker span {
font-weight: 400;
}
.custom-slider-marker.current span {
font-weight: 600;
font-size: 16px;
text-shadow: none;
}
.custom-slider-marker:has(+ .custom-slider-fill) span {
display: none;
}
.tab-btn {
font-size: 16px;
font-weight: 600;
padding: 15px 16px;
min-width: 192px;
}
.calculator__input {
padding-top: 29px;
padding-bottom: 29px;
margin-bottom: 0;
}
.price__amount {
margin-bottom: 4px;
}
.pricing__result .btn {
font-size: 18px;
padding-top: 23px;
padding-bottom: 23px;
}
.feature-group {
margin-bottom: 12px;
}
.calculator__input::after {
content: none;
}
.feature-separator {
height: 1px;
position: relative;
margin-bottom: 24px;
margin-top: 24px;
}
.addons-title-wrap {
flex-direction: column;
align-items: flex-start;
gap: 0;
}
.addons-title-wrap span {
display: block;
font-style: italic;
font-size: 20px;
line-height: 1.6;
font-family: "Montserrat Italic";
color: #8a7c7c;
}
.feature-separator:before {
content: "";
position: absolute;
top: 0px;
background-image: url("/wp-content/themes/skrooge/src/img/dash.svg");
background-repeat: repeat-x;
width: 100%;
height: 1px;
}
.pricing__addons {
margin-top: 24px;
}
.pricing__addons {
margin-top: 0;
}
.addons-list.active {
max-width: 100%;
margin-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.pricing__addons {
margin-bottom: 0;
}
.main-form-popup.white-popup
.contact-wrapper
.contacts-menu
li
a[href^="tel:"] {
display: none;
}
.pricing__title .mob-br:nth-of-type(2) {
display: block;
}
.pricing__title span {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
}
.calculator__input #transactions {
border: 1px solid #d3c3c3;
}
.card--cta.card-mobile {
display: none;
}
.build-for .cards-grid-wrapper {
width: 100%;
display: block;
}
.price__subtitle_mob {
display: none;
}
.addons-list.mob-full {
display: none;
}
.feature-name small {
display: none;
}
.new-range-slider-wrapper {
position: relative;
margin-top: 72px;
margin-bottom: 30px;
}
.new-range-slider-wrapper .noUi-connects {
background-color: #ded8d8;
position: relative;
width: 100%;
height: 12px;
border-radius: 50px;
overflow: hidden;
}
.new-range-slider-wrapper .noUi-connect {
background: #051634;
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
transform-style: flat;
}
.new-range-slider-wrapper .noUi-marker-horizontal {
background: #ded8d8;
border-radius: 50px;
width: 3px;
height: 18px;
position: absolute;
}
.new-range-slider-wrapper .new-range-slider-wrapper .noUi-pips {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 12px;
pointer-events: none;
}
.new-range-slider-wrapper .noUi-marker-horizontal.noUi-marker {
top: -3px;
z-index: 2;
}
.new-range-slider-wrapper .noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
width: max-content;
position: absolute;
color: #897d7d;
font-weight: 500;
display: block;
font-size: 16px;
pointer-events: all;
cursor: pointer;
}
html[lang="ru-RU"] .new-range-slider-wrapper .noUi-value-horizontal {
font-weight: 400;
}
.new-range-slider-wrapper .noUi-marker-horizontal.noUi-marker.active {
background: #051634;
}
.new-range-slider-wrapper
.noUi-marker-horizontal.noUi-marker.active
+ .noUi-value {
color: #051634;
font-weight: 600;
}
.new-range-slider-wrapper .track-bg,
.new-range-slider-wrapper .track-bg img,
.new-range-slider-wrapper .track-bg svg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 12px;
pointer-events: none;
z-index: 1;
}
.new-range-slider-wrapper .track-bg:after {
content: "";
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 1px;
background: #f9f5f5;
z-index: 2;
}
.new-range-slider-wrapper .track-bg:before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
background: #f9f5f5;
z-index: 2;
}
.new-range-slider-wrapper .noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
transform-style: flat;
}
.new-range-slider-wrapper .noUi-horizontal .noUi-handle {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
cursor: pointer;
width: 48px;
height: 50px;
top: -58px;
right: -25px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='50' viewBox='0 0 48 50' fill='none'%3E%3Crect width='48' height='42' rx='12' fill='%23051634'/%3E%3Cpath d='M28.7795 39C30.4668 39 31.3959 40.9606 30.3274 42.2665L25.5479 48.1081C24.7477 49.0861 23.2523 49.0861 22.4521 48.1081L17.6726 42.2665C16.6041 40.9606 17.5332 39 19.2205 39L28.7795 39Z' fill='%23051634'/%3E%3Cpath d='M19.0475 26.8378L14.2475 22.1006C13.9175 21.775 13.9175 21.2251 14.2475 20.8994L19.0475 16.1622C19.4082 15.8063 20 16.0744 20 16.5938L20 26.4062C20 26.9256 19.4082 27.1937 19.0475 26.8378Z' fill='white'/%3E%3Cpath d='M28.9525 16.1622L33.7525 20.8994C34.0825 21.225 34.0825 21.7749 33.7525 22.1006L28.9525 26.8378C28.5918 27.1937 28 26.9256 28 26.4062L28 16.5938C28 16.0744 28.5918 15.8063 28.9525 16.1622Z' fill='white'/%3E%3C/svg%3E");
}
.new-range-slider-wrapper .noUi-marker:first-child,
.new-range-slider-wrapper .noUi-marker:nth-last-child(2),
.new-range-slider-wrapper .noUi-marker:nth-last-child(2) + .noUi-value {
display: none !important;
}
.calculator__input-label .transactions-wrapper {
position: relative;
}
/* .calculator__input-label:has(.max-value) .transactions-wrapper:after {
content: '+';
position: absolute;
right: 10px;
font-weight: 700;
font-size: 22px;
line-height: 115%;
} */
section.pricing {
overflow: hidden;
}
.team-member-image.item {
display: flex;
align-items: flex-end;
justify-content: center;
}
.team-member-image.item img,
.team-member-image.item svg {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.btn-main {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: max-content;
border-radius: 18px;
font-weight: 600;
font-size: 18px;
text-align: center;
color: var(--gold-color);
padding: 19px;
text-decoration: none;
transition: 0.3s ease;
background: var(--primary-color);
font-family: "Montserrat", "Rubik";
cursor: pointer;
}
button.btn-main {
padding-top: 21px;
padding-bottom: 21px;
}
.btn-main:hover {
background: #9c3b56;
}
.btn-main.btn-transparent {
padding: 0;
background: transparent;
color: var(--primary-color);
position: relative;
}
.btn-main.btn-transparent::after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 0;
height: 2px;
background: var(--primary-color);
transition: width 0.3s ease;
}
.btn-main.btn-transparent:hover::after {
width: 100%;
}
.btn-main.btn-gold {
background: #f5ece0;
color: var(--primary-color);
}
.btn-main.btn-gold:hover {
background: var(--white);
color: var(--primary-color);
}
.paragraph-1 {
font-size: 18px;
font-weight: 600;
line-height: 1.6;
color: var(--text-color);
}
.paragraph-2 {
font-size: 20px;
font-weight: 500;
line-height: 32px;
color: var(--text-color);
font-family: "Reaktif", "Rubik";
}
html[lang="ru-RU"] .paragraph-1 {
font-weight: 500;
}
html[lang="ru-RU"] .paragraph-2 {
font-weight: 400;
}
.paragraph-3 {
font-size: 16px;
line-height: 26px;
}
.h2 {
font-weight: 700;
font-size: 60px;
line-height: 72px;
color: var(--text-color);
font-family: "Reaktif", "Rubik";
text-align: center;
}
.h3 {
font-weight: 600;
font-size: 32px;
line-height: 38px;
color: var(--text-color);
font-family: "Montserrat", "Rubik";
}
.h4 {
font-size: 24px;
font-weight: 500;
line-height: 34px;
color: var(--text-color);
font-family: "Reaktif", "Rubik";
}
.list-style-disc {
list-style: disc;
display: flex;
flex-direction: column;
gap: 8px;
}
.list-style-disc li {
font-size: 18px;
font-weight: 400;
line-height: 29px;
}
.list-style-disc li strong {
font-weight: 600;
}
.list-style-checkmark {
display: flex;
flex-direction: column;
list-style: none;
gap: 8px;
width: 100%;
}
.list-style-checkmark li {
font-size: 18px;
font-weight: 400;
line-height: 29px;
position: relative;
padding-left: 20px;
}
.list-style-checkmark li::before {
position: absolute;
left: 0;
top: -2px;
width: 10px;
height: 8px;
}
.list-style-checkmark.checkmark-dark li::before {
content: url("data:image/svg+xml,%3Csvg%20width%3D%2712%27%20height%3D%2710%27%20viewBox%3D%270%200%2012%2010%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M0.75%205.41667L3.875%208.75L10.75%200.75%27%20stroke%3D%27%23051634%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E");
}
.list-style-checkmark.primary li::before {
content: url("data:image/svg+xml,%3Csvg%20width%3D%2712%27%20height%3D%2710%27%20viewBox%3D%270%200%2012%2010%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M0.75%205.41667L3.875%208.75L10.75%200.75%27%20stroke%3D%27%236A2135%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E");
}
.list-style-checkmark.blue li::before {
content: url("data:image/svg+xml,%3Csvg%20width%3D%2712%27%20height%3D%2710%27%20viewBox%3D%270%200%2012%2010%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M0.75%205.41667L3.875%208.75L10.75%200.75%27%20stroke%3D%27%2396A0CE%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E");
}
.list-style-checkmark li strong {
font-weight: 600;
}
.section-intro {
padding-top: 215px;
padding-bottom: 0;
border-radius: 0 0 100px 100px;
background-color: #f9f6f2;
}
.section-intro > .container {
display: flex;
flex-wrap: wrap;
position: relative;
justify-content: space-between;
gap: 28px;
}
.section-intro .info {
width: 55%;
display: flex;
flex-direction: column;
gap: 32px;
padding-bottom: 60px;
padding-top: 70px;
max-width: max-content;
}
.page-id-5501 .info {
width: 58%;
}
.page-id-5501 .section-intro .image-item {
width: calc(42% - 28px);
}
.page-id-5501 .section-intro.buttons-rows-2-desktop .info .buttons,
.page-id-5595 .section-intro.buttons-rows-2-desktop .info .buttons {
order: 4;
}
.page-id-5501 .buttons-rows-2-desktop .block-with-scrollbar-wrapper,
.page-id-5595 .buttons-rows-2-desktop .block-with-scrollbar-wrapper {
order: 5;
}
.section-intro .info .image-mobile {
display: none;
}
.section-intro .info h1 {
color: var(--primary-color);
font-size: 72px;
font-weight: 700;
line-height: 1.15;
font-family: "Reaktif", "Rubik";
}
.section-intro .info h1.large-title {
min-width: max-content;
}
.section-intro .info .paragraph-1 {
max-width: 793px;
}
.section-intro .info .buttons {
display: flex;
align-items: center;
gap: 60px;
justify-content: flex-start;
margin-top: 8px;
width: max-content;
}
.section-intro.buttons-rows-2 .info .buttons {
gap: 40px;
}
html[lang="ru-RU"] .section-intro .info .buttons {
gap: 30px;
}
.section-intro.buttons-rows-2-desktop .info .buttons {
flex-direction: column;
align-items: center;
gap: 25px;
width: max-content;
max-width: 100%;
}
.section-intro.buttons-rows-2-desktop .info .buttons .btn-main.btn-transparent {
left: -10px;
}
html[lang="ru-RU"]
.section-intro.buttons-rows-2-desktop
.info
.buttons
.btn-main.btn-transparent {
left: 0;
}
.section-intro
.info
.buttons
.btn-main:not(.btn-transparent).btn-primary-large {
min-width: 476px;
}
html[lang="ru-RU"]
.section-intro
.info
.buttons
.btn-main:not(.btn-transparent).btn-primary-large,
html[lang="ar"]
.section-intro
.info
.buttons
.btn-main:not(.btn-transparent).btn-primary-large {
max-width: 100%;
}
.section-intro .info .buttons .btn-main:not(.btn-transparent) {
min-width: 300px;
}
.section-intro .image-item {
width: calc(45% - 28px);
max-width: 760px;
display: flex;
align-items: center;
justify-content: center;
}
.section-intro .image-item img {
height: auto;
}
.section-intro .bottom-info {
width: 100%;
border-top: 1px solid #d3c3c3;
margin-top: 56px;
}
.section-intro .bottom-info .container {
display: flex;
justify-content: space-between;
}
.section-intro .bottom-info .item {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
padding-top: 32px;
padding-bottom: 26px;
}
.section-intro .bottom-info .item:first-child {
padding-right: 15px;
border-right: 1px solid #d3c3c3;
}
.section-intro .bottom-info .item:nth-child(2) {
padding-left: 16px;
}
.section-intro .bottom-info .paragraph-2 {
text-align: center;
position: relative;
display: block;
padding: 0 40px;
}
.section-intro .bottom-info .img-elem {
position: absolute;
bottom: 0;
}
.section-intro .bottom-info .img-elem.left-img {
left: 0;
}
.section-intro .bottom-info .img-elem.right-img {
right: 0;
}
.section-cards-with-info {
padding: 76px 0 38px;
}
.section-cards-with-info .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.section-cards-with-info .cards-wrapper {
display: flex;
gap: 20px;
overflow: auto;
width: 100%;
position: relative;
}
.section-cards-with-info .card-elem {
width: 100%;
position: relative;
width: calc((100% / 3) - (80px / 3));
background: #f5f6fa;
border-radius: 30px;
overflow: hidden;
padding: 24px 28px;
min-height: 362px;
display: flex;
flex-direction: column;
}
.section-cards-with-info .card-elem .heading {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 35px;
position: absolute;
left: 0;
width: 100%;
top: 50%;
transform: translateY(-50%);
z-index: 0;
pointer-events: none;
}
.section-cards-with-info .card-elem .heading .image-item {
width: auto;
height: 79px;
display: flex;
align-items: center;
justify-content: center;
}
.section-cards-with-info .card-elem .heading .image-item img,
.section-cards-with-info .card-elem .heading .image-item svg {
width: 100%;
height: auto;
object-fit: contain;
max-height: 79px;
}
.section-cards-with-info .card-elem .heading h3 {
text-align: center;
}
html[lang="ru-RU"] .section-cards-with-info .card-elem .heading h3 {
font-weight: 400;
}
.section-cards-with-info .card-elem .paragraph-2 br {
display: none;
}
.section-cards-with-info .card-elem .paragraph-1 {
font-weight: 400;
}
.section-cards-with-info .card-elem .paragraph-2,
.section-cards-with-info .card-elem .paragraph-1 {
color: var(--white);
opacity: 0;
z-index: 2;
position: relative;
text-align: left;
}
.section-cards-with-info .card-elem .paragraph-2 {
font-weight: 600;
margin-bottom: 8px;
font-family: "Montserrat", "Rubik";
text-align: left;
}
.section-cards-with-info .card-elem::before {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 0;
height: 0;
background: var(--text-color);
transform: translateY(100%) translateX(-50%);
border-radius: 50%;
transition: all 0.65s ease;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
z-index: 1;
pointer-events: none;
}
.section-cards-with-info .card-elem:hover::before {
transform: translateY(0) translateX(-50%);
width: 250%;
height: 250%;
}
.section-cards-with-info .card-elem:hover .paragraph-2,
.section-cards-with-info .card-elem:hover .paragraph-1 {
transition-delay: 0.2s;
opacity: 1;
}
.section-with-pinned-cards {
padding-top: 38px;
padding-bottom: 0;
}
.section-with-pinned-cards > .container {
display: flex;
flex-direction: column;
align-items: center;
}
.section-with-pinned-cards .card-elem {
padding: 28px 0;
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 80px;
justify-content: space-between;
align-items: center;
position: sticky;
background: var(--white);
}
.section-with-pinned-cards .card-elem.media-right .image-item {
order: 1;
}
.section-with-pinned-cards .card-elem.media-right .info {
order: 0;
padding-right: 0;
padding-left: 20px;
}
.section-with-pinned-cards .image-item {
width: calc(55% - 40px);
max-width: 790px;
position: relative;
}
.section-with-pinned-cards .image-item img,
.section-with-pinned-cards .image-item svg {
width: 100%;
height: auto;
border-radius: 30px;
object-fit: cover;
display: block;
}
.section-with-pinned-cards .image-item .label {
position: absolute;
bottom: 8px;
right: 8px;
display: none;
}
.section-with-pinned-cards .info {
display: flex;
flex-direction: column;
align-items: flex-start;
width: calc(45% - 40px);
max-width: 654px;
padding-right: 20px;
}
.section-with-pinned-cards .info h3 {
margin-bottom: 16px;
}
.section-with-pinned-cards .label {
background: #f9f5f5;
border-radius: 32px;
padding: 16px 24px;
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-align: center;
color: var(--primary-color);
margin-bottom: 36px;
}
html[lang="ru-RU"] .section-with-pinned-cards .label {
font-weight: 400;
}
.section-with-pinned-cards .info .paragraph-1 {
font-weight: 400;
margin-bottom: 8px;
text-align: left;
}
.section-with-pinned-cards .info .paragraph-1 strong {
font-weight: 600;
}
.section-with-pinned-cards .info ul {
margin-left: 40px;
}
.section-with-pinned-cards .info ul li {
text-align: left;
}
.section-with-pinned-cards .info .descr {
font-family: "Reaktif", "Rubik";
font-size: 20px;
font-weight: 500;
margin-top: 24px;
}
html[lang="ru-RU"] .section-with-pinned-cards .info .descr {
font-weight: 400;
}
.section-with-pinned-cards .info .descr span {
color: var(--primary-color);
}
.section-with-pinned-cards .info .button-wrapper {
display: flex;
flex-wrap: wrap;
max-width: 100%;
gap: 20px;
align-items: center;
margin-top: 24px;
}
.section-with-pinned-cards .info .button-wrapper .btn-main {
min-width: 300px;
}
.section-with-pinned-cards .bottom-info-wrapper {
width: 100%;
border-top: 1px solid #cbd1ec;
margin-top: -28px;
position: relative;
z-index: 1;
}
.section-with-pinned-cards .bottom-info-wrapper .container {
display: flex;
justify-content: space-between;
gap: 30px;
}
.section-with-pinned-cards .bottom-info-wrapper .bottom-info-item {
width: calc(50% - 15px);
display: flex;
align-items: center;
flex-direction: column;
gap: 20px;
padding: 55px 0;
}
.section-with-pinned-cards .bottom-info-wrapper .bottom-info-item * {
text-align: center;
}
.section-with-pinned-cards .bottom-info-wrapper .bottom-info-item p {
max-width: 500px;
font-weight: 400;
}
.section-with-pinned-cards
.bottom-info-wrapper
.bottom-info-item
.image-element {
display: flex;
align-items: center;
justify-content: center;
height: 76px;
}
.section-with-pinned-cards
.bottom-info-wrapper
.bottom-info-item
.image-element
img,
.section-with-pinned-cards
.bottom-info-wrapper
.bottom-info-item
.image-element
svg {
width: auto;
height: auto;
object-fit: contain;
max-height: 76px;
}
.section-why-we {
padding: 72px 0;
background: var(--pricing-bg);
}
.section-why-we .content-wrapper {
width: 100%;
max-width: 1300px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 64px;
}
.section-why-we .content-wrapper .card-elem {
width: 520px;
padding: 20px 20px 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
text-align: center;
border-radius: 30px;
background: var(--primary-color);
color: var(--gold-color);
}
.section-why-we .content-wrapper .card-elem * {
color: var(--gold-color);
}
html[lang="ru-RU"] .section-why-we .content-wrapper .card-elem * {
font-weight: 500;
}
.section-why-we .content-wrapper .card-elem p strong {
font-weight: 600;
}
.section-why-we .content-wrapper .card-elem img {
margin-top: auto;
max-width: 300px;
height: auto;
}
.section-why-we .content-wrapper .card-elem .paragraph-3 {
font-size: 18px;
}
html[lang="ru-RU"] .section-why-we .content-wrapper .card-elem .paragraph-3 {
font-weight: 400;
}
.section-why-we .content-wrapper .card-elem .image-mobile {
display: none;
}
.section-why-we .content-wrapper .info-wrapper {
width: calc(100% - 584px);
display: flex;
flex-direction: column;
gap: 40px;
justify-content: center;
}
.section-why-we .content-wrapper .info-wrapper .info-item {
display: flex;
flex-direction: column;
gap: 8px;
}
.section-why-we .content-wrapper .info-wrapper .info-item .paragraph-2 {
font-weight: 600;
position: relative;
font-family: "Montserrat", "Rubik";
color: var(--primary-color);
padding-left: 46px;
}
.section-why-we .content-wrapper .info-wrapper .info-item .paragraph-2::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
background: var(--primary-color);
border-radius: 8px;
}
.section-why-we .content-wrapper .info-wrapper .info-item .paragraph-2:after {
content: url("data:image/svg+xml;utf8,");
display: block;
width: 14px;
height: 10px;
position: absolute;
left: 8px;
top: -2px;
}
.section-why-we .content-wrapper .info-wrapper .info-item ul {
margin-left: 65px;
}
.section-why-we .content-wrapper .info-wrapper .info-item ul li {
text-align: left;
}
.section-why-we .content-wrapper .info-wrapper .info-item ul li h3 {
font-weight: 600;
font-size: inherit;
line-height: inherit;
font-family: inherit;
display: inline;
}
.section-benefits {
padding: 48px 0 38px;
}
.section-benefits .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.section-benefits .container h2 {
text-align: center;
}
.section-benefits .container .cards-wrapper {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: space-between;
width: 100%;
max-width: 1220px;
}
.section-benefits .container .cards-wrapper .card-elem {
width: calc(50% - 15px);
max-width: 540px;
display: flex;
flex-direction: column;
align-items: center;
}
.section-benefits .container .cards-wrapper .card-elem .image-item {
height: 378px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-bottom: 34px;
}
.section-benefits .container .cards-wrapper .card-elem .image-item img {
width: auto;
height: auto;
object-fit: contain;
max-width: 100%;
max-height: 378px;
}
.section-benefits .container .cards-wrapper .card-elem h3 {
text-align: center;
margin-bottom: 16px;
font-family: "Montserrat", "Rubik";
font-weight: 600;
}
.section-benefits .container .cards-wrapper .card-elem h3 span {
color: var(--sub-color);
font-weight: 400;
font-size: 18px;
line-height: 22px;
}
.section-benefits .container .cards-wrapper .card-elem ul {
gap: 20px;
}
.section-benefits .container .cards-wrapper .card-elem ul li {
text-align: left;
}
.section-feature-block {
padding: 38px 0 0;
overflow: hidden;
}
.section-feature-block .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.section-feature-block .container h2 {
text-align: center;
}
.section-feature-block .container .features-wrapper {
display: flex;
gap: 20px;
justify-content: flex-start;
width: 100%;
overflow: auto;
padding: 40px;
margin-top: -40px;
position: relative;
width: calc(100% + 80px);
min-width: calc(100% + 80px);
}
.section-feature-block .container .features-wrapper .feature-element {
width: calc((100% / 3) - 14px);
box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.08);
border-radius: 32px;
background: var(--primary-color);
display: flex;
flex-direction: column;
min-height: 352px;
}
.section-feature-block .container .features-wrapper .feature-element h3 {
color: var(--gold-color);
text-align: center;
padding: 20px 0 16px;
}
html[lang="ru-RU"]
.section-feature-block
.container
.features-wrapper
.feature-element
h3 {
font-size: 22px;
font-weight: 400;
}
.section-feature-block
.container
.features-wrapper
.feature-element
.list-element {
padding: 20px 36px 40px;
border-radius: 32px;
background-color: var(--white);
position: relative;
bottom: -2px;
height: 100%;
width: calc(100% + 2px);
left: -1px;
}
.section-feature-block
.container
.features-wrapper
.feature-element
.list-element
ul {
gap: 12px;
}
.section-feature-block
.container
.features-wrapper
.feature-element
.list-element
ul
li {
text-align: left;
}
.section-how-we-work {
padding: 36px 0 80px;
}
.section-how-we-work .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 60px;
}
.section-how-we-work .container .heading {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.section-how-we-work .how-we-work-content {
display: flex;
flex-direction: column;
gap: 0;
width: 100%;
max-width: 750px;
margin-left: 265px;
}
.section-how-we-work .how-we-work-content .content-element {
display: flex;
flex-direction: column;
position: relative;
padding-left: 60px;
}
.section-how-we-work .how-we-work-content .content-element ul li,
.section-how-we-work .how-we-work-content .content-element p {
text-align: left;
}
.section-how-we-work .how-we-work-content .content-element:before {
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
left: -6px;
top: 5px;
border: 1px solid #cbd1ec;
background: #fff;
position: absolute;
z-index: 1;
}
.section-how-we-work .how-we-work-content .content-element:not(:last-child) {
padding-bottom: 150px;
}
.section-how-we-work .how-we-work-content .content-element .border-wrapper {
position: absolute;
top: 5px;
left: 0;
width: 1px;
height: 100%;
background: #cbd1ec;
display: none;
}
.how-we-work-content {
position: relative;
}
.timeline-line {
position: absolute;
left: 0;
top: 5px;
background: #cbd1ec;
width: 1px;
height: 100%;
}
.timeline-line .line {
width: 3px;
height: 0;
background: var(--text-color);
border-radius: 8px;
position: absolute;
left: -1px;
top: 0;
}
.section-how-we-work .how-we-work-content .content-element.active:before {
border-color: var(--text-color);
border-width: 3px;
}
.section-how-we-work .how-we-work-content .content-element.active .date {
color: var(--text-color);
}
.section-how-we-work
.how-we-work-content
.content-element
.border-wrapper
.line {
width: 3px;
background: var(--text-color);
border-radius: 8px;
position: absolute;
left: -1px;
top: 0;
}
.section-how-we-work
.how-we-work-content
.content-element
.paragraph-with-image {
display: flex;
position: relative;
gap: 12px;
align-items: center;
padding: 8px 12px;
}
.section-how-we-work
.how-we-work-content
.content-element
.paragraph-with-image:before {
content: "";
min-width: 266px;
width: auto;
height: 100%;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
position: absolute;
left: 0;
top: 0;
}
.section-how-we-work
.how-we-work-content
.content-element
.paragraph-with-image.primary:before {
background: linear-gradient(
90deg,
rgba(106, 33, 53, 0.12) 0%,
rgba(255, 255, 255, 0.12) 100%
);
}
.section-how-we-work
.how-we-work-content
.content-element
.paragraph-with-image.blue:before {
background: linear-gradient(
90deg,
rgba(150, 160, 206, 0.12) 0%,
rgba(255, 255, 255, 0.12) 100%
);
}
.section-how-we-work
.how-we-work-content
.content-element
.paragraph-with-image.primary
.paragraph-1 {
color: var(--primary-color);
}
.section-how-we-work
.how-we-work-content
.content-element
.paragraph-with-image.blue
.paragraph-1 {
color: var(--sub-color);
}
.section-how-we-work
.how-we-work-content
.content-element
.paragraph-with-image
img,
.section-how-we-work
.how-we-work-content
.content-element
.paragraph-with-image
svg {
min-width: max-content;
max-width: 24px;
max-height: 24px;
object-fit: contain;
}
.section-how-we-work .how-we-work-content .content-element h3 {
margin-bottom: 24px;
font-family: "Montserrat", "Rubik";
font-weight: 600;
}
.section-how-we-work .how-we-work-content .content-element .paragraph-1 {
font-weight: 400;
}
.section-how-we-work
.how-we-work-content
.content-element
h3
+ .paragraph-with-image {
margin-top: 0;
}
.section-how-we-work
.how-we-work-content
.content-element
*
+ .paragraph-with-image {
margin-top: 24px;
}
.section-how-we-work
.how-we-work-content
.content-element
.paragraph-with-image {
margin-bottom: 8px;
}
.section-how-we-work .how-we-work-content .content-element .date {
position: absolute;
top: -60px;
right: calc(100% + 55px);
font-size: 120px;
line-height: 1.2;
color: #e4e7f5;
display: flex;
align-items: flex-end;
gap: 24px;
min-width: max-content;
font-family: "Reaktif", "Rubik";
font-weight: 700;
}
.section-how-we-work .how-we-work-content .content-element .date span {
font-size: 28px;
line-height: 1.2;
padding: 0 0 30px;
}
.page-template-accounting-and-bookkeeping-services .team-grid {
margin-top: 0;
}
.section-team {
overflow: hidden;
}
.section-team .team-member {
margin: 0 10px;
}
.section-team .team-member-image {
border-top-right-radius: 12px;
border-top-left-radius: 12px;
position: relative;
height: 320px;
}
.section-team .team-member-image:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 40%;
background: linear-gradient(
to top,
rgba(5, 22, 52, 0.84) 0%,
rgba(255, 255, 255, 0) 100%
);
}
.section-team .team-member-image .paragraph-2 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding: 12px 0;
color: var(--gold-color);
z-index: 2;
}
.team-member-content p {
font-size: 16px;
line-height: 1.6;
justify-content: justify;
}
.section-team .position {
font-size: 16px;
line-height: 1.6;
font-weight: 600;
margin-bottom: 8px;
display: none !important;
}
.team-member-content {
padding: 8px 0 0;
}
.section-info-block {
background: var(--primary-color);
padding: 64px 0 64px;
border-top-left-radius: 44px;
border-top-right-radius: 44px;
margin-bottom: -3px;
}
.section-info-block * {
color: var(--gold-color);
}
.section-info-block .container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 50px;
max-width: 1330px;
}
.section-info-block .info-wrapper {
width: calc(50% - 25px);
max-width: 630px;
}
.section-info-block .image-wrapper {
width: calc(50% - 25px);
max-width: 534px;
display: flex;
align-items: center;
justify-content: center;
}
.section-info-block .image-wrapper img,
.section-info-block .image-wrapper svg {
width: auto;
height: auto;
object-fit: contain;
max-width: 100%;
max-height: 420px;
}
.section-info-block .info-wrapper h2 {
margin-bottom: 32px;
text-align: left;
}
.section-info-block .info-wrapper p {
margin-bottom: 16px;
font-weight: 400;
}
.section-info-block .info-wrapper ul {
gap: 12px;
margin-left: 20px;
}
.section-info-block .info-wrapper ul li {
text-align: left;
}
.section-info-block + section.pricing::before {
background-image: url("/wp-content/themes/skrooge/src/img/pat_top_primary.svg");
}
.section-info-block.light {
background: transparent;
}
.section-info-block.light * {
color: #000000;
}
.section-old-faq .faq-item__trigger,
.section-old-faq .talk-to-team {
font-family: "Montserrat", "Rubik";
}
.section-old-faq .faq-item__trigger {
gap: 30px;
}
.page-fixed-button {
position: fixed;
left: 50%;
bottom: 75px;
transform: translateX(-50%);
background: #96a0ce;
display: flex;
font-family: "Montserrat", "Rubik";
font-size: 18px;
line-height: 1.6;
color: #fff;
padding: 0;
transition: 0.3s ease;
width: 60px;
height: 60px;
border-radius: 50%;
z-index: 10;
align-items: center;
justify-content: center;
text-decoration: none;
}
.page-fixed-button span {
display: block;
overflow: hidden;
transition: 0.3s ease;
font-size: 0;
line-height: 0;
text-decoration: none;
}
.page-fixed-button:hover {
border-radius: 18px;
padding: 16px 20px;
gap: 20px;
background: var(--primary-color);
width: 300px;
}
.page-fixed-button:hover span {
font-size: initial;
line-height: initial;
}
body:not(:has(#section-pricing)):not(:has(#pricing-no-slider)):not(
:has(#pricing-one-column)
):not(:has(#pricing-two-column)):not(:has(#pricing-three-column))
.page-fixed-button {
display: none;
}
.section-intro:not(:has(.bottom-info)) {
padding-bottom: 95px;
}
.section-intro:not(:has(.bottom-info)) .info {
padding-bottom: 0;
}
.section-why-we-circle {
padding: 200px 0 47px;
overflow: hidden;
}
.section-why-we-circle .heading {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 32px;
}
.section-why-we-circle .heading img,
.section-why-we-circle .heading svg {
width: 88px;
height: 88px;
object-fit: contain;
}
.section-why-we-circle .heading .image-item {
width: 100%;
max-width: 534px;
}
.section-why-we-circle .cards-wrapper {
display: flex;
justify-content: space-between;
position: relative;
margin-top: -120px;
max-width: 1476px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.section-why-we-circle .card-elem {
width: calc(25% - (108px / 4));
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 1;
}
.section-why-we-circle .card-elem .card-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: 100%;
}
.section-why-we-circle .card-elem .icon-item {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.section-why-we-circle .card-elem .icon-item img,
.section-why-we-circle .card-elem .icon-item svg {
max-width: 100%;
max-height: 60px;
display: block;
}
.section-why-we-circle .card-elem h3 {
font-size: 20px;
font-weight: 600;
text-align: center;
font-family: "Montserrat", "Rubik";
margin-bottom: 0;
color: var(--primary-color);
}
.section-why-we-circle .card-elem .paragraph-1 {
text-align: center;
font-weight: 400;
}
.section-why-we-circle .cards-wrapper .bg-image {
position: absolute;
bottom: calc(100% - 185px);
left: 50%;
height: auto;
width: 1845px;
max-width: 1845px;
transform: translateX(-50%);
pointer-events: none;
}
.section-why-we-circle .cards-wrapper .slider-wrapper {
width: 100%;
display: flex;
gap: 36px;
z-index: 1;
min-height: auto;
}
.section-why-we-circle
.slider-wrapper:has(.card-elem:nth-child(4))
.card-elem:nth-child(2),
.section-why-we-circle
.slider-wrapper:has(.card-elem:nth-child(4))
.card-elem:nth-child(3) {
margin-top: 130px;
}
.section-why-we-circle
.slider-wrapper:not(:has(.card-elem:nth-child(4)))
.card-elem:nth-child(2) {
margin-top: 110px;
}
.section-why-we-circle
.slider-wrapper:not(:has(.card-elem:nth-child(4)))
.card-elem {
width: calc((100% / 3) - (72px / 3));
}
.section-why-we-circle:not(:has(.card-elem:nth-child(4))) .cards-wrapper {
margin-top: -77px;
}
.section-why-we-circle:not(:has(.card-elem:nth-child(4)))
.cards-wrapper
.bg-image {
bottom: calc(100% - 140px);
}
.section-why-we-circle
.slider-wrapper:not(:has(.card-elem:nth-child(4)))
.card-elem
.icon-item {
margin-bottom: 41px;
}
.title-and-cards {
padding: 76px 0 48px;
}
.title-and-cards .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.title-and-cards .cards-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
width: 100%;
}
.title-and-cards .card-elem {
width: calc((100% / 3) - (40px / 3));
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
position: relative;
z-index: 1;
border-radius: 30px;
overflow: hidden;
min-height: 607px;
}
.title-and-cards .card-elem .info-elem {
display: flex;
flex-direction: column;
gap: 4px;
padding-top: 24px;
padding-left: 24px;
padding-right: 34px;
padding-bottom: 24px;
position: relative;
z-index: 1;
}
.title-and-cards .card-elem .info-elem:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 200%;
background: linear-gradient(
to bottom,
rgba(5, 22, 52, 0) 0%,
rgba(5, 22, 52, 0.8) 100%
);
z-index: -1;
}
.title-and-cards .card-elem .info-elem h3 {
font-family: "Montserrat", "Rubik";
}
.title-and-cards .card-elem img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
z-index: -1;
}
.title-and-cards .card-elem h3,
.title-and-cards .card-elem .paragraph-1 {
color: var(--gold-color);
}
.title-and-cards .card-elem h3 {
font-family: "Montserrat", "Rubik";
font-weight: 600;
}
.title-and-cards .card-elem .paragraph-1 {
font-weight: 400;
text-align: left;
}
.title-and-cards + .section-why-we-circle {
margin-top: -155px;
}
.section-locations {
padding: 48px 0;
}
.section-locations .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
}
.section-locations .heading {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.section-locations .heading p {
font-weight: 400;
}
.section-locations .heading * {
text-align: center;
}
.section-locations .columns-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
width: 100%;
max-width: 888px;
}
.section-locations .column-item {
width: calc(50% - 10px);
display: flex;
flex-direction: column;
align-items: center;
max-width: 400px;
}
.section-locations .column-item .icon-item {
width: max-content;
height: 31px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4px;
}
.section-locations .column-item .icon-item img,
.section-locations .column-item .icon-item svg {
max-width: 100%;
width: auto;
max-height: 31px;
}
.section-locations .column-item .title-item {
font-weight: 600;
color: var(--primary-color);
}
.section-locations .column-item p {
text-align: center;
}
.section-locations .column-item .paragraph-1:not(.title-item) {
font-weight: 400;
}
.section-locations:has(.image-item) {
padding-bottom: 0;
}
.section-locations .image-item {
width: 100%;
max-width: 100%;
height: auto;
margin-top: -6%;
pointer-events: none;
}
.section-locations .image-item-mobile {
display: none;
}
.section-call-to-action {
padding: 48px 0 64px;
border-top-left-radius: 44px;
border-top-right-radius: 44px;
background: var(--primary-color);
}
.section-call-to-action .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 26px;
}
.section-call-to-action .h2 {
text-align: center;
color: var(--gold-color);
}
.section-call-to-action .btn-main {
max-width: 100%;
}
.section-cards-with-info-static {
padding: 48px 0 50px;
}
.section-cards-with-info-static .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.section-cards-with-info-static .container h2 {
text-align: center;
}
.section-cards-with-info-static .cards-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 1fr;
gap: 20px;
width: 100%;
}
.section-cards-with-info-static .cards-wrapper ~ .card-elem,
.section-cards-with-info-static .block-with-scrollbar-wrapper ~ .card-elem {
display: none;
}
.section-cards-with-info-static .card-elem {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 22px 17px 28px 32px;
border-radius: 24px;
background: #f5f6fa;
min-height: 270px;
}
.section-cards-with-info-static .card-elem .card-item {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 100%;
}
.section-cards-with-info-static .card-elem .image-item {
width: auto;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
}
.section-cards-with-info-static .card-elem .image-item img,
.section-cards-with-info-static .card-elem .image-item svg {
width: auto;
height: auto;
max-width: 42px;
object-fit: contain;
}
.section-cards-with-info-static .card-elem h3 {
font-size: 20px;
font-weight: 600;
font-family: "Montserrat", "Rubik";
margin-bottom: 10px;
}
.section-cards-with-info-static .card-elem .paragraph-1 {
font-weight: 400;
max-width: 430px;
}
.section-cards-with-info-static .card-elem.card-details {
background: #051634;
}
.section-cards-with-info-static .card-elem.card-details h3,
.section-cards-with-info-static .card-elem.card-details ul li {
color: var(--white);
}
.section-cards-with-info-static .card-elem.card-details h3 {
margin-bottom: 8px;
font-size: 24px;
}
.section-cards-with-info-static .card-elem.card-details ul {
display: flex;
flex-direction: column;
gap: 8px;
}
.section-cards-with-info-static .card-elem.card-details ul li {
position: relative;
padding-left: 17px;
font-size: 18px;
font-weight: 400;
}
.section-cards-with-info-static .card-elem.card-details ul li.check::before {
content: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%229%22%20viewBox%3D%220%200%2011%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.75%204.83333L3.5625%207.75L9.75%200.75%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
display: inline-block;
width: 11px;
height: 9px;
position: absolute;
left: 0;
top: -3px;
}
.section-cards-with-info-static .card-elem.card-details ul li.cross::before {
content: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.599976%208.59998L4.59998%204.59998M4.59998%204.59998L8.59998%200.599976M4.59998%204.59998L0.599976%200.599976M4.59998%204.59998L8.59998%208.59998%22%20stroke%3D%22white%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
width: 10px;
height: 10px;
position: absolute;
left: 0;
top: -2px;
}
.section-cards-with-info-static
.cards-wrapper:not(:has(.card-elem:nth-child(6))) {
grid-template-columns: 1fr 1fr 412px;
grid-auto-rows: 1fr;
}
.section-cards-with-info-static
.cards-wrapper:not(:has(.card-elem:nth-child(6)))
.card-elem {
min-height: 234px;
}
.section-cards-with-info-static
.cards-wrapper:not(:has(.card-elem:nth-child(6)))
.card-elem
.paragraph-1 {
max-width: 100%;
}
.section-cards-with-info-static
.cards-wrapper:not(:has(.card-elem:nth-child(6)))
.card-elem:nth-child(5) {
grid-column: 3;
grid-row: 1 / span 2;
padding: 56px 30px;
}
.section-cards-with-info-static
.cards-wrapper:not(:has(.card-elem:nth-child(6)))
.card-elem
.image-item {
margin-bottom: 12px;
}
.section-cards-with-info-static
.cards-wrapper:not(:has(.card-elem:nth-child(6)))
.card-elem
h3 {
margin-bottom: 4px;
}
.section-cards-with-info-static
.cards-wrapper:not(:has(.card-elem:nth-child(6)))
.card-elem.card-details
.image-item {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.section-cards-with-info-static
.cards-wrapper:not(:has(.card-elem:nth-child(6)))
.card-elem.card-details
h3 {
width: 100%;
text-align: center;
margin-bottom: 28px;
}
.section-cards-with-info-static
.cards-wrapper:not(:has(.card-elem:nth-child(6)))
.card-elem.card-details
ul {
gap: 24px;
}
.section-cards-with-info-static
.cards-wrapper:not(:has(.card-elem:nth-child(6))):has(.card-elem.card-large) {
grid-template-columns: 1fr 1fr 520px;
grid-auto-rows: 1fr;
}
.section-cards-with-info-static
.cards-wrapper:not(:has(.card-elem:nth-child(6))):has(.card-elem.card-large)
.card-elem {
min-height: 217px;
}
.section-cards-with-info-static
.cards-wrapper:not(:has(.card-elem:nth-child(6))):has(.card-elem.card-large)
.card-elem.card-details
h3 {
text-align: left;
margin-bottom: 20px;
}
.section-cards-with-info-static
.cards-wrapper:not(:has(.card-elem:nth-child(6))):has(.card-elem.card-large)
.card-elem.card-details
ul {
gap: 8px;
}
.section-cards-with-info-static
.cards-wrapper:not(:has(.card-elem:nth-child(6))):has(.card-elem.card-large)
.card-elem.card-details {
justify-content: flex-start;
}
.section-title-with-card-detail {
padding: 50px 0 0;
border-bottom: 1px solid #eadada;
}
.section-title-with-card-detail .content-item {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 40px;
width: 100%;
max-width: 1230px;
justify-content: space-between;
margin: 0 auto;
}
.section-title-with-card-detail .container .heading {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
width: 664px;
}
.section-title-with-card-detail .container h2 {
text-align: left;
}
.section-title-with-card-detail .card-detail-wrapper {
width: calc(100% - 704px);
border-left: 1px solid #eadada;
border-right: 1px solid #eadada;
padding-bottom: 64px;
position: relative;
background: #f9f5f5;
padding-top: 84px;
padding-left: 41px;
padding-right: 41px;
}
.section-title-with-card-detail .card-detail-wrapper .top-pattern {
position: absolute;
top: 0;
left: -1px;
width: calc(100% + 2px);
height: 16px;
background-image: url("/wp-content/themes/skrooge/src/img/pat_top.svg");
background-repeat: repeat-x;
}
.section-title-with-card-detail .card-detail-wrapper:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 58px;
background: linear-gradient(
180deg,
#f9f5f5 0%,
rgba(168, 124, 124, 0.24) 100%
);
}
.section-title-with-card-detail .card-detail-wrapper h3 {
font-family: "Montserrat", "Rubik";
margin-bottom: 16px;
}
.section-title-with-card-detail .card-detail-wrapper p {
font-weight: 400;
}
.section-title-with-card-detail .card-detail-wrapper ul {
display: flex;
flex-direction: column;
gap: 17px;
}
.section-title-with-card-detail .card-detail-wrapper ul li {
position: relative;
padding-left: 42px;
font-weight: 400;
font-size: 18px;
text-align: left;
}
.section-title-with-card-detail .card-detail-wrapper ul li::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 26px;
height: 26px;
background: var(--primary-color);
border-radius: 8px;
}
.section-title-with-card-detail .card-detail-wrapper ul li::after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.75%205.41667L4.5%208.75L12.75%200.75%22%20stroke%3D%22%23F5ECE0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
display: block;
width: 12px;
height: 8px;
position: absolute;
left: 7px;
top: -1px;
}
.section-title-with-card-detail .card-detail-wrapper .btn-main {
margin-top: 36px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
}
html[lang="ru-RU"]
.section-title-with-card-detail
.card-detail-wrapper
.btn-main {
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
main > section strong {
font-weight: 600;
}
.section-cards-with-info-static + .title-and-cards {
padding-top: 20px;
}
.pricing-no-slider {
padding: 70px 0;
background: #f9f5f5;
position: relative;
}
.section-info-block.dark + .pricing-no-slider::before,
.section-info-block.dark + .pricing-one-column::before,
.section-info-block.dark + .pricing-two-column::before,
.section-info-block.dark + .pricing-three-column::before {
content: "";
position: absolute;
top: 0;
left: 0;
background-image: url("/wp-content/themes/skrooge/src/img/pat_top_primary.svg");
background-repeat: repeat-x;
width: 100%;
height: 15px;
z-index: 2;
}
.pricing-no-slider .container {
display: flex;
flex-direction: column;
align-items: center;
}
.pricing-no-slider .heading {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
margin-bottom: 30px;
}
.pricing-no-slider .heading * {
text-align: center;
}
.pricing-no-slider .pricing-wrapper {
display: flex;
gap: 60px;
position: relative;
align-items: flex-start;
padding-bottom: 28px;
}
.pricing-no-slider .pricing-wrapper::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
background-image: url("/wp-content/themes/skrooge/src/img/dash.svg");
background-repeat: repeat-x;
width: 100%;
height: 2px;
}
.pricing-no-slider .pricing-wrapper .bordered-text {
width: auto;
min-width: max-content;
text-align: center;
padding: 19px 27px;
border: 1px solid #6a2135;
color: #6a2135;
border-radius: 24px;
position: relative;
margin-top: auto;
margin-bottom: auto;
}
html[lang="ru-RU"] .pricing-no-slider .pricing-wrapper .bordered-text {
font-size: 22px;
}
.pricing-no-slider .pricing-wrapper .bordered-text::after {
content: "";
position: absolute;
background: url("/wp-content/themes/skrooge/src/img/pricing/icon.svg") center
no-repeat;
background-size: cover;
top: 50%;
transform: translateY(-50%);
left: calc(100% + 24px);
width: 14px;
height: 8px;
}
.pricing-no-slider .pricing-wrapper .list-wrapper {
display: flex;
width: 100%;
gap: 75px;
}
.pricing-no-slider .pricing-wrapper .list-wrapper .list-item {
display: flex;
flex-direction: column;
gap: 4px;
max-width: 358px;
position: relative;
}
html[lang="ru-RU"]
.pricing-no-slider
.pricing-wrapper
.list-wrapper
.list-item {
min-width: 250px;
}
.pricing-no-slider .pricing-wrapper .list-wrapper .list-item .h4 {
color: #6a2135;
}
html[lang="ru-RU"]
.pricing-no-slider
.pricing-wrapper
.list-wrapper
.list-item
.h4 {
font-size: 22px;
}
.pricing-no-slider .pricing-wrapper .list-wrapper .list-item .h4 small {
font-size: 44px;
font-weight: 700;
}
.pricing-no-slider .pricing-wrapper .list-wrapper .list-item .h4 span {
color: #051634;
font-family: "Montserrat", "Rubik";
font-size: 18px;
line-height: 1.6;
font-weight: 400;
}
.pricing-no-slider .pricing-wrapper .list-wrapper .list-item .paragraph-1 {
font-weight: 400;
}
html[lang="ru-RU"]
.pricing-no-slider
.pricing-wrapper
.list-wrapper
.list-item
.paragraph-1 {
font-size: 16px;
}
.pricing-no-slider
.pricing-wrapper
.list-wrapper
.list-item:not(:last-child):after {
content: "";
position: absolute;
background: url("/wp-content/themes/skrooge/src/img/pricing/icon2.svg") center
no-repeat;
background-size: cover;
top: 50%;
transform: translateY(-50%);
left: calc(100% + 23px);
width: 29px;
height: 29px;
}
.pricing-no-slider .bottom-text {
margin-top: 22px;
color: #6a2135;
font-weight: 400;
}
.page-template-services .faq {
padding-top: 70px;
}
.has-custom-submenu {
position: relative;
}
.main-submenu {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
min-width: max-content;
opacity: 0;
visibility: hidden;
transition:
opacity 0.3s ease-in-out,
visibility 0.3s ease-in-out;
}
.desktop-menu .has-custom-submenu:hover .main-submenu {
opacity: 1;
visibility: visible;
}
.desktop-menu .has-custom-submenu:hover > a::after {
width: 100% !important;
}
.desktop-menu .has-custom-submenu:hover > a {
color: #6a2135 !important;
}
.main-submenu .main-submenu-wrapper {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
gap: 30px;
box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.08);
background: #fff;
border-radius: 24px;
z-index: 10;
padding: 14px 24px 24px;
}
.main-submenu .title {
padding: 10px;
text-decoration: none;
border-radius: 12px;
transition: background 0.3s ease-in-out;
display: flex;
align-items: center;
gap: 9px;
width: 100%;
font-size: 20px;
justify-content: flex-start !important;
}
.main-submenu .title span:not(.link-title) {
color: #96a0ce;
font-weight: 500;
}
html[lang="ru-RU"] .main-submenu .title span:not(.link-title) {
font-weight: 400;
}
.main-submenu .title span.link-title {
position: relative;
transition: color 0.3s ease;
}
html[lang="ru-RU"] .main-submenu .title span.link-title {
font-weight: 500;
}
.main-submenu .title span.link-title::after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 0;
height: 2px;
background: #6a2135;
transition: width 0.3s ease;
}
.main-submenu .title:hover span.link-title::after {
width: 100%;
}
.main-submenu .title:hover {
color: #6a2135;
}
.main-submenu ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
}
.main-submenu ul li a {
display: flex;
flex-wrap: wrap;
gap: 4px;
font-size: 18px;
font-weight: 500;
color: #051634;
text-decoration: none;
align-items: center;
padding: 10px;
transition: background 0.3s ease-in-out;
border-radius: 12px;
}
html[lang="ru-RU"] .main-submenu ul li a {
font-weight: 400;
}
.main-submenu ul li a:hover span.link-title::after {
width: 100%;
}
.main-submenu ul li a:hover {
color: #6a2135;
}
.main-submenu ul li a span.link-title {
position: relative;
transition: color 0.3s ease;
}
.main-submenu ul li a span.link-title::after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 0;
height: 2px;
background: #6a2135;
transition: width 0.3s ease;
}
.main-submenu ul li a span:not(.link-title) {
color: #96a0ce;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
}
html[lang="ru-RU"] .main-submenu ul li a span:not(.link-title) {
font-weight: 400;
}
.main-submenu ul li .icon {
width: 20px;
display: flex;
justify-content: center;
margin-right: 7px;
}
.main-submenu ul li .icon img,
.main-submenu ul li .icon svg {
width: auto;
height: auto;
max-width: 20px;
}
.header-mob-main-menu .main-submenu {
z-index: 10;
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.header-mob-main-menu .main-submenu.active {
opacity: 1;
visibility: visible;
}
.main-submenu .heading {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 25px 20px;
}
.main-submenu .heading p {
color: #051634;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
margin: auto;
}
.main-submenu .heading .back-to-menu {
display: flex;
align-items: center;
width: 16px;
height: 16px;
justify-content: center;
}
.header-mob-main-menu .main-submenu .main-submenu-wrapper {
margin-top: 0;
box-shadow: none;
border-radius: 0;
padding: 80px 0;
overflow: auto;
height: 100vh;
}
.section-how-we-work-second-type {
padding: 40px 0;
}
.section-how-we-work-second-type .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 83px;
}
.section-how-we-work-second-type .heading {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.section-how-we-work-second-type .heading * {
text-align: center;
}
.section-how-we-work-second-type .heading p {
font-weight: 400;
text-align: left;
}
.section-how-we-work-second-type .heading .text-wrapper {
display: flex;
align-items: center;
gap: 16px;
border-radius: 100px;
padding: 14px 26px 14px 14px;
background: #f5f6fa;
}
.section-how-we-work-second-type .heading .text-wrapper .icon-wrapper {
width: 74px;
min-width: 74px;
height: 74px;
border-radius: 50%;
background: #ffffff;
border: 1px solid #e4e7f5;
display: flex;
align-items: center;
justify-content: center;
}
.section-how-we-work-second-type .heading .text-wrapper .icon-wrapper img,
.section-how-we-work-second-type .heading .text-wrapper .icon-wrapper svg {
width: auto;
height: auto;
max-width: 38px;
}
.section-how-we-work-second-type .how-we-work-second-type-content {
position: relative;
display: flex;
flex-direction: column;
gap: 150px;
width: 100%;
max-width: 1328px;
counter-reset: list-counter;
}
.section-how-we-work-second-type .how-we-work-second-type-content .step-item {
display: flex;
flex-direction: column;
gap: 24px;
position: relative;
counter-increment: list-counter;
width: 50%;
}
.section-how-we-work-second-type
.how-we-work-second-type-content
.step-item:before {
content: counter(list-counter);
position: absolute;
left: -45px;
top: -32px;
font-weight: 700;
font-size: 48px;
font-family: "Reaktif", "Rubik";
line-height: 1.2;
color: #cbd1ec;
z-index: 2;
width: 88px;
height: 88px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.section-how-we-work-second-type
.how-we-work-second-type-content
.step-item:after {
content: "";
position: absolute;
width: 88px;
height: 88px;
border-radius: 50%;
border: 1px solid #cbd1ec;
background: #fff;
z-index: 1;
top: -32px;
left: -44px;
}
.section-how-we-work-second-type
.how-we-work-second-type-content
.step-item:nth-child(odd) {
margin-left: auto;
padding-left: 64px;
}
.section-how-we-work-second-type
.how-we-work-second-type-content
.step-item:nth-child(even) {
margin-right: auto;
padding-right: 64px;
}
.section-how-we-work-second-type
.how-we-work-second-type-content
.step-item:nth-child(even)
* {
text-align: right;
}
.section-how-we-work-second-type
.how-we-work-second-type-content
.step-item:nth-child(even):before {
left: auto;
right: -45px;
}
.section-how-we-work-second-type
.how-we-work-second-type-content
.step-item:nth-child(even):after {
left: auto;
right: -44px;
}
.section-how-we-work-second-type
.how-we-work-second-type-content
.step-item
h3 {
font-weight: 600;
font-family: "Montserrat", "Rubik";
}
.section-how-we-work-second-type .how-we-work-second-type-content .step-item p {
font-weight: 400;
}
.section-how-we-work-second-type
.how-we-work-second-type-content
.step-item
.layer {
position: absolute;
width: 10px;
height: 100%;
background: #ffffff;
left: -5px;
top: 5px;
z-index: 1;
}
.section-how-we-work-second-type
.how-we-work-second-type-content
.step-item:nth-child(even)
.layer {
left: auto;
right: -5px;
}
.section-how-we-work-second-type
.how-we-work-second-type-content
.step-item.active::before {
color: var(--text-color);
}
.section-how-we-work-second-type
.how-we-work-second-type-content
.step-item.active::after {
border-color: var(--text-color);
border-width: 2px;
}
.section-how-we-work-second-type .timeline-line-second-type {
position: absolute;
width: 1px;
background: #cbd1ec;
left: 50%;
top: 0;
height: 100%;
}
.section-how-we-work-second-type .timeline-line-second-type .line {
width: 3px;
height: 0;
background: var(--text-color);
border-radius: 8px;
position: absolute;
left: -1px;
top: 0;
max-height: 100%;
}
.section-how-we-work-second-type .step-details {
background: #f5f6fa;
border-radius: 24px;
padding: 20px 24px;
margin-top: 8px;
}
.section-how-we-work-second-type
.how-we-work-second-type-content
.step-item:nth-child(even)
.step-details,
.section-how-we-work-second-type
.how-we-work-second-type-content
.step-item:nth-child(even)
.step-details
* {
text-align: left;
}
.section-how-we-work-second-type .step-details-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
font-weight: 700;
color: #051634;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 160%;
}
.section-how-we-work-second-type .step-details-summary::-webkit-details-marker {
display: none;
}
.section-how-we-work-second-type .step-details-arrow {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
transform: rotate(180deg);
transform-origin: center;
transition: transform 0.2s ease;
}
.section-how-we-work-second-type .step-details-arrow svg {
display: block;
}
.section-how-we-work-second-type .step-details[open] .step-details-arrow {
transform: rotate(0deg);
}
.section-how-we-work-second-type .step-details-list {
list-style: none;
padding: 16px 0 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.section-how-we-work-second-type .step-details-list li {
position: relative;
padding-left: 18px;
color: #051634;
font-size: 16px;
font-weight: 400;
line-height: 160%;
}
.section-how-we-work-second-type .step-details-list li::before {
content: "";
position: absolute;
left: 4px;
top: 10px;
width: 4px;
height: 4px;
background: currentColor;
border-radius: 50%;
}
.section-how-we-work-second-type .step-details-footer {
margin-top: 12px;
color: #051634;
font-size: 16px;
font-weight: 400;
line-height: 160%;
opacity: 0.6;
}
.section-intro .bottom-links,
.pricing-two-column .bottom-links {
display: flex;
gap: 56px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 52px;
}
.pricing-two-column .bottom-links {
margin-top: 0px;
}
html[lang="ru-RU"] .section-intro .bottom-links,
html[lang="ru-RU"] .pricing-two-column .bottom-links {
flex-wrap: nowrap;
justify-content: flex-start;
width: max-content;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html[lang="ru-RU"] .pricing-two-column .bottom-links {
justify-content: center;
}
html[lang="ru-RU"] .section-intro .block-with-scrollbar-wrapper,
html[lang="ru-RU"] .pricing-two-column .block-with-scrollbar-wrapper {
max-width: calc(100% - 40px);
margin-left: auto;
margin-right: auto;
}
html[lang="ru-RU"] .section-intro .info .block-with-scrollbar-wrapper,
html[lang="ru-RU"] .pricing-two-column .info .block-with-scrollbar-wrapper {
max-width: 100%;
margin: 0;
}
html[lang="ru-RU"] .section-intro .bottom-links .btn-main,
html[lang="ru-RU"] .pricing-two-column .bottom-links .btn-main {
min-width: max-content;
}
html[lang="ru-RU"] .btn-main {
font-weight: 500;
}
html[lang="ru-RU"] .section-intro .info .bottom-links,
html[lang="ru-RU"] .pricing-two-column .info .bottom-links {
min-width: 100%;
}
.section-intro:has(.bottom-links),
.pricing-two-column:has(.bottom-links) {
padding-bottom: 32px;
}
.section-intro
.info
.buttons
.btn-main:not(.btn-transparent):not(:has(+ .btn-main)) {
width: 100%;
min-width: 100%;
}
.section-cards-with-info .small-cards .card-elem {
min-height: 328px;
}
.section-cards-with-info .card-elem .btn-main {
width: max-content;
margin-left: auto;
margin-top: auto;
opacity: 0;
z-index: 1;
color: #f5ece0;
transition: 0s;
}
.section-cards-with-info .card-elem .btn-main:after {
background: #f5ece0;
}
.section-cards-with-info .card-elem:hover .btn-main {
opacity: 1;
transition-delay: 0.2s;
}
.note-with-image {
padding: 40px 0;
}
.note-with-image .container {
display: flex;
align-items: center;
gap: 33px;
width: max-content;
}
.note-with-image .image-item {
width: max-content;
min-width: max-content;
}
.note-with-image .image-item img {
width: auto;
max-width: 206px;
height: auto;
object-fit: contain;
}
.note-with-image .image-item img.image-item-mobile {
display: none;
}
.note-with-image .paragraph-2 {
font-weight: 400;
text-align: left;
position: relative;
font-size: 24px;
line-height: 1.6;
padding-left: 35px;
padding-top: 17px;
padding-bottom: 17px;
border-left: 1px solid #c2c8d2;
max-width: 760px;
}
.note-with-image .paragraph-2 svg {
position: absolute;
right: -15px;
bottom: -71px;
z-index: -1;
}
.note-with-image + .section-why-we-circle {
margin-top: -140px;
}
.section-title-with-card-detail:has(+ .section-info-block.dark) {
border-bottom: none;
}
.title-and-cards .bottom-text-wrapper {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.title-and-cards .bottom-text-wrapper .h4 {
font-weight: 400;
line-height: 1.6;
position: relative;
padding-left: 82px;
text-align: left;
}
html[lang="ru-RU"] .title-and-cards .bottom-text-wrapper .h4 {
max-width: 1400px;
}
.title-and-cards .bottom-text-wrapper .h4 svg {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.title-and-cards .bottom-text-wrapper .h4:before {
content: "";
position: absolute;
left: 58px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: calc(100% - 4px);
background: #c42d54;
border-radius: 10px;
}
.title-and-cards .bottom-text-wrapper .h4 span {
color: #c42d54;
font-weight: 600;
}
.title-and-cards + .section-cards-with-info {
padding-top: 20px;
}
.section-cards-with-info + .section-why-we-circle {
margin-top: -120px;
}
.pricing-one-column {
padding: 80px 0 48px;
position: relative;
background: #f9f5f5;
border-bottom: 1px solid #eadada;
}
.pricing-one-column .container {
display: flex;
flex-direction: column;
align-items: center;
}
.pricing-one-column .container * {
text-align: center;
}
.pricing-one-column .h2 {
margin-bottom: 4px;
}
.pricing-one-column .pricing-label {
font-family: "Montserrat", "Rubik";
}
.pricing-one-column .pricing-number {
font-weight: 400;
font-size: 56px;
line-height: 1.15;
color: #6a2135;
font-family: "Reaktif", "Rubik";
font-weight: 700;
}
.pricing-one-column .pricing-number span {
font-size: 37px;
vertical-align: super;
}
.pricing-one-column .pricing-text {
font-weight: 400;
font-family: "Montserrat", "Rubik";
}
.pricing-one-column .btn-main {
margin-top: 32px;
min-width: 342px;
}
.section-advantages {
padding: 30px 0;
}
.section-advantages .container {
display: flex;
align-items: initial;
gap: 60px;
justify-content: space-between;
max-width: 1450px;
}
.section-advantages .left-info-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
width: calc(100% - 660px);
gap: 24px;
}
.section-advantages .left-info-wrapper .left-info-list {
display: flex;
flex-direction: column;
gap: 20px;
}
.section-advantages .left-info-wrapper .left-info-item {
display: flex;
align-items: flex-start;
gap: 7px;
}
.section-advantages .left-info-wrapper .left-info-item .icon-item {
width: 42px;
min-width: 42px;
}
.section-advantages .left-info-wrapper .left-info-item .icon-item img,
.section-advantages .left-info-wrapper .left-info-item .icon-item svg {
width: auto;
height: auto;
max-width: 42px;
display: block;
}
.section-advantages .left-info-wrapper .left-info-item .info-elem {
width: calc(100% - 49px);
display: flex;
flex-direction: column;
gap: 5px;
}
.section-advantages .left-info-wrapper .left-info-item .info-elem .h4 {
font-family: "Montserrat", "Rubik";
font-size: 20px;
font-weight: 600;
line-height: 1.6;
}
.section-advantages .left-info-wrapper .left-info-item .info-elem p {
font-weight: 400;
}
.section-advantages .right-info-wrapper {
display: flex;
flex-direction: column;
width: 600px;
gap: 16px;
border-radius: 24px;
background: #051634;
padding: 32px 44px 24px 32px;
margin-top: 96px;
}
.section-advantages .right-info-wrapper * {
color: #ffffff;
}
.section-advantages .right-info-wrapper .h3 {
font-weight: 700;
}
.section-advantages .right-info-wrapper .right-info-subtitle {
font-weight: 400;
font-family: "Montserrat", "Rubik";
}
.section-advantages .right-info-wrapper .right-info-list ul {
display: flex;
flex-direction: column;
}
.section-advantages .right-info-wrapper .right-info-list ul li {
position: relative;
padding-left: 17px;
font-size: 18px;
font-weight: 400;
}
.section-advantages .right-info-wrapper .right-info-list ul + * {
margin-top: 16px;
}
.section-advantages .right-info-wrapper .right-info-list ul li::before {
content: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.599976%208.59998L4.59998%204.59998M4.59998%204.59998L8.59998%200.599976M4.59998%204.59998L0.599976%200.599976M4.59998%204.59998L8.59998%208.59998%22%20stroke%3D%22white%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
width: 10px;
height: 10px;
position: absolute;
left: 0;
top: -2px;
}
.section-advantages + .section-why-we-circle {
margin-top: -120px;
}
.section-how-we-work-second-type .heading .subtitle {
font-family: "Montserrat", "Rubik";
text-align: center;
margin-top: -8px;
font-weight: 600;
}
.section-title-with-card-detail:has(.large-card) .content-item {
max-width: 1360px;
}
.title-and-cards:has(.card-elem:nth-child(4)) .card-elem {
width: calc((100% / 4) - (60px / 4));
}
.title-and-cards:has(.card-elem:nth-child(4)) .card-elem .info-elem {
padding-right: 24px;
}
.pricing-two-column {
padding: 60px 0 70px;
position: relative;
background: #f9f5f5;
border-bottom: 1px solid #eadada;
}
.pricing-two-column .container {
display: flex;
flex-direction: column;
align-items: center;
}
.pricing-two-column .h2 {
margin-bottom: 12px;
}
.pricing-two-column .column-wrapper {
display: flex;
gap: 42px;
width: 100%;
max-width: 990px;
}
.page-id-5501 .pricing-two-column .column-wrapper,
.page-id-5595 .pricing-two-column .column-wrapper {
max-width: 1230px;
}
.pricing-two-column .column-wrapper .column-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 50%;
border: 1px solid #6a2135;
border-radius: 30px;
padding: 34px;
gap: 8px;
}
.pricing-two-column .column-wrapper .column-item .title {
font-weight: 700;
font-size: 40px;
line-height: 1.15;
color: #6a2135;
text-align: center;
font-family: "Reaktif", "Rubik";
}
.pricing-two-column .column-wrapper .column-item .paragraph-1 {
font-weight: 400;
text-align: left;
font-family: "Montserrat", "Rubik";
}
.pricing-two-column .column-wrapper .column-item .paragraph-1.text-center {
text-align: center;
}
.pricing-two-column .btn-main {
width: 100%;
max-width: 990px;
margin-top: 28px;
}
.pricing-two-column .bottom-links .btn-main {
width: auto;
}
.pricing__subtitle .tooltip-text {
position: relative;
display: inline-block;
}
.pricing__subtitle .tooltip-text svg {
display: inline;
vertical-align: sub;
margin-left: 5px;
}
.pricing__subtitle .tooltip-text .tooltip-content {
position: absolute;
top: 100%;
z-index: 10;
padding-top: 20px;
max-width: 424px;
width: max-content;
left: calc(100% - 15px);
transform: translateX(-50%);
transition:
opacity 0.3s ease-in-out,
visibility 0.3s ease-in-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
@media (hover: hover) {
.pricing__subtitle .tooltip-text:hover .tooltip-content {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
.pricing__subtitle .tooltip-text .tooltip-content-inner {
width: 100%;
background: #051634;
border-radius: 12px;
box-shadow: 0 4px 16px 0 rgba(27, 33, 44, 0.12);
padding: 12px 28px 20px 16px;
display: flex;
flex-direction: column;
position: relative;
}
.pricing__subtitle .tooltip-text .tooltip-content svg {
position: absolute;
left: 50%;
bottom: calc(100% - 2px);
transform: translateX(-50%);
}
.pricing__subtitle .tooltip-text .tooltip-content .tooltip-content-title {
font-size: 16px;
font-weight: 600;
line-height: 1.6;
color: #ffffff;
text-align: left;
}
.pricing__subtitle .tooltip-text .tooltip-content ul {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
list-style: disc;
margin-left: 16px;
}
.pricing__subtitle .tooltip-text .tooltip-content ul li {
font-weight: 400;
font-size: 16px;
line-height: 1.6;
text-align: left;
color: #fff;
}
.section-why-we-circle .whywe-nav {
position: absolute;
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
box-shadow: 0 0 6px 0 #dbdbdb;
background: #fff;
z-index: 10;
top: 120px;
}
.section-why-we-circle .whywe-nav svg path {
stroke: #051634;
}
.section-why-we-circle .whywe-nav.whywe-nav-prev {
left: -30px;
}
.section-why-we-circle .whywe-nav.whywe-nav-next {
right: -30px;
}
.section-why-we-circle .whywe-nav.is-disabled {
background: #f3f4f6;
box-shadow: none;
}
.section-why-we-circle .whywe-nav.is-disabled svg path {
stroke: #949ba8;
}
.block-with-scrollbar-wrapper {
max-width: 100%;
position: relative;
}
.block-with-custom-scroll {
padding-bottom: 13px;
}
.skrooge-advantage .tabs__nav_wrap.block-with-custom-scroll {
padding-bottom: 0;
}
@media only screen and (max-width: 992px) {
.skrooge-advantage .tabs__nav_wrap.block-with-custom-scroll {
padding-bottom: 13px;
}
}
.block-with-scrollbar-wrapper .scroll-nav-btn {
position: absolute;
top: calc(50% - 20px);
font-size: 0;
line-height: 0;
background: #fff;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
cursor: pointer;
transform: none;
box-shadow: 0 0 6px 0 #dbdbdb;
}
.block-with-scrollbar-wrapper .scroll-nav-btn.scroll-nav-btn--prev {
left: 16px;
}
.block-with-scrollbar-wrapper .scroll-nav-btn.scroll-nav-btn--next {
right: 16px;
}
.block-with-scrollbar-wrapper .scroll-nav-btn.scroll-nav-btn--prev:after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.75%200.75L0.749999%206.75L6.75%2012.75%22%20stroke%3D%22%2318181B%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
display: block;
}
.block-with-scrollbar-wrapper .scroll-nav-btn.scroll-nav-btn--next:after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.75%200.75L6.75%206.75L0.750001%2012.75%22%20stroke%3D%22%2318181B%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
display: block;
}
.block-with-scrollbar-wrapper .bar {
background: #ffffff;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
height: 13px;
z-index: 2;
}
@media (pointer: coarse) {
.block-with-scrollbar-wrapper .bar {
bottom: -5px;
}
}
@media (hover: none) {
.block-with-scrollbar-wrapper .bar {
bottom: -5px;
}
}
.block-with-scrollbar-wrapper .bar .thumb {
position: absolute;
background: #051634;
height: 3px;
top: 5px;
left: 0;
z-index: 1;
border-radius: 10px;
}
.block-with-scrollbar-wrapper .bar:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #c2c8d2;
z-index: -1;
left: 0;
top: 6px;
}
.section-intro .block-with-scrollbar-wrapper .bar {
background: #f9f6f2;
}
.section-intro .info .bottom-links {
margin-top: 0;
gap: 28px;
justify-content: flex-start;
}
.section-intro .info .bottom-links {
max-width: 100%;
}
.section-intro:has(.info .bottom-links) {
padding-bottom: 110px;
}
.pricing-three-column {
padding: 60px 0 70px;
position: relative;
background: #f9f5f5;
border-bottom: 1px solid #eadada;
}
.pricing-three-column .container {
display: flex;
flex-direction: column;
align-items: center;
}
.pricing-three-column .h2 {
margin-bottom: 12px;
}
.pricing-three-column .column-wrapper {
display: flex;
gap: 32px;
width: 100%;
justify-content: center;
}
.pricing-three-column .column-wrapper .column-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: calc((100% / 3) - (64px / 3));
max-width: 354px;
border: 1px solid #6a2135;
border-radius: 30px;
padding: 28px 15px 34px;
gap: 6px;
text-decoration: none;
transition: 0.3s ease-in-out;
}
.pricing-three-column .column-wrapper a.column-item:hover {
background: #6a2135;
}
.pricing-three-column .column-wrapper a.column-item:hover * {
color: #f5ece0;
}
.pricing-three-column .column-wrapper .column-item .paragraph-1 {
text-align: center;
font-family: "Montserrat", "Rubik";
}
.pricing-three-column .column-wrapper .column-item .descr {
text-align: center;
font-family: "Montserrat", "Rubik";
font-family: "Reaktif", "Rubik";
font-size: 32px;
font-weight: 700;
color: #6a2135;
}
.pricing-three-column .h4 {
text-align: center;
margin-top: 24px;
font-weight: 400;
}
.pricing-three-column .h4 span {
color: #96a0ce;
}
.title-and-cards:not(:has(.card-elem:nth-child(3))) .card-elem {
width: calc((100% / 2) - 10px);
}
.section-advantages .right-info-wrapper .right-info-list ul li ul {
gap: 8px;
margin-top: 8px;
}
.section-advantages .right-info-wrapper .right-info-list ul li ul li:before {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background: #ffffff;
top: 10px;
}
.section-advantages
.right-info-wrapper
.right-info-list
ul
> li.checked::before {
content: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%229%22%20viewBox%3D%220%200%2011%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.75%204.83333L3.5625%207.75L9.75%200.75%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
width: 11px;
height: 9px;
}
.blog-banner {
width: 100%;
min-height: 264px;
display: flex;
align-items: center;
justify-content: space-between;
background: linear-gradient(90deg, #f9f6f2 0%, rgba(249, 246, 242, 0) 100%);
padding-left: 44px;
padding-right: 40px;
gap: 40px;
position: relative;
}
.blog-banner:before {
content: "";
position: absolute;
width: 4px;
height: 100%;
background: #6a2135;
border-radius: 100px;
top: 0;
left: 0;
}
.blog-banner:not(:has(img)):not(:has(svg)) {
padding-top: 40px;
padding-bottom: 40px;
}
.blog-banner .info {
display: flex;
flex-direction: column;
gap: 24px;
width: calc(50% - 20px);
max-width: 360px;
}
.blog-banner .info .title {
font-size: 24px;
font-weight: 600;
line-height: 1.3;
color: #6a2135;
font-family: "Reaktif", "Rubik";
}
.blog-banner .btn-main {
color: #f5ece0 !important;
width: max-content;
min-width: 293px;
}
.blog-banner .mobile-btn {
display: none;
}
.blog-banner .image {
width: calc(50% - 20px);
display: flex;
align-items: center;
justify-content: flex-end;
}
.blog-banner .image img,
.blog-banner .image svg {
width: auto;
height: auto;
object-fit: contain;
max-height: 264px;
}
.blog-banner-wrapper {
margin-top: 30px;
margin-bottom: 30px;
display: flex;
flex-direction: column;
}
.blog-banner-wrapper h4 {
margin-top: 0;
margin-bottom: 4px;
}
body:not(:has(.header-ads-line)):not(:has(.multiple-banners)) .blog-hero {
padding-top: 110px;
}
body:not(:has(.header-ads-line)):not(:has(.multiple-banners))
.blog-header-content {
padding-top: 125px;
}
body:not(:has(.header-ads-line)):not(:has(.multiple-banners)) .section-intro {
padding-top: 165px;
}
.build-for + .section-testimonials {
padding-top: 0;
}
.section-testimonials {
padding: 70px 0 70px;
overflow: hidden;
}
.section-testimonials .container {
display: flex;
flex-direction: column;
align-items: center;
}
.section-testimonials .section-title,
.section-testimonials .section-subtitle {
text-align: center;
}
.section-testimonials .section-title + .section-subtitle {
margin-top: 4px;
}
.section-testimonials .reviews-counter {
margin-top: 24px;
}
.section-testimonials .reviews-counter .wp-google-powered {
display: none;
}
.main-custom-slider-list {
padding: 20px 0;
margin-top: 10px;
display: flex;
gap: 20px;
width: 100%;
}
.section-testimonials .testimonial-card-wrapper {
width: 320px;
min-width: 320px;
height: 569px;
border-radius: 30px;
}
.section-testimonials .testimonial-card-wrapper.video {
position: relative;
}
.section-testimonials .testimonial-card-wrapper .logo-text {
font-size: 14px;
font-weight: 600;
line-height: 2;
color: #fff;
text-transform: uppercase;
}
.section-testimonials .testimonial-card-wrapper.text .logo-text {
color: #051634;
}
.section-testimonials .testimonial-card-wrapper.video .img-preview {
width: 100%;
height: 100%;
object-fit: cover;
}
.section-testimonials .testimonial-card-wrapper.video {
padding: 17px 20px;
position: relative;
z-index: 1;
display: flex;
}
.section-testimonials .testimonial-card-wrapper.video::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40%;
background: linear-gradient(
to bottom,
rgba(5, 22, 52, 0) 0%,
rgba(5, 22, 52, 0.8) 100%
);
border-radius: 30px;
z-index: -1;
}
.section-testimonials .testimonial-card-wrapper.video .img-preview {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
z-index: -1;
border-radius: 30px;
}
.section-testimonials .testimonial-card-wrapper.video .play-video-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100%;
border: 1px solid #fff;
backdrop-filter: blur(8px);
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.section-testimonials .testimonial-card-wrapper.video .play-video-btn path {
transition: 0.3s ease-in-out;
}
.section-testimonials .testimonial-card-wrapper.video .play-video-btn:hover {
background: #fff;
}
.section-testimonials
.testimonial-card-wrapper.video
.play-video-btn:hover
path {
fill: #051634;
}
.section-testimonials .testimonial-card-wrapper.video .info-elem {
margin-top: auto;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 13px;
}
.section-testimonials .testimonial-card-wrapper.video .info-elem .logo-image {
height: 25px;
display: flex;
align-items: center;
}
.section-testimonials .testimonial-card-wrapper .info-elem .logo-image img,
.section-testimonials .testimonial-card-wrapper .info-elem .logo-image svg {
display: block;
width: auto;
height: auto;
max-height: 25px;
}
.section-testimonials .testimonial-card-wrapper.video .info-elem .author-info {
border-top: 1px solid rgba(255, 255, 255, 0.5);
display: flex;
flex-direction: column;
width: 100%;
padding-top: 5px;
}
.section-testimonials .testimonial-card-wrapper .info-elem .author-info .name {
font-size: 18px;
font-weight: 600;
line-height: 2;
color: #fff;
}
.section-testimonials
.testimonial-card-wrapper
.info-elem
.author-info
.name
+ .role {
margin-top: -5px;
}
.section-testimonials .testimonial-card-wrapper .info-elem .author-info .role {
font-size: 14px;
font-weight: 400;
line-height: 2;
color: #fff;
text-transform: uppercase;
}
.custom-video-modal {
position: fixed;
z-index: 9999;
background: rgba(11, 11, 11, 0.8);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 50px 20px;
display: flex;
flex-direction: column;
align-items: center;
}
.custom-video-modal .modal-content,
.custom-video-modal .content-wrapper {
max-height: 100%;
}
.custom-video-modal .modal-content {
display: flex;
width: max-content;
max-width: 100%;
pointer-events: none;
position: relative;
margin: auto;
}
.custom-video-modal .content-wrapper {
display: flex;
justify-content: center;
width: 100%;
pointer-events: none;
}
.custom-video-modal .content-wrapper video {
width: auto;
height: auto;
pointer-events: all;
max-width: 100%;
}
.close-custom-video-modal {
position: absolute;
top: -30px;
right: 0;
width: 22px;
height: 22px;
padding: 10px;
cursor: pointer;
pointer-events: all;
z-index: 1;
}
.close-custom-video-modal:after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.75%2012.75L12.75%200.75M0.75%200.75L12.75%2012.75%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
position: absolute;
left: 4px;
top: 2px;
}
.close-custom-video-modal:hover {
transform: scale(1.1);
}
.section-testimonials .testimonial-card-wrapper.text {
padding: 30px 13px 13px;
position: relative;
z-index: 1;
display: flex;
box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.12);
background: #fff;
border-radius: 30px;
display: flex;
flex-direction: column;
transition:
width 0.3s ease-in-out,
min-width 0.3s ease-in-out;
}
.section-testimonials .testimonial-card-wrapper.text .testimonial-rating {
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 12px;
}
.section-testimonials
.testimonial-card-wrapper.text
.testimonial-rating
svg
path,
.custom-testimonial-modal
.modal-content
.testimonial-card-wrapper
.testimonial-rating
svg
path {
fill: #fbbc05;
}
.section-testimonials .testimonial-card-wrapper.text .testimonial-text {
flex-grow: 1;
overflow: hidden;
}
.section-testimonials
.testimonial-card-wrapper.text.scrollable
.testimonial-text {
overflow-y: auto;
}
.section-testimonials .testimonial-card-wrapper.text .testimonial-text p {
font-size: 18px;
line-height: 29px;
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 12;
}
.section-testimonials .testimonial-card-wrapper.text .info-elem {
width: 100%;
display: flex;
flex-direction: column;
gap: 13px;
margin-top: 10px;
}
.section-testimonials .testimonial-card-wrapper.text .info-elem .top-elem {
display: flex;
gap: 10px;
align-items: center;
justify-content: space-between;
min-height: 27px;
}
.section-testimonials .testimonial-card-wrapper.text .info-elem .author-info {
display: flex;
gap: 16px;
border-top: 1px solid #c2c8d2;
padding-top: 10px;
align-items: center;
}
.section-testimonials
.testimonial-card-wrapper.text
.info-elem
.author-info
.author-photo {
width: 56px;
min-width: 56px;
height: 56px;
border-radius: 100%;
overflow: hidden;
object-fit: cover;
display: block;
}
.section-testimonials
.testimonial-card-wrapper.text
.info-elem
.author-info
.author-info-content {
display: flex;
flex-direction: column;
min-height: 63px;
justify-content: center;
}
.section-testimonials
.testimonial-card-wrapper.text
.info-elem
.author-info
.author-info-content
* {
color: #000;
}
.section-testimonials
.testimonial-card-wrapper.text
.testimonial-show-more-btn {
margin-left: auto;
margin-top: 0;
display: none;
}
.section-testimonials
.testimonial-card-wrapper.text
.testimonial-show-more-btn
.show-less-text {
display: none;
}
.section-testimonials
.testimonial-card-wrapper.text.active
.testimonial-show-more-btn
.show-less-text {
display: block;
}
.section-testimonials
.testimonial-card-wrapper.text.active
.testimonial-show-more-btn
.show-more-text {
display: none;
}
.section-testimonials
.testimonial-card-wrapper.text
.testimonial-text.hidden-text
~ .info-elem {
margin-top: 10px;
}
.section-testimonials
.testimonial-card-wrapper.text
.testimonial-text.hidden-text
~ .info-elem
.testimonial-show-more-btn {
display: block;
}
.section-testimonials .testimonial-card-wrapper.text .testimonial-text br {
display: none;
}
.section-testimonials .testimonial-card-wrapper.text.active {
width: 660px;
min-width: 660px;
}
.section-testimonials
.testimonial-card-wrapper.text.active
.testimonial-text
br {
display: block;
}
.section-testimonials
.testimonial-card-wrapper.text.active
.testimonial-text
p {
-webkit-line-clamp: unset !important;
}
.main-custom-slider-btn-prev,
.main-custom-slider-btn-next {
position: absolute;
top: calc(50% - 20px);
font-size: 0;
line-height: 0;
background: #fff;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
cursor: pointer;
transform: none;
box-shadow: 0 0 6px 0 #dbdbdb;
}
.main-custom-slider-btn-prev:after,
.main-custom-slider-btn-next:after {
display: block;
}
.main-custom-slider-btn-prev {
left: 16px;
}
.main-custom-slider-btn-next {
right: 16px;
}
.main-custom-slider-btn-prev:after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.75%200.75L0.749999%206.75L6.75%2012.75%22%20stroke%3D%22%2318181B%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.main-custom-slider-btn-next:after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.75%200.75L6.75%206.75L0.750001%2012.75%22%20stroke%3D%22%2318181B%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.section-testimonials {
overflow: hidden;
}
.main-custom-slider {
width: 100%;
max-width: 100%;
position: relative;
padding-left: 90px;
padding-right: 90px;
}
.main-custom-slider .main-custom-slider-list {
width: max-content;
min-width: max-content;
will-change: transform;
}
.main-custom-slider * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.custom-testimonial-modal {
position: fixed;
z-index: 9999;
background: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 50px 20px;
display: flex;
flex-direction: column;
align-items: center;
}
.custom-testimonial-modal .modal-content {
max-height: 100%;
width: 100%;
max-width: 100%;
position: relative;
background: #fff;
border-radius: 22px;
margin: auto;
}
.custom-testimonial-modal .modal-content .content-wrapper {
overflow: auto;
max-height: 100%;
}
.custom-testimonial-modal .modal-content .testimonial-card-wrapper {
padding: 14px 12px;
display: flex;
flex-direction: column;
}
.custom-testimonial-modal
.modal-content
.testimonial-card-wrapper
.testimonial-rating {
display: flex;
align-items: center;
gap: 2px;
margin-bottom: 10px;
}
.custom-testimonial-modal
.modal-content
.testimonial-card-wrapper
.testimonial-rating
svg {
width: 14px;
height: 14px;
}
.custom-testimonial-modal
.modal-content
.testimonial-card-wrapper
.testimonial-text
p {
font-size: 15px;
line-height: 24px;
margin-bottom: 10px;
}
.custom-testimonial-modal .modal-content .testimonial-card-wrapper .btn-main {
margin-left: auto;
margin-bottom: 15px;
}
.custom-testimonial-modal
.modal-content
.testimonial-card-wrapper
.btn-main
.show-more-text {
display: none;
}
.custom-testimonial-modal .modal-content .testimonial-card-wrapper .info-elem {
display: flex;
gap: 7px;
flex-direction: column;
}
.custom-testimonial-modal
.modal-content
.testimonial-card-wrapper
.info-elem
.top-elem {
display: flex;
gap: 5px;
align-items: center;
justify-content: space-between;
min-height: 27px;
}
.custom-testimonial-modal
.modal-content
.testimonial-card-wrapper
.info-elem
.logo-image
img,
.custom-testimonial-modal
.modal-content
.testimonial-card-wrapper
.info-elem
.logo-image
svg {
max-height: 25px;
width: auto;
display: block;
}
.custom-testimonial-modal
.modal-content
.testimonial-card-wrapper
.info-elem
.author-info {
display: flex;
gap: 4px;
align-items: center;
border-top: 1px solid #c2c8d2;
}
.custom-testimonial-modal
.modal-content
.testimonial-card-wrapper
.info-elem
.author-info
.author-photo {
width: 40px;
height: 40px;
border-radius: 100%;
object-fit: cover;
display: block;
}
.custom-testimonial-modal
.modal-content
.testimonial-card-wrapper
.info-elem
.author-info
.author-info-content {
display: flex;
flex-direction: column;
}
.custom-testimonial-modal
.modal-content
.testimonial-card-wrapper
.info-elem
.author-info
.author-info-content
.name {
font-size: 16px;
font-weight: 600;
line-height: 32px;
}
.custom-testimonial-modal
.modal-content
.testimonial-card-wrapper
.info-elem
.author-info
.author-info-content
.role {
font-size: 12px;
font-weight: 400;
line-height: 24px;
text-transform: uppercase;
}
.custom-testimonial-modal
.modal-content
.testimonial-card-wrapper
.info-elem
.author-info
.author-info-content
.role
+ .name {
margin-top: -5px;
}
.custom-testimonial-modal
.modal-content
.testimonial-card-wrapper
.info-elem
.author-info
.author-info-content
.role
+ .name {
margin-top: -5px;
}
.custom-testimonial-modal .close-custom-video-modal {
top: 7px;
right: 15px;
background: #fff;
}
.custom-testimonial-modal .close-custom-video-modal:after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.75%2012.75L12.75%200.75M0.75%200.75L12.75%2012.75%22%20stroke%3D%22%23051634%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
.main-custom-slider .bar-main-custom-slider {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
height: 13px;
z-index: 2;
display: none;
}
.main-custom-slider .bar-main-custom-slider .thumb-main-custom-slider {
position: absolute;
background: #051634;
height: 3px;
top: 5px;
left: 0;
z-index: 1;
border-radius: 10px;
}
.main-custom-slider .bar-main-custom-slider:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #c2c8d2;
z-index: -1;
left: 0;
top: 6px;
}
.section-testimonials .testimonial-card-wrapper.video .video-duration {
position: absolute;
top: 12px;
right: 16px;
font-size: 16px;
line-height: 2;
color: #fff;
}
body:has(.custom-testimonial-modal) .header,
body:has(.custom-video-modal) .header {
background: var(--white);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
padding: 15px 0;
}
.section-testimonials .testimonial-card-wrapper.video .play-video-btn svg {
position: relative;
left: 1px;
}
.multiple-banners {
position: fixed;
left: 0;
top: 0;
width: 100%;
min-height: 53px;
padding: 5px 0;
background: #051634;
z-index: 100;
overflow: hidden;
}
.multiple-banners .container {
position: relative;
}
.multiple-banners .banners-wrapper {
width: max-content;
gap: 80px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%) translateY(calc(100% + 10px));
}
.multiple-banners.hold .banners-wrapper:first-child {
transform: translateX(-50%) translateY(0) !important;
}
.multiple-banners:not(.hold) .banners-wrapper.active {
animation: bannerSlideUp 0.3s ease-out forwards;
}
.multiple-banners:not(.hold) .banners-wrapper.exit {
animation: bannerslideOut 0.3s ease-out forwards;
}
@keyframes bannerSlideUp {
from {
transform: translateX(-50%) translateY(calc(100% + 10px));
}
to {
transform: translateX(-50%) translateY(0);
}
}
@keyframes bannerslideOut {
from {
transform: translateX(-50%) translateY(0) scale(1);
}
to {
transform: translateX(-50%) translateY(calc(-100% - 10px));
}
}
.multiple-banners .countdown-wrapper {
display: flex;
gap: 10px;
align-items: center;
}
.multiple-banners .countdown-block {
display: flex;
align-items: center;
gap: 5px;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 12px;
padding: 2px 10px 2px 2px;
width: 105px;
}
.multiple-banners .countdown-value {
font-size: 20px;
font-weight: 600;
line-height: 1.6;
color: #fff;
width: 36px;
height: 36px;
min-width: 36px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.2);
border-radius: 10px;
}
.multiple-banners .countdown-label {
font-size: 11px;
font-weight: 400;
line-height: 1.6;
color: #eef0f8;
opacity: 0.6;
text-transform: uppercase;
}
.multiple-banners .countdown-separator {
font-size: 11px;
font-weight: 400;
line-height: 1.6;
color: #eef0f8;
text-transform: uppercase;
}
.multiple-banners .banner-text {
font-weight: 700;
font-size: 18px;
line-height: 160%;
text-align: center;
color: #fff;
}
.multiple-banners .banner-text span {
position: relative;
font-weight: 400;
color: #ff4949;
}
.multiple-banners .banner-text span::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #ff4949;
top: 50%;
left: 0;
transform: rotate(10deg);
transform-origin: center;
}
.multiple-banners .banner-link {
font-weight: 600;
font-size: 14px;
text-transform: capitalize;
text-align: center;
color: #fff;
text-decoration: none;
border: 1px solid #fff;
border-radius: 12px;
padding: 10px 34px;
transition: 0.3s ease-in-out;
}
.multiple-banners .banner-link:hover {
background: #f5ece0;
color: #051634;
}
.multiple-banners .banner-link svg {
display: none;
}
body:has(.multiple-banners) header {
top: 53px;
}
body:has(.multiple-banners) .header.sticky {
top: 53px;
}
.hero-about-us {
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
background: #f9f6f2;
padding-top: 140px;
padding-bottom: 50px;
}
body:has(.header-ads-line) .hero-about-us,
body:has(.multiple-banners) .hero-about-us {
padding-top: 200px;
}
.hero-about-us .container {
display: flex;
flex-direction: column;
align-items: center;
}
.hero-about-us .h2 {
text-align: center;
color: #6a2135;
}
.hero-about-us img,
.hero-about-us svg {
max-width: 100%;
max-height: 530px;
height: auto;
object-fit: contain;
margin-bottom: -50px;
margin-top: -6%;
}
.hero-about-us .image-mobile {
display: none;
}
.section-missions {
overflow: hidden;
padding: 48px 0;
}
.section-missions .container * + .paragraph-1 {
margin-top: 8px;
font-weight: 400;
}
.section-missions .container > .paragraph-1,
.section-missions .container > .paragraph-2 {
text-align: center;
}
.section-missions .container > .paragraph-2 {
font-weight: 600;
font-family: "Montserrat", "Rubik";
}
.section-missions .container * + .paragraph-2 {
margin-top: 16px;
}
.section-missions .cards-wrapper {
margin-top: 9px;
display: flex;
gap: 16px;
padding: 0 90px;
}
.block-with-custom-scroll.full-width ~ .bar .thumb {
display: none;
}
.block-with-custom-scroll.full-width ~ .bar:after {
content: none;
}
.section-missions .cards-wrapper .card-elem {
width: 385px;
min-width: 385px;
border-radius: 30px;
display: flex;
flex-direction: column;
align-items: center;
background: #f5f6fa;
padding: 30px 32px;
min-height: 240px;
}
.section-missions .cards-wrapper .card-elem .paragraph-1 {
font-weight: 400;
text-align: left;
}
.section-missions .cards-wrapper .card-elem .icon-item {
width: max-content;
height: 51px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 18px;
}
.section-missions .cards-wrapper .card-elem .icon-item img,
.section-missions .cards-wrapper .card-elem .icon-item svg {
max-width: 100%;
display: block;
max-height: 51px;
object-fit: contain;
}
.section-missions .cards-wrapper .cards-list {
gap: 16px;
padding: 0;
}
.section-image-full-width {
padding: 0;
}
.section-image-full-width img,
.section-image-full-width svg {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 30px;
display: block;
}
.section-image-full-width .image-mobile {
display: none;
}
.section-image-full-width + .section-product-overview {
margin-top: 75px;
}
.section-product-overview {
background: #6a2135;
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
padding: 68px 0;
overflow: hidden;
position: relative;
z-index: 1;
}
.section-product-overview .container {
display: flex;
flex-direction: column;
align-items: center;
}
.section-product-overview * {
color: #f5ece0;
}
.section-product-overview .sub-text {
font-weight: 600;
font-size: 24px;
line-height: 1.6;
text-align: center;
}
.section-product-overview * + .sub-text {
margin-top: 24px;
}
.section-product-overview * + .cards-wrapper,
.section-product-overview * + .block-with-scrollbar-wrapper {
margin-top: 45px;
}
.section-product-overview .cards-wrapper {
display: flex;
gap: 64px;
width: 100%;
padding-bottom: 24px;
padding-left: 90px;
padding-right: 90px;
}
.section-product-overview .block-with-scrollbar-wrapper .bar {
background: #6a2135;
height: 24px;
}
.section-product-overview .block-with-scrollbar-wrapper .bar .thumb {
background: #f5ece0;
}
.section-product-overview .block-with-scrollbar-wrapper .bar:after {
content: "";
background: #a27279;
width: calc(100% - 180px);
left: 90px;
}
.section-product-overview .block-with-scrollbar-wrapper .scroll-nav-btn {
background: #7c3b4b;
top: 40px;
box-shadow: none;
z-index: 2;
}
.section-product-overview .block-with-scrollbar-wrapper .scroll-nav-btn:hover {
background: #924a5c;
}
.section-product-overview
.block-with-scrollbar-wrapper
.scroll-nav-btn.scroll-nav-btn--next:after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.75%200.75L6.75%206.75L0.750001%2012.75%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.section-product-overview
.block-with-scrollbar-wrapper
.scroll-nav-btn.scroll-nav-btn--prev:after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.75%200.75L0.749999%206.75L6.75%2012.75%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.section-product-overview .main-custom-slider-list {
gap: 64px;
}
.section-product-overview .cards-wrapper:after {
content: "";
position: absolute;
bottom: 0;
width: calc(100% - 180px);
left: 90px;
height: 1px;
background: rgba(245, 236, 224, 0.4);
}
.section-product-overview .main-cards-wrapper {
width: 100%;
position: relative;
margin-top: 20px;
}
.section-product-overview .main-cards-wrapper:after {
content: "";
position: absolute;
top: 0;
width: 130px;
right: 0;
height: 100%;
background: linear-gradient(to left, #6a2135 0%, rgba(106, 33, 53, 0) 100%);
pointer-events: none;
z-index: 1;
}
.section-product-overview .main-cards-wrapper:before {
content: "";
position: absolute;
top: 0;
width: 130px;
left: 0;
height: 100%;
background: linear-gradient(to right, #6a2135 0%, rgba(106, 33, 53, 0) 100%);
pointer-events: none;
z-index: 1;
}
.section-product-overview .main-custom-slider-btn-prev,
.section-product-overview .main-custom-slider-btn-next {
background: #7c3b4b;
top: 40px;
box-shadow: none;
z-index: 2;
}
.section-product-overview .main-custom-slider-btn-prev:hover,
.section-product-overview .main-custom-slider-btn-next:hover {
background: #924a5c;
}
.section-product-overview .main-custom-slider-btn-prev:after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.75%200.75L0.749999%206.75L6.75%2012.75%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.section-product-overview .main-custom-slider-btn-next:after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.75%200.75L6.75%206.75L0.750001%2012.75%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.section-product-overview .cards-wrapper .card-elem {
width: 400px;
min-width: 400px;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.section-product-overview .cards-wrapper .card-elem.card-outer {
display: none;
}
.section-product-overview .cards-wrapper .card-elem .icon-item {
display: flex;
align-items: center;
justify-content: center;
width: max-content;
height: 68px;
}
.section-product-overview .cards-wrapper .card-elem .icon-item img,
.section-product-overview .cards-wrapper .card-elem .icon-item svg {
max-width: 100%;
max-height: 68px;
object-fit: contain;
display: block;
pointer-events: none;
}
.section-product-overview .cards-wrapper .card-elem .paragraph-1 {
font-weight: 400;
text-align: center;
}
.section-product-overview .card-outer-main {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 28px;
margin-bottom: 33px;
width: max-content;
margin-left: auto;
margin-right: auto;
position: relative;
}
.section-product-overview .card-outer-main img:not(.svg-desktop),
.section-product-overview .card-outer-main svg:not(.svg-desktop) {
width: 100px;
height: 100px;
}
.section-product-overview .card-outer-main .svg-desktop {
position: absolute;
top: calc(100% + 16px);
left: 39%;
}
.section-product-overview .card-outer-main .paragraph-1 {
text-align: center;
font-weight: 400;
}
.section-product-overview .bottom-info {
display: flex;
width: 100%;
max-width: 1545px;
margin-bottom: -68px;
}
.section-product-overview .bottom-info .info-elem {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
max-width: 600px;
padding-top: 120px;
position: relative;
}
.section-product-overview .bottom-info .info-elem .paragraph-1 {
font-weight: 400;
text-align: left;
}
.section-product-overview .bottom-info .info-elem svg {
position: absolute;
top: 100px;
left: calc(100% + 25px);
}
.section-product-overview .bottom-info .image-element {
width: 439px;
margin-left: 170px;
}
.section-product-overview .bottom-info .image-element img,
.section-product-overview .bottom-info .image-element svg:not(.svg-mobile) {
display: block;
width: 100%;
height: auto;
}
.section-product-overview .bottom-info .image-element svg.svg-mobile {
display: none;
}
.section-product-overview .bottom-info .image-element .image-mobile {
display: none;
}
.section-product-overview .bottom-image {
position: absolute;
left: -2%;
bottom: -7%;
width: 110%;
object-fit: cover;
display: block;
max-width: 104%;
z-index: -1;
}
.section-contact-us {
padding: 55px 0 120px;
background: #f9f6f2;
position: relative;
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
}
.section-contact-us::before {
content: "";
position: absolute;
top: 0;
left: 0;
background-image: url("/wp-content/themes/skrooge/src/img/pat_top_light.svg");
background-repeat: repeat-x;
width: 100%;
height: 15px;
z-index: 2;
}
.section-contact-us .contact-us-main-form {
max-width: 780px;
margin: 0 auto;
}
.section-contact-us .contact-us-main-form form {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 34px;
}
.section-contact-us .contact-us-main-form form h2 {
text-align: center;
display: flex;
align-items: center;
gap: 20px;
width: 100%;
font-size: 40px;
line-height: 1.15;
margin: 0 auto;
justify-content: center;
}
.section-contact-us .contact-us-main-form form h2 svg,
.section-contact-us .contact-us-main-form form h2 img {
display: block;
}
.section-contact-us .contact-us-main-form form .form-fields-wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
align-items: flex-start;
}
.section-contact-us .contact-us-main-form form .form-fields-wrapper .form-elem {
width: calc(50% - 10px);
}
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field {
width: 100%;
position: relative;
}
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field.default-field
input,
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field.default-field
textarea {
width: 100%;
border-radius: 8px;
border: none;
box-shadow: none;
padding: 17px 34px;
font-size: 16px;
line-height: 1.3;
font-weight: 400;
font-family: "Montserrat", "Rubik";
color: #000;
}
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field.default-field
input:focus,
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field.default-field
textarea:focus,
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field.default-field
input:active,
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field.default-field
textarea:active,
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field.default-field
input:focus-visible,
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field.default-field
textarea:focus-visible {
outline: none;
box-shadow: none;
}
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field.default-field
input::placeholder,
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field.default-field
textarea::placeholder {
color: #949ba8;
}
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-elem:has(.message-field) {
width: 100%;
}
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field.message-field
textarea {
padding: 17px 12px;
resize: none;
height: 120px;
}
.section-contact-us
.contact-us-main-form
form
.country-code-wrapper
.country-code-input {
position: absolute;
pointer-events: none;
opacity: 0;
width: 0;
height: 0;
visibility: hidden;
left: 0;
top: 0;
}
.section-contact-us .contact-us-main-form form .country-code-wrapper {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: block;
z-index: 10;
}
.section-contact-us
.contact-us-main-form
form
.country-code-wrapper
.iti__country-container {
position: static;
}
.section-contact-us .contact-us-main-form form .phone-wrapper {
width: 100%;
display: block;
}
.section-contact-us .contact-us-main-form form .phone-wrapper input {
background: #fff;
border: none;
box-shadow: none;
outline: none;
padding: 17px 24px 17px 100px;
color: #000;
font-size: 16px;
line-height: 1.3;
border-radius: 8px;
width: 100%;
}
.section-contact-us
.contact-us-main-form
form
.phone-wrapper
input::placeholder {
font-size: 16px;
line-height: 21px;
color: #949ba8;
font-family: "Montserrat", "Rubik";
}
.section-contact-us .contact-us-main-form form label {
display: none;
}
.section-contact-us .contact-us-main-form form button[type="submit"] {
color: #fff;
background: #6a2135;
transition: 0.3s ease;
width: 100%;
text-align: center;
font-family: "Montserrat", "Rubik";
font-size: 16px;
line-height: 1;
font-weight: 600;
margin-top: 0;
border-radius: 12px;
cursor: pointer;
padding: 24px 20px;
max-width: 300px;
}
.section-contact-us .contact-us-main-form form button[type="submit"]:hover,
.section-contact-us .contact-us-main-form form button[type="submit"]:active {
background: #9d3b56;
}
.section-contact-us .contact-us-main-form form button[type="submit"] em {
font-style: normal;
}
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field
select {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
z-index: -1;
}
.custom-select {
position: relative;
width: 100%;
display: block;
background: #fff;
border-radius: 8px;
}
.custom-select .custom-select__trigger {
width: 100%;
border-radius: 8px;
border: none;
box-shadow: none;
padding: 17px 34px 17px 12px;
font-size: 16px;
line-height: 1.3;
font-weight: 400;
font-family: "Montserrat", "Rubik";
color: #949ba8;
cursor: pointer;
position: relative;
}
.custom-select .custom-select__trigger.selected {
color: #000;
}
.custom-select .custom-select__dropdown {
position: absolute;
left: 0;
top: 100%;
width: 100%;
background: #fff;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
padding: 17px 0;
background: #fff;
overflow: auto;
opacity: 0;
visibility: hidden;
transition: 0.3s ease;
z-index: 10;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
max-height: 340px;
overflow: auto;
}
.custom-select.open .custom-select__dropdown {
opacity: 1;
visibility: visible;
}
.custom-select .custom-select__dropdown .custom-select__option {
padding: 10px 20px;
transition: 0.3s ease;
font-size: 16px;
line-height: 1.6;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
}
.custom-select .custom-select__dropdown .custom-select__option:hover,
.custom-select .custom-select__dropdown .custom-select__option.selected {
background: #eff3f9;
}
.custom-select.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field.default-field
> svg {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
display: block;
}
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field:has(.active)
> svg
path,
.section-contact-us
.contact-us-main-form
form
.form-fields-wrapper
.form-field:has(.filled)
> svg
path {
stroke: #000;
}
.custom-select .icon-selected {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
display: block;
}
.custom-select .icon-selected svg {
display: block;
max-width: 100%;
height: auto;
}
.custom-select .icon-selected svg path {
fill: #000;
}
.custom-select:has(.icon-selected svg) .custom-select__trigger {
padding-left: 34px;
}
.custom-select .arrow {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
display: block;
transition: 0.3s ease;
}
.custom-select.open .arrow {
transform: translateY(-50%) rotate(180deg);
}
.section-contact-us .contact-us-main-form form .error-message {
display: none;
font-size: 16px;
line-height: 1.3;
align-items: center;
gap: 8px;
color: #c42d54;
}
.section-contact-us .contact-us-main-form .error-message svg {
width: 20px;
min-width: 20px;
}
.section-contact-us
.contact-us-main-form
form.name-error
.form-fields-wrapper
.form-elem:has(.name-field)
.error-message,
.section-contact-us
.contact-us-main-form
form.email-error
.form-fields-wrapper
.form-elem:has(.email-field)
.error-message,
.section-contact-us
.contact-us-main-form
form.phone-error
.form-fields-wrapper
.form-elem:has(.phone-field)
.error-message {
display: flex;
margin-top: 9px;
}
.section-contact-us .bottom-title-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
max-width: 780px;
margin: 35px auto 14px;
}
.section-contact-us .bottom-title-wrapper::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #c1b8ab;
top: 50%;
left: 0;
z-index: -1;
}
.section-contact-us .bottom-title-wrapper p {
font-weight: 500;
font-size: 20px;
line-height: 1.2;
text-align: center;
color: #c1b8ab;
font-family: "Reaktif", "Rubik";
padding: 0 15px;
background: #f9f6f2;
}
html[lang="ru-RU"] .section-contact-us .bottom-title-wrapper p {
font-weight: 400;
}
.section-contact-us .contact-list {
display: flex;
align-items: center;
justify-content: center;
gap: 20px 80px;
max-width: 780px;
margin: 0 auto;
}
.section-contact-us .contact-list li {
width: max-content;
}
.section-contact-us .contact-list li a {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: #000;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
line-height: 1.6;
transition: 0.3s ease;
}
html[lang="ru-RU"] .section-contact-us .contact-list li a {
font-weight: 400;
}
.section-contact-us .contact-list li a img,
.section-contact-us .contact-list li a svg {
display: block;
width: 40px;
height: 40px;
min-width: 40px;
min-height: 40px;
object-fit: contain;
}
.section-contact-us .contact-list li a:hover {
opacity: 0.7;
}
body:has(.multiple-banners) .section-contact-details,
body:has(.header-ads-line) .section-contact-details {
padding-top: 170px;
}
.section-contact-details {
padding-top: 125px;
padding-bottom: 112px;
}
.section-contact-details .container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
}
.section-contact-details .container h1 {
text-align: left;
font-family: "Reaktif", "Rubik";
font-weight: 700;
font-size: 72px;
line-height: 1.15;
color: #6a2135;
width: 100%;
margin-bottom: 15px;
}
.section-contact-details .info {
width: 420px;
display: flex;
flex-direction: column;
gap: 25px;
}
.section-contact-details .info .info-item {
font-family: "Montserrat Italic";
display: flex;
align-items: flex-end;
gap: 10px;
}
.section-contact-details .info .info-item img {
display: block;
width: 80px;
height: 80px;
min-width: 80px;
min-height: 80px;
object-fit: contain;
}
.section-contact-details .info .info-item .info-text {
display: flex;
flex-direction: column;
gap: 5px;
background: #f9f5f5;
border-radius: 25px;
padding: 24px 25px 17px;
display: flex;
flex-direction: column;
gap: 2px;
width: max-content;
}
.section-contact-details .info .info-item .info-text p.icon-title {
line-height: 1.24;
}
.section-contact-details .info .info-item .info-text p {
font-weight: 500;
font-style: italic;
font-size: 18px;
line-height: 1.4;
}
html[lang="ru-RU"] .section-contact-details .info .info-item .info-text p {
font-weight: 400;
}
.section-contact-details .contact-list {
display: flex;
flex-direction: column;
gap: 28px;
}
.section-contact-details .contact-list li {
display: flex;
flex-direction: column;
gap: 10px;
padding-left: 32px;
position: relative;
}
.section-contact-details .contact-list li .icon-elem {
position: absolute;
width: 16px;
display: flex;
justify-content: center;
left: 0;
top: 0;
}
.section-contact-details .contact-list li .icon-elem img,
.section-contact-details .contact-list li .icon-elem svg {
display: block;
max-width: 16px;
width: auto;
height: auto;
object-fit: contain;
}
.section-contact-details .contact-list li .title {
text-transform: uppercase;
color: #6a2135;
line-height: 1.2;
font-weight: 600;
font-size: 16px;
}
.section-contact-details .contact-list li .map-elem {
display: none;
}
.section-contact-details .contact-list li .text,
.section-contact-details .contact-list li a {
font-weight: 400;
font-size: 18px;
line-height: 1.6;
color: #051634;
text-decoration: none;
}
.section-contact-details .contact-list li a:hover {
text-decoration: underline;
color: #6a2135;
}
.section-contact-details .social-list {
display: flex;
align-items: center;
gap: 28px;
padding-left: 32px;
}
.section-contact-details .social-list li {
width: max-content;
}
.section-contact-details .social-list li a {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1px solid #051634;
border-radius: 10px;
transition: 0.3s ease;
position: relative;
overflow: hidden;
}
.section-contact-details .social-list li a svg path {
transition: 0.3s ease;
}
.section-contact-details .social-list li a:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
transition: 0.3s ease;
}
.section-contact-details .social-list li a:hover:before {
opacity: 1;
}
.section-contact-details .social-list li a:hover svg path {
fill: #fff;
}
.section-contact-details .social-list li a:hover {
border: 1px solid transparent;
}
.section-contact-details .social-list li a.instagram-link:before {
background: url("/wp-content/themes/skrooge/src/img/instagram-bg.png")
no-repeat center;
background-size: cover;
}
.section-contact-details .social-list li a.linkedin-link:before {
background: #007ebb;
}
.section-contact-details .social-list li a img,
.section-contact-details .social-list li a svg {
display: block;
max-width: 16px;
height: auto;
object-fit: contain;
z-index: 1;
}
.section-contact-details .map-wrapper {
width: calc(100% - 440px);
max-width: 925px;
position: relative;
height: 563px;
overflow: hidden;
border-radius: 30px;
}
.section-contact-details .map-wrapper .map-main {
width: 100%;
height: 563px;
height: 590px;
}
.section-testimonials:has(+ .section-cards-with-info)
+ .section-cards-with-info,
.section-testimonials:has(+ .section-cards-with-info-static)
+ .section-cards-with-info-static,
.section-testimonials:has(+ .title-and-cards) + .title-and-cards {
padding-top: 0;
}
.pll-parent-menu-item {
position: relative;
display: none;
}
.pll-parent-menu-item .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
background: #fff;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
padding: 8px;
min-width: 140px;
list-style: none;
margin: 0;
z-index: 999;
}
.pll-parent-menu-item:hover .sub-menu {
display: block;
}
.pll-parent-menu-item .sub-menu .lang-item a {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 14px;
border-radius: 8px;
color: #1a1a1a;
text-decoration: none;
font-size: 14px;
white-space: nowrap;
transition: background 0.2s ease;
}
.pll-parent-menu-item .sub-menu .lang-item a:hover {
background: #f5f5f5;
}
.pll-parent-menu-item .sub-menu .current-lang a {
color: #6a2135;
font-weight: 500;
}
html[lang="ru-RU"] .pll-parent-menu-item .sub-menu .current-lang a {
font-weight: 400;
}
.hero-rating-wrapper {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 10px 12px;
border: 1px solid rgba(106, 33, 53, 0.6);
border-radius: 16px;
width: max-content;
font-weight: 500;
font-size: 18px;
line-height: 1.5;
align-items: center;
margin: 30px auto 20px;
}
html[lang="ru-RU"] .hero-rating-wrapper {
font-weight: 400;
}
.hero-rating-wrapper .rating-text {
display: flex;
align-items: center;
gap: 8px;
}
.hero-rating-wrapper img,
.hero-rating-wrapper svg {
display: block;
}
.hero__button-wrap {
gap: 23px;
flex-direction: column;
}
.hero-rating-wrapper .rating-link {
display: flex;
align-items: center;
gap: 8px;
text-decoration: none;
color: currentColor;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
font-family: inherit;
text-transform: inherit;
text-decoration: inherit;
text-align: inherit;
text-indent: inherit;
text-overflow: inherit;
}
.section-intro .hero-rating-wrapper {
margin: 0;
}
.lang-switcher {
position: relative;
display: inline-block;
}
.lang-switcher__toggle {
display: flex;
align-items: center;
gap: 6px;
background: none;
border: none;
cursor: pointer;
color: #6a2135;
text-align: center;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 160%;
}
.lang-switcher__toggle:hover {
opacity: 0.7;
}
.lang-switcher__icon {
flex-shrink: 0;
}
.lang-switcher__arrow {
transition: transform 0.2s ease;
}
.lang-switcher[data-open="true"] .lang-switcher__arrow {
transform: rotate(180deg);
}
.lang-switcher__dropdown {
display: none;
position: absolute;
top: calc(100% + 10px);
right: 50%;
transform: translateX(50%);
min-width: 80px;
border-radius: 24px;
background: #fff;
box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.08);
padding: 20px 24px;
list-style: none;
z-index: 1000;
}
.lang-switcher[data-open="true"] .lang-switcher__dropdown {
display: block;
}
.lang-switcher__dropdown li a {
display: block;
text-decoration: none;
color: #051634;
text-align: left;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 160%;
}
.lang-switcher__dropdown li.active {
span {
color: #6a2135;
text-align: left;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 160%;
text-decoration-line: underline;
}
}
.lang-switcher__dropdown li a:hover {
color: #6a2135;
text-decoration: underline;
}
.policy-mob-menu .menu-item-lang-switcher,
.header-mob-main-menu .menu-item-lang-switcher,
.footer__content .lang-switcher {
display: none !important;
}
.mobile-lang-switcher .lang-switcher {
display: flex;
align-items: center;
}
html[lang="ru-RU"] .footer__tagline {
display: none;
}
html[lang="ru-RU"] .footer-phone-link {
width: 100%;
}
.cookie-banner-content {
max-width: 750px;
}
.page-template-page-tool-compliance-diagnostic.mm-wrapper,
.page-template-page-tool-penalty-calculator.mm-wrapper,
.page-template-page-tool-compliance-calendar.mm-wrapper {
overflow: visible !important;
}
.cc-columns {
padding-bottom: 40px;
}
.page-template-services .recommended-articles-section,
.page-template-accounting-and-bookkeeping-services
.recommended-articles-section {
padding-top: 0;
}
.page-id-2152 .section-intro .image-item img {
max-height: initial;
}
.page-id-2152 .section-intro .image-item {
width: calc(60% - 28px);
max-width: 940px;
}
.page-template-accounting-and-bookkeeping-services .section-intro .info {
width: 58%;
}
.page-template-accounting-and-bookkeeping-services .section-intro .image-item {
width: calc(42% - 28px);
}