/*===========================
    QUOTE css 
===========================*/

.quote-area{
	background-attachment: fixed;
	& .quote-overlay{
		background-color: rgba(0, 18, 34,.8);
		padding-top: 105px;
		padding-bottom: 120px;
		& .section-title-2{
			& .title{
				color: $white;
			}
			& p{
				color: $white;
			}
		}
		& .quote-form{
			& .input-box{
				position: relative;
				& input{
					width: 100%;
					background-color: transparent;
					border: 2px solid rgba(255, 255, 255,.2);
					padding-left: 40px;
					line-height: 80px;
					color: #c1d0de;
					&::placeholder{
						opacity: 1;
						color: #c1d0de;
					}
				}
				& textarea{
					width: 100%;
					height: 200px;
					background-color: transparent;
					border: 2px solid rgba(255, 255, 255,.2);
					padding-top: 30px;
					padding-left: 40px;
					color: #c1d0de;
					resize: none;
					&::placeholder{
						opacity: 1;
						color: #c1d0de;
					}
				}
				& button{
					margin-top: 38px;
					border-radius: 0;
				}
				& i{
					position: absolute;
					top: 35px;
					right: 40px;

				}
			}
		}
	}
}

.quote-page{
	& .input-box{
		position: relative;
		&.file{
			position: relative;
			label{
				position: absolute;
				width: 100%;
				top: 0px;
				color: #757575;
				left: 0px;
				padding-left: 30px;
				cursor: pointer;
				top: 50%;
			}
		}
		& input{
			width: 100%;
			// background-color: #f5f7ff;
			border: 2px solid rgba(0, 0, 0, 0.07);
			padding-left: 40px;
			height: 60px;
			padding-right: 26px;
			line-height: 20px;
			
		}

		& textarea{
			width: 100%;
			height: 200px;
			// background-color: #f5f7ff;
			border: 2px solid rgba(0, 0, 0, 0.07);
			padding-top: 30px;
			padding-left: 30px;
			padding-right: 30px;
			resize: none;
		}
	}
}