.timeline-wrapper {
    padding: 40px;
}

.timeline-horizontal {
    position: relative;
}

.timeline-item {
    text-align: center;
}

.dot {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-weight: bold;
}

.content {
    display: block;
}

.nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 30px;
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}

/* MOBILE */
.timeline-vertical {
    display: none;
}

.v-content {
    display: none;
}

@media (max-width: 767px) {
    .timeline-horizontal {
        display: none;
    }

    .timeline-vertical {
        display: block;
    }
}


/* new timeline */

/** ** ** Variables ** **/
/* * Colors */
/* * Misc. */



.pb2-timeline .inner {
    max-width: 640px;
    margin: 0 auto;
    padding: 48px 0 0;
}

@media (min-width: 1025px) {
    .pb2-timeline .inner {
        padding-top: 72px;
        max-width: unset;
    }
}

.pb2-timeline .inner>h2 {
    text-align: center;
    padding: 0 12px;
    margin: 0 0 24px;
}

.pb2-timeline .inner .timeline {
    background: #ededed;
    padding: 24px 18px;
    display: grid;
    grid-template-columns: 1fr 48px 1fr;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.pb2-timeline .inner .timeline::-webkit-scrollbar {
    display: none;
}

@media (min-width: 1025px) {
    .pb2-timeline .inner .timeline {
        padding: 24px 96px;
        grid-template-columns: unset;
        grid-template-rows: auto 88px auto;
        overflow: auto;
        grid-auto-flow: column;
    }

    .pb2-timeline .inner .timeline>div {
        width: 100%;
        min-width: 298px;
        margin: 0 auto;
    }
}

.pb2-timeline .inner .timeline>div {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
}

@media (min-width: 1025px) {
    .pb2-timeline .inner .timeline>div {
        align-self: unset;
    }
}

.pb2-timeline .inner .timeline .text {
    text-align: left;
    font-size: 16px;
}

.pb2-timeline .inner .timeline .text a {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
}

.pb2-timeline .inner .timeline .text a:hover,
.pb2-timeline .inner .timeline .text a:focus {
    text-decoration: none;
}

.pb2-timeline .inner .timeline .text a:hover span,
.pb2-timeline .inner .timeline .text a:focus span {
    text-decoration: underline;
}

.pb2-timeline .inner .timeline .text h3 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 6px 0;
    color: #17243e;
}

.pb2-timeline .inner .timeline .text h3 a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pb2-timeline .inner .timeline .text h3 a:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    background: url('data:image/svg+xml; utf8, <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2981.82 2981.82" ><g><circle style="fill: %23fff; stroke: %2317243e; stroke-miterlimit: 10; stroke-width: 81px;" cx=" 1490.91" cy=" 1490.91" r=" 1450.41" transform=" translate(-617.56 1490.91) rotate(-45)"></circle><g><path style=" fill: %2317243e;" d=" m1894.75, 2298.17c-6.61, 19.85-19.84, 43-33.07, 56.23-132.37, 137.47-312.27, 162.47-492.94, 132.34-95.93-13.23-218.34-132.34-201.8-258.05, 13.24-86.01, 26.46-172.02, 39.71-258.04, 26.46-148.87, 52.92-301.04, 79.39-449.91, 0-65.76, 4.62-113.56-79.39-122.41-26.47-3.31-52.94-6.62-79.4-13.23-29.77-9.94-46.31-36.4-43-59.56, 3.31-26.46, 19.85-43, 52.93-49.61, 210.39-42.18, 654.16-101.6, 585.56, 218.33-29.78, 172.03-62.86, 340.75-92.63, 512.8-9.93, 56.24-23.16, 112.47-29.78, 168.71-3.3, 26.47, 0, 56.24, 6.62, 82.71, 9.92, 36.38, 36.39, 56.24, 72.78, 52.93, 29.78-3.3, 59.55-13.23, 89.33-26.46, 23.16-9.92, 43-26.47, 66.16-33.08, 39.71-13.23, 69.47, 9.91, 59.54, 46.31-6.61, 19.85, 9.93-36.4, 0, 0Z"></path><path style=" fill: %2317243e;" d=" m1509.32, 483.7c150.39, 0, 270.71, 124.06, 270.71, 274.46s-124.07, 274.45-270.71, 274.45-274.46-124.06-274.46-278.21, 124.07-270.71, 274.46-270.71Z"></path></g></g></svg>');

}

.pb2-timeline .inner .timeline .text h3 a span {
    text-decoration: none;
}

@media (min-width: 1025px) {
    .pb2-timeline .inner .timeline .text h3 {
        margin-top: 0;
    }

    .pb2-timeline .inner .timeline .text h3 a {
        pointer-events: none;
    }

    .pb2-timeline .inner .timeline .text h3 a:after {
        display: none;
    }

    .pb2-timeline .inner .timeline .text h3 a span {
        border-bottom: none;
    }
}

.pb2-timeline .inner .timeline .text .content {
    display: grid;
    grid-template-rows: 0fr;
    transition: 0.5s grid-template-rows;
}

.pb2-timeline .inner .timeline .text .content>div {
    overflow: hidden;
}

.pb2-timeline .inner .timeline .text .content.show {
    grid-template-rows: 1fr;
}

@media (min-width: 1025px) {
    .pb2-timeline .inner .timeline .text .content {
        display: block;
    }
}

.pb2-timeline .inner .timeline .text .content :last-child {
    margin-bottom: 0;
}

.pb2-timeline .inner .timeline .text .content a {
    text-decoration: underline;
}

@media (min-width: 1025px) {
    .pb2-timeline .inner .timeline .text>div {
        margin: 0 -24px;
    }
}

.pb2-timeline .inner .timeline .marker {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    color: #fab500;
    text-align: center;
}

@media (min-width: 1025px) {
    .pb2-timeline .inner .timeline .marker {
        display: block;
        height: auto;
    }
}

.pb2-timeline .inner .timeline .marker>div {
    position: relative;
    background: #17243e;
    border-radius: 50%;
    margin: 24px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    width: 30px;
    height: 30px;
}

@media (min-width: 1025px) {
    .pb2-timeline .inner .timeline .marker>div {
        width: 40px;
        height: 40px;
        font-size: 24px;
        font-weight: bold;
    }
}

.pb2-timeline .inner .timeline .marker:before {
    content: '';
    position: absolute;
    top: -5%;
    left: 50%;
    height: 110%;
    width: 4px;
    background: #fab500;
    transform: translateX(-50%);
}

.pb2-timeline .inner .timeline .marker.first:before {
    top: 50%;
    height: 55%;
}

.pb2-timeline .inner .timeline .marker.last:before {
    top: -5%;
    height: 55%;
}

@media (min-width: 1025px) {
    .pb2-timeline .inner .timeline .marker:before {
        content: '';
        position: absolute;
        top: 50%;
        left: -25%;
        width: 150%;
        height: 4px;
        background: #fab500;
        transform: translateY(-50%);
    }

    .pb2-timeline .inner .timeline .marker.first:before {
        left: 50%;
        width: 75%;
        height: 4px;
    }

    .pb2-timeline .inner .timeline .marker.last:before {
        left: -25%;
        width: 75%;
        top: 50%;
        height: 4px;
    }
}

.pb2-timeline .inner .timeline img {
    display: block;
    margin: 0 auto;
    width: 100px;
}

.pb2-timeline .inner .timeline .align-top {
    margin: 24px 0;
}

@media (max-width: 1024px) {
    .pb2-timeline .inner .timeline .text h3 {
        font-size: 15px;
    }

    .pb2-timeline .inner .timeline .text .content>div {
        line-height: 21px;
        font-size: 14px;
    }

    .pb2-timeline .inner {
        padding: 0px 0 0;
    }
}

@media (min-width: 1025px) {
    .pb2-timeline .inner .timeline .align-top {
        margin: 0 0 24px 0;
        align-self: flex-start;
    }
}

.pb2-timeline .inner .timeline .align-bottom {
    margin: 24px 0;
}

@media (min-width: 1025px) {
    .pb2-timeline .inner .timeline .align-bottom {
        margin: 24px 0 0 0;
        align-self: flex-end;
    }
}

.pb2-timeline .inner .timeline-ui {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.pb2-timeline .inner .timeline-ui a[href="#timeline-prev"],
.pb2-timeline .inner .timeline-ui a[href="#timeline-next"] {
    display: none;
}

@media (min-width: 1025px) {

    .pb2-timeline .inner .timeline-ui a[href="#timeline-prev"],
    .pb2-timeline .inner .timeline-ui a[href="#timeline-next"] {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 72px;
        transition: 0.2s opacity;
        z-index: 1;
    }

    .pb2-timeline .inner .timeline-ui a[href="#timeline-prev"] svg,
    .pb2-timeline .inner .timeline-ui a[href="#timeline-next"] svg {
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 30px;
        fill: #17243e;
    }
}

@media (min-width: 1025px) {
    .pb2-timeline .inner .timeline-ui a[href="#timeline-prev"] {
        left: 0;
        background: linear-gradient(90deg, #ededed ff 0%, #ededed ff 75%, #ededed 0 100%);
    }

    .pb2-timeline .inner .timeline-ui a[href="#timeline-prev"] svg {
        left: 40%;
    }
}

@media (min-width: 1025px) {
    .pb2-timeline .inner .timeline-ui a[href="#timeline-next"] {
        right: 0;
        background: linear-gradient(270deg, #ededed ff 0%, #ededed ff 75%, #ededed 0 100%);
    }

    .pb2-timeline .inner .timeline-ui a[href="#timeline-next"] svg {
        left: 60%;
    }
}

@media (min-width: 1025px) {

    .pb2-timeline .inner .timeline-ui.show-nav a[href="#timeline-prev"],
    .pb2-timeline .inner .timeline-ui.show-nav a[href="#timeline-next"] {
        display: block;
    }
}

.pb2-timeline.icon-size-75 .inner .timeline img {
    width: 75px;
}

.pb2-timeline.icon-size-66 .inner .timeline img {
    width: 66px;
}

.pb2-timeline.icon-size-50 .inner .timeline img {
    width: 50px;
}

.pb2-timeline.marmalade .inner .timeline {
    background: #f2ac7c;
}

.pb2-timeline.marmalade .inner .timeline .marker::before {
    background: white;
}

.pb2-timeline.marmalade .inner .timeline .text a {
    border-bottom-color: #17243e;
}

.pb2-timeline.marmalade .inner .timeline-ui a[href="#timeline-prev"] {
    background: linear-gradient(90deg, #f2ac7c ff 0%, #f2ac7c ff 75%, #f2ac7c 0 100%);
}

.pb2-timeline.marmalade .inner .timeline-ui a[href="#timeline-next"] {
    background: linear-gradient(270deg, #f2ac7c ff 0%, #f2ac7c ff 75%, #f2ac7c 0 100%);
}

.pb2-timeline.emerald .inner .timeline {
    background: #b4d8a9;
}

.pb2-timeline.emerald .inner .timeline .marker::before {
    background: white;
}

.pb2-timeline.emerald .inner .timeline .text a {
    border-bottom-color: #17243e;
}

.pb2-timeline.emerald .inner .timeline-ui a[href="#timeline-prev"] {
    background: linear-gradient(90deg, #b4d8a9 ff 0%, #b4d8a9 ff 75%, #b4d8a9 0 100%);
}

.pb2-timeline.emerald .inner .timeline-ui a[href="#timeline-next"] {
    background: linear-gradient(270deg, #b4d8a9 ff 0%, #b4d8a9 ff 75%, #b4d8a9 0 100%);
}

.pb2-timeline.cobalt .inner .timeline {
    background: #90b6d7;
}

.pb2-timeline.cobalt .inner .timeline .marker::before {
    background: white;
}

.pb2-timeline.cobalt .inner .timeline .text a {
    border-bottom-color: #17243e;
}

.pb2-timeline.cobalt .inner .timeline-ui a[href="#timeline-prev"] {
    background: #90b6d7;
}

.pb2-timeline.cobalt .inner .timeline-ui a[href="#timeline-next"] {
    background: #90b6d7;
}

.pb2-timeline.violet .inner .timeline {
    background: #d3a3d8;
}

.pb2-timeline.violet .inner .timeline .marker::before {
    background: white;
}

.pb2-timeline.violet .inner .timeline .text a {
    border-bottom-color: #17243e;
}

.pb2-timeline.violet .inner .timeline-ui a[href="#timeline-prev"] {
    background: linear-gradient(90deg, #d3a3d8 ff 0%, #d3a3d8 ff 75%, #d3a3d8 0 100%);
}

.pb2-timeline.violet .inner .timeline-ui a[href="#timeline-next"] {
    background: linear-gradient(270deg, #d3a3d8 ff 0%, #d3a3d8 ff 75%, #d3a3d8 0 100%);
}

.pb2-timeline.berry .inner .timeline {
    background: #dc93ad;
}

.pb2-timeline.berry .inner .timeline .marker::before {
    background: white;
}

.pb2-timeline.berry .inner .timeline .text a {
    border-bottom-color: #17243e;
}

.pb2-timeline.berry .inner .timeline-ui a[href="#timeline-prev"] {
    background: linear-gradient(90deg, #dc93ad ff 0%, #dc93ad ff 75%, #dc93ad 0 100%);
}

.pb2-timeline.berry .inner .timeline-ui a[href="#timeline-next"] {
    background: linear-gradient(270deg, #dc93ad ff 0%, #dc93ad ff 75%, #dc93ad 0 100%);
}

.pb2-timeline.maya .inner .timeline {
    background: #b1e0ef;
}

.pb2-timeline.maya .inner .timeline .marker::before {
    background: white;
}

.pb2-timeline.maya .inner .timeline .text a {
    border-bottom-color: #17243e;
}

.pb2-timeline.maya .inner .timeline-ui a[href="#timeline-prev"] {
    background: linear-gradient(90deg, #b1e0ef ff 0%, #b1e0ef ff 75%, #b1e0ef 0 100%);
}

.pb2-timeline.maya .inner .timeline-ui a[href="#timeline-next"] {
    background: linear-gradient(270deg, #b1e0ef ff 0%, #b1e0ef ff 75%, #b1e0ef 0 100%);
}

/* datepicker styls */
.datepicker-ppc-divorce .ui-datepicker td span,
.datepicker-ppc-divorce .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: center;
    text-decoration: none;
}

.datepicker-ppc-divorce .ui-state-highlight,
.datepicker-ppc-divorce .ui-widget-content .ui-state-highlight,
.datepicker-ppc-divorce .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fab500;
    color: #252525;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    color: #454545;
    border-radius: 100%;
    background: #d7d6d6;
}


body {
    padding-top: 0px !important;
}