:root {
    --dark-blue_color: #0d274d;
}

.timeline_dark-blue {
    background-color: var(--dark-blue_color);
    color: #fff;
}
.timeline_white {
    background-color: #ffffff;
    color: var(--dark-blue_color);
}

.bg-green {
    background: #6abf4b;
}
.bg-white {
    background: #ffffff;    
}

.bg-blue {
    background: #00bceb;
}
.bg-violet {
    background: #313F98;
}
.border-darkblue {
    border: 2px solid var(--dark-blue_color);
}
.border-green {
    border: 2px solid #6abf4b;
}

.border-blue {
   border: 2px solid #00bceb;
}

.border-violet {
    border: 2px solid #313F98;
}

.timeline_dark-blue .txt-theme-bg {
    color: var(--dark-blue_color);
}
.timeline_white .txt-theme-bg {
    color: var(--dark-blue_color);
}
.timeline_white .txt-theme-green {
    color: #6abf4b;
}
.timeline_white .txt-theme-violet {
    color: #313F98;
}
.timeline_white .txt-theme-blue {
    color: #00bceb;
}
.timeline_white .txt-theme-darkblue {
    color: var(--dark-blue_color);
}

.timeline_white .box_subtitle.bg-violet {
    color: white;
}

#security-timeline,
#phishing-timeline,
#attacks-timeline {
    display: flex;
    flex-direction: column;
    padding: 15px 128px 80px 128px;
    /*background-image: url('temp/dark-blue.png');*/
    background-size: 100%;
}
#security-timeline.bg_DDE4F2,
#phishing-timeline.bg_DDE4F2,
#attacks-timeline.bg_DDE4F2 {
    background-color:#DDE4F2;
}

#security-timeline section,
#phishing-timeline section,
#attacks-timeline section {
    padding-top: 32px;
    padding-bottom: 32px;
    width: 100%;
}

#security-timeline section:last-child,
#phishing-timeline section:last-child,
#attacks-timeline section:last-child {
    padding-bottom: 124px;
}

.round-box {
    border-radius: 16px;
}

.box_title {
    display: block;
    padding: 32px 64px;
    font-size: 44px;
    font-weight:200;
    width: fit-content;
    line-height: 1.2em;
    text-align: center;
}
.box_title strong {
    font-size: inherit;
}

.timeline_dark-blue .box_title {
    color: var(--dark-blue_color);
    background: white;
}

.timeline_white .box_title {
    color: #ffffff;
    background: var(--dark-blue_color);
}

.box_subtitle {
    font-weight:bold;
    display: block;
    padding: 16px 16px 12px;
    font-size: 22px;
    width: fit-content;
    line-height: 1.2em;
}

#security-timeline section,
#phishing-timeline section,
#attacks-timeline section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    min-height: 160px;
}

#security-timeline section.align-left,
#phishing-timeline section.align-left,
#attacks-timeline section.align-left {
    justify-content: left;
}

#security-timeline section.align-center,
#phishing-timeline section.align-center,
#attacks-timeline section.align-center {
    justify-content: center;
}

.box_content {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.box_content > div {
    flex: 0 1 44%;
}
.box_content .box_content_text {
    padding: 32px;
    line-height: 1.4em;
}
.box_content .box_content_image img  {
    width: 100%;
    height: auto;
    border-radius: 16px;
}

.timeline_dark-blue .box_content .box_content_text {
    background: white;
    color: var(--dark-blue_color);
}

.box_content.txt-down {
    align-items: end;
}
.box_content.txt-top {
    align-items: baseline;
}
.box_content.txt-center {
    align-items: center;
}

.bgline-l {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/line-l.svg);
    background-position: center bottom;
    background-repeat: repeat-y;
    background-size: 100%;
}
.bgline-r {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/line-r.svg);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: 100%;
}

.bgline-ltr {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/line-curved-ltr.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.bgline-ltr-end,
.bgline-ltr-end-cisco {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/line-curved-ltr.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;    
}
.bgline-rtl {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/line-curved-rtl.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.bgline-rtl-end,
.bgline-rtl-end-cisco {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/line-curved-rtl.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
}

.bgline-ltr-end::after,
.bgline-ltr-end-cisco::after {
    display: block;
    content: ' ';
    height: 32px;
    width: 100%;
    position: absolute;
    bottom:0;
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/line-curved-ltr_end.svg);
    background-position-y: bottom;
    background-position-x: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.bgline-ltr-end-cisco::after {
    bottom: -8px;
}
.bgline-ltr-end-cisco::after {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/line-curved-ltr_end-cisco.svg);
    height: 128px;
}
.bgline-rtl-end::after,
.bgline-rtl-end-cisco::after {
    display: block;
    content: ' ';
    height: 20px;
    width: 100%;
    position: absolute;
    bottom:0;
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/line-curved-rtl_end.svg);
    background-position-y: bottom;
    background-position-x: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.bgline-rtl-end-cisco::after {
    bottom: -35px;
}
.bgline-rtl-end-cisco::after {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/line-curved-rtl_end-cisco.svg);
	height: 128px;
}

section.bgline-after-l::after {
    display: block;
    content: ' ';
    width: 100%;
    height: 100px;
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/line-l.svg);
    background-position: center bottom;
    background-repeat: repeat-y;
    background-size: 100%;
    margin-bottom: -40px;
}

section.bgline-before-r::before {
    display: block;
    content: ' ';
    width: 100%;
    height: 100px;
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/line-r.svg);
    background-position: center bottom;
    background-repeat: repeat-y;
    background-size: 100%;
    margin-bottom: -40px;
}
.timeline_white .bgline-l {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-l.svg);
}
.timeline_white .bgline-r {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-r.svg);
}

.timeline_white .bgline-ltr {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-curved-ltr.svg);
}
.timeline_white .bgline-rtl {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-curved-rtl.svg);
}
.timeline_white .bgline-ltr-end,
.timeline_white .bgline-ltr-end-cisco {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-curved-ltr.svg);
}
.timeline_white .bgline-ltr-end,
.timeline_white .bgline-ltr-end-cisco {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-curved-ltr.svg);
}
.timeline_white  .bgline-ltr-end::after {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-curved-ltr_end.svg);
}
.timeline_white  .bgline-ltr-end-cisco::after {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-curved-ltr_end-cisco.svg);
}
.timeline_white .bgline-rtl-end,
.timeline_white .bgline-rtl-end-cisco {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-curved-rtl.svg);
}
.timeline_white  .bgline-rtl-end::after {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-curved-rtl_end.svg);
}

.timeline_white  .bgline-rtl-end-cisco::after {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-curved-rtl_end-cisco.svg);
}



.timeline_white section.bgline-after-l::after {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-l.svg);
}

.timeline_white section.bgline-before-r::before {
    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-r.svg);
}

.timeline_white .bgline-l.animated {    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/animated_theme_white_line-l.svg);}
.timeline_white .bgline-r.animated {    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/animated_theme_white_line-r.svg);}
.timeline_white .bgline-ltr.animated {    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/animated_theme_white_line-curved-ltr.svg);}
.timeline_white .bgline-rtl.animated {    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/animated_theme_white_line-curved-rtl.svg);}
.timeline_white .bgline-ltr-end.animated, .timeline_white .bgline-ltr-end-cisco.animated {    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/animated_theme_white_line-curved-ltr.svg);}
.timeline_white .bgline-ltr-end.animated, .timeline_white .bgline-ltr-end-cisco.animated {    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/animated_theme_white_line-curved-ltr.svg);}
.timeline_white  .bgline-ltr-end.animated::after {    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/animated_theme_white_line-curved-ltr_end.svg);}
.timeline_white .bgline-rtl-end.animated,.timeline_white .bgline-rtl-end-cisco.animated {    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/animated_theme_white_line-curved-rtl.svg);}
.timeline_white  .bgline-rtl-end.animated::after {    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/animated_theme_white_line-curved-rtl_end.svg);}
.timeline_white section.bgline-after-l.animated::after {    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/animated_theme_white_line-l.svg);}
.timeline_white section.bgline-before-r.animated::before {    background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/animated_theme_white_line-r.svg);}

.timeline_white .box_content .box_content_text .round-box {
    background: white;
    border: 1px solid var(--dark-blue_color);
    padding: 24px 32px;
    margin-bottom: 24px;
}

@media screen and (max-width: 680px){
    .box_title {
        font-size: 32px;
    }

    #security-timeline,
    #phishing-timeline,
    #attacks-timeline {
        padding: 0px 48px 64px 48px;
    }
}

@media screen and (max-width: 480px){
    .bgline-l,
    .bgline-r,
    .bgline-ltr,
    .bgline-rtl,
    section.bgline-after-l::after,
    section.bgline-before-r::before {
        background-image:url('/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/line-c.svg');
    }
    .timeline_white .bgline-l,
    .timeline_white .bgline-r,
    .timeline_white .bgline-ltr,
    .timeline_white .bgline-rtl,
    .timeline_white section.bgline-after-l::after,
    .timeline_white section.bgline-before-r::before {
        background-image:url('/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-c.svg');
    }

    #security-timeline,
    #phishing-timeline,
    #attacks-timeline {
        padding: 0px 24px 64px 24px;
    }
    #security-timeline section,
    #phishing-timeline section,
    #attacks-timeline section{
        min-height: 100px;
    }

    section.bgline-after-l::after {
        background-image:url('/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/line-c.svg');
    }

    .timeline_white section.bgline-after-l::after {
        background-image:url('/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-c.svg');
    }

    .box_content {
        flex-direction: column;
    }

    .box_content_image:first-child,
    .box_content_text:first-child {
        margin-bottom: 32px;
    }

    .box_content.txt-down {
        align-items: center;
    }

    .timeline_white .bgline-ltr-end::after,
    .timeline_white .bgline-rtl-end::after,
    .timeline_white .bgline-ltr-end-cisco::after,
    .timeline_white .bgline-rtl-end-cisco::after {
        display: none;
    }
 
    #security-timeline.timeline_white .bgline-ltr-end,
    #security-timeline.timeline_white .bgline-rtl-end,
    #security-timeline.timeline_white .bgline-ltr-end-cisco,
    #security-timeline.timeline_white .bgline-rtl-end-cisco,
    #phishing-timeline.timeline_white .bgline-ltr-end,
    #phishing-timeline.timeline_white .bgline-rtl-end,
    #attacks-timeline.timeline_white .bgline-ltr-end,
    #attacks-timeline.timeline_white .bgline-rtl-end {
        background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-c_end.svg);
        height: 20px;
        padding: 0;
        margin: 0;
        display: block;
        min-height: 16px;
        margin-top: -10px;
    }

    #security-timeline.timeline_white .bgline-ltr-end-cisco,
    #security-timeline.timeline_white .bgline-rtl-end-cisco {
        background-image: url(/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/theme_white_line-c_end-cisco.svg);
        height: 128px;
    }

    /* Animated styles for mobile - use straight line instead of curvy */
    .bgline-l.animated,
    .bgline-r.animated,
    .bgline-ltr.animated,
    .bgline-rtl.animated,
    section.bgline-after-l.animated::after,
    section.bgline-before-r.animated::before {
        background-image: url('/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/animated_line-c.svg');
    }
    .timeline_white .bgline-l.animated,
    .timeline_white .bgline-r.animated,
    .timeline_white .bgline-ltr.animated,
    .timeline_white .bgline-rtl.animated,
    .timeline_white section.bgline-after-l.animated::after,
    .timeline_white section.bgline-before-r.animated::before {
        background-image: url('/c/dam/r/newsroom/en/us/assets/a/y2025/m12/silicon-one/images/animated-line/animated_theme_white_line-c.svg');
    }
}

@media screen and (max-width: 320px){
    .box_title {
        padding: 16px 24px;
        font-size: 24px;
    }
    .box_content .box_content_text {
        padding: 0;
    }

    .box_subtitle {
        padding: 16px 24px;
        font-size: 20px;
    }
}

.timeline_white .box_content .box_content_text p {
    color: var(--dark-blue_color);
}

@media screen and (min-width: 681px){
    .box_content_text.box-marging {
        align-self: center;
        margin-top :100px;
    }
}

#security-timeline .full-logo {
    align-content: flex-end;
    padding: 0 !important;
    min-height: auto;
}
#security-timeline .full-logo .box_content .box_content_text {
    padding: 0 32px 0 32px;
}
#security-timeline .full-logo .box_content .box_content_text .round-box {
    margin: 0 auto;
    border: 2px solid var(--dark-blue_color);
    width: calc(108px + 32px);
    height: calc(108px + 32px);
    padding: 0;
    display: flex;
    align-items: center;
    align-content: center;
    border-radius: 50%;
}
#security-timeline .full-logo .box_content .box_content_text .round-box  img {
    margin: 16px;    
}

.bgline-ltr-end-cisco {
    box-sizing: content-box;
}
.round-box h3 {
  font-size: var(--font-preset-h100-size);
  font-weight: var(--font-preset-400-weight);
  margin-bottom: 10px;
}