/* Service page: spacing above first hero block */
html body .ck-content section[data-block-id="service-page-hero-cover"].sb-hero-cover-section {
    margin-top: clamp(2.5rem, 4vw, 5rem) !important;
}
/* pages spaces between UI blocks */
.portfolio-blocks-section.pb-related
.portfolio-blocks-section.pb-hero.spacing-medium,
.portfolio-blocks-section.pb-goals.spacing-medium,
.portfolio-blocks-section.pb-results.spacing-medium,
.portfolio-blocks-section.pb-wide-carousel.spacing-medium,
.portfolio-blocks-section.pb-gallery.spacing-medium,
.portfolio-blocks-section.pb-adaptive.spacing-medium,
.portfolio-blocks-section.pb-related.spacing-medium {
  padding-top: clamp(42px, 4vw, 70px);
  padding-bottom: clamp(12px, 4vw, 10px);
}
/* Portfolio fonts */
.pb-result-highlight strong {
    font-size: clamp(28px, 0.5vw, 54px);
}
.pb-section-title {
    font-size: clamp(34px, 3.2vw, 76px);
}
.pb-hero-title {
    font-size: clamp(40px, 4vw, 92px);
}
/* ПК лого */
.at-header-logo img {
    width: 200px !important;
    height: auto !important;
    max-width: none !important;
    display: block;
}

/* Планшет лого */
@media (max-width: 991.98px) {
    .at-header-logo img {
        width: 160px !important;
        height: auto !important;
    }
}

/* Телефон лого */
@media (max-width: 767.98px) {
    .at-header-logo img {
        width: 120px !important;
        height: auto !important;
    }
}
/* hidede share section in case studies */
div.d-flex.align-items-center.py-3.border-top.mt-5 {
  display: none !important;
}
/*  footer text business slogan*/
footer h1.fz-160,
.at-footer-area h1.fz-160,
.at-footer h1.fz-160 {
    font-size: clamp(42px, 5vw, 64px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em;
}
/* menu text color */
/* .at-main-menu nav ul li a {
    color: #ffffff !important;
}

.at-main-menu nav ul li a:hover {
    color: #F0460E !important;
}*/

/* hide red icon on about section */
/* [data-block-id="about-us-information"] .at-about-subtitle svg {
    display: none !important;
} */
/*Edit page fix temp*/
.at-search-form-toggle,
.at-search-body-overlay {
    pointer-events: none;
}
.at-search-form-toggle.active,
.at-search-body-overlay.active {
    pointer-events: auto;
}

/*font pages 2 rows 4 blocks*/
.sb-stats-strip-value {
    font-size: clamp(2.1rem, 2vw, 4.2rem);
    font-weight: 700;
}
/*disable preloader - temp*/
.page-loader { display: none !important; }
/*carousel Ticker*/
.carouselTicker__item .brand-item img {
    width: 147px !important;
    height: auto !important;
    max-width: 150px !important;
    object-fit: contain;
}

/*hero font*/
.shortcode-hero-banner .at-hero-title {
    font-size: 56px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em;
}
@media (max-width: 1199px) {
    .shortcode-hero-banner .at-hero-title {
        font-size: 48px !important;
    }
}

@media (max-width: 767px) {
    .shortcode-hero-banner .at-hero-title {
        font-size: 36px !important;
        line-height: 1.1 !important;
    }
}
/*logo footer*/
.at-footer-area img[alt="Web Fly"] {
    width: 160px !important;
    height: auto !important;
    max-width: 160px !important;
}
/*logo mobile in menu*/
@media (max-width: 991px) {
    .at-offcanvas-area .at-offcanvas-logo img {
        width: 130px !important;
        max-width: 130px !important;
        height: auto !important;
    }
}
/* Hide featured image block on service detail pages */
.sec-1-services-details + .pt-60.pb-80 {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Reduce space after service hero */
.sec-1-services-details {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Pull main service content closer to hero */
.sec-1-services-details + .pt-60.pb-80 + .pb-120 {
    padding-top: 0 !important;
    margin-top: -120px !important;
}
/* Red section subtitles / eyebrow labels */
.at-about-title-wrap .at-btn.common-black,
.at-service-subtitle-wrap .at-btn.common-black,
.at-faq .at-btn.common-black,
.contact-form .at-btn.common-black,
.at-section-subtitle {
    color: #F0460E !important;
}

/* Make both animated text layers red */
.at-about-title-wrap .at-btn.common-black .text-1,
.at-about-title-wrap .at-btn.common-black .text-2,
.at-service-subtitle-wrap .at-btn.common-black .text-1,
.at-service-subtitle-wrap .at-btn.common-black .text-2,
.at-faq .at-btn.common-black .text-1,
.at-faq .at-btn.common-black .text-2,
.contact-form .at-btn.common-black .text-1,
.contact-form .at-btn.common-black .text-2 {
    color: #F0460E !important;
}

/* Arrow icon near subtitle */
.at-about-title-wrap .at-btn.common-black i,
.at-service-subtitle-wrap .at-btn.common-black i,
.at-faq .at-btn.common-black i,
.contact-form .at-btn.common-black i {
    color: #F0460E !important;
}
section[data-block-id="contact-form"] .at-btn.common-black,
section[data-block-id="contact-form"] .at-btn.common-black .text-1,
section[data-block-id="contact-form"] .at-btn.common-black .text-2,
section[data-block-id="contact-form"] .at-btn.common-black i {
    color: #F0460E !important;
}
/*red dots & black dots - services*/
/* Remove default black bullets, keep custom red bullets */
.sb-feature-row-list,
.sb-card-grid-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.sb-feature-row-list li,
.sb-card-grid-list li {
    list-style: none !important;
    position: relative;
    padding-left: 1.35rem;
}

.sb-feature-row-list li::marker,
.sb-card-grid-list li::marker {
    content: "" !important;
}
.sb-feature-row-list li::before,
.sb-card-grid-list li::before {
    content: '';
    position: absolute;
    top: 0.7rem;
    left: 0;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: var(--sb-accent);
}
/* Remove decorative color overlay from Service Split image */
html body .sb-split-media::before,
html body .sb-split-media::after {
    display: none !important;
    opacity: 0 !important;
    content: none !important;
}
/*article photo name and share*/
/* Hide author + share block on blog detail page */
.sec-1-blog-details .col-lg-8.mx-auto > .d-flex.flex-column.flex-md-row.align-items-md-end.gap-2.justify-content-between.pt-30 {
    display: none !important;
}

/* Hide main featured image on blog detail page */
.sec-1-blog-details .row.align-items-center > .col-12.py-5 {
    display: none !important;
}
/*Hero space above*/
#overview + .sb-hero-cover-section,
#seo-ready-hero + .sb-hero-cover-section {
  margin-top: 95px !important;
}
/* Hide blog card author and publication date */
p.blog-card__meta,
.blog-card__meta {
    display: none !important;
}
.blog-card__meta {
    font-family: var(--at-ff-body);
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    color: #585959;
    margin: 0;
    display: none !important;
}
.webfly-trustpilot-wrap {
    display: block;
    margin-top: 14px;
    line-height: 0;
}

.webfly-trustpilot-badge {
    display: inline-block;
}

.webfly-trustpilot-badge img {
    display: block;
    max-width: 150px;
    height: auto;
}
/*COntact*/
.webfly-professional-profiles-heading {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    padding: 90px 20px 45px;
    text-align: center;
}

.webfly-professional-profiles-subtitle {
    display: block;
    margin-bottom: 14px;
    color: #f0460e;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.webfly-professional-profiles-heading h2 {
    margin: 0 0 20px;
    font-size: clamp(42px, 6vw, 72px);
    line-height: 1.05;
    letter-spacing: -0.03em;
}

.webfly-professional-profiles-heading p {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.65;
    text-align: center !important;
    text-align-last: center !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
}

@media (max-width: 767px) {
    .webfly-professional-profiles-heading {
        padding: 52px 16px 28px;
    }

    .webfly-professional-profiles-subtitle {
        margin-bottom: 12px;
        font-size: 12px;
    }

    .webfly-professional-profiles-heading h2 {
        margin-bottom: 18px;
        font-size: 36px;
        line-height: 1.08;
    }

    .webfly-professional-profiles-heading p {
        max-width: 350px;
        font-size: 15px;
        line-height: 1.55;
    }
}

@media (max-width: 390px) {
    .webfly-professional-profiles-heading h2 {
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    a[href*="linkedin.com/in/kravchuk-sergiy"],
    a[href*="upwork.com/freelancers/sergiykravchuk"],
    a[href="https://sergiykravchuk.com/"],
    a[href*="instagram.com/sergiykravchuk"] {
        position: relative !important;
        z-index: 50 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent;
    }

    a[href*="linkedin.com/in/kravchuk-sergiy"] img,
    a[href*="upwork.com/freelancers/sergiykravchuk"] img,
    a[href="https://sergiykravchuk.com/"] img,
    a[href*="instagram.com/sergiykravchuk"] img {
        pointer-events: none !important;
    }
}
/* Make professional profile links clickable on mobile */
@media (max-width: 767px) {
    .at-brand-area::before,
    .at-brand-area::after {
        pointer-events: none !important;
    }

    .at-brand-area {
        pointer-events: none !important;
    }

    .at-brand-area a {
        position: relative !important;
        z-index: 9999 !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        cursor: pointer !important;
    }

    .at-brand-area a img {
        pointer-events: none !important;
    }
}
/* Professional profiles: clickable links on mobile */
@media (max-width: 767px) {
    [data-block-id="partners"].at-brand-area::before,
    [data-block-id="partners"].at-brand-area::after {
        pointer-events: none !important;
    }

    [data-block-id="partners"].at-brand-area {
        pointer-events: none !important;
    }

    [data-block-id="partners"] a {
        position: relative !important;
        z-index: 9999 !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent;
    }

    [data-block-id="partners"] a img {
        pointer-events: none !important;
    }
}
@media (max-width: 767px) {
    [data-block-id="partners"] .carouselTicker__item {
        width: 230px !important;
        min-width: 230px !important;
        max-width: 230px !important;
        margin: 0 !important;
        padding: 0 6px !important;
    }

    [data-block-id="partners"] .brand-item {
        width: 100% !important;
        margin: 0 !important;
    }
}