.tarifs,
.faq {
	display: flex;
	flex-direction: column;
	margin-top: 160px;
	align-items: center;
}
.tarifs .title {
	font-family: "Dela Gothic One", sans-serif;
	font-size: 50px;
	position: relative;
	display: flex;
	width: fit-content;
	margin: 0 24px; 
}
.tarifs .card {
	display: flex;
	flex-direction: column;
	background: #747474;
	border-radius: 30px;
	padding: 16px;
	border: 2px solid #A0FF7D;
	width: 300px;
	gap: 24px;
}
.tarifs .content {
	display: flex;
	gap: 24px;
	margin: 48px 0;
	flex-wrap: wrap;
    justify-content: center;
}
.tarifs .card .title {
	font-size: 30px;
	margin: 0px;
}
.tarifs .card .specs {
	display: flex;
	gap: 16px;
}
.tarifs .card .specs .title {
	color: #c8c5c5;
	font-family: "JetBrains Mono", monospace;
	font-size: 16px;
	display: flex;
	gap: 8px;
	align-items: center;
}
.tarifs .card .specs .value {
	font-weight: 200;
}
.tarifs .card .specs .value b {
	color: #bddeb7;
	border-bottom: 2px solid;
}
.tarifs .card .specs .item {
	display: flex;
	flex-direction: column;
	gap: 8px;
	justify-content: end;
}	
.tarifs .card .network {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 100;
}
.tarifs .card .network .col {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.tarifs .card .input-col {
	display: flex;
	flex-direction: column;
	gap: 8px;
	color: #c8c5c5;
	font-size: 14px;
	font-weight: 100;
}
.tarifs .card .price {
	font-family: "Dela Gothic One", sans-serif;
	font-size: 50px;
}
.range {
	display: flex;
    align-items: center;
    gap: 16px;
}
.range input {
	-webkit-appearance: none;
	border-radius: 15px;
	height: 0px;
	width: 300px;
    max-width: 60%;
}

.range input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none; 
  height: 15px;
  width: 15px;
  background-color: #bddeb7;
  border-radius: 50%;
  border: none;
  transition: .2s ease-in-out;
}

.range input::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background-color: #bddeb7;
  border-radius: 50%;
  border: none;
  transition: .2s ease-in-out;
}

.range input::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 10px rgba(189, 222, 183, .1)
}
.range input:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 13px rgba(189, 222, 183, .2)
}
.range input:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 13px rgba(189, 222, 183, .2)
}

.range input::-moz-range-thumb:hover {
  box-shadow: 0 0 0 10px rgba(189, 222, 183, .1)
}
.range input:active::-moz-range-thumb {
  box-shadow: 0 0 0 13px rgba(189, 222, 183, .2)
}
.range input:focus::-moz-range-thumb {
  box-shadow: 0 0 0 13px rgba(189, 222, 183, .2)    
}
.custom-form {
	display: flex;
	flex-direction: column;
	gap: 24px;
	background: #747474;
	width: 500px;
	padding: 24px;
	border-radius: 30px;
	margin: 0 0 80px 0;
}
.custom-form .input-col {
	display: flex;
    flex-direction: column;
    gap: 8px;
}
.custom-form .price {
	font-family: "Dela Gothic One", sans-serif;
    font-size: 50px;
}
.price-block {
	display: flex;
    flex-direction: column;
    gap: 24px;
}
.card form {
	display: contents;
}

.no_order {
	font-size: larger;
    border: 2px solid #de7474;
    border-radius: 8px;
    width: fit-content;
    padding: 8px 16px; 
}