.elementor-55229 .elementor-element.elementor-element-f86a03:not(.elementor-motion-effects-element-type-background), .elementor-55229 .elementor-element.elementor-element-f86a03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://www.realvnc.com/wp-content/uploads/2025/02/bg-OEMplaybook-hero-hex-final.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-55229 .elementor-element.elementor-element-f86a03{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:4rem 4rem 4rem 4rem;}.elementor-55229 .elementor-element.elementor-element-f86a03 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-55229 .elementor-element.elementor-element-42afdb8b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-55229 .elementor-element.elementor-element-42afdb8b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-55229 .elementor-element.elementor-element-1852e92f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-55229 .elementor-element.elementor-element-1852e92f > .elementor-container{max-width:1140px;}.elementor-55229 .elementor-element.elementor-element-1852e92f{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-55229 .elementor-element.elementor-element-5f04aba0 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-55229 .elementor-element.elementor-element-5f04aba0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-55229 .elementor-element.elementor-element-34e89729 .elementor-heading-title{font-size:2.625rem;font-weight:700;line-height:120%;color:#FFFFFF;}.elementor-55229 .elementor-element.elementor-element-1600771c > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-55229 .elementor-element.elementor-element-1600771c .elementor-heading-title{line-height:120%;color:#FFFFFF;}.elementor-55229 .elementor-element.elementor-element-37aad0e7 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:30px 50px 50px 30px;}.elementor-55229 .elementor-element.elementor-element-37aad0e7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-55229 .elementor-element.elementor-element-180445ac{padding:8rem 4rem 8rem 4rem;}.elementor-55229 .elementor-element.elementor-element-3525032f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-55229 .elementor-element.elementor-element-7dcc7600 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-55229 .elementor-element.elementor-element-69d5aca1:not(.elementor-motion-effects-element-type-background), .elementor-55229 .elementor-element.elementor-element-69d5aca1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.realvnc.com/wp-content/uploads/2025/02/bg-OEMplaybook.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-55229 .elementor-element.elementor-element-69d5aca1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:8rem 4rem 8rem 4rem;}.elementor-55229 .elementor-element.elementor-element-69d5aca1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-55229 .elementor-element.elementor-element-125dc913{text-align:center;}.elementor-55229 .elementor-element.elementor-element-125dc913 .elementor-heading-title{color:#FFFFFF;}.elementor-55229 .elementor-element.elementor-element-7517c364 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-55229 .elementor-element.elementor-element-7517c364 > .elementor-container{max-width:1440px;}.elementor-55229 .elementor-element.elementor-element-2d0b08f > .elementor-widget-container{margin:0px 30px 55px 30px;}.elementor-55229 .elementor-element.elementor-element-2296ed6a{padding:8rem 4rem 8rem 4rem;}.elementor-55229 .elementor-element.elementor-element-3c3fa1ec > .elementor-widget-container{padding:0px 30px 30px 30px;}.elementor-55229 .elementor-element.elementor-element-27d214f9 > .elementor-widget-container{margin:0px 0px 40px 0px;}@media(min-width:768px){.elementor-55229 .elementor-element.elementor-element-42afdb8b{width:100%;}}@media(max-width:1024px){.elementor-55229 .elementor-element.elementor-element-f86a03:not(.elementor-motion-effects-element-type-background), .elementor-55229 .elementor-element.elementor-element-f86a03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.realvnc.com/wp-content/uploads/2025/02/bg-OEMplaybook-hero-hex-tablet-1.jpg");background-position:center right;}.elementor-55229 .elementor-element.elementor-element-42afdb8b > .elementor-element-populated{margin:0px 0px 10px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:15px 30px 15px 30px;}.elementor-55229 .elementor-element.elementor-element-1852e92f{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-55229 .elementor-element.elementor-element-34e89729 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-55229 .elementor-element.elementor-element-34e89729 .elementor-heading-title{font-size:1.75rem;}.elementor-55229 .elementor-element.elementor-element-1600771c > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-55229 .elementor-element.elementor-element-37aad0e7 > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-55229 .elementor-element.elementor-element-125dc913{text-align:center;}.elementor-55229 .elementor-element.elementor-element-cd53ca > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 20px 0px 20px;}.elementor-55229 .elementor-element.elementor-element-2ed12df6 > .elementor-element-populated{padding:0px 20px 0px 0px;}}@media(max-width:767px){.elementor-55229 .elementor-element.elementor-element-f86a03:not(.elementor-motion-effects-element-type-background), .elementor-55229 .elementor-element.elementor-element-f86a03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.realvnc.com/wp-content/uploads/2025/02/bg-OEMplaybook-hero-hex-phone.jpg");}.elementor-55229 .elementor-element.elementor-element-5f04aba0 > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-55229 .elementor-element.elementor-element-34e89729{text-align:center;}.elementor-55229 .elementor-element.elementor-element-1600771c{text-align:center;}.elementor-55229 .elementor-element.elementor-element-180445ac{padding:50px 0px 50px 0px;}.elementor-55229 .elementor-element.elementor-element-7dcc7600{text-align:center;}.elementor-55229 .elementor-element.elementor-element-69d5aca1{padding:50px 0px 50px 0px;}.elementor-55229 .elementor-element.elementor-element-2d0b08f > .elementor-widget-container{margin:0px 30px 30px 30px;}.elementor-55229 .elementor-element.elementor-element-2296ed6a{padding:50px 0px 50px 0px;}.elementor-55229 .elementor-element.elementor-element-3c3fa1ec > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-55229 .elementor-element.elementor-element-27d214f9{text-align:center;}}/* Start custom CSS for section, class: .elementor-element-f86a03 */.ebook-list .swiper-slide {
    background-color: transparent!important;
}
.ebook-list .swiper-slide img {
    margin-bottom: 20px;
}
a.elementor-button.ebook-access-cta {
    background-color: #FFF!important;
}
a.elementor-button.ebook-access-cta:hover {
    background-color: #cde2ff!important;
}
.ebook-list.slide-off.swiper:not(.swiper-initialized)>.swiper-wrapper {
    justify-content: center!important;
}
.OEMhero {
    max-width: 1920px;
    margin: 0 auto;
}
.heroBook {
    max-width: 572px;
    margin: 0 auto;
}
.OEMhero h1 {
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 120%; /* 50.4px */
    letter-spacing: 0;
}
html btn .elementor-button.elementor-size-sm {
    border-radius: 4px;
    background: linear-gradient(0deg, #005B67 0%, #005B67 100%), #FFD02F;
    color: #F2F8FE;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700!important;
    line-height: 120%; /* 24px */
    padding: 16px 40px!important;
    margin: 0!important;
}
html .elementor-kit-5 h2 {
    font-size: 1.875rem;
    font-weight: 700!important;
    line-height: 130%!important; /* 24px */
    margin-bottom: 20px;
    letter-spacing: 0!important;
}
html .elementor-kit-5 h3 {
    color: #FFF;
text-align: center;
font-size: 3.75rem;
font-weight: 700;
line-height: 100%; /* 54px */
margin-bottom: 20px;
}
ol.circleList {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}
ol.circleList li {
    counter-increment: step-counter;
    color: #FFF;
    margin-bottom: 20px;
    font-size: 1.5rem;
    line-height: 120%;
    font-weight: 700;
}
ol.circleList li span {
    font-size: 1rem;
    font-weight: 400;
    display: block;
    margin-left: 60px;
    margin-top: 10px;
   
}
ol.circleList li::before {
    content: counter(step-counter);
    margin-right: 10px;
    font-size: 2rem;
    background-color: #5DE2CF;
    color: #01272C;
    font-weight: bold;
    padding: 3px 16px;
    border-radius: 100%;
}
@media only screen and (max-width: 768px) {
html .elementor-kit-5 h3 {
    font-size: 2.5rem;
}
.OEMhero > div {
    background-size: 1000px auto;
}
ol.circleList li span {
    margin-left: 50px;
    font-weight: 400;
}
html h1 {
    margin-bottom: 20px;
    padding-bottom: 0;
}
html h2 {
    font-size: 1.75rem!important;
}
ol.circleList li::before {
    content: counter(step-counter);
    margin-right: 15px;
    font-size: 1.1rem;
    padding: 6px 12px;
}
ol.circleList li {
    font-size: 1.1rem;
}
}
@media only screen and (max-width: 600px) {
    html h2 {
        font-size: 1.5rem!important;
    }
    ol.circleList li {
        font-size: 1.05rem;
    }
    ol.circleList li span {
        margin-left: 40px;
        font-size: 1rem;
        line-height: 135%;
    }
    ol.circleList li::before {
        margin-right: 8px;
    }
}/* End custom CSS */