.calculator-screen-section {
	/* position:relative; */
}

.calculator-screen-title {
	font-family: var(--font-family);
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	position:relative;
	top:clamp(22px, 7.00px + 1.56vw, 37px);
	padding-left:60px;
}

.bg-text {
	background-color:var(--211f26);
	width:38%;
}

.calculator-screen-content {
	border: 1px solid var(--823c80);
	border-radius: 10px;	
}

.calculator-content {
	display:flex;
	gap:clamp(26px, -45.00px + 7.40vw, 97px);
}

.calculator-block {
	padding:clamp(30px, 0.00px + 3.13vw, 60px);
}

.calculator-block-flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

.days-buttons, .hours-buttons {
	padding-top:15px;
	padding-bottom:10px;
}

.days-buttons button, .hours-buttons button {
	width:50px;
	height:60px;
	border-radius: 10px;
	background: var(--282630);
	border:none;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	cursor:pointer;
}

.active_calc {
	background: var(--d430a7) !important;	
}

.result-style {
	font-size:clamp(32px, 20.35px + 3.11vw, 80px);
	transition:font-size 0.3s ease;
	font-family: var(--font-family);
	font-weight: 600;
	text-transform: uppercase;
	color: var(--d430a7);
	padding-top:20px;
}

.calculator-text {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	width:258px;
	padding-top:20px;
}

.calculator-text-two {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	width:clamp(275px, 215.53px + 15.86vw, 520px);	
}

.alculator-screen-title-mobil {
	display:none;
}

@media (max-width: 767px) {
	.calculator-content {
		flex-wrap:wrap;
		flex-direction:column;
	}
	
	.calculator-block-flex {
		flex-direction:column;
	}
	
	.calculator-block {
		text-align:center;
		padding:0;
	}
	
	.calculator-screen-title {
		display:none;
	}
	
	.alculator-screen-title-mobil {
		display:block;
		text-align:center;
		position:static;
		padding:40px 0px 20px 0px;
	}
	
	.alculator-screen-title-mobil .break-text {
		display:inline !important;
	}
	
	.calculator-text-two {
		margin-left:auto;
		margin-right:auto;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.calculator-screen-wrap .button-style {
		/* margin-top:10px; */
	}
}