/* Simple, modern and responsive styles for the quote screen */
.btp-quote-screen .btp-qs-card {
  max-width: 900px;
  margin: 24px auto 48px;
  /* background: #ffffff;
  border-radius: 12px;
  padding: 28px;
  box-shadow: 0 8px 22px rgba(12,18,26,0.06);
  border: 1px solid #eef3f7; */
  font-family: "Inter", Arial, sans-serif;
  color: #14202b;
}

.btp-qs-card-header{
	text-align: center;
	margin-bottom: 32px;
}

.btp-qs-tag {
  display: inline-block;
  background: #e6f0ff;
  color: #0b66d0;
  padding: 8px 14px;
  border-radius: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.btp-qs-title {
  font-size: 28px;
  font-weight: 800;
  margin: 6px 0 4px 0;
}

.btp-qs-sub {
  color: #5b6b75;
  margin-bottom: 16px;
}

#btp-qs-textarea {
  width: 100%;
  min-height: 110px;
  padding: 14px;
  border-radius: 8px;
  border: 1px solid #dbe7ef;
  resize: vertical;
  font-size: 15px;
  margin-bottom: 12px;
      
	   &:focus,&:hover{
		   border :2px solid #0b66d0;
	   }
}

.btp-qs-actions {
  text-align: right;
  margin-bottom: 12px;
}

.btp-qs-btn {
  padding: 10px 16px;
  border-radius: 8px;
  border: 0;
  cursor: pointer;
  font-weight: 600;
}

.btp-qs-btn.primary {
  background: #0b66d0;
  color: #fff;
  box-shadow: 0 6px 14px rgba(11,102,208,0.18);
}

.btp-qs-suggestions {
  margin-top: 16px;
}

.btp-qs-sugg-title {
  font-weight: 600;
  margin-bottom: 10px;
}

.btp-qs-sugg-list {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.btp-qs-sugg-btn {
  background: #f1f6fa;
  border: 1px solid #e1edf6;
  padding: 8px 12px;
  border-radius: 18px;
  cursor: pointer;
  font-size: 14px;
  
		&:hover,&:focus{
			color:white;
			  background: #0b66d0;

		}
}


.btp-qs-error {
  margin-top: 12px;
  color: #a33;
  background: #fff5f5;
  border: 1px solid #f1c8c8;
  padding: 10px;
  border-radius: 8px;
}

#btp-loader-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
	
			.btp-loader-content {
			width: min(400px,95%);
			color: black;
            min-height: 400px;
			background: #fff;
			padding: 20px 30px;
			border-radius: 10px;
			text-align: center;
			box-shadow: 0 5px 15px rgba(0,0,0,0.3);
			
					.btp-spinner {
					border: 6px solid #f3f3f3;
					border-top: 6px solid #0073aa;
					border-radius: 50%;
					width: 50px;
					height: 50px;
					animation: spin 1s linear infinite;
					margin: 20px auto 20px;
				    }
					
					#btp-loader-text{
					display: flex;
					flex-direction: column;
					text-align: left;
					justify-self: center;
					gap: 12px;
					}
		    }


}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



  /* Responsive */
  @media (max-width: 640px) {
    /* .btp-quote-screen .btp-qs-card { padding: 16px; } */
    .btp-qs-title { font-size: 20px; }
    .btp-qs-sugg-list { gap: 6px; }
    .btp-qs-sugg-btn { padding: 6px 10px; font-size: 13px; }
  }