/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 03 2025 | 22:00:57 */
.kd-quote-step-indicator-div{
    position:relative;
	background : white;
    height:50px; 
}
.kd-quote-step-indicator-div::before,
.kd-quote-step-indicator-div::after {
    position:absolute;
    display:block;
    content:"";
    border:25px solid transparent; 
	z-index: 2;
}

.kd-quote-step-indicator-div::before {
	top: 0;
	border-left-color: #ccc;
	left: 100%;
}
.kd-quote-step-indicator-div::after {
    top: 0;
    border-left-color: white;
    left: calc(100% - 1px);
} 

.roundad-num{
	width: 30px;
	height: 30px;
	display: inline-flex;
	border-radius: 50%;
	border: 1px solid #ccc;
	justify-content: center;
	align-items: center;
	margin-right : 20px;
} 

.kd-quote-step-indicator-div:first-of-type{
	min-width : 467px;
}

.form-quote-form-form .kd-add-more-prod-btn:hover,
.form-quote-form-form .kd-add-more-prod-btn:focus{
	background-color:#10C99E;
	color:#fff;
}

.pearl-quote-form .kd-col-50{
	width: calc(50% - 8px);
}

.form-quote-form-form .kd-add-more-prod-btn,
.form-quote-form-form .kd-submit-btn{
	width:100%;
}

.design-upload-title{
	margin-bottom: 0 !important;
}

.design-upload-btn label{
	margin:10px 0;
}


/* Mobile CSS: Targets screens 768px wide or smaller */
@media only screen and (max-width: 768px) {
	.kd-quote-step-indicator-div:first-of-type{
		min-width:100%;
	}
	
	.kd-quote-step-indicator-div{
		border-bottom:1px solid #ccc;
		height: auto;
	}

	.kd-quote-step-indicator-div:before{
		top: 100%;
		border-left-color: #ccc;
		left: 57%;
		transform-origin: 0 0;
		transform: rotate(90deg);
		border-width: 20px;
		bottom: 0;
		width: 5px;
		height: 5px;
	}
	
	.kd-quote-step-indicator-div:after{
		top: 100%;
		border-left-color: white;
		left: calc(57% - 1px);
		transform-origin: 0 0;
		transform: rotate(90deg);
		border-width: 19px;
	}
	
	.pearl-quote-page-container,
	.cart-detail-wrap .woocommerce{
		flex-wrap: wrap;
/* 		margin: 5px 15px 20px !important; */
	}
	
	.pearl-cart-item{
		padding: 27px 15px;
	}
	
	.pearl-quote-page-container .pearl-cart-info {
		padding: 0 !important;
		text-align: center;
		margin: 25px auto 0;
	}
	
	.pearl-quote-page-container .pearl-quote-form{
		width:100%;
	}
	
	.pearl-cart-item-details .pearl-variation-attrs li{
		text-align:right;
	}
	.pearl-cart-item-details .pearl-cart-item-name > a {
		line-height: 1.2;
		display: block;
		margin: 10px 0;
	}
	
	.quote-form-header {
	  	padding: 25px 15px;
	}
	
	.form-quote-form-form {
	 	 padding: 0 15px 20px;
	}
	
	.form-quote-form-form .kd-row{
		margin-bottom:0
	}
	
	.form-quote-form-form label{
		margin-bottom: 0;
		margin-top: 15px;
	}
	
	.kd-radio-wrapper:not(:last-child){
		margin-right: 10px;
	}
	
	.form-quote-form-form .kd-col-50{
		width:100%
	}
	
	.form-quote-form-form .kd-row.text-center{
		margin: 20px auto;
	}
	
	#address-fields{
		margin-bottom:25px;
	}
	
	#address-fields .kd-row{
		margin-bottom:0;
	}
	
	#address-fields .form-quote-form-form label{
		margin-bottom: 0;
 		margin-top: 10px;
	}
	
	.form-quote-form-form .kd-add-more-prod-btn{
		padding: 15px;
  		margin-bottom: 15px;
	}
	
	.form-quote-form-form .kd-submit-btn{
		width: 100%;
    	padding: 15px;
	}
	
	.pearl-quote-page-container .feature-list-icons{
		margin-top:30px
	}
	
	.cart-detail-wrap .form-quote-form-form .kd-submit-btn{
		margin-top:15px
	}
	
	
	
}