.deal-description-form {
	
	
	
	
	.deal-content {
		cursor: pointer;
		border-radius: 12px;
		background: var(--color-card-bg-white-25);
		box-shadow: inset 0 0 0 1px var(--color-card-bg-white-35);
		padding: 0px 12px 0px 14px;
		
		.option-hr {
			height: 1px;
			background: var(--color-black-icon-black-10);

		}
		
	}
	
	.deal-header {
		margin-bottom: 8px;
		
		.left-block-padding {
			padding: 3px 13px;
		}
		.right-block-padding {
			padding: 3px 4px 0px 4px;
		}
		
		.total-price {
			padding: 0px 2px;
			color: var(--tokens-color-txt-green-txt_accent_green-34);
			font-size: 12px;
			font-weight: 700;
			line-height: 140%;
			text-align: right;
		}
		
		.work-days-count-total {
			
			.label {
				color: var(--tokens-color-txt-green-txt_accent_green-34);
				font-size: 12px;
				font-weight: 600;
				line-height: 130%;
			}
			svg {
				display: block;
			}
		}
		
		.link {
			cursor: pointer;
		}
		.text {
			color: var(--tokens-color-txt-black-txt_primary_black-5);
			font-size: 16px;
			font-weight: 600;
			line-height: 140%;
			
			
			svg {
				transform: translateY(-1px);
			}
			path {
				stroke-opacity: 1;
				stroke: var(--color-black-icon-black-20);
			}
		}
		
	}

	.status-badge {
		line-height: 19px;
		box-sizing: border-box;
		color: var(--tokens-color-txt-white-txt_invert_white);
		font-size: 12px;
		font-weight: 700;
		padding: 1px 6px 0px 6px;
		
		
		border-radius: 7px;
		box-shadow: inset 0 0 0 0.5px var(--color-black-icon-black-10);
		backdrop-filter: blur(5px);
		
	}


	.status-badge.new {
		background: var(--color-overlay-icon-overlay-15-invert);
	}
	.status-badge.active {
		background: linear-gradient(90deg, #00D688 0%, #00B856 100%);
	}
	.status-badge.paid {
		background: linear-gradient(90deg, #00D688 0%, #00B856 100%);
	}
	.status-badge.waiting_for_payment {
		background: rgba(15, 63, 87, 0.30);
	}
	.status-badge.mark_as_completed {
		background: linear-gradient(90deg, #00D688 0%, #00B856 100%);
		
	}
	.status-badge.completed {
		background: var(--color-blue-icon_blue-50);
		
	}
	.status-badge.canceled {
		background: #F44134;
	}
		
	
	
	
	
	.deal-footer {
		
		svg {
			display: inline-block;
		}
	}
	
	.option-item {
		padding: 10px 0px;
		
		.name {
			
			color: var(--tokens-color-txt-gray-txt_caption_gray-28);
			font-size: 12px;
			font-weight: 600;
			line-height: 140%;
			letter-spacing: -0.12px;
			
			padding-top: 1px;
			
			word-wrap: break-word;
			overflow-wrap: break-word;
			word-break: break-word;
			
		}
		
		.order-added-info {
			display: flex;
			white-space: nowrap;
			
			.price {
				color: var(--tokens-color-txt-gray-txt_base_gray-15);
				font-size: 14px;
				font-weight: 600;
				line-height: 130%;
				letter-spacing: -0.14px;
				padding-right: 5px;
			}
			.ico {
				svg {
					display: block;
					transform: translateY(1px);
				}
				path {
					stroke-opacity: 1;
					stroke: var(--color-black-icon-black-30);
				}
			}
			.quantity {
				color: var(--tokens-color-txt-black-txt-description-black-35);
				text-align: center;
				min-width: 20px;
				font-size: 14px;
				font-weight: 600;
				line-height: 130%;
				letter-spacing: -0.14px;
				display: inline-block;
				
			}
		}
		
		
		
		
	}
	
	
	
	
	.deal-footer {
		margin-top: 8px;
		
		
		.btns-padding {
			padding: 8px 0px 12px 0px;
		}
		
		.total-sum {
			width: auto;
			color: var(--tokens-color-txt-black-txt_primary_black-5);
			font-size: 22px;
			font-weight: 700;
			line-height: 24px;
		}
		
		.total-label-text {
			text-align: right;
			
			color: var(--tokens-color-txt-txt-subtitle-black-40);
			font-size: 14px;
			font-weight: 500;
			line-height: 20px;
			padding-right: 16px;
		}
		
		.payment-btn {
			height: 44px;
			border-radius: 8px;
			background: var(--color-bg-btn_bg_gray-15);
			position: relative;
			cursor: pointer;
			transition: .1s;
			
			.btn-label {
				color: var(--color-txt-btn_txt_white);
				text-align: center;
				font-size: 16px;
				font-weight: 600;
				line-height: 130%;
				letter-spacing: 0.16px;
				
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 100%;
				
				
			}
			
			
			
			.timer {
				color: var(--color-txt-btn-txt-white-35);
				font-size: 14px;
				font-weight: 600;
				line-height: 130%;
				margin-left: 10px;
			}
			
			
		}
		.payment-btn:hover {
			background: var(--color-bg-btn_bg_gray-12);
		}
		
		
		.cancel-order-btn {
			height: 46px;
			border-radius: 12px;
			background: var(--color-card_bg_white);
			position: relative;
			transition: .1s;
			cursor: pointer;
			
			.btn-label {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 100%;
				
				color: var(--color-red-icon_red-58);
				font-size: 16px;
				font-weight: 600;
				line-height: 130%;
				letter-spacing: 0.16px;
				text-align: center;
				transition: .1s;
			}
			
		}
		
		.cancel-order-btn:hover {
			background: var(--color-red-icon_red-58);
			
			.btn-label {
				color: var(--color-card_bg_white);
			}
		}
		
		.review-block {
			background: transparent!important;
			padding: 3px 14px 14px 14px;
			
			.label-review-tag {
				color: var(--tokens-color-txt-black-txt_primary_black-5);
				font-size: 14px;
				font-weight: 700;
				line-height: 140%; 
			}
				
			.edit-review-btn {
				color: var(--tokens-color-txt-txt-description-black-35);
				font-size: 14px;
				font-weight: 500;
				line-height: 120%;
				cursor: pointer;
			}
			
			.label-review { 
				color: #00121A;
				font-size: 14px;
				font-weight: 700;
				line-height: 140%;
				padding: 0px 2px;
			}
			
			
			.star-col {
				
				path {
					fill: var(--color-black-icon-black-15);
					fill-opacity: 1;
				}
				
			}
			.star-col.selected {
				
				path {
					fill: #FFAA00;
					fill-opacity: 1;
				}
				
			}
			
			
		}
		
			
		.review-block[data-is-created="false"] {
			padding: 3px 14px 8px 14px;
			margin-top: 0px;
			
			.stars-block {
				cursor: pointer;
			}
		}
		
		
		
		.wait-time-block {
			color: var(--tokens-color-txt-txt_primary_black-5);
			font-size: 14px;
			font-weight: 700;
			line-height: 136%;
			/* padding-left: 16px; */
			padding: 12.5px 16px;
			
			
			.time {
				color: #F44134;
			}
		}

		
		
		
	}
	
	
	
	
	
	
	
}
	
	
#option-details-modal {
	
	.modal-content {
		border-radius: 20px;
		background: var(--color-card_bg_white);
		box-shadow: 0 6px 26px 0 rgba(0, 34, 51, 0.12);
		backdrop-filter: blur(30px);
	}
	.modal-dialog {
		max-width: 600px;
		
	}
	
	.deal-description-form { 
		
		.deal-content {
			box-shadow: none;
			padding: 6px 20px;
			cursor: auto;
			background: var(--color-bg-input-bg-static-5);

		}
		
		.deal-content-wrapper {
			padding: 0px 16px 20px 16px;
		}
		
		.deal-header {
			margin-bottom: 0px;
			padding: 0px;
			
			.header-modal-padding {
				padding: 20px 20px 10px 26px;
			}
			
			.total-price {
				color: var(--tokens-color-txt-green-txt_accent_green-34);
				font-size: 16px;
				font-weight: 700;
				line-height: 120%;
				padding-top: 1px;
			}
			
			.work-days-count-total {
				.label {
					color: var(--tokens-color-txt-green-txt_accent_green-34);
					font-size: 16px;
					font-weight: 600;
					line-height: 130%;
				}
				svg {
					display: block;
					transform: translateY(1px);
				}
			}
			
			.subheader {
				padding: 0px 16px 0px 28px;
				margin-bottom: 12px;
			}
			
			.text {
				color: var(--tokens-color-txt-black-txt_primary_black-5);
				font-size: 26px;
				font-weight: 700;
				line-height: 120%;
			}
			
			.cross-ico {
				cursor: pointer; 
				transition: .1s;
				path {
					stroke-opacity: 1;
					stroke: var(--color-black-icon-black-30);
				}
			}
			.cross-ico:hover {
				opacity: .8;
			}
		}
		
		.deal-footer {
			margin-top: 0px;
			padding: 10px 26px 26px 26px;
			
			.review-block {
				margin-top: 0px;
				padding: 0px;
			}
			.wait-time-block {
				padding: 0px;
			}
			
			.payment-btn {
				height: 50px;
			}
			
			.cancel-order-btn {
				height: 50px;
			}
			
			
		}
		
		
	}
	
	
}



@media (max-width: 924px) {
	
	.deal-description-form {
		
		
		.deal-header {
			padding: 0px 0px 0px 0px;
			
			.text {
				
				font-size: 16px;
				font-weight: 600;
				line-height: 140%;
				
			}
			
			.left-block-padding {
				padding: 3px 13px;
			}
			
		}
		
		
		
		.deal-content {
			padding: 0px 14px!important;
			
		}
		
		.option-item {
			.name {
				font-size: 12px;
				font-weight: 600;
				line-height: 140%; 
			}
		}
		.deal-footer {
		
			.payment-btn {
				.btn-label {
					font-size: 15px;
					font-weight: 600;
					line-height: 130%;
					letter-spacing: -0.15px;
					padding-bottom: 2px;
				}
				.timer {
					font-size: 14px;
					font-weight: 600;
					line-height: 130%;
					letter-spacing: -0.14px;
				}
			}
			
			
			
			
			.btns-padding {
				padding: 0px 0px;
			}
	
			.wait-time-block {
				position: static;
				transform: none;
				border-radius: 8px;
				
				
			}
			
			.review-block[data-is-created="false"] {
				.stars-block {
					cursor: pointer;
				}
			}
			.review-block {
				.label {
					backdrop-filter: none;
					background: transparent;
					color: var(--tokens-color-txt-txt_primary_black-5);
					font-size: 14px;
					font-weight: 700;
					line-height: 140%;
					padding: 0px 2px;
				}
			}
			
			
		}
		
		
	}
	
	
}