/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@#BGG@@@&GGB&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@&BP55P&@@@@#P55P#@@@@@@@@@@@@@@&&&&&&&&@@@@@@@&&@@@@@@@@@@@@@@@&&&@@@@@@@@@&&&@@@@@@@@&####&@@@@@@ @@@#P555G@@@@@@@&P555P&@@@@@@@@@@@#55PPPPP5P#@@@@#55#@@@@@@@@@@@@@#P55P@@@@@@@@G5P&@@@@&BP5PGGP5PB&@@@ @@#5555G@@@@@@@@@&P555P&@@@@@@@@@@#55#@@@&P5P&@@@#55#@@@@@@@@@@@@&P5GP5G@@@@@@@G5P&@@@&P5P&@@@@&P5P&@@ @@P555G@@@@@@@@@@@&P555B@@@@@@@@@@#55G###B55G@@@@#55#@@@@@@@@@@@@P5G@&P5B@@@@@@G5P&@@@B55#@@@@@@#55B@@ @@P55G@@@@@@B&@@@@@&P55B@@@@@@@@@@#55PGGGGB#@@@@@#55#@@@@@@@@@@@G55B##G55B@@@@@G5P&@@@B55#@@@@@@#55B@@ @@#5G@@@@@@B5P&@@@@@&PP&@@@@@@@@@@#55#@@@@@@@@@@@#55#@@@@@@@@@@B5PGGGGGG55#@@@@G5P&@@@&P5P#&@@&#P5P&@@ @@@#&@@@@@#555P&@@@@@&&@@@@@@@@@@@#55#@@@@@@@@@@@#5PPPPPPPP&@@#55#@@@@@@G5P&@@@G5P&@@@@@BPPPPPPPPB@@@@ @@@@@@@@@#55555P&@@@@@@@@@@@@@@@@@@&&@@@@@@@@@@@@@&&&&&&&&&@@@&&&@@@@@@@@&&&@@@&&&@@@@@@@@&&&&&&@@@@@@ @@@@@@@@@GPPPPPP#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ * PLAIO COLORS ------------------------------------------------------------------------------------------------------ #10283B : Yankees Blue : DarkBlue : Background #2766AF : Lapis Lazuli : Blue : Demand #7CD5B4 : Pearl Aqua : Green : Purchase #FFA348 : Deep Saffron : Orange : Manufacturing #EC5661 : Fire Opal : Pink : Copilot * PLAIO FONT ------------------------------------------------------------------------------------------------------ Figtree : https://fonts.google.com/specimen/Figtree Font-Weight: 300 (Light) (Default) Font-Weight: 500 (Medium) Font-Weight: 700 (Bold) Font-Weight: 800 (ExtraBold) Inter : https://fonts.google.com/specimen/Inter */ html, body {font-family: "Inter", Arial, Helvetica, sans-serif; font-weight: 300;} h1, h2, h3, h4, h5 {font-weight: 700;} h2 {color: #10283B; margin-top: 30px;} h2:first-of-type {margin-top: 0;} /*h2:after {content: ""; display: block; width: 180px; padding-top: 3px; margin: 20px 0; background: linear-gradient(to right, #10283BD9 25%, #EC5661 70%, rgba(255, 255, 255, 0) 100%);} */ h2.plaio-heading-gradient {font-size: 2.3em; text-transform: uppercase; margin-bottom: 10px; font-weight: 100; letter-spacing: 6px; background: -webkit-linear-gradient(0deg, #10283BD9 36%, #F2295BA3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block;} h2.plaio-heading-gradient:after {display: none;} a {color: #2766AF; text-decoration: none;} img, iframe {max-width: 100%;} b, strong {font-weight: 700;} p.quote {padding-left: 60px; margin: 45px auto; } p.quote::before {content: "\F25A"; color: #7CD5B4; font-size: 2em; font-family: 'bootstrap-icons' !important; display: inline-block; width: 1em; margin-left: -1.5em; margin-top: 5px; line-height: 1em; -webkit-font-smoothing: antialiased; position: absolute;} /* Misc PLAIO */ .bg-plaio-darkblue {background-color: #10283B;} .bg-demand-planning {background-color: #2766AF;} .bg-demand-planning.not-selected {border: #2766AF 1px solid; color: #2766AF;} .bg-manufacturing-planning {background-color: #FFA348;} .bg-manufacturing-planning.not-selected {border: #FFA348 1px solid; color: #FFA348;} .bg-purchase-planning {background-color: #7CD5B4;} .bg-purchase-planning.not-selected {border: #7CD5B4 1px solid; color: #7CD5B4;} .bg-plaio-copilot {background-color: #EC5661;} .bg-plaio-copilot.not-selected {border: #EC5661 1px solid; color: #EC5661;} .bg-plaio-company {background-color: #10283B;} .bg-plaio-company.not-selected {border: #10283B 1px solid; color: #10283B;} .plaio-gradient {background-color: transparent; background: linear-gradient(360deg, rgba(21, 21, 23, 1) 0%, rgba(17, 17, 19, 1) 50%, rgb(33 33 33) 100%);} .plaio-light-wrapper {background-color: #e9eff7; border: 2px dotted #fff; padding: 30px; margin-bottom: 30px; border-radius: 15px} .umb-block-grid__layout-item:last-of-type > .plaio-light-wrapper {margin-bottom: 0;} .top-divider {border-top: 1px dotted #999; padding: 30px 0;} .larger-text {font-size: 1.2em;} .preHeadline {font-size: 32px; font-weight: 800; letter-spacing: normal; line-height: 120%; margin-bottom: 16px;} .dark-theme .preHeadline {color: #FAFAFC;} .light-theme .preHeadline {color: #151517;} .preHeadline span {color: #F48811;} /* Datalines*/ .parallax-background-header {background-position: 50% 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .parallax-background {background-color: #151517; background-position: right center; background-repeat: no-repeat; -webkit-background-size: contain, cover; contain, cover, cover; -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .header-background {background-color: #151517; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: calc(100vh - 66px);} .header-background .container {display: flex; align-items: end; height: calc(100vh - 66px);} .header-background p.featured { background: #F48811; border-radius: 8px; padding: 4px 8px; color: #FAFAFC; display: inline-block; font-weight: 500; font-size: 14px !important; line-height: 145%; margin: 0 0 12px 0;} .header-blog p.featured { background: #FAFAFC; color: #151517;} .datalines {position: relative; height: auto; width: 100%; display: flex; align-items: center; justify-content: center;} .datalines::before {content: ""; position: absolute; background-image: url('/media/cxtnkg53/datalines.png?width=1600'); background-position: center bottom -250px; background-repeat: no-repeat;top: 0px;right: 0px;bottom: 0px;left: 0px;opacity: 0.35;} .header.front-page .datalines {min-height: 100vh;} .header.front-page .datalines::before {opacity: 0.65;} .header .mobile-background-image {display: none;} .datalines .container {position: relative;} /* Buttons */ .btn {padding: 12px 24px; border-radius: 12px; font-weight: 600; font-size: 16px; line-height: 150%;} .btn-primary {transition: none; color: #151517; background-color: #F48811; border: none;} .btn-primary:hover {color: #151517; background: linear-gradient(119.51deg, #EAB308 -18.66%, #F97316 90.14%); box-shadow: 0px 4px 4px 0px #F0A45130;} .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {color: #151517; background-color: #F48811;} .btn-secondary {transition: none; color: #FAFAFC; background-color: transparent; border: 1px solid #9EA0B0;} .btn-secondary:hover {border-color: #FAFAFC; color: #FAFAFC; background: radial-gradient(602.32% 255.21% at 45.61% 198.96%, rgba(0, 0, 0, 0.65) 25.81%, #666666 96.4%);} .light-theme .btn-secondary {color: #151517;} .light-theme .btn-secondary:hover {color: #FAFAFC;} .light-theme .btn-secondary:hover svg path {fill: #FAFAFC; stroke: #FAFAFC;} .dark-theme .btn-secondary {color: #FAFAFC;} .dark-theme .btn-secondary svg path {fill: #FAFAFC; stroke: #FAFAFC;} .dark-theme .btn-secondary:hover {color: #FAFAFC;} .dark-theme .btn-secondary:hover svg path {fill: #FAFAFC; stroke: #FAFAFC;} /* Header Navigation */ #navPLAIO.navbar .btn-secondary {padding-top: 8px; padding-bottom: 8px;} #navPLAIO.navbar {padding: 6px 0px; box-shadow: 0px 4px 14.8px 0px rgba(34, 34, 37, 1); } /* Sticky logo */ /*#navPLAIO.navbar.sticky-logo, #navPLAIO.navbar.container-background { background: transparent; box-shadow: unset; } #navPLAIO.navbar.sticky-logo .text-right { opacity: 0; transition: .2s ease-in-out; } #navPLAIO.navbar.sticky-logo .navbar-brand { background: #151517; border-radius: 12px; padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5); box-shadow: 0px 4px 14.8px 0px rgba(34, 34, 37, 1); } #navPLAIO.navbar.container-background .scrolled-color { background: #151517; border-radius: 12px; box-shadow: 0px 4px 14.8px 0px rgba(34, 34, 37, 1); } #navPLAIO.navbar.sticky-logo .container { padding-left: 0px; }*/ #navPLAIO .navbar-brand img {width: 200px;} #navPLAIO {background: #151517; } #navPLAIO.scrolled {background: #151517;} #navPLAIO .navbar-nav {margin-right: 10px;} #navPLAIO .navbar-nav .nav-item .nav-link {display: flex; align-items: center; gap: 10px; color: #CFD0D9; padding: 10px 16px; letter-spacing: 0; font-size: 14px; font-weight: 600;} #navPLAIO .navbar-nav .nav-item .nav-link:hover {color: #FFFFFF;} #navPLAIO .navbar-nav .nav-item .nav-link.active {color: #FFFFFF;} #navPLAIO .navbar-toggler {font-size: 2em; padding: 0.5em; color: #EC5661;} #navPLAIO .navbar-toggler {width: 26px; height: 26px; transition: .5s ease-in-out;} #navPLAIO .navbar-toggler,.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {outline: none; box-shadow: none; border: 0; position: relative;} #navPLAIO .navbar-toggler span {margin: 0; padding: 0;} #navPLAIO .toggler-icon {display: block; position: absolute; height: 4px; width: 22px; background: #fff; border-radius: 1px; opacity: 1; left: 3px; transform: rotate(0deg); transition: .75s ease-in-out;} #navPLAIO .middle-bar {margin-top: 0;} #navPLAIO .navbar-toggler.collapsed .top-bar {position: absolute; top: 4px; transform: rotate(0deg);} #navPLAIO .navbar-toggler.collapsed .middle-bar {position: absolute; top: 12px; opacity: 1; filter: alpha(opacity=100);} #navPLAIO .navbar-toggler.collapsed .bottom-bar {position: absolute; top: 20px; transform: rotate(0deg);} #navPLAIO .navbar-toggler .top-bar {top: inherit; transform: rotate(135deg);} #navPLAIO .navbar-toggler .middle-bar {opacity: 0; top: inherit; filter: alpha(opacity=0);} #navPLAIO .navbar-toggler .bottom-bar {top: inherit; transform: rotate(-135deg);} #navPLAIO .navbar-toggler.collapsed .toggler-icon {background-color: #fff;} #navPLAIO .navbar-toggler.collapsed {box-shadow: none; background-color: transparent;} #navPLAIO .dropdown-menu {background: transparent; border: none;} #navPLAIO .dropdown-menu li:last-of-type {border-bottom: none;} #navPLAIO .dropdown-item:hover {background: transparent;} #navPLAIO .dropdown-item {padding: 10px 0; color: #FAFAFC; display: flex; align-items: center;} #navPLAIO .dropdown-item h4 {margin: 0; padding: 0; font-size: 16px; font-weight: 500; line-height: 150%; color: #CFD0D9;} #navPLAIO .dropdown-item:hover h4 {color: #F48811;} #navPLAIO .dropdown-item p {margin: 0; padding: 0; font-size: 14px; font-weight: 400; color: #9EA0B0; line-height: 145%;} #navPLAIO .dropdown-item:hover p {color: #FAFAFC;} #navPLAIO .dropdown-item.active, .dropdown-item:active {background: transparent; color: #FAFAFC;} #navPLAIO .dropdown-item.active h4, .dropdown-item:active h4 {color: #F48811;} #navPLAIO .dropdown-item.active p, .dropdown-item:active p {color: #FAFAFC;} #navPLAIO .dropdown-item .nav-image {float: left; margin-right: 16px;} #navPLAIO .dropdown-item .nav-image img {min-width: 24px; min-height: 24px;} #navPLAIO .dropdown-item .nav-icon {float: left; font-size: 1.4em; margin-top: -4px; margin-left: 1px; color: #666; border: dotted 1px #666; border-radius: 65px; padding: 6px 12px;} /*New Menu*/ #navPLAIO .dropdown-menu { position: relative; margin: 0; padding: 20px 0 20px 0; max-height: 407px; overflow-y: auto; overflow-x: hidden; } /*Scrollbar*/ #navPLAIO .dropdown-menu { scrollbar-width: thin; scrollbar-color: #454546 transparent; } #navPLAIO .dropdown-menu::-webkit-scrollbar { width: 6px; } #navPLAIO .dropdown-menu::-webkit-scrollbar-track { background: transparent; } #navPLAIO .dropdown-menu::-webkit-scrollbar-thumb { background-color: #454546; border-radius: 10px; } #navPLAIO .dropdown-menu::-webkit-scrollbar-thumb:hover { background-color: #454546; } #navPLAIO .dropdown-menu .dropdown-menu-title { font-size: 14px; font-weight: 500; line-height: 145%; margin-top: 10px; margin-bottom: 10px; color: #8A8A8C; } #navPLAIO .right-dropdown-menu .dropdown-menu-title { margin-bottom: 12px; } #navPLAIO .dropdown-menu.show.divider { border-right: 1px solid #454546; border-radius: unset; padding-right: 30px; } #navPLAIO .dropdown-menu.show.divider li { width: 151px; } #navPLAIO .dropdown-menu-wrap { position: absolute; top: 53px; left: 50%; transform: translateX(-50%); display: none; background: linear-gradient(360deg, rgba(21, 21, 23, 0.85) 0%, rgba(17, 17, 19, 0.85) 50%, rgb(33 33 33) 100%); border-radius: 12px; overflow: hidden; padding: 0 30px; } #navPLAIO .dropdown-menu-wrap::before { content: ""; position: absolute; inset: 0; border-radius: 12px; padding: 1px; background: linear-gradient(90deg, #535353 10%, rgba(21, 21, 23, 0.85)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; } #navPLAIO .dropdown-menu-wrap:has(.right-dropdown-menu) { padding-left: 60px; padding-right: 0; } #navPLAIO .dropdown-menu-wrap:not(:has(.right-dropdown-menu)) { padding-right: 0; } #navPLAIO .dropdown-menu-wrap:not(:has(.right-dropdown-menu)) .dropdown-menu { padding-right: 30px; } #navPLAIO .dropdown-menu-wrap:has(.dropdown-menu.show) { display: flex; gap: 30px; } #navPLAIO .dropdown-menu.show + .right-dropdown-menu { display: grid; grid-template-columns: repeat(2, 200px); height: fit-content; column-gap: 60px; padding-right: 30px; } #navPLAIO .dropdown-menu-wrap .right-dropdown-menu a.dropdown-item { padding: 8px 0; } #navPLAIO .dropdown-menu-wrap:has(.right-dropdown-menu) .dropdown-menu h4, #navPLAIO .dropdown-menu-wrap:has(.right-dropdown-menu) .dropdown-menu p { white-space: normal; overflow-wrap: break-word; } #navPLAIO .dropdown-toggle::after { content: ""; width: 12px; height: 8px; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: center; background-size: contain; pointer-events: none; margin-top: 2px; border: unset; vertical-align: unset; margin-left: unset; transition: transform 0.3s ease; } #navPLAIO .dropdown-toggle.show::after { transform: rotateX(180deg); } /* Siblings Navigation */ .siblings-menu {background: #fff; margin-top: 10px;} .siblings-menu ul {list-style: none; margin: 0; border-bottom: 1px dotted #999;} .siblings-menu ul li {position: relative; display: inline-block; background: #fff; margin-left: 5px; border-top-left-radius: 10px; border-top-right-radius: 10px; text-transform: uppercase; font-size: .9em; font-weight: 500;} .siblings-menu ul li a {color: #10283B; display: block; text-align: center; padding: 10px 12px 8px 12px; border-top-left-radius: 10px; border-top-right-radius: 10px;} .siblings-menu ul li.active {background: #fff; border: 1px dotted #666; border-bottom: 1px solid #fff; margin-bottom: -1px;} .siblings-menu ul li.active a:hover {background: #fff;} .siblings-menu ul li.active::before {border-bottom-color: #fff;} /* Header */ header {margin-top: -70px; background: transparent; background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; position: relative;} header.header-background {margin-top: 0;} header.front-page {margin-top: 0; height: calc(100vh - 66px);} header h1 {font-size: 60px; margin-bottom: 30px; font-weight: 400; line-height: 110%; letter-spacing: 0; color: #FAFAFC; display: inline-block;} header p {font-size: 16px; font-weight: 300; line-height: 145%; letter-spacing: 0; margin-bottom: 40px; color: #FAFAFC;} header p a {color: #EC5661;} header .header-overlay {width: 100%; height: 100%; background-color: transparent;} header .container {padding-top: 100px; padding-bottom: 60px;} header .header-col-text { order: 1; padding-top: 30px;} header .header-col-image { order: 2; text-align: center; padding-top: 30px;} .header-background.header h1 {font-size: 48px; font-weight: 600; line-height: 110%;} .header-background.header p {font-size: 24px; margin-bottom: 30px;} .header-background.header .header-overlay {background-color: rgba(0, 0, 0, 0.65);} .header-background.header .btn-secondary svg {margin-left: 16px;} .header-background.header .btn-secondary svg path {fill: #FAFAFC; stroke: #FAFAFC;} .header-background.header .btn-secondary:hover {color: #FAFAFC;} .header-background.header .btn-secondary:hover svg path {fill: #FAFAFC; stroke: #FAFAFC;} /* Front Page Header */ header.front-page h1 {letter-spacing: 0px; font-weight: 600; text-transform: none; -webkit-text-fill-color: #FAFAFC;} header.front-page a.cta-link {color: #fff} header.front-page a.cta-link .read-more {font-size: 1em; font-weight: 700; text-transform: uppercase; display: block; color: #ec5661; letter-spacing: 3px; -webkit-transition: all .4s ease; transition: all .4s ease;} header.front-page a.cta-link .read-more svg {fill: #ec5661; margin-left: 0; height: 30px; width: 40px; -webkit-transition: all .4s ease; transition: all .4s ease;} header.front-page a.cta-link:hover .read-more {letter-spacing: 5px;} header.front-page a.cta-link:hover .read-more svg {-webkit-transform: scale(1.25) rotate(-15deg); transform: scale(1.25) rotate(-15deg);} header.front-page .header-col-image { margin-top: -110px; padding-top: 0px;} header.front-page .container {height: calc(100vh - 66px); display: flex; align-items: center; padding-top: 0; padding-bottom: 0; } header .header-col-text {padding-top: 0;} /* Footer */ footer .footer-content {color: #D2D2D2; padding: 120px 0 35px; margin-bottom: -20px;} footer .footer-content .footer-image img {width: 200px !important; margin-bottom: 15px;} footer .footer-content .footer-text {margin-top: 15px;} footer .footer-content h2 {font-size: 20px; padding: 0; margin: 0 0 14px 0; color: #FAFAFC; font-weight: 500; line-height: 120%;} footer .footer-content h2:after {display: none;} footer .footer-content .sitemap ul {margin: 0; padding: 0;} footer .footer-content .sitemap ul li {margin: 0; padding: 14px 0 0 0; list-style: none;} footer .footer-content .sitemap ul li a h3 {margin: 0; color: #FAFAFC; font-size: 1em; font-weight: 500;} footer .footer-content .sitemap ul li a:hover h3 { color: #FFA348;} footer .footer-content .sitemap ul li a p {margin: 3px 0 5px 0; font-size: 16px; color: #9EA0B0; font-weight: 400;} footer .footer-content .sitemap ul li.with-icon a h3, footer .footer-content .sitemap ul li.with-nav-image a h3 {margin-left: 60px;} footer .footer-content .sitemap ul li.with-icon a p, footer .footer-content .sitemap ul li.with-nav-image a p {margin-left: 60px;} footer .footer-content .sitemap ul li a .footer-nav-image { float: left; width: 40px; margin: 0 0 0 5px;} footer .footer-content .sitemap ul li a .footer-nav-icon { float: left; width: 40px; margin: 0 0 0 10px; font-size: 1.9em;} footer .footer-content .sitemap ul li a:hover .footer-nav-icon { color: #EC5661;} footer .footer-copyright {color: #D2D2D2; height: 200px; margin: 0;} footer .footer-copyright .logo {float: left; margin: 0 30px 30px 0;} footer .footer-copyright .tech-dev-fund-logo { border: 1px solid #3F4250; float: right; border-radius: 5px; margin-top: 0px;} footer .footer-copyright hr {border: none; opacity: 1; margin-bottom: 45px;} footer .footer-copyright ul {margin: 21px; padding: 0; float: right; text-align: right;} footer .footer-copyright:not(:has(.tech-dev-fund-logo)) ul { margin-right: 0;} footer .footer-copyright ul li {margin: 0; padding: 0 4px 0 6px; list-style: none; display: inline; font-size: .9em; color: #9fa9b0; border-left: 1px solid #9fa9b0;} footer .footer-copyright ul li:first-of-type {border-left: none; padding-left: 0;} footer .footer-copyright ul li:last-of-type {border-left: none; padding-left: 0;} footer .footer-copyright ul li a {color: #9fa9b0;} footer .footer-copyright ul li a:hover {color: #FFA348;} /* number-counter */ .number-counter {margin: 60px 0;} .number-counter .number-counter-item {padding: 15px 10px; background: rgba(21, 21, 23, 0.2); border-radius: 10px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(21, 21, 23, 0.3);} .number-counter .number-counter-item .count-number {font-size: 1.8em; font-weight: 800; margin: 0; padding: 0 0 5px 0; line-height: 1em;} .number-counter .number-counter-item .count-label {font-size: .9em; line-height: 1em; padding: 0; margin: 0;} /* Page Frame */ .page-frame {background: transparent; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;} .page-frame .page-frame-overlay {min-height: 300px; width: 100%; height: 100%; background-color: transparent;} .page-frame .container {padding-top: 80px; padding-bottom: 80px;} .page-frame .container.less-top-padding {padding-top: 30px;} .page-frame .container.less-bottom-padding {padding-bottom: 30px;} .page-frame.light-theme, .page-frame.light-theme h2, .page-frame.light-theme h3, .page-frame.light-theme .accordion-item {color: #9EA0B0;} .page-frame.dark-theme, .page-frame.dark-theme h2, .page-frame.dark-theme h3, .page-frheader h1ame.dark-theme .accordion-item, .page-frame.dark-theme p {color: #9EA0B0;} /* Bottom Shape */ .bottom-shape {transform: rotate(180deg); bottom: -1px; overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr;} .bottom-shape svg {height: 40px; width: 100%;} .bottom-shape .bottom-shape-fill {fill: #FFFFFF;} .bottom-divider {border-bottom: 1px dotted #999;} /* Features */ .mobile-swiper .swiper-wrapper, .desktop-swiper .swiper-wrapper { padding-left: 0; padding-right: 0; align-items: center; } .mobile-swiper.enable-autoplay .swiper-wrapper, .desktop-swiper.enable-autoplay .swiper-wrapper { transition-timing-function: linear !important; } .photo-swiper.swiper .swiper-slide {display:flex; align-items: center;} .page-frame .feature-wrap {padding-top: 80px; padding-bottom: 56px;} .feature-wrap .feature-icon {margin: 20px 0; padding: 10px 22px; border-radius: 100px; display: inline-block; font-size: 3em; } .feature-wrap .col-lg-6 .feature-logo img {width: 200px; margin: 20px 0;} .feature-wrap .col-lg-4 .feature-logo img, .feature-wrap .col-lg-3 .feature-logo img {width: 90px; margin: 30px 0;} .feature-wrap .photo img {max-width: 100%; border-radius: 10px;} .feature-wrap h2 {margin-bottom: 45px; font-size: 24px; font-weight: 500; line-height: 120%;} .feature-wrap.text-center h2 {padding: 0 15% } .dark-theme .feature-wrap h3 {margin-bottom: 15px; color: #FAFAFC;} .light-theme .feature-wrap h3 {color: #151517;} .feature-wrap h3 {margin-bottom: 15px; font-weight: 500;} .feature-wrap p {font-size: 16px; line-height: 145%; font-weight: 300; color: #585B6F;} .dark-theme .feature-wrap p {color: #FAFAFC;} .feature-wrap a p {font-size: 16px; color: #585B6F;} .feature-wrap a .feature-read-more {font-size: 16px; font-weight: 400; display: block; color: #fff; line-height: 150%; margin: 0;} .light-theme .feature-wrap a .feature-read-more {color: #151517;} .feature-wrap a:hover .feature-read-more {color: #F48811; } .feature-wrap a .feature-read-more svg {margin-left: 16px; } .feature-wrap a:hover .feature-read-more svg path {stroke: #F48811; fill: #F48811;} .light-theme .feature-wrap a .feature-read-more svg path {stroke: #151517; fill: #151517;} .light-theme .feature-wrap a:hover .feature-read-more svg path {stroke: #F48811; fill: #F48811;} .feature-box {border: 1px solid #d3e0ef; border-radius: 15px; padding: 15px 30px 45px 30px; width: 100%; height: 100%; background: #fff;} .dark-theme .feature-box {position: relative; z-index: 1; border: none; background: linear-gradient(144deg, #2b2b2b 0%, #151517 100%); color: #FAFAFC;} .dark-theme .feature-box::before { content: ""; position: absolute; inset: 0; border-radius: 15px; padding: 1px; background: linear-gradient(90deg, #535353, #3e3e3e, #262626); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1;} /* Feature Quotes */ .quote-wrapper {text-align: left; padding: 20px 100px;} .quote-wrapper .quote-text { font-size: 1.2em; font-style: italic; } .dark-theme .quote-wrapper .quote-text p { color: #F48811; } .quote-wrapper .quote-text::before {content: "\F25A"; color: #7CD5B4; font-size: 2em; font-family: 'bootstrap-icons' !important; display: inline-block; width: 1em; margin-left: -1.5em; margin-top: 5px; line-height: 1em; -webkit-font-smoothing: antialiased; position: absolute;} .dark-theme .quote-wrapper .quote-text::before {color: #F48811;} .quote-wrapper .quote-by-wrapper {} .quote-wrapper .quote-by-wrapper img.quote-by-image {border: 2px solid #fff; border-radius: 50px; float: left; margin: 0px 10px 10px 0px; width: 80px; height: 80px;} .quote-wrapper .quote-by-wrapper .quote-by-name {font-size: 1em; margin-bottom: 0; color: #000; font-weight: 700;} .dark-theme .quote-wrapper .quote-by-wrapper .quote-by-name {color: #FAFAFC;} .quote-wrapper .quote-by-wrapper .quote-by-title {color: #999; font-size: 1em; margin-bottom: 0; font-weight: 500;} .dark-theme .quote-wrapper .quote-by-wrapper .quote-by-title {color: #9EA0B0;} /* demo-request */ .page-frame.demo-request { position: relative; overflow: hidden; } .page-frame.demo-request .container {padding-top: 0px; padding-bottom: 0px;} .page-frame.demo-request .container .feature-wrap .col-lg-5:first-of-type {padding-top: 160px; padding-bottom: 80px;} .page-frame.demo-request .container .feature-wrap {padding-top: 96px; padding-bottom: 96px;} .page-frame.demo-request h2 {font-size: 48px; font-weight: 600; line-height: 110%; color: #FAFAFC; margin-bottom: 24px;} .page-frame.demo-request p {margin: 0 0 40px 0; font-size: 24px; font-weight: 400; line-height: 133%;} .page-frame.demo-request .datalines {background-position: center bottom -350px; } .page-frame.demo-request .demo-request-image { position: absolute; top: 0; right: 0; height: 100%; padding: 0; display: flex; justify-content: flex-end; } .page-frame.demo-request .demo-request-image img { height: 100%; width: auto; max-width: none; } .page-frame.demo-request .demo-request-mobile-image { display: none; } /* Accordion */ .accordion-wrap {margin-bottom: 30px;} .accordion-wrap .preTitle {text-transform: uppercase; margin-bottom: 0;} .accordion-wrap .subTitle {font-size: 1.3em;} .accordion-wrap .accordion {background-color: transparent; border: none; border-radius: 0;} .accordion-wrap .accordion .accordion-item {background-color: transparent; border: none; border-top: 1px dotted #999;} .accordion-wrap .accordion .accordion-item:first-of-type {border-radius: 0;} .accordion-wrap .accordion .accordion-item:last-of-type {border-bottom: 1px dotted #999; border-radius: 0;} .accordion-wrap .accordion .accordion-item .accordion-header {background-color: transparent; border: none;} .accordion-wrap .accordion .accordion-item .accordion-button {background-color: transparent; font-size: .75em;} .accordion-wrap .accordion .accordion-item .accordion-button:focus {box-shadow: none;} .accordion-wrap .accordion .accordion-item .accordion-button:not(.collapsed) {box-shadow: none;} .accordion-wrap .accordion .accordion-item .accordion-body p {font-size: 1em;} .accordion-wrap .accordion .accordion-item:first-of-type .accordion-button {border-radius: 0;} .accordion-wrap .accordion .accordion-item:last-of-type .accordion-button {border-radius: 0;} .accordion-wrap .accordion-image-wrapper img {border-radius: 10px; } /* Employees */ .employees-wrap h2 {margin-bottom: 30px;} .employee {margin-bottom: 60px;} .employee h3 {font-size: 1.4em; margin-bottom: 10px; } .employee img {margin-bottom: 20px; border-radius: 10px; } .employee ul.emp-nav {position: absolute; list-style: none; margin: -70px 0 0 10px; padding: 0; background: #fff; border-radius: 12px; opacity: .8;} .employee ul.emp-nav:hover {opacity: 1;} .employee ul.emp-nav li {display:inline-block; font-size: 1.5em; margin: 0; padding: 3px 12px 0 0;} .employee ul.emp-nav li:first-child {padding-left: 12px;} .employee ul.emp-nav li a {display: block;} .employee ul.emp-nav li a:hover {color: #EC5661;} .employee p.job-title {color: #999; margin-top: -10px;} /* Blogs */ .blogs-wrap .header { margin-bottom: 60px;} .blogs-wrap .header .read-all { float: right; margin-top: -5px} .blogs-wrap .header .read-all.read-all-mobile { display: none; } .blogs-wrap .header .read-all a svg {margin-left: 16px;} .blogs-wrap .header h2 { padding-right: 50%;} .blogs-wrap .blog-row {margin-top: 60px; row-gap: 24px;} .blogs-wrap .blog-row:first-of-type {margin-top: 60px;} .blogs-wrap .blog {margin-bottom: 24px;} .blogs-wrap .blog img.main-image {width: 100% !important; height: 212px !important; object-fit: cover; border-radius: 10px;} .blogs-wrap .blog p.date {font-size: .9em; color: #2766AF; font-weight: 600; margin: 20px 0 10px 0; text-transform: uppercase; } .blogs-wrap .blog h3 {font-size: 18px; font-weight: 500; margin-bottom: 12px; line-height: 120%; color: #322F39;} .blogs-wrap a:hover .blog h3 {color: #FFA348;} .blogs-wrap .blog .text-preview {font-size: 1em; color: #000;} .blogs-wrap .blog .blog-authors {min-height: 45px;} .blogs-wrap .blog .blog-authors img {border: 2px solid #fff; border-radius: 50px; float: left; margin: -5px 10px 10px -25px;width: 50px; height: 50px; } .blogs-wrap .blog .blog-authors img:first-of-type {margin-left: 0;} .blogs-wrap .blog .blog-authors h4 {font-size: 1em; margin-bottom: 0; color: #151517} .blogs-wrap .blog .blog-authors p {color: #999; font-size: .9em; margin-bottom: 0; font-weight: 500;} .blogs-wrap .blog .blog-authors .author-name::after {content: " /"} .blogs-wrap .blog .blog-authors .author-name:last-of-type::after {content: ""} .header-blog .authors-box {display: flex; gap: 60px;} .header-blog .blog-authors {display: flex; gap: 30px; align-items: center;} .header-blog .blog-authors img {border-radius: 50px; float: left; width: 86px; height: 86px; } .header-blog .blog-authors img:first-of-type {margin-left: 0;} .header-blog .blog-authors h4 {font-size: 24px; font-weight: 500; line-height: 133%; margin: 0; color: #FAFAFC} .header-blog .blog-authors p {color: #FAFAFC; font-size: 16px; margin-bottom: 0; font-weight: 400; line-height: 145%;} .header-blog .authors-container {display: flex; flex-direction: column; gap: 3px;} .blogs-wrap .blog {background-color: #F9F9FA; border-radius: 32px; padding: 24px; height: 100%;} .blogs-wrap .blog .preview-image {border-radius: 32px; object-fit: cover; width: 100%;} .blogs-wrap .blog .featured-blog-wrap {padding: 130px 0 90px 0; border-radius: 10px;} .blogs-wrap .blog .featured-blog-wrap.without-authors {padding-top: 34px; padding-bottom: 34px;} .blogs-wrap .blog .featured-blog-wrap p.featured { background: #F48811; border-radius: 8px; padding: 4px 8px; color: #FAFAFC; display: inline-block; font-weight: 500; font-size: 12px; line-height: 145%; margin: 0 0 12px 0;} .blogs-wrap .blog .featured-blog-wrap p.date { color: #fff; margin-top: 0;} .blogs-wrap .blog .featured-blog-wrap .text-preview, .blogs-wrap .blog .featured-blog-wrap .text-preview p {font-size: 18px; font-weight: 400; line-height: 145%; color: #6C7088;} .blogs-wrap .blog .featured-blog-wrap h3 {font-size:24px; color: #151517; font-weight: 500;} .blogs-wrap .blog .featured-blog-wrap .blog-authors h4 {color: #fff} .blogs-wrap .blog .featured-blog-wrap .blog-authors p {color: #fff} /* .light-theme .blogs-wrap .blog {color: #000; background: #e9eff7; border: 2px dotted #fff; border-radius: 15px; text-align: left !important;} .light-theme .blogs-wrap a:hover .blog {border: 2px dotted #EC5661; box-shadow: 0 0 20px 10px #ec566133;} .light-theme .blogs-wrap .blog h2 {} .light-theme .blogs-wrap .blog h2:after {background: linear-gradient(to right, #10283BD9, #EC5661 55%, #e7e9eb 100%);} .dark-theme .blogs-wrap .blog {border: 2px solid #7CD5B4; color: #000;} .dark-theme .blogs-wrap .blog h2 {color: #000;} */ .blog-tag {border-top: 1px dashed #999; padding-top: 15px;} .blog-tag ul {margin: 0; padding: 0;} .blog-tag ul li {display:inline-block; font-size: 1.1em; margin: 0 0 15px 0; padding: 0 5px 0 0;} .blog-tag ul li:last-of-type {padding-right: 0;} .blog-tag-item {border-radius: 5px; padding: 8px 10px; font-size: .9em; color: #fff;} .blog-tag-item .bi {font-size: 1.5em; padding-right: 5px; margin-top: 0; margin-left: -30px; position: absolute} .blog-tag-item.selected {font-weight: bold;} .blog-tag-item.not-selected {background: #fff; text-decoration: line-through;} .blogs-tag-selector {background:#e7e9eb; border-radius: 15px; padding: 5px 0; margin-bottom: 30px; text-align: center;} .blogs-tag-selector ul {margin: 0; padding: 0;} .blogs-tag-selector ul li {display:inline-block; font-size: 1em; margin: 0; padding: 10px;} .blogs-tag-selector ul li.filter-title {text-transform: uppercase; color: #999;} .blogs-tag-selector .blog-tag-item {padding-left: 40px;} .blog-header-container {border-bottom: 1px dashed #999; padding-top: 0; margin-bottom: -40px;} .blog-header-container .blog-date {font-size: 1.2em; color: #999; padding-top: 80px;} .blog-header-container .author {height: 100px; padding-left: 130px; border-left: 5px solid #7CD5B4; margin-bottom: 30px; max-width: 300px; display: inline-table;} .blog-header-container .author :last-of-type {margin-bottom: 0;} .blog-header-container .author img {border-radius: 50px; border: 1px solid transparent; position: absolute; margin-left: -115px; width: 100px; height: 100px;} .blog-header-container .author h4 {font-size: 1.2em;} .blog-header-container .author p {color: #999; font-weight: 500;} .blog-main-container p {font-size: 1.1em;} .blog-main-container li {font-size: 1.1em; margin-bottom: 10px;} /* Case Studies */ .case-study {border: #7CD5B4 2px dotted; border-radius: 15px; padding: 20px; margin-bottom: 30px;} .case-study h2 {margin-bottom: 30px;} .case-study .info-box {background-color: #10283B; border-radius: 15px; text-align: center; margin-bottom: 30px; padding: 15px 5px 5px 5px; color: #fff;} .case-study .info-box .icon {font-size: 5em;} .case-study .info-box h3 { color: #fff; text-transform: uppercase; font-size: .9em;} .case-study .info-box h4 {color: #EC5661; font-size: 2em;} .case-study .benefits {font-size: 1.1em; text-align: left; background-color: #e7e9eb; border-radius: 15px; margin-bottom: 45px; padding: 5px;} .case-study .benefits ul {list-style: none; margin: 5px 0 5px 25px; padding: 0;} .case-study .benefits ul li {padding: .6em 1em .6em 2em; line-height: 1.5em;} .case-study .benefits ul li::before {content: "\F26E"; color: #7CD5B4; font-size: 3em; font-family: 'bootstrap-icons' !important; display: inline-block; width: 1em; margin-left: -1em; -webkit-font-smoothing: antialiased; position: absolute} .case-study .highlight {color: #EC5661;} .case-study .highlight-xtra {color: #EC5661; font-weight: 700;} .case-study .quote {padding-left: 108px; margin-bottom: 45px;} .case-study .quote .the-quote::before {content: "\F25A"; color: #7CD5B4; font-size: 3em; font-family: 'bootstrap-icons' !important; display: inline-block; width: 1em; margin-left: -1.5em; line-height: 1em; -webkit-font-smoothing: antialiased; vertical-align: -0.4em; position: absolute;} .case-study .quote .the-quote {font-size: 1.1em; font-style: italic;} .case-study .quote .quoteByEmployee {font-size: 1em; margin: 0; font-weight: 700;} .case-study .quote .quoteByEmployeeTitle {font-size: 1em; margin: 0; color: #999; font-weight: 500;} .case-study .company-logo {background-color: #10283B; min-height: 150px; border-radius: 15px; vertical-align: middle; text-align: center; padding: 40px;} /* Front Page Case Studies */ .front-page.case-study {margin: 0; min-height: 670px; padding: 15px 60px;} .front-page.case-study .header-row { border-bottom: #7CD5B4 1px dashed; margin-bottom: 30px;} .front-page.case-study h2 {padding: 20px 0; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 0;} .front-page.case-study h2::after {display: none;} .front-page.case-study .company-logo {min-height: auto; padding: 5px 0 10px 0; text-align: right; background: transparent;} .front-page.case-study .info-box {border: #7CD5B4 0 dotted; margin-bottom: 10px; background: transparent;} .front-page.case-study .info-box .icon {font-size: 4em; line-height: 1em;} .front-page.case-study .info-box h4 {line-height: 1.5em; margin-bottom: 0;} .front-page.case-study .benefits {background-color: transparent; border-radius: 15px; margin-bottom: 45px; padding: 5px;} .front-page.case-study .benefits ul li {padding-right: 0;} .carousel-control-next, .carousel-control-prev {width: 60px !important;} /* Umbraco Forms */ .plaio-form {border-radius: 15px; padding: 30px; background: #2E2E2F;} .umbraco-forms-form {margin: 0; padding: 0 !important;} .umbraco-forms-form .umbraco-forms-page h4.umbraco-forms-caption {color: #7CD5B4;line-height: 1.5em !important;text-transform: uppercase; letter-spacing: 2px;border-bottom: 1px dashed #7CD5B4;} .umbraco-forms-form .umbraco-forms-page fieldset {margin: 0; padding: 0;} .umbraco-forms-form .umbraco-forms-page fieldset legend {text-transform: uppercase; color: #7CD5B4; font-size: 1em; font-weight: 100; letter-spacing: 1px; background: #7CD5B433; display: inline-block; width: auto; padding: 4px 10px; border-radius: 5px;} .umbraco-forms-container .umbraco-forms-field {padding: 8px 0;} .plaio-form .umbraco-forms-container .umbraco-forms-field label {display: flex; align-items: center; gap: 10px; font-size: 18px; margin-bottom: 12px; font-weight: 500; line-height: 120%; color: #F0F0F2;} .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input, .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper textarea, .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper select {height: 42px; border: 1px solid transparent; font-size: 18px; font-weight: 400; line-height: 147%; color: #F0F0F2; border-radius: 12px; background-color: #5C5C5E; padding: 7px 24px;} .umbraco-forms-form input.text:focus-visible, .umbraco-forms-form input.text:focus, .umbraco-forms-form textarea:focus-visible, .umbraco-forms-form textarea:focus, .umbraco-forms-form select:focus-visible, .umbraco-forms-form select:focus {border: 1px solid #F48811; outline: none;} .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type="file"] {border: none; font-size: 1em; margin: 10px 0;} .umbraco-forms-submitmessage {white-space: pre-line;} .umbraco-forms-tooltip {color: #999; font-size: .9em;} .plaio-form #custom-hubspot-form {display: flex; gap: 30px;} .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper { position: relative; } .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: right 17px center; background-size: 12px; } .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper textarea { width: 100%; height: 254px; resize: none; } .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 30px; height: 30px; padding: 0; border-radius: 4px; background-color: white; cursor: pointer; position: relative; background-color: #5C5C5E; } .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type="checkbox"]:checked::after { content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 12px; border: solid #F48811; border-width: 0 3px 3px 0; transform: translate(-50%, -50%) rotate(45deg); } /* umb-block-grid */ .umb-block-grid {margin-bottom: 0;} .umb-block-grid__layout-container {position: relative; display: grid; grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr)); grid-auto-flow: row; grid-auto-rows: minmax(50px, min-content); column-gap: var(--umb-block-grid--column-gap, 0); row-gap: var(--umb-block-grid--row-gap, 0);} .umb-block-grid__layout-item {position: relative; grid-column-end: span min(calc(var(--umb-block-grid--item-column-span, 1) * 3), var(--umb-block-grid--grid-columns)); grid-row: span var(--umb-block-grid--item-row-span, 1); margin-bottom: 30px;} .umb-block-grid__layout-item:last-of-type {margin-bottom: 0;} .umb-block-grid__area-container, .umb-block-grid__block--view::part(area-container) {position: relative; display: grid; grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)), minmax(0, 1fr)); grid-auto-flow: row; grid-auto-rows: minmax(50px, min-content); column-gap: var(--umb-block-grid--areas-column-gap, 0); row-gap: var(--umb-block-grid--areas-row-gap, 0);} .umb-block-grid__area {position: relative; height: 100%; display: flex; flex-direction: column; grid-column-end: span min(calc(var(--umb-block-grid--area-column-span, 1) * 3), var(--umb-block-grid--grid-columns)); grid-row: span var(--umb-block-grid--area-row-span, 1);} .umb-block-grid__area-container, .umb-block-grid__block--view::part(area-container) {max-width: var(--my-container-max-width); padding: var(--my-container-padding); margin-left: auto; margin-right: auto; --umb-block-grid--areas-column-gap: 60px; --umb-block-grid--areas-row-gap: 60px;} .umb-block-grid__area {justify-content: top;} .umb-block-grid__layout-item[data-content-element-type-alias="oneColumnSectionBlock"] .umb-block-grid__layout-container {--umb-block-grid--column-gap: 60px; --umb-block-grid--row-gap: 60px;} .grid-bottom-divider {border-bottom: 1px dashed #999;} .grid-image-wrap {padding-bottom: 40px;} .grid-image-wrap img { border-radius: 10px;} .grid-image-wrap .image-text {} .grid-image-wrap .image-text i.bi {font-size: 3em; position: absolute; color: #7CD5B4; margin: -21px 0 0 30px;} .grid-image-wrap .image-text p {color: #666; font-size: 1em; margin: 8px 0 0 85px; padding-top: 4px;} .umb-block-grid__layout-item table[border="1"] td {border: 1px solid #8A8A8C;} /* AcceptCookiesBanner */ #AcceptCookiesBanner {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: #FFFFFF99; opacity: 1; -moz-opacity: 0.9; filter: alpha(opacity = 90); text-align: center; vertical-align: middle; flex-direction: column; justify-content: center; align-items: center;} #AcceptCookiesBanner .wrapper { width: 500px; max-width: 100%; background: #151517; color:#FAFAFC; border-radius: 15px; text-align: left; max-height: 100%; overflow: auto;} #AcceptCookiesBanner h2 { padding: 20px 20px 10px 20px; font-size: 1.2em; color: #FAFAFC; margin: 0 0 5px 0; background: #151517;border-top-left-radius: 15px; border-top-right-radius: 15px;} #AcceptCookiesBanner h2::after {display: none;} #AcceptCookiesBanner h3 { padding: 10px 20px; font-size: 1.1em; color: white; margin: 0 0 5px 0;} #AcceptCookiesBanner p {padding: 0 20px; color: #FAFAFC; } #AcceptCookiesBanner a {color: #F48811;} #AcceptCookiesBanner a.btn, #AcceptCookiesBanner .btn {margin: 0 8px 10px 0; display: inline-block; } #AcceptCookiesBanner a.btn.btn-info:hover, .btn.btn-info:hover { background: #273d4e; border-color: #fff; color: #fff; transition: background-color 0.5s ease;} #AcceptCookiesBanner .btn {margin: 0 8px 20px 0; display: inline-block;} #AcceptCookiesBanner .btn.btn-accept {background: #7cd5b4; color: #FAFAFC; border-color: #7cd5b4; box-shadow: 0 0 20px 10px #7cd5b4;} #AcceptCookiesBanner .btn.btn-accept:hover {background: #7cd5b4cc !important; border-color: #7cd5b4; transition: background-color 0.5s ease;} #AcceptCookiesBanner .btn.btn-decline {background: transparent; color: #EC5661; border-color: #EC5661;} #AcceptCookiesBanner .btn.btn-decline:hover {background: transparent; color: #EC5661; border-color: #EC5661; transition: background-color 0.5s ease;} #AcceptCookiesBanner .cookie-consent-options {color: #fff; margin-bottom: 20px;} #AcceptCookiesBanner .cookie-consent-options label {margin-right: 10px;} #AcceptCookiesBanner .cookie-consent-options label input {margin-right: 5px;} #AcceptCookiesFirst ul {margin: 20px 20px 0px 20px; padding: 0; list-style-type: none; text-align: right;} #AcceptCookiesFirst ul li {margin: 0; padding: 0; display: inline;} #AcceptCookiesInfo {} #AcceptCookiesButtons {padding: 0px 20px;} #AcceptCookiesDetail {display: none;} #btn-close-cookies-banner {float: right; background: transparent; border: none; color: #fff; margin: 8px;} /* Events */ .event-wrap .header { margin-bottom: 60px;} .event-wrap .header .read-all { float: right; margin-top: 0} .event-wrap .header .read-all.read-all-mobile { display: none; } .event-wrap .header .read-all a svg {margin-left: 16px;} .event-wrap .header h2 { padding-right: 50%; font-size: 24px; font-weight: 500;} .event-wrap .header .preHeadline {font-size: 48px; font-weight: 800;} .feature-wrap .event-wrap .header .preHeadline {font-size: 32px; font-weight: 800;} .event-wrap .event-row {margin-top: 60px; row-gap: 24px;} .event-wrap .event-row:first-of-type {margin-top: 60px;} .event-wrap .event {position: relative; z-index: 1; margin-bottom: 30px; border-radius: 32px; padding: 60px; height: 100%; background: linear-gradient(144deg, #2b2b2b 0%, #151517 100%);} .event-wrap .event::before { content: ""; position: absolute; inset: 0; border-radius: 32px; padding: 1px; background: linear-gradient(90deg, #535353, #3e3e3e, #262626); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1;} .light-theme .event-wrap .event {background: #F9F9FA;} .light-theme .event-wrap .event::before { background: linear-gradient(90deg, #f1f1f4, #f1f1f4, #f1f1f4);} .event-wrap .event-image {margin: 0 30px 30px 0; background-color: #fff; border-radius: 12px; object-fit: cover;} .event-wrap .event .event-info {display: flex; gap: 30px;} .event-wrap .event p.date {font-size: 14px; color: #B6B8C5; font-weight: 400; margin: 0 0 16px 0; } .event-wrap .event p.location {font-size: 14px; color: #B6B8C5; font-weight: 400; margin: 0 0 16px 0; } .event-wrap .event p.date i, .event-wrap .event p.location i {margin-right: 1px;} .event-wrap .event h2 {font-size: 32px; font-weight: 600; line-height: 110%; color: #FAFAFC; margin-bottom: 16px; } .light-theme .event-wrap .event h2 {color: #151517;} .event-wrap a:hover .blog h3 {color: #FFA348;} .event-wrap a p {font-size: 18px; font-weight: 400; color: #000; margin-bottom: 34px;} .event-wrap a .event-read-more {font-size: 16px; font-weight: 600; display: block; color: #fff; line-height: 150%; margin: 0;} .light-theme .event-wrap a .event-read-more {color: #151517;} .event-wrap a:hover .event-read-more {color: #F48811; } .event-wrap a .event-read-more svg {margin-left: 16px; } .event-wrap a:hover .event-read-more svg path {stroke: #F48811; fill: #F48811;} .light-theme .event-wrap a .event-read-more svg path {stroke: #151517; fill: #151517;} .light-theme .event-wrap a:hover .event-read-more svg path {stroke: #F48811; fill: #F48811;} .event-info-row .event-image {margin: 0 15px 15px 0; max-with: 100%; height: auto;} .event-team-row { background: #2766af1a; } .event-team-member {border: 1px solid #d3e0ef; border-radius: 15px; padding: 15px 30px 15px 30px; background: #fff; min-height: 200px; margin-top: 30px;} .event-team-member img {float: left; border: 5px solid #ec5661; border-radius: 100px; margin: 0 15px 15px 0; } .event-team-member h3 {font-size: 1.3em; margin-bottom: 5px;} .event-team-member h4 {font-size: 1em; margin-bottom: 10px; font-weight: normal; color: #666} .event-team-member p:last-of-type {margin: 0;} .event-team-member p a:hover {color: #ffa348;} /* Customer Logos on Frontpage */ .customer-logo-wrapper .photo {max-width: 220px; text-align: center; margin: auto; } /* svg-test */ #svg-test {width: 100px; height: auto; transition: .5s ease-in-out;} #svg-test #manufacturing-hexagon {display: none;} #svg-test:hover #manufacturing-hexagon {display: block;} #svg-test #manufacturing-top {} #svg-test #manufacturing-middle {transition: .5s ease-in-out;} #svg-test:hover #manufacturing-middle {fill: #EC5661 !important; transform: skewX(15deg);} #svg-test2 {width: 50px; height: auto; transition: .5s ease-in-out; color: white;} #svg-test2:hover {transform: rotate(-25deg);} /*Text And CTA*/ .text-and-cta { position: relative; width: 100%; color: #FAFAFC; text-align: center; overflow: hidden; background-color: #151517; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; } .text-and-cta .image-overlay { width: 100%; height: 100%; background: radial-gradient(68.14% 100.31% at 40.77% 15.34%, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 55.77%); } .page-frame .text-and-cta .container { padding-top: 160px; padding-bottom: 160px; } .text-and-cta .text-and-cta-content { display: flex; flex-direction: column; align-items: center; } .text-and-cta h1 { font-size: 60px; font-weight: 600; line-height: 110%; letter-spacing: -1px; margin-bottom: 40px; width: 100%; max-width: 1240px; } .text-and-cta h1 span { color: #F48811; } .text-and-cta .subtitle { font-size: 32px; font-weight: 400; line-height: 120%; letter-spacing: -1px; margin-bottom: 40px; max-width: 1240px; } .text-and-cta .btn { display: flex; gap: 16px; } /*Cards Section*/ .cards-section .container { padding-top: 100px; padding-bottom: 100px; } .cards-section.dark-theme { background-color: #151517; } .cards-section h3 { font-size: 32px; line-height: 120%; letter-spacing: 0; font-weight: 500; margin-bottom: 90px; color: #FAFAFC; text-align: center; } .cards-section h3 span { color: #F48811; } .cards-section.dark-theme h3 { color: #FAFAFC; } .cards-section.light-theme h3 { color: #151517; } .cards-section .cards-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; align-items: stretch; } .cards-section .card { background: #E6E6EA; padding: 30px; border-radius: 32px; box-sizing: border-box; min-height: 376px; display: flex; flex-direction: column; justify-content: space-between; } .cards-section .card h4 { font-size: 48px; line-height: 110%; letter-spacing: -1px; font-weight: 600; margin-bottom: 40px; color: #151517; } .cards-section .card p { margin-bottom: 24px; color: #5C5C5E; font-size: 24px; line-height: 130%; font-weight: 400; } .cards-section .card-cta { display: flex; justify-content: center; padding: 14px 37px; background: radial-gradient(129.49% 167.01% at 51.94% 139.35%, #1F1F25 5.43%, #1E1F24 40.88%, #151517 76.81%); color: #FAFAFC; border-radius: 12px; font-size: 24px; line-height: 133%; font-weight: 500; gap: 15px; align-items: center; border: 1px solid transparent; } .cards-section .card-cta:hover { background: #E6E6EA; color: #151517; border: 1px solid #151517; } /*Feature Header*/ .feature-header { position: relative; width: 100%; color: #FAFAFC; text-align: center; overflow: hidden; background-color: #151517; display: flex; align-items: center; padding-top: 120px; padding-bottom: 160px; } .feature-header.is-header { height: calc(100vh - 66px); padding-top: 0px; padding-bottom: 0px; } .feature-header.light-theme { background-color: #fff; color: #151517; } .page-frame .feature-header .container { padding-top: 0px; padding-bottom: 0px; } .feature-header.feature-gradient { background: radial-gradient(50% 15.82% at 50% 100%, #F48811 0%, rgba(205, 139, 20, 0.56) 42.97%, rgba(50, 51, 52, 0) 100%), #151517; background-repeat: no-repeat; background-size: 100% 100%; } .feature-header.feature-gradient.light-theme { background: radial-gradient(50% 15.82% at 50% 100%, #F48811 0%, rgba(205, 139, 20, 0.56) 42.97%, rgba(50, 51, 52, 0) 100%), #fff; background-repeat: no-repeat; background-size: 100% 100%; } .feature-header .tag { display: inline-block; font-size: 20px; font-weight: 500; line-height: 120%; margin-bottom: 60px; padding: 16px 30px; border: 1px solid #5C5C5E; border-radius: 60px; } .feature-header .tag.hide-border { padding: 0; border: none; } .feature-header .feature-content { display: flex; flex-direction: column; align-items: center; } .feature-header h1, .feature-header h2, .feature-header h3, .feature-header h4, .feature-header h5 { font-size: 60px; font-weight: 600; line-height: 110%; letter-spacing: -1px; margin-bottom: 60px; color: #E6E6EA !important; width: 100%; max-width: 852px; } .feature-header h1 span, .feature-header h2 span, .feature-header h3 span, .feature-header h4 span, .feature-header h5 span { color: #F48811 !important; } .feature-header.light-theme h1, .feature-header.light-theme h2, .feature-header.light-theme h3, .feature-header.light-theme h4, .feature-header.light-theme h5, .feature-header.light-theme .subtitle { color: #151517 !important; } .feature-header .subtitle { font-size: 24px; font-weight: 400; line-height: 120%; color: #E6E6EA !important; margin-bottom: 0; max-width: 852px; } /*Info Blocks*/ .info-blocks { width: 100%; padding: 20px 0; background-color: #151517; color: #FAFAFC; } .info-blocks.gray-background { background-color: #454546; } .info-blocks.light-theme { color: #151517; background-color: #fff; } .page-frame .info-blocks .container { padding-top: 0px; padding-bottom: 0px;} .info-blocks .container-wrapper { padding: 100px 0; } .info-blocks .rounded-container { margin: 0 20px; background-color: #282829; border-radius: 32px; } .info-blocks.gray-background .rounded-container { background-color: #151517; } .info-blocks.light-theme .rounded-container { background-color: #F9F9FA; } .info-blocks .info-box { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #F48811; border-radius: 8px; padding: 3px 8px; margin-bottom: 24px; font-size: 12px; font-weight: 500; line-height: 145%; } .info-blocks .info-box::before { content: ""; width: 16px; height: 16px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain; flex-shrink: 0; } .info-blocks.light-theme .info-box::before { background-image: url('data:image/svg+xml,'); } .info-blocks .left-side { padding-left: 66px; } .info-blocks .reverse .left-side { padding-left: calc(var(--bs-gutter-x) * .5); padding-right: 66px; } .info-blocks .right-side { padding-right: 66px; } .info-blocks .reverse .right-side { padding-left: 66px; padding-right: calc(var(--bs-gutter-x) * .5); } .info-blocks .right-side h3 { font-size: 48px; font-weight: 600; line-height: 110%; letter-spacing: -1px; margin-bottom: 36px; color: #FAFAFC; } .info-blocks .right-side h3 span { color: #F48811; } .info-blocks.light-theme .right-side h3 { color: #151517; } .info-blocks .right-side p { font-size: 32px; line-height: 120%; font-weight: 400; color: #B8B8BB; } .info-blocks .right-side p span { color: #F48811; } .info-blocks.light-theme .right-side p { color: #151517; } .info-blocks .check-list { list-style: none; padding: 0; margin-bottom: 0; color: #F0F0F2; text-align: left; } .info-blocks.light-theme .check-list { color: #151517; } .info-blocks .check-list li { margin-bottom: 6px; display: flex; align-items: center; gap: 16px; border-radius: 30px; padding: 30px 42px; } .info-blocks .check-list.is-minimal-view li { padding: 0; margin-bottom: 40px; background-color: transparent !important } .info-blocks .check-list .icon { display: flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; } .info-blocks .check-list.is-minimal-view .icon { border-radius: 12px; background-color: #2E2E2F; } .info-blocks.gray-background .check-list li { background-color: #2E2E2F; } .info-blocks .check-list li { background-color: #2E2E2F; } .info-blocks.plaio-gradient .check-list li { background-color: #2E2E2F; } .info-blocks.light-theme .check-list li { background-color: #F9F9FA; } .info-blocks.light-theme .rounded-container .check-list li { background-color: #ebebeb; } .info-blocks.gray-background .check-list.is-minimal-view .icon { background-color: #2E2E2F; } .info-blocks .check-list.is-minimal-view .icon { background-color: #2E2E2F; } .info-blocks.plaio-gradient .check-list.is-minimal-view .icon { background-color: #2E2E2F; } .info-blocks.light-theme .check-list.is-minimal-view .icon { background-color: #F9F9FA; } .info-blocks.light-theme .rounded-container .check-list.is-minimal-view .icon { background-color: #ebebeb; } .info-blocks .check-list .icon img { width: 40px; height: 40px; object-fit: cover; } .info-blocks .check-list.is-minimal-view .icon img { width: 24px; height: 24px; } .info-blocks .check-list .content h5 { margin: 0; font-size: 20px; font-weight: 400; line-height: 120%; } .info-blocks .check-list .content h5 span { color: #FAFAFC; } .info-blocks.light-theme .check-list .content h5 span { color: #151517; } .info-blocks .check-list .content h5:has(span) { color: #B8B8BB; } .info-blocks.light-theme .check-list .content h5:has(span) { color: #6C7088; } .info-blocks .check-list .content p { margin: 0; font-size: 18px; font-weight: 400; line-height: 140%; color: #6C7088; } .info-blocks .row.reverse { display: flex; flex-direction: row-reverse; flex-wrap: wrap; } .info-blocks .cta-box { display: flex; gap: 16px; margin-top: 60px; } /*Product page*/ .product-page { width: 100%; padding: 20px 0; background-color: #151517; color: #FAFAFC; } .product-page.gray-background { background-color: #454546; } .product-page.light-theme { color: #151517; background-color: #fff; } .page-frame .product-page .container { padding-top: 0px; padding-bottom: 0px;} .product-page .container-wrapper { padding: 100px 0; } .product-page .rounded-container { margin: 0 20px; background-color: #282829; border-radius: 32px; } .product-page.gray-background .rounded-container { background-color: #151517; } .product-page.light-theme .rounded-container { background-color: #F9F9FA; } .product-page .info-box { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #F48811; border-radius: 8px; padding: 3px 8px; margin-bottom: 24px; font-size: 12px; font-weight: 500; line-height: 145%; } .product-page.product-header .info-box { padding: 6px 11px; font-size: 16px; } .product-page.product-header .info-box::before { width: 20px; height: 20px; } .product-page .info-box::before { content: ""; width: 16px; height: 16px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain; flex-shrink: 0; } .product-page.light-theme .info-box::before { background-image: url('data:image/svg+xml,'); } .product-page .right-side h3 { font-size: 48px; font-weight: 600; line-height: 110%; letter-spacing: -1px; margin-bottom: 36px; color: #FAFAFC; } .product-page .right-side h3 span { color: #F48811; } .product-page.product-header .right-side h3 { font-size: 60px; } .product-page.light-theme .right-side h3 { color: #151517; } .product-page .right-side {padding-top: 40px; padding-bottom: 40px;} .product-page .right-side p { font-size: 24px; line-height: 133%; font-weight: 300; color: #B8B8BB; margin-bottom: 40px; } .product-page.product-header .right-side p { font-weight: 300; } .product-page.light-theme .right-side p { color: #6C7088; } .product-page .check-list { list-style: none; padding: 0; margin-bottom: 72px; color: #F0F0F2; text-align: left; } .product-page.light-theme .check-list { color: #151517; } .product-page .check-list li { margin-bottom: 40px; display: flex; align-items: self-start; gap: 16px; } .product-page .check-list .icon { display: flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; border-radius: 12px; background-color: #2E2E2F; } .product-page.gray-background .check-list .icon { background-color: #2E2E2F; } .product-page .rounded-container .check-list .icon { background-color: #151517; } .product-page.plaio-gradient .check-list .icon { background-color: #2E2E2F; } .product-page.light-theme .check-list .icon { background-color: #F9F9FA; } .product-page.light-theme .rounded-container .check-list .icon { background-color: #ebebeb; } .product-page .check-list .icon img { width: 24px; height: 24px; object-fit: cover; } .product-page .check-list .content h5 { margin: 0; font-size: 20px; font-weight: 400; line-height: 120%; } .product-page .check-list .content h5 span { color: #FAFAFC; } .product-page.light-theme .check-list .content h5 span { color: #151517; } .product-page .check-list .content h5:has(span) { color: #B8B8BB; } .product-page.light-theme .check-list .content h5:has(span) { color: #6C7088; } .product-page .check-list .content p { margin: 0; font-size: 18px; font-weight: 400; line-height: 140%; color: #B8B8BB; } .product-page .why-box { margin-top: 20px; background: #151517; padding: 40px; border-radius: 32px; } .product-page.gray-background .why-box { background: #2E2E2F; } .product-page.plaio-gradient .why-box { background: #282829; } .product-page.light-theme .why-box { background: #F9F9FA; } .product-page.light-theme .rounded-container .why-box { background: #ebebeb; } .product-page .why-box h4 { font-size: 24px; font-weight: 400; line-height: 133%; color: #F48811; margin-bottom: 10px; } .product-page.light-theme .why-box h4 { color: #151517; } .product-page .why-box p { margin: 0; font-size: 18px; line-height: 145%; font-weight: 300; } .product-page .left-side img { width: 100%; max-width: 542px; aspect-ratio: 542 / 723; border-radius: 32px; display: block; margin-left: auto; margin-right: 0; object-fit: cover; background-color: #000; } .product-page.product-header .left-side img { background-color: unset; max-width: 628px; aspect-ratio: 628 / 628; } .product-page .row.reverse { display: flex; flex-direction: row-reverse; flex-wrap: wrap; } .product-page .row.reverse .left-side img { margin-left: 0; margin-right: auto; } .product-page .cta-box { display: flex; gap: 16px; margin-top: 60px; } @media(max-width: 992px) { .cards-section .cards-wrapper { grid-template-columns: 1fr; } .cards-section h3 { margin-bottom: 50px; } .page-frame .text-and-cta .container { padding-top: 80px; padding-bottom: 80px; } .feature-header { padding: 60px 0 120px; } .feature-header h1 { font-size: 48px; } .product-page .right-side { text-align: center; } .product-page .why-box { margin: 0 auto; } .product-page .check-list li { padding-left: 0; } .product-page .row.reverse .left-side img, .product-page .left-side img { margin-left: auto; margin-right: auto; } .product-page .container-wrapper { padding: 30px 0; } .product-page.product-header .right-side h3 { font-size: 48px; } .info-blocks .right-side { text-align: center; } .info-blocks .container-wrapper { padding: 30px 0; } .product-page .cta-box, .info-blocks .cta-box { justify-content: center; } } @media (min-width: 1920px) { header.front-page h1 { font-size: 60px;} header p { margin-bottom: 60px; } } /* Mobile */ @media (min-width:1024px) { .umb-block-grid__layout-item {grid-column-end: span min(var(--umb-block-grid--item-column-span, 1), var(--umb-block-grid--grid-columns));} .umb-block-grid__area {grid-column-end: span var(--umb-block-grid--area-column-span, 1);} } @media (min-width: 1200px) { .h2, h2 {font-size: 2em;} } @media (max-width: 1400px) { header.front-page .header-col-image { margin-top: -210px;} footer .footer-copyright ul li:last-of-type {display: block; border-left: none;} .blogs-wrap .blog .featured-blog-wrap {padding: 80px 30px 50px 30px;} .info-blocks .left-side {padding-left: 40px;} .info-blocks .right-side {padding-right: 40px;} .info-blocks .reverse .left-side {padding-left: calc(var(--bs-gutter-x) * .5); padding-right: 40px;} .info-blocks .reverse .right-side {padding-left: 40px; padding-right: calc(var(--bs-gutter-x) * .5);} } @media (max-width: 1200px) { html, body {font-size: 14px;} header.front-page h1 {font-size: 32px;} } @media (max-width: 992px) { .blogs-wrap .header .read-all, .event-wrap .header .read-all { display: none; } .blogs-wrap .header .read-all.read-all-mobile, .event-wrap .header .read-all.read-all-mobile { display: flex; margin-top: 0; float: unset; } .info-blocks .left-side { padding-left: calc(var(--bs-gutter-x) * .5); } .info-blocks .right-side { margin-bottom: 60px; padding-right: calc(var(--bs-gutter-x) * .5); } .info-blocks .reverse .left-side { padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5); } .info-blocks .reverse .right-side { padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5); } #navPLAIO .navbar-brand img {width: 165px;} .plaio-form #custom-hubspot-form {flex-direction: column;} .header-blog .authors-box {flex-direction: column; gap: 30px;} .header-background.header h1 {font-size: 32px;} .header .mobile-background-image {display: block;} .header .mobile-background-image img {width: 100%; height: auto;} .header .btn-primary {width: 100%;} .parallax-background {background-image: none !important;} .event-wrap .event .event-info {flex-direction: column; gap: 0;} .event-wrap .event p.date, .event-wrap .event p.location {margin-bottom: 8px;} .navbar-expand-lg .navbar-collapse {position: absolute;margin-right: 0;margin-top: 18px;background-color: #151517;padding: 30px 25px;width: 400px; right: 0;} #navPLAIO .navbar-nav .nav-item .nav-link {font-size: 14px; padding: 7px 0; border-top: 1px solid #454546;} #navPLAIO .navbar-nav .nav-item:last-of-type .nav-link {border-top: 1px solid #454546;} #navPLAIO .btn { margin-top: 15px; } #navPLAIO .dropdown-menu-wrap { position: static; left: 0; transform: none; background: none; border-radius: unset; padding: 0; } #navPLAIO .dropdown-menu { padding: 0; max-height: fit-content; } #navPLAIO .dropdown-menu.show.divider { border: none; padding-right: 0; } #navPLAIO .dropdown-menu-wrap:has(.dropdown-menu.show) { flex-direction: column; gap: 0; } #navPLAIO .dropdown-menu-wrap:has(.right-dropdown-menu) { padding-left: 0; } #navPLAIO .dropdown-menu.show + .right-dropdown-menu { grid-template-columns: 1fr; padding-right: 0; } #navPLAIO .dropdown-menu .dropdown-menu-title:nth-of-type(2) { display: none; } .page-frame.demo-request .demo-request-image { display: none; } .page-frame.demo-request .demo-request-mobile-image { display: block; } .page-frame.demo-request .demo-request-mobile-image img { width: 100%; height: auto; } .page-frame .demo-request-wrap .feature-wrap { padding-bottom: 60px !important; } .page-frame .demo-request-wrap .demo-request-block { padding: 0 !important; } #navPLAIO .btn-primary {font-size: 1.5em;} #navPLAIO .dropdown-item .nav-icon {padding: 6px 10px; margin-left:3px;} #navbarPLAIO {max-height: calc(100vh - 65px); overflow-y: auto;} header .container {padding-top: 80px;} header .header-col-text { order: 2 !important; padding-top: 40px;} header .header-col-image { order: 1 !important; padding-top: 10px;} header.front-page .header-col-image { margin-top: 0px} header.front-page .container {height: initial; padding-top: 60px; padding-bottom: 60px; padding-left: 16px; padding-right: 16px;} header.front-page {height: initial;} header h1 {font-size: 2.5em;} .quote-wrapper {padding: 20px 40px;} .siblings-menu {display: none;} .accordion-image-wrapper {margin-top: 30px;} .accordion-image-wrapper.order-1 {order: 3 !important;} .col-12 {margin-bottom: 20px;} .col-12:last-of-type {margin-bottom: 0;} .blog-header-container .blog-date {padding: 40px 0;} .blogs-wrap .blog h3 {font-size: 1.4em;} .blogs-wrap .header h2 { padding-right: 0;} .case-study:not(.front-page) .info-box .icon {font-size: 3em;} .case-study:not(.front-page) .info-box h4 {font-size: 1.4em;} .case-study:not(.front-page) .benefits {margin-bottom: 15px;} .case-study:not(.front-page) .quote {margin-bottom: 15px; padding-left: 70px} .front-page.case-study {margin: 0; padding: 15px; min-height: auto;} .front-page.case-study h2 {padding: 25px 0 0 0; margin-bottom: 15px;} .front-page.case-study .col-12 {margin-bottom: 0;} .front-page.case-study .header-row {text-align: center;} .front-page.case-study .header-row .company-logo {padding: 0 0 20px 0; text-align: center;} .front-page.case-study .info-box {float: left; width: 33.3333%;} .front-page.case-study .info-box h4 {font-size: 1.4em;} .front-page.case-study .benefits {margin-bottom: 15px;} .front-page.case-study .quote {margin-bottom: 15px;} .carousel-control-next, .carousel-control-prev {width: 30px !important;} .feature-wrap.text-start h2 {padding: 0; } .umb-block-grid__area-container, .umb-block-grid__block--view::part(area-container) {display: block;} .event-row .col-lg-3, .event-row .col-lg-4, .event-row .col-lg-6 {margin-bottom: 30px;} footer .footer-content h2 {margin-top: 30px;} footer .footer-copyright {height: auto; padding: 30px 0;} footer .footer-copyright ul {float: none; clear: both; text-align: left; margin: 0; padding: 0;} footer .footer-copyright ul li {display: block; border-left: none; padding-left: 0;} } @media (max-width: 576px) { .navbar-expand-lg .navbar-collapse {width: 100%;} .blogs-wrap .blog h3 {margin-top: 20px;} .blog {border-bottom: 1px dotted #d3e0ef;} }