:root{
    --sect-02-grid-width: 77.625rem;
    --sect-02-grid-gap: 2.6rem;
    --sect-02-item-padding: 2.5rem;
    --sect-02-item-gap: 2rem;
    --sect-02-item-radius: 1.5rem;
    --sect-02-item-space: 6rem;
    --sect-02-item-inner-gap: 1.25rem;
}
.wwd-section-inner-02 {
    padding-block: var(--sectionInnerSpaceLarge) 0 !important;
    background-color: #E5F3FF;
}
.wwd-section-inner-02 .text-xl {
    max-width: 67.5rem;
}
.section-inner-02-grid {
    display: flex;
    gap: var(--sect-02-grid-gap);
    width: var(--sect-02-grid-width);
    margin: 0 auto;
    max-width: 100%;
    justify-content: space-between;
}
.section-inner-02-left img {
    max-width: 100%;
}
.section-inner-02-left {
    flex: 0 0 46.6%;
}
.section-inner-02-item {
    display: flex;
    padding: var(--sect-02-item-padding);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sect-02-item-gap);
    border-radius: var(--sect-02-item-radius);
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), radial-gradient(212.17% 154.6% at 112.61% -10.92%, #C2E3FF 0%, #FFF 100%);
    box-shadow: 0 18px 28px 0 rgba(153, 198, 255, 0.10);
    position: relative;
}
.section-inner-02-right {
    flex-direction: column;
    display: flex;
    gap: var(--sect-02-item-space);
    flex: 0 0 41.87%;
}
.section-inner-02-item-content {
    flex-direction: column;
    display: flex;
    gap: var(--sect-02-item-inner-gap);
}
.section-inner-02-item-arrow {
    position: absolute;
}
.section-inner-02-item:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 0.5rem;
    height: var(--sect-02-item-space);
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #C7E2FF;
}
.section-inner-02-item-arrow {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + calc(var(--sect-02-item-space) / 2));
    margin: auto;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    border-radius: 48px;
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), radial-gradient(212.17% 154.6% at 112.61% -10.92%, #C2E3FF 0%, #FFF 100%);
    box-shadow: 0 18px 28px 0 rgba(153, 198, 255, 0.10);
    color: var(--orange);
    transform: rotate(90deg) translateX(-50%);
}
@media screen and (max-width: 1600px) {
    :root {
        --sect-02-grid-width: 71.09rem;
    }
    .section-inner-02-right {
        flex: 0 0 43.61%;
    }
    .section-inner-02-left {
        flex: 0 0 46.6%;
    }
}
@media screen and (max-width: 1199px) {
    :root {
        --sect-02-grid-gap: 2rem;
        --sect-02-item-padding: 2rem;
        --sect-02-item-gap: 2rem;
        --sect-02-item-inner-gap: 1rem;
    }
    .section-inner-02-item-icon img {
        width: 38px;
    }
    .wwd-section-inner-02 .text-xl{
        --fontSizeExtraLarge: 1rem;
    }
    .section-inner-02-right {
        flex: 0 0 40.2%;
    }
    .section-inner-02-grid{
        justify-content: flex-start;
    }
}
@media screen and (max-width: 991px) {
    .section-inner-02-left,
    .section-inner-02-right {
        flex: 1;
    }
    :root {
        --sect-02-item-space: 3.5rem;
        --sect-02-grid-gap: 0.875rem;
        --sect-02-item-padding: 1.5rem;
        --sect-02-item-gap: 1.5rem;
        --sect-02-item-inner-gap: 1rem;
    }
    .section-inner-02-item-arrow{
        width: 2rem;
        height: 2rem;
    }
}
@media screen and (max-width: 767px) {
    .section-inner-02-left {
        display: none;
    }
    .wwd-section-inner-02 {
        padding-block: var(--sectionInnerSpaceLarge) !important;
    }
}