@charset "UTF-8";
  .dsm-content-timeline-content-wrapper,
.dsm-content-timeline-content-wrapper::before {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.dsm-content-timeline-items-wrapper .dsm-content-timeline-content-wrapper {
position: relative;
box-sizing: border-box;
margin: 0 0 60px;
width: 100%;
will-change: transform;
overflow: visible !important;
} .dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-content-wrapper {
will-change: auto;
}
.dsm-content-timeline-items-wrapper .dsm-icon-wrapper {
line-height: 1;
}
.dsm-content-timeline-items-wrapper .dsm-content-timeline-content-wrapper .dsm-image {
height: -moz-fit-content;
height: fit-content;
line-height: 0;
}
.dsm-content-timeline-items-wrapper .dsm-content-timeline-content-wrapper .dsm-icon {
margin-bottom: 10px;
}
.dsm-content-timeline-items-wrapper .dsm-content-timeline-content-wrapper .dsm-timeline-content .et_pb_button {
display: inline-block;
margin-top: 15px;
}
.dsm-content-timeline-items-wrapper .dsm-icon,
.dsm-content-timeline-items-wrapper .dsm-pointer-icon {
font-family: ETmodules, sans-serif;
line-height: 1;
font-size: 20px;
font-style: normal;
direction: ltr;
}
.dsm-content-timeline-items-wrapper .et_pb_module {
margin-bottom: 0 !important;
}
.dsm-content-timeline-content-wrapper .dsm-description {
margin-bottom: 15px;
}
.dsm-content-timeline-items-wrapper .dsm-image {
display: inline-block;
overflow: hidden;
line-height: 1;
}
.dsm-content-timeline-items-wrapper .dsm-icon {
display: inline-block;
line-height: 1em;
}
.dsm-content-timeline-items-wrapper {
--spacing: 20px;
display: grid;
-moz-column-gap: var(--spacing);
column-gap: var(--spacing);
grid-template-columns: 1fr 8px 1fr;
}
.dsm-content-timeline-items-wrapper.right:not(.dsm-no-opposite-text) {
--spacing: 20px;
display: grid;
-moz-column-gap: var(--spacing);
column-gap: var(--spacing);
grid-template-columns: 1fr 8px calc(10% - 8px);
}
.dsm-content-timeline-items-wrapper.right.dsm-no-opposite-text {
--spacing: 20px;
display: grid;
-moz-column-gap: var(--spacing);
column-gap: var(--spacing);
grid-template-columns: 1fr 8px 0px;
}
.dsm-content-timeline-items-wrapper.left:not(.dsm-no-opposite-text) {
--spacing: 20px;
display: grid;
-moz-column-gap: var(--spacing);
column-gap: var(--spacing);
grid-template-columns: calc(10% - 8px) 8px 1fr;
grid-auto-flow: dense;
}
.dsm-content-timeline-items-wrapper.left.dsm-no-opposite-text {
--spacing: 20px;
display: grid;
-moz-column-gap: var(--spacing);
column-gap: var(--spacing);
grid-template-columns: 0px 17px 1fr;
grid-auto-flow: dense;
}
.dsm-content-timeline-items-wrapper.left .dsm_content_timeline_child {
grid-column: 3;
grid-row: calc(var(--item-index) + 1);
}
.dsm-content-timeline-items-wrapper.left .dsm-content-timeline-middle {
grid-column: 2;
grid-row: calc(var(--item-index) + 1);
}
.dsm-content-timeline-items-wrapper.left .dsm-content-timeline-opposite {
grid-column: 1;
grid-row: calc(var(--item-index) + 1);
}
.dsm-content-timeline-items-wrapper > .dsm_content_timeline_child:not(.dsm-last) {
margin-bottom: var(--spacing);
}
.dsm_content_timeline_child {
box-sizing: border-box;
}
.dsm-content-timeline-middle {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.dsm-last-middle .dsm-content-timeline-tree-animation {
display: none;
}
.dsm-content-timeline-middle .dsm-content-timeline-tree-animation {
width: calc(100% + 2px);
height: var(--tree-filled, 0%);
z-index: 1;
background-color: red;
position: absolute;
top: 0;
will-change: height;
}
.dsm-content-timeline-items-wrapper.dsm-init .dsm-content-timeline-tree-animation {
transition: height var(--tree-animation-speed, 100ms) cubic-bezier(0.25, 0.1, 0.25, 1);
}
.dsm-content-timeline-middle-circle {
width: var(--pointer-size, 20px);
height: var(--pointer-size, 20px);
border-radius: 100%;
z-index: 2;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
transition: background-color var(--tree-animation-speed, 100ms) cubic-bezier(0.25, 0.1, 0.25, 1), color var(--tree-animation-speed, 100ms) cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow var(--tree-animation-speed, 100ms) cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.dsm-content-timeline-middle-circle.dsm-timeline-pointer-active {
background-color: green;
}
.dsm-content-timeline-middle-line {
height: 100%;
}
.dsm_content_timeline .dsm-content-timeline-middle.dsm-last-middle .dsm-content-timeline-middle-line {
background-color: transparent !important;
width: 0px !important;
} .dsm-content-timeline-items-wrapper.center {
--spacing: 20px;
display: grid;
-moz-column-gap: var(--spacing);
column-gap: var(--spacing);
grid-template-columns: 1fr 8px 1fr;
}
.dsm-content-timeline-items-wrapper.center > .dsm-content-timeline-opposite:nth-child(odd) {
display: flex;
align-items: flex-start;
justify-content: flex-end;
text-align: right;
}
.dsm-content-timeline-items-wrapper.center > .dsm-content-timeline-opposite:nth-child(even) {
display: flex;
align-items: flex-start;
justify-content: flex-start;
} .dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child:nth-child(6n),
.dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child:nth-child(6n-1) {
grid-column: 3;
grid-row: calc(var(--item-index) + 1);
}
.dsm-content-timeline-items-wrapper.center .dsm-content-timeline-middle:nth-child(6n+2),
.dsm-content-timeline-items-wrapper.center .dsm-content-timeline-middle:nth-child(6n+1) {
grid-column: 2;
grid-row: calc(var(--item-index) + 1);
}
.dsm-content-timeline-items-wrapper.center .dsm-content-timeline-opposite:nth-child(6n+3),
.dsm-content-timeline-items-wrapper.center .dsm-content-timeline-opposite:nth-child(6n+2) {
grid-column: 1;
grid-row: calc(var(--item-index) + 1);
} .dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child:nth-child(6n+3),
.dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child:nth-child(6n+4) {
grid-column: 1;
grid-row: calc(var(--item-index) + 1);
}
.dsm-content-timeline-items-wrapper.center .dsm-content-timeline-middle:nth-child(6n+5),
.dsm-content-timeline-items-wrapper.center .dsm-content-timeline-middle:nth-child(6n+4) {
grid-column: 2;
grid-row: calc(var(--item-index) + 1);
}
@container dsm-items-wrapper style(--direction: left) {
.dsm-content-timeline-items-wrapper {
background-color: red;
}
} .dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child.dsm-content-timeline-item .dsm-content-timeline-content-wrapper {
position: relative;
} .dsm-show-arrow .dsm-content-timeline-items-wrapper.left .dsm_content_timeline_child.dsm-content-timeline-item .dsm-content-timeline-content-wrapper::before {
content: "";
position: absolute;
top: 5px;
right: 100%;
left: auto;
clip-path: polygon(100% 0, 0 50%, 100% 100%);
width: 15px;
height: 20px;
} .dsm-show-arrow .dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child.dsm-content-timeline-item:nth-child(odd) .dsm-content-timeline-content-wrapper::before {
content: "";
position: absolute;
top: 5px;
right: 100%;
left: auto;
clip-path: polygon(100% 0, 0 50%, 100% 100%);
width: 15px;
height: 20px;
}
.dsm-show-arrow .dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child.dsm-content-timeline-item:nth-child(even) .dsm-content-timeline-content-wrapper::before {
content: "";
position: absolute;
top: 5px;
left: 100%;
clip-path: polygon(0 0, 0 100%, 100% 50%);
width: 15px;
height: 20px;
} .dsm-show-arrow .dsm-content-timeline-items-wrapper.right .dsm_content_timeline_child.dsm-content-timeline-item .dsm-content-timeline-content-wrapper::before {
content: "";
position: absolute;
top: 5px;
left: 100%;
clip-path: polygon(0 0, 0 100%, 100% 50%);
width: 15px;
height: 20px;
overflow: visible !important;
} .dsm-image-icon_placement-left .dsm-content-timeline-content-wrapper {
display: flex;
}
.dsm-image-icon_placement-left .dsm-content-timeline-content-wrapper .dsm-image,
.dsm-image-icon_placement-left .dsm-content-timeline-content-wrapper .dsm-icon {
width: 100px;
margin-right: 10px;
}
@media (max-width: 980px) and (min-width: 600px) {
.dsm-image-icon_placement-tablet-top .dsm-content-timeline-content-wrapper {
display: flex !important;
flex-direction: column !important;
}
.dsm-image-icon_placement-tablet-left .dsm-content-timeline-content-wrapper {
display: flex !important;
}
.dsm-image-icon_placement-tablet-left .dsm-content-timeline-content-wrapper .dsm-image,
.dsm-image-icon_placement-tablet-left .dsm-content-timeline-content-wrapper .dsm-icon {
width: 100px !important;
margin-right: 10px !important;
}
}
@media (max-width: 599px) {
.dsm-image-icon_placement-mobile-top .dsm-content-timeline-content-wrapper {
display: flex !important;
flex-direction: column !important;
}
.dsm-image-icon_placement-mobile-left .dsm-content-timeline-content-wrapper {
display: flex !important;
}
.dsm-image-icon_placement-mobile-left .dsm-content-timeline-content-wrapper .dsm-image,
.dsm-image-icon_placement-mobile-left .dsm-content-timeline-content-wrapper .dsm-icon {
width: 50px !important;
margin-right: 10px !important;
}
} @media (max-width: 767px) {
.dsm-content-timeline-items-wrapper .dsm-content-timeline-content-wrapper {
width: 100% !important;
}
} .dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] { }
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-pending,
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-in-view,
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-pending,
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-in-view {
transition: opacity var(--item-scroll-duration, 600ms) cubic-bezier(0.22, 1, 0.36, 1), transform var(--item-scroll-duration, 600ms) cubic-bezier(0.22, 1, 0.36, 1);
}
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] { }
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-pending[data-dsm-scroll-dir=left],
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-pending[data-dsm-scroll-dir=left] {
opacity: 0 !important;
transform: translate3d(-28px, 0, 0) !important;
}
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-pending[data-dsm-scroll-dir=right],
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-pending[data-dsm-scroll-dir=right] {
opacity: 0 !important;
transform: translate3d(28px, 0, 0) !important;
}
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-pending[data-dsm-scroll-dir=fade],
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-pending[data-dsm-scroll-dir=fade] {
opacity: 0 !important;
transform: translate3d(0, 0, 0) !important;
}
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-in-view,
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-in-view {
opacity: 1 !important;
transform: translate3d(0, 0, 0) !important;
}
@media (prefers-reduced-motion: reduce) {
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-pending,
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-in-view,
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-pending,
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-in-view {
opacity: 1 !important;
transform: translate3d(0, 0, 0) !important;
transition: none !important;
} .dsm-content-timeline-items-wrapper .dsm-content-timeline-tree-animation {
--tree-filled: 100%;
}
} .dsm-content-timeline-items-wrapper .dsm-timeline-content a:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
@media (max-width: 1026px) {
.dsm-image-icon_placement-left .dsm-content-timeline-content-wrapper {
display: flex;
}
.dsm-image-icon_placement-left .dsm-content-timeline-content-wrapper .dsm-image,
.dsm-image-icon_placement-left .dsm-content-timeline-content-wrapper .dsm-icon {
width: 100px;
margin-right: 10px;
}
}
@media (max-width: 908px) {
.dsm-image-icon_placement-tablet-left .dsm-content-timeline-content-wrapper {
display: flex;
}
.dsm-image-icon_placement-tablet-left .dsm-content-timeline-content-wrapper .dsm-image,
.dsm-image-icon_placement-tablet-left .dsm-content-timeline-content-wrapper .dsm-icon {
width: 100px;
margin-right: 10px;
}
}
@media (max-width: 600px) {
.dsm-image-icon_placement-phone-top .dsm-content-timeline-content-wrapper {
display: flex !important;
flex-direction: column !important;
}
.dsm-image-icon_placement-phone-left .dsm-content-timeline-content-wrapper {
display: flex !important;
}
.dsm-image-icon_placement-phone-left .dsm-content-timeline-content-wrapper .dsm-image,
.dsm-image-icon_placement-phone-left .dsm-content-timeline-content-wrapper .dsm-icon {
width: 100px !important;
margin-right: 10px !important;
}
}