@keyframes a {

    0% {
        display: block;
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.nisic-history-wrap {
    margin: 0 auto;
    max-width: 900px;
    width: 100%;
}

.nisic-historys-nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.nisic-historys-nav p {
    align-items: center;
    background-color: #cdd6e0;
    border-color: transparent transparent transparent #cdd6e0;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    height: 30px;
    justify-content: center;
    letter-spacing: 0.05rem;
    line-height: 1.4375;
    margin: 0;
    width: 50%;
}

.nisic-historys-nav p.current {
    background-color: #19104e;
    border-color: transparent transparent transparent #19104e;
}

.nisic-historys-nav p:first-child {
    position: relative;
}

.nisic-historys-nav p:first-child:before {
    border-color: inherit;
    border-style: solid;
    border-width: 15px 0 15px 11.35px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -0.709375rem;
    top: 0;
    width: 0;
}

.nisic-historys {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    padding-top: 31px;
    position: relative;
}

.nisic-historys:before {
    background: #19104e;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    transition: left 1s ease;
    width: 4px;
}

.nisic-historys.left:before {
    left: 109.5px;
}

.nisic-historys.right:before {
    left: calc(100% - 113px);
}

.nisic-historys .historys {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0 0 0 24px;
}

.nisic-historys .historys dt {
    align-items: center;
    color: #19104e;
    display: flex;
    flex-grow: 1;
    font-size: 1.125rem;
    font-weight: 700;
    justify-content: flex-start;
    letter-spacing: 0.05rem;
    line-height: 1.2777777778;
    margin: 0 41px 0 0;
    padding-top: 0.71875rem;
    position: relative;
    width: 70px;
}

.nisic-historys .historys dt:not(:first-of-type) {
    margin-top: 15px;
}

.nisic-historys .historys dt:after {
    background-color: #19104e;
    border-radius: 100%;
    content: "";
    display: block;
    height: 1.125rem;
    position: absolute;
    right: -1.625rem;
    width: 1.125rem;
}

.nisic-historys .historys dd {
    align-items: flex-start;
    background-color: #fff;
    border-radius: 5px;
    color: #333;
    display: flex;
    font-size: 0.875rem;
    justify-content: space-between;
    line-height: 1.4285714286;
    max-width: 87.3%;
    padding: 10px 11px;
    position: relative;
    width: 100%;
}

.nisic-historys .historys dd:not(:first-of-type) {
    margin-top: 15px;
}

.nisic-historys .historys dd:after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 6.5px 12px 6.5px 0;
    content: "";
    display: block;
    height: 0;
    left: -0.6875rem;
    position: absolute;
    top: 1rem;
    width: 0;
}

.nisic-historys .historys dd .history-summary {
    flex: 1 1;
}

.nisic-historys .historys dd figure {
    height: 94px;
    width: 185px;
}

.nisic-historys .historys dd figure img {
    -o-object-fit: cover;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.nisic-historys .historys:not(:first-child) {
    flex-direction: row-reverse;
    padding: 0 24px 0 0;
}

.nisic-historys .historys:not(:first-child) dt {
    justify-content: flex-end;
    margin: 0 0 0 41px;
}

.nisic-historys .historys:not(:first-child) dt:after {
    left: -1.625rem;
    right: auto;
}

.nisic-historys .historys:not(:first-child) dd:after {
    border-color: transparent transparent transparent #fff;
    border-width: 6.5px 0 6.5px 12px;
    left: auto;
    right: -0.6875rem;
}

.nisic-historys .historys.current {
    animation: a 1s ease forwards;
    display: flex;
    opacity: 1;
}

.nisic-historys .historys:not(.current) {
    display: none;
    opacity: 0;
}