/* SB OVERRIDE STYLES FOR POST LAUNCH QUICK EDITS */
.grid-image-pad .grid-listing {
	justify-content: center;
}
body .grid-image-pad .grid-item img {
	padding: 12px 48px !important;
}

.testimonial-bg div {
	background-size:cover !important;
}

/* FORM BLOCK */
.comp-form-block .text-area ul li {
	margin-bottom: 12px;
}
.comp-form-block .container, .comp-form-block .sml-container {
	align-items:center;
}
.comp-form-block.new-form-style .form-area form {
	padding: 24px;
	background:#262626;
	margin: 0 auto;
	display: block;
}
.comp-form-block.new-form-style .form-area form input,
.comp-form-block.new-form-style .form-area form textarea,
.comp-form-block.new-form-style .form-area form select {
  width: 100%;
  margin: 0 0 8px 0;
  padding: 12px;
  border-radius: 8px !important;
  background: transparent;
  border-color: #ccc;
  color: #fff;
}
.comp-form-block.new-form-style .form-area form input::placeholder {
	color: #fff;
	opacity:1;
}
.comp-form-block.new-form-style .form-area form button[type=submit] {
	background: #ffb441 !important;
	color: #262626 !important;
	font-weight: 300;
	width: 100%;
  	text-align: center;
}

/* PRICING BLOCK */
.highlight-tag {
	background: linear-gradient(115deg, #FFB354 3.01%, #4F3DD1 88.3%); 
	border-radius: 12px;
	padding: 14px 34px;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal; 
	position: absolute;
	top:-20px;
	right: 32px;
	z-index: 100;
}
body .comp-pricing .pricing-blocks .pricing-block {
	margin: 2%;
}
.comp-pricing .pricing-blocks .pricing-block .pricing-info p {
	font-weight: 400;
	font-size: 18px;
}
.comp-pricing .pricing-blocks .pricing-block .pricing-info p b {
	font-weight: 500;
	font-size: 20px;
}
.comp-pricing .pricing-block.highlight-block .button-wrap a.button {
	background: #262626;
	z-index: 5;
	position: relative;
	border:0 !important;
	color: #fff;
}
.comp-pricing .pricing-block.highlight-block .button-wrap a.button:hover {
	background: linear-gradient(115deg, #FFB354 3.01%, #4F3DD1 88.3%);
}

.comp-pricing .pricing-block.highlight-block .button-wrap {
	background: linear-gradient(115deg, #FFB354 3.01%, #4F3DD1 88.3%); 
	position: relative;
	padding: 2px;
	border-radius: 32px;
	z-index: -1;
	width: auto; 
	display: inline-block;
}

/* TABLE BLOCK */
.flex-align-center {
	display: flex;
	align-items:center;
}
.flex-align-center h2,
.flex-align-center h3,
.flex-align-center h4 {
	margin: 0 12px;
}

.comp-table .table-header {
	text-align:center;
}

.comp-table table {
	margin: 32px 0;
}

.comp-table table ul {
	list-style:inherit;
}

/* FULL WIDTH FORM HERO */

.comp-hero.comp-hero-form .hero-area {
	width: 100%;
	text-align: center;
}

.comp-hero.comp-hero-form .hero-area p {
	max-width: 500px;
	width: 100%;
	margin: 0 auto 32px auto;
}

.comp-hero.comp-hero-form .form-area {
	width: 100%;
	padding: 0 10%;
}

.comp-hero.comp-hero-form .form-area .hero-form-wrap {
	background: #262626;
	padding: 16px;
}

.comp-hero.comp-hero-form .form-area .hero-form-wrap form {
	width:100%;
	max-width: 100%;
}

.comp-hero.comp-hero-form .form-area .hero-form-wrap form ._form-content {
	width:100%;
	display: flex;
}

.comp-hero.comp-hero-form .form-area .hero-form-wrap form ._form_element {
	width:100%;
}

.comp-hero.comp-hero-form .form-area .hero-form-wrap form ._button-wrapper {
	width: auto;
}


.comp-hero.comp-hero-form .form-area .hero-form-wrap input {
	background: transparent;
	width:100%;
	color: #bbb;
	margin: 0 !important;
	border:0 !important;
}

.comp-hero.comp-hero-form .form-area .hero-form-wrap button[type=submit] {
	background: #FFB354 !important;
	border-radius: 64px !important;
	padding: 12px 48px;
	color: #000 !important;
	width:auto;
}

.comp-pricing .pricing-blocks .pricing-block .pricing-info ul li::before {
	width:21px;
	height:21px;
}

/* HIGHLIGHT BOXES */
.comp-highlight-boxes .boxes-header {
	text-align: center;
}

.comp-highlight-boxes .box-listing {
	display: flex;
	flex-wrap:wrap;
	margin-top:48px;
}
.comp-highlight-boxes .box-item {
	padding: 60px 34px;
	border: 1px solid #fff;
	border-radius: 24px;
}
.comp-highlight-boxes .box-item h5 {
	margin: 0;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 5.4px;
	text-transform: uppercase; 
}
.comp-highlight-boxes .grid-cta {
	padding: 48px 0;
	display: flex;
	justify-content: center;
	width:100%;
}
.comp-highlight-boxes .box-item.white-border {
	border-color:#fff;
}
.comp-highlight-boxes .box-item.white-border .deco-line {
	background:#fff;
	height: 1px;
	width: 60%;
	margin: 12px 0;
	display: inline-block;
}
.comp-highlight-boxes .box-item.blue-border {
	border-color:#4F3DD1;
}
.comp-highlight-boxes .box-item.blue-border .deco-line {
	background:#4F3DD1;
	height: 1px;
	width: 60%;
	margin: 12px 0;
	display: inline-block;
}
.comp-highlight-boxes .box-item.gradient-border {
	background: linear-gradient(115deg, #FFB354 3.01%, #4F3DD1 88.3%);
	border: 0;
	padding: 8px;
	width: 100%;
	transform:scale(1.01);
	position: relative;
}
.comp-highlight-boxes .box-item.gradient-border .box-info {
	background: #1a1a1a;
	height: 100%;
	border-radius:20px;
	padding: 56px 34px;
}
.comp-highlight-boxes .box-item.gradient-border .deco-line {
	background:#FFB354;
	height: 1px;
	width: 60%;
	margin: 12px 0;
	display: inline-block;
}
.comp-highlight-boxes .box-item .deco-line {
	width:50%;
	display: inline-block;
}
.comp-highlight-boxes.two-col .box-item {
	width:48%;
	margin: 1%;
}
.comp-highlight-boxes.three-col .box-item {
	width:31.333%;
	margin: 1%;
}

/* MEDIA QUERIES */
@media (max-width:768px) {
	.comp-table table tr {
		display: flex;
		flex-wrap:wrap;
	}
	.comp-table table tr td {
		display: block;
		width:100%;
	}
	.comp-highlight-boxes .box-item.gradient-border {
		transform:scale(1.00);
	}
	.comp-highlight-boxes.two-col .box-item {
		width:100%;
		margin: 1% 0;
	}
	.comp-highlight-boxes.three-col .box-item {
		width:100%;
		margin: 1% 0;
	}
	.comp-form-block.new-form-style .form-area form {
		margin-top:32px;
	}
	.comp-hero.comp-hero-form .form-area {
		padding: 0;
	}
	.comp-hero.comp-hero-form .form-area .hero-form-wrap button[type=submit] {
		padding: 12px 24px;
	}
}