/**
 * Pattern: Project duration
 *
 */



.wp-block-group.project-duration--1 .project-duration-images {
    width: 100%;
    max-width: 518px;
    aspect-ratio: 16 / 10.72;
    position: relative;
}

@media( max-width: 639px) {
    .project-duration--1 .project-duration-images {
      margin-inline: calc( var(--wp--style--root--padding-left) * -1);
      width: 100vw;
    }
}

.project-duration--1 .is-grid-container > :nth-child(1) {
    order: 2;
}

.project-duration--1 .project-duration-images > * {
    width: 100%;
    position: absolute;
    inset: 0;
}

.project-duration--1 .project-duration-images__average {
    max-width: min(434px, 83.78%);
    inset-block: 0 auto;
    inset-inline: auto min(1.5rem);
}

.project-duration--1 .project-duration-images__weekly {
    max-width: min(374px, 72.2%);
    inset-block: auto -11px;
    inset-inline: 0 auto;
}

.project-duration--1 .project-duration-images__icon {
    max-width: min(120px, 23.17%);
    inset-block: auto 0;
    inset-inline: auto 0;
}

.project-duration--1 .project-duration-images > * img {
    transition: box-shadow 0.3s ease-out;
}

.project-duration--1 .project-duration-images__average img {
    box-shadow: var(--wp--custom--component--image--shadow--lg--default);
}

.project-duration--1 .project-duration-images__average:hover img {
    box-shadow: var(--wp--custom--component--image--shadow--lg--hover);
}

.project-duration--1 .project-duration-images__weekly img {
    box-shadow: var(--wp--custom--component--image--shadow--md--default);
}

.project-duration--1 .project-duration-images__weekly:hover img {
    box-shadow: var(--wp--custom--component--image--shadow--md--hover);
}

.project-duration--1 .project-duration-images__icon img {
    box-shadow: var(--wp--custom--component--image--shadow--sm--default);
}

.project-duration--1 .project-duration-images__icon:hover img {
    box-shadow: var(--wp--custom--component--image--shadow--sm--hover);
}