body,
html {
    width: 100%;
}

.navbar.scrolled .navbar-nav .nav-link,
body {
    color: var(--text-dark);
}

.logo-line,
.navbar-nav .nav-link::after {
    width: 0;
    height: 2px;
    background: var(--accent-color);
}

#preloader,
.car-perk:hover::before,
.con-pillar:hover::after,
.navbar-nav .nav-link:hover::after,
.newsletter-form .btn {
    width: 100%;
}

.con-intro__visual,
.hero-section,
.logo-animation,
.pm-why__img-wrap {
    position: relative;
}

.author-info span,
.brand-text,
.logo-text {
    display: block;
}

.loading,
[data-aos] {
    pointer-events: none;
}

:root {
    --primary-color: #2c2c2c;
    --secondary-color: #f5f1e8;
    --accent-color: #d4a574;
    --text-dark: #2c2c2c;
    --text-light: #666666;
    --white: #ffffff;
    --gradient-overlay: linear-gradient(135deg,
        rgba(44, 44, 44, 0.8),
        rgba(212, 165, 116, 0.3));
    --gold: #c8a951;
    --gold-dark: #a5853a;
    --dark-bg: #0c0c0c;
    --gray-light: #f5f5f5;
    --gray-mid: #eaeaea;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 1rem;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: var(--primary-color);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.8s, visibility 0.8s;
}

#preloader.loaded {
    opacity: 0;
    visibility: hidden;
}

.preloader-content {
    text-align: center;
    color: var(--white);
}

.logo-text {
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    opacity: 0;
    animation: 1.5s forwards logoFadeIn;
}

.logo-line {
    margin: 1rem auto;
    animation: 1s 0.5s forwards lineExpand;
}

.hero-buttons,
.stats-row {
    margin-top: 2rem;
}

.logo-subtitle {
    font-family: Inter, sans-serif;
    font-size: 0.9rem;
    font-weight: 300;
    letter-spacing: 0.3em;
    opacity: 0;
    animation: 1s 1s forwards logoFadeIn;
}

@keyframes logoFadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }

    from {
        opacity: 0;
        transform: translateY(20px);
    }
}

@keyframes lineExpand {
    to {
        width: 100px;
    }
}

section.justify-center .elementor-container {
    justify-content: center;
}

body.single.cherry-services-template .site-content,
body:not(.page-template-fullwidth-content) .site-content {
    margin-top: 0px;
    margin-bottom: 0px;
}

body.category .site-content,
body.archive .site-content,
body.tags .site-content,
body.single .site-content,
body.search .site-content,
body.blog .site-content,
body.error404 .site-content {
    margin-top: 40px;
    margin-bottom: 40px;
}

.navbar-brand-alt .jet-logo__text span {
    color: var(--gold);
}

h1 .accent {
    color: var(--gold);
    display: inline-block;
}

.brand-subtitle {
    font-size: 13px;
    letter-spacing: 4px;
    color: #c9a96e;
    font-weight: 300;
    opacity: 0.8;
}


.footer-alt h5::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 35px;
    height: 2px;
    background: var(--gold);
}

.footer-links-alt a:hover {
    transform: translateX(5px);
}

.comment-navigation,
.posts-list-navigation {
    overflow: hidden;
    padding-top: 0px;
    border-top: none;
}

.comment-navigation,
.posts-list-navigation {
    overflow: hidden;
    padding-top: 0px;
    border-top: none;
}

.portfolio-box .jet-portfolio.preset-type-1 .jet-portfolio__item .jet-portfolio__content {
    opacity: 1;
}

.portfolio-box .jet-images-layout__item .jet-images-layout__content {
    opacity: 1;
}

.portfolio-box .jet-portfolio.preset-type-1 .jet-portfolio__item .jet-portfolio__image,
.portfolio-box .jet-images-layout__item .jet-images-layout__image {
    object-fit: cover;
    transition: transform 0.5s;
}

.portfolio-box .jet-portfolio.preset-type-1 .jet-portfolio__item .jet-portfolio__link {
    overflow: hidden;
    border-radius: 20px;
}

.portfolio-box .jet-portfolio.preset-type-1 .jet-portfolio__item:hover .jet-portfolio__image,
.portfolio-box .jet-images-layout__item:hover .jet-images-layout__image {
    transform: scale(1.05);
}

.number-box h4.elementor-icon-box-title {
    margin-top: 5px;
    margin-bottom: 10px;
}

.post-box .jet-posts__inner-content {
    display: flex;
    flex-direction: column;
}

.post-box .jet-posts__inner-content .entry-title {
    order: 2;
}

.post-box .jet-posts__inner-content .post-meta {
    order: 1;
}

.post-box .jet-posts__inner-content .entry-excerpt {
    order: 3;
}

.post-box .jet-posts__inner-content .jet-more-wrap {
    order: 4;
}

.post-box .jet-posts__inner-content .post-meta .post__date.post-meta__item:before {
    content: "\f073";
    font-weight: 400;
    font-family: "FontAwesome";
    margin-right: 5px;
}

.post-thumbnail img {
    width: 100%;
}

.main-menu .menu-item .menu-item-link {
    position: relative;
}

.main-menu .menu-item .menu-item-link:after {
    width: 0;
    height: 2px;
    background: var(--accent-color);
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transition: 0.3s;
    transform: translateX(-50%);
}

.main-menu .menu-item .menu-item-link:hover::after {
    width: 100%;
}

.jet-sticky-section--stuck .main-menu .menu-item .menu-item-link {
    position: relative;
    color: #2c2c2c;
}


.monday-form-crop {
    --crop-left: 9px;
    --crop-right: 24px;
    width: 100%;
    height: 1050px;
    overflow: hidden;
    border-radius: 18px;
}

.monday-form-crop iframe {
    display: block;
    width: calc(100% + var(--crop-left) + var(--crop-right));
    max-width: none !important;
    height: 1114px;
    border: 0;
    transform: translate(calc(0px - var(--crop-left)),
        -64px);
}

.jet-breadcrumbs .jet-breadcrumbs__item .jet-breadcrumbs__item-target {
    text-shadow: 1px 2px 2px rgba(100, 75, 35, 0.85), 0 0 4px rgba(100, 75, 35, 0.5);
}

.scroll-indicator {
  position: absolute;
  bottom: -8rem;
  left: 50%;
  transform: translateX(-50%);
  animation: 2s infinite bounce;
  z-index: 1;
}
.scroll-arrow {
  width: 2px;
  height: 40px;
  background: var(--white);
  position: relative;
}
.scroll-arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -4px;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--white);
  border-bottom: 2px solid var(--white);
  transform: rotate(45deg);
}
@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

body.single-portfoilio .jet-sticky-section--stuck .jet-logo__text span:first-child,
body.home .jet-sticky-section--stuck .jet-logo__text span:first-child {
    color: #212529 !important;
}

@media (max-width: 1024px) {

    .jet-sticky-section--stuck .main-menu .jet-nav.m-layout-tablet.jet-nav--horizontal .menu-item .menu-item-link:hover,
    .jet-sticky-section--stuck .main-menu .jet-nav.m-layout-tablet.jet-nav--horizontal .menu-item.current-menu-item .menu-item-link {
        color: #C8A951;
    }

    .jet-sticky-section--stuck .main-menu .jet-nav.m-layout-tablet.jet-nav--horizontal .menu-item .menu-item-link {
        color: #fff;
    }

    .jet-sticky-section--stuck .main-menu .jet-nav__mobile-trigger {
        border-color: #2c2c2c !important;
    }

    .jet-sticky-section--stuck .main-menu .jet-nav__mobile-trigger .jet-blocks-icon svg {
        fill: #2c2c2c;
    }
     .scroll-indicator {
        bottom: -8rem;
    }
}

@media (max-width: 375px) {
    .scroll-indicator {
        bottom: -3rem;
    }
}