@charset "UTF-8";
.compare-container { display: grid; grid-gap: 50px; }

.compare-hero { background: #f6f6f6; padding-top: 100px; padding-bottom: 100px; display: grid; justify-content: center; text-align: center; grid-gap: 30px; }

.hero-breadcrumb a:hover { text-decoration: underline; }

.compare-hero > .hero-heading { font-size: 1.4em; }

.verus-chart-heading { text-align: center; }

.versus-chart { display: grid; grid-template-columns: 1fr 1fr 1fr; max-width: 1200px; margin: auto; }

.versus-chart > div { padding: 30px; }

#column1 { background: #f6f6f6; margin-right: 1px; }

#column2 { background: #f6f6f6; }

#column3 { box-shadow: 0 12px 0 0 #fff, 0 -30px 0 0 #fff, 5px 5px 10px rgba(0, 0, 0, 0.1), -5px -5px 10px rgba(0, 0, 0, 0.1); }

.column-with-logo { display: grid; justify-content: center; }

.column-with-logo > img { width: 200px; }

.versus-acknowledgment { display: grid; grid-template-columns: 5fr 4fr; margin-top: -50px; }
@media (max-width: 1200px) { .versus-acknowledgment { grid-template-columns: 1fr; } }

.versus-acknowledgment-hero { padding: 40px; text-align: right; font-size: 1.5em; }
@media (max-width: 1200px) { .versus-acknowledgment-hero { text-align: center; } }

.versus-acknowledgment-hero > div { background: #ffd502; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }

@media (max-width: 1200px) { .versus-acknowledgment-hero > div > h2 { margin-bottom: 0px; } }

.versus-acknowledgment-content { padding: 40px; }

.versus-acknowledgment-content > .big-text { font-size: 32px; }

.feature-highlight { max-width: 1000px; margin: auto; }

.feature-heading > h2 { text-align: center; }

.feature-highlight-detail { display: grid; max-width: 650px; margin: auto; grid-gap: 20px; }

.feature-highlight-detail > .number-and-heading { display: grid; grid-template-columns: auto 1fr; grid-gap: 15px; }

.number-and-heading > .number { background: #ffd502; border-radius: 50%; width: 40px; height: 40px; display: grid; justify-content: center; align-items: center; color: black; font-size: 1.2em; font-weight: bold; }

.number-and-heading > .heading { display: grid; align-items: center; justify-content: flex-start; font-size: 1.2em; color: bold; }

.text > p { margin-bottom: 1.3em; line-height: 30px; font-size: 16px; font-family: 'open sans', 'source sans', sans-serif; }

.screenshot > img { border-radius: 10px; max-width: 650px; }
@media (max-width: 800px) { .screenshot > img { max-width: 100%; width: 100%; } }
@media (max-width: 500px) { .screenshot > img { max-width: 400px; } }

.already-competitor-client-section { margin: auto; max-width: 1200px; text-align: center; }

.migration-process { display: grid; grid-template-columns: 1fr 1fr 1fr; }

.migration-step { display: grid; grid-template-columns: 1fr; grid-gap: 10px; }

.migration-step-number { font-size: 3em; border: 4px solid black; border-radius: 50%; width: 100px; height: 100px; display: grid; justify-content: center; align-items: center; text-align: center; margin: auto; }

.migration-step-details { font-family: 'open sans', 'source sans', sans-serif; }

.migration-csv p { margin-top: 20px; font-family: 'open sans', 'source sans', sans-serif; }

.schedule-demo-section { margin: auto; max-width: 1200px; }
@media (max-width: 1300px) { .schedule-demo-section { padding: 0px 60px; } }

.quote-with-form { display: grid; grid-template-columns: 2fr 1fr; grid-gap: 100px; }
@media (max-width: 1300px) { .quote-with-form { grid-gap: 50px; } }
@media (max-width: 1000px) { .quote-with-form { grid-template-columns: 1fr; } }

.quote { font-size: 1.6em; color: purple; }

.quote-quote { font-size: 2.45rem; line-height: 1; left: 0; }

/* 
###################################################################
			COMPETITOR COMPARISON PAGES (why choose minutebox over X)
###################################################################
*/
.meta-container { font-family: var(--old-body-font); }

.meta-container h2 { text-align: center; margin: auto; padding-bottom: 40px; }

.meta-container h1, .meta-container h2, .meta-container h3, .meta-container h4, .meta-container h5, .meta-container h6 { text-wrap: balance; }

.hero-container { background-color: white; background-image: url(https://minutebox.media/www/backgrounds/mb-bg4.webp); background-size: cover; height: calc(100vh - 104px); }

.hero-content { min-height: 500px; display: grid; color: black; font-family: var(--old-body-font); text-align: center; max-width: 800px; margin: auto; color: white; align-items: center; height: 100%; }
.hero-content > p { text-shadow: 1px 0px 7px rgba(0, 0, 0, 0.2); font-size: 1.2em; line-height: 1.6em; text-align: left; }
.hero-content > h1 { text-shadow: 1px 0px 7px rgba(0, 0, 0, 0.2); font-size: 3em; }
@media (max-width: 1200px) { .hero-content { padding: 1em; } }

.hero-content h1 { align-self: end; }

.sub-hero-container { width: 740px; margin: auto; padding: 50px 10px; }
@media (max-width: 1200px) { .sub-hero-container { width: 90%; text-align: center; } }

.sub-hero-container h2 { text-align: center; }

.reasons-container h2 { text-align: center; max-width: 930px; padding: 20px; }
@media (max-width: 1200px) { .reasons-container h2 { padding: 1em; } }

.reason { display: grid; grid-template-columns: 1fr; width: 600px; margin: auto; padding-bottom: 40px; }
@media (max-width: 1200px) { .reason { width: 90%; } }

.reason > div { max-width: 600px; display: grid; grid-template-columns: 50px 1fr; }

.reason-more-reasons { display: grid; grid-template-columns: 1fr; width: 600px; margin: auto; padding-bottom: 40px; text-align: center; }
@media (max-width: 1200px) { .reason-more-reasons { width: 90%; text-align: center; padding: 1em; } }

.reason-heading { font-size: 1.5em; font-weight: 400; padding-bottom: 10px; }

.reason-description { grid-template-columns: 1fr !important; }
.reason-description div:last-child { padding: 10px 30px; line-height: 140%; color: black; }
.reason-description div:last-child img { border-radius: 4px; }

.reason-description > div > img { box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.03), 0px 0px 3px 1px rgba(0, 0, 0, 0.1); border-radius: 15px; pointer-events: none; }

.compare-chart-container { padding: 50px; }
@media (max-width: 1200px) { .compare-chart-container { padding: 1em; } }

.logos-container { --trust-badge-background-color: red; }

.cc-testimonial { display: grid; grid-template-rows: min-content min-content 1fr min-content min-content; }

.cc-testimonial img { width: 100px; padding: 30px 0px 30px 0px; }

.cc-testimonial-img { display: grid; justify-content: center; align-items: end; }

.cc-testimonial-person { text-transform: uppercase; padding: 10px; }

.cc-testimonials-container { max-width: 1200px; margin: auto; text-align: center; padding: 50px; }

.cc-testimonial-head { font-weight: bold; }

.cc-testimonial-text { line-height: 1.9; }

.cc-testimonial-person { font-weight: 400; }

.cc-testimonial-person-sub { color: var(--minutebox-blue); }

.migration-container { max-width: 1200px; margin: auto; text-align: center; padding: 50px; background-color: #f8f9fa; margin-bottom: 50px; }
@media (max-width: 1200px) { .migration-container { padding: 1em; margin-bottom: 30px; } }
.migration-container h2 { text-align: center; max-width: 930px; margin: 0 auto 30px auto; padding: 20px; }
@media (max-width: 1200px) { .migration-container h2 { padding: 1em; } }

.migration-content { max-width: 800px; margin: auto; text-align: left; }
.migration-content ul { list-style: none; padding: 0; margin: 0; }
.migration-content li { padding: 20px 0; border-bottom: 1px solid #e9ecef; line-height: 1.6; }
.migration-content li:last-child { border-bottom: none; }
.migration-content li i.fas.fa-check { color: #28a745; margin-right: 10px; font-size: 1.1em; }
.migration-content li strong { color: var(--minutebox-blue); font-weight: 600; }
.migration-content li a { color: var(--minutebox-blue); text-decoration: none; }
.migration-content li a:hover { text-decoration: underline; }

.compare-chart { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; margin: auto; max-width: 1200px; padding-top: 50px; border-bottom: 1px solid black; }

.compare-chart > div { border-left: 1px solid black; border-top: 1px solid black; padding: 40px 20px 40px 20px; text-align: center; }
.compare-chart > div:nth-child(5n-4) { background: black; color: white; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.compare-chart > div:nth-child(5n-3) { background: #EAFFFE; }
.compare-chart > div:nth-child(5n) { border-right: 1px solid black; }
.compare-chart > div > i { font-size: 2em; }
@media (max-width: 1200px) { .compare-chart > div { padding: 0.5em; } }

.cc-header { font-weight: bold; }

.logos-container { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; max-width: 1200px; margin: auto; }

.comparison-testimonials { display: grid; grid-template-columns: 1fr 1fr 1fr; max-width: 1200px; margin: auto; grid-gap: 20px; }
@media (max-width: 1200px) { .comparison-testimonials { grid-template-columns: 1fr; } }

/*

###################################################################
		This section is for customers.html
###################################################################
*/
.mb-customers-container { display: grid; grid-template-columns: 1fr; grid-gap: 40px; }

.mb-customers-links ul { display: flex; flex-wrap: wrap; justify-content: center; line-height: 2em; }

.mb-customers-links a { background: rgba(0, 0, 0, 0.1); padding: 3px 5px; border-radius: 3px; margin: 3px; }

.mb-customers-links a:hover { color: #4a90e2; }

.mb-customers-body { display: grid; grid-template-columns: 250px 250px 250px; grid-gap: 30px; justify-items: center; margin: auto; }

.mb-customers-block { display: grid; justify-items: center; background: white; border-radius: 7px; max-width: 250px; }

.mb-customers-block img { margin-bottom: 20px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.03); transition: transform .25s,box-shadow .25s; width: 250px; }

.mb-customers-block img:hover { transform: translateY(-5px); box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.15); }

.mb-customers-block h3 { font-size: 16px; font-weight: 600; padding: 0px 5px; text-align: center; }

.mb-customers-block p { font-size: 0.8em; text-align: center; padding-left: 10px; padding-right: 10px; }

@media (max-width: 1239px) { .mb-customers-body { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; } }
@media (max-width: 1000px) { .mb-customers-body { display: grid; grid-template-columns: 300px 300px; justify-content: center; } }
@media (max-width: 600px) { .mb-customers-body { display: grid; grid-template-columns: 1fr; grid-gap: 30px; } }
.test-features { background-color: red; font-size: 100px; }

.body { background-color: red; }

.hero { display: grid; grid-template-columns: 4fr 5fr; margin: 0 auto; margin-top: calc(0px + var(--announcement-block-height)); max-width: 1224px; padding: 0 10px; background: white; grid-gap: 5px; margin-bottom: 70px; transition: all 1s; }
@media (max-width: 1200px) { .hero { grid-template-columns: 1fr; justify-items: center; } }

.hero2full { background: #ffd502; width: 100%; }

.hero2 { display: grid; grid-template-columns: 4fr 5fr; margin: 0 auto; max-width: 1440px; padding: 0 70px; padding-top: 120px; background: #ffd502; grid-gap: 5px; padding-bottom: 170px; transition: all 1s; }
@media (max-width: 1200px) { .hero2 { grid-template-columns: 1fr; justify-items: center; } }

.left { max-width: 500px; margin-right: 50px; }
@media (max-width: 1200px) { .left { max-width: unset; text-align: center; margin-right: 0px; } }

.right { max-width: 600px; margin: auto; }

.video { background: white; cursor: pointer; border-radius: 20px; z-index: 1; overflow: hidden; height: 337px; -webkit-box-shadow: 0 24px 50px rgba(0, 0, 0, 0.25); box-shadow: 0 24px 50px rgba(0, 0, 0, 0.25); }
@media (max-width: 700px) { .video { height: fit-content; } }

.thumbnail { max-width: 100%; display: block; opacity: .85; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }

.play { position: relative; width: 90px; left: 44%; top: -60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease,-webkit-transform .2s ease; }
@media (max-width: 700px) { .play { display: none; } }

.indicator { display: inline-block; padding: 4px 12px 5px 12px; margin-bottom: 20px; font-weight: 700; font-size: 14px; line-height: 1.35; font-size: 12px; color: #0669ff; background: #e2eeff; border-radius: 20px; }
.indicator:empty { display: none; }

.heading > h1 { margin-top: 0; font-weight: 700; font-size: 42px; line-height: 1.25; color: black; }

/* Styles for the feature list */
.feature-list { list-style: none; padding: 0; margin: 20px 0; }

.feature-list li { display: grid; align-items: center; margin-bottom: 10px; font-size: 16px; color: #333; grid-template-columns: auto 1fr; text-align: left; }

.feature-list li i { color: #4CAF50; margin-right: 10px; font-size: 18px; }

.buttonGroup { display: grid; grid-template-columns: auto 1fr; grid-gap: 24px; margin-bottom: 25px; }
@media (max-width: 1200px) { .buttonGroup { margin: auto; width: fit-content; } }

.button { height: 56px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 0 40px; position: relative; font-weight: 700; font-size: 16px; line-height: 1.5; color: #fff; background: #0669ff; border: none; border-radius: 28px; cursor: pointer; outline: none; -webkit-transition: background .15s ease; transition: background .15s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.button:hover { background: #004ec5; color: #fff; }
@media (max-width: 500px) { .button { font-size: 14px; height: 35px; padding: 5px 20px; white-space: pre; } }
@media (max-width: 350px) { .button { font-size: 10px; height: 35px; padding: 5px 10px; white-space: pre; } }

.primary:hover { color: white; }

.secondary { background: #f6f6f6; color: #000; }
.secondary:hover { background: #dedede; color: #000; }

.promise { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; font-weight: 700; font-size: 14px; line-height: 1.35; color: #0669ff; cursor: pointer; }

.heroTestimonial { display: grid; grid-template-columns: 60px 1fr; grid-template-areas: "photo text" "photo location"; margin-top: 25px; text-align: left; }
@media (max-width: 1200px) { .heroTestimonial { width: fit-content; margin: auto; margin-bottom: 30px; } }
@media (max-width: 350px) { .heroTestimonial { margin: 30px auto; } }

.heroTestimonialPhoto { grid-area: photo; background: #f6f6f6; border-radius: 10px; width: 60px; height: 60px; align-self: center; }

.heroTestimonialPhoto > img { border-radius: 10px; }

.heroTestimonialText { grid-area: text; padding-left: 20px; align-self: flex-end; max-width: 370px; font-weight: 400; font-size: 16px; line-height: 1.5; color: #000; }

.heroTestimonialLocation { grid-area: location; font-weight: bold; padding-left: 20px; }

.trustBadges { height: 170px; background: var(--trust-badge-background-color, #f6f6f6); width: 100%; display: grid; grid-template-columns: repeat(5, 1fr); padding: 0px 100px; overflow: hidden; margin: 100px 0px; }
@media (max-width: 1200px) { .trustBadges { grid-template-columns: 200px 200px; justify-content: center; height: 450px; } }

.trustBadges2 { height: 170px; background: #f6f6f6; width: 100%; display: grid; grid-template-columns: repeat(5, 1fr); padding: 0px 100px; overflow: hidden; margin: 0px 0px; }
@media (max-width: 1200px) { .trustBadges2 { grid-template-columns: 200px 200px; justify-content: center; height: 450px; } }

.clogo { display: flex; align-items: center; justify-content: center; filter: grayscale(95%); opacity: 0.6; }

.clogo > img { max-width: 150px; max-width: 150px; }

.featureHeading { text-align: left; font-weight: bold; margin-bottom: 10px; margin-top: 10px; }
@media (max-width: 1200px) { .featureHeading { grid-column: 1; grid-row: 1; } }

.featureText { font-family: 'open sans'; font-size: 0.9em; padding: 20px 40px; line-height: 1.45em; }

.featureCTA { height: 36px; padding: 0px 20px; }

.featureImage { background-color: rgba(100, 0, 0, 0); cursor: pointer; }

.featureVideo { box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); border-radius: 10px; background-image: url("https://minutebox.media/www/backgrounds/thumbnail-abstract-background.webp"); background-size: cover; }

/* Create an @keyframes animation */
@keyframes scaleIn { from { transform: scale(0); opacity: 0; }
  to { transform: scale(1); opacity: 1; } }
.lightbox img { width: calc(80vw); /* 80% of the viewport width */ height: calc(80vh); /* 80% of the viewport height */ object-fit: contain; object-position: center; opacity: 1; animation: scaleIn 200ms ease-in-out; animation-fill-mode: forwards; }

.lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; /* this will make sure the img retains its aspect ratio */ background-color: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; transition: background 200ms ease-in; }

.featureCards { display: grid; grid-template-columns: 1fr 1fr 1fr; margin: 0px auto; max-width: 1200px; text-align: center; grid-gap: 40px; margin-bottom: 50px; margin-top: 100px; }
@media (max-width: 1200px) { .featureCards { grid-template-columns: 1fr; } }

@media (max-width: 1200px) { .featureCards > div { max-width: 460px; margin: auto; margin-bottom: 100px; } }

.featureCards img { box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); border-radius: 10px; }

.benefitSection { text-align: center; margin: 20px 0px 40px 0px; }

.benefitHeadline { font-size: 26px; font-weight: bold; margin-bottom: 10px; }

.benefitHeadSub { font-size: 20px; max-width: 1200px; margin: auto; }

.callToActionContainer { background: linear-gradient(#fdf2c4, #fff8d6); }

.callToAction { text-align: center; min-height: 400px; background: grey; padding: 90px 0px; display: grid; align-items: center; color: black; background: url(https://minutebox.media/www/backgrounds/3d-logo-bg.png); /* fallback */ background-repeat: no-repeat; background-size: 1200px 400px; background-position: center; grid-gap: 20px; transition: all 2s; }
@media (max-width: 900px) { .callToAction { background-size: 900px 300px; } }
@media (max-width: 600px) { .callToAction { background-size: 800px 267px; grid-gap: 30px; padding: 90px 50px; } }
@media (max-width: 400px) { .callToAction { background-size: 700px 233px; grid-gap: 30px; padding: 90px 50px; } }

@media (max-width: 1200px) { .callToAction > div { max-width: 460px; margin: auto; } }

.callToAction > .button { width: fit-content; margin: auto; }

.coaHeadline { font-size: 30px; align-self: end; padding-top: 30px; }

.coaSub { font-size: 14px; font-family: var(--old-body-font); margin: auto; max-width: 600px; }

.testimonials { display: grid; grid-template-columns: 1fr 1fr 1fr; margin: 50px auto; grid-gap: 46px; max-width: 1200px; margin-bottom: 100px; }
@media (max-width: 1300px) { .testimonials { padding: 10px; } }
@media (max-width: 1200px) { .testimonials { grid-template-columns: 1fr; padding: 40px; max-width: 400px; } }

.testimonialPhoto { display: grid; }

.testimonialPhoto > img { border-radius: 20px; width: 50px; background: #f6f6f6; padding: 10px; margin: auto; }

.testimonialsHeads { grid-column: 1/-1; margin: auto; }
@media (max-width: 1200px) { .testimonialsHeads { font-weight: bold; text-align: center; } }

.testimonialText { font-family: var(--old-body-font); margin-bottom: 10px; }

.testimonialPerson { color: black; }

.testimonialPerson > h4 { font-weight: bold; margin-bottom: 0px; }

.testimonialPerson > p { margin-bottom: 0px; }

.featureHighlightContainer { display: grid; grid-gap: 100px; }

.featureHighlight { display: grid; grid-template-columns: 1fr 1fr; margin: 0px auto 100px auto; max-width: 1200px; grid-gap: 45px; }
@media (max-width: 1300px) { .featureHighlight { padding: 10px; grid-gap: 50px; } }
@media (max-width: 1200px) { .featureHighlight { grid-template-columns: 1fr; padding: 40px; } }

.fcPhoto > img { border-radius: 20px; }

.indicatorSmall { padding: 4px 7px 5px 7px; margin-left: 10px; font-size: 12px; color: #0669ff; background: #e2eeff; border-radius: 20px; width: fit-content; }
.indicatorSmall:empty { display: none; }

.fcContent { display: grid; align-items: center; height: fit-content; margin: auto; }

.fcContent > h1 { font-size: 3.2em; line-height: 1.25; color: black; }

.fcContent > p { font-weight: 400; font-size: 20px; line-height: 1.6; color: #333; }

.fcListContainer { margin: auto; width: fit-content; }

.fcList { display: grid; margin-bottom: 12px; font-family: 'open sans'; grid-template-columns: auto auto 1fr; align-items: center; }

.fcListHero { grid-template-columns: auto 1fr; max-width: 500px; }

.fcListHeroContainer { margin: 30px auto; display: grid; width: fit-content; max-width: 500px; }

.fcList > .icon { background: #f6f6f6; width: 40px; height: 40px; border-radius: 4px; justify-content: center; align-items: center; margin-right: 10px; padding: 10px; }

.iconFeature { align-self: center; font-weight: bold; text-align: left; }

.featureHero { display: grid; max-width: 1200px; margin: auto; color: black; }
@media (max-width: 1300px) { .featureHero { padding: 10px; } }
@media (max-width: 1200px) { .featureHero { padding: 0px 30px; } }

.featureHero > h2 { margin-bottom: 15px; }

.featureHero > ul { display: grid; grid-template-columns: repeat(3, 1fr); list-style: disc; grid-gap: 20px; }
@media (max-width: 600px) { .featureHero > ul { padding: 0px 30px; grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 450px) { .featureHero > ul { padding: 0px 30px; grid-template-columns: 1fr; grid-gap: 10px; } }

.featureHero > ul > li { list-style: disc; list-style-position: outside; font-family: var(--body-font); }
.featureHero > ul > li:empty { display: none; }

.featureHeroImg { max-width: 600px; margin-top: 30px; }

.featureHeroImg > img { max-width: 600px; border-radius: 20px; }
@media (max-width: 1200px) { .featureHeroImg > img { max-width: 400px; } }

.uc-kb-container { display: grid; grid-template-columns: 1fr 1fr 1fr; margin: 50px auto; max-width: 1200px; grid-gap: 20px; }
@media screen and (max-width: 1200px) { .uc-kb-container { grid-template-columns: 1fr; width: fit-content; } }

.uc-kb-block { background: #f6f6f6; padding: 40px; border-radius: 10px; max-width: 500px; }

.uc-kb-block h2 { font-size: 35px; }

#uc-more-features { text-transform: capitalize; }

.use-case-item { display: grid; grid-template-columns: 30px 1fr; grid-gap: 10px; align-items: center; margin-bottom: 20px; }

.use-case-item > .icon { display: flex; }

.features-bottom-contact { display: grid; justify-content: center; align-items: center; grid-gap: 15px; }

.features-bottom-contact h1 { margin-bottom: 0px; text-align: center; }

.features-bottom-contact-heading { align-items: center; margin: auto; }

.features-bottom-contact-subheading { align-items: center; margin: auto; }

.mbForm { background-color: #FFF; margin: 0 auto; }
@media (max-width: 991px) { .mbForm { margin-top: 20px; } }

.mbFormContainer { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 0.7fr; align-items: center; margin: 0 auto; grid-gap: 20px; background-color: #FFF; padding: 20px; max-width: 1000px; }
@media (max-width: 760px) { .mbFormContainer { grid-template-columns: 1fr; grid-gap: 10px; max-width: 500px; } }
.mbFormContainer input { color: #000000; width: 100%; border: none; display: flex; outline: none; padding: 4px 20px; font-size: 14px; background: rgba(242, 241, 238, 0.6); box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset, rgba(15, 15, 15, 0.1) 0px 1px 1px inset; min-height: 28px; text-align: left; align-items: center; border-radius: 3px; }
.mbFormContainer label { font-size: 10px; line-height: 10px; display: inline-block; }
.mbFormContainer .consent { align-items: center; display: grid; grid-gap: 5px; grid-template-columns: auto 1fr; }
@media (max-width: 760px) { .mbFormContainer .consent { align-items: center; display: grid; grid-gap: 10px; justify-content: center; grid-template-columns: auto 1fr; width: fit-content; margin: auto; } }
.mbFormContainer .consent input[type=checkbox] { margin: 0px; background: none; box-shadow: none; align-items: left; justify-self: left; display: inline; width: 16px; vertical-align: top; }
.mbFormContainer .consent input[type=checkbox] + label:before { margin: 0px; font-size: 10px; display: inline; }
.mbFormContainer .email:hover { background-color: unset; }
.mbFormContainer .mbFormSubmit { background-color: #4a90e2 !important; border: none; cursor: pointer; color: #FFF; padding: 6px; border-radius: 40px; width: 100%; }

.mb-vertical-contact-form-features-container { margin: 0 auto; }

.mb-vertical-contact-form-features { display: grid; grid-template-columns: repeat(1, 1fr); justify-items: stretch; grid-gap: 15px; margin: 0 auto; justify-self: stretch; width: 450px; max-width: 450px; background: #ffd502; box-shadow: 9px 9px 25px -4px rgba(109, 109, 109, 0.25); padding: 50px; border-radius: 10px; min-height: 600px; }
.mb-vertical-contact-form-features h1 { font-family: var(--old-body-font); font-size: 1.5em; text-align: center; margin-bottom: 0px; }
.mb-vertical-contact-form-features input { border: 1px solid #efefef; outline: none; }

/*

###################################################################
		This section is for the glossary detailed page
###################################################################
*/
.glossary-main-table { display: grid; grid-template-columns: 1fr; margin: 0px auto; }

.glossary-main-terms-grid { font-weight: bold; display: grid; grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 700px) { .glossary-main-terms-grid { grid-template-columns: 1fr 1fr; justify-items: center; } }
@media (max-width: 450px) { .glossary-main-terms-grid { grid-template-columns: 1fr; } }

.glossary-main-table a { font-size: 24px; line-height: 150%; width: max-content; }
@media (max-width: 800px) { .glossary-main-table a { font-size: 16px; } }

.glossary-main-table a:hover { color: #4a90e2; }

.glossary-main-table h4 { font-family: var(--old-header-font); text-align: center; }

.glossary-table { display: grid; grid-template-columns: 0.5fr 1fr; grid-gap: 40px; }
@media (max-width: 800px) { .glossary-table { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .glossary-table { padding: 20px; } }

.glossary-table h4 { font-family: var(--old-header-font); }
@media (max-width: 800px) { .glossary-table h4 { text-align: center; } }

.glossary-terms-grid { font-weight: bold; display: grid; grid-template-columns: 1fr; }
@media (max-width: 800px) { .glossary-terms-grid { grid-template-columns: 1fr 1fr 1fr; grid-gap: 0px 10px; } }
@media (max-width: 700px) { .glossary-terms-grid { grid-template-columns: 1fr 1fr; justify-items: center; } }
@media (max-width: 450px) { .glossary-terms-grid { grid-template-columns: 1fr; } }

.glossary-terms-grid a { font-size: 18px; line-height: 150%; width: max-content; }
@media (max-width: 800px) { .glossary-terms-grid a { font-size: 16px; } }

.glossary-terms-grid a:hover { color: #4a90e2; }

.glossary-definition-header { font-size: 64px; line-height: 115%; font-weight: 300; }

.glossary-definition h1 { font-family: var(--old-header-font); }

.glossary-definition p { font-size: 24px; line-height: 150%; }

.mb-glossary-highlight-container { display: grid; grid-template-columns: 1fr; font-family: var(--old-body-font); margin: 70px auto; width: 92%; max-width: 1100px; }
@media (max-width: 642px) { .mb-glossary-highlight-container { width: auto; } }
@media (max-width: 500px) { .mb-glossary-highlight-container { width: auto; } }

.mb-inner-sec1-container-glossary { margin: 0 auto; padding-top: 20px; border-bottom: 1px solid black; padding-bottom: 100px; background: #ffd502; }

.sticky-nav + .mb-inner-sec1-container-glossary { padding-top: 102px; }

.mb-caps-title { font-size: 14px; text-transform: uppercase; font-family: var(--old-header-font); color: black; }

.hero-image { position: absolute; opacity: 1; transition: opacity 120ms cubic-bezier(0.17, 0.67, 0.83, 0.67); }
@media (max-width: 800px) { .hero-image { opacity: 0; } }

.hero-image1 { transform: translate3d(0px, -65px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-30deg) skew(0deg, 0deg); width: 80px; left: 10%; top: 20%; right: auto; bottom: auto; }

.hero-image2 { transform: translate3d(0px, -50px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-30deg) skew(0deg, 0deg); width: 80px; left: auto; right: 240px; top: 400px; }

.glossary-definition a { text-decoration: underline; color: #4a90e2; }

.glossary-definition a:hover { text-decoration: underline; }

.glossary-definition ol { padding: 0px 0px 24px 20px !important; font-size: 1.5em !important; }

.glossary-definition li { list-style: disc !important; padding: 10px !important; }

:root { --minutebox-yellow: #ffd502; --minutebox-blue: #4a90e2; --minutebox-darkgrey: #424242; --minutebox-blueAlt1: #2345F7; --minutebox-black: #000000; --minutebox-purpleAlt1: #8743AA; --minutebox-purpleAlt2: #654CAF; --minutebox-background-grey: #efefef; --body-font: 'Roboto', Arial, Helvetica, sans-serif ; --header-font: 'roboto slab', roboto, sans-serif; --h1-color: '#000000'; --h2-color: '#000000'; --mb-purple: #8743AA; --mb-purple2: #654CAF; --mb-blue2: #2345F7; --announcement-block-height: 40px; --new-header-font: Roboto, Arial, Helvetica, sans-serif; --new-body-font: Roboto, Arial, Helvetica, sans-serif; --old-header-font: 'Roboto Slab', 'Archivo', 'Open Sans', 'Rubik', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; --old-body-font: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; --transition1: all 120ms ease-in-out; --font-fallback: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; }

.fonts-failed .hero-content { font-family: var(--font-fallback) !important; }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2") format("woff2"); }
a.anchor { display: block; position: relative; top: -250px; visibility: hidden; }

/*
*
*	RESPONSIVE MEDIA QUERIES
*
*/
/*
*
*	BEGINNING OF INNER PAGE CSS
*
*/
body { background-color: #efefef; }

.product-page { background-color: #FFF; }

.inner-page-alert { text-align: center; background-color: #FFF; padding: 20px; border-radius: 6px; color: #000; cursor: pointer; margin-bottom: 10px; }

@keyframes slidein { 0% { margin-left: 0%; }
  50% { margin-left: 300px; }
  100% { margin-left: 0%; } }
.mb-spacer-20 { margin-top: 20px; }

.yellow-gradient-wrapper { display: grid; padding: 100px; background-attachment: fixed; background-size: cover; width: 100vw; height: 100vh; }

.lp-footer { margin-top: 100px; background: #424242; padding: 0px 0 25px 0; font-size: 12pmb-footer-containerx; color: #FFF; position: fixed; bottom: 0; min-width: 100%; }

.mb-footer-container { background-color: var(--minutebox-darkgrey); bottom: 0px; padding: 50px; border-top: 6px solid; border-color: var(--minutebox-yellow); }

.mb-footer-container-no-margin { background-color: var(--minutebox-darkgrey); bottom: 0px; padding: 50px; border-top: 6px solid; border-color: var(--minutebox-yellow); }

.mb-footer-header { text-align: center; }

.mb-footer-block { color: #FFF; display: grid; grid-template-columns: 280px repeat(5, minmax(200px, 1fr)); max-width: 1800px; margin: 0 auto; grid-gap: 0px 20px; justify-items: center; }
@media (max-width: 1500px) { .mb-footer-block { grid-template-columns: repeat(5, minmax(200px, 1fr)); } }
@media (max-width: 1100px) { .mb-footer-block { grid-template-columns: repeat(2, minmax(200px, 300px)); justify-content: center; } }
@media (max-width: 600px) { .mb-footer-block { grid-template-columns: 1fr; justify-items: center; } }
.mb-footer-block div { max-width: 220px; min-width: 200px; }

.mb-footer-block a, .mb-footer-block p { display: block; font-size: 12px; color: #FFF; text-align: left; font-family: var(--old-body-font); padding-bottom: 5px; }
@media (max-width: 1100px) { .mb-footer-block a, .mb-footer-block p { text-align: center; } }
@media (max-width: 600px) { .mb-footer-block a, .mb-footer-block p { text-align: center; } }

.mb-footer-header { font-size: 16px !important; font-weight: 800; text-transform: capitalize; padding-top: 20px; margin-bottom: 5px; color: #FFF; text-align: left; }
@media (max-width: 1100px) { .mb-footer-header { text-align: center; } }
@media (max-width: 600px) { .mb-footer-header { text-align: center; } }

.social-icons { display: grid; grid-template-columns: 1fr 1fr 1fr; justify-items: flex-start; width: fit-content; grid-gap: 10px; min-width: unset !important; }
@media (max-width: 1100px) { .social-icons { margin: auto; } }

.mb-footer-logo img { width: 100px; padding-top: 20px; grid-column: span 1; text-align: center; }
@media (max-width: 1500px) { .mb-footer-logo { grid-column: 1/-1; justify-self: center; } }
@media (max-width: 1100px) { .mb-footer-logo { grid-column: span 2; } }
@media (max-width: 600px) { .mb-footer-logo { grid-column: span 1; } }

@media (max-width: 500px) { .cookie-policy-mb { display: grid; justify-content: center; padding: 10px 0px; } }

.copyright { font-size: 10px !important; color: #FFF; padding-top: 20px; bottom: 0; font-weight: 300; text-align: center !important; }

.disclaimer { font-size: 9px !important; padding-top: 20px; bottom: 0; font-weight: 300; max-width: 220px; }

.fine-print-block { max-width: 900px; margin: 0 auto; }

.fine-print { font-size: 9px; color: #8a8989; bottom: 0; font-weight: 300; }

mark { background: #fff7b5; padding: 2px 5px; -webkit-box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); border-radius: 3px; }

.footer_compliance { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 7px; max-width: 500px !important; margin-top: 30px; }
.footer_compliance > img { height: 100px; margin: auto; }
@media (max-width: 600px) { .footer_compliance { grid-template-columns: 1fr 1fr; } }

.block-style { padding: 2em; max-width: 70%; border-radius: 6px; position: relative; margin: 0 auto 90px; min-width: 400px; }

.block-text { max-width: 60%; position: relative; margin: 0 auto 90px; }

.block-1-col h2 { font-size: 3em; }

.block-1-col h3 { font-size: 1.2em; }

.no-padding { padding: 0px; }

.block-style h2 { font-size: 2em; }

.block-style h3 { font-size: 1.5em; }

.block-style p { font-size: 1em; }

.block-icon { padding-bottom: 10px; }

.block-white-shadow { -webkit-box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); background: #ffffffba; }

.block-clear-shadow { -webkit-box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); }

.block-collapse { display: none; overflow: hidden; }

.block-title { text-align: center; font-size: 1em; line-height: 0.9em; padding: 10px; }

.nav-head-inner { display: grid; grid-template-columns: 1fr; justify-items: left; align-items: center; grid-template-rows: 100px; max-width: 1200px; margin: 0 auto; }

.nav-head-inner-logo { padding: 2em; width: 200px; margin-left: 3em; }

.block-1-col { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-column-gap: 60px; max-width: 500px; }

.block-2-col { display: grid; grid-column-gap: 60px; grid-row-gap: 20px; grid-auto-flow: row; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); padding: 100px 100px 80px; justify-content: center; }

.block-2-col-content { padding: 30px 20px 0px 20px; }

.block-2-col-image { justify-items: center; margin: 0 auto; }

.block-3-col { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 10px; padding-left: 3em; padding-right: 3em; max-width: 1000px; }

.block-3-col-content { padding: 30px 20px 0px 20px; }

.block-3-col-content:hover { -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); background: #FFF; border-radius: 10px; transition: 0.1s; cursor: pointer; }

.grid-row { display: grid; }

.mb-front-sec1-container { padding: 30px; width: 95vw; margin: 0 auto; }

.mb-front-sec1-container h1 { font-size: 3em; margin-bottom: 30px; }

.mb-front-sec1-container h2 { font-size: 1.7em; margin-bottom: 10px; font-weight: 500; }

.mb-front-sec1-container p { font-family: var(--old-body-font); }

.mb-front-sec1-container em { color: var(--minutebox-darkgrey); font-style: normal; }

.mb-front-sec1-block { display: grid; grid-template-columns: 1fr 1fr; border-radius: 6px; background-color: #FFF; -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); padding: 30px; width: 90vw; margin: 0 auto; align-items: center; max-width: 1250px; padding: 4em; }
.mb-front-sec1-block .sec1-button { display: none; }
.mb-front-sec1-block h1 { font-size: 2em; text-align: left; }

.mb-front-sec1-bottom-text-block { text-align: center; min-height: 75px; }

.sticky-nav + .mb-front-sec1-container { padding-top: 157px; }

.mb-inner-sec1-container { margin: 0 auto; padding-top: 20px; }

.sticky-nav + .mb-inner-sec1-container { padding-top: 157px; }

.mb-3-col-block-center { background-color: #FFF; -webkit-box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); text-align: center; max-width: 1000px; margin: 20px; padding: 100px; border-radius: 6px; min-height: 300px; background-color: #FFF; -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); max-width: 1000px; }
@media (min-width: 0px) { .mb-3-col-block-center { padding: 30px; } }
@media (min-width: 768px) { .mb-3-col-block-center { margin: 0 auto; max-width: 1200px; } }

.animatedTextContainer { display: grid; grid-template-columns: max-content auto auto; font-weight: 500; }

.slidingVertical2 span { animation: topToBottom 5s linear infinite 0s; -ms-animation: topToBottom 20s linear infinite 0s; -webkit-animation: topToBottom 20s linear infinite 0s; font-style: normal; font-weight: 600; opacity: 0; overflow: hidden; position: absolute; width: 100%; color: black; }

.slidingVertical2 span:nth-child(2) { animation-delay: 5s; -ms-animation-delay: 5s; -webkit-animation-delay: 5s; }

.slidingVertical2 span:nth-child(3) { animation-delay: 10s; -ms-animation-delay: 10s; -webkit-animation-delay: 10s; }

.slidingVertical2 span:nth-child(4) { animation-delay: 15s; -ms-animation-delay: 15s; -webkit-animation-delay: 15s; }

.slidingVertical2 span:nth-child(5) { animation-delay: 20s; -ms-animation-delay: 20s; -webkit-animation-delay: 20s; }

/*topToBottom Animation*/
@-moz-keyframes topToBottom { 0% { opacity: 0; }
  5% { opacity: 0; -webkit-transform: translateY(-50px); }
  10% { opacity: 0; -webkit-transform: translateY(0px); }
  25% { opacity: 1; -webkit-transform: translateY(0px); }
  30% { opacity: 0; -webkit-transform: translateY(0px); }
  80% { opacity: 0; -webkit-transform: translateY(50px); }
  100% { opacity: 0; } }
@-webkit-keyframes topToBottom { 0% { opacity: 0; }
  5% { opacity: 0; -webkit-transform: translateY(-50px); }
  10% { opacity: 0; -webkit-transform: translateY(0px); }
  25% { opacity: 1; -webkit-transform: translateY(0px); }
  30% { opacity: 0; -webkit-transform: translateY(0px); }
  80% { opacity: 0; -webkit-transform: translateY(50px); }
  100% { opacity: 0; } }
@-ms-keyframes topToBottom { 0% { opacity: 0; }
  5% { opacity: 0; -webkit-transform: translateY(-50px); }
  10% { opacity: 0; -webkit-transform: translateY(0px); }
  25% { opacity: 1; -webkit-transform: translateY(0px); }
  30% { opacity: 0; -webkit-transform: translateY(0px); }
  80% { opacity: 0; -webkit-transform: translateY(50px); }
  100% { opacity: 0; } }
.book-a-demo-button { box-shadow: inset 0px 1px 0px 0px #ffffff; background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%); background-color: #ffffff; border-radius: 6px; border: 1px solid #dcdcdc; display: inline-block; cursor: pointer; color: #666666; font-family: Arial; font-size: 15px; font-weight: bold; padding: 6px 24px; text-decoration: none; text-shadow: 0px 1px 0px #ffffff; }

.book-a-demo-button-fancy { cursor: default; padding: 10px; border-radius: 6px; border-color: var(--minutebox-yellow); color: var(--minutebox-darkgrey); -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); display: inline-block; display: -moz-inline-box; font-size: 80%; background-color: #FFF; box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5), 0 3px 0px 0 var(--minutebox-yellow); color: var(--minutebox-darkgrey); margin: 10px auto; }
.book-a-demo-button-fancy[active], .book-a-demo-button-fancy:hover { background-color: var(--minutebox-yellow); color: #000; font-weight: 500; border-radius: 6px; border-color: #FFF; -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.6, 1); transition: 300ms cubic-bezier(0.4, 0, 0.6, 1); cursor: pointer; }

.learn-more-button { cursor: default; padding: 10px; border-radius: 6px; color: var(--minutebox-darkgrey); -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); display: inline-block; display: -moz-inline-box; font-size: 80%; background-color: #FFF; color: var(--minutebox-darkgrey); position: relative; bottom: 0; left: 0; }
.learn-more-button[active], .learn-more-button:hover { background-color: #FAFAFA; color: #424242; font-weight: 600; border-radius: 6px; border-color: #FFF; -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.6, 1); transition: 300ms cubic-bezier(0.4, 0, 0.6, 1); cursor: pointer; }

@media (min-width: 0px) { .general-block-container { grid-template-columns: 1fr; } }
@media (min-width: 992px) { .general-block-container { margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; max-width: 1000px; align-self: start; padding-bottom: 50px; } }

.general-block-item { padding: 20px; margin: 0 auto; }
@media (min-width: 0px) { .general-block-item { text-align: center; } }
@media (min-width: 992px) { .general-block-item { text-align: left; } }

.book-a-demo-button:hover { background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%); background-color: #f6f6f6; }

.book-a-demo-button:active { position: relative; top: 1px; }

.mb-front-sec1-top-left { max-width: 90%; }
.mb-front-sec1-top-left p { margin-top: 20px; font-size: 18px; }

.mb-front-sec1-top-right { margin: auto 0; }

.mb-front-sec1-bottom-buttons { text-align: center; display: grid; grid-template-columns: repeat(5, 1fr); justify-items: center; grid-gap: 40px; max-width: fit-content; margin: -24px auto; margin-bottom: 30px; }

.mb-front-sec1-bottom-button { cursor: default; padding: 10px; border-radius: 6px; border-color: var(--minutebox-yellow); -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); display: inline-block; display: -moz-inline-box; width: 164px; font-size: 80%; background-color: #FFF; -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.6, 1); transition: 300ms cubic-bezier(0.4, 0, 0.6, 1); }
.mb-front-sec1-bottom-button[active], .mb-front-sec1-bottom-button:hover { box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5), 0 3px 0px 0 var(--minutebox-yellow); color: var(--minutebox-blue); }

.mb-front-sec1-text-block { display: block; margin-top: 6em; }

.mb-front-sec1-text-block h3 { font-family: var(--old-body-font); font-weight: 300; text-align: center; max-width: 600px; margin: 0 auto; font-size: 1em; }

.computerScreen { width: 596px; height: 358px; background: #f7f7f7; display: grid; justify-content: center; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); border-radius: 4px; }

.computerScreen img { width: 572px; height: 322px; margin: 0px auto; display: flex; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }

.computerNeck { background: #C9C9C9; width: 186px; margin: auto; }

.computerBottom { width: 210px; background: #EEEDED; margin: auto; border-radius: 6px; }

.menuBar { width: 572px; background: #DBD9D9; height: 15px; display: flex; border-top-right-radius: 2px; border-top-left-radius: 2px; margin: 0px auto; align-self: end; }

.closeButton { width: 5px; background-color: rgba(0, 0, 0, 0.2); border-radius: 6px; height: 5px; margin-left: 3px; display: flex; align-self: center; }

.mb-front-sec-testimonial-video-container { margin: 0 auto; background-color: #FAFAFA; -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); min-height: 500px; border-radius: 10px; text-align: center; padding: 40px; width: 100%; margin-bottom: 40px; display: grid; justify-content: center; text-align: center; }

.mb-front-sec2-container { margin: 0 auto; background-color: #FAFAFA; -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); min-height: 500px; border-radius: 10px; text-align: center; padding: 40px; width: 100%; margin-bottom: 40px; }

.mb-front-sec2-container hr { border-top: 5px solid #ffd502; width: 110px; margin-top: 40px; }

.mb-front-sec2 { padding-top: 2em; display: grid; grid-template-columns: 1fr 1fr 1fr; justify-items: center; }

.mb-front-sec2-header { margin: 0 auto; text-align: center; padding-top: 2em; }

.mb-front-sec2-header h1 { padding-top: 2em; }

.mb-front-sec2-header div { font-size: 2em; margin-bottom: 40px; min-width: max-content; }

.mb-front-sec2-header span { color: var(--minutebox-yellow); font-size: 1.2em; font-weight: bold; padding: 5px; }

.mb-front-sec2-header p { text-align: center; margin-bottom: 80px; }

.mb-front-sec2-segment-block { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; max-width: 1200px; margin: 0 auto; }

.mb-front-sec2-segment-block-item { background-color: #FFF; margin: 0 auto; border-radius: 6px; padding: 10px; -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5), 0 3px 0px 0 var(--minutebox-yellow); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5), 0 3px 0px 0 var(--minutebox-yellow); text-align: center; max-width: 320px; -webkit-transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1); transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1); cursor: default; align-self: stretch; display: grid; }
.mb-front-sec2-segment-block-item h1 { font-size: 22px; margin-top: 30px; }
.mb-front-sec2-segment-block-item p { font-size: 18px; font-family: var(--old-body-font); font-weight: 400; padding: 0px 10px; }
.mb-front-sec2-segment-block-item a { width: fit-content; justify-self: center; height: fit-content; align-self: end; }

.mb-front-sec2-segment-block-item:hover { -webkit-box-shadow: 0 12px 17px 0 rgba(202, 202, 202, 0.5), 0 3px 0px 0 var(--minutebox-yellow); box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.12), 0 6px 0px 0 var(--minutebox-yellow); }

.mb-front-sec3-container { margin: 3em auto; background-color: #FAFAFA; -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); min-height: 500px; border-radius: 10px; text-align: center; padding: 40px; max-width: 1250px; }

.mb-front-sec3-container hr { border-top: 5px solid #ffd502; width: 110px; margin-top: 40px; }

.exploreFeatures { color: var(--minutebox-blue); display: flex; align-items: center; justify-content: center; }

.mb-front-section-header { font-size: 30px; }

.mb-front-section-sub-header { font-size: 18px; font-family: var(--old-body-font); margin: 0 auto; font-weight: 300; min-height: 100px; max-width: 800px; }

.mb-front-sec3-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 3em; justify-items: center; padding: 40px; border-radius: 30px; }

.mb-front-sec3-grid-item img { -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); border-radius: 6px; -webkit-transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1); transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1); }

.mb-front-sec3-grid-item img:hover { -webkit-box-shadow: 0 12px 17px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 12px 17px 0 rgba(202, 202, 202, 0.5); }

.mb-front-sec3-grid-item { -webkit-transition: 300ms opacity cubic-bezier(0.4, 0, 0.6, 1); transition: 300ms opacity cubic-bezier(0.4, 0, 0.6, 1); }

.mb-front-sec3-grid-item:hover { opacity: .8; }

.svg-label { font-family: var(--new-body-font); color: var(--minutebox-darkgrey); cursor: default; margin-top: -2.6em; }

@media (min-width: 0px) { .page-nav-container { display: grid; grid-template-columns: 1fr 1fr; margin: 10px auto; grid-gap: 10px; text-align: center; max-width: 95vw; padding: 10px; border-radius: 6px; } }
@media (min-width: 768px) { .page-nav-container { grid-template-columns: repeat(4, 1fr); max-width: 1000px; height: 150px; margin: 0 auto; text-align: center; align-self: stretch; grid-column-gap: 10px; padding: 30px; } }
.page-nav-container i { margin-top: 5px; display: block; color: var(--minutebox-yellow); }
.page-nav-container .page-nav-item { padding: 10px; background: #FFF; border-radius: 6px; }
.page-nav-container .page-nav-item:hover { background: #FFF; transition: 0.1s; -webkit-box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5), 0 2px 0px 0 var; border-bottom: 3px solid #FFE45C; overflow: hidden; }

.mb-feature-highlight-container { margin: 50px auto; display: grid; grid-template-columns: 1fr; max-width: 1000px; }

.mb-feature-highlight-container-lp { margin: 50px auto; display: grid; grid-template-columns: 1fr; grid-column: 1/-1; max-width: 1000px; }

.mb-feature-highlight-container-small .mb-feature-highlight-section { display: grid; grid-template-columns: 1fr 1fr; border-radius: 6px; background-color: #FFF; -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); justify-self: stretch; align-self: stretch; grid-column-gap: 10px; margin-bottom: 0px; }
.mb-feature-highlight-container-small .mb-feature-highlight-section h1 { margin: 0px; font-size: 1em; font-weight: 400; font-family: "Open Sans", Arial, Helvetica, sans-serif; }
.mb-feature-highlight-container-small .mb-feature-highlight-section .mb-feature-highlight-text-adjective { display: none; }
.mb-feature-highlight-container-small .mb-feature-highlight-section .mb-feature-highlight-list { margin-top: 10px; }
.mb-feature-highlight-container-small .mb-feature-highlight-section .mb-feature-highlight-list ul > li { display: block; margin: 4px; font-family: var(--old-body-font); }
@media (min-width: 0px) { .mb-feature-highlight-container-small { grid-template-columns: 1fr 1fr; }
  .mb-feature-highlight-container-small img { align-self: center; justify-self: center; width: 10%; }
  .mb-feature-highlight-container-small p { display: none; } }
@media (min-width: 1200px) { .mb-feature-highlight-container-small { background-color: #eeeeee; display: grid; grid-template-columns: repeat(3, auto); grid-column-gap: 5px; justify-self: stretch; align-self: stretch; margin: 0 auto; width: 1000px; } }

.all-features-link { padding-top: 20px; }

.mb-feature-highlight-section { display: grid; grid-template-columns: auto 2fr 1fr; max-width: 80%; margin: 20px auto; padding: 100px; grid-row-gap: 100px; grid-column-gap: 80px; border-radius: 6px; min-height: 300px; background-color: #FFF; -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); max-width: 1000px; }
.mb-feature-highlight-section .mb-feature-highlight-text-adjective { text-transform: uppercase; font-family: var(--old-body-font); background: #ffd502; width: fit-content; padding: 3px 10px; border-radius: 15px; font-size: 50%; font-weight: 500; margin-bottom: 5px; }
@media (min-width: 0px) { .mb-feature-highlight-section .mb-feature-highlight-text-adjective { display: none; } }
@media (min-width: 768px) { .mb-feature-highlight-section .mb-feature-highlight-text-adjective { display: none; } }
@media (min-width: 992px) { .mb-feature-highlight-section .mb-feature-highlight-text-adjective { display: block; } }
.mb-feature-highlight-section .mb-feature-highlight-text { font-size: 1em; }
.mb-feature-highlight-section .mb-feature-highlight-text p { font-family: var(--old-body-font); }
@media (min-width: 0px) { .mb-feature-highlight-section { grid-template-columns: 1fr; max-width: 95vw; padding: 0px; text-align: center; padding: 20px; margin-bottom: 0px; }
  .mb-feature-highlight-section .mb-feature-highlight-text p { font-size: 17px; }
  .mb-feature-highlight-section img { max-width: 50px; align: left; }
  .mb-feature-highlight-section h1 { font-size: 24px; margin-bottom: 0px; }
  .mb-feature-highlight-section p { font-size: 12px; margin: 0 auto; } }
.mb-feature-highlight-section .mb-feature-highlight-list { display: flex; margin: 0.5em 0px 15px 0px; text-transform: capitalize; }
.mb-feature-highlight-section .mb-feature-highlight-list ul > li { display: inline-block; font-family: var(--old-body-font); font-size: 80%; padding-right: 10px; }
.mb-feature-highlight-section .mb-feature-highlight-list ul > li > i { color: #01CC6F; }
@media (min-width: 768px) { .mb-feature-highlight-section { grid-template-columns: auto 1fr; padding: 5vw; text-align: left; justify-self: stretch; }
  .mb-feature-highlight-section p { font-size: 1em; text-align: left; }
  .mb-feature-highlight-section h1 { font-size: 1.5em; padding: 0px; margin-bottom: 0px; } }
@media (min-width: 992px) { .mb-feature-highlight-section { grid-template-columns: auto 1fr; text-align: left; padding: 5vh; margin: 10px; }
  .mb-feature-highlight-section img { max-width: 500px; } }
@media (min-width: 1200px) { .mb-feature-highlight-section { grid-template-columns: auto 1fr; text-align: left; padding: 5vh; margin: 10px; }
  .mb-feature-highlight-section img { max-width: 500px; } }

.mb-feature-highlight-section img { align-self: center; justify-self: center; width: 50%; min-width: 75px; }

.mb-feature-highlight-section-small img { align-self: center; justify-self: center; width: 200px; }

.mb-feature-highlight-top-small-header { color: var(--minutebox-yellow); font-size: 10px; margin-bottom: 16px; font-weight: 500; border-radius: 20px; background-color: var(--minutebox-yellow); color: #2d2d2dd6; padding: 14px 12px 12px 12px; width: fit-content; text-transform: uppercase; font-family: var(--old-body-font); font-weight: 600; }

/* 
###################################################################
		FEATURES PAGE 2022-09-03	
###################################################################
*/
.features-sec1-container > h2 { color: orange; }
.features-sec1-container > h1 { color: green; }

.integrations-container { padding-top: 40px; }
@media screen and (max-width: 1070px) { .integrations-container { display: none; } }

.integrations { margin: auto; max-width: 1200px; width: fit-content; }

.integrations ul { display: flex; width: fit-content; }

.integrations li { padding: 10px; font-family: var(--old-body-font); font-size: 0.8em; font-weight: 400; }
.integrations li:first-child { font-weight: 500; }

.integrations li > i { color: purple; }

.features-main-body-container { display: grid; grid-template-columns: 300px 1fr; margin: auto; max-width: 1200px; padding: 80px 0px; font-family: var(--old-body-font); }
@media (max-width: 1070px) { .features-main-body-container { grid-template-columns: 1fr; padding: 40px 0px; padding: 1rem; } }

.features-main-body-container h2 { color: black; font-family: var(--old-body-font); font-size: 32px; }
@media (max-width: 1070px) { .features-main-body-container h2 { text-align: center; margin: auto; padding: 1rem; } }

.feature-blocks-sections-container h2 { color: black; border-bottom: 2px solid black; font-weight: 400; font-size: 28px; }

.features-toc { position: sticky; top: 130px; align-self: start; }
@media (max-width: 1070px) { .features-toc { position: initial; top: initial; align-self: initial; } }

.max-height-active { max-height: calc(100vh - 140px); overflow: auto; }

a.anchor { display: block; position: relative; top: -250px; visibility: hidden; }

.features-toc-search { border: 1px solid grey; padding: 0px 12px; border-radius: 20px; margin-bottom: 20px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; }

.features-toc-search i { padding-right: 20px; }

.features-toc-search input { outline: none; border: none; padding: 10px 20px; width: 100%; background: none; }

.clear-btn { display: grid; opacity: 0; border: none; cursor: pointer; background: none; transition: opacity 200ms ease; }

.toc-anchor { cursor: pointer; border-left-width: 1px; border-left-style: solid; border-left-color: rgba(0, 0, 0, 0); padding-left: 20px; padding-top: 10px; padding-bottom: 10px; display: grid; }
.toc-anchor:hover { background-color: #fafafa; }

@media screen and (max-width: 1070px) { .features-toc-contents > ul { display: grid; grid-template-columns: 1fr 1fr 1fr; } }
@media screen and (max-width: 800px) { .features-toc-contents > ul { grid-template-columns: 1fr 1fr; padding-bottom: 3rem; padding-top: 3rem; } }

.features-toc-contents a.active { border-left-color: blue; background-color: #fafafa; }

.feature-block-section { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; padding: 0px 40px; padding-bottom: 80px; }
@media (max-width: 1070px) { .feature-block-section { grid-template-columns: 1fr; padding: 0px 20px; padding-bottom: 40px; } }

.feature-block-section i { padding-right: 10px; }

.feature-block-section > h2 { grid-column: span 2; }
@media (max-width: 1070px) { .feature-block-section > h2 { grid-column: span 1; } }

.feature-block-section > p { grid-column: span 2; }
@media (max-width: 1070px) { .feature-block-section > p { grid-column: span 1; } }

.feature-blocks { border: 1px solid #dadada; padding: 10px; border-radius: 4px; background: white; display: grid; grid-template-rows: auto auto 1fr auto; }
.feature-blocks p > a { display: flex; align-items: center; }
.feature-blocks a > i { padding-left: 5px; }

.feature-blocks h2 { font-size: 18px; font-weight: bold; border-bottom: 0px; }

.feature-blocks p { font-size: 16px; line-height: 150%; flex: 1 0 auto; font-weight: 400; margin-bottom: 20px; }

.feature-blocks a { font-size: 14px; color: var(--mb-purple); }
.feature-blocks a:hover { text-decoration: underline; }

.disclaimer-text { font-size: 9px; color: #444; padding: 1rem; text-align: center; font-family: var(--body-font); max-width: 60%; margin: auto; }

/* 
###################################################################
		ICON AND TEXT COLORS 	
###################################################################
*/
.radial-gradient-bg { position: absolute; z-index: -10; width: 100%; height: 75vh; top: 110px; background: radial-gradient(41.38% 93.28% at 81.95% -0.75%, rgba(9, 166, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(41.82% 93.14% at 30.16% 27.33%, #fffced 0%, rgba(255, 255, 255, 0) 100%); transform: matrix(-1, 0, 0, 1, 0, 0); }

.purple { background: -moz-linear-gradient(top, #e72c83 0%, #a742c6 100%); background: -webkit-linear-gradient(top, #e72c83 0%, #a742c6 100%); background: linear-gradient(to bottom, #e72c83 0%, #a742c6 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.blue-green { background: -moz-linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); background: -webkit-linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); background: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.yellow-orange { background: -moz-linear-gradient(top, #FFF6B7 0%, #F6416C 100%); background: -webkit-linear-gradient(top, #FFF6B7 0%, #F6416C 100%); background: linear-gradient(to bottom, #FFF6B7 0%, #F6416C 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.red-blue { background: -moz-linear-gradient(top, #DC2424 0%, #4A569D 100%); background: -webkit-linear-gradient(top, #DC2424 0%, #4A569D 100%); background: linear-gradient(to bottom, #DC2424 0%, #4A569D 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.blue-blue { background: -moz-linear-gradient(top, #24C6DC 0%, #514A9D 100%); background: -webkit-linear-gradient(top, #24C6DC 0%, #514A9D 100%); background: linear-gradient(to bottom, #24C6DC 0%, #514A9D 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.blue-yellow { background: -moz-linear-gradient(top, #3D7EAA 0%, #FFE47A 100%); background: -webkit-linear-gradient(top, #3D7EAA 0%, #FFE47A 100%); background: linear-gradient(to bottom, #3D7EAA 0%, #FFE47A 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.green-yellow { background: -moz-linear-gradient(top, #0b8793 0%, #0f0c29 100%); background: -webkit-linear-gradient(top, #0b8793 0%, #0f0c29 100%); background: linear-gradient(to bottom, #0b8793 0%, #0f0c29 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.orange-purple { background: -moz-linear-gradient(160deg, #ff4e50 0%, #f9d423 100%); background: -webkit-linear-gradient(160deg, #ff4e50 0%, #f9d423 100%); background: linear-gradient(160deg, #ff4e50 0%, #f9d423 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.pink-blue { background: -moz-linear-gradient(top, #ff0844 0%, #ffb199 100%); background: -webkit-linear-gradient(top, #ff0844 0%, #ffb199 100%); background: linear-gradient(to bottom, #ff0844 0%, #ffb199 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.dark-light-green { background: -moz-linear-gradient(top, #414345 0%, #232526 100%); background: -webkit-linear-gradient(top, #414345 0%, #232526 100%); background: linear-gradient(to bottom, #414345 0%, #232526 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.violet-rose { background: -moz-linear-gradient(160deg, #cc2b5e 0%, #753a88 100%); background: -webkit-linear-gradient(160deg, #cc2b5e 0%, #753a88 100%); background: linear-gradient(160deg, #cc2b5e 0%, #753a88 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.yellow-pink { background: -moz-linear-gradient(top, #f46b45 0%, #eea849 100%); background: -webkit-linear-gradient(top, #f46b45 0%, #eea849 100%); background: linear-gradient(to bottom, #f46b45 0%, #eea849 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.aqua-blue { background: -moz-linear-gradient(160deg, #5ee7df 0%, #b490ca 100%); background: -webkit-linear-gradient(160deg, #5ee7df 0%, #b490ca 100%); background: linear-gradient(160deg, #5ee7df 0%, #b490ca 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* 
###################################################################
		WISITA LANDING PAGE VIDEO	
###################################################################
*/
.wistia_responsive_padding { position: relative; width: 572px; }

/* 
###################################################################
		DOCUMENT CODING LANDING PAGE	
###################################################################
*/
.mb-document-coding-grid { display: grid; }
@media (min-width: 0px) { .mb-document-coding-grid { grid-template-columns: 1fr; } }
@media (min-width: 768px) { .mb-document-coding-grid { grid-template-columns: 1fr 1fr; margin: auto; justify-items: center; max-width: 1090px; text-align: center; } }
.mb-document-coding-grid .mb-document-coding-item { margin: 0 auto; }

.mb-document-coding-grid h1 { padding: 0px; }

.mb-document-coding-grid img { width: 300px; margin-bottom: 40px; }

.mb-document-coding-grid-newway img { box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.15); border-radius: 12px; }

.compareChart { display: grid; border-radius: 3px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); align-items: center; width: 360px; margin-bottom: 30px; cursor: default; -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); border-radius: 10px; -webkit-transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1); transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1); height: fit-content; margin: 20px; }

.compareChart:hover { -webkit-box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 20px 0px rgba(0, 0, 0, 0.3); }

.compareChart div > p { margin-bottom: 0px; }

.compareChartRow:nth-child(even) { background-color: rgba(0, 0, 0, 0.05); }

.compareChartRow { display: grid; grid-template-columns: 70px 1fr; align-items: center; padding: 10px 0px; width: 100%; }

.compareHighlight div:nth-child(odd) { color: #01CC6F; }

/* test doc coding 2 landing page style */
.mb-document-coding-grid2 { display: grid; grid-template-columns: 1fr 1fr; margin: auto; justify-items: center; max-width: 1090px; text-align: center; border-radius: 10px; -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); -webkit-transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1); transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1); }

.mb-document-coding-grid2:hover { -webkit-box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 20px 0px rgba(0, 0, 0, 0.3); }

.mb-document-coding-grid2 h1 { padding: 0px; }

.mb-document-coding-grid2 img { width: 300px; margin-bottom: 40px; }

.mb-document-coding-grid2-newway img { box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.15); border-radius: 12px; }

._splitSide, .newSide, .oldSide, .newSide3, .oldSide3 { width: 100%; justify-content: center; display: grid; padding: 20px; }

.newSide { background: linear-gradient(#54DFB2, #3BBA91); border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.easyModernGrid { display: grid; grid-template-rows: auto; grid-template-columns: auto; grid-gap: 6px 0px; font-size: 2em; }

.writingSlot { width: fit-content; border-radius: 3px; font-family: sans-serif; font-size: 0.8em; text-align: center; display: grid; grid-template-columns: 27px auto; margin: auto; }

.slot1 { background: #D8D8D8; }

.slot2 { background: #FAF4B0; }

.slotText { padding: 6px; }

.slotNumber { border-right: 1px solid #0000004a; display: flex; justify-content: center; align-items: center; }

.discoverNewWay { background: #9013FE; color: #FFFFFF; font-weight: bold; margin: auto; width: fit-content; display: flex; justify-content: center; font-size: 0.8em; padding: 5px 15px; border-radius: 14px; margin-top: 20px; transition: box-shadow 120ms ease-in; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3); }

.discoverNewWay:hover { box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.1); }

/* test doc coding 3 landing page style */
.mb-pricing-container3 { background: #FFF; }

.mb-document-coding-grid3 { display: grid; grid-template-columns: 1fr 1fr; margin: auto; justify-items: center; text-align: center; -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); }

.mb-document-coding-grid3:hover { -webkit-box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 20px 0px rgba(0, 0, 0, 0.3); }

.mb-document-coding-grid3 h1 { padding: 0px; }

.mb-document-coding-grid3 img { width: 200px; margin-bottom: 40px; }

.mb-document-coding-grid3-newway { grid-column: 1; grid-row: 2; display: flex; justify-content: flex-start; height: fit-content; align-self: center; }

.mb-document-coding-grid3-newway img { box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.15); border-top-right-radius: 12px; border-bottom-right-radius: 12px; }

.mb-document-coding-grid3-oldway { grid-column: 2; grid-row: 2; display: flex; justify-content: flex-end; }

.mb-document-coding-grid3-small { display: none; }

.mb-document-coding-text { padding: 10px 30px 0px 30px; }
.mb-document-coding-text p { font-family: var(--old-body-font); }

.mb-document-coding-text h1 { font-size: 1.1em; margin-top: 15px; }

._splitSide, .newSide, .oldSide, .newSide3, .oldSide3 { width: 100%; display: grid; padding: 40px 0px 40px 0px; grid-gap: 0px 40px; }

.newSide3 { background: linear-gradient(#54DFB2, #3BBA91); justify-content: flex-start; grid-template-areas: 'header header'; grid-template-columns: 200px 1fr; grid-template-rows: 90px auto; }

.oldSide3 { justify-content: flex-end; grid-template-areas: 'header header'; grid-template-columns: 1fr 200px; grid-template-rows: 90px auto; }

.vsHeaderOld { grid-area: header; justify-self: flex-end; margin-right: 50px; }

.oldSubHeading h1 { color: #4a90e2; }

.vsHeaderNew { grid-area: header; justify-self: flex-start; margin-left: 50px; }

.compareChartOldDocumentCoding { margin-top: 20%; display: flex; flex-direction: column; margin: 20% auto 0 auto; justify-self: flex-end; background: #FFFFFF; }

.compareChartNewDocumentCoding { margin-top: 20%; display: flex; flex-direction: column; margin: 20% auto 0 auto; justify-self: flex-end; background: #FFFFFF; }

.compareChartOld { justify-self: flex-end; margin-top: 20%; }

.compareChartNew { justify-self: flex-start; background: #FFFFFF; margin-top: 20%; }

.mb-document-coding-image-small { display: none; }

/* 
###################################################################
		PRICING GRID ON MAIN PAGE	
###################################################################
*/
.mb-pricing-landing-container { background: #FFF; border-radius: 6px; }

.mb-pricing-landing-container h1 { text-align: center; padding: 10px 0 20px; }

.mb-pricing-landing-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; max-width: 1250px; margin: 0 auto; padding: 20px; grid-column-gap: 45px; }

.mb-pricing-landing-column p:nth-child(1) { background-color: red; height: 100%; width: 100%; text-align: center; margin: 0 auto; padding: 20px; }

.mb-pricing-landing-column p:nth-child(even) { background-color: #FAFAFA; height: 100%; width: 100%; text-align: center; margin: 0 auto; padding: 20px; }

.mb-pricing-landing-column p:nth-child(odd) { background-color: #FFF; height: 100%; width: 100%; text-align: center; margin: 0 auto; padding: 20px; }

.mb-pricing-landing-column { background-color: #ececec; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; justify-items: center; align-items: center; grid-auto-flow: dense; grid-gap: 0px; border-radius: 10px; -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); border-radius: 10px; -webkit-transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1); transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1); }
@media (min-width: 0px) { .mb-pricing-landing-column { margin-bottom: 20px; } }

.mb-pricing-landing-column-header-meta { grid-row: 1; width: 100%; border-top-right-radius: 10px; border-top-left-radius: 10px; display: grid; justify-items: center; padding-top: 40px; background: rgba(0, 0, 0, 0.5); }

.mb-pricing-landing-column-header-meta i { font-size: 4em; margin-bottom: 20px; }

.mb-pricing-landing-column h3 { font-size: 12px; }

.mb-pricing-landing-column p:nth-child(even) { background-color: #FAFAFA; height: 100%; width: 100%; text-align: center; margin: 0 auto; padding: 20px; }

.mb-pricing-landing-column p:nth-child(odd) { background-color: #FFF; height: 100%; width: 100%; text-align: center; margin: 0 auto; padding: 20px; }

.pricingHeaderText-landingMeta { text-align: center; }

.soloHeadLanding { background-color: #FFF; border-top: 6px solid var(--minutebox-yellow); }

.mediumHeadLanding { background-color: #FFF; border-top: 6px solid #cacaca; }

.enterpriseHeadLanding { background-color: #FFF; border-top: 6px solid var(--minutebox-darkgrey); }

/* 
###################################################################
		PRICING LANDING PAGE	
###################################################################
*/
.mb-pricing-container { background: #FFF; border-radius: 6px; text-align: center; padding: 40px; }

.rowClassPricing { display: grid; grid-template-columns: minmax(120px, 1fr) 1fr 1fr 1fr; text-align: center; }
.rowClassPricing h1 { margin-top: 20px; }

.rowClassPricing div:nth-child(1) { overflow: visible; font-size: 1em; padding: 10px; text-align: left; }

.rowClassPricing div:nth-child(2) { color: var(--minutebox-yellow); }

.rowClassPricing div:nth-child(3) { color: var(--minutebox-blue); }

.rowClassPricing div:nth-child(4) { color: var(--minutebox-darkgrey); }

.rowClassPricing:first-child { font-weight: bold; padding: 20px auto 20px auto; }

.rowClassPricing div > i { font-size: 1.5em; padding: 20px; }

.pricingHeader { text-align: center; font-size: 14px; }

.rowHeader { font-weight: 600; font-size: 1.2em; }

.getAQuote { border: 1px solid #FFF !important; padding: 5px 10px; border-radius: 4px; margin: 30px auto; font-family: var(--old-body-font); font-size: 0.8em; background: #FFFFFF; font-weight: 400; text-transform: none; cursor: default; width: fit-content; transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1); -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); }
.getAQuote a { color: var(--minutebox-darkgrey); }

.getAQuote:hover { border-bottom: 4px solid var(--minutebox-yellow); }

.stickyHeader { position: sticky; top: 180px; padding: 0px; }

.getAQuoteInner { padding: 5px 10px; border-radius: 6px; margin: 0 auto; font-family: var(--old-body-font); font-size: 0.8em; background: #FFFFFF; font-weight: 400; text-transform: none; cursor: default; width: fit-content; border: 1px solid var(--minutebox-darkgrey); }
.getAQuoteInner a { color: var(--minutebox-darkgrey); }

.featureHead { color: var(--minutebox-darkgrey) !important; background-color: #efefef80; padding-top: 70px; padding-bottom: 70px; height: 100%; }

.soloHead { color: var(--minutebox-darkgrey) !important; background-color: #FFF; padding-top: 70px; padding-bottom: 70px; height: 100%; }

.mediumHead { color: var(--minutebox-darkgrey) !important; background-color: #FFF; padding-top: 70px; padding-bottom: 70px; height: 100%; }

.enterpriseHead { color: var(--minutebox-darkgrey) !important; background-color: #FFF; padding-top: 70px; padding-bottom: 70px; border-top-right-radius: 10px; }

.pricingHeaderText { font-family: var(--old-body-font); font-size: 0.8em; color: black !important; font-weight: 400; text-transform: none; text-align: center !important; }
.pricingHeaderText p { padding-bottom: 3px; }

.pricingHeaderText > p { margin-bottom: 0; line-height: 1.5em; font-size: 0.8em; }

.pricingHeaderText > p:first-child { color: rgba(0, 0, 0, 0.5); font-size: 1em; }

.mb-pricing-grid { -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); border-radius: 10px; max-width: 1400px; }
@media (min-width: 0px) { .mb-pricing-grid { margin: 10px -20px 10px -20px; }
  .mb-pricing-grid .getAQuote { width: 90%; } }
@media (min-width: 768px) { .mb-pricing-grid { margin: 0 auto; } }
@media (min-width: 0px) { .mb-pricing-grid h1 { font-size: 12px; } }
@media (min-width: 768px) { .mb-pricing-grid h1 { font-size: 24px; } }
@media (min-width: 0px) { .mb-pricing-grid p { font-size: 12px; } }
@media (min-width: 768px) { .mb-pricing-grid p { font-size: 18px; } }

.mb-pricing-grid > div:first-child { font-size: 1.2em; text-transform: uppercase; border-top-right-radius: 10px; border-top-left-radius: 10px; position: sticky; top: 60px; }

.mb-pricing-grid > div:last-child { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }

.mb-pricing-grid > div:nth-child(odd) { background: #f7f7f7; }

/* 
###################################################################
		VERSULANDING PAGE	
###################################################################
*/
.vsHead { color: #ffffff !important; background-color: rgba(0, 0, 0, 0.5); padding-top: 70px; padding-bottom: 70px; height: 100%; }

/* 
###################################################################
		BOOK A DEMO LANDING PAGE	
###################################################################
*/
.mb-small-book-a-demo-container { background: #FFFFFF; display: grid; justify-items: center; padding: 40px; }

.mb-branded-header h1 { padding-top: 2em; }
@media (min-width: 0px) { .mb-branded-header h1 { font-size: 1em; } }
@media (min-width: 992px) { .mb-branded-header h1 { font-size: 1.5em; } }

.mb-branded-header div { font-size: 2em; margin-bottom: 40px; }

.mb-branded-header span { color: var(--minutebox-yellow); font-size: 1.2em; font-weight: bold; padding: 5px; }

.mb-small-book-a-demo-container div > p { text-align: center; margin-bottom: 10px; font-family: var(--old-body-font); }

/* 
###################################################################
		E-FILE PRICING LANDING PAGE	
###################################################################
*/
.mb-filing-pricing-container { background: #FFFFFF; display: grid; justify-items: center; padding: 40px; }

.mb-filing-pricing-grid { display: grid; grid-template-columns: 1fr; max-width: 1250px; -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); border-radius: 10px; -webkit-transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1); transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1); }

.mb-filing-pricing-grid:hover { -webkit-box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 20px 0px rgba(0, 0, 0, 0.3); }

.rowClass { display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 20px; }

.rowClass > div:first-child { font-weight: bold; }

.rowClass > div:nth-child(3) { text-align: right; }

.mb-filing-pricing-grid > div:first-child { font-weight: bold; font-size: 1.2em; text-transform: uppercase; border-top-right-radius: 10px; border-top-left-radius: 10px; }

.mb-filing-pricing-grid > div:last-child { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }

.mb-filing-pricing-grid > div:nth-child(odd) { background: #f7f7f7; }

/* 
###################################################################
		VERSUS LANDING PAGE	
###################################################################
*/
.mb-vs-container { background: #FFF; border-radius: 6px; text-align: center; padding: 40px; }

.rowClassvs { display: grid; grid-template-columns: 1fr 2fr 2fr; padding: 20px; text-align: center; }

.rowClassvs div:nth-child(2) { color: rgba(0, 0, 0, 0.8); }

.rowClassvs div:nth-child(3) { color: #01CC6F; }

.rowClassvs:first-child { font-weight: bold; padding: 0px; }

.rowClassvs div > i { font-size: 1.5em; }

.vsHeader { text-align: center; }

.rowHeader { font-weight: 600; font-size: 1.2em; }

.checkMarkWithText { display: grid; grid-template-columns: 1fr 8fr; justify-items: flex-start; grid-gap: 0px 20px; align-items: center; padding-left: 20%; text-align: left; }

.stickyHeader { position: sticky; top: 180px; padding: 0px; }

.vsHeaderText { font-family: var(--old-body-font); font-size: 0.8em; color: black !important; font-weight: 400; text-transform: none; }

.vsHeaderText > p { margin-bottom: 0; line-height: 1.5em; font-size: 0.8em; }

.vsHeaderText > p:first-child { color: rgba(0, 0, 0, 0.5); font-size: 1em; }

.mb-vs-grid { display: grid; grid-template-columns: 1fr; max-width: 1150px; margin: 0 auto; -webkit-box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); box-shadow: 0 2px 7px 0 rgba(202, 202, 202, 0.5); border-radius: 10px; -webkit-transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1); transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1); }

.mb-vs-grid:hover { -webkit-box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 20px 0px rgba(0, 0, 0, 0.3); }

.mb-vs-grid > div:first-child { font-size: 1.2em; text-transform: uppercase; border-top-right-radius: 10px; border-top-left-radius: 10px; position: sticky; top: 60px; }

.mb-vs-grid > div:last-child { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }

.mb-vs-grid > div:nth-child(odd) { background: #f7f7f7; }

.vsDisclaimer { font-size: 0.7em; font-family: var(--old-body-font); padding: 10px; }

.mb-inner-sec1-block { text-align: center; max-width: 1000px; margin: 0 auto; padding: 60px 20px 25px 20px; }
.mb-inner-sec1-block p { max-width: 800px; margin: 0 auto; font-family: var(--body-font); }

.mb-inner-sec1-block h2 { font-size: 1.3em; opacity: 0.8; }
@media (min-width: 0px) { .mb-inner-sec1-block h2 { font-size: 2em; } }

.mb-caps-title { font-size: 14px; text-transform: uppercase; font-family: var(--new-body-font); color: #F5A623; }

.mb-inner-3-grid { display: grid; grid-row-gap: 30px; font-family: var(--old-body-font); }
@media (min-width: 0px) { .mb-inner-3-grid { grid-template-columns: 1fr; } }
@media (min-width: 768px) { .mb-inner-3-grid { grid-template-columns: 1fr 1fr 1fr; } }

.mb-inner-3-grid > div:last-child { grid-column: span 3; }

.mb-inner-sec2-container { background-color: #FFF; height: 100vh; }

.logo-small-footer { width: 80px; padding: 5px; padding-top: 7px; }

.simple-nav { display: grid; grid-template-columns: 1fr; grid-template-rows: 4em; justify-items: center; align-items: center; background-color: #FFF; -webkit-box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); font-size: 10px; border-top: 5px solid; border-color: var(--minutebox-yellow); border-bottom: #FAFAFA solid 3px; }

@media (min-width: 1100px) { .mb-navbar-login-group { padding-left: 50px !important; } }

.mb-navbar-container { width: 100%; border-top: 4px solid; border-color: var(--minutebox-yellow); font-family: var(--old-body-font); -webkit-box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); background-color: #FFF; position: relative; z-index: 99; }

.mobile-navbar-right-menu-container { display: grid; grid-template-columns: 1fr; }

.mb-navbar { max-width: 1200px; margin: 0 auto; justify-items: center; align-items: center; height: 70px; display: grid; grid-template-columns: auto 1fr auto; position: relative; z-index: 99; font-family: var(--new-body-font); grid-template-rows: 70px auto; }
@media (min-width: 768px) { .mb-navbar { height: 100px; grid-template-rows: 100px auto; } }

.mb-navbar-menu-container { margin: 5px; display: inline-block; position: relative; text-align: left; padding: 10px; font-weight: 400; border-radius: 6px; font-size: 14px; font-family: var(--new-header-font); transition: box-shadow 150ms ease-out; }
@media (min-width: 0px) { .mb-navbar-menu-container { margin: 10px; } }
.mb-navbar-menu-container:hover { border-color: var(--minutebox-yellow); transition: 0.1s; -webkit-box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5), 0 2px 0px 0 var(--minutebox-yellow); color: var(--minutebox-blue); }

.mobile-mb-navbar-menu-container { display: inline-block; position: relative; font-family: var(--new-header-font); padding: 0.75rem 0; font-size: 1rem; font-weight: 500; }
.mobile-mb-navbar-menu-container:hover { color: var(--minutebox-blue); }

.mb-navbar-request-demo { color: white; background: var(--minutebox-purpleAlt1); transition: var(--transition1); }
.mb-navbar-request-demo:hover { color: white !important; background: var(--minutebox-black); }
@media (min-width: 768px) { .mb-navbar-request-demo { font-size: 1.1rem; } }

.mobile-mb-navbar-request-demo { color: white; padding: 10px; background: var(--minutebox-purpleAlt1); transition: var(--transition1); border-radius: 6px; }
.mobile-mb-navbar-request-demo:hover { color: white !important; background: var(--minutebox-black); }
@media (min-width: 768px) { .mobile-mb-navbar-request-demo { font-size: 1.1rem; } }

.mb-navbar-menu-group { display: inline-block; position: relative; }

/* ------------------------------------------------------------------ 							USE CASES
-------------------------------------------------------------------



###################################################################
		This section for the uses cases landing pages
###################################################################
*/
.mb-usecases-container { display: grid; grid-template-columns: 1fr; grid-gap: 40px; }

.mb-usecases-links ul { display: flex; flex-wrap: wrap; justify-content: center; line-height: 2em; }

.mb-usecases-links a { background: rgba(0, 0, 0, 0.1); padding: 3px 5px; border-radius: 3px; margin: 3px; }

.mb-usecases-links a:hover { color: #4a90e2; }

.mb-precedents-toc ul > li { font-size: 0.8em; margin-bottom: 15px; font-weight: 600; transition: color 0.12s; padding: 3px 2px; }

.mb-precedents-toc ul > li:hover { color: #4a90e2; background: rgba(0, 0, 0, 0.05); border-radius: 2px; }

.mb-usecases-body { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; justify-items: center; }

.mb-usecases-block { display: grid; justify-items: center; background: white; border-radius: 7px; max-width: 250px; }

.mb-usecases-block img { margin-bottom: 20px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.03); transition: transform .25s,box-shadow .25s; width: 250px; }

.mb-usecases-block img:hover { transform: translateY(-5px); box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.15); }

.mb-usecases-block h3 { font-size: 16px; font-weight: 600; padding: 0px 5px; text-align: center; }

.mb-announcement-container { display: grid; grid-template-columns: 1fr; font-family: var(--old-body-font); margin: 70px auto; width: 800px; }
@media (max-width: 800px) { .mb-announcement-container { width: 90%; } }

.mb-announcement-container p { margin: 0 0 24px 0; font-size: 18px; font-weight: 400; line-height: 28px; }

.mb-announcement-container a { color: #4a90e2; text-decoration: underline; }

.mb-announcement-container img { width: 500px; display: flex; margin: auto; margin-bottom: 20px; }

.mb-announcement-container h1 { margin-bottom: 8px; font-size: 32px; font-weight: 400; line-height: 42px; font-family: var(--old-body-font); }

.mb-announcement-container h2 { margin-bottom: 8px; font-size: 24px; font-weight: 400; line-height: 38px; font-family: var(--old-body-font); }

.mb-announcement-container h3 { margin-bottom: 8px; font-size: 20px; font-weight: 400; line-height: 38px; font-family: var(--old-body-font); }

.mb-announcement-container ul > li { list-style: inside; margin: 0 0 18px 0; font-size: 18px; font-weight: 400; line-height: 22px; padding-left: 4em; }

/* ------------------------------------------------------------------ 							CLIENT STORIES PAGE STYLES
-------------------------------------------------------------------



###################################################################
		This section for the client stories / testimonials
###################################################################
*/
.mb-client-stories-container { display: grid; grid-template-columns: 4fr 6fr; background: white; grid-template-areas: 'hero hero' 'highlight highlight' 'summary story' 'quote quote'; }
@media (max-width: 767px) { .mb-client-stories-container { grid-template-columns: 1fr; grid-template-areas: 'heroimg' 'hero' 'highlight' 'summary' 'story' 'quote'; } }

.mb-client-stories-hero-image { grid-area: hero; max-height: 400px; background: black; }
@media (max-width: 767px) { .mb-client-stories-hero-image { grid-area: heroimg; } }

.mb-client-stories-hero-image img { height: 400px; display: flex; margin: auto; }
@media (max-width: 767px) { .mb-client-stories-hero-image img { height: 200px; } }

.mb-client-stories-hero-lead { grid-area: hero; padding: 40px 80px; max-width: 1600px; margin: auto; }

.mb-client-stories-subheading { text-transform: uppercase; border-bottom: 5px solid #ffd502; padding-bottom: 10px; width: fit-content; color: white; }
@media (max-width: 767px) { .mb-client-stories-subheading { color: black; } }

.mb-client-stories-heading h1 { font-size: 3em; line-height: 1.1em; color: white; font-weight: 500; text-transform: capitalize; margin-top: 40px; }
@media (max-width: 767px) { .mb-client-stories-heading h1 { color: black; } }
@media (max-width: 1100px) { .mb-client-stories-heading h1 { font-size: 2.5em; } }

.mb-client-stories-read-full-story a { background: #4a90e2; color: white; padding: 10px; border-radius: 4px; }

.mb-client-stories-read-full-story a:hover { box-shadow: 0 6px 20px 0 rgba(91, 91, 91, 0.25); color: white; }

.mb-client-stories-client-highlight-background { background: #EFEFEF; grid-area: highlight; }

.mb-client-stories-client-highlight { background: #EFEFEF; display: flex; grid-area: highlight; margin: auto; max-width: 1400px; }
@media (max-width: 767px) { .mb-client-stories-client-highlight { flex-direction: column; } }

.mb-client-stories-client-highlight-block { color: black; padding: 5px; margin: 30px; border-right: 1px solid rgba(0, 0, 0, 0.3); padding: 0% 4%; }
@media (max-width: 767px) { .mb-client-stories-client-highlight-block { border-right: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); } }
.mb-client-stories-client-highlight-block h2 { color: #4a90e2; font-size: 0.9em; text-transform: uppercase; font-weight: 400; font-family: var(--old-body-font); margin-bottom: 0px; }
@media (max-width: 767px) { .mb-client-stories-client-highlight-block h2 { text-align: center; } }
.mb-client-stories-client-highlight-block p { margin-top: 20px; font-size: 36px; line-height: 44px; margin-bottom: 10px; }
@media (max-width: 1350px) { .mb-client-stories-client-highlight-block p { font-size: 30px; line-height: 28px; } }
@media (max-width: 1250px) { .mb-client-stories-client-highlight-block p { font-size: 26px; line-height: 28px; } }
@media (max-width: 1000px) { .mb-client-stories-client-highlight-block p { font-size: 24px; line-height: 22px; } }
@media (max-width: 950px) { .mb-client-stories-client-highlight-block p { font-size: 20px; line-height: 22px; } }
@media (max-width: 800px) { .mb-client-stories-client-highlight-block p { font-size: 16px; line-height: 20px; } }
@media (max-width: 767px) { .mb-client-stories-client-highlight-block p { text-align: center; margin-bottom: 40px; font-size: 36px; line-height: 44px; } }

.mb-client-stories-client-highlight-block:last-child { border-right: 0px; }
@media (max-width: 767px) { .mb-client-stories-client-highlight-block:last-child { border-bottom: 0px; } }

.mb-client-stories-client-summary { background: #4a90e2; border-radius: 4px; max-width: 300px; display: flex; justify-self: end; margin-right: 30px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); flex-direction: column; padding: 50px 30px; margin-top: 100px; }
@media (max-width: 767px) { .mb-client-stories-client-summary { justify-self: center; margin-top: 50px; margin-bottom: 10px; } }
.mb-client-stories-client-summary h2 { text-transform: uppercase; color: rgba(255, 255, 255, 0.8); font-size: 0.8em; font-weight: 300; margin-bottom: 10px; }
.mb-client-stories-client-summary p { color: white; font-family: var(--old-body-font); font-weight: 400; font-size: 0.9em; }
@media (max-width: 767px) { .mb-client-stories-client-summary p { line-height: 1.6em; } }

.mb-client-stories-client-summary-company-logo img { margin-top: 20px; padding-top: 50px; border-top: 1px solid white; width: 100%; user-select: none; }

.mb-client-stories-client-story { background: white; padding: 30px; max-width: 800px; padding-top: 100px; }
.mb-client-stories-client-story p { font-family: var(--old-body-font); }
.mb-client-stories-client-story li { list-style: unset; line-height: 1.5em; padding-bottom: 20px; font-family: var(--old-body-font); }

.mb-client-stories-read-full-story-inline { background: #4a90e2; color: white; padding: 10px; border-radius: 4px; }

.mb-client-stories-read-full-story-inline a:hover { box-shadow: 0 6px 20px 0 rgba(91, 91, 91, 0.25); color: white; }

.mb-client-stories-client-quote { background: white; border-radius: 2px; background-color: #fff; box-shadow: 0 13px 24px 3px rgba(150, 150, 150, 0.25); margin: 24px 25px 40px; padding: 30px 25px; grid-area: quote; max-width: 70%; justify-self: center; }
.mb-client-stories-client-quote img { max-width: 150px; border-radius: 100px; }
.mb-client-stories-client-quote p { font-size: 28px; line-height: 40px; color: #4e1b1e; font-weight: 300; text-align: center; }

.mb-client-stories-client-quote-person { text-transform: uppercase; font-family: var(--old-body-font); }
.mb-client-stories-client-quote-person h2 { font-size: 1em; margin: 0px; margin-bottom: 10px; text-align: center; font-weight: 300; }
.mb-client-stories-client-quote-person p { font-size: 0.8em; margin: 0px; }

/* ------------------------------------------------------------------ 							RESOURCES PAGE STYLES
-------------------------------------------------------------------



###################################################################
		This section for the resources section 
###################################################################
*/
.mb-resources-container { display: grid; grid-template-columns: 1fr 1fr; margin-top: 120px; }

.mb-resources-heading { padding: 50px; padding-left: 40%; }

.mb-resources-second-row { background: white; padding: 50px; padding-left: 40%; }
.mb-resources-second-row ul { font-family: var(--old-body-font); margin-left: 1.25rem; list-style-type: disc; margin-bottom: .66667rem; list-style-position: outside; line-height: 1.6; padding-left: 40px; }
.mb-resources-second-row li { list-style: inherit; }

.mb-resources-lp-second-row { background: white; padding: 50px; padding-left: 40%; }
.mb-resources-lp-second-row u { text-decoration-color: #ffd502; }

.mb-resources-lp-list { display: grid; grid-template-columns: auto 1fr; grid-gap: 10px 12px; box-shadow: 1px 1px 21px 6px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 23px; width: fit-content; font-size: 0.8em; }
.mb-resources-lp-list i { color: #4a90e2; }
@media (max-width: 1100px) { .mb-resources-lp-list { margin: auto; font-size: 1em; } }

.mb-resources-container h1 { font-size: 2em; }

.mb-resources-container h2 { font-weight: 600; text-transform: uppercase; font-size: 1em; border-bottom: 5px solid #4a90e2; width: fit-content; padding-bottom: 9px; }

.mb-resources-container h3 { font-weight: 500; font-size: 2em; font-family: var(--old-body-font); color: #4a90e2; }

.mb-resources-container p { font-family: var(--old-body-font); }

.mb-resources-form { display: grid; justify-content: flex-start; margin-left: 80px; padding-top: 60px; }

.mb-resources-spacer { background: white; background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23f2f2f2' stroke-width='8.2' %3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E"); }

.mb-resources-disclaimer { grid-column: span 2; background: #ffffff; color: #b6b6b6; font-size: 12px; line-height: 18px; font-weight: 300; text-align: center; font-style: italic; font-family: var(--old-body-font); }
.mb-resources-disclaimer p { max-width: 600px; margin: 20px auto; }

.mb-testimonial-container-no-grid { background-image: linear-gradient(181deg, #54DFB2 41%, #3BBA91 69%); background: #54DFB2; color: #ffffff; font-family: var(--old-body-font); }

.testimonials-container-meta { display: grid; grid-template-columns: 1fr 1fr; padding: 50px 100px; background: #54DFB2; }
@media (max-width: 1480px) { .testimonials-container-meta { grid-template-columns: 1fr; } }

#testimonials { margin-bottom: 1.5rem; }

.mb-testimonial-container { grid-column: span 1; background-image: linear-gradient(181deg, #54DFB2 41%, #3BBA91 69%); background: #54DFB2; color: #ffffff; font-family: var(--old-body-font); }

.mb-testimonial { display: grid; grid-template-columns: 150px 1fr; width: 600px; margin: 0px auto; padding: 50px 0px; grid-gap: 30px; }
@media (max-width: 800px) { .mb-testimonial { grid-template-columns: 1fr; grid-gap: 0px; width: unset; padding: 20px; margin: 0px auto; } }

.mb-testimonial-stars { display: grid; align-items: center; justify-content: flex-end; grid-template-columns: auto auto; }
.mb-testimonial-stars i { color: #ffd502; margin-bottom: 3px; }
.mb-testimonial-stars h1 { font-size: 1.2em; margin: 0px; margin-right: 10px; font-family: var(--old-body-font); }
@media (max-width: 800px) { .mb-testimonial-stars { grid-template-columns: 1fr; grid-gap: 5px; margin-bottom: 5px; } }

@media (max-width: 800px) { .mb-testimonial-rating { margin: auto; } }

.mb-testimonial-person h1 { font-size: 0.8em; margin: 0px; text-align: center; font-weight: 400; }
.mb-testimonial-person p { font-size: 1.2em; margin: 0px; text-align: center; font-weight: 700; }
@media (max-width: 800px) { .mb-testimonial-person img { margin: auto; width: 140px; justify-content: center; display: flex; } }

.mb-testimonial-copy { display: grid; grid-template-rows: 40px 1fr; justify-content: center; }
@media (max-width: 800px) { .mb-testimonial-copy { justify-items: center; grid-template-rows: initial; } }

.mb-testimonial-script { font-weight: 400; line-height: 1.2em; font-style: italic; text-align: right; font-size: 1.2em; border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 10px; display: flex; align-items: center; }
@media (max-width: 800px) { .mb-testimonial-script { text-align: center; } }

@media (max-width: 1100px) { .mb-resources-container { display: grid; grid-template-columns: 1fr; margin-top: 40px; justify-items: center; }
  .mb-resources-heading { padding: 50px 50px 5px 50px; text-align: center; }
  .mb-resources-heading h1 { max-width: 600px; }
  .mb-resources-heading h2 { text-align: center; margin: 20px auto; }
  .mb-testimonial-container { grid-column: span 1; width: 100%; }
  .mb-resources-disclaimer { grid-column: span 1; width: 100%; }
  .mb-resources-disclaimer p { padding: 20px; max-width: 500px; }
  .mb-resources-form { margin-left: unset; margin-bottom: 40px; padding-top: unset; }
  .mb-resources-lp-second-row { padding: 50px; }
  .mb-resources-second-row { background: white; padding: 50px 20%; }
  .mb-resources-second-row ul { padding-left: unset; margin-left: unset; }
  .mb-resources-spacer { width: 100%; } }
/* ------------------------------------------------------------------ 							PRECEDENTS PAGE STYLES
-------------------------------------------------------------------



###################################################################
		This section for the features section of the nav bar
###################################################################
*/
.mb-precedents-container { display: grid; grid-template-columns: 1fr 3fr; grid-gap: 40px; }

.mb-precedents-toc ul > li { font-size: 0.8em; margin-bottom: 15px; font-weight: 600; transition: color 0.12s; padding: 3px 2px; }

.mb-precedents-toc ul > li:hover { color: #4a90e2; background: rgba(0, 0, 0, 0.05); border-radius: 2px; }

.mb-precedents-body { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; }

.mb-precedent-block .request-precedent { color: white; background: #424242; padding: 3px 6px; font-size: 0.7em; border-radius: 4px; }
.mb-precedent-block .request-precedent:hover { background: #888888; }

.mb-precedent-block-span-3 { grid-column: span 3; }

.precedents-notice { font-size: 0.5em; color: #888888; }

.precedents-notice-start { font-size: 0.7em; vertical-align: super; }

.mb-precedent-block img { margin-bottom: 20px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.03); transition: transform .25s,box-shadow .25s; width: 250px; }

.mb-precedent-block img:hover { transform: translateY(-5px); box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.15); }

.mb-precedent-block h3 { font-size: 16px; font-weight: 600; margin: 0px 0px 7px 0px; }

.mb-precedent-block p { font-family: var(--old-body-font); font-size: 14px; opacity: 0.8; }

.mb-precedent-block ul > li { font-family: var(--old-body-font); margin-bottom: 10px; }

/* ------------------------------------------------------------------ 							ANNOUNCEMENT CONTAINER
-------------------------------------------------------------------



###################################################################
		This section for the announcement container
###################################################################
*/
.announcement-container { background: #4a90e2; color: white; padding: 10px 5%; justify-content: center; display: flex; text-align: center; align-items: flex-start; transition: height 0.5s ease, opacity 0.5s ease; opacity: 1; height: auto; }
.announcement-container > i { padding: 0px 5px; }
@media (min-width: 1160px) { .announcement-container { align-items: center; } }

.announcement-container a { align-self: center; }

.announcement-container.fade-out { opacity: 0; height: 0; overflow: hidden; padding-top: 0; padding-bottom: 0; }

/* ------------------------------------------------------------------ 							NAV BAR: FEATURES STYLING
-------------------------------------------------------------------



###################################################################
		This section for the features section of the nav bar
###################################################################
*/
@media (max-width: 800px) { .mb-navbar-submenu-features { transition: max-height 0.5s 0.25s; display: none; color: black; }
  .mb-navbar-submenu-features .mb-feature-icon { display: none; }
  .mb-navbar-submenu-features .mb-navbar-submenu-item-explainer-text { display: none; }
  .mb-navbar-submenu-features .mb-navbar-submenu-item-features { padding-bottom: 15px; line-height: 10pt; display: grid; grid-column: 3; text-align: center; }
  .mb-navbar-menu-container:hover .mb-navbar-submenu-features { display: grid; max-height: 500px; transition: max-height 0.5s 0.25s; } }
@media (min-width: 768px) and (min-width: 801px) { .mb-navbar-submenu-features { max-height: 0px; background: white; transition: max-height 0.5s 0.25s; position: fixed; left: 0; top: 60px; width: 100vw; color: black; -webkit-box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5), 0 2px 0px 0 var(--minutebox-yellow); display: flex; margin: 10px 0px 0px 0px; overflow: hidden; }
  .mb-navbar-menu-container:hover .mb-navbar-submenu-features { max-height: 500px; transition: max-height 0.5s 0.25s; } }

.mb-features-submenu-container { background: white; max-width: 1200px; margin: auto; display: grid; grid-template-columns: repeat(5, 1fr); }

.mb-navbar-submenu-item-features { padding: 20px 20px 0px 20px; background: white; display: grid; }
.mb-navbar-submenu-item-features:hover { color: var(--minutebox-blue); }

.mb-navbar-submenu-item-all-features { grid-column: span 5; text-align: center; padding: 0px 0px 20px 0px; }

.mb-feature-icon { width: fit-content; padding: 15px; border-radius: 10px; margin-bottom: 10px; }

.mb-feature-icon-1 { background: #eaefeb; }

.mb-feature-icon-2 { background: #f1f6e9; }

.mb-feature-icon-3 { background: #fdecdc; }

.mb-feature-icon-4 { background: #f6e4eb; }

.mb-feature-icon-5 { background: #e8f2fe; }

.mb-feature-icon i { font-size: 40px; }

.mb-navbar-submenu-item-features a { font-weight: 800; }

.mb-navbar-submenu-item-explainer-text p { opacity: 0.5; font-family: var(--old-body-font); font-size: 0.9em; font-weight: 400; }

/* ------------------------------------------------------------------ 							END LABS
-------------------------------------------------------------------

*/
@media (max-width: 800px) { .mb-navbar-submenu { transition: max-height 0.5s 0.25s; display: none; color: black; text-align: center; padding-top: 5px; }
  .mb-navbar-menu-container:hover .mb-navbar-submenu { text-align: center; line-height: 10pt; display: grid; max-height: 500px; transition: max-height 0.5s 0.25s; } }
@media (min-width: 768px) and (min-width: 801px) { .mb-navbar-submenu { max-height: 0px; transition: max-height 0.5s 0.25s; position: absolute; top: 100%; left: -150px; width: 400px; color: black; -webkit-box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5), 0 2px 0px 0 var(--minutebox-yellow); display: grid; grid-template-columns: 1fr 1fr; margin: 10px 0px 0px -10px; overflow: hidden; }
  .mb-navbar-menu-container:hover .mb-navbar-submenu { max-height: 500px; transition: max-height 0.5s 0.25s; } }

.mb-navbar-submenu-item { padding: 20px; }
.mb-navbar-submenu-item:hover { color: var(--minutebox-blue); }

.mb-navbar-submenu-item:nth-child(1) { background: #FAFAFA; width: 100%; text-align: center; }

.mb-navbar-submenu-item:nth-child(2) { background: white; width: 100%; text-align: center; }

.mb-navbar-submenu-item:nth-child(3) { background: white; width: 100%; text-align: center; }

.mb-navbar-submenu-item:nth-child(4) { background: #fafafa; width: 100%; text-align: center; }

.mb-navbar-submenu-item:nth-child(5) { background: #fafafa; width: 100%; text-align: center; }

.mb-navbar-submenu-item:nth-child(6) { background: white; width: 100%; text-align: center; }

.mb-navbar-submenu-item:nth-child(7) { background: white; width: 100%; text-align: center; grid-column: span 2; }

#mb-navbar-submenu-item-precedents { background: white; width: 100%; text-align: center; grid-column: span 1; }

#mb-navbar-submenu-item-security { background: #fafafa; width: 100%; text-align: center; grid-column: span 1; }

@media (min-width: 0px) { .mb-navbar-submenu-1-col { display: none; } }
@media (min-width: 768px) { .mb-navbar-submenu-1-col { max-height: 0px; transition: max-height 0.5s 0.25s; position: absolute; top: 100%; left: -50px; width: max-content; color: black; -webkit-box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5), 0 2px 0px 0 var(--minutebox-yellow); display: grid; grid-template-columns: 1fr; margin: 10px 0px 0px -10px; overflow: hidden; }
  .mb-navbar-menu-container:hover .mb-navbar-submenu-1-col { max-height: 500px; transition: max-height 0.5s 0.25s; } }

.sticky-nav { position: sticky; top: 0; width: 100%; background-color: #FFF; }

#mb-navbar-toggle, .burger-menu { display: none; }

.burger-menu { width: 40px; }

#salesButton { font-weight: 800; color: var(--minutebox-blue); }

.mobile-mb-navbar-right-menu { display: none; }

@media only screen and (max-width: 1200px) { .burger-menu { display: block; grid-row: 1; grid-column: 3; justify-items: right; }
  .mb-navbar-right-menu { display: none; }
  #mb-navbar-toggle:checked ~ .mobile-mb-navbar-right-menu { display: grid; transition: opacity 2s ease; grid-row: 2; grid-column: 1/-1; justify-items: flex-end; text-align: right; padding: 0px; width: 100%; height: 100vh; background: white; align-items: flex-start; justify-content: flex-end; padding: 1rem 2.5rem 8rem; border-top: 3px solid var(--minutebox-background-grey); } }
@media only screen and (max-width: 1200px) and (max-width: 600px) { #mb-navbar-toggle:checked ~ .mobile-mb-navbar-right-menu { justify-content: flex-start; text-align: left; } }

@media only screen and (max-width: 1200px) { .mb-navbar-right-menu-container { background: red; display: grid; grid-column: 1/-1; }
  .mobile-mb-navbar-right-menu-container { background: red; display: grid; grid-column: 1/-1; position: absolute; top: 0px; width: 100vw; height: 100vh; }
  .mobile-mb-navbar-submenu-item { padding: 10px; }
  .mobile-mb-navbar-submenu-item:hover { color: var(--minutebox-blue); }
  .mobile-navbar { /* styles for navbar */ }
  .mobile-menu-item { padding: 0.75rem 0; font-size: 1rem; font-weight: 500; cursor: pointer; }
  .mobile-menu-item a { /* styles for anchor tags */ }
  .mobile-menu-item i.fas { transition: color 0.3s ease, transform 0.3s ease; }
  .mobile-menu-item.active i.fas { color: purple; transform: rotate(180deg); }
  .mobile-submenu { display: none; /* styles for submenus */ }
  .mobile-nav-submenu { background: #efefef; padding: 1.5rem; border-radius: 10px; margin-top: 1rem; }
  #loginButton { display: none; }
  .mb-navbar-login-button { display: none; }
  .mb-navbar-container { justify-items: center; } }
.mb-navbar-right-menu { grid-column: 3; align-items: center; justify-items: center; padding-right: 3em; }

.mb-navbar-right-menu .mb-navbar-login-button { border: 1px solid; border-radius: 4px; color: #333; padding: 3px 20px; font-size: 18px; vertical-align: middle; text-align: center; -webkit-text-decoration: none; text-decoration: none; font-weight: 300; }

.mb-navbar-login-button a:hover { text-align: left; padding: 10px; font-weight: 400; font-size: 16px; font-family: var(--new-body-font); }

.mb-navbar-logo { grid-column: 1; width: 150px; padding: 20px; }
@media (min-width: 768px) { .mb-navbar-logo { width: 200px; padding: 0px 20px; } }

.simple-body { display: grid; grid-template-columns: 1fr 1fr; padding: 30px; height: 500px; justify-items: center; align-items: center; background-color: #FFF; -webkit-box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); max-width: 95%; margin: 0 auto; border-radius: 8px; }

.simple-body-box-left { justify-content: center; padding-left: 2em; }

.simple-body-box-right { justify-items: center; align-items: center; }

.simple-body-box-items { display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 5px; font-size: 1em; margin: 0 auto; }

.simple-body-box-item { padding: 10px; background-color: #FFF; border-radius: 4px; -webkit-box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); text-align: center; border-bottom: 3px solid #FFE45C; }

.lp-email-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-auto-flow: row; padding: 80 0 0 0; column-gap: 10px; row-gap: 10px; }

.lp-email-form-field { background-color: #FFF; justify-self: stretch; }

.lp-email-form button { background-color: #FFF; }

.airtable-block { border-radius: 10px; -webkit-box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); max-width: 1200px; margin: 0 auto; }
@media (min-width: 0px) { .airtable-block { max-width: 95vw; } }

.wistia-block { display: block; }
@media (min-width: 0px) { .wistia-block { display: block; } }

.calendly-block { background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23fafafa' stroke-width='10' %3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E"); padding: 0; }

.success-block { margin: 10px auto; height: 50vh; }

.corporate-registry { display: grid; grid-column: 1fr 1fr; }

.mb-small-contact-form-container { margin: 0 auto; }

.mb-small-contact-form { display: grid; grid-template-columns: repeat(4, 1fr); justify-items: stretch; grid-gap: 5px; margin: 0 auto; justify-self: stretch; padding: 10px; max-width: 1000px; }
.mb-small-contact-form input { border: 1px solid #efefef; outline: none; }

.mb-stacked-contact-form { display: grid; grid-template-columns: 1fr; justify-items: stretch; grid-gap: 5px; margin: 20px; justify-self: stretch; max-width: 1000px; }
.mb-stacked-contact-form input { border: 1px solid #efefef; outline: none; }

mb-stacked-contact-form-consent { display: grid; grid-template-columns: auto 1fr; grid-gap: 5px; align-items: center; }

.mb-large-contact-form { display: grid; grid-template-columns: 1fr 1fr; width: 80%; margin: auto; }

.mb-form-input { margin: 0; height: 40px; border-radius: 6px; width: 100%; border: 0; padding: 8px 20px; font-size: 15px; }

.mb-form-input p { line-height: 0px; }

.mb-form-submit { background: var(--minutebox-blue); margin: 0; height: 40px; border-radius: 6px; border: 0; width: 100%; font-size: 15px; color: #FFF; font-weight: 800; }

.mb-form-submit:hover { -webkit-box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 7px 0 rgba(204, 204, 204, 0.5); background: #285182; cursor: pointer; }

.mb-stripe-checkout-block { margin: 3em auto; }

.mb-vertical-contact-form-container { margin: 0 auto; }

.mb-vertical-contact-form { display: grid; grid-template-columns: repeat(1, 1fr); justify-items: stretch; grid-gap: 45px; margin: 0 auto; justify-self: stretch; width: 370px; max-width: 400px; background: #ffd502; box-shadow: 9px 9px 25px -4px rgba(109, 109, 109, 0.25); padding: 50px; position: absolute; border-radius: 10px; min-height: 600px; }
.mb-vertical-contact-form h1 { font-family: var(--old-body-font); font-size: 1.5em; text-align: center; }
.mb-vertical-contact-form input { border: 1px solid #efefef; outline: none; }

@media (max-width: 1100px) { .mb-vertical-contact-form { position: unset; grid-gap: 15px; } }
.corporate-registry-map { background: url("/assets/images/mb-canada-map.png"); background-repeat: no-repeat; width: 50%; height: 50%; position: absolute; bottom: 0px; z-index: -2; align-self: start; }

.inner { background: #fbfbfb; }

.inner-bg { background-color: #f2f2f2; background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='123' height='123' viewBox='0 0 100 100'%3E%3Crect x='0' y='0' width='42' height='42' fill-opacity='0.52' fill='%23fffffa'/%3E%3C/svg%3E"); }

.inner .nav-head { background: #FFF; }

.inner .header::before { display: none; }

.inner-header { display: block; padding: 0px 0px 50px 0px; position: relative; }

.responsiveHeader { display: none; margin-bottom: 10px; }

.section-faq { max-width: 1200px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2em; padding: 0px 40px; margin-bottom: 4em; }
@media (max-width: 700px) { .section-faq { grid-template-columns: 1fr; } }

.faq-header { grid-column: span 2; }
@media (max-width: 700px) { .faq-header { grid-column: span 1; } }

.faq-header > h2 { text-align: center; width: 100%; font-family: var(--header-font); }

.faq-question { line-height: 1.455em; margin-bottom: 0.8em; font-weight: 500; font-weight: bold; font-size: 1.25em; }

.faq-answer { line-height: 1.625em; font-family: var(--body-font); }

.page-head { padding: 5%; margin-bottom: 0px; }
.page-head > h6 { text-transform: uppercase; }

.full-width-wrapper { background: white; padding: 0px; }

.full-width-container { background: linear-gradient(#fdf2c4, #fff8d6); }

.full-width-hero { padding: 80px 50px 80px; background: #FFF; position: relative; background: url(https://minutebox.media/www/backgrounds/3d-logo-bg.png); background-repeat: no-repeat; background-size: 1200px 400px; background-position: center; transition: all 2s; }
@media (max-width: 900px) { .full-width-hero { background-size: 900px 300px; } }
@media (max-width: 600px) { .full-width-hero { background-size: 800px 267px; padding: 90px 50px; } }
@media (max-width: 400px) { .full-width-hero { background-size: 700px 233px; padding: 90px 50px; } }

.full-width-hero-alt a { background: #4a90e2; padding: 20px; margin: auto; display: grid; width: fit-content; color: white !important; font-family: var(--body-font); }

.full-width-hero-alt h3, .full-width-hero-alt .text-center { color: black; }

.full-width-hero-alt { padding: 80px 50px 80px; background: #FFF; position: relative; background: url(https://minutebox.media/www/backgrounds/mb-bg2.webp); background-repeat: no-repeat; background-size: 3200px 2133px; background-position: center; transition: all 2s; }
@media (max-width: 2400px) { .full-width-hero-alt { background-size: 2400px 1600px; } }
@media (max-width: 900px) { .full-width-hero-alt { background-size: 900px 600px; } }
@media (max-width: 600px) { .full-width-hero-alt { background-size: 800px 533px; padding: 90px 50px; } }
@media (max-width: 400px) { .full-width-hero-alt { background-size: 700px 467px; padding: 90px 50px; } }

.content-area { background: white; }

.careers-section-block { display: grid; align-items: flex-start; justify-content: flex-start; margin: auto; text-align: left; }

.careers-values-container { padding: 50px 100px; }
.careers-values-container > h2 { text-align: center; }
.careers-values-container > p { text-align: center; line-height: 150%; }

.careers-value-blocks { grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 50px; }
@media (max-width: 1150px) { .careers-value-blocks { grid-template-columns: 1fr 1fr; } }
@media (max-width: 850px) { .careers-value-blocks { grid-template-columns: 1fr; } }

.careers-value-block > h3 { font-size: 20px; font-family: var(--body-font); font-weight: bold; margin-bottom: 10px; }
.careers-value-block > p { font-family: var(--body-font); }
.careers-value-block:hover .career-icon { transition: box-shadow 120ms ease; box-shadow: 3px 3px #424242; }

.career-icon { width: fit-content; padding: 10px; border-radius: 6px; margin-bottom: 7px; background: #ffd502; transition: box-shadow 120ms ease; }
.career-icon > i { font-size: 20px; }
.career-icon:hover { box-shadow: 3px 3px #424242; }

.careers-benefits-container { grid-template-columns: 4fr 7fr; grid-gap: 30px; }
@media (max-width: 1150px) { .careers-benefits-container { grid-template-columns: 1fr; } }

.careers-benefits-blocks { grid-template-columns: 1fr 1fr 1fr; padding: 50px 50px; grid-gap: 32px 16px; }
@media (max-width: 1150px) { .careers-benefits-blocks { grid-template-columns: 1fr 1fr; } }
@media (max-width: 850px) { .careers-benefits-blocks { grid-template-columns: 1fr; } }

.careers-benefits-heading-block-bg { background: #ffd502; }

.careers-benefits-heading-block { height: 100%; width: 100%; padding: 150px 80px; background: url(https://minutebox.media/www/backgrounds/bg-abs-dots-in-square.svg); background-repeat: no-repeat; background-size: 1060px; background-position: center; transition: all 2s; }
.careers-benefits-heading-block > p { font-family: var(--body-font); line-height: 150%; }
@media (max-width: 1150px) { .careers-benefits-heading-block { padding: 5%; } }

.careers-how-container { justify-content: unset; }

.careers-how-content-block { padding: 50px 0px; }

.careers-how-heading { text-align: center; }
.careers-how-heading > p { font-family: var(--body-font); }

.careers-how-content { display: grid; grid-template-columns: 4fr 6fr; padding: 0px 100px; margin-top: 48px; font-family: var(--body-font); grid-gap: 0px 50px; }
.careers-how-content > div > a { background: #4a90e2; padding: 20px 50px; margin: auto; display: grid; width: fit-content; color: white; font-family: var(--body-font); }
@media (max-width: 1150px) { .careers-how-content { grid-template-columns: 1fr; } }

.careers-how-content-details { display: grid; grid-template-columns: auto 1fr; grid-gap: 2px 10px; font-family: var(--body-font); }
.careers-how-content-details > div > h3 { font-size: 20px; font-weight: bold; margin-bottom: 0px; }
.careers-how-content-details > div > p { line-height: 150%; }
.careers-how-content-details:hover .career-how-icon { transition: box-shadow 120ms ease; box-shadow: 3px 3px #424242; }

.careers-team-photo { display: grid; align-items: center; justify-content: flex-start; }
@media (max-width: 1150px) { .careers-team-photo { padding-top: 50px; } }
.careers-team-photo > img { box-shadow: 0px 0px 10px 6px rgba(0, 0, 0, 0.2), -15px 15px #f6f6f6; border-radius: 10px; }

.career-how-icon { width: 40px; height: 40px; text-align: center; padding: 10px; border-radius: 6px; background: #ffd502; display: flex; justify-content: center; align-items: center; }

.careers-testimonials-container-bg { background: #ffd502; }

.careers-testimonials-container { height: 100%; width: 100%; padding: 50px 100px; background: url(https://minutebox.media/www/backgrounds/bg-abs-waves.svg); background-repeat: no-repeat; background-size: 1800px; background-position: center; transition: all 2s; }

.careers-testimonials-container-details { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 50px 100px; }
@media (max-width: 1150px) { .careers-testimonials-container-details { grid-template-columns: 1fr; } }

.careers-testimonial { display: grid; grid-template-columns: 1fr 3fr; grid-gap: 20px; font-family: var(--body-font); color: #424242; }
.careers-testimonial > img { border-radius: 50%; border: 1px solid white; box-shadow: 5px 3px #424242; }
.careers-testimonial > div > p:nth-child(1) { font-size: 28px; line-height: 110%; font-style: italic; font-weight: 300; }
.careers-testimonial > div > p:nth-child(2) { color: black; }

.careers-open-roles { padding: 50px 20px; }
.careers-open-roles > h3 { text-align: center; }

/* ------------------------------------------------------------------ 							WEBINARS
-------------------------------------------------------------------
*/
.webinar-transcript-container h1 { max-width: unset; }

.webinar-transcript-content { font-family: var(--body-font); overflow: auto; max-height: 100vh; line-height: 150%; }
@media (max-width: 700px) { .webinar-transcript-content p { font-size: 15px; } }

.webinar-hero-container { background-color: #ffd502; }

.webinar-hero { background-color: #ffd502 !important; padding: 50px; font-family: var(--body-font); text-transform: capitalize; color: white; text-align: center; color: black; padding-top: 5%; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 50px; margin: auto; max-width: 1200px; }
.webinar-hero h1 { font-family: var(--header-font); }
.webinar-hero h3 { margin: 12px 0px 36px 0px; font-size: 20px; }
.webinar-hero .post-attribution { text-align: center; font-weight: 400; font-size: 12px; margin: 10px 0px 10px 0px; font-style: italic; opacity: 0.6; }
@media (max-width: 1050px) { .webinar-hero { grid-template-columns: 1fr; max-height: unset; height: unset; padding-top: 100px; } }

.webinar-hero-content { display: grid; grid-gap: 15px; }
.webinar-hero-content .blog-posts-tags-item { background: rgba(246, 246, 246, 0.9); }
@media (max-width: 1050px) { .webinar-hero-content { grid-gap: 20px; } }

.webinar-hero-video { display: grid; align-items: center; }
.webinar-hero-video video { border-radius: 6px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3), 20px 20px 0px 10px rgba(139, 104, 247, 0.95), -20px -10px 0px 10px rgba(255, 255, 255, 0.45); }

.webinar-about > p { max-width: 600px; margin: auto; text-transform: initial; }

.webinar-lead { background-color: #2345F7 !important; margin: 12px 10% 36px 10%; padding: 50px; border-radius: 6px; font-family: var(--body-font); text-transform: capitalize; color: white; text-align: center; }
.webinar-lead h3 { margin: 12px 0px 36px 0px; font-size: 20px; }
@media (max-width: 500px) { .webinar-lead { padding: 10px; } }

.webinar-lead-content { display: grid; grid-template-columns: 1fr; background: #f6f6f6; grid-gap: 10px; padding: 20px 40px; text-align: left; color: initial; border-radius: 2px; margin: auto; box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.2); text-transform: initial; width: fit-content; }
.webinar-lead-content > div { background: white; }
@media (max-width: 500px) { .webinar-lead-content { padding: 10px; width: unset; font-size: 14px; } }
@media (max-width: 950px) { .webinar-lead-content { padding: 10px; width: unset; font-size: 14px; } }

@media (max-width: 500px) { .webinar-lead-content li { margin: 5px; margin-bottom: 10px; } }

@media (max-width: 950px) { .webinar-lead-content .wistia_responsive_padding { width: 100%; } }
@media (max-width: 600px) { .webinar-lead-content .wistia_responsive_padding { width: 100%; } }
@media (max-width: 500px) { .webinar-lead-content .wistia_responsive_padding { width: 100%; } }

.watch-webinar-button { padding: 20px 40px; background-color: #8743AA; color: white; margin: auto; width: fit-content; }
@media (max-width: 500px) { .watch-webinar-button { text-align: center; } }

.webinar-quote-container { background: rgba(20, 246, 200, 0.2); padding: 50px; line-height: 150%; color: black; border-radius: 2px; margin: 12px 0px 36px 0px; }

.webinar-question h2 { font-size: 30px; margin: 12px 0px 36px 0px; line-height: 150%; }

.webinar-quote { font-style: italic; font-family: var(--body-font); }

/* ------------------------------------------------------------------ 							CALL TO ACTIONS
-------------------------------------------------------------------
*/
.mock-computer-dashboard-container { margin: 5% 10%; }

.mock-computer-dashboard-container-hs { margin: 40px auto; width: fit-content; }
.mock-computer-dashboard-container-hs > a { padding: 20px 40px; background: red; text-decoration: underline; color: white; margin: 12px 0px 36px 0px; }
@media (max-width: 500px) { .mock-computer-dashboard-container-hs { text-align: center; padding: 15px 15px; }
  .mock-computer-dashboard-container-hs > a { padding: 10px 10px; background: red; text-decoration: underline; color: white; margin: 12px 0px 36px 0px; } }

.mock-computer-dashboard-container-full { margin: 0%; }

.mock-computer-dashboard { background: #e2f6f6; display: grid; grid-template-columns: 1fr 1fr; font-family: var(--body-font); border-radius: 6px; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.05); }
@media (max-width: 1150px) { .mock-computer-dashboard { grid-template-columns: 1fr; } }

.mock-computer-dashboard-full { box-shadow: none; border-radius: 0px; }

.mock-computer-dashboard-mb { background: #e2f6f6; display: grid; grid-template-columns: 1fr 1fr; font-family: var(--body-font); border-radius: 6px; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.05); padding: 20px; }
@media (max-width: 1150px) { .mock-computer-dashboard-mb { grid-template-columns: 1fr; } }

.mock-computer-image { background-image: url(https://minutebox.media/www/mockups/imac-dashboard@2x.png); background-repeat: no-repeat; background-size: contain; background-position: center; transition: all 2s; }

.mock-computer-image-straight { background-image: url(https://minutebox.media/www/mockups/macbook-head-on.png); background-repeat: no-repeat; background-size: contain; background-position: center; display: grid; align-items: center; justify-content: center; border-radius: 2px; }
@media (max-width: 1150px) { .mock-computer-image-straight { background-image: unset; padding-top: 50px; } }

.mock-computer-image-straight .thumbnail { opacity: 1; width: 100%; justify-self: center; border-radius: 2px; }

.mock-computer-container { display: grid; margin: auto; width: 55%; border: 3px solid #e7e9ec; border-top: 8px solid #e7e9ec; border-radius: 6px; box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.3); }

.mock-computer-content { text-align: center; padding: 85px 85px; }
.mock-computer-content > h2 { color: black; }
.mock-computer-content > a { padding: 20px 40px; background: red; text-decoration: underline; color: white; margin: 12px 0px 36px 0px; }
@media (max-width: 500px) { .mock-computer-content { text-align: center; padding: 15px 15px; }
  .mock-computer-content > h2 { color: black; font-size: 1em; }
  .mock-computer-content > p { font-size: 1em; }
  .mock-computer-content > a { padding: 10px 10px; background: red; text-decoration: underline; color: white; margin: 12px 0px 36px 0px; } }

.what-to-do-next { width: 50%; max-width: 1200px; margin: 36px auto 12px auto; background: white; border: 10px solid #4a90e2; padding: 30px; border-radius: 3px; line-height: 170%; font-family: var(--body-font); }
.what-to-do-next > ol > li { margin: 36px 0px 12px 0px; list-style: auto; }
.what-to-do-next a { color: #4a90e2; background-color: #4a91e26d; transition: background-color 120ms ease-in; padding: 1px 2px; }
.what-to-do-next a:hover { background-color: unset; }
@media (max-width: 500px) { .what-to-do-next { padding: 10px; width: 90%; } }

/* ------------------------------------------------------------------ 							SHARE BAR STYLES
-------------------------------------------------------------------
*/
.share-bar-action { font-family: var(--body-font); font-weight: 600; text-align: center; padding: 20px 0px 10px 0px; }

/* ------------------------------------------------------------------ 							FULL HERO STYLES
-------------------------------------------------------------------
*/
.full_hero { padding-top: calc(70px + 5%); background: white; text-align: center; background-image: url(https://minutebox.media/www/backgrounds/bg-abs-waves.svg); background-color: #f6f6f6; font-family: var(--body-font); }
.full_hero > h1 { position: relative; z-index: 5; margin-top: 24px; margin-bottom: 16px; font-size: 48px; line-height: 1.1; font-weight: 600; letter-spacing: -0.04em; }
.full_hero > p { position: relative; z-index: 5; margin-top: 8px; margin-bottom: 8px; font-size: 19px; line-height: 1.4; font-weight: 400; letter-spacing: -0.02em; font-weight: 500; font-family: var(--body-font); }

.button_block { display: inline-block; }

.buttonClean { cursor: pointer; user-select: none; }

.text_container { width: 100%; max-width: 676px; margin-right: auto; margin-left: auto; padding-right: 16px; padding-left: 16px; }

.full_hero_buttons { display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; }
.full_hero_buttons > .button { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 8px 16px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 100px; background-color: #007aff; -webkit-transition: background-color 400ms ease, color 400ms ease, box-shadow 400ms ease; transition: background-color 400ms ease, color 400ms ease, box-shadow 400ms ease; color: #fff; font-size: 16px; line-height: 1.25; font-weight: 500; text-align: center; letter-spacing: -0.02em; text-decoration: none; }
.full_hero_buttons > .large_button { padding: 16px 32px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 20px; line-height: 1.25; }
.full_hero_buttons > .watch_video { background-color: #1d1d1f; color: #fff; }
.full_hero_buttons > .contact_sales { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: transparent; box-shadow: inset 0 0 0 2px #2b2a35; color: #1d1d1f; text-decoration: none; }

.full_hero_screen_image { background-size: contain; height: calc(100vw * 0.6); background-repeat: no-repeat; background-position: center; }

/* ------------------------------------------------------------------ 							CHECKLIST STYLES
-------------------------------------------------------------------
*/
.resource-button-link a { color: unset; }

.checklist-wrapper { padding: 60px 120px; background: white; margin: 0% 10%; }
@media (max-width: 950px) { .checklist-wrapper { padding: 10px 20px; margin: 0% 10px; } }
@media (max-width: 600px) { .checklist-wrapper { padding: 10px 20px; margin: 0% 10px; } }

.guide-hero-image { display: grid; align-items: center; width: 100%; }
@media (max-width: 1050px) { .guide-hero-image { justify-content: center; } }

.checklist-lead { background-color: #654CAF !important; margin: 12px 10% 36px 10%; padding: 50px; border-radius: 6px; font-family: var(--body-font); text-transform: capitalize; color: white; }
.checklist-lead > h2 { font-size: 30px; text-align: center; }
.checklist-lead > h6 { text-align: center; }

.guide-lead { background-color: #2345F7 !important; margin: 12px 10% 36px 10%; padding: 50px; border-radius: 6px; font-family: var(--body-font); text-transform: capitalize; color: white; }
.guide-lead > h2 { font-size: 30px; text-align: center; }
.guide-lead > h6 { text-align: center; }

.checklist-lead-content { display: grid; grid-template-columns: auto 1fr; background: #f6f6f6; grid-gap: 10px; padding: 20px 40px; text-align: right; color: initial; border-radius: 2px; box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.2); }
@media (max-width: 500px) { .checklist-lead-content > p { text-align: left; margin-bottom: 0px; } }
.checklist-lead-content > div { background: white; }
@media (max-width: 500px) { .checklist-lead-content > div { border: 1px solid black; border-radius: 4px; height: 36px; } }
@media (max-width: 500px) { .checklist-lead-content { grid-template-columns: 1fr; } }

.guide-lead-content { display: grid; grid-template-columns: auto 1fr; background: #f6f6f6; grid-gap: 10px; padding: 20px 40px; text-align: left; color: initial; border-radius: 2px; box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.2); text-transform: initial; }
.guide-lead-content > div { background: white; }

@media (max-width: 500px) { .guide-lead-content li { margin: 5px; margin-bottom: 10px; } }

.checklist-list-heading { display: grid; grid-template-columns: auto 1fr; margin-top: 36px; margin-bottom: 12px; grid-gap: 15px; }

.checklist-list-heading-title { align-items: flex-end; justify-content: flex-start; display: flex; text-transform: uppercase; }
@media (max-width: 500px) { .checklist-list-heading-title { font-size: 16px; } }

.check-list-heading-step { text-decoration: underline; background: yellow; color: #654CAF; padding: 10px; border-radius: 50%; min-width: 100px; min-height: 100px; display: flex; justify-content: center; align-items: center; box-shadow: 5px 5px 0px; font-weight: bold; }
@media (max-width: 500px) { .check-list-heading-step { border-radius: 5%; min-height: initial; height: fit-content; } }

.checklist-wrapper > ol > li { list-style: none; border-left: none; margin-bottom: 20px; font-family: var(--body-font); line-height: 150%; }

.checklist-wrapper i { margin-right: 10px; }

.checklist-wrapper a { color: #654CAF; text-decoration: underline; }

.checklist-notice { color: rgba(60, 60, 67, 0.6); margin: 0px 0px; display: grid; padding: 5px 10px; position: relative; font-size: 0.8em; border-top: 10px solid #FFEA3D; box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1); background-color: #FEF49C; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: grid; grid-template-columns: auto 1fr; font-family: var(--body-font); }

.checklist-tip { color: rgba(60, 60, 67, 0.6); margin: 0px 0px; display: grid; padding: 20px; position: relative; font-size: 0.8em; border-radius: 6px; margin-left: 150px; box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1); background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; grid-template-columns: auto 1fr; font-family: var(--body-font); }
@media (max-width: 500px) { .checklist-tip { margin: 5px; } }

.guide-table { border: 1px solid black; margin-top: 36px; margin-bottom: 12px; }

.guide-table > table th { background: #2345F7; color: white; padding: 20px; }

.guide-table td:nth-child(1) { font-weight: bold; padding: 10px; background: #f6f6f6; }

.guide-table td:nth-child(2) { font-family: var(--body-font); padding: 10px; }

.guide-table i { font-weight: bold; }

.bg-dots { background: url(https://minutebox.media/www/backgrounds/bg-abs-dots-in-square.svg); background-repeat: no-repeat; background-size: 1060px; background-position: center; transition: all 2s; }

.bg-wave { background: url(https://minutebox.media/www/backgrounds/bg-abs-waves.svg); background-repeat: no-repeat; background-position: center; transition: all 2s; background-blend-mode: soft-light; }

.bg-chevron { background: url(https://minutebox.media/www/backgrounds/bg-abs-chevron.svg); background-repeat: no-repeat; background-position: center; transition: all 2s; background-blend-mode: soft-light; }

.bg-circles-lines { background: url(https://minutebox.media/www/backgrounds/bg-abs-circles-lines.svg); background-repeat: no-repeat; background-position: center; background-blend-mode: soft-light; }

.bg-circles { background: url(https://minutebox.media/www/backgrounds/bg-abs-circles.svg); background-repeat: no-repeat; background-position: center; transition: all 2s; background-blend-mode: soft-light; }

.bg-dots-in-square { background: url(https://minutebox.media/www/backgrounds/bg-abs-dots-in-square.svg); background-repeat: no-repeat; background-position: center; transition: all 2s; background-blend-mode: soft-light; }

.bg-triangle-lines { background: url(https://minutebox.media/www/backgrounds/bg-abs-triangle-lines.svg); background-repeat: no-repeat; background-position: center; transition: all 2s; background-blend-mode: soft-light; }

.checklist-download { padding: 150px 100px; margin: 36px 0px 12px 0px; display: grid; justify-content: center; align-items: center; color: white; background-color: #654CAF; }
.checklist-download > a { background: black; color: white; padding: 30px 50px; width: fit-content; align-items: center; margin: auto; }

.guide-download { padding: 150px 100px; margin: 36px 0px 12px 0px; display: grid; justify-content: center; align-items: center; color: white; background-color: #2345F7; }
.guide-download > a { background: black; color: white; padding: 30px 50px; width: fit-content; align-items: center; margin: auto; }
.guide-download > p { text-align: center; font-family: var(--body-font); font-weight: 500; }

.guide-tip-container { background: rgba(20, 246, 200, 0.2); padding: 50px; line-height: 150%; color: black; border-radius: 2px; margin: 12px 0px 36px 0px; }
.guide-tip-container h2 { font-size: 30px; margin: 12px 0px 36px 0px; line-height: 150%; text-decoration: underline; text-decoration-color: #2345F7; }
.guide-tip-container p { font-style: italic; font-family: var(--body-font); background: white; padding: 40px; }
@media (max-width: 750px) { .guide-tip-container p { padding: 10px; } }
@media (max-width: 750px) { .guide-tip-container { padding: 10px; } }

/* ------------------------------------------------------------------ 							GDPR
-------------------------------------------------------------------
*/
.gdpr-container { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin: 36px 0px; }

/* ------------------------------------------------------------------ 							MEDIA STYLES
-------------------------------------------------------------------



###################################################################
		[LARGE RESPONSIVE] Normal and Large Desktops/Laptops	
###################################################################
*/
@media (max-width: 1239px) { .mb-front-sec1-block { grid-template-columns: 1fr; padding: 2em; }
  .mb-front-sec1-top-left { max-width: unset; text-align: center; }
  .mb-front-sec1-top-left h1 { text-align: center; }
  .mb-front-sec1-top-right { display: grid; justify-content: center; margin-bottom: 20px; }
  .mb-front-sec1-top-left p { margin-top: 10px; }
  .mb-usecases-body { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; } }
@media (max-width: 1000px) { .mb-front-sec1-top-left p { margin-top: 10px; padding: 0px 110px; }
  .mb-usecases-body { display: grid; grid-template-columns: 300px 300px; justify-content: center; } }
@media (max-width: 700px) { .mb-front-sec1-top-left p { margin-top: 10px; padding: 0px 10%; }
  .wistia_responsive_padding { position: relative; width: calc(100vh / 2); } }
@media (max-width: 600px) { .wistia_responsive_padding { position: relative; width: calc(100vh - 60vh); }
  .mb-usecases-body { display: grid; grid-template-columns: 1fr; grid-gap: 30px; } }
/* 
###################################################################
		[MEDIUM RESPONSIVE] Tablets, Small Desktops/Labtops	
###################################################################
*/
@media (max-width: 1435px) { .responsiveHeader { display: inline; }
  .animatedTextContainer { display: none; } }
@media (max-width: 1366px) { .block-3-col { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 10px; padding-left: 3em; padding-right: 3em; }
  .nav-head-inner-logo { padding-top: 20px; width: 200px; align-items: center; margin: 0; }
  .nav-head-inner { display: grid; grid-template-columns: 1fr; justify-items: center; align-items: center; } }
@media (max-width: 1220px) { .block-3-col { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 2px; padding-left: .5em; padding-right: .5em; justify-content: left; }
  .block-3-col-content { max-width: 300px; }
  .computerNeck { display: none; }
  .computerBottom { display: none; }
  .computerScreen img { width: auto; height: auto; align-self: center; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1); border-radius: 10px; }
  .mb-front-sec1-bottom-buttons { grid-gap: 10px; }
  .newSide3 { grid-template-columns: 1fr; grid-gap: 0px; grid-template-areas: 'header'; }
  .oldSide3 { grid-template-columns: 1fr; grid-gap: 0px; grid-template-areas: 'header'; }
  .mb-document-coding-grid3-newway img { display: none; }
  .mb-document-coding-grid3-oldway img { display: none; }
  .vsHeaderNew { justify-self: center; margin-left: 0px; }
  .vsHeaderOld { justify-self: center; margin-right: 0px; }
  .compareChart { margin: auto; margin-bottom: 20px; }
  .compareChartOld { margin-top: 0px; }
  .mb-document-coding-image-small { width: 200px; display: block; margin: auto; }
  .mb-document-coding-grid3-oldway { display: none; grid-column: none; grid-row: none; }
  .mb-document-coding-grid3-newway { display: none; grid-column: none; grid-row: none; } }
@media (max-width: 1025px) { .mb-precedents-container { padding: 0px 30px; }
  .mb-precedents-body { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; }
  .mb-precedent-block { display: grid; justify-items: center; text-align: center; }
  .mb-precedent-block-span-3 { grid-column: span 2; }
  .mb-front-sec1-bottom-buttons { margin: 10px auto; grid-template-columns: repeat(5, auto); }
  .mb-front-sec1-bottom-button { width: fit-content; }
  .mb-front-sec2-segment-block { grid-template-columns: 1fr; grid-row-gap: 40px; padding-bottom: 40px; }
  .mb-front-sec2-header p { margin-bottom: 20px; } }
@media (max-width: 991px) { .mb-front-sec3-grid { grid-template-columns: 1fr 1fr; width: fit-content; margin: auto; }
  .mb-document-coding-grid3 { grid-template-columns: 1fr; }
  .mb-document-coding-text { padding: 30px 130px 0px 130px; } }
@media (max-width: 890px) { .mb-small-contact-form { display: grid; grid-template-columns: 1fr 1fr; padding: 15px; }
  .mb-precedents-container { padding: 0px 30px; }
  .mb-precedents-body { display: grid; grid-template-columns: 1fr; grid-gap: 30px; padding: 0px 90px; }
  .mb-precedent-block { display: grid; justify-items: center; text-align: center; }
  .mb-precedent-block-span-3 { grid-column: span 1; } }
/* 
###################################################################
			[SMALL RESPONSIVE] Phones, Small Tablets	
###################################################################
*/
@media (max-width: 767px) { .mb-front-sec1-top-left h1 { font-size: 1.7em; }
  .mb-front-sec1-top-left h2 { font-size: 1.3em; }
  .mb-front-sec1-top-left p { font-size: 1em; }
  .mb-front-sec1-block { display: grid; justify-content: center; }
  .block-text { max-width: 90%; }
  .block-3-col { display: grid; grid-template-columns: 1fr; grid-column-gap: 2px; max-width: 300px; }
  .block-1-col h2 { font-size: 3em; }
  .block-1-col h3 { font-size: 1.2em; }
  .mb-front-sec1-container { padding: 10px; }
  .mb-front-sec1-bottom-buttons { display: none; }
  .mb-front-sec1-bottom-text-block { display: none; }
  .mb-front-sec3-grid { grid-template-columns: 1fr; }
  .mb-feature-highlight-section { grid-template-columns: 1fr; grid-row-gap: 10px; }
  .mb-feature-highlight-list { justify-content: center; }
  .mb-feature-highlight-text-adjective { margin: auto; }
  .mb-pricing-landing-grid { grid-template-columns: 1fr; grid-row-gap: 10px; }
  .computerNeck { display: none; }
  .computerBottom { display: none; }
  .menuBar { display: none; }
  .computerScreen { width: 100%; height: auto; margin-top: 20px; }
  .computerScreen img { width: auto; height: auto; }
  .mb-caps-title { font-size: 12px; max-width: 70%; margin: 0 auto; } }
@media (max-width: 670px) { .mb-small-contact-form { display: grid; grid-template-columns: 1fr; padding: 15px; max-width: fit-content; max-width: 90vw; }
  .compareChartOldDocumentCoding { justify-self: flex-end; grid-row: 3; }
  .compareChartNewDocumentCoding { justify-self: flex-start; background: #FFFFFF; grid-row: 3; }
  .compareChartOld { justify-self: flex-end; grid-row: 3; }
  .compareChartNew { justify-self: flex-start; background: #FFFFFF; grid-row: 3; }
  .oldSide3 { grid-template-columns: 1fr; grid-gap: 0px 0px; }
  .mb-document-coding-grid3-oldway { grid-column: 1; }
  .newSide3 { grid-template-columns: 1fr; } }
@media (max-width: 579px) { .mb-document-coding-text { padding: 30px 30px 0px 30px; } }
.page-head { padding: 5%; margin-bottom: 0px; }
.page-head > h6 { text-transform: uppercase; }

.full-width-wrapper { background: white; padding: 0px; }

.full-width-container { background: linear-gradient(#fdf2c4, #fff8d6); }

.full-width-hero { padding: 80px 50px 80px; background: #FFF; position: relative; background: url(https://minutebox.media/www/backgrounds/3d-logo-bg.png); background-repeat: no-repeat; background-size: 1200px 400px; background-position: center; transition: all 2s; }
@media (max-width: 900px) { .full-width-hero { background-size: 900px 300px; } }
@media (max-width: 600px) { .full-width-hero { background-size: 800px 267px; padding: 90px 50px; } }
@media (max-width: 400px) { .full-width-hero { background-size: 700px 233px; padding: 90px 50px; } }

.full-width-hero a { background: #4a90e2; padding: 20px; margin: auto; display: grid; width: fit-content; color: white; font-family: var(--body-font); }

.content-area { background: white; }

.careers-section-block { display: grid; align-items: flex-start; justify-content: flex-start; margin: auto; text-align: left; }

.careers-values-container { padding: 50px 100px; }
.careers-values-container > h2 { text-align: center; }
.careers-values-container > p { text-align: center; line-height: 150%; }

.careers-value-blocks { grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 50px; }
@media (max-width: 1150px) { .careers-value-blocks { grid-template-columns: 1fr 1fr; } }
@media (max-width: 850px) { .careers-value-blocks { grid-template-columns: 1fr; } }

.careers-value-block > h3 { font-size: 20px; font-family: var(--body-font); font-weight: bold; margin-bottom: 10px; }
.careers-value-block > p { font-family: var(--body-font); }
.careers-value-block:hover .career-icon { transition: box-shadow 120ms ease; box-shadow: 3px 3px #424242; }

.career-icon { width: fit-content; padding: 10px; border-radius: 6px; margin-bottom: 7px; background: #ffd502; transition: box-shadow 120ms ease; }
.career-icon > i { font-size: 20px; }
.career-icon:hover { box-shadow: 3px 3px #424242; }

.careers-benefits-container { grid-template-columns: 4fr 7fr; grid-gap: 30px; }
@media (max-width: 1150px) { .careers-benefits-container { grid-template-columns: 1fr; } }

.careers-benefits-blocks { grid-template-columns: 1fr 1fr 1fr; padding: 50px 50px; grid-gap: 32px 16px; }
@media (max-width: 1150px) { .careers-benefits-blocks { grid-template-columns: 1fr 1fr; } }
@media (max-width: 850px) { .careers-benefits-blocks { grid-template-columns: 1fr; } }

.careers-benefits-heading-block-bg { background: #ffd502; }

.careers-benefits-heading-block { height: 100%; width: 100%; padding: 150px 80px; background: url(https://minutebox.media/www/backgrounds/bg-abs-dots-in-square.svg); background-repeat: no-repeat; background-size: 1060px; background-position: center; transition: all 2s; }
.careers-benefits-heading-block > p { font-family: var(--body-font); line-height: 150%; }
@media (max-width: 1150px) { .careers-benefits-heading-block { padding: 5%; } }

.careers-how-container { justify-content: unset; }

.careers-how-content-block { padding: 50px 0px; }

.careers-how-heading { text-align: center; }
.careers-how-heading > p { font-family: var(--body-font); }

.careers-how-content { display: grid; grid-template-columns: 4fr 6fr; padding: 0px 100px; margin-top: 48px; font-family: var(--body-font); grid-gap: 0px 50px; }
.careers-how-content > div > a { background: #4a90e2; padding: 20px 50px; margin: auto; display: grid; width: fit-content; color: white; font-family: var(--body-font); }
@media (max-width: 1150px) { .careers-how-content { grid-template-columns: 1fr; } }

.careers-how-content-details { display: grid; grid-template-columns: auto 1fr; grid-gap: 2px 10px; font-family: var(--body-font); }
.careers-how-content-details > div > h3 { font-size: 20px; font-weight: bold; margin-bottom: 0px; }
.careers-how-content-details > div > p { line-height: 150%; }
.careers-how-content-details:hover .career-how-icon { transition: box-shadow 120ms ease; box-shadow: 3px 3px #424242; }

.careers-team-photo { display: grid; align-items: center; justify-content: flex-start; }
@media (max-width: 1150px) { .careers-team-photo { padding-top: 50px; } }
.careers-team-photo > img { box-shadow: 0px 0px 10px 6px rgba(0, 0, 0, 0.2), -15px 15px #f6f6f6; border-radius: 10px; }

.career-how-icon { width: 40px; height: 40px; text-align: center; padding: 10px; border-radius: 6px; background: #ffd502; display: flex; justify-content: center; align-items: center; }

.careers-testimonials-container-bg { background: #ffd502; }

.careers-testimonials-container { height: 100%; width: 100%; padding: 50px 100px; background: url(https://minutebox.media/www/backgrounds/bg-abs-waves.svg); background-repeat: no-repeat; background-size: 1800px; background-position: center; transition: all 2s; }

.careers-testimonials-container-details { display: grid; grid-template-columns: 1fr; grid-gap: 50px 100px; }
@media (max-width: 1150px) { .careers-testimonials-container-details { grid-template-columns: 1fr; } }

.careers-testimonial { display: grid; grid-template-columns: 1fr 3fr; grid-gap: 20px; font-family: var(--body-font); color: #424242; }
.careers-testimonial > img { border-radius: 50%; border: 1px solid white; box-shadow: 5px 3px #424242; }
.careers-testimonial > div > p:nth-child(1) { font-size: 28px; line-height: 110%; font-style: italic; font-weight: 300; }
.careers-testimonial > div > p:nth-child(2) { color: black; }

.careers-open-roles { padding: 50px 20px; }
.careers-open-roles > h3 { text-align: center; }

.education-layout { display: grid; grid-template-columns: 1fr; font-family: var(--body-font); text-align: center; }
.education-layout h2 { text-align: center; font-family: var(--body-font); }
.education-layout p { font-family: var(--body-font); line-height: 150%; }
@media (max-width: 900px) { .education-layout { max-width: 900px; display: block; } }
@media (max-width: 400px) { .education-layout { padding: 20px; max-width: 400px; } }

.education-about { max-width: 710px; margin: auto; padding: 50px 0px; }
@media (max-width: 400px) { .education-about { display: grid; max-width: 400px; margin: initial; } }

.education-links { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 50px; padding: 100px; max-width: 1500px; margin: auto; }
.education-links h2 { font-size: 30px; }
.education-links > div { display: grid; grid-template-rows: min-content 1fr min-content; }
.education-links > div > a { font-weight: bold; }
@media (max-width: 900px) { .education-links { grid-template-columns: 1fr; padding: 5%; } }

.education-testimonial { background: var(--minutebox-blue); padding: 100px; }
@media (max-width: 900px) { .education-testimonial { padding: 5%; } }

.education-testimonial-carousel { display: grid; grid-template-columns: 100px 1fr; grid-gap: 10px; padding: 20px; height: 100%; color: white; }
@media (max-width: 900px) { .education-testimonial-carousel { grid-template-columns: 1fr; } }

.education-testimonial-person-image { width: 100px; height: 100px; border-radius: 50%; background: #ffd502; display: flex; align-items: center; justify-content: center; font-size: 2em; color: black; }
@media (max-width: 900px) { .education-testimonial-person-image { margin: auto; width: 50px; height: 50px; } }

.education-testimonial-carousel img { border-radius: 50%; }

.education-testimonial-carousel-testimonial { display: grid; grid-template-columns: 1fr; grid-gap: 10px; text-align: left; grid-template-rows: 1fr auto; padding: 0px 50px; }
@media (max-width: 900px) { .education-testimonial-carousel-testimonial { padding: 0px 5%; grid-template-rows: auto 1fr auto; } }

.education-join-container { background: #f2f2f2; }

.education-join { display: grid; grid-template-columns: 70% 30%; padding: 100px; background: #f2f2f2; gap: 20px; text-align: left; max-width: 1500px; margin: auto; }
.education-join h2 { text-align: left; font-size: 30px; }
@media (max-width: 900px) { .education-join { grid-template-columns: 1fr; padding: 5%; } }

.education-join-content { display: grid; grid-gap: 10px; }

.education-join-photo > img { border-radius: 50%; border: 1px solid white; box-shadow: 5px 3px #424242; }

.education-in-practice-container { background: #f2f2f2; }

.education-in-practice { display: grid; grid-template-columns: 70% 30%; padding: 100px; background: #f2f2f2; gap: 20px; text-align: left; max-width: 1250px; margin: auto; }
@media (max-width: 900px) { .education-in-practice { grid-template-columns: 1fr; padding: 5%; } }
.education-in-practice h2 { text-align: left; font-size: 30px; }
.education-in-practice li { padding-bottom: 10px; }

.education-in-practice-content { display: grid; grid-gap: 10px; }

.education-apply-now-button { padding: 1em 2em; background-color: var(--minutebox-blue); color: white; border-radius: 4px; width: fit-content; height: fit-content; }

.education-resources-container { background: #f2f2f2; }

.education-resources { display: grid; grid-template-columns: 1fr; padding: 100px; background: #f2f2f2; gap: 20px; text-align: left; max-width: 1500px; margin: auto; }
.education-resources h2 { text-align: left; font-size: 30px; }
@media (max-width: 1100px) { .education-resources { padding: 5%; } }
@media (max-width: 900px) { .education-resources { padding: 5%; } }

.education-resources-content { display: grid; grid-gap: 10px; }

.education-resources-books { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; }
@media (max-width: 1100px) { .education-resources-books { grid-template-columns: 1fr; grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) { .education-resources-books { grid-template-columns: 1fr; } }

.education-resources-book { display: grid; grid-template-columns: 1fr; grid-gap: 20px; width: 300px; }
.education-resources-book > img { border-radius: 4px; max-height: 390px; }

.education-resources-book-title { background: rgba(29, 37, 60, 0.9); color: white; padding: 20px; text-align: center; }

/* EDUCATION TESTIMONIALS */
.education-testimonial-slider { width: 100%; margin: 0 auto; position: relative; overflow: hidden; height: 300px; display: flex; padding: 0 50px; max-width: 1250px; }
@media (max-width: 900px) { .education-testimonial-slider { height: 500px; } }

.education-testimonial-slides { display: flex; transition: all 0.6s ease; position: relative; width: 100%; }

.education-testimonial-slide { display: flex; align-items: center; justify-content: center; width: 100%; opacity: 0; position: absolute; transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; transform: translateX(100%); height: 100%; box-sizing: border-box; }

.education-testimonial-slide.education-active { display: block; opacity: 1; transform: translateX(0); }

.education-testimonial-controls { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; left: 0; right: 0; padding-bottom: 10px; }

.education-prev-btn, .education-next-btn { border: none; cursor: pointer; padding: 8px; font-size: 24px; user-select: none; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; }

.education-prev-btn { left: 10px; }

.education-next-btn { right: 10px; }

.education-testimonial-indicators { display: flex; }

.education-testimonial-indicator { width: 10px; height: 10px; border-radius: 50%; background-color: #ddd; margin: 0 2px; cursor: pointer; }

.education-testimonial-indicator.education-active { background-color: #333; }

.education-quote { display: inline-block; position: relative; font-size: 1.5em; line-height: 130%; }
@media (max-width: 900px) { .education-quote { font-size: 1em; line-height: 110%; } }

.education-quote:before { content: "“"; font-size: 1.5em; position: absolute; left: -0.5em; top: -0.15em; }

.education-quote:after { content: "”"; font-size: 1.5em; position: relative; }

.new-hero { padding: 20px; padding-top: 4rem; font-family: var(--body-font); max-width: 1400px; }
@media screen and (min-width: 590px) { .new-hero { display: grid; text-align: left; } }
@media screen and (min-width: 768px) { .new-hero { padding: 50px; padding-top: 4rem; padding-bottom: 6.5rem; grid-gap: 50px; margin: auto; } }
@media screen and (min-width: 1085px) { .new-hero { grid-template-columns: 4fr 5fr; } }

@media screen and (min-width: 590px) { .new-hero-container { text-align: center; } }

.new-hero-lead { padding: 25px 50px 0px 50px; }
@media screen and (max-width: 1085px) { .new-hero-lead { padding: 1rem; } }

.new-hero-lead-heading { max-width: 800px; font-size: 2.5rem; line-height: 1.15; font-weight: 400; }
@media screen and (min-width: 590px) { .new-hero-lead-heading { margin: 0; } }
@media screen and (min-width: 1085px) { .new-hero-lead-heading { margin: auto; } }

.new-hero-lead-text { font-size: 20px; margin-top: 30px; line-height: 140%; padding-left: 5px; }

.new-hero-lead-cta { display: grid; width: fit-content; padding: 30px 48px; padding-right: 40px; padding-left: 40px; flex: 0 0 auto; border-radius: 0.25rem; background-color: var(--minutebox-purpleAlt1); color: #fff; font-size: 18px; line-height: 110%; text-align: center; letter-spacing: 1px; margin: auto; margin-top: 48px; display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; cursor: pointer; transition: var(--transition1); }
@media screen and (min-width: 590px) { .new-hero-lead-cta { margin: 20px 0px 0px 0px; } }
.new-hero-lead-cta:hover { background-color: var(--minutebox-purpleAlt2); }

.new-hero-lead-cta i.fas.fa-arrow-right { /* Initial position */ margin-left: 0; /* Adding transition */ transition: margin-left 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55); }

.new-hero-lead-cta:hover i.fas.fa-arrow-right { /* Move 10px to the right on hover */ margin-left: 10px; }

.watch-our-video { display: grid; background: none; }

.new-hero-lead-video-button { outline: none; border: none; padding: 0px; margin: 0px; font-size: 0.9em; cursor: pointer; }

.new-hero-lead-video { margin: auto; margin-top: 32px; margin-bottom: 32px; padding: 0 0 4px; border-bottom: 1.5px solid #000; line-height: 100%; font-weight: 700; white-space: nowrap; width: fit-content; text-align: left; }
@media screen and (min-width: 590px) { .new-hero-lead-video { margin: 32px 0px 32px 5px; } }

.nhListContainer { margin: auto; width: fit-content; }

.nhList { display: grid; margin-bottom: 12px; font-family: var(--new-body-font); grid-template-columns: auto auto 1fr; align-items: center; }

.nhListHero { grid-template-columns: auto 1fr; max-width: 500px; align-items: flex-start; grid-gap: 10px; }

.nhListHeroContainer { margin: 30px 0px; display: grid; width: fit-content; max-width: 500px; }
@media screen and (max-width: 1085px) { .nhListHeroContainer { margin: initial; padding-top: 1rem; } }

.nhList > .icon { width: 15px; border-radius: 4px; justify-content: center; align-items: center; }

.nhIconFeature { align-self: center; text-align: left; font-size: 0.9rem; }

@media screen and (min-width: 590px) { .new-hero-images { display: flex; align-items: center; justify-content: center; transform: scale(1.1); padding: 2rem; z-index: -99; } }
.new-hero-images > img { position: relative; bottom: 15px; }

@media screen and (min-width: 590px) { .new-hero-images-integrations { display: flex; align-items: center; justify-content: center; transform: scale(0.9); padding: 2rem; } }
.new-hero-images-integrations > img { position: relative; bottom: 15px; }

.new-logos { padding: 50px 0px; overflow-x: hidden; background: white; font-family: var(--new-header-font); }

.new-logos-lead { font-weight: 400; font-size: 20px; line-height: 140%; margin-bottom: 20px; margin-right: auto; margin-left: auto; text-align: center; font-size: 20px; line-height: 26px; max-width: 800px; color: var(--minutebox-darkgrey); padding: 0px 10px; }

.new-what-is { background: white; text-align: center; }
.new-what-is h2 { font-family: var(--new-header-font); }
.new-what-is p { font-family: var(--new-body-font); line-height: 1.5; }

.new-features { background: var(--minutebox-purpleAlt1); font-family: var(--new-body-font); padding: 50px 50px; color: white; }

.new-features-heading { text-align: left; margin: auto; }
.new-features-heading > h1 { font-family: var(--new-header-font); }

.new-features-blocks { display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns: 1fr; grid-template-rows: auto; width: fit-content; margin: auto; }
@media (min-width: 720px) { .new-features-blocks { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1075px) { .new-features-blocks { grid-template-columns: 1fr 1fr 1fr; } }

.new-features-block { position: relative; padding: 32px 24px; border-radius: 10px; background-color: #fff; transition: .2s; color: #000; cursor: pointer; max-width: 345px; transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55); }
.new-features-block:hover { transform: scale(1.025); }

.new-features-block-image > img { width: 50%; }

.new-hear-from-customers { overflow: hidden; }

.new-hear-from-customers-container { display: inline-flex; animation: scroll 10s linear infinite; }

.new-hear-from-customers-slide { width: 300px; height: 200px; margin-right: 20px; background-color: white; border: 1px solid #ccc; text-align: center; font-weight: bold; font-size: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; }

.new-hear-from-customers-logo { width: 50px; height: 50px; background-color: #ccc; border-radius: 50%; }

.new-hear-from-customers-quote { margin: 20px; font-size: 16px; font-style: italic; }

.new-hear-from-customers-author { display: flex; align-items: center; }

.new-hear-from-customers-image { width: 50px; }

@keyframes scroll { 0% { transform: translateX(0); }
  100% { transform: translateX(calc(-300px * 5)); } }
.new-blogs { display: grid; grid-gap: 20px; padding: 50px 10px; }

.new-blog-post-container { display: grid; grid-template-columns: 1fr; width: fit-content; margin: auto; grid-gap: 16px; }
@media (min-width: 720px) { .new-blog-post-container { grid-template-columns: 1fr 1fr; } }

.new-blog-post-heading h1 { font-family: var(--new-header-font); font-size: 40px; line-height: 110%; letter-spacing: -1px; text-align: center; }

.new-blog-post { border: 1px solid #e2e2e2; background-color: #fff; -webkit-transition: 250ms; transition: 250ms; max-width: 345px; }

.new-blog-post-title { padding: 32px; font-size: 20px; line-height: 140%; font-weight: 400; color: #000; text-decoration: none; text-align: center; }

.new-get-started-dark { background: black; color: white; font-family: var(--new-header-font); padding: 50px 5rem; }
.new-get-started-dark .content { max-width: 100px; margin: 0 auto; text-align: center; }
.new-get-started-dark a { display: block; width: fit-content; padding: 20px 48px; padding-right: 40px; padding-left: 40px; flex: 0 0 auto; border-radius: 60px; background-color: var(--minutebox-yellow); transition: background-color .2s; color: #000; font-size: 18px; line-height: 110%; text-align: center; letter-spacing: 1px; margin: auto; margin-top: 48px; }
.new-get-started-dark h1 { text-align: center; }

.new-get-started-light { color: black; font-family: var(--new-header-font); padding: 50px 5rem; }
.new-get-started-light .content { max-width: 1200px; margin: 0 auto; text-align: center; color: black; }
.new-get-started-light a { display: block; width: fit-content; padding: 20px 48px; padding-right: 40px; padding-left: 40px; flex: 0 0 auto; border-radius: 60px; background-color: var(--minutebox-yellow); transition: background-color .2s; color: #000; font-size: 18px; line-height: 110%; text-align: center; letter-spacing: 1px; margin: auto; margin-top: 48px; }
.new-get-started-light h1, .new-get-started-light h2, .new-get-started-light p { color: black !important; text-align: center; }

.clients-logos { overflow: hidden; white-space: nowrap; }

.logos-container { display: flex; }

.logo-container { display: grid; width: 200px; height: 100px; margin-right: 20px; align-items: center; justify-content: center; user-select: none; }

.logo-container img { max-width: 100%; max-height: 100%; padding: 0px 20px; }

#firm-logos-list li { align-items: center; align-self: center; width: 200px; height: 100px; justify-content: center; user-select: none; display: flex; }

#firm-logos-list li > img { max-width: 100%; max-height: 100%; padding: 0px 20px; }
@media (max-width: 786px) { #firm-logos-list li > img { padding: 0px 10px; } }

.cs-new-logos li > img { max-width: 100%; max-height: 100%; padding: 0px 20px; filter: invert(50%); }
@media (max-width: 786px) { .cs-new-logos li > img { padding: 0px 10px; } }

.new-testimonial-videos { padding: 50px 50px; overflow-x: hidden; background: white; font-family: var(--new-header-font); }

.new-testimonial-title { white-space: break-spaces; }

.testimonial-videos { overflow: hidden; white-space: nowrap; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1); border-radius: 10px; }

.testimonial-videos-block { width: 380px; margin-bottom: 16px; padding: 32px 24px; border: 1.5px solid #eae3ff; border-radius: 10px; background-color: var(--minutebox-purpleAlt1); text-align: left; color: white; }
@media (max-width: 1085px) { .testimonial-videos-block { padding: 1rem; } }

.testimonial-videos-block-grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; }
.testimonial-videos-block-grid > div:nth-child(1) { padding: 5rem; }
@media (max-width: 1085px) { .testimonial-videos-block-grid > div:nth-child(1) { padding: 1rem; } }
@media (max-width: 1085px) { .testimonial-videos-block-grid { grid-template-columns: 1fr; } }

.testimonial-videos-block-grid > div { min-width: 0; display: grid; align-content: center; padding-right: 2rem; }
@media (max-width: 1085px) { .testimonial-videos-block-grid > div { padding-right: 0; padding: 2rem; } }

.testimonial-videos-image { position: relative; }
.testimonial-videos-image > img { width: 100%; height: 31.25rem; border-radius: 0.6rem; object-fit: cover; box-shadow: 0px 0px 14px 10px rgba(0, 0, 0, 0.1); }
@media (max-width: 901px) { .testimonial-videos-image > img { height: unset; } }

.testimonial-videos-play-button { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); background-color: white; color: var(--minutebox-darkgrey); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px 0px rgba(0, 0, 0, 0.5); border: none; cursor: pointer; font-weight: bold; border-radius: 10px; font-size: 1.05rem; padding: 1.65rem 3.25rem; }
@media (max-width: 901px) { .testimonial-videos-play-button { padding: 0.65rem 0.25rem; } }

.new-hero-lead-cta i.fas.fa-arrow-right { margin-left: 4px; transition: margin-left 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55); }

.new-hero-lead-cta:hover i.fas.fa-arrow-right { margin-left: 12px; }

.testimonial-videos-play-button i.fas.fa-play { margin-left: 4px; color: inherit; /* Starts with the original color */ transition: margin-left 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55), color 0.3s ease; /* New color transition */ }

.testimonial-videos-play-button:hover i.fas.fa-play { margin-left: 12px; color: purple; /* Changes to purple on hover */ }

/* Lightbox */
.video-lightbox { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.9); }

.video-lightbox-content { margin: 15% auto; width: 80%; }

.video-lightbox-close { position: absolute; top: 20px; right: 35px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer; }

.testimonial-videos-block-firm-logos { min-width: 6.25rem; max-width: 12rem; height: 6.25rem; background-color: #fff; border-radius: 10px; justify-content: center; align-items: center; padding: 1rem; display: flex; overflow: hidden; }

.testimonial-videos-quote { font-size: 2rem; max-width: 100%; white-space: break-spaces; margin-top: 2rem; margin-bottom: 1rem; }
@media (max-width: 786px) { .testimonial-videos-quote { font-size: 1.5rem; } }

.testimonial-videos-author { display: grid; grid-template-columns: auto 1fr; align-items: center; font-weight: bold; margin-bottom: 0.5rem; }

.testimonial-videos-title { font-size: 1.25rem; }
@media (max-width: 901px) { .testimonial-videos-title { white-space: normal; } }

.testimonial-videos-company { font-size: 1rem; }

.clients-logos2 { overflow: hidden; white-space: nowrap; }

.logos-container2 { display: flex; }

.logo-container2 { display: grid; margin-right: 20px; align-items: center; justify-content: center; padding: 30px 0px; }

.logo-container2 img { max-width: 100%; max-height: 100%; }

.logo-container-up { position: relative; top: -20px; }

.logo-container-up-more { position: relative; top: -60px; }

.logo-container-up-more { position: relative; top: 30px; }

.new-testimonial-one { width: 380px; margin-bottom: 16px; padding: 32px 24px; border: 1.5px solid #eae3ff; border-radius: 10px; background-color: var(--minutebox-purpleAlt1); text-align: left; color: white; display: grid; grid-template-columns: 1fr; grid-template-rows: min-content 1fr min-content; grid-gap: 15px; }

.new-testimonial-two { width: 380px; margin-bottom: 16px; padding: 32px 24px; border: 1.5px solid #eae3ff; border-radius: 10px; background-color: #f5f1ff; text-align: left; display: grid; grid-template-columns: 1fr; grid-template-rows: min-content 1fr min-content; grid-gap: 15px; }

.new-hero-break { position: absolute; z-index: 2; width: 100%; height: 100px; background-image: url(https://minutebox.media/www/landing/hero-break.svg); background-position: 100% 0; background-size: cover; z-index: 1; display: none; }

.new-testimonial-image > img { width: 100px; height: 100px; border-radius: 50%; margin-right: 16px; border: 1px solid black; }

.new-testimonial-author { display: grid; grid-template-columns: auto 1fr; align-items: center; }

.new-testimonial-quote { white-space: pre-line; }

@media screen and (max-width: 1000px) { .tab { display: none; /* Hide tab buttons */ }
  .tabcontent { display: block !important; /* Show all tab contents */ } }
.tab-container { box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1); width: 100%; position: sticky; top: 98px; background: white; z-index: 2; }

.tab { overflow: hidden; width: fit-content; margin: auto; }

.tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 120ms ease; font-size: 17px; min-width: 300px; }

.tab button:hover { border-bottom: 2px solid purple; color: purple; font-weight: bold; }

.tab button.active { border-bottom: 2px solid purple; color: purple; font-weight: bold; }

.tabcontent { border-top: none; margin: auto; }

.tabcontent-inner { max-width: 800px; padding: 100px 50px 0px 50px; margin: auto; }
@media (max-width: 1000px) { .tabcontent-inner { padding: 2rem 1rem; } }

#tab2 { padding: 10rem 5rem; }
@media (max-width: 1085px) { #tab2 { padding: 1rem 1.5rem; } }

.tab1-image { padding: 100px 0px; }

.tab1-section { padding-left: 2.5rem; padding-right: 2.5rem; padding-bottom: 5rem; }

.fade-in { opacity: 0; transform: translateY(50px); transition: opacity 1.2s ease-out, transform 1.5s ease-out; }

.fade-in.active { opacity: 1; transform: translateY(0); }

.tab1-section-item { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-rows: auto; grid-auto-columns: 1fr; align-items: center; max-width: 66rem; margin: auto; padding-bottom: 4rem; padding-top: 4rem; }
@media (max-width: 901px) { .tab1-section-item { grid-template-columns: 1fr; } }

.tab1-section-item h3 { font-family: var(--new-header-font); margin-top: 0; margin-bottom: 0; font-size: 1.625rem; font-weight: 400; line-height: 1.2; padding-bottom: 1rem; }

.tab1-section-item p { margin-bottom: 0; font-size: 1rem; line-height: 1.5; }

#tab1-section-text-highlight { color: var(--minutebox-purpleAlt1); font-family: var(--header-font); font-weight: 600; }

#section-text-highlight { color: var(--minutebox-purpleAlt1); font-family: var(--header-font); font-weight: 600; }

.tab1-section-item-reversed { grid-template-areas: "text image"; }
@media (max-width: 901px) { .tab1-section-item-reversed { grid-template-columns: 1fr; grid-template-areas: unset; } }

.tab1-section-item-reversed .tab1-section-image { grid-area: image; }
@media (max-width: 901px) { .tab1-section-item-reversed .tab1-section-image { grid-area: unset; } }

.tab1-section-text { width: 100%; max-width: 27rem; text-align: left; margin-left: auto; }

.tab1-section-item-reversed .tab1-section-text { grid-area: text; }
@media (max-width: 901px) { .tab1-section-item-reversed .tab1-section-text { grid-area: unset; } }

.tab1-section-item-reversed { flex-direction: row-reverse; }

.tab1-section-image, .tab1-section-text { /* Add any desired styles here */ }

.tab2-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; grid-gap: 50px; background: white; text-align: left; }
@media (max-width: 786px) { .tab2-hero { grid-template-columns: 1fr; padding: 2rem 4rem; text-align: center; } }
.tab2-hero h2 { font-family: var(--new-header-font); }
.tab2-hero p { font-family: var(--new-body-font); padding-right: 5rem; }
@media (max-width: 786px) { .tab2-hero p { padding: 1rem; } }

.tab2-hero-text > img { max-width: 500px; margin-left: auto; }
@media (max-width: 1085px) { .tab2-hero-text > img { max-width: unset; width: 100%; padding: 1rem 1rem 1rem 2rem; } }

.new-tab-tri { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 4rem; font-family: var(--new-body-font); padding-top: 7rem; line-height: 125%; }
.new-tab-tri h3 { font-family: var(--new-header-font); padding-bottom: 20px; font-size: 20px; font-weight: 600; }
@media (max-width: 901px) { .new-tab-tri { grid-template-columns: 1fr; } }

#scrolling-image { position: relative; overflow: hidden; }

#scrolling-image img { transition: transform 0.25s ease-out; }

.new-why-grid-container { font-family: var(--new-body-font); }
.new-why-grid-container > div { padding: 5px; display: grid; grid-template-columns: repeat(8, 1fr); }
@media screen and (max-width: 786px) { .new-why-grid-container > div { grid-template-columns: repeat(4, 1fr); } }
.new-why-grid-container > div > div { background-color: #f5f1ff; border-radius: 10px; padding: 20px; margin: 5px; }

.new-why-grid-grid-item:nth-child(1) { grid-column: 1 / span 3; }
.new-why-grid-grid-item:nth-child(2) { grid-column: 4 / span 2; }
.new-why-grid-grid-item:nth-child(3) { grid-column: 6 / 9; background-image: url("https://minutebox.media/www/landing/why-corporate-transparency.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; }
.new-why-grid-grid-item:nth-child(4) { grid-column: 1 / span 2; grid-row: 2; }
.new-why-grid-grid-item:nth-child(5) { grid-column: 3 / 5; grid-row: 2; }
.new-why-grid-grid-item:nth-child(6) { grid-column: 5 / 9; grid-row: 2; background-image: url("https://minutebox.media/www/landing/why-secure-sharing.webp"); background-size: auto; background-position: center 4rem; background-repeat: no-repeat; }
.new-why-grid-grid-item:nth-child(7) { grid-column: 1 / 5; background-image: url("https://minutebox.media/www/landing/why-time-travel.webp"); background-size: cover; background-position: center 1rem; background-repeat: no-repeat; }
.new-why-grid-grid-item:nth-child(8) { grid-column: 5 / 9; background-image: url("https://minutebox.media/www/landing/why-manage-all-types-of-entities.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; }
@media screen and (max-width: 1085px) { .new-why-grid-grid-item:nth-child(1) { grid-column: span 4; grid-row: unset; }
  .new-why-grid-grid-item:nth-child(2) { grid-column: span 4; grid-row: unset; }
  .new-why-grid-grid-item:nth-child(3) { grid-column: span 4; grid-row: unset; }
  .new-why-grid-grid-item:nth-child(4) { grid-column: span 4; grid-row: unset; }
  .new-why-grid-grid-item:nth-child(5) { grid-column: span 4; grid-row: unset; }
  .new-why-grid-grid-item:nth-child(6) { grid-column: span 4; grid-row: unset; }
  .new-why-grid-grid-item:nth-child(7) { grid-column: span 4; grid-row: unset; }
  .new-why-grid-grid-item:nth-child(8) { grid-column: span 4; grid-row: unset; } }

.new-why-grid-grid-item { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr; grid-gap: 15px; max-height: 400px; overflow: hidden; }

.new-why-grid-grid-item-title { font-weight: bold; align-items: flex-start; display: flex; justify-content: center; text-align: center; }

.new-why-grid-grid-item-image { align-items: center; display: flex; justify-content: center; text-align: center; padding: 2rem; }

.new-why-grid-grid-item-text { font-size: 0.9em; align-items: center; display: flex; justify-content: center; text-align: center; }

.new-section-heading { font-family: var(--new-header-font); text-align: left; opacity: 0.8; padding-bottom: 2rem; }

.new-video-container { display: grid; align-items: center; justify-content: center; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }

.new-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.new-video-container-meta { background: #ffd502; padding: 80px; }

:root { /* Variables remain the same */ }

.minuteBox-customersHero { z-index: 3; background-color: var(--minutebox-white); background-position: 100% 0; background-repeat: no-repeat; background-size: 30%; padding-top: 7.625rem; padding-bottom: 7rem; position: relative; font-family: var(--header-font); }

.minuteBox-globalPadding { padding-left: 2.5rem; padding-right: 2.5rem; }

.minuteBox-containerLarge { margin-right: auto; margin-left: auto; width: 100%; max-width: 80rem; min-height: 1rem; opacity: 1; }

.minuteBox-maxWidthMedium { width: 100%; max-width: 31.5rem; }

.minuteBox-alignCenter, .minuteBox-textAlignCenter { margin-left: auto; margin-right: auto; text-align: center; }

.minuteBox-headingH5 { opacity: 0.5; letter-spacing: -0.05px; margin-top: 0; margin-bottom: 0; font-family: var(--header-font); font-size: 1.125rem; font-weight: 500; line-height: 1.5; }

.minuteBox-gridOneCol { grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; }

.minuteBox-richText { font-family: var(--body-font); }

.minuteBox-headingStrong { color: var(--minutebox-purpleAlt1); }

.minuteBox-heroAsset { /* Add image styles */ }

.section_customers-spotlight { z-index: 2; background-color: #240642; padding-top: 10rem; padding-bottom: 6rem; position: relative; overflow: hidden; display: grid; }

.padding-global { padding-left: 2.5rem; padding-right: 2.5rem; }

.container-customers-large { margin: 0 auto; max-width: 80rem; min-height: 1rem; opacity: 1; display: grid; }

.grid-2-col_component { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 3rem; align-items: center; }

.customers-spotlight-text { color: #fff; max-width: 31.5rem; }

.customers-spotlight-image-ref { width: 100%; object-fit: cover; border-radius: 0.5rem; }

.customers-spotlight-logo-img { max-width: 100%; display: inline-block; }

.customers-spotlight-logo-wrapper-ref { background-color: #fff; border-radius: 0.5rem; padding: 2rem; position: absolute; bottom: 1.5rem; left: 1.5rem; }

/* Refactored Customer Stories Styles */
.section-cust-stories { /* You may add additional styles specific to the section */ }

.cust-stories-padding { padding: 1rem 2rem; }

.cust-stories-container { grid-column-gap: 3rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; align-items: center; display: grid; text-align: center; max-width: 800px; margin: 2rem auto; font-family: var(--new-header-font); }

.cust-stories-header { font-family: 'Open Sans', sans-serif; font-size: 3rem; font-weight: 400; line-height: 1.2; margin-top: 0; margin-bottom: 0; color: #33475B; }

.cust-stories-list { /* Additional styles can go here */ }

.cust-story-item { height: 100%; background-color: #F4F6F7; border-radius: 0.5rem; padding: 0.5rem; position: relative; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }

.cust-story-logo-wrapper { height: 7.25rem; border-radius: 0.25rem; justify-content: center; align-items: center; margin-bottom: 2.5rem; padding-top: 1rem; padding-bottom: 1rem; display: flex; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }

.cust-story-logo { width: 12rem; height: 3.25rem; object-fit: contain; }

.cust-story-content { padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem; }

.cust-story-title { font-family: var(--old-body-font); font-size: 1.25rem; color: #33475B; }

.cust-story-desc { font-family: var(--old-body-font); font-size: 1rem; color: #33475B; }

.cust-story-button { /* Add styles for the button, if needed */ color: #58A4B0; }

.button-alternate-customers { display: grid; width: fit-content; padding: 30px 40px; flex: 0 0 auto; border-radius: 0.25rem; background-color: var(--minutebox-purpleAlt1); color: #fff; font-size: 18px; line-height: 110%; text-align: center; letter-spacing: 1px; margin: auto; margin-top: 48px; grid-template-columns: 1fr auto; gap: 10px; align-items: center; cursor: pointer; transition: var(--transition1); border: none; }

.button-alternate-customers:hover { background-color: var(--minutebox-purpleAlt2); }

@media screen and (min-width: 590px) { .button-alternate-customers { margin: 20px 0px 0px 0px; } }
.cs-new-logos { padding: 50px 0px; overflow-x: hidden; background: #240642; font-family: var(--new-header-font); color: white; }

.cs-new-logos-lead { font-weight: 400; font-size: 20px; line-height: 140%; margin-bottom: 20px; margin-right: auto; margin-left: auto; text-align: center; font-size: 20px; line-height: 26px; max-width: 800px; color: whitel; padding: 0px 10px; }

.cust-hero-testimonial-videos-block-grid { background: white; border-radius: 10px; padding: 2rem; max-width: 1400px; margin: 1rem auto 2rem auto; }

.cust-section-padding { padding: 2rem; }

.cust-mb-feature-highlight-container { display: block; padding: 1rem 2rem; margin-bottom: 5rem; }

.cust-testimonial-videos-block { margin-bottom: 16px; text-align: left; color: white; }

.cust-testimonial-videos-block-grid { display: grid; grid-template-columns: 1fr; }
@media (max-width: 1085px) { .cust-testimonial-videos-block-grid { grid-template-columns: 1fr; } }

.cust-testimonial-videos-block-grid > div { min-width: 0; display: grid; align-content: center; }

.cust-testimonial-videos-image { position: relative; }
.cust-testimonial-videos-image > img { border-radius: 0.6rem; object-fit: cover; box-shadow: 0px 0px 14px 10px rgba(0, 0, 0, 0.1); }

.cust-testimonial-videos-play-button { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); background-color: white; color: var(--minutebox-darkgrey); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px 0px rgba(0, 0, 0, 0.5); border: none; cursor: pointer; font-weight: bold; border-radius: 10px; padding: 1rem 1rem; }

/* Hide all blocks by default */
.mb-customers-block.customer-block { display: none; opacity: 0; transition: opacity 0.5s; }

/* Center the Show More button */
.show-more-container { text-align: center; margin-top: 20px; grid-column: 1/-1; }

#show-more-button { display: grid; width: fit-content; padding: 30px 40px; flex: 0 0 auto; border-radius: 0.25rem; background-color: var(--minutebox-purpleAlt1); color: #fff; font-size: 18px; line-height: 110%; text-align: center; letter-spacing: 1px; margin: auto; margin-top: 48px; grid-template-columns: 1fr auto; gap: 10px; align-items: center; cursor: pointer; transition: var(--transition1); border: none; }

#show-more-button:hover #icon { animation: pop 0.5s ease-in-out; }

@keyframes pop { 0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); } }
#video-testimonials-track { background: var(--minutebox-background-grey); }

.specie { position: relative; }

.specie::before, .specie::after { color: #ffd502; }

.specie::before { content: '['; margin-right: 0.25em; }

.specie::after { content: ']'; margin-left: 0.25em; }

/*

###################################################################
		This section is for integrations.html
###################################################################
*/
.integrationsBody { display: flex; justify-content: center; align-items: center; background-color: #f0f0f0; background-image: url(https://minutebox.media/www/backgrounds/mb-bg4.webp); background-size: cover; min-height: 100vh; padding: 20px; box-sizing: border-box; overflow: hidden; }

#mbis-main-container { position: relative; width: 100%; max-width: 800px; aspect-ratio: 1 / 1; }

#mbis-logos-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 1; transition: transform 0.3s ease-in-out; }

.mbis-logo { position: absolute; width: 50px; height: 50px; background-size: contain; background-repeat: no-repeat; }

#mbis-header-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; display: flex; align-items: center; flex-direction: column; text-align: center; color: white; width: 90%; max-width: 600px; }

#mbis-header-container h1 { font-size: calc(1.5em + 1vw); font-family: var(--body-font); margin-bottom: 0.5em; }

#mbis-header-container p { font-size: calc(0.8em + 0.5vw); font-family: var(--body-font); }

@media (max-width: 600px) { #mbis-main-container { aspect-ratio: 3 / 4; }
  .mbis-logo { width: 30px; height: 30px; }
  #mbis-header-container { width: 70%; }
  #mbis-header-container h1 { font-size: calc(1.2em + 1vw); }
  #mbis-header-container p { font-size: calc(0.7em + 0.5vw); } }
.integrations-lead-heading > i { text-decoration: underline; text-decoration-color: var(--minutebox-purpleAlt1); text-decoration-thickness: 6px; font-style: normal; }

.new-features-block-image-integrations > img { width: unset; height: 120px; object-fit: contain; }

.new-features-block-text-integrations > h2 { font-size: 25px; margin-bottom: 10px; }

.use-case-container { margin: 0 auto; max-width: 1000px; }

.sticky-nav + .use-case-container { padding-top: 102px; }

.use-case-block { text-align: center; max-width: 1000px; margin: 0 auto; padding: 60px 20px 25px 20px; }
.use-case-block p { max-width: 800px; margin: 0 auto; }

.use-case-block h2 { font-size: 1.3em; opacity: 0.8; }
@media (min-width: 0px) { .use-case-block h2 { font-size: 2em; } }

.use-cases-header h3 { text-align: center; font-family: var(--old-body-font); font-weight: 500; }

.use-class-text { text-align: center; }

.megamenu-container { min-width: 100%; background: #ddd; display: grid; position: absolute; justify-content: center; padding-top: 0; left: 0; grid-template-columns: 1fr; }

/* hide burger on desktop by default */
.burger-menu { display: none; }

/* ---------- MOBILE NAV BREAKPOINT ---------- */
@media (max-width: 1200px) { .burger-menu { display: block !important; cursor: pointer; }
  .megamenu-nav { position: relative; }
  .burger-menu { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); grid-column: auto; justify-self: end; }
  .megamenu-nav-items, .megamenu-nav-hover-area, .megamenu-dropdown-container { display: none !important; }
  .mobile-mb-navbar-right-menu { display: none; }
  #mb-navbar-toggle:checked ~ .mobile-mb-navbar-right-menu { display: grid; }
  .megamenu-nav { height: 4rem; }
  .burger-menu i { font-size: 2rem; line-height: 1; }
  .megamenu-nav-logo { padding: 0 20px; } }
.megamenu-nav { grid-template-columns: auto minmax(1px, 200px) 1fr; display: grid; height: 6.15rem; grid-template-areas: "logo hover-area nav-items"; }

.megamenu-nav-logo { width: 150px; padding: 20px; align-items: center; justify-content: center; display: flex; grid-area: logo; border-bottom: 1px solid #ddd; }
@media (min-width: 768px) { .megamenu-nav-logo { width: 200px; padding: 0px 20px; } }

.megamenu-nav-hover-area { grid-area: hover-area; border-bottom: 1px solid #ddd; }

.megamenu-nav-items { display: grid; grid-auto-flow: column; }

.mb-navbar-menu-container:hover > .megamenu-container { display: block; }

.new-nav-bar { background: red; width: 500px; }

.sticky-mega-menu { position: sticky; top: 0; width: 100%; background-color: #FFF; z-index: 99; }

.mega-menu-nav-item { display: grid; align-items: center; justify-items: center; height: 100%; padding: 0 1rem; font-size: 14px; font-family: var(--new-header-font); border-bottom: 1px solid #ddd; cursor: pointer; user-select: none; }
.mega-menu-nav-item:hover { border-bottom: 1px solid var(--minutebox-purpleAlt1); }
.mega-menu-nav-item > a { height: 100%; display: flex; align-items: center; white-space: nowrap; }
.mega-menu-nav-item > div:first-child { display: flex; align-items: center; white-space: nowrap; }

#request-a-demo { transition: background-color 0.5s ease, color 0.5s ease; }

.megamenu-dropdown-container { display: none; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; background: lightcyan; position: absolute; top: 6.15rem; left: 0; width: 100%; z-index: 100; min-height: 400px; }

#product-dropdown, #features-dropdown, #solutions-dropdown, #resources-dropdown { background: rgba(100, 100, 100, 0); }

/* Style for the dropdown icon */
.dropdown-icon { display: inline-block; margin-left: 8px; transition: transform 0.3s ease; /* Smooth transition for rotation */ }

.dropdown-icon.rotated { transform: rotate(180deg); /* Rotate the icon when dropdown is open */ }

.active-nav-text { color: var(--minutebox-purpleAlt1); /* Change the text colour when active */ }

.active-nav-text .dropdown-icon { color: var(--minutebox-purpleAlt1); /* Change the text colour when active */ }

.megamenu-dropdown-container-content { display: grid; grid-template-columns: 1fr 1fr 1fr; background: white; max-width: 1200px; margin: auto; box-shadow: 0px 9px 10px 1px rgba(0, 0, 0, 0.2); max-height: 2000px; overflow: hidden; transition: max-height 0.5s ease; }

.megamenu-footer { grid-area: footer; border-radius: 1rem; background: #f0f3f9; padding: 1rem; display: grid; grid-template-columns: 1fr 2fr; align-items: center; justify-content: center; flex-direction: column; }
.megamenu-footer > p { font-size: 0.875rem; font-weight: 500; font-family: var(--new-body-font); margin: 0; padding: 0; color: rgba(36, 6, 66, 0.8); }
.megamenu-footer > a { color: #4537de; font-size: 0.875rem; font-weight: 500; font-family: var(--new-body-font); margin: 0; padding: 0; text-decoration: none; }
.megamenu-footer > a:hover { text-decoration: underline; }
.megamenu-footer:hover { cursor: pointer; box-shadow: 2px 2px 16px 0px rgba(0, 0, 0, 0.07), 0px 0px 1px 0px rgba(0, 0, 0, 0.17); }

#entity-management { grid-area: entity-management; }

#data-room { grid-area: data-room; }

#corporate-transparency { grid-area: corporate-transparency; }

#contract-management { grid-area: contract-management; }

#board-management { grid-area: board-management; }

#registry-services { grid-area: registry-services; }

#legal-governance { grid-area: legal-governance; }

#entity-management-selected { grid-area: details; }

#data-room-selected { grid-area: details; }

#corporate-transparency-selected { grid-area: details; }

#contract-management-selected { grid-area: details; }

#board-management-selected { grid-area: details; }

#registry-services-selected { grid-area: details; }

#legal-governance-selected { grid-area: details; }

#product-dropdown-content { display: grid; grid-template-columns: 1fr 1fr 1fr; background: white; padding: 1rem; grid-gap: 0.5rem 1rem; grid-template-areas: "entity-management details webinar" "data-room details webinar" "corporate-transparency details webinar" "contract-management details webinar" "board-management details webinar" "registry-services details webinar" "legal-governance details webinar" "footer footer footer"; }

#solutions-dropdown-content { display: grid; grid-template-columns: 1fr 1fr 1fr; background: white; grid-gap: 0.5rem 1rem; }

#resources-dropdown-content { display: grid; grid-template-columns: 1fr 1fr 1fr; background: white; padding: 1rem; grid-gap: 0.5rem 1rem; }

#features-dropdown-content { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; background: white; padding: 1rem; grid-gap: 0.5rem 1rem; }

.features-header { text-transform: uppercase; color: #4537de; min-height: 50px; height: 50px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-weight: 500; }

.feature-column { display: grid; }
.feature-column a { display: block; font-size: 1rem; height: 100%; width: 100%; padding: 0.5rem 0.25rem; }
.feature-column a:hover { background: #f0f3f9; }

.dropdown-content-nav-container { display: grid; grid-template-columns: 1fr 1fr; }

.dropdown-content-nav-item { background: #f0f3f9; color: #4537de; font-variation-settings: "wght" 550; font-weight: 400; font-family: var(--new-body-font); border-radius: 0.5rem; padding: 1rem; padding-left: 0.5rem; transition: color .2s; display: grid; grid-template-areas: "icon title" "icon description"; grid-template-columns: 1fr 3fr; grid-gap: 0px 8px; }
.dropdown-content-nav-item > div:nth-child(2) { margin-bottom: 0.375rem; font-size: .875rem; font-weight: 500; grid-area: title; }
.dropdown-content-nav-item > div:nth-child(3) { margin-bottom: 0; line-height: 1.5; font-size: .875rem; color: rgba(36, 6, 66, 0.8); grid-area: description; }

.nav-item-icon { grid-area: icon; align-self: center; justify-self: center; width: 3rem; height: 3rem; font-size: 2rem; background: #4537de25; border-radius: 25%; display: flex; align-items: center; justify-content: center; }
.nav-item-icon > i { color: #4537de; font-size: 2rem; }

.dropdown-content-nav-item:hover, .dropdown-content-nav-item:active { background: #f8f4f3; color: black; box-shadow: 2px 2px 16px 0px rgba(0, 0, 0, 0.07), 0px 0px 1px 0px rgba(0, 0, 0, 0.17); }

.dropdown-content-nav-item-selected-area { display: none; /* Initially hidden */ background-color: #f8f4f3; align-items: center; justify-content: center; border-radius: 0.5rem; padding: 1rem; box-shadow: 2px 2px 16px 0px rgba(0, 0, 0, 0.07), 0px 0px 1px 0px rgba(0, 0, 0, 0.17); }

#entity-management:hover + #entity-management-selected, #data-room:hover + #data-room-selected, #corporate-transparency:hover + #corporate-transparency-selected, #board-management:hover + #board-management-selected, #contract-management:hover + #contract-management-selected, #legal-governance:hover + #legal-governance-selected { display: flex; align-items: center; justify-content: center; flex-direction: column; }

.active-nav-item { /* Add the same styles here that you have for the hover state */ background: #f8f4f3; box-shadow: 2px 2px 16px 0px rgba(0, 0, 0, 0.07), 0px 0px 1px 0px rgba(0, 0, 0, 0.17); }

.static-content { grid-column: 3 / 4; /* Span the third column */ grid-row: 1 / -1; /* Span from the first to the last row */ grid-area: webinar; }

.static-content-content-area { display: grid; grid-template-rows: 1fr 1fr; grid-gap: 1rem; padding: 1rem; height: 100%; box-shadow: 2px 2px 16px 0px rgba(0, 0, 0, 0.07), 0px 0px 1px 0px rgba(0, 0, 0, 0.17); border-radius: 0.5rem; }

.product-demo { background-image: url("https://minutebox.media/www/backgrounds/mb-bg1.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; display: grid; border-radius: 10px; }
.product-demo > p { color: white; font-size: 1.5rem; font-weight: 500; font-family: var(--new-body-font); margin: 0; padding: 0; display: flex; align-items: end; padding: 1rem; justify-content: center; }

.product-webinar > p:first-child { color: black; font-size: 1.5rem; font-weight: 500; font-family: var(--new-body-font); margin: 0; padding: 0; }
.product-webinar > p:nth-child(2) { color: blue; font-size: 1rem; font-weight: 400; font-family: var(--new-body-font); margin: 0; padding: 0; }

.item-selected-area-subitem { color: black; font-variation-settings: "wght" 550; font-weight: 400; padding: 0.5rem; font-family: var(--new-body-font); margin: 0.2rem; padding: 1rem; transition: color .2s; }
.item-selected-area-subitem:hover { color: var(--minutebox-purpleAlt1) !important; }
.item-selected-area-subitem > div:first-child { margin-bottom: 0.375rem; font-size: .875rem; font-weight: 500; }
.item-selected-area-subitem > div:nth-child(2) { margin-bottom: 0; line-height: 1.5; font-size: .875rem; color: rgba(36, 6, 66, 0.8); }

.solutions-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; background: #f8f8f8; grid-column: span 3; grid-gap: 2px; }
.solutions-grid > div { background: red; height: 100px; display: flex; align-items: center; justify-content: center; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; background: white; grid-gap: 1rem; padding: 1rem; }
.solutions-grid > div > div:first-child { display: grid; justify-content: flex-start; height: 100%; align-items: flex-end; }
.solutions-grid > div > div:last-child { display: grid; justify-content: flex-start; height: 100%; align-items: flex-start; font-size: 1.2em; }

.megamenu-solutions-footer { grid-column: span 3; background: rgba(0, 0, 0, 0.17); grid-row: span 2; padding: 0px !important; }

.megamenu-solutions-footer-content { grid-row: span 2; display: grid; grid-template-columns: 1fr 4fr; align-items: center !important; }
.megamenu-solutions-footer-content > a { height: 100%; }

.megamenu-solutions-footer-content-button { height: 100%; display: flex; align-items: center; justify-content: center; background: var(--minutebox-purpleAlt1); color: white; font-weight: bold; font-size: 1.2em; grid-gap: 5px; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; /* Example transition */ }
.megamenu-solutions-footer-content-button > i { font-size: 2rem; color: white; }
.megamenu-solutions-footer-content-button:hover { background: var(--minutebox-purpleAlt2); }

.megamenu-solutions-footer-content-text { height: 100%; display: flex; align-items: center; justify-content: flex-start; background: none; padding-left: 1rem; }

.solutions-grid-item { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; background: white; font-size: 1.2em; font-weight: bold; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; /* Example transition */ padding: 1rem; }

.solutions-grid-item i { font-size: 2rem; color: var(--minutebox-purpleAlt1); transition: color 0.3s ease-in-out; /* Ensure a smooth color transition for the i element */ }

.solutions-grid-item:hover { cursor: pointer; background: #f8f8f8; color: var(--minutebox-purpleAlt2); }

.solutions-grid-item:hover i { color: var(--minutebox-purpleAlt2); }

.mm-resources-container { display: grid; padding: 20px; background: #ffffff; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); border-radius: 6px; gap: 20px; grid-column: span 3; }

.mm-resources-grid { display: grid; grid-template-columns: 2fr 2fr 3fr; /* Adjusted for Resources by Topic to span two columns */ gap: 20px; max-width: 1200px; margin: 0 auto; }

.mm-resources-section { display: grid; gap: 15px; }

.mm-resources-section h3 { font-size: 1.2rem; font-weight: 600; margin-bottom: 10px; color: #424242; }

.mm-resources-item { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; padding: 10px; /* Add some padding for better spacing */ border-radius: 6px; /* Slightly rounded corners */ transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth transitions */ }

.mm-resources-item i { font-size: 1.5rem; color: #8743AA; /* Matches MinuteBox purple */ }

.mm-resources-item strong { font-size: 1rem; color: #4a90e2; /* Matches MinuteBox blue */ }

.mm-resources-item p { font-size: 0.9rem; color: #666666; }

.mm-resources-item:hover { background-color: #f8f4f3; /* Light background for hover */ transform: translateY(-3px); /* Slight lift effect */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */ }

.mm-resources-item:hover i { color: #8743AA; /* Highlight icon on hover */ transform: scale(1.2); /* Slightly enlarge icon */ transition: color 0.3s ease, transform 0.3s ease; /* Smooth transitions */ }

.mm-resources-item:hover strong { color: #8743AA; /* Highlight title text on hover */ transition: color 0.3s ease; /* Smooth transition for title */ }

.mm-resources-featured { display: grid; gap: 10px; grid-template-rows: min-content auto; }

.mm-resources-featured h3 { font-size: 1.2rem; font-weight: 600; color: #424242; height: min-content; }

.mm-resources-featured h4 { font-size: 1rem; font-weight: 500; color: #4a90e2; /* Matches MinuteBox blue */ }

.mm-resources-featured p { font-size: 0.9rem; color: #666666; line-height: 1.4; }

.mm-resources-featured img { max-width: 100%; border-radius: 4px; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); }

.mm-resources-items-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

@media (max-width: 1200px) { .megamenu-nav-logo { border-bottom: none; } }
/*

###################################################################
		This section is still for use cases but the detailed use case pages
###################################################################
*/
.mb-usecase-highlight-container { display: grid; grid-template-columns: 1fr; font-family: var(--old-body-font); margin: 70px auto; width: 1000px; max-width: 1200px; }
@media (max-width: 642px) { .mb-usecase-highlight-container { width: auto; } }
@media (max-width: 500px) { .mb-usecase-highlight-container { width: auto; } }

.mb-usecase-highlight-container p { margin: 0 0 24px 0; font-size: 18px; font-weight: 400; line-height: 28px; }

.mb-usecase-highlight-container a { color: #4a90e2; text-decoration: underline; }

.mb-usecase-highlight-container img { width: 500px; display: flex; margin: auto; margin-bottom: 20px; }
@media (max-width: 500px) { .mb-usecase-highlight-container img { width: auto; } }

.mb-usecase-workflow-chart { width: 800px !important; }
@media (max-width: 800px) { .mb-usecase-workflow-chart { width: 400px; } }

.mb-usecase-highlight-container h1 { margin-bottom: 8px; font-size: 32px; font-weight: 400; line-height: 42px; font-family: var(--old-body-font); }

.mb-usecase-highlight-container h2 { margin-bottom: 8px; font-size: 24px; font-weight: 400; line-height: 38px; font-family: var(--old-body-font); }

.mb-usecase-highlight-container h3 { margin-bottom: 8px; font-size: 20px; font-weight: 400; line-height: 38px; font-family: var(--old-body-font); }

.mb-usecase-highlight-container ul > li { list-style: inside; margin: 0 0 18px 0; font-size: 18px; font-weight: 400; line-height: 22px; padding-left: 4em; }

.use-cases-heading { text-align: center; font-family: var(--old-body-font); font-weight: 500; }
@media (max-width: 642px) { .use-cases-heading { width: 80vw; margin: auto; font-size: 2.1em; } }
@media (max-width: 500px) { .use-cases-heading { width: 80vw; margin: auto; font-size: 1.4em; } }

.videowrapper { margin: auto; }
@media (max-width: 680px) { .videowrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin: unset; margin-bottom: 20px; } }

@media (max-width: 680px) { .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 560px; max-height: 315px; } }

.mb-usecase-video { margin: auto; margin-bottom: 30px; }
@media (max-width: 642px) { .mb-usecase-video { width: 80vw; height: auto; } }
@media (max-width: 500px) { .mb-usecase-video { width: 80vw; height: auto; } }

.product-hero { display: grid; grid-template-columns: 1fr 1fr; margin: 0 auto; margin-top: calc(0px + var(--announcement-block-height)); max-width: 1224px; padding: 0 10px; background: white; grid-gap: 5px; margin-bottom: 70px; transition: all 1s; font-family: var(--new-body-font); }
.product-hero > .left { margin-right: 50px; max-width: 600px; }
.product-hero h1 > span { color: var(--minutebox-purpleAlt2); }
.product-hero .supra-heading { font-weight: bold; letter-spacing: 0.3px; }
.product-hero .video { box-shadow: none; -webkit-box-shadow: none; pointer-events: none; height: unset; }
.product-hero .subheading { padding-bottom: 1em; }

.product-content .feature-sub-heading { color: var(--minutebox-purpleAlt2); margin-bottom: 0px; line-height: initial; font-size: 1em; font-weight: bold; text-transform: uppercase; }
.product-content > h1 { font-size: 2.2em; line-height: 1.25; color: black; }

.productHighlightContainer { font-family: var(--new-body-font); display: grid; grid-gap: 100px; }
.productHighlightContainer img { border-radius: 20px; pointer-events: none; }

.trustSectionContainer { background: #f2f2f2; }

.trustSection { display: grid; grid-template-columns: 1fr; grid-gap: 1.5em; margin: auto; margin-top: 100px; font-family: var(--body-font); text-align: center; padding: 2em 1em; max-width: 1000px; }

.trustHeadline { font-size: 2.2em; line-height: 1.25; color: black; }

.trustSub { font-size: 1.2em; line-height: 1.5; color: black; }

.trustLogos { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1em; margin-top: 50px; max-width: 800px; margin: auto; }

.trustLogo { display: grid; justify-content: center; align-items: center; width: 150px; margin: auto; }

.trustSectionButton { display: flex; margin: auto; grid-gap: 20px; font-weight: bold; }

.trustSectionButton a { color: var(--minutebox-purpleAlt2); transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; /* Example transition */ display: inline-block; /* To allow transition effect */ }

.trustSectionButton a:hover { color: var(--minutebox-purpleAlt1); }

.trustSectionButton a i.fa-arrow-right { /* Initial position */ margin-left: 0; /* Adding transition for the icon movement */ transition: margin-left 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55); }

.trustSectionButton a:hover i.fa-arrow-right { /* Move 10px to the right on hover */ margin-left: 10px; }

a.product-anchor { display: none; }

/* FAQ Container */
.faq-container { width: 100%; max-width: 800px; margin: 50px auto; padding: 20px; border: 1px solid #e5e5e5; border-radius: 10px; background-color: #f9f9f9; }

/* FAQ Title */
.faq-title { font-size: 1.8rem; font-weight: bold; margin-bottom: 20px; text-align: center; }

/* FAQ Item */
.faq-item { margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; }

/* FAQ Question */
.faq-question { width: 100%; padding: 15px; font-size: 1rem; font-weight: bold; text-align: left; border: none; background-color: white; cursor: pointer; transition: background-color 0.3s; }

.faq-question:hover { background-color: #f0f0f0; }

/* FAQ Answer */
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding: 0 15px; background-color: #fff; font-size: 0.9rem; color: #555; }

.faq-answer p { margin: 10px 0; }

/* Active Question Styling */
.faq-active { background-color: #f9f9f9; color: #007BFF; }

/*

###################################################################
		REGISTRY STYLES LANDING PAGE
###################################################################
*/
:root { --silver: #A3A8B2; --graphite: #262F3C; --graphite2: #3D4755; --yellow: #FFD504; --white: #ffffff; --blue: #1E75FB; --slategray: #79828C; --font-primary: 'Archivo', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }

.blue { color: var(--blue); }

.bold { font-weight: 500; }

.bracket { background-color: white; position: relative; top: 30px; width: 100%; user-select: none; }

.rs-container { width: 100%; margin: 0 auto; background: white; font-family: var(--font-primary); }

.rs-container img { -webkit-user-drag: none; }

.rs-inner { max-width: 1200px; margin: 0 auto; }

section { padding: 80px 20px; }

/* ===== Hero Section ===== */
.rs-hero { position: relative; background-color: var(--white); text-align: center; padding: 100px 20px 60px; }

.rs-hero h1 { font-size: 3.5rem; font-weight: 500; line-height: 1.2; margin: 0 auto; max-width: 800px; color: var(--graphite); }

.rs-hero-subtext { font-size: 1.125rem; max-width: 800px; margin: 24px auto; color: var(--graphite2); line-height: 1.6; }

.rs-hero-silver { color: var(--silver); }

.rs-hero h1 .highlight { font-weight: 700; color: #1f2937; }

.rs-hero .rs-hero-actions { margin-top: 40px; }

.rs-hero .rs-hero-button { background-color: #facc15; border: none; padding: 14px 28px; border-radius: 8px; font-size: 1rem; cursor: pointer; margin-right: 16px; transition: background-color 0.3s; }

.rs-hero .rs-hero-button:hover { background-color: #eab308; }

.rs-hero .rs-hero-secondary { font-size: 1rem; color: #1f2937; text-decoration: underline; cursor: pointer; }

.rs-hero-icons { margin-top: 60px; display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; font-size: 0.9rem; color: #374151; }

.rs-hero-icons span { display: flex; align-items: center; gap: 8px; }

/* Trust Bar Container Adjustments */
.rs-trust-bar { background-color: var(--graphite); color: white; text-align: center; overflow: hidden; position: relative; padding: 8rem 0; }

.rs-trust-bar h2 { font-size: 1rem; font-weight: 600; color: #facc15; margin-bottom: 16px; }

.rs-trust-bar p { font-size: 1.5rem; font-weight: 400; margin-bottom: 40px; max-width: 900px; margin-left: auto; margin-right: auto; }

.rs-trust-logos-container { position: relative; overflow: hidden; width: 100%; margin: 0 auto; padding: 10px 0; }

.rs-trust-logos { display: flex; align-items: center; gap: 60px; animation: scrollLogos 40s linear infinite; filter: grayscale(100%) brightness(0) invert(50%); }

.rs-trust-logos img { height: 40px; opacity: 0.7; flex-shrink: 0; }

.rs-trust-logos-container::before, .rs-trust-logos-container::after { content: ""; position: absolute; top: 0; height: 100%; width: 100px; pointer-events: none; z-index: 1; }

.rs-trust-logos-container::before { left: 0; background: linear-gradient(to right, var(--graphite), transparent); }

.rs-trust-logos-container::after { right: 0; background: linear-gradient(to left, var(--graphite), transparent); }

/* Infinite scrolling animation */
@keyframes scrollLogos { 0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); } }
.rs-built-for-legal { background-color: var(--white); padding: 100px 20px; text-align: center; font-family: var(--font-primary); }

.rs-built-wrapper small { color: #2563eb; font-size: 0.875rem; font-weight: 500; }

.rs-built-wrapper h2 { font-size: 1.875rem; font-weight: 600; color: #1f2937; max-width: 800px; margin: 16px auto 40px; }

.rs-built-features { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; }

.rs-built-card { position: relative; overflow: hidden; border-radius: 12px; width: 320px; height: 220px; padding: 32px 24px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; transition: transform 0.3s ease; }

.rs-built-card:hover { transform: translateY(-4px); }

.rs-built-card p { font-size: 1.25rem; font-weight: 600; color: var(--white); text-align: left; margin: 0; line-height: 1.3; position: relative; z-index: 1; max-width: 90%; }

.rs-built-icon { position: absolute; top: 24px; left: 24px; width: 72px; height: 72px; opacity: 0.9; }

.rs-built-icon img { width: 100%; height: 100%; object-fit: contain; }

/* Card color variations */
.rs-built-card.yellow { background-color: var(--yellow); color: #1f2937; }

.rs-built-card.dark { background-color: var(--graphite2); }

.rs-built-card.blue { background-color: var(--blue); }

@media (max-width: 960px) { .rs-built-features { flex-direction: column; align-items: center; }
  .rs-built-card { width: 100%; max-width: 400px; height: auto; padding: 60px 24px 24px; text-align: left; align-items: flex-start; }
  .rs-built-icon { position: initial; }
  .rs-built-icon img { top: 20px; left: 20px; width: 60px; }
  .rs-built-card p { font-size: 1.125rem; margin-top: 12px; } }
.rs-exp-section { background-color: var(--graphite); background-image: url("https://minutebox.media/www/temp/background.png"), radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px); background-size: cover, 40px 40px; background-position: center center; background-repeat: no-repeat, repeat; font-family: var(--font-primary); color: var(--white); padding: 100px 20px; text-align: center; position: relative; overflow: hidden; }

.rs-exp-inner { max-width: 1000px; margin: 0 auto; position: relative; z-index: 2; }

.rs-exp-heading { font-size: 3rem; font-weight: 700; color: var(--slategray); line-height: 1.2; margin-bottom: 20px; }

.rs-exp-heading-bold { color: var(--white); }

.rs-exp-description { font-size: 1.25rem; color: var(--slategray); max-width: 700px; margin: 0 auto 30px; }

.rs-exp-buttons { margin-top: 30px; display: flex; align-items: center; justify-content: center; gap: 20px; }

.rs-exp-btn-primary { background-color: #facc15; color: #1f2937; border: none; padding: 12px 20px; border-radius: 8px; font-weight: 600; font-size: 1rem; cursor: pointer; transition: background-color 0.3s ease; display: inline-flex; align-items: center; gap: 6px; overflow: hidden; }

.rs-btn-arrow { display: inline-block; transition: transform 0.3s ease; }

.rs-exp-btn-primary:hover .rs-btn-arrow { animation: rs-arrow-bounce 0.6s ease; }

@keyframes rs-arrow-bounce { 0%, 100% { transform: translateX(0); }
  50% { transform: translateX(6px); } }
.rs-exp-btn-primary:hover { background-color: #e5b812; }

.rs-exp-btn-secondary { color: var(--white); text-decoration: none; font-weight: 500; font-size: 1rem; transition: opacity 0.3s ease; }

.rs-exp-btn-secondary:hover { opacity: 0.7; }

.rs-exp-section::before { top: 10%; left: 5%; }

.rs-exp-section::after { bottom: 10%; right: 5%; }

/* Responsive adjustments */
@media (max-width: 768px) { .rs-exp-heading { font-size: 2rem; }
  .rs-exp-buttons { flex-direction: column; } }
.rs-overview { padding: 80px 20px; font-family: var(--font-primary); color: #1f2937; }

.rs-overview-inner { max-width: 1200px; margin: 0 auto; }

.rs-overview-text { display: flex; justify-content: space-between; align-items: flex-start; gap: 80px; }

.rs-overview-text small.blue.bold { color: #3b82f6; font-weight: 600; font-size: 1rem; margin-bottom: 16px; display: block; }

.rs-overview-text h2 { font-size: 3rem; font-weight: 600; line-height: 1.1; margin-bottom: 24px; max-width: 700px; }

.rs-overview-text p { font-size: 1.125rem; line-height: 1.6; margin-bottom: 32px; max-width: 400px; }

.rs-overview-text button { background-color: #1f2937; color: var(--white); padding: 12px 20px; border-radius: 8px; font-size: 1rem; cursor: pointer; border: none; transition: background-color 0.3s ease; }

.rs-overview-text button:hover { background-color: #374151; }

.rs-overview-text > div:first-child { flex: 2; }

.rs-overview-text > div:last-child { flex: 1; }

/* Responsive adjustments */
@media (max-width: 960px) { .rs-overview-text { flex-direction: column; gap: 20px; }
  .rs-overview-text h2, .rs-overview-text p { max-width: 100%; } }
.rs-features { padding: 80px 20px; font-family: var(--font-primary); background-color: var(--white); }

.rs-features .rs-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 40px; }

.rs-features-content { flex: 1; }

.rs-feature-item { cursor: pointer; opacity: 0.2; transition: opacity 0.3s ease, padding 0.3s ease, margin-bottom 0.3s ease; padding: 0px 20px; margin-bottom: 8px; border-radius: 8px; }

.rs-feature-item.rs-active { opacity: 1; padding: 20px; margin-bottom: 24px; }

.rs-feature-header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }

.rs-icon { font-size: 1.5rem; }

.rs-feature-title { font-size: 1.5rem; font-weight: 600; margin: 0; color: #1f2937; position: relative; display: inline-block; }

.rs-feature-bracket { color: var(--yellow); font-family: 'Archivo', sans-serif; font-weight: 700; opacity: 0; transform: translateX(-8px); transition: opacity 0.3s ease, transform 0.3s ease; font-size: 1.4rem; }

.rs-feature-bracket:last-child { transform: translateX(8px); }

.rs-minutebox-feature-item:hover .rs-feature-bracket { opacity: 1; transform: translateX(0); }

.rs-feature-description { font-size: 1rem; color: #6b7280; margin-bottom: 16px; opacity: 0; max-height: 0; overflow: hidden; transition: opacity 0.4s ease, max-height 0.4s ease; }

.rs-feature-btn { display: inline-block; text-decoration: none; background-color: #e5efff; color: #374151; padding: 10px 16px; border-radius: 8px; font-size: 1rem; font-weight: 500; opacity: 0; max-height: 0; overflow: hidden; transition: opacity 0.4s ease, max-height 0.4s ease, background-color 0.3s ease; }

.rs-feature-btn:hover { background-color: #d1e4ff; }

.rs-feature-item.rs-active .rs-feature-description, .rs-feature-item.rs-active .rs-feature-btn { opacity: 1; max-height: 200px; }

.rs-feature-image { flex: 1; background-color: #facc15; border-radius: 12px; padding: 40px; position: relative; overflow: hidden; }

.rs-feature-image img { width: 100%; height: auto; opacity: 0; transform: translateY(10px); transition: opacity 0.4s ease, transform 0.4s ease; }

.rs-feature-image img.rs-visible { opacity: 1; transform: translateY(0); }

/* Responsive Adjustments */
@media (max-width: 960px) { .rs-features .rs-inner { flex-direction: column; gap: 20px; }
  .rs-feature-image { width: 100%; } }
.rs-minutebox-features { padding: 80px 20px; font-family: var(--font-primary); background-color: var(--white); }

.rs-minutebox-features-inner { max-width: 1200px; margin: 0 auto; text-align: center; }

.rs-minutebox-features-heading { font-size: 2.25rem; font-weight: 700; color: #1f2937; margin-bottom: 48px; }

.rs-minutebox-features-grid { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; align-items: flex-start; }

.rs-minutebox-feature-item { background-color: #f9fafb; color: #374151; border-radius: 8px; box-shadow: 0 2px 4px rgba(31, 41, 55, 0.05); font-size: 1rem; font-weight: 500; text-align: left; padding: 12px 20px; width: 280px; }

.rs-minutebox-feature-snippet { font-size: 0.875rem; color: #6b7280; margin-top: 10px; opacity: 1; max-height: none; }

.rs-minutebox-features-grid { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; align-items: flex-start; }

@media (max-width: 768px) { .rs-minutebox-features-grid { flex-direction: column; align-items: center; }
  .rs-minutebox-feature-item { width: 100%; max-width: 400px; } }
.rs-platform-section { padding: 80px 20px; font-family: var(--font-primary); background-color: #ffffff; color: #1f2937; }

.rs-platform-inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; max-width: 1200px; margin: 0 auto; }

.rs-platform-content { flex: 1; }

.rs-platform-heading { font-size: 2rem; font-weight: 700; margin-bottom: 20px; }

.rs-platform-description { font-size: 1.125rem; line-height: 1.6; }

.rs-platform-image { flex: 1; }

.rs-platform-image img { width: 100%; height: auto; -webkit-user-drag: none; }

/* Responsive Adjustments */
@media (max-width: 960px) { .rs-platform-inner { flex-direction: column; text-align: center; }
  .rs-platform-image { width: 100%; } }