body > main { background-color: #fff; }
*[class*="section-"], *[id*="section-"] {padding: 80px 0;}
.row.intro { text-align: center; padding-bottom: 40px; }
.row.intro h2 { margin-bottom: 0; }
.row.intro p { margin-bottom: 0; margin-top: 1.5rem; }
h3{font-weight: 500;}
span.nowrap { white-space: nowrap;}
.mb-0 { margin-bottom: 0; }
.mb-30 { margin-bottom: 30px; }
.mt-40 { margin-top: 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: 4px; right: -26px; width: 16px; height: 16px; filter: invert(30%) sepia(81%) saturate(5662%) hue-rotate(198deg) brightness(91%) contrast(101%); }
a:hover span.link-tertiary::after { filter: brightness(0) saturate(100%) invert(18%) sepia(31%) saturate(7389%) hue-rotate(196deg) brightness(97%) contrast(106%); }
h1 span.highlight, h2 span.highlight, h3 span.highlight, h4 span.highlight, h5 span.highlight { color: #DA3038; }
.img-rounded { border-radius: 12px; }

.bg-wrapper {position: relative;}
.bg-wrapper::after { position: absolute; bottom: 0; left: 0; content: ""; height: 50px; width: 100%; z-index: 10; background: rgb(127,69,203); background: linear-gradient(0deg, #D922314D 0%, #D9223132 20%, #D9223116 47%, #D9223106 72%, #D9223100 93%); }
.section-hero { text-align: left; }
.section-hero p { font-size: 18px; line-height: 26px; font-weight: 400;}
.section-hero .buttons a { margin-bottom: 16px !important;}
.section-hero.bg-left:before { background-image: url(/static/pl/fileadmin/res/img/pd/2025/microsoft-authorized-solution-windows-11-arm/pd-microsoft-page-hero.png); }
@supports (background-image: url(/static/pl/fileadmin/res/img/pd/2025/microsoft-authorized-solution-windows-11-arm/pd-microsoft-page-hero.webp)) {
    .section-hero.bg-left:before {
        background-image: url(/static/pl/fileadmin/res/img/pd/2025/microsoft-authorized-solution-windows-11-arm/pd-microsoft-page-hero.webp);
    }
}

.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, .section-cards object { display: flex; align-items: center; justify-content: center; height: 88px; width: auto; margin: 0 auto 1rem; }
.section-cards .card h3 { margin: 0; }
.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: 380px; border-radius: 12px; }
.front { padding: 4rem 0 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-better { background: #F8F8F8; }
.section-better img { border-radius: 12px; }
.section-better ul { list-style: none; margin: 0; padding: 0; }
.section-better ul li { border-bottom: 1px solid #7CBDFF; }
.section-better ul li:last-child { border-bottom: none; }
.section-better ul li p { margin-bottom: 20px; }
.section-better h3 { margin-bottom: 20px; }
.section-better ul li h4 { margin-top: 20px; }
.section-better ul li:first-child:before { content: ''; display: block; width: 24px; height: 4px; background: #3094FF; }
.section-better .btn { margin-bottom: 0; }

.section-how-to .card { display: flex; flex-direction: column; height: 100%; }
.section-how-to h3, .section-cards h4 { margin-top: 0; }
.section-how-to .icon-wrap { display: flex; align-items: center; justify-content: center; padding: 2.25rem 0; background: #F8F8F8; border-radius: 10px; }
.section-how-to .icon { max-height: 88px; width: auto; }
.section-how-to .card-body { padding-top: 1.5rem; text-align: left; }
.section-how-to.learn-more { background: #f8f8f8; }
.section-how-to.learn-more .card { background: #fff; }

.section-use-cases {background: #F8F8F8}
.section-use-cases .case-item {display: flex; flex-direction: column; align-items: start; height: 100%; background: transparent; }
.section-use-cases img {margin-bottom: 16px;border-radius:12px;}
.section-use-cases h3 {margin-top: 0; margin-bottom: 1rem}
.section-use-cases p {margin-bottom: 1rem;}
.section-use-cases .case-item a.btn-tertiary {margin-top: auto; padding-right: 10px !important; text-align: left; white-space: normal;}
.section-use-cases .case-item a.btn-tertiary.not-auto {margin-top: inherit;}

a.btn-tertiary.blue {color: #0067CB !important;}
a.btn-tertiary.blue:hover {color: #0052A3 !important;}
a.btn-tertiary.blue::after {bottom: 0;right: unset; margin-left: 10px; filter: invert(14%) sepia(71%) saturate(7070%) hue-rotate(200deg) brightness(103%) contrast(102%);}
a.btn-tertiary.blue:hover::after {filter: invert(16%) sepia(98%) saturate(2487%) hue-rotate(197deg) brightness(97%) contrast(102%);}

.section-faq .panel { border: none; }
.section-faq .panel.panel-default { background: transparent; border-top: 1px solid #D1D3D5; margin: 0 !important; }
.section-faq .panel a.panel-title-link { display: flex; justify-content: space-between; align-items: center; color: #000; }
.section-faq .panel-default>.panel-heading { background: transparent; }
.section-faq .panel .collapse a:hover { color: #0052A3; }
.section-faq .glyphicon { margin: 0; color: #0067CB; font-size: 16px; }
.section-faq .panel a:hover { color: #0067CB; text-decoration: none; }
.section-faq .panel-default > .panel-heading { padding: 15px 0; }
.section-faq .panel-default>.panel-heading+.panel-collapse>.panel-body { padding-top: 0; padding-left: 0; }
.section-faq .panel.panel-default:last-child { border-bottom: 1px solid #D1D3D5; box-shadow: none; }
.section-faq .panel-title { font-size: 20px; padding: 0; }
.section-faq .panel-group { padding: 0; }
.section-faq .panel .panel-heading .panel-title span.glyphicon-menu-down { transform: rotate( -180deg );  }
.section-faq .panel .panel-heading .panel-title .collapsed span.glyphicon-menu-down { transform: rotate( 0 );  }
.section-faq .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: transparent; }
.section-faq ul, .section-faq ol { margin-bottom: 20px; }

.section-final {background: url('/static/pl/fileadmin/res/img/solutions/smb/bg-bottom.jpg') center no-repeat; background-size: cover; color: #fff}
.section-final p{max-width: 1000px; margin-left: auto; margin-right: auto}


.bg-light-gray {background: #F8F8F8;}

@media(min-width:768px){
    .section-hero { min-height: 500px; }
    .section-hero.bg-left:before { background-position: right center; right: calc(50% + 30px); background-size: auto 100%; background-repeat: no-repeat; }
}

@media (max-width: 991px) {
    .section-use-cases .case-item {padding-bottom: 20px;}
}

@media (max-width: 767px) {
    *[class*="section-"], *[id*="section-"] {padding: 40px 0;}
    .section-better img { margin-bottom: 20px; }
}