/*
Theme Name: Sam The Paving Man
Theme URI: https://jimmyweb.net/
Author: luke@Jimmyweb.com
Author URI: https://jimmyweb.net/
Description: Sam The Paving Man custom WordPress theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: xxx
*/

.home-banner {
	height: 85vh !important;
	max-width: 100vw !important;
}
html {
	scroll-behavior: smooth;
}
.grid-two-col {
	display: flex;
	gap: 20px;
	align-items: center;
	padding-bottom: var(--small-gap);
	align-items: flex-start;
	/* Align children to the top */
}
.grid-two-col.flip > .picture {
	order: 2;
}
.grid-two-col.flip > .text {
	order: 1;
}
h2.headline-row.headline.year {
	padding-top: 0px;
}
.headline-row-year {
	display: grid;
	grid-template-columns: 2fr auto;
	align-items: center;
	padding-top: 20px;
	margin-bottom: var(--small-gap);
	gap: 50px;
	border-top: 2px solid var(--border-color-2);
}
h2.headline-row.headline.year {
	border: 0px;
}
.box.flex.year {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--small-gap);
	padding-top: var(--container-gap);
	padding-bottom: var(--container-gap);
}
.box.flex.mar-small-up.year {
	border-top: 2px solid var(--border-color);
}
.timeline-group-item .picture img {
	filter: grayscale(100%);
	transition: filter 0.3s ease;
}
.timeline-group-item.active .picture img {
	filter: none;
}
/* Responsive */
@media (max-width: 750px) {
	.box.flex.year {
		grid-template-columns: 1fr;
		gap: var(--smallest-gap);
	}
	/* Remove original line */
	.years-line {
		display: none !important;
	}

	.years-navigation ul {
		position: relative;
	}
	.years-navigation ul::before {
		content: '';
		position: absolute;
		top: 9px;
		left: 0;
		width: 100%;
		min-width: max-content;
		height: 1px;
		background: var(--border-color);
		z-index: 1;
		pointer-events: none;
	}

	.history-year-nav {
		margin: 3rem 0 0rem !important;
	}
	.years-navigation {
		overflow-x: auto;
		padding-bottom: 10px;
	}
	.years-navigation ul {
		display: flex;
		flex-wrap: nowrap;
		min-width: max-content;
		padding: 0 15px !important;
		gap: 1.5rem;
	}
	.year-item {
		flex: none !important;
		min-width: 100px;
		padding-bottom: 15px;
	}
	.headline.top-year {
		margin: 2rem 0 0 !important;
		font-size: 2.5rem !important;
	}
	.dot {
		top: 5px !important;
		width: 8px !important;
		height: 8px !important;
	}
	.years-navigation {
		scroll-padding-inline: 15px;
	}
	.years-navigation::-webkit-scrollbar {
		display: none;
	}
	.years-navigation {
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
}
/* Gravity Forms - Form #10 only - match 'contact-us-module' field style */
#gform_10 input[type="text"],#gform_10 input[type="email"],#gform_10 input[type="password"],#gform_10 input[type="tel"],#gform_10 textarea,#gform_0 input[type="text"],#gform_0 input[type="email"],#gform_0 input[type="password"],#gform_0 input[type="tel"],#gform_0 textarea {
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 24px 20px !important;
	border: 1px solid var(--border-color-2);
	transition: all .3s;
	font-size: 12px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.gf_login_links a[title="Register"] {
	display: none !important;
}
.gf_login_links a[title="Register"] + br {
	display: none !important;
}
/* For textarea specifically in form #10, likely want more height */
#gform_10 textarea {
	height: 120px;
	resize: vertical;
}
/************************************** 120625 ***************************************/

.btn.flex {
    position: relative;
    width: fit-content;
    flex-flow: row nowrap;
    align-items: center;
    grid-gap: 10px;
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 8px 16px;
    cursor: pointer;
}

@media (min-width: 768px) {
    .btn.flex {
        grid-gap: 30px;
    }
}

.btn.flex .gray {
    font-weight: 500;
}

.btn.flex .icon {
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.btn.flex .icon svg {
    width: 27px;
    height: auto;
    border: none !important;
}

.btn.flex .icon svg rect {
    stroke: none !important;
    fill: transparent !important;
}

@media (min-width: 1024px) {
    .btn.flex .icon {
        width: 48px;
        height: 48px;
    }
    
    .btn.flex .icon svg {
        width: 27px;
        height: auto;
        border: none !important;
    }
    
    .btn.flex .icon svg rect {
        stroke: none !important;
        fill: transparent !important;
    }
}

.btn.flex::before {
    background-color: #000;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    width: 100%;
    will-change: transform, left;
    transform-origin: bottom right;
}

.btn.flex:not(.tiny):not(.medium) svg {
    width: 40px;
    height: auto;
    flex-shrink: 0;
    border: none !important;
}

.btn.flex:not(.tiny):not(.medium) svg rect {
    stroke: none !important;
    fill: transparent !important;
}

@media (min-width: 1024px) {
    .btn.flex:not(.tiny):not(.medium) svg {
        width: 48px;
        border: none !important;
    }
    
    .btn.flex:not(.tiny):not(.medium) svg rect {
        stroke: none !important;
        fill: transparent !important;
    }
}

.btn.flex svg {
    z-index: 1;
    border: none !important;
}

.btn.flex svg rect {
    stroke: none !important;
    fill: transparent !important;
}

.btn.flex .fonts-16,
.btn.flex .fonts-13,
.btn.flex .fonts-12 {
    margin: 0;
}

.btn.flex b {
    font-weight: 500;
}

.btn.flex.btn-to-filter {
    padding-top: 10px;
    padding-bottom: 10px;
    grid-gap: 20px;
}

.btn.flex.btn-to-filter svg {
    transform: translateX(-8px);
    border: none !important;
}

.btn.flex.btn-to-filter svg rect {
    stroke: none !important;
    fill: transparent !important;
}

.btn.flex.btn-to-filter .fonts-16,
.btn.flex.btn-to-filter .fonts-13,
.btn.flex.btn-to-filter .fonts-12 {
    transform: translateX(8px);
}

@media (max-width: 550px) {
    .btn.flex.btn-to-filter .fonts-16,
    .btn.flex.btn-to-filter .fonts-13,
    .btn.flex.btn-to-filter .fonts-12 {
        transform: translateX(8px);
    }
}

.btn.flex.btn-to-filter:hover svg {
    transform: translateX(-8px);
    border: none !important;
}

.btn.flex.btn-to-filter:hover svg rect {
    stroke: none !important;
    fill: transparent !important;
}

.btn.flex.btn-to-filter:hover .fonts-16,
.btn.flex.btn-to-filter:hover .fonts-13,
.btn.flex.btn-to-filter:hover .fonts-12 {
    transform: translateX(8px);
}

@media (max-width: 550px) {
    .btn.flex.btn-to-filter:hover .fonts-16,
    .btn.flex.btn-to-filter:hover .fonts-13,
    .btn.flex.btn-to-filter:hover .fonts-12 {
        transform: translateX(8px);
    }
}

.btn.flex:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.btn.flex:hover svg {
    transform: translateX(5px);
    border: none !important;
}

.btn.flex:hover svg rect {
    fill: transparent !important;
    stroke: none !important;
}

.btn.flex:hover svg path {
    stroke: #fff;
}

.btn.flex:hover .fonts-16,
.btn.flex:hover .fonts-13,
.btn.flex:hover .fonts-12 {
    color: #fff;
    transform: translateX(-15px);
}

@media (max-width: 550px) {
    .btn.flex:hover .fonts-16,
    .btn.flex:hover .fonts-13,
    .btn.flex:hover .fonts-12 {
        transform: translateX(-5px);
    }
}

/*******************************************160625*********************************************/

.restricted-resource,.restricted-resource .item,.restricted-resource a, {
	stroke: #939393;
}
.restricted-resource svg rect {
	stroke: #939393;
}
.restricted-resource svg path {
	stroke: #939393;
}
.restricted-resource svg {
	color: #939393;
}
.restricted-resource::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.3);
	pointer-events: none;
	z-index: 1;
}
.lock-indicator {
	border-radius: 0%;
	width: 30px;
	height: 30px;
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.login-required-text {
	font-weight: bold !important;
	color: #666 !important;
}
.popup-login-section {
	margin-bottom: 20px;
}
.popup-login-section h3 {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: 600;
}
.popup-login-section p {
	margin: 0 0 20px 0;
	font-size: 14px;
	color: #666;
}
.filter-resources-type {
	clear: both;
	width: 100%;
	display: block;
}
.custom-member-login h3 {
	margin-top: 0;
	color: #333;
	font-size: 18px;
}
.custom-member-login p {
	color: #666;
	margin: 10px 0;
}
.custom-login-form {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin: 15px 0;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.custom-login-form input[type="text"],.custom-login-form input[type="password"] {
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 24px 20px;
	border: 1px solid var(--border-color-2, #ddd);
	transition: all .3s;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.remember-me-label {
	display: flex;
	align-items: center;
	font-size: 14px;
}


.custom-login-form input[type="submit"] {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 16px;
	border: 1px solid #000;
	background: transparent;
	color: #000;
	cursor: pointer;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	overflow: hidden;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}
.custom-login-form input[type="submit"]:hover {
	background-color: black;
	color: #fff;
	z-index: 2;
}


.custom-member-login .custom-login-form input[type="submit"] {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 16px;
	border: 1px solid #000;
	background: transparent;
	color: #000;
	cursor: pointer;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	overflow: hidden;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.custom-member-login .custom-login-form input[type="submit"]:hover {
	background-color: black;
	color: #fff;
	z-index: 2;
}
.login-links {
	margin-top: 15px;
}
.login-links a {
	color: #282828;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 1.44px;
	text-transform: uppercase;
}
.login-links a:hover {
	text-decoration: underline;
}
/* Popup Styles */
.popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}
.popup-content {
	background: white;
	border-radius: 8px;
	max-width: 500px;
	width: 90%;
	max-height: 80vh;
	overflow-y: auto;
	position: relative;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.popup-header {
	padding: 20px 30px 15px;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.popup-header h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
}
.popup-close {
	background: none;
	border: none;
	font-size: 24px;
	cursor: pointer;
	color: #999;
	padding: 0;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: background-color 0.2s;
}
.popup-close:hover {
	background-color: #f5f5f5;
	color: #333;
}
.popup-body {
	padding: 20px 30px 30px;
}
.popup-divider {
	text-align: center;
	margin: 30px 0;
	position: relative;
}
.popup-divider:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #eee;
}
.popup-divider span {
	background-color: white;
	padding: 0 20px;
	color: #999;
	font-size: 14px;
	font-weight: 500;
}
.registration-section h3 {
	margin: 0 0 15px 0;
	font-size: 18px;
	font-weight: 600;
}
/* Responsive */
@media (max-width: 768px) {
	.popup-content {
		width: 95%;
		margin: 20px;
	}
	.popup-header,.popup-body {
		padding: 15px 20px;
	}
}

/*********************************** 170625*********************************************/


#gform_wrapper_10 .selectr-container.open .selectr-selected::before {
  transform: translateX(-50%) translateY(-50%) rotate(180deg) !important;
}

#gform_wrapper_10 .selectr-container .selectr-options-container {
  border: #282828 solid 1px !important;
}

#gform_wrapper_10 .selectr-container .selectr-options-container .selectr-options {
  padding: 20px 16px !important;
}

#gform_wrapper_10 .selectr-container .selectr-options-container .selectr-options .selectr-option {
  padding: 0 !important;
  color: #282828 !important;
  font-family: "Satoshi", sans-serif !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
  letter-spacing: 1.44px !important;
  text-transform: uppercase !important;
}

#gform_wrapper_10 .selectr-container .selectr-options-container .selectr-options .selectr-option:not(:last-of-type) {
  margin-bottom: 15px !important;
}

#gform_wrapper_10 .selectr-container .selectr-options-container .selectr-options .selectr-option.active,
#gform_wrapper_10 .selectr-container .selectr-options-container .selectr-options .selectr-option.selected {
  background-color: transparent !important;
  text-decoration: underline !important;
}

#gform_wrapper_10 .selectr-selected {
  padding: 20px 16px !important;
  border: 1px solid var(--border-color-2) !important;
  font-family: "Satoshi", sans-serif !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 100% !important;
  letter-spacing: 1.44px !important;
  border-radius: 0 !important;
  position: relative !important;
}

#gform_wrapper_10 .selectr-selected .selectr-label {
  text-transform: uppercase !important;
  color: #9F9F9F !important;
}

#gform_wrapper_10 .selectr-selected::before {
  display: block !important;
  font-family: 'stpvm' !important;
  content: "\e901" !important;
  border: none !important;
  font-size: 6px !important;
  width: 10px !important;
  height: 10px !important;
  transform: translateX(-50%) translateY(-50%) !important;
  transform-origin: center center !important;
  transition: all .3s ease !important;
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
}

#gform_wrapper_10 .jcf-checkbox {
  border-color: #000 !important;
  flex-shrink: 0 !important;
  margin-right: 10px !important;
}

#gform_wrapper_10 .jcf-checkbox.jcf-focus {
  border-color: #000 !important;
}

#gform_wrapper_10 .jcf-checkbox.jcf-focus span {
  border-color: #000 !important;
}

#gform_wrapper_10 .jcf-checkbox span {
  margin: -6px 0 0 -6px !important;
  height: 0px !important;
  width: 0px !important;
  border: 6px solid #000 !important;
  transform: none !important;
}

#gform_wrapper_10 .gfield_checkbox .gchoice {
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
}

#gform_wrapper_10 .gfield_checkbox .gchoice label {
  color: #9F9F9F !important;
  font-family: "Satoshi", sans-serif !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: 1.44px !important;
  text-transform: uppercase !important;
}


/* Styles for #gform_0 */

#gform_0 .jcf-checkbox {
  border-color: #000 !important;
  flex-shrink: 0 !important;
  margin-right: 10px !important;
}

#gform_0 .jcf-checkbox.jcf-focus {
  border-color: #000 !important;
}

#gform_0 .jcf-checkbox.jcf-focus span {
  border-color: #000 !important;
}

#gform_0 .jcf-checkbox span {
  margin: -6px 0 0 -6px !important;
  height: 0px !important;
  width: 0px !important;
  border: 6px solid #000 !important;
  transform: none !important;
}

#gform_0 .gfield_checkbox .gchoice {
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
}

#gform_0 .gfield_checkbox .gchoice label {
  color: #9F9F9F !important;
  font-family: "Satoshi", sans-serif !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: 1.44px !important;
  text-transform: uppercase !important;
}


.registration-section h2.gform_title {
	margin-bottom: 20px;
	font-size: 18px;
}
/* Add to enquiry cart button */
a.btn.flex.btn-add-to-enquiry-cart {
	background-color: black;
	color: white;
}
a.btn.flex.btn-add-to-enquiry-cart svg rect {
	stroke: transparent;
/*	fill: transparent; */
}
a.btn.flex.btn-add-to-enquiry-cart svg path {
	stroke: white;
}
a.btn.flex.btn-open-favourites {
	background-color: black;
	color: white;
}
a.btn.flex.btn-open-favourites svg rect {
	stroke: transparent;
/* 	fill: transparent !important; */
}
a.btn.flex.btn-open-favourites svg path {
	stroke: white;
/* 	fill: transparent !important; */
}

.btn svg rect {
/*   fill: transparent !important;*/
}

/*********************************** 180625*********************************************/

.lwa-form input[type="text"],.lwa-form input[type="password"] {
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 24px 20px;
	border: 1px solid var(--border-color-2, #ddd);
	transition: all .3s;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.lwa-form input[type="text"]:focus,.lwa-form input[type="password"]:focus {
	outline: none;
	border-color: #000;
}
/* Submit button styling */
.lwa-form input[type="submit"],.lwa-form .button-primary {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 16px;
	border: 1px solid #000;
	background: transparent;
	color: #000;
	cursor: pointer;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	overflow: hidden;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}
.lwa-form input[type="submit"]:hover,.lwa-form .button-primary:hover {
	background-color: black;
	color: #fff;
	z-index: 2;
}

.lwa-links label {
	display: flex;
	align-items: center;
	font-size: 14px;
	cursor: pointer;
}
.lwa-links .label-body {
	margin-left: 8px;
	font-size: 12px;
	letter-spacing: 1.44px;
	text-transform: uppercase;
}

.lwa-username.input-field,.lwa-password.input-field {
	margin-bottom: 15px;
}
.lwa-username label,.lwa-password label {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	color: #333;
}

.lwa-submit-button {
	margin-bottom: 15px;
}
/* Error/status message styling */
.lwa-status {
	display: block;
	margin-bottom: 15px;
	padding: 10px;
	font-size: 12px;
	letter-spacing: 1.44px;
	text-transform: uppercase;
}
.lwa-status-invalid {
	color: #d63384;
	background-color: #f8d7da;
	border: 1px solid #f1aeb5;
}

/* Form container */
.lwa-form {
	display: flex;
	flex-direction: column;
	gap: 0;
	max-width: 100%;
}

.grid-container.submit {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.lwa-username label, .lwa-password label {
	display:none !important;
}
.lwa-links {
	display: flex !important;
	align-items: center !important;
	margin-bottom: 16px !important;
}
.lwa-links label {
	flex-direction: row-reverse !important;
}
.lwa-links label.jcf-label-active {
	display: flex !important;
	flex-direction: row-reverse !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer !important;
}
.lwa-links .jcf-checkbox {
	border-color: #000 !important;
	border: 1px solid #000 !important;
	flex-shrink: 0 !important;
	margin-right: 10px !important;
	width: 14px !important;
	height: 14px !important;
	position: relative !important;
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.lwa-links .jcf-checkbox.jcf-focus {
	border-color: #000 !important;
}
.lwa-links .jcf-checkbox.jcf-focus span {
	border-color: #000 !important;
}
.lwa-links .jcf-checkbox span {
	margin: -6px 0 0 -6px !important;
	height: 0px !important;
	width: 0px !important;
	border: 6px solid #000 !important;
	transform: none !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	background: none !important;
	border-radius: 0 !important;
}


.lwa-links .jcf-checkbox:not(.jcf-checked) span {
	display: none !important;
}

.lwa-links .label-body {
	color: #9F9F9F !important;
	font-family: "Satoshi", sans-serif !important;
	font-size: 11px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: normal !important;
	letter-spacing: 1.44px !important;
	text-transform: uppercase !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: none !important;
}


.lwa-links .jcf-checkbox input[type="checkbox"] {
	position: absolute !important;
	opacity: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	z-index: 1 !important;
}

span.lwa-status.lwa-status-invalid a {
    font-weight: bold;
}

.btn.flex {
	background: white;
}

.forgotten-password a {
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-size: 12px;
    font-weight: 600;
}




body.page-id-1130 section.resources-module.mar-big-down .double-col-26-74 {
    grid-template-columns: 35% 65% !important;
}

@media (max-width: 751px) {
		body.page-id-1130 section.resources-module.mar-big-down .double-col-26-74 {
			grid-template-columns: 100% !important;
		}

}

@media (max-width: 751px) {
		.lock-indicator {
			left: 11px !important;
			top: 23px !important;
		}
}

/*********************************** 190625*********************************************/
.home-banner .headline-bigger {
    text-transform: unset !important;
}


legend.gfield_label.gform-field-label.gfield_label_before_complex {
   text-transform: uppercase !important;
   margin: 0 0 10px 0 !important;
   font-size: 12px !important;
   font-weight: 600 !important;
}

#input_8_16::placeholder {
   text-transform: uppercase !important;
}

#input_8_16 {
   padding: 20px 16px !important;
   border: #282828 solid 1px !important;
   font-family: "Satoshi", sans-serif !important;
   font-size: 12px !important;
   font-style: normal !important;
   font-weight: 400 !important;
   letter-spacing: 1.44px !important;
}