#quotes-pop
{
display:block;
height:1024px;
width:100%;
z-index:1000;
}




.close
{
width:16px;
height:16px;
}

.box-border
{
display:flex;
justify-content:center;
width:600px;
height:700px;
background-color:#2b2b2a;
}

.box-frm
{
margin:auto;
width:400px;
}


	.box-frm h2
	{	
	font-size:1.2rem;
	font-family:"Trebuchet MS",sans-serif;
	color:white;
	}

	.box-frm label
	{	
	font-family:"Trebuchet MS",sans-serif;
	color:white;
	font-size:1.2rem;
	}

.form-box{
width:300px;
background:white;
padding:25px;
border-radius:8px;
box-shadow:0 0 10px rgba(0,0,0,0.1);
}

input, textarea{
width:100%;
padding:10px;
margin:8px 0;
border:1px solid #ccc;
border-radius:4px;
}




button{
width:100%;
padding:12px;
background:#007BFF;
color:white;
border:none;
border-radius:5px;
cursor:pointer;
}


.wrap-radio
{

display:flex;
align-items:center;
width:300px;
gap:10px;
}

.residential
{
display:flex;
align-items:center;
height:28px;
width:200px;
font-family:"Trebuchet MS",sans-serif;
color:gray;
}

.rad
{
height:10px;
width:10px;
}


/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: darkred 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}



/*MOBILE*/

@media screen and (max-width:767px){
#quotes-pop
{
display:block;
background-color:#031729;
min-height:800px;
height:880px;
width:100%;
z-index:1000;
}

.box-border
{
display:flex;
justify-content:center;
width:400px;
height:600px;
background-color:#2b2b2a;
margin:10px auto;
}

.box-frm
{
margin:0 auto;
width:300px;
height:100%;
}

input, textarea{
width:300px;
padding:5px;
margin:8px 0;
border:1px solid #ccc;
border-radius:4px;
}


/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: darkred 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

}

/*TAB*/

@media screen and (min-width:768px) and (max-width:1024px){

#quotes-pop
{
display:block;
background-color:#031729;
min-height:800px;
height:880px;
width:100%;
z-index:1000;
}

.box-border
{
display:flex;
justify-content:center;
width:700px;
height:780px;
background-color:#2b2b2a;
margin:10px auto;
}
}



/*PC*/

@media screen and (min-width:1025px) and (max-width:1680px){
#quotes-pop
{
display:block;
background-color:#031729;
min-height:800px;
height:880px;
width:100%;
z-index:1000;
}

.box-border
{
display:flex;
justify-content:center;
width:700px;
height:780px;
background-color:#2b2b2a;
margin:10px auto;
}
}