/*
	Theme Name: www.activateos.com
	Theme URI: https://sandhills.com
	Author: Sandhills
	Author URI: https://sandhills.com
	Description: Sandhills default template.
	Version: 1.0
	Text Domain: sandhills
	Tags: Sandhills default
*/

/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background: transparent; border: 0; margin: 0; padding: 0; list-style: none;} img{max-width: 100%; image-rendering: -webkit-optimize-contrast;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *, *:before, *:after{box-sizing: border-box;}

html, body{font-family: "Inter", sans-serif; font-size: 18px; font-weight: 300; line-height: 1.75; color: #222; height: 100%; width: 100%;}
::-moz-selection{background: #FB5E0F; color: #fff; text-shadow: none} ::selection{background: #FB5E0F; color: #fff; text-shadow: none}
.main{padding: 75px 5%;}

.small-row{max-width: 1400px; margin: auto;}

.flex-row{display: flex; flex-wrap: wrap; gap: 20px 50px; min-height: 0;}
.flex-col{flex: 1; min-width: 0; min-height: 0;}

.sidebarColumn{min-height: inherit !important; max-width: 1920px; margin: auto;}
.highlightSidebars .header{position: relative; top: 0; left: 0; width: 100%;}

hr{display: block; height: 1px; margin: 25px 0; border: none; border-top: 1px #ddd solid;}
img.styled-image{border-radius: 28px; box-shadow: 10px 10px 50px 0px rgba(43,29,103,0.25);}
[class*="prevButton-container"], [class*="nextButton-container"]{display: none !important;}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{display: block; font-weight: 900; text-transform: capitalize; line-height: 1.25;}
h1{font-size: 32px;}
h2{font-size: 36px; margin: 5px 0;}
a{color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}
strong, b{font-weight: 700;}

.orange-heading{display: block; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #FB5E0F;}

.underline-title{position: relative; margin-bottom: 35px; text-align: center;}
.underline-title:after{content: ""; position: absolute; width: 40px; height: 2px; background-color: #FB5E0F; bottom: -10px; left: 50%; transform: translateX(-50%);}

.shEditorInsertButton, .shEditorInsertButton:focus{display: inline-flex; align-items: center; justify-content: center; position: relative; width: fit-content; padding: 14px 50px; font-size: 16px; font-weight: 700; text-align: center; border-radius: 80px; border: none; outline: none;}
.shEditorInsertButton:hover{box-shadow: 10px 10px 50px 0px rgba(43,29,103,0.05);}

.btn.btn-orange{background: #FB5E0F; color: #fff;}
.btn.btn-orange:hover{background: #333; color: #fff;}

.btn.btn-white{background: #fff; color: #FB5E0F;}
.btn.btn-white:hover{background: #333; color: #fff;}

.btn.btn-ghost{background: none; color: #333;}
.btn.btn-ghost:hover{background: none; color: #000;}

.btn.btn-border{background: none; color: #333; border: 1px #eee solid;}
.btn.btn-border:hover{background: none; color: #333; border: 1px #ddd solid;}

.btn.btn-full{width: 100%; background: #FB5E0F; color: #fff;}
.btn.btn-full:hover{background: #333; color: #fff;}

.btn-container{display: flex; justify-content: center; gap: 5px; flex-wrap: wrap;}

.underline-link{font-weight: 700; text-decoration: underline; color: #FB5E0F;}
.underline-link:hover{text-decoration: none;}

.bullet-list{margin: 25px 0 35px;}
.bullet-list li{display: flex; gap: 15px; margin: 10px 0; font-size: 16px; text-align: left;}
.bullet-list li:before{font-family: "Font Awesome 6 Free"; font-weight: 400; content: "\f058"; color: #FB5E0F;}

.line-list{display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;}
.line-list li:after{padding-left: 10px; content: "|"; opacity: .25;}
.line-list li:last-child:after{padding-left: 0; content: "";}

.dot-list li{margin: 10px 15px; font-size: 16px; text-align: left; list-style-type: disc;}
.dot-list li a{text-decoration: underline;}
.dot-list li a:hover{text-decoration: none;}

/* HEADER */

.header{display: flex; align-items: center; gap: 35px; position: fixed; top: 20px; left: 20px; right: 20px; background: #fff; width: 95%; margin: auto; padding: 0 2.5%; border-radius: 500px; box-shadow: 10px 10px 50px 0px rgba(43,29,103,0.05); transition: all .2s ease-in-out; z-index: 999;}
.header .logo img{max-height: 35px;}
.header .logo img:hover{opacity: .75;}
.header .navigation{flex: 1;}
.header .btn{padding: 10px 35px; font-size: 15px;}
.header .btn:not(.btn-orange){padding: 10px 25px; font-weight: 500;}

.header.scroll{position: fixed; top: 0; left: 0; right: 0; width: 100%; max-width: 100%; padding: 0 5%; border-radius: 0 0 15px 15px;}

/* HOME */

.hero{background: #F9FAFB url("images/bg-hero.png") top center no-repeat; background-size: cover; position: relative; padding: 200px 5% 125px; font-size: 18px;}
.hero h1{font-size: 45px;}
.hero h3{margin: 10px 0 20px; font-size: 22px; font-weight: 400; line-height: 1.5; color: #555;}
.hero p{display: block; font-weight: 300;}
.hero .row{max-width: 60%;} .hero .row .row{max-width: 100%;}
.hero .btn{margin-top: 40px;}
.hero .hero-bg{position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 0;}
.hero .hero-bg img{display: block; max-height: 525px;}

.section-customers{display: flex; align-items: center; flex-wrap: wrap; background: #fff; max-width: 1920px; margin: auto; font-size: 36px; font-weight: 200; text-align: left; line-height: 1.5;}
.section-customers .customers-left{width: 30%; padding: 20px 5%;}
.section-customers .customers-right{width: 70%;}
.section-customers .customer-box{width: 100%;}
.section-customers .customer-box a{display: flex; align-items: center; justify-content: center; background: #fff; padding: 30px; border-radius: 10px; box-shadow: 10px 10px 50px 0px rgba(43,29,103,0.05);}
.section-customers .customer-box a:hover{box-shadow: 10px 10px 50px 0px rgba(43,29,103,0.1);}
.section-customers .customer-box img{display: block; max-height: 50px;}
.section-customers .slick-slider{margin: 0 !important;}
.section-customers .slick-slide{width: 100%;}
.section-customers .slick-track{display: flex; align-items: center; gap: 10px; padding: 35px 0;}

.section-hub{background: #fff url("images/bg-logo.png") center center no-repeat;}
.section-hub .solve-text{margin: 10px 0 50px; font-size: 24px; text-align: center;}
.section-hub .rotate-text{display: inline-block; background: #FB5E0F; margin: 0 5px; padding: 4px 15px; font-size: 24px; font-weight: 900; color: #fff;}
.section-hub .rotate-text span{display: none;}
.section-hub .rotate-text span:first-child{display: block;}
.section-hub.grey-bg .solve-text{margin: 10px 0;}

.section-testimonials{background: #fff url("images/bg-testimonials.png") top center no-repeat; background-size: cover; padding-left: 0; padding-right: 0;}
.section-testimonials h2{text-align: center;}
.section-testimonials .slick-track{display: flex; align-items: center; gap: 25px; margin: 50px 0;}
.section-testimonials .no-posts-customer-testimonial{font-size: 28px; font-weight: 300; text-align: center;}

.testimonial{display: block; background: #fff !important; text-align: left; border-radius: 28px; border: 2px #F9FAFB solid !important; overflow: hidden; box-shadow: 10px 10px 50px 0px rgba(43,29,103,0.05);}
.testimonial .testimonial-video{position: relative; width: 100%; height: 0; padding-bottom: 56.25%; border-radius: 28px 28px 0 0; overflow: hidden;}
.testimonial .testimonial-video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}
.testimonial .testimonial-video[data-value=""]{display: none !important;}
.testimonial .testimonial-image{padding: 50px 20px 0;}
.testimonial .testimonial-image img{display: block; max-height: 100px; max-width: 100%;}
.testimonial .testimonial-image[data-value=""]{display: none !important;}
.testimonial .testimonial-content{padding: 40px 35px;}
.testimonial .testimonial-product{font-size: 14px; font-weight: 700; text-transform: uppercase; color: #FB5E0F;}
.testimonial .testimonial-review{margin: 10px 0 20px; font-weight: 500;}
.testimonial .testimonial-name{font-size: 16px; font-weight: 300;}

.section-cta{background: #FB5E0F url("images/bg-logo-2.png") center center no-repeat; padding: 60px 5%; text-align: center; color: #fff;}
.section-cta h3{text-transform: capitalize;}
.section-cta p{margin: 20px 0 35px;}
.section-cta p a{text-decoration: underline;}
.section-cta p a:hover{text-decoration: none;}
.section-cta .demo-signup .contactForm input[type="submit"]{background: #fff !important; color: #FB5E0F !important;}

/* SUB PAGES */

.sub-page .main{min-height: 40vh;}
.grey-bg{background: #F9FAFB;}
.orange-bg{background: #FB5E0F;}

.youtube-frame{background: #000; border-radius: 28px; overflow: hidden; box-shadow: 10px 10px 50px 0px rgba(43,29,103,0.25);}
.youtube-frame .html-iframe-wrapper{position: relative; display: block !important; width: 100%; height: 0; padding-top: 56.25% !important;}
.youtube-frame .html-iframe-wrapper iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; pointer-events: inherit !important;}

.banner{background: #F9FAFB url("images/bg-hero.png") top center no-repeat; background-size: cover; position: relative; padding: 125px 5% 40px; overflow: hidden;}
.banner img{display: block; padding: 25px !important;}
.banner h1{margin: 10px 0; font-size: 36px; text-transform: capitalize;}
.banner h3{font-size: 20px; font-weight: 400; line-height: 1.75; color: #555;}
.banner p{font-size: 18px; font-weight: 400; color: #555;}
.banner .row{gap: 35px 50px;}
.banner .col-md-3, .banner .col-md-4, .banner .col-md-5{flex: 1;}

.demo-signup{display: block; max-width: 750px; margin: auto;}
.demo-signup .underline-title{display: block; font-size: 22px; font-weight: 900; line-height: 1.25; color: #000;}
.demo-signup .contactForm form{display: flex; flex-wrap: wrap; width: 100%;}
.demo-signup .contactForm input[type="email"]{padding-left: 20px; border-radius: 50px;}
.demo-signup .contactForm input[type="submit"]{position: relative; top: 2px; padding: 12px 36px;}
.demo-signup .contactForm .form-group{margin: 0 !important;}
.demo-signup .contactForm .row:has(input[type="email"]){flex: 1; width: 100%;}
.demo-signup .contactForm .btn-success{width: 100%; margin: 0;}

.demo-signup .contactForm .contactFormLabel{left: 20px;}
.demo-signup .contactForm .active .contactFormLabel{left: 20px;}
.demo-signup .contactForm .active input[type="email"]{padding: 21px 12px 9px 20px;}

.demo-signup #bootStrapErrors{width: 100%; margin: 10px 0;}

/* PRODUCT PAGE */

.tile-container{display: flex; flex-wrap: wrap; gap: 15px; margin: 35px auto;}
.tile-container .tile{display: block; background: #fff; flex: 0 0 calc(33.3333% - 15px); padding: 25px; text-align: center; border-radius: 10px; box-shadow: 10px 10px 50px 0px rgba(43,29,103,0.05);}
.tile-container .tile i{display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: rgba(251, 94, 15, 0.1); margin: auto; font-size: 20px; color: #FB5E0F; border-radius: 10px;}
.tile-container .tile h3{display: block; margin: 10px 0 0; font-size: 16px; font-weight: 500; line-height: 1.25;}
.tile-container .tile strong{display: block; margin: 10px 0 0; font-weight: 500; line-height: 1.25;}
.tile-container .tile p{font-size: 14px;}

.results-container{display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin: 35px auto;}
.results-container .result{display: block; background: #fff; flex: 0 0 calc(33.3333% - 15px); padding: 35px 25px; text-align: center; border-radius: 10px; box-shadow: 10px 10px 50px 0px rgba(43,29,103,0.05);}
.results-container .result i{display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: rgba(251, 94, 15, 0.1); margin: auto; font-size: 20px; color: #FB5E0F; border-radius: 10px;}
.results-container .result h3, .results-container .result strong{display: block; margin: 12px 0 6px; font-size: 18px; font-weight: 300; line-height: 1.25;}
.results-container .result h3 span, .results-container .result strong span{font-weight: 800; color: #FB5E0F;}
.results-container .result p{font-size: 14px; text-wrap: pretty;}
.results-container .result .highlight{font-size: 48px; font-weight: 900; line-height: 1.2; color: #FB5E0F;}

/* CONTACT PAGE */

.contact-container{display: flex; border-radius: 28px; overflow: hidden; box-shadow: 10px 10px 50px 0px rgba(43,29,103,0.05);}
.contact-container hr{border-top: 1px #eee solid;}
.contact-container h2{font-size: 24px;}
.contact-box{flex: 1; padding: 4%;}

.contact-list ul{display: flex; flex-wrap: wrap; gap: 15px;}
.contact-list ul li{padding-right: 15px; border-right: 1px rgba(0, 0, 0, 0.5) solid;}
.contact-list ul li:last-child{border-right: none !important;}
.contact-list ul li h3{font-size: 18px; font-weight: 400;}

.contact-details{width: 66%; padding: 4%; background: #FB5E0F url("images/bg-logo-2.png") bottom center no-repeat; font-size: 16px; color: #fff;}
.contact-details *{text-wrap: pretty;}
.contact-details h2{margin-bottom: 15px;}
.contact-details h2 a{display: block; margin: 10px 0 40px; text-decoration: underline;}
.contact-details h2 a:hover{text-decoration: none;}
.contact-details h3{font-size: 16px;}
.contact-details .bullet-list li:before{color: #fff;}
.contact-details .section-customers{background: none;}
.contact-details .section-customers .slick-track{padding: 10px 0;}
.contact-details .contact-list{margin: 35px 0;}
.contact-details .contact-list ul li{border-right: 1px rgba(255, 255, 255, 0.5) solid;}
.contact-details .contact-list [class*="post-column-customer-"]{height: auto;}

.contactForm input[type="text"], .contactForm input[type="date"], .contactForm input[type="email"], .contactForm input[type="phone"], .contactForm select, .contactForm textarea{background: #F9FAFB; width: 100%; height: 50px; padding: 15px 12px; font-size: 14px; font-family: inherit; border: 1px #eee solid; box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 5px;}
.contactForm textarea{height: 120px;}

.contactForm .form-group{display: flex; align-items: center; flex-wrap: wrap; position: relative; margin: 0 0 10px 0 !important;}
.contactForm .form-group.has-success input[type="text"], .contactForm .form-group.has-success input[type="date"], .contactForm .form-group.has-success input[type="email"], .contactForm .form-group.has-success input[type="phone"], .contactForm .form-group.has-success select, .contactForm .form-group.has-success textarea{border: 1px #eee solid;}
.contactForm .contactFormLabel{position: absolute; top: 13px; left: 15px; margin: 0 !important; font-size: 14px; color: #666; pointer-events: none; transition: 0.2s ease all;}
.contactForm .form-control-feedback{display: none !important;}
.contactForm .help-block{width: 100%;}
.contactForm .col-md-9 input{margin-right: 10px;}
.contactForm .has-feedback .contactFormLabel:after{position: relative; top: -5px; margin-left: 6px; font-family: "Font Awesome 6 Free"; font-size: 6px; font-weight: 900; content: "\2a"; color: #FB5E0F;}

.contactForm .active .contactFormLabel{top: 5px; left: 12px; font-size: 10px; font-weight: 700; color: #FB5E0F;}
.contactForm .active input[type="text"], .contactForm .active input[type="date"], .contactForm .active input[type="email"], .contactForm .active input[type="phone"], .contactForm .active select, .contactForm .active textarea{padding: 21px 12px 9px 12px;}

.contactForm .inline-recaptcha-fields{padding-right: 35px;}
.contactForm .inline-recaptcha-fields .form-group{display: block;}
.contactForm .inline-recaptcha-fields .form-group label{margin-left: 3px !important; font-size: 16px;}

.contactForm .btn-success{background: #FB5E0F !important; color: #fff; padding: 10px 50px; text-align: center; text-decoration: none; font-size: 15px; font-weight: 700; border: none !important; border-radius: 50px;}
.contactForm .btn-success:hover{background: #000 !important;}

/* CONTACT LANDING PAGE */

.contact-message h2{font-size: 20px;}
.contact-message h2 a{text-decoration: underline;}
.contact-message h2 a:hover{text-decoration: none;}

.form-bg{display: block; padding: 25px; text-align: center; box-shadow: 10px 10px 50px 0px rgba(43,29,103,0.05); border-radius: 10px;}
.form-bg div:has(> .inline-recaptcha-fields){display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0 35px; margin-top: -25px; margin-bottom: 15px;}
.form-bg .contactForm .inline-recaptcha-fields{padding: 0;}

/* MARQUEE */

.marquee{display: flex; gap: 50px; position: relative; width: 100%; margin: 25px 0; overflow: hidden; user-select: none;}
.marquee:hover ul{animation-play-state: paused;}
.marquee img{display: block; max-height: 80px;}
.marquee h3, .marquee p{font-size: 18px; font-weight: 400; line-height: 1;}
.marquee ul{display: flex; justify-content: space-around; flex-shrink: 0; gap: 50px; min-width: 100%; animation: scroll 30s linear infinite;}
.marquee ul li a{display: flex; align-items: center; justify-content: center;}
.marquee.reverse ul{animation-direction: reverse;}

.marquee:before, .marquee:after{position: absolute; top: 0; width: 15%; height: 100%; content: ""; z-index: 1;}
.marquee:before{left: 0; background: linear-gradient(to right, #fff 0%, transparent 100%);}
.marquee:after{right: 0; background: linear-gradient(to left, #fff 0%, transparent 100%);}

.grey-bg .marquee:before{left: 0; background: linear-gradient(to right, #F9FAFB 0%, transparent 100%);}
.grey-bg .marquee:after{right: 0; background: linear-gradient(to left, #F9FAFB 0%, transparent 100%);}
	
/* ANIMATION */

@keyframes scroll{
	from{transform: translateX(0);}
	to{transform: translateX(calc(-100% - 50px));}
}

/* ACCORDION */

.sidebarColumn:has(.faq-section){margin: 0;}
.sidebarColumn.col-md-6:has(.faq-section){flex: 1; max-width: 33.3333%;}
.sidebarColumn.col-md-6:has(.faq-section) + .sidebarColumn.col-md-6{flex: 1; max-width: 100%;}
.faq-section h2{font-size: 24px; font-weight: 300; width: min(100%, 25ch);}

.app-flex{display: flex; flex-wrap: wrap; gap: 5px;}

.accordion{margin-bottom: 50px;}
.accordion-button{padding: 20px 0; font-size: 16px; font-weight: 400; color: #000;}
.accordion-button:not(.collapsed){background: none; font-weight: 500; color: #000; box-shadow: none;}
.accordion-button:focus{box-shadow: none;}
.accordion-button:after{font-size: 14px;}
.accordion-item{border: none; border-bottom: 1px #eee solid;}
.accordion-item:last-child{border-bottom: none;}

.accordion-body{padding: 0 0 15px;}
.accordion-body ul{font-size: 14px;}
.accordion-body ul li{list-style: disc; margin-left: 15px;}
.accordion-body p{font-size: 14px;}
.accordion-body a{text-decoration: underline;}
.accordion-body a:hover{text-decoration: none;}

/* LEGAL */

.legal{display: block; font-size: 16px;}
.legal *{background-color: transparent !important; font-family: "Inter", sans-serif !important;}
.legal a{text-decoration: underline;} .legal a:hover{text-decoration: none;}

.legal ol li{list-style-type: decimal; margin-left: 20px;}
.legal ol ol li, .legal ol ul li{list-style-type: lower-latin;}

.legal .bullet-list{margin: 0;}
.legal .bullet-list li{display: list-item; margin: 0; list-style-type: disc;}
.legal .bullet-list li:before{display: none;}

/* FOOTER */

.footer{background: #fff; padding: 25px 5% 15px; font-size: 14px; font-weight: 300;}
.footer a:hover{opacity: .75;}
.footer .footer-logos{width: 100%; margin: 40px 0 20px; font-weight: 500; text-align: center;}
.footer .footer-logos ul{display: flex; align-items: center; justify-content: center; gap: 15px 20px; flex-wrap: wrap; margin-top: 10px;}
.footer .copyright{width: 100%; font-size: 12px; text-align: center;}

.footer-flex{display: flex; align-items: center; flex-wrap: wrap; gap: 5px 20px;}
.footer-flex .footer-logo img{display: block; max-height: 35px;}
.footer-flex .footer-logo a{display: inline-block;}

.footer-flex .social ul{display: flex; align-items: center; justify-content: center; gap: 5px;}
.footer-flex .social ul li a{display: flex; align-items: center; justify-content: center; background: #fff; width: 30px; height: 30px; padding: 0; font-size: 13px; text-align: center; color: #333; border: none; border-radius: 50px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);}
.footer-flex .social ul li a:hover{opacity: 1; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}

.footer-flex .footer-links{margin-left: auto;}
.footer-flex .footer-links ul{display: flex; align-items: center; justify-content: center; gap: 10px 15px; flex-wrap: wrap;}

/* ANIMATIONS */

@keyframes rotateOut{
  0%{transform: rotate(0deg); opacity: 1;}
  100%{transform: rotateX(90deg); opacity: 0;}
}
@keyframes rotateIn{
  0%{transform: rotateX(90deg); opacity: 0;}
  100%{transform: rotate(0deg); opacity: 1;}
}

.rotate-out{animation: rotateOut 0.4s forwards;}
.rotate-in{animation: rotateIn 0.4s forwards;}

/* RESPONSIVE */

@media screen and (max-width: 1500px){
	.hero .row{max-width: 100%;}
	.hero .hero-bg{max-width: 100%; opacity: .05;}
	
	.section-customers{font-size: 30px;}
}
@media screen and (max-width: 1400px){
	.footer-flex{justify-content: center;}
	.footer-flex .social{width: 100%; margin: 10px 0 20px;}
	.footer-flex .footer-logo{width: 100%; text-align: center;}
	.footer-flex .footer-links{width: 100%; margin: auto; padding: 0; text-align: center; border: none;}
}
@media screen and (max-width: 1200px){
	.header{gap: 25px;}
	.header .logo img{max-height: 32px;}
	.header .btn{padding: 8px 25px; font-size: 14px;}
	.header .btn:not(.btn-orange){padding: 8px 15px;}
}
@media screen and (max-width: 1024px){
	html, body{font-size: 16px;}
	h2{font-size: 28px;}
	p{font-size: 16px;}

	.header{gap: 10px; top: 0; left: 0; right: 0; width: 100%; max-width: 100%; border-radius: 0 0 10px 10px;}
	.header .logo{padding: 15px;}
	.header .demo{margin-left: auto;}
	.header .navigation{flex: none; order: 3;}
	.header.scroll{padding: 0 2.5%;}

	.main{padding: 50px 5%;}

	.hero h1{font-size: 32px;}
	.hero h3{font-size: 17px;}
	.hero p{font-size: 17px;}
	.section-customers{font-size: 24px;}
	
	.banner h1{font-size: 32px;} 
	.banner h3{font-size: 18px;}
	.banner p{font-size: 16px;}
	
	.contact-container{flex-direction: column;}
	.contact-container h2{font-size: 20px;}
	.contact-box{padding: 5%;}
	.contact-details{width: 100%; padding: 25px;}
	.contact-details .contact-list ul li{width: 100%; padding-right: 0; border-right: none !important;}
}
@media screen and (max-width: 768px){
	.header .demo{display: none;}
	.header .navigation{margin-left: auto;}

	.bullet-list{margin: 20px 0 25px;}
	.bullet-list li{margin: 6px 0;}

	.main{padding: 35px 5%;}
	.flex-col{flex: none; width: 100%;}

	.hero{padding: 100px 5% 50px;}
	.hero h1{font-size: 28px;}
	.hero .btn{width: 100%;}
	.section-customers .customers-left{width: 100%; padding: 35px 5% 0; text-align: center;}
	.section-customers .customers-right{width: 100%;}
	.section-customers .customer-box a{padding: 15px;}
	.section-customers .slick-track{padding: 25px 0;}
	.section-hub .solve-text{margin: 10px 0 30px; font-size: 20px;}
	.section-hub .rotate-text{font-size: 20px;}
	.section-testimonials .slick-track{margin: 25px 0; gap: 0;}
	.section-testimonials .slick-slide{margin: 0 5px;}
	.section-testimonials .no-posts-customer-testimonial{font-size: 18px;}
	.testimonial .testimonial-content{padding: 25px;}
	
	.banner{padding: 100px 5% 35px;}
	.banner h1{font-size: 24px;}
	.banner h3{font-size: 16px;}
	.banner .btn{width: 100%;}
	.tile-container{margin: 20px 0;}
	.tile-container .tile{flex: 0 0 calc(50% - 15px); padding: 20px;}

	.results-container{margin: 20px 0;}
	.results-container .result{flex: 0 0 100% !important; width: 100% !important; padding: 20px;}
	.results-container .result .highlight{font-size: 32px;}
	
	.contactForm .col-md-9 input{margin-right: 0;}
	.contactForm .btn-success{width: 100%; margin-top: 25px;}
	
	.sidebarColumn.col-md-6:has(.faq-section){flex: none; width: 100%; max-width: 100%;}
	.sidebarColumn.col-md-6:has(.faq-section) + .sidebarColumn.col-md-6{flex: none; width: 100%; max-width: 100%;}

	.demo-signup .contactForm input[type="submit"]{width: 100%; margin-top: -20px !important;}
	.demo-signup .contactForm .row:has(input[type="email"]){flex: none;}
	.demo-signup .contactForm .row:has(input[type="submit"]){flex: none; width: 100%;}
}
@media screen and (max-width: 480px){
	.shEditorInsertButton, .shEditorInsertButton:focus{width: 100%; padding: 15px; font-size: 14px;}
	
	.tile-container .tile{flex: 0 0 100%; padding: 20px;}
	
	.section-hub .solve-text{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px;}
	.testimonial .testimonial-content{padding: 20px;}
	
	.footer-flex .footer-links ul{flex-direction: column;}
}