body > main { background-color: #fff; color: #000; }
body > main p {margin-bottom: 1.5rem;}
*[class*="section-"], *[id*="section-"] {padding: 80px 0;}
.row.intro { text-align: center; padding-bottom: 40px; }
.row.intro p:last-child { margin-bottom: 0; }
h1{margin-bottom: 1rem}
h2{margin-bottom: 1.5rem}
span.nowrap { white-space: nowrap;}
.mb-0 { margin-bottom: 0; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
a.link-tertiary::after, span.link-tertiary::after { display: inline-block; position: absolute; content: ""; background: url(/static/common/images/icons/arrow-narrow-right.svg); background-repeat: no-repeat; background-size: 100% 100%; top: unset; bottom: 0; right: -26px; width: 16px; height: 16px; filter: invert(30%) sepia(81%) saturate(5662%) hue-rotate(198deg) brightness(91%) contrast(101%); }
.link-tertiary { display: inline; margin-right: 0; }
a:hover span.link-tertiary::after { filter: brightness(0) saturate(100%) invert(18%) sepia(31%) saturate(7389%) hue-rotate(196deg) brightness(97%) contrast(106%); }
.align-items-center { align-items: center; }

#section-hero { background: #1E1E1E; color: #fff; background-image: url(/static/pl/fileadmin/res/img/solutions/enterprise/for-repeat-grey-noise-background.jpg); background-size: cover; }
#section-hero p { font-size: 1.125rem; line-height: 1.625rem; font-weight: 400;}
#section-hero.bg-left:before { background-image: url(/static/pl/fileadmin/res/img/solutions/enterprise/hero-crop.png); }

/* section-intro */
#section-intro h2 { margin-bottom: 40px; }
#section-intro .bold { font-weight: 700; }

/* section-feature-list */
#section-feature-list {background: #f8f8f8;}
#section-feature-list .icon-card-row {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #7CBDFF;}
#section-feature-list .icon-card-row:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.flex-row-reverse {flex-direction: row-reverse;}
#section-feature-list .icon-card-list {display: flex; flex-wrap: wrap; gap: 28px; justify-content: space-between;}
#section-feature-list .icon-card-list .icon-card {flex: 0 0 calc(50% - 14px); gap: 12px; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 24px; border-radius: 12px; background: #fff;}
#section-feature-list .icon-card .card-icon img {height: 48px; width: auto;}


.logos { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.logos img { max-height: 100px; max-width: 160px; height: auto; width: auto }

.section-banner {background: url('/static/pl/fileadmin/res/img/solutions/enterprise/banner-bg.jpg') center top no-repeat; background-size: cover; color: #fff}
.section-trusted img {margin-bottom: 1.5rem; max-height: 36px; width: auto;}
.section-trusted img.stars {margin-bottom: 5px; margin-right: 0.5rem; max-height: 16px; width: auto;}
.section-trusted p {margin-bottom: 0; font-size: 1.125rem; line-height: 28px; font-weight: 700;}
.section-trusted .cards {margin-top: 2.5rem;}
.section-trusted p.mb-1 {margin-bottom:5px;}

.section-cards { margin-bottom: -2.5rem; }
.section-cards .card { display: flex; flex-direction: column; height: 100%; border-radius: 12px; background: #E9F4FF; padding: 0 1.5rem; }
.section-cards .icon { display: flex; align-items: center; justify-content: center; height: 88px; width: 88px; margin: 0 auto 1rem; }
.section-cards .card h3 { margin: 0; overflow: hidden; width: auto; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.section-cards .card p {margin-bottom: 0.75rem; font-size: 1rem; line-height: 1.5rem; }
.card-container { position: relative; height: 100%; }
.card-container .back { overflow-y: scroll; overflow-x: hidden; flex-direction: row; }
/* width */
.card-container .back::-webkit-scrollbar { width: 10px; }
/* Track */
.card-container .back::-webkit-scrollbar-track { border-radius: 10px; }
/* Handle */
.card-container .back::-webkit-scrollbar-thumb { background: #16395d; border-radius: 10px; }
.card { background: none repeat scroll 0 0 #FFFFFF; border-radius: 4px; color: #444444; }

.card-container .back { position: absolute; top: 0; height: 100%; width: 100%; background-color: #E9F4FF; padding: 1.5rem; border-radius: 12px; text-align: left; }
button.flip-btn { display: inline-flex; opacity: 1; padding: 0; border: 0; background: none; bottom: 24px; right: 24px; position: absolute; z-index: 3; }
.card-container.manual-flip.hover button.flip-btn { right: initial; left: 24px; }
.card-container.manual-flip.hover button.flip-btn { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
button.flip-btn:hover svg circle { fill: #0052A3 !important; }
.card-final .card { background: #F4FAFF; align-items: center; justify-content: center; }
.card-final .card h3 { margin-bottom: 1.5rem; }

/* entire container, keeps perspective */
.card-container { -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; perspective: 800px; margin-bottom: 2.5rem; }
/* flip the pane when hovered */
.card-container:not(.manual-flip):hover .card, .card-container.hover.manual-flip .card { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.card-container.static:hover .card, .card-container.static.hover .card { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; }
/* flip speed goes here */
.card { -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; }
/* hide back of pane during swap */
.front, .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; background-color: #E9F4FF; }
/* front pane, placed above back */
.front { z-index: 2; position: relative; text-align: left; cursor: pointer; }
/* back, initially hidden pane */
.back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); z-index: 3; cursor: pointer; }
.card-container, .front, .back { width: 100%; height: auto; min-height: 308px; border-radius: 12px; }
.front { padding: 2.5rem 0; }

/*  Fix bug for IE  */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .front, .back { -ms-backface-visibility: visible; backface-visibility: visible; }
    .back { visibility: hidden; -ms-transition: all 0.2s cubic-bezier(.92, .01, .83, .67); }
    .front { z-index: 4; }
    .card-container:not(.manual-flip):hover .back, .card-container.manual-flip.hover .back { z-index: 5; visibility: visible; }
}

.section-portfolio { margin-bottom: -2.5rem; background: #ffffff; }
.section-portfolio h2 { margin-bottom: 40px; }
.section-portfolio a .card { color: #000; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 28px;}
.section-portfolio a .card .card-img { flex: 0 0 auto;}
.section-portfolio a:hover { text-decoration: none !important; }
.section-portfolio .card { padding: 0/*2.5rem*/; height: 100%; border-radius: 12px; background: #fff }
.section-portfolio .card .icon { margin-bottom: 1.5rem; height: 88px; width: auto; }
.section-portfolio .card h4 { margin-bottom: 0.5rem; margin-top: 0; }
.section-portfolio .card p { margin-bottom: 1rem; }
.section-portfolio .card-item { margin-bottom: 2rem; }

.section-brand {padding: 0; background: #f8f8f8; }
.section-brand .row.flex {align-items: stretch;}
.section-brand .why-item h3 { margin: 0; }
.section-brand .why-item { margin-bottom: 2.5rem; padding: 0 1.5rem; }
.section-brand .icon { display: flex; align-items: center; justify-content: center; height: 88px; width: 88px; margin: 0 auto 0.75rem; }
.section-brand .why-item:last-child  {margin-bottom: 0;}

/* marquee */
:root {
    --marquee-width: 1440px;
    --marquee-height: 72px;
    /* --marquee-elements: 12; */ /* defined with JavaScript */
    --marquee-elements-displayed: 7;
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
    --marquee-animation-duration: calc(var(--marquee-elements) * 5s);
}
.marquee{width:100%;height:var(--marquee-height);overflow:hidden;position:relative}
.marquee:after,.marquee:before{position:absolute;top:0;width:10rem;height:100%;content:"";z-index:1}
.marquee:before{left:0;background:linear-gradient(to right,#ffffff 0,transparent 100%)}
.marquee:after{right:0;background:linear-gradient(to left,#ffffff 0,transparent 100%)}
.marquee-content{list-style:none;height:100%;display:flex;animation:scrolling var(--marquee-animation-duration) linear infinite}
@keyframes scrolling{
    0%{transform:translateX(0)}
    100%{transform:translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)))}
}
ul.marquee-content{margin:0;padding:0}
.marquee-content li{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:auto;max-height:100%;font-size:calc(var(--marquee-height)*3/4);white-space:nowrap}
.marquee-content li img{max-width:160px;max-height:72px;height:auto;width:auto;padding:0 40px;box-sizing:content-box}
@media (max-width:1400px){
    :root{--marquee-width:1200px;--marquee-elements-displayed:7}
    .marquee:after,.marquee:before{width:5rem}
}

/* section parallels unified platform */
.section-unified-platform {background: rgb(233, 244, 255);background: linear-gradient(103deg, rgba(233, 244, 255, 0.50) 0%, #D3E9FF 100%);}
.section-unified-platform .top-section {margin: 0 0 30px;}
.section-unified-platform .nav-tabs {float: none; padding: 0; margin: 0 0 30px;}
.section-unified-platform .nav-tabs li {float: none; margin: 0 0 10px;}
.section-unified-platform .nav-tabs li a {background: #d3e9ff; color: #000; padding: 15px;border-radius: 5px; transition: background .15s linear; }
.section-unified-platform .nav-tabs li a:hover {background: #a9cbed;}
.section-unified-platform .nav-tabs li.active a,
.section-unified-platform .nav-tabs li.active a:focus,
.section-unified-platform .nav-tabs li.active a:hover {background: #0052a3; color: #fff;}

.section-unified-platform .pup-img {text-align: center;}
.section-unified-platform .pup-img img {max-height: 392px; width: auto;}
.section-unified-platform .pup-content h3 {margin: 0 0 15px; color: #0052A3;}

/* section testimonial slider */
.section-testimonial { background-color: #f8f8f8; }
.section-testimonial .intro { margin-bottom: 80px; padding-bottom: 0; }
.section-testimonial p.product {text-align: center;font-weight: bold;padding: 0 14px;border-left: 2px solid #da3038;border-right: 2px solid #da3038;display: inline-block;}
.section-testimonial p.quote {margin: 0 0 1rem; font-size: 1rem; line-height: 26px;}
.section-testimonial p.name {margin-bottom: 0.125rem; font-weight: bold;color: #000;}
.section-testimonial p.company {margin-bottom: 0; color: #616161;}
.section-testimonial p.profile {margin-bottom: 0; font-weight: normal;color: #616161;}
.section-testimonial .carousel-indicators {margin-bottom: 0; position: relative; bottom: auto;}
.section-testimonial .carousel-control {top: calc(50% - 50px);bottom: 0;font-size: 16px;width: auto;}
.section-testimonial .carousel-inner {padding: 4rem 0}
.section-testimonial .quote-box { background: #fff; display: flex; flex-direction: column; height: 100%; margin: 0 28px 0 0; padding: 1.5rem; border: 1px solid #D92231; border-radius: 8px; text-align: left;}
.carousel-control.left {content: '';width: 40px;height: 40px;background-color: #000000;-webkit-mask: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-left.svg) center/cover no-repeat;mask: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-left.svg) center/cover no-repeat;background-image: none;}
.carousel-control.left:hover {width: 40px;height: 40px;background-color: #0067CB;-webkit-mask-image: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-left.svg);mask-image: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-left.svg);}
.carousel-control.right {content: '';width: 40px;height: 40px;background-color: #000000;-webkit-mask: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-right.svg) center/cover no-repeat;mask: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-right.svg) center/cover no-repeat;background-image: none;}
.carousel-control.right:hover {width: 40px;height: 40px;background-color: #0067CB;-webkit-mask-image: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-right.svg);mask-image: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-right.svg);}
.carousel-control .ico-sec {left: -8px;}
.section-testimonial .carousel-indicators li {background-color: #D5D5D5; margin: 0 1px; border: 1px solid #D5D5D5; width: 8px; height: 8px;}
.section-testimonial .carousel-indicators .active {background-color: #da3038;border: 1px solid #da3038; width: 8px;height: 8px;}
.text-carousel {margin-right: 5px;font-size: 14px;font-weight: 500;}
.section-testimonial .carousel-control {color: #7CBDFF;text-shadow: none;opacity: 1;width: 40px;height: 40px;}
.section-testimonial .item-list {padding: 40px 40px 40px 35px;}
.row-flex{display: flex}
.vert-center {align-items: center;}
.justify-content-center {justify-content: center;}
.quote-icon.open-quote {background-image: url("/static/pl/fileadmin/res/img/general/icon-quotes.svg");width: 36px;height: 32px;display: inline-block;background-size: cover;position: absolute;top: 10px;left: 0;}
.quote-icon.close-quote {background-image: url("/static/pl/fileadmin/res/img/general/icon-quotes.svg");width: 36px;height: 32px;display: inline-block;background-size: cover;position: absolute;bottom: 10px;right: 0;transform: rotate(180deg); z-index: 2;}


/*Testimonial slider*/
.slick-list { margin-right: 60px; }
.slick-list:after {position: absolute; top: 0; width: 10rem; height: 100%; content: ""; z-index: 1; right: 0; background: linear-gradient(to left, #F8F8F8 0%, transparent 100%); }
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 20px; z-index: 2;display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev { right: 48px; text-shadow: none; opacity: 1; width: 40px; height: 40px; content: ''; background-color: #000000; -webkit-mask: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-left.svg) center / cover no-repeat; mask: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-left.svg) center / cover no-repeat; background-image: none; }
.slick-prev:hover { width: 40px; height: 40px; background-color: #0067CB; -webkit-mask-image: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-left.svg); mask-image: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-left.svg); }
.slick-next { right: 0; text-shadow: none; opacity: 1; width: 40px; height: 40px; content: ''; background-color: #000000; -webkit-mask: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-right.svg) center / cover no-repeat; mask: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-right.svg) center / cover no-repeat; background-image: none; }
.slick-next:hover { width: 40px; height: 40px; background-color: #0067CB; -webkit-mask-image: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-right.svg); mask-image: url(/static/pl/fileadmin/res/img/ras/2023/icons/carousel-arrow-right.svg); }
.slick-arrow[aria-disabled='true'] { opacity: 0.2; }
.slick-arrow[aria-disabled='true']:hover { opacity: 0.2; background-color: #000000; }
.slick-dotted.slick-slider { margin-bottom: 0; }
.slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li {position: relative; padding: 0; background-color: #D5D5D5; margin: 0 2px; border: 1px solid #D5D5D5; width: 8px; height: 8px; display: inline-block; text-indent: -999px; cursor: pointer; border-radius: 10px; }
.slick-dots li.slick-active { background-color: #da3038; border: 1px solid #da3038; width: 8px; height: 8px; }
.slick-dots button { visibility: hidden; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-track { display: flex; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: flex; align-items: stretch;}
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.item.carousel-item.flex.slick-slide:last-child { opacity: 0.5; }
.item.carousel-item.flex.slick-slide.slick-active:last-child { opacity: 1; }

.section-final { background: url(/static/pl/fileadmin/res/img/solutions/enterprise/bg-section-final.jpg) center no-repeat; color: #fff; background-size: cover; }
.section-final h2 { margin-bottom: 24px; }
.section-final p { margin-bottom: 0; font-size: 18px; }

@media(min-width:768px){
    #section-hero .container { display: flex; align-items: center; flex: 1; padding-top: 0; padding-bottom: 0; }
    #section-hero .container .row { width: 100%; }
    #section-hero.bg-left:before { background-position: right center; right: calc(50% + 60px); background-size: auto 100%; background-repeat: no-repeat; }
    .section-banner {padding: 80px 0;}
    .section-brand .why-item:last-child, .section-brand .why-item:nth-last-child(2)  {margin-bottom: 0;}
    .section-brand .brand-bg:before { content: ''; display: block; height: 100%; width: 100%; background-position: right center; background-size: auto 100%; background-repeat: no-repeat; background-image: url(/static/pl/fileadmin/res/img/solutions/enterprise/parallels-story-enterprise-page-why.png); }
}

@media(min-width:1200px) {
    .logos .img-wrap { width: auto }
    .section-banner {padding: 120px 0;}
}

@media (max-width: 1199px) {
    .logos img { margin-bottom: 1.5rem; }
}

@media (min-width: 992px) {
    .section-testimonial .quotes {background: url("/static/pl/fileadmin/res/img/solutions/enterprise/parallels-story-enterprise-page-see.png") no-repeat; background-size: contain;background-position: 15px 0;}
    .slick-list { margin-right: 80px; }
    .quote-icon.open-quote { left: 100px; }
}

@media (max-width: 991px) {
    #section-feature-list .icon-card-row {flex-direction: column;}
    .section-testimonial .flex.align-items-center{display: block}
    .case-study img {min-width: auto;max-height: 60px;width: auto;}
    .section-unified-platform .pup-img-wrap,
    .section-unified-platform .pup-content-wrap {padding: 0;}
    .section-unified-platform .pup-img {text-align: left; margin: 0 0 24px;}
    .section-unified-platform .pup-img img {max-height: 212px;}
}

@media (max-width: 767px) {
    *[class*="section-"], *[id*="section-"] {padding: 40px 0;}
    section#section-hero {padding-top: 0;}
    #section-feature-list .icon-card-list .icon-card {flex: 0 0 100%;}
    #section-intro .img-left {margin-bottom: 24px;}
    .row-vertical-center {flex-direction: column;}
    .no-flex-xs {display: block;}
    .section-brand .why-item { display: flex; align-items: center; justify-content: flex-start; }
    .section-brand .icon { margin: 0 1rem 0 0; }
    .section-brand .why-item h3 { text-align: left; }
    .section-trusted .card-item {margin-bottom: 2rem;}
    .section-trusted img { margin-bottom: 1rem; }
    .quote-icon.open-quote {left: 20px;}
    .quote-icon.close-quote {right: 20px;}
    .section-testimonial .carousel-inner {min-height: 300px;}
    .section-testimonial p.quote {font-size: 16px;}
    .quote-icon.close-quote, .quote-icon.open-quote {width: 36px;height: 32px;}
    .section-portfolio h2 {margin-bottom: 1.5rem; text-align: center;}

    .section-unified-platform .top-section .text-center {text-align: left;}
    .section-unified-platform .bottom-section .tab-content .tab-pane {display: block !important; opacity: 1 !important; margin: 0 0 40px;}

    .slick-list { display:block; }
}