/* Root Styling */
:root {
    --section-max-width: 1500px;
    --image-clip-offset: polygon(
        34px 0%,
        100% 0%,
        100% 100%,
        0% 100%,
        0% calc(0% + 22px));
    --section-clip-top-left: polygon(
        64px 0%,
        100% 0%,
        100% 100%,
        0% 100%,
        0% calc(0% + 50px));
    --section-clip-top-left-margin: -50px;
    --image-clip-top-left: polygon(
        36px 0%,
        100% 0%,
        100% 100%,
        0% 100%,
        0% calc(0% + 40px));
    --section-clip-bottom-right: polygon(
        0% 0%,
        100% 0%,
        100% calc(100% - 48px),
        calc(100% - 84px) 100%,
        0% 100%);
    --section-clip-bottom-right-margin: -48px;
    --section-clip-top-left-offset: polygon(
        88px 0%,
        100% 0%,
        100% 100%,
        0% 100%,
        0% calc(0% + 58px));
    --section-clip-top-left-offset-margin: -58px;
    --section-clip-header: polygon(
        0% 0%,
        100% 0%,
        100% 100%,
        calc(0% + 12px) 100%,
        0% calc(100% - 12px));
    --section-clip-bottom-right-card: polygon(
        0% 0%,
        100% 0%,
        100% calc(100% - 30px),
        calc(100% - 30px) 100%,
        0% 100%);
    --section-clip-bottom-right-faq: polygon(
        0% 0%,
        100% 0%,
        100% calc(100% - 17px),
        calc(100% - 13px) 100%,
        0% 100%);
}

/* Header Styling */
.arch-menu.arch-white .e--pointer-underline .elementor-item:after {
    background-color: currentColor;
}
.arch-menu .sub-menu {
    padding: 20px !important;
    background: var( --e-global-color-6ed7353 ) !important;
    border-radius: 8px !important;
    columns:2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.arch-menu .elementor-sub-item::after {
    content: "";
    margin-left: 8px;
    width: 16px;
    height: 16px;
    -webkit-mask-image: url('/wp-content/uploads/2025/11/Arch-Sub-Menu-Chevron.svg');
    mask-image: url('/wp-content/uploads/2025/11/Arch-Sub-Menu-Chevron.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var( --e-global-color-ac8edbd );
    transform: translateX(0px);
    transition: transform 0.5s ease, background-color 0.3s ease;
}
.arch-menu .elementor-sub-item:hover::after {
    background-color: var( --e-global-color-text );
    transform: translateX(6px);
}
.arch-sticky-header {
    transform: translateY(-105%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.3s ease;
}
.arch-sticky-header.sticky-header-active {
    transform: translateY(0%);
    opacity: 1;
}

/* Section Styling */
.arch-parent-cont .e-con-inner {
    max-width: var(--section-max-width);
}
.arch-max-width-600 {
    max-width: 600px !important;
}

/* Clip Styling */
.arch-image-clip-offset {
    clip-path: var(--image-clip-offset)
}
.arch-top-left-image-clip {
    clip-path: var(--image-clip-top-left);
}
.arch-top-left-section-clip {
    clip-path: var(--section-clip-top-left);
    margin-top: var(--section-clip-top-left-margin);
}
.arch-bottom-right-section-clip {
    clip-path: var(--section-clip-bottom-right);
    margin-bottom: var(--section-clip-bottom-right-margin);
}
.arch-top-left-offset-section-clip {
    clip-path: var(--section-clip-top-left-offset);
    margin-top: var(--section-clip-top-left-offset-margin);
}
.arch-section-clip-header {
    clip-path: var(--section-clip-header);
}
.arch-bottom-right-card-clip {
    clip-path: var(--section-clip-bottom-right-card);
}
.arch-service-faq .e-n-accordion-item {
    clip-path: var(--section-clip-bottom-right-faq);
}

/* Button Styling */
.arch-chevron-button svg {
    max-height: 12px;
}
.arch-chevron-button .elementor-button-icon {
    margin-left:0px;
    transition: margin-left 0.3s ease;
}
.arch-chevron-button:hover .elementor-button-icon {
    margin-left:2px;
}


/* Slider Styling */
.arch-navy-logo-slider::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, var( --e-global-color-text) 5%, var( --e-global-color-a592d0e) 30%);
    mix-blend-mode: darken;
    z-index: 10;
}
.arch-navy-logo-slider::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, var( --e-global-color-a592d0e) 70%, var( --e-global-color-text) 95%);
    mix-blend-mode: darken;
    z-index: 10;
}

/* Card Styling */
.arch-overlay-hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: var( --e-global-color-a592d0e );
    transition: background 0.5s ease;
}
.arch-overlay-hover:hover::before {
    background: var( --e-global-color-7389ae0 );
}
.arch-listing-slider .jet-listing-grid__slider-icon {
    border-radius: 100px;
    transition: background 0.5s ease;
}
.arch-hub-play-text {
    opacity: 0;
    transition: opacity 0.5s ease !important;
}
.arch-hub-play-icon {
    opacity: 0.8;
    transition: opacity 0.5s ease !important;
}
.arch-hub-play-overlay {
    scale: 1;
    transition: scale 0.5s ease;
}
.arch-hub-play-container:hover .arch-hub-play-text,
.arch-hub-play-container:hover .arch-hub-play-icon {
    opacity: 1;
}
.arch-hub-play-container:hover .arch-hub-play-overlay {
    scale: 1.02;
}

/* Icon Styling */

.elementor-icon-wrapper {
    display: flex;
}
.arch-service-faq .e-n-accordion-item-title-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var( --e-global-color-text );
    width: 30px;
    height: 30px;
}
.arch-hub-podcast-logo svg {
    height: fit-content !important;
}
.arch-hub-podcast-button svg path {
    transition: fill 0.5s ease;
}
.arch-hub-podcast-button:hover svg path {
    fill: var( --e-global-color-primary );
}

/* General Styling */
.no-pointer {
    pointer-events: none;
}
.pointer-active {
    pointer-events: auto;
}
.blur-4 {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}