<style type="text/css">#benefit {
position: absolute;
top: -140px;
}
.section-2c {
background-color: #000000;
padding-top: 50px !important;
padding-bottom: 40px !important;
max-width: 1366px;
position: relative;
}
.section-2c__container {
max-width: 321px;
}
.section-2c>div {
position: relative;
}
.heading-primary--orange {
font-family: 'Lato', sans-serif;
color: #E1140A !important;
font-size: 24px !important;
line-height: 26px !important;
font-weight: 700 !important;
}
.heading-secondary--orange {
font-family: 'Lato', sans-serif;
color: #E1140A !important;
font-size: 22px !important;
line-height: 36px !important;
font-weight: 700 !important;
}
.paragraph-primary--white {
font-family: 'Lato', sans-serif;
color: #ffffff;
font-size: 18px !important;
line-height: 20px !important;
font-weight: 400;
}
.paragraph-secondary--white {
font-family: 'Lato', sans-serif;
color: #ffffff;
font-size: 16px !important;
line-height: 18px !important;
font-weight: 400;
}
.u-margin-bottom-small {
margin-bottom: 15px;
}
.section-2c__heading-main {
font-family: 'Lato', sans-serif;
color: #E1140A !important;
font-size: 30px !important;
line-height: 26px !important;
font-weight: 700;
margin: 0 0 50px 0;
display: block;
text-align: center;
}
.section-2c .nav-area .row {
display: flex;
flex-direction: column;
margin-right: 45px !important;
}
.section-2c .nav-area .row li {
text-align: right;
position: relative;
padding: 20px 0 !important;
}
.section-2c .nav-area .row li::after {
content: "";
display: block;
width: 46px;
height: 46px;
background-size: cover;
position: absolute;
top: 50%;
left: 90%;
transform: translate(-50%, -50%);
z-index: 100;
}
.section-2c .nav-area .row li:nth-of-type(1)::after {
background-image: url('/origind8/sites/default/files/2021-09/access-high-performance-w.png');
}
.section-2c .nav-area .row li:nth-of-type(2)::after {
background-image: url('/origind8/sites/default/files/2021-09/gain-ultimate-security-w.png');
}
.section-2c .nav-area .row li:nth-of-type(3)::after {
background-image: url('/origind8/sites/default/files/2021-09/seamless-collab-w.png');
}
.section-2c .nav-area .row li:nth-of-type(4)::after {
background-image: url('/origind8/sites/default/files/2021-09/deploy-with-ease-w.png');
}
.section-2c .nav-area .row li:nth-of-type(1).active::after {
background-image: url('/origind8/sites/default/files/2021-09/access-high-performance-red.png') !important;
}
.section-2c .nav-area .row li:nth-of-type(2).active::after {
background-image: url('/origind8/sites/default/files/2021-09/gain-ultimate-security-red.png') !important;
}
.section-2c .nav-area .row li:nth-of-type(3).active::after {
background-image: url('/origind8/sites/default/files/2021-09/seamless-collab-red.png') !important;
}
.section-2c .nav-area .row li:nth-of-type(4).active::after {
background-image: url('/origind8/sites/default/files/2021-09/deploy-with-ease-red.png') !important;
}
.paragraph--type--vertical-tabs .nav-area li.active a {
color: #E1140A !important;
}
.paragraph--type--vertical-tabs .nav-area li a {
color: #fff !important;
}
.paragraph-terms--white {
font-size: 12px !important;
line-height: 20px !important;
}
.section-2c img {
width: 360px;
margin-left: -45px;
}
.section-2c .vertical-primary-description {
padding-right: 45px !important;
}
.section-2c .nav-area a {
padding-right: 45px;
position: relative;
z-index: 200;
}
@media only screen and (max-width: 991px) {
.section-2c {
padding-top: 25px !important;
min-height: 450px;
}
.section-2c__heading-main {
font-size: 22px !important;
line-height: 24px !important;
margin: 0 0 10px 0;
}
.section-2c__container {
max-width: 100%;
}
.section-2c img {
width: 100%;
margin: 86px 0 0 0;
}
.section-2c .vertical-primary-description {
padding-right: 15px !important;
margin-top: 86px;
}
.section-2c .field:nth-of-type(2) {
position: relative;
}
.section-2c .nav-area {
position: absolute;
top: 0px;
width: 100%;
}
.section-2c .nav-area .row {
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.section-2c .nav-area .row li a {
width: 45px;
height: 45px;
opacity: 0;
z-index: 1;
position: relative;
}
.section-2c .nav-area .row li::after {
transform: translate(-300%, -55%);
z-index: 0;
}
}
@media only screen and (max-width: 767px) {
.section-2c {
min-height: initial;
}
.section-2c .nav-area .row li::after {
transform: translate(-110%, -55%);
z-index: 0;
}
.section-2c .vertical-primary-description {
margin-top: 15px;
}
.section-2c img {
max-width: 400px;
margin: 86px auto 0 auto;
}
}
.section-2c .cta-link, .section-2c .cta-link:active, .section-2c .cta-link:visited { color: #ffffff !important; }
.section-2c .cta-link:hover, .section-2c .cta-link:focus { color: #E1140A !important; cursor: pointer !important; }
</style>
<p id="benefit"> </p>
<p> </p>
<p class="section-2c__heading-main">Ultimate Productivity, Collaboration and Security for Complete Peace of Mind</p>