@font-face{
	font-family: Blokk;
	src: url(https://sudcodev.wpengine.com/fonts/BLOKK.ttf);
}

html body main p.hero-title.blokk, 
html body div p.blokk, 
html body a.btn.blokk, html body .context-content a.btn-outline.blokk, html body a.btn-simple.blokk, 
html body h1.blokk,
html body h2.blokk,
html body h3.blokk,
html body h4.blokk,t
html body h5.blokk,
html body h6.blokk{
	font-family: 'Blokk'!important;
}


.hero-title, h1, h2, h3, h4, h5, h6{
	line-height: 1!important;
	margin-bottom: 20px!important;
}

.hero-title{
	font-family: 'Montserrat', sans-serif!important;
	font-size: 3rem!important;
	font-weight: 700!important;
}

h1{
	font-family: 'Montserrat', sans-serif!important;
	font-size: 3rem!important;
	font-weight: 200!important;
	margin-bottom: 2rem!important;
}

h2{
	font-family: 'Montserrat', sans-serif!important;
	font-size: 2.5rem!important;
	font-weight: 200!important;
}

h3{
	font-family: 'Montserrat', sans-serif!important;
	font-size: 1.75rem!important;
	font-weight: 700!important;
	text-transform: initial!important;
}

h4{
	font-family: 'Montserrat', sans-serif!important;
	font-size: 1.5rem!important;
	font-weight: 700!important;
	text-transform: initial!important;
}

h5{
	font-family: 'Open Sans', sans-serif!important;
	font-size:  1.25rem!important;
	font-weight: 600!important;
}

h6{
	font-family: 'Montserrat', sans-serif!important;
	font-size: 0.75rem!important;
	font-weight: 700!important;
}

.fw-feed-item-title{
	font-family: 'Montserrat', sans-serif!important;
	font-weight: 700!important;
}

body, p{
	font-family: 'Open Sans', sans-serif!important;
	font-size: 1rem!important;
}

.white{
color: #fff!important;
}

.no-top-margin{
	margin-top: 0!important;
}

a.authorized-dealer{
	background: url(https://www.perdueoffice.com/wp-content/uploads/sites/1395/2024/06/Steelcase-Premier-Partner.png) no-repeat!important;
	height: 48px!important;
    	width: 100%!important;
    	background-size: contain!important;
}

.dealer-meta{
	margin-left: 3rem!important;
}

.site-footer a, .site-footer p, .site-footer button{
	font-size: 1rem!important;
}

a.btn, body .context-content a.btn-outline, a.btn-simple, body.archive a.card-cta, body.blog a.card-cta{
	font-family: 'Montserrat', sans-serif!important;
	font-weight: 700!important;
	letter-spacing: 1px!important;
	display: inline-block!important;
}

body.archive a.card-cta,
body.blog a.card-cta{
	font-size: 14px!important;
	padding-left: 0px!important;
}

body.archive a.card-cta .icon, .btn-simple:before,
body.blog a.card-cta .icon, .btn-simple:before{
	position: relative!important;
    	left: 0;
    	top: 0
}

.btn-simple{
	position: relative!important;
	padding: 5px 0 5px 0px!important;
}

body.archive a.card-cta:hover span,
body.blog a.card-cta:hover span{
	text-decoration: none!important;
}

body.archive a.card-cta:hover span:before,
body.blog a.card-cta:hover span:before{
	color: #f2a900!important;
}

btn-panel{
	margin-top: 2rem!important;	
	margin-bottom: 3rem!important;
}

body a.btn-outline, body a.btn-outline{
	font-weight: 700!important;
	border: 2px solid #5e8ab4!important;
	color: #5e8ab4!important;
}

body .context-content a.btn-outline,
body .context-content a.btn{
	padding: 14px 25px 15px!important;
}

.btn-outline:hover{
	color: #fff!important;
	background: #5e8ab4!important;
}

.panel-type-add-to-quote, .panel-type-add-to-quote article{
	background: #5e8ab4!important;
}

body.home .logo{
	padding-top: 2rem!important;
}

.header-grid, .site-utility-bar__list{
	max-width: 1500px;
}

header.o-header-stuck{
	box-shadow: 1px 1px 5px #ddd!important;
}

.site-utility-bar a{
	font-size: 14px!important;
}

#dn-nav{
	text-align: right!important;
}

#dn-nav a.active{
	color: #333!important;
}

.menu-btn, #mobile-subnav .item-7196{
	padding: 0!important;
	margin: 0!important;
	background-color: #f2a900!important;
	color: #000!important;
}

.menu-btn a{
	padding: 1rem!important;
    	height: 45px!important;
    	line-height: 1!important;
	font-family: 'Montserrat', sans-serif!important;
	color: #000!important;
}




@media(min-width: 768px){

	ody.home header.site-header a.logo-wrap{
		background-image: url(https://www.perdueoffice.com/wp-content/uploads/sites/1395/2020/08/PERDUE_LOGO-perdueWhite.png)!important; 
	}

	.panel-type-hero.hero-first .layout-standard.panel-content.content-wrap{
		min-height: 80vh!important;
	}

	.panel-type-hero .panel-content:not(.alpha-transparent-yes) .hc-content-main-inner, body .panel-type-hero-slim .panel-content.text-box--yes:not(.alpha-transparent-yes) .hc-content-main-inner, .panel-type-cta .panel-content.cta-text-box .cta__content, body .hero-content p, .panel-type-hero .hero-content .panel-title{
		background: transparent!important;
		color: #fff!important;
	}

	.panel-type-hero-slim .hc-content-main-inner{
		max-width: 600px!important;
	}

	.panel-type-hero.hero-first .layout-standard.panel-content.content-wrap{
		
	}

	body.home .hc-content-main-inner{
		width: 50%!important;
		max-width: 1500px!important;
	}

	.post-template-default table.related-content{
		margin-top: 0!important;
	}

	table.related-content tr &gt; td:first-child{
		width: 33%!important;
	}

	table.related-content img{
		margin: 0 auto!important;
	}

	body.single .cw-inner table.blog-content td:last-child{
		width: 800px!important;
	}

	table.flex{
	margin: 0 auto!important;
	}

	table.flex tr{
		display: flex!important;
	}

	table.flex td{
		flex: 1!important;
		padding: 0 12px!important;
	}

	table.flex.even-cols td{
		display: flex!important;
		flex-flow: column;
		ustify-content: space-between!important;
	}

	table.rtb

	table.block td:last-child{
		padding-bottom: 2rem!important;
	}

	.padding-left-desktop{
		padding-left: 5rem!important;
	}
	
	.padding-right-desktop{
		padding-right: 5rem!important;
	}

	.line-break-desktop{
		margin-top: 2.75rem!important;
	}

	body table.block.no-top-padding-desktop td:first-child{
		padding-top: 0!important
	}

	table.blog-post table.related-content tr td:first-child{
		width: 33%!important;
	}

	table.blog-post tbody tr td:last-child{
		widt: 33%!important;
	}

	body table.blog-post table.block td{
		width: 100%!important;
	}

	table.blog-post table.block td img{
		width: 400px!important;
		height: 200px!important;
		max-width: 400px!important;
	}

	body.single .cw-inner table.related-content h4{
		margin: 2rem 0 0 0px!important;
	}

	body.home .hc-content-main p.hero-title{
		font-size: 4.75rem!important;
	}

	body.home .hc-content-main p{
		font-size: 22px!important;
    		font-family: 'Montserrat', sans-serif!important;
	}

	body.solution-template-default.postid-7169 .hg-image{
		background-position: 0 16%!important;
	}

	img.banner-icon{
		position: absolute;
    		top: 117px;
    		left: 70vw;
	}

	.post-template-default h1{
		margin: 2% 25%!important;
		text-align: center!important;
		font-weight: bold!important;
	}

	.slick-track .column-title{
		font-size: 1.5rem!important;
	}

	html body .panel-type-hero .panel-content:not(.alpha-transparent-yes) .hc-content-main-inner, body .panel-type-hero-slim .panel-content.text-box--yes:not(.alpha-transparent-yes) .hc-content-main-inner, .panel-type-cta .panel-content.cta-text-box .cta__content, .panel-type-hero .hero-content .panel-title{
	background: rgba(0,0,0,0.8)!important;
}

	.mobile-btn{
		display: none!important;
	}

	.oneup-layout--sleft .oneup__content, .oneup-layout--sright .oneup__content{
		padding-top: 0!important;
	}

	.hero-slim--full .hc-content-main-inner{
		margin-top: 3rem!important;
	}

	.panel-type-gallery .slick-dots{
		margin-top: -80px!important;
    		position: relative;
	}

	table.flex a.btn-simple{
		position: absolute!important;
		bottom: -30px!important;
	}

	html body table.flex td{
		position: relative!important;
		margin-bottom: 40px!important;
		padding: 0 12px!important;
	}

	.background-color--blue, .background-color--blue table.flex, .background-color--blue table tr{
		height: 100%;
    		align-items: center;
	}

	.background-color--gray, 
	.background-color--blue{
		padding: 0!important;
	}

	.grid-list-max-3 .grid-list-item{
		padding-left: 12px!important;
		padding-right: 12px!important;
	}

	body.page-id-7137 .hg-image{
		background-position: 0% 0%!important;
	}

}

@media(min-width: 768px) and (max-width: 1200px){
	.background-color--blue h2{
		font-size: 2rem!important;
	}
}

@media(max-width: 767px){
	h1, p.hero-title{font-size: 38px!important;}
	h2{font-size: 32px!important;}
	h3{font-size: 24px!important;}
	h4{font-size: 18px!important;}

	body h{
		font-size: 10vw!important;
	}

	body.single .cw-inner table.blog-content td:last-child img{
		display: none!important;
	}

	section.panel-type-cta{
		margin-top: 0rem!important;
		padding-top: 0!important;
	}

	.news-template-default h1.page-title{
		font-size: 1.5rem!important
	}

	.center-title-mobile{
		text-align: center!important;
	}

	.context-content.oneup__content{
		order: 2!important;
	}

	table.blog-post table.block td img{
		max-width: 100%!important;
		height: auto!important;
	}

	.table.related-content td{
		text-align: center!important;
	}

	table.related-content td img{
		margin: 0 auto!important;	
	}

	table.related-content td a.btn-simple{
		display: block!important;
	}

	body.single .cw-inner table.related-content h4{
		margin: 2rem 0 0!important;
		text-align: center!important;
	}

	.panel-type-hero.hero-first .hg-image, .panel-type-hero.hero-first .hg-mobile-image, .panel-type-hero.hero-first .hg-video{
		height: 26vh!important;
	}

	.panel-type-hero.hero-first .hg-image, .panel-type-hero.hero-first .hg-mobile-image, .panel-type-hero.hero-first .hg-video, .panel-type-hero-slim .hg-image, .panel-type-hero-slim .hg-mobile-image{
		background-size: 100%!important;
	}

	.panel-type-hero-slim.hero-first .hg-image, .panel-type-hero-slim.hero-first .hg-mobile-image, .panel-type-hero-slim.hero-first .panel-content:before{
		height: 25vh!important;
	}

	.panel-type-hero-slim.hero-first .hg-image{
		background-size: cover!important;
    		background-position: 85% 100%!important;
	}

	.hero-content, .hc-content-main-inner{
		background: #eee!important;
	}

	.mn-phone{
		color: #333!important;
	}

	img.banner-icon{
		display: none!important;
	}

	.feature-content.content-well.context-content{
		padding-left: 0!important;
		padding-right: 0!important;
	}

	table{
		margin-bottom: 0!important;	
	}

	HTML body .panel-type-hero-slim article.hero-content{
		padding: 0!important;
	}

	.mobile-hide{
		display: none!important;
	}

	.o-margin-loose .panel~.panel{
		margin: 0 auto!important;
	}

	table.flex input[type=submit]{
		margin-bottom: 2rem!important;
	}

	.background-color--gray table.flex{
		margin: 0px!important;
	}
	td{
		width: 100%!important;
		display: block!important;
	}

	table.responsive td{
		display: flex!important;
	}

	main{
		margin-bottom: 0!important;	
	}

	.site-footer--is-mobile .fm-column-wrapper{
		border-bottom: 0!important;
	}

	.eapps-faq-layout-accordion .eapps-faq-content-category-item-question-text{
		display: inline-block!important;
		width: 90%!important;
	}

	.four-up-slider .slick-dots .slick-dot, .image-slider .slick-dots .slick-dot, .three-up-slider .slick-dots .slick-dot{
		border: 2px solid #ddd!important;
    		background: transparent!important;
    		display: inline!important;
	}

	.slick-dots .slick-active .slick-dot{
		background: #666!important;
	}

}

#comments, .entry-meta-footer, nav.post-navigation{
	display: none!important;
}

table, td~td, tr~tr{
	border: 0!important;
}

.margin-bottom{
	margin-bottom: 2rem!important;
}

table.flex img{
	margin: 0 auto!important;
}

table.flex h4{
	margin: 0 0 1rem!important;
}

table.block td:first-child{
	padding-top: 2rem!important;
}

table.block td{
	display: block!important;
	padding: .5rem 2rem 1rem!important;
}

table.block td ul{
	padding-right: 0!important;
}

table.block h2, table.block h3, table.block h4{
	margin: 0 auto 1rem!important;
}

table.flex tr:last-child{
	margin: 0 auto 2rem!important;
}

body.single .cw-inner{
	max-width: 100%!important;
}

body.single .cw-inner p{
	max-widt: 790px!important;
}

body.single .cw-inner td{
	vertical-align: top!important;
}

form .gsection_title{
	font-size: 1.5rem!important;
	padding: 2rem 0 0!important;
}

.cta-layout--full{
	color: #fff!important;
}






textarea{
	height: 100px!important;
}

.gfield_required{
	padding-left: 0!important;
	color: red!important;
}

@media (min-width: 768px){

	.news-template-default .context-content img{
		margin-top: 0!important;
	}
}

h2.card-title.li-title.h3{
	line-height: 1!important;
	font-size: 1.35rem!important;
}

.panel-type-custom-content + .panel-type-cta{
	margin-top: 0!important;
}

.panel-type-custom-content + .panel-type-custom-content{
	margin-top: 0!important;
}

.panel-type-cta .panel-title{
	margin-bottom: 25px!important;
}




@media(min-width: 768px){

bodypage-id-7414 .panel-type-hero-slim .panel-content:not(.img-overlay--0).img-overlay--40:before{
background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 50%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 50%);
background: linear-gradient(90deg, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
}

.context-content a{
	text-decoration: none!important;
}

.context-content a:hover{
	text-decoration: underline!important;
}

.post-template-default .header-sub{
	background: #eee!important;
	width: 100%!important;
	max-width: 100%!important;
	padding: 1rem 0!important;
}

.post-template-default .entry-meta,
.blog .entry-meta,
.news-template-default .entry-meta,
.post-template-default .pfi-img-wrap, 
body.archive .entry-meta{
	display: none!important;
}

.cw-inner ul{
	margin-bottom: 25px!important;
}

.context-content table.related-content  p{
	margin-bottom: 0!important;
}

body.news-template-default main{
	padding-top: 5rem!important;
}

table.blog-post table.block td:first-child{
	padding-top: 0!important;
}

table.blog-post table.block td img{
	margin-top: 0!important;
	margin-bottom: 1rem!important;
}

.cw-inner table.blog-post table.block td a{
	padding: 0!important;
}

table.blog-post table.block tr{
	background: #eee;
	padding-bottom: 2rem;
}

table.block td:last-child{
	padding-bottom: 2rem!important;
}

table.blog-post img, table.blog-post table.block{
	margin-top: 0!important;
}

table.related-content table{
		margin: 0!important;
	}

body.single .cw-inner table.related-content h4{
	font-size: 1.35rem!important;
}

.name_last label, 
.name_first label{
	display: none!important;
}

.name_last, .name_first{
	padding-bottom: 1rem!important;
}

.site-footer button, .em-categories{
	display: none!important;
}

footer.site-footer ol.fm-column-nav li:first-child{
	margin-bottom: 22px!important;
	font-weight: 600!important;
}

page-template-default .panel-type-custom-content.first-panel + .panel{
	margin-top: 0!important;
	padding-top: 60px!important;
}

panel-type-custom-content.first-panel + .panel{
	margin-top: 0!important;
	padding-top: 60px!important;
}

.hide{
	display: none!important;
}

.site-utility-bar__list-item--contact{
	display: none!important;
}

content-well{
	background: transparent!important;
}

.multi-features .content-well h3, .multi-col-headers{
	in-height: 60px!important;
	width: 100%!important;
}

body.blog h1.page-title{
	display: none!important;
}

body.blog .card-title a,
body.archive .card-title a{
	font-weight: bold!important;
	color: #333!important;
}

body.blog .card-inner,
body.archive .card-inner{
	background: #f5f4f3!important;
}

.module-multi-feature .feature-content{
	margin-bottom: 1rem!important;
}

.panel-type-three-up .feature--align-btn .feature-content{
	justify-content: space-between!important;
}

.hero-first + main .content-well h1{
	margin-top : 0!important;
	padding-top: 0!important;
} 

hero-first + main .panel{
	padding-top: 3rem!important;
}

.news-template-default .pfi-img-wrap{
		display: none!important;
	}

.panel-type-hero-slim .panel-content:not(.img-overlay--0).img-overlay--40:before{
	background: transparent!important;
}

.panel-type-cta, .hero-first + main .panel-type-cta{
	padding-top: 0!important;
}

body.blog header.header-sub.has-no-featured-media.has-no-breadcrumbs.has-no-social.is-blog:before{
	content: "Blog";
    	font-family: 'Montserrat', sans-serif!important;
    	font-size: 3rem!important;
    	font-weight: 200!important;
    	margin-bottom: 2rem!important;
}

body.news-template-default .s-slash:after{
	content: ""!important;
}

a.card-cta{
	color: #000!important;
}

li::marker{
	color: #5e8ab4!important;
	font-size: 1rem!important;
}

ul.check{
	list-style: none!important;
	padding-left: 0!important;
}

ul.check li{
	background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTzFe76B5syvMUV6e46J0yo4TO6bfE10GtcGw&amp;usqp=CAU);
    	background-size: 20px;
    	background-position: 0 0;
    	background-repeat: no-repeat;
    	padding: 0px 0 5px 40px;
}

.o-accent-color-h:hover, .o-accent-color-h:focus, a.btn-simple:hover:before, a.btn-simple:focus:before, .btn-panel--text_link .btn-panel:hover:before, .btn-panel--text_link .btn-panel:focus:before, .social-follow a:hover, .social-follow a:focus, .site-footer .social-follow a:hover, .site-footer .social-follow a:focus{
	color: #f2a900!important;
}

section.panel-type-cta{
	margin-bottom: -50px!important;
}

.multi-features .content-well table.block h3 {
    margin-bottom: 0!important;
    min-height: auto!important;
}

h1.page-title{
	font-weight: bold!important;
}

.context-content form{
	margin: 0!important;
}

.gform_footer{
	padding-right: 0!important;
	position: static!important;
}

table.flex input[type=submit]{
	width: 100%!important;
}

.header-sub.has-no-featured-media{
	padding-top: 2rem!important;
	border-bottom: 0!important;
}

.context-content h4, .h4, body h4{
	text-transform: none!important;
}

.page-id-9397 .header-sub{
	display: none!important;
}

.site-utility-bar{
	background: #666!important;
}

body.home .hg-image{
	background-position: 0% 90%!important;
}

.panel-type-one-up h2,
.panel-type-one-up h3,
.panel-type-two-up h2,
.panel-type-two-up h3{
	margin-top: 0px!important;
}

.background-color--blue,
.background-color--blue .btn-simple,
.background-color--blue .btn-panel{
	color: #fff!important;
}

.background-color--blue ul li::marker{
	color: #fff!important;
}

.background-color--blue .btn-simple:before{
	color: #f2a900!important;
}

.panel-type-dynamic .card-content, .slick-slide .feature-content{
	padding-left: 0!important;
}

.video-module-video{
	align-self: flex-start!important;
}

.eapps-testimonials-slider-page-item-author-picture{
	margin-top: 0!important;
}

.eui-breakpoint-280 .eapps-testimonials-slider-page-item-single-postcard, .eui-breakpoint-480 .eapps-testimonials-slider-page-item-single-postcard, .eui-breakpoint-740 .eapps-testimonials-slider-page-item-single-postcard{
	max-width: 100%!important;
}

.eapps-testimonials-slider-page-item, .eapps-testimonials-slider-page-item-single-postcard{
	border-radius: 0!important;
}

.eapp-popup-button-component{
	font-family: 'Montserrat', sans-serif!important;
	font-size: 1.125rem!important;
	font-weight: 700!important;
	border-radius: 3px!important;
}

.eapp-popup-block-variation-title-component{
	font-family: 'Montserrat', sans-serif!important;
	font-size: 1.5rem!important;
	font-weight: 700!important;
}

.eapps-testimonials-slider-page-item-text-shorter{
	overflow: visible!important;
}

#mobile-subnav &gt; ul &gt; li:nth-child(9){
	display: none!important;
}

:target{
	display: block;	
	position: relative;
  	top: -200px; 
  	visibility: hidden;
}


.site-footer .fm-column-wrapper{
	padding: 0 2rem!important;
}

.loop-item-product a{
	color: #5e8ab4!important;
}

.background-color--gray ~ h2{
	margin-top: 0!important;		
}

body.single .cw-inner a:not(table a){
	padding: 3px;
}





table.bt thead,
table.bt tbody th {
  display: none;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
  border: none;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  vertical-align: top;

  
  float: left\9;
  width: 100%\9;
}

table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {
  content: attr(data-th) ": ";
  display: inline-block;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  font-weight: bold;
  width: 6.5em;
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
  display: none;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
  vertical-align: top;
}

.bt-wrapper.active {
  max-height: 310px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

table.bt.bt--no-header tfoot td::before,
table.bt.bt--no-header tbody td::before {
  display: none;
}

.panel-type-dynamic h2{
	text-align: center!important;
}

#ui-datepicker-div{
	background: #666!important;
}

.btn-simple.white-cta,
.btn-simple.white-cta:before{
	color: #fff!important;
}

#fw-container .slick-slide{
	margin: 0 2rem!important;
}

tr:nth-of-type(even){
	background-color: transparent!important;
}

.c-hs-form .hbspt-form {
    max-width: 1060px;
    margin: 0 auto 20px;
}

.c-hs-form .field {
    padding: 0;
    background-color: transparent;
    border: none;
    height: auto;
}

.c-hs-form fieldset {
    max-width: 100% !important;
}

.c-hs-form .hs-form-required {
    color: red;
    margin-left: 2px;
}

.c-hs-form fieldset select {
    width: 100% !important;
}

.c-hs-form fieldset .hs-fieldtype-select .input {
    position: relative;
}

.c-hs-form fieldset .hs-fieldtype-select .input:after {
    content: '\f078';
    text-align: center;
    height: 40px;
    width: 44px;
    line-height: 40px;
    background-color: #f5f5f5;
    color: #c5c3c3;
    position: absolute;
    right: 1px;
    top: 1px;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: steelcase-dealerweb;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
}

.c-hs-form fieldset input:not([type=submit]) {
    padding: 0 14px;
    font-size: 14px;
    border: 1px solid #ddd;
    background-color: #fff;
    display: block;
    width: 100% !important;
    height: 42px;
    color: #333;
}

.c-hs-form fieldset.form-columns-3 { 
    display: flex;
    justify-content: space-between;
}

@media( max-width: 400px ) {
    .c-hs-form fieldset.form-columns-3 { 
        display: flex;
        flex-direction: column;
    }
}

.c-hs-form input[type=submit] {
    background-color: #f2a900;
    color: #000000;
    font-size: 18px;
    margin-top: 15px;
    padding: 14px 25px 15px;
    border-radius: 3px;
    text-align: center;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    border: none;
    transition: background-color 300ms ease-in-out;
}

.c-hs-form input[type=submit]:hover {
    background-color: #dd9933;
}

.c-hs-form .inputs-list.multi-container {
    list-style-type: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
}

@media( max-width: 400px ) {
    .c-hs-form .inputs-list.multi-container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.c-hs-form .inputs-list.multi-container .hs-form-checkbox-display {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.c-hs-form .inputs-list.multi-container .hs-form-checkbox-display input[type=checkbox] {
    height: auto !important;
    width: auto !important;
    margin-right: 10px;
}

.c-hs-form .inputs-list.multi-container .hs-form-checkbox-display span {
    font-weight: normal;
    cursor: pointer;
}

.c-hs-form .submitted-message {
    margin: 40px 0 60px;
    padding: 68px 25px 80px;
    text-align: center;
    background-color: #f5f5f5;
    color: #333;
    position: relative;
}