@media (min-width: 999px) {
.calculator {
  width:50% ; 
  height:500px;
  margin: ; 
  background: ; 
  padding: 2px;
   border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
 right:4px;
 border:;
 position:absolute;
display:;

 z-index:1;
 background: #012169;
   border-radius: 16px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border: ;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);
   }

.estimate1{
width:50% ; 
height:600px;
  margin: ; 
  background: ; 
  padding: 10px;
   border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
 
border:;
position:absolute;
display:;
z-index:;
line-height:5px;
 z-index:1;
 background: #012169;
   border-radius: 16px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border:;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);
}
.estimate{
width:50% ; 
height:500px;
  margin: ; 
  background: ; 
  padding: 10px;
   border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
 
border:;
position:absolute;
display:;
z-index:;
line-height:5px;
 z-index:1;
 background: #012169;
   border-radius: 16px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border:;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);
}
.estimate h2 {
width: ; 
font-size:25px;

padding-bottom:20px;
margin-top:5px;
left:170px;
position:relative;
align-items:center;

}

.estimate .input-group { 
        margin-bottom: 25px;
        line-height:20px;
        width:600px ; 
        position:relative;
        left:50px;
        right:;
        display: ;
        font-size:20px;
   }
.estimate label { 
        position:relative;
         margin-bottom: 2px; 
         font-weight: bold;
        display: inline-block;
        width: 180px;
        text-align: right;
        right:10px;
     font-size:20px;
  }
.estimate input, select {
         width: 60%; 
         padding: 10px; 
         box-sizing: border-box; 
         border: 1px solid #ccc;
          border-radius: 4px;
          color:#1d20f4;
          line-height:15px;
           left:30px;
          right:30px;
          font-size:20px;
  }
#shape{
appearance: checkbox;

}
 .estibutton {
         width: 30%; 
         padding: 10px;
         background-color:#deb230;
         color: white; 
         border: 1px solid #ffab0d;
         border-radius: 16px;
         font-size: 18px; 
         cursor: pointer;
         margin-top:2px;
         position:relative;
         display:inline-block;
         left:250px;
         right:;
         
     }
.estibutton:hover {
         background-color: #014c3ad4;
          width: 30%; 
           font-size: 14px; 
   }
 .result {
    width:90%;
    height:100px;
   
   padding: 15px;
   background: ; 
   border-radius: 4px; 
   position:;
   display:;
   left:30px;
  right:30px;
 border:;
    }
#resultbox{
 font-size:20px;
  margin-top:-20px;
 font-weight: 400 !important;
 box-sizing: border-box;
 height:100px;
 width:;
 }   
.calculator1 {
  width:50% ; 
  height:500px;
  margin: ; 
  background: ; 
  padding: 2px;
   border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
 right:4px;
 border:;
 position:absolute;
display:;

 z-index:1;
 background: #012169;
   border-radius: 16px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border: ;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);
   }
}

/*rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
@media (max-width: 768px) {
.estimate1{
width:50% ; 
height:600px;
  margin: ; 
  background: ; 
  padding: 10px;
   border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
 
border:;
position:absolute;
display:;
z-index:;
line-height:5px;
 z-index:1;
 background: linear-gradient(to left, #97282863, #040b099e);
   border-radius: 16px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border:;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);
}
.estimate{
width:100% ; 
height:600px;
  margin: ; 
  background: ; 
  padding: 10px;
   border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
 
border:;
position:absolute;
display:;
z-index:;
line-height:5px;
 z-index:1;
 background: linear-gradient(to left, #97282863, #040b099e);
   border-radius: 16px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border:;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);
}
.estimate h2 {
width: ; 
font-size:20px;

padding-bottom:20px;
margin-top:5px;
left:10px;
position:relative;
align-items:center;

}

.estimate .input-group { 
        margin-bottom: 25px;
        line-height:20px;
        width:400px ; 
        position:relative;
        left:50px;
        right:;
        display: ;
        font-size:15px;
   }
.estimate label { 
        position:relative;
         margin-bottom: 2px; 
         font-weight: bold;
        display: inline-block;
        width: 180px;
        text-align: right;
        right:;
     font-size:20px;
  }
.estimate input, select {
         width: 60%; 
         padding: 10px; 
         box-sizing: border-box; 
         border: 1px solid #ccc;
          border-radius: 4px;
          color:#1d20f4;
          line-height:15px;
           left:30px;
          right:30px;
          font-size:15px;
  }
#shape{
appearance: checkbox;

}
 .estibutton {
         width: ; 
         padding: 10px;
         background-color: #ff9b0061; 
         color: white; 
         border: 1px solid #ffa700db;
         border-radius: 16px;
         font-size: 18px; 
         cursor: pointer;
         margin-top:2px;
         position:relative;
         display:inline-block;
         left:100px;
         right:;
         
     }
.estibutton:hover {
         background-color: #014c3ad4;
          width: 30%; 
           font-size: 14px; 
   }
 .result {
    width:100%;
    height:100px;
   
   padding: ;
   background: ; 
   border-radius: 4px; 
   position:;
   display:;
   left:20px;
  right:10px;
 border:;
    }
#resultbox{
 font-size:20px;
  margin-top:-5px;
 font-weight: 400 !important;
 box-sizing: border-box;
 height:100px;
 width:100%;
 left:0px;
 } 
#resultbox p{
font-size:14px;
  margin-top:;

}
 .calculator {
  width:; 
  height:;
  margin: ; 
  background: ; 
  padding: ;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
 right:4px;
 border:;
 position:;
display:;

 z-index:-9;
 background: linear-gradient(to left, #97282863, #040b099e);
   border-radius: 16px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border: ;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);
   }  
.calculator1 {
  width:100% ; 
  height:300px;
  margin-bottom:60px;
  margin-top:50px ; 
  padding: 2px;
   position:absolute;
 display:;
 right:4px;
  z-index:1;
 background: linear-gradient(to left, #97282863, #040b099e);
   border-radius: 16px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border: ;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);
   }
   }