body{
  background:#f2f2f2;
  -webkit-tap-highlight-color: transparent;
}
#first{
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      flex-wrap: wrap;
}
.material-icons{
cursor: pointer;
  color:grey;
  transition:0.2s;
}
.material-icons:active{
  transform:scale(0.5);
}
#select1{
      border-bottom: 0px;
      border-top:0px;
      border-right:0px;
      border-radius: 2px;
      padding:5px;
      font-size:130%;
      border-width:2px;
      outline:none;
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
#new1{
  border-radius: 15px;
  height:420px;
  max-height: 420px;
  box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  display:flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  position:relative;
  align-items: center;
  justify-content: center;
  margin: 8% auto 8%;
  z-index: 1;
  width:500px;
  max-width: 100%;
  min-width:0px;
  padding:12px;
 
  position:relative;
}
#select1:focus{
  border-color:dodgerblue;
  border-width: 4px;
}

#select1:active{
  transform:scale(0.9);
}

#select1{
  transition: 0.2s;
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}
#suraj1{
  position:relative;
  bottom:60px;
}
#p2,#p3{
  font-size: 140%;
}
#button1{
  border-radius:7px;
  border-width: 0px;
  background:rgb(124, 124, 124);
  font-size: 150%;
  color:white;
  padding: 5px;
  transition: 0.1s;
}
#button1:active{
  transform:scale(0.84)
}

#div4:active{
  transform:scale(0.7)
}
#div2:active{
  transform:scale(0.7)
}
#div6:active{
  transform:scale(0.7)
}
#div8:active{
  transform:scale(0.7)
}
#p4,#p5,#p6,#p7,#p8,#p9,#p10,#p11,#p12,#p13,#p14,#select2,#input3,#input4,#p15{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#lable1,#rupee,#checkbox1,#div9,#button2{
  transition:0.5s;
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#checkbox1{
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#checkbox1 input {
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}


#checkbox1 {
height: 18px;
width: 20px;
background-color: #eee;
}

#checkbox1:hover input ~ #checkbox1 {
background-color: #ccc;
}


#checkbox1 input:checked ~ #checkbox1 {
background-color: #2196F3;
}


#checkbox1:after {
content: "";
position: absolute;
display: none;
}


#checkbox1 input:checked ~ #checkbox1:after {
display: block;
}

#checkbox1 #checkbox1:after {
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

#button2{
  cursor: pointer;
  font-size: 150%;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  position: relative;
  top:30px;
  border-radius:7px;
  border-width: 0px;
  background:rgb(124, 124, 124);
  color:white;
  padding: 5px;
  transition: 0.1s;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#button2:active{
  transform: scale(0.84);
}
#center1,#center2{
  left:30px;
  align-items: center;
  position: relative;
}


#select2:focus{
  border-color:dodgerblue;
  border-width: 3px;
}


#input4:focus{
  border-width: 2px;
  border-color:dodgerblue;
}
#divsuraj{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#divsuraj1{
  background:#ffffff;
  border-radius:10px;
  width:200px;
  padding:0px;
  position: relative;
  padding-left: 8px;
  top:20px;
}
#button3{


  width:200px;
  border-radius: 6px;
  outline:none;
  border-width: 1px;
  border-style:solid;
  font-size:120%;
  width:150px;
  cursor: pointer;
}
#button3:active{
  background:dodgerblue;
}
#button1,#button2{
  cursor: pointer;
}
#first,#second{
width:430px;
margin: 8px auto 0;
  border-radius: 20px;
  background:#fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
max-width:100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  padding:19px;
}
#second{
  position:relative;
  top:30px;
}
#p19,#p21{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 165%;
  text-align: center;
}
#p21{
  position: relative;
  top:20px;
}
#pickup{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top:2%;
}
#date{
    margin-top:4%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  border-radius:5px;
  border-style: solid;
  outline:none;
  border-width: 1px;
  transition: 0.3s;
  font-size:110%;
  text-align: center;
  align-items: center;
  justify-content: center;
  left:500px;
  top:40px;
}
#date:focus{
  border-color:dodgerblue;
  border-width:2px;
}
#date:active{
  transform: scale(0.9);
}
#submit{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size:120%;
  border-radius:6px;
  outline:none;
  border-style:solid;
  border-width: 1px;
  position: relative;
  top:30px;
}
#submit:focus{
  border-width:2px;
  border-color:dodgerblue;
  background: grey;
}
#p20{
  font-size: 120%;
  text-align: center;
}
#first{
      height:600px;
      
}
#input5,#input6,#input7,#input8,#input9,#input10,#input11,#input12,#input13,#input14,#input15,#input16,#input17,#input18,#input19,#input20{
  border-radius:3px;
  border-style:solid;
  border-width:2px;
  outline:none;
  font-size:110%;
  margin:6% auto 0;
  border-bottom:px;
  border-top:0px;
  border-left: 0px;
  border-right: 0px;
}
#input6:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#input5:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#input7:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#input8:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#input9:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#input10:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#input11:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#input12:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#input13:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#input14:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#input15:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#input16:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#input17:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#input18:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#input19:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#input20:focus{
  border-width:2px;
  border-color:dodgerblue;    
}
#suraj1{
  cursor:default;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#submit{
  cursor: pointer;
}
#date{
  cursor:alias;
}
#select1,#select2{
  cursor: pointer;
}


#divsuraj2{
  background:#e5f3ff;
  border-radius:10px;
  width:200px;
  padding:0px;
  position: relative;
  left:20px;
  top:20px;
  padding-left:10px
}

#new3{
  height:900px;
  left:-100px;
  top:-80px;
  background: #fff;
    width: 700px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 25px;
    margin: 8% auto 0;
    position: relative;
  z-index: 1;

    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    transition: none;
    display:flex;
    flex-direction: column;
}
#p4{
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 180%;
}
#flex1{
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  margin:3%;
}
#div3,#div1,#div5,#div7{
  box-sizing: border-box;
  border-style:solid;
  border-width:1px;
  border-color:rgb(177, 177, 177);
  border-radius:6px;
  padding:15px;
}
#p5{
  font-size: 120%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}
p{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#select2{
  padding:10px;
  border-width:1px;
  border-color:grey;
  background:#f2f2f2;
  text-align: left;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size:110%;
  width:280px;
  cursor: pointer;
  margin:2%;
}
#input3,#input4{
border-width:1px;
font-size:100%;
padding:12px;
width:280px;
margin:2%;
}
#p14,#p15{
  position: relative;
  top:15px;
}
#div9{
  border-radius:3px;
  margin:2%;
  background:#edfaff;
  padding:12px;
  font-size:110%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#ordersummary{
  left:600px;
  top:-720px;
  background:#fff;
    width:300px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 25px;
    margin: 8% auto 0;
    position: relative;
  z-index: 1;

    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    transition: none;
    display:flex;
    flex-direction: column;
}
#orders{
  font-size:180%;
  
}
#one{
  font-size:105%
}
#secondd{
  position: relative;
  left:200px;
  top:-38px;
}
#third{
  position: relative;
  top:10px
}
#fourth{
  position: relative;
  left:200px;
  top:-30px;
}
#center2{
  position: relative;
  left:-20px
}
#p5{
  position: relative;
  left:20px
}
#flex1{
  position: relative;
  left:20px
}
#center1{
  position: relative;
  left:20px
}
#div2,#div4,#div6,#div8{
  transition:0.2s
}
#div2:active{
  transform:scale(0.94)
}
#div4:active{
  transform:scale(0.94)
}
#div6:active{
  transform:scale(0.94)
}
#div8:active{
  transform:scale(0.94)
}
#select2,#input3,#input4{
  border-radius:5px;
}
#select2{
  border-width:0px;
  transition:0.14s
}
#input3,#input4{
  border-top:0px;
  border-radius: 2px;
  border-right:0px;
  border-bottom:0px;
  background:#f2f2f2;
  outline:none;
  transition:0.3s;
  border-width:5px;
  border-color:dodgerblue;
}
#select2:active{
  transform:scale(0.94)
}

#input4:focus{
  transform:scale(1.06);
  border-width:5px;
  border-color:dodgerblue;
}
#suraj1{
  position: relative;
  top:20px
}
#divsuraj1{
  position: relative;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
#divsuraj2{
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

#flex2
{
  position: relative;
  align-items:center;
  
  display: flex;
  justify-content:center;
  
}
#button1,#button2,#button3,#submit{
  background:dodgerblue;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color:white;
  border-width:0px;
  padding:9px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
#submit{
  margin-bottom: 200px;
  position: relative;
  left:50px;
  top:90px;
  transition: 0.1s;
}
#submit:active{
  transform:scale(0.84)
}
#submit:focus{
  background: dodgerblue;
}
#button3{
  transition:0.1s
}
#button3:active{
  transform:scale(0.84);
}
#first,#second{
padding:12px;
}
#input3,#input4{
border-color:dodgerblue;
}
#first{
padding:5px;
padding-bottom: 12px;
}
#second{
padding-bottom: 25px;
}
.material-icons{
  position: relative;
  top:30px;
}
#new1{
  position: relative;
  top:30px;
}
#last1{
position: relative;
top:36px
}
#pickup{
position: relative;
top:36px;
}
#new3,#flex2{
top:50px;
}
#new3{
top:0px;
}
#first{
padding: 21px;
}
#copyright{
  text-align: center;
  text-decoration: none;
  color:black;
  font-size: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#terms{
  margin:4px;
  cursor:pointer;
  text-decoration: none;
  color:dodgerblue;
  font-size: 120%;
  
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#privacypolicy{
  position: relative;
  top:80px;
  padding-bottom:100px;
}
#span12{
  margin:4px;
  cursor: pointer;
  text-decoration: none;
  color:dodgerblue;
  font-size: 120%;
  
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}
#lastflex{
  display:flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
#span12,#terms{
  transition:0.14s
}
#span12:active{
  transform: scale(0.74);
}
#terms:active{
  transform: scale(0.74);
}

#select2{
  transition: 0.2s;
}
#select2:active{
  transform:scale(1)
}
#select1{
  border-color:dodgerblue;
  
  border-width: 4px;
}
#select1:active{
  transform:scale(1)
}
#radio5,#radio6{
  transition:0.2s;
}
#radio5{
  transform: scale(0.9);
}
#radio6{
  transform: scale(0.9);
}
@media only screen and (max-width:1280px){
#new3{
  position: relative;
  left:-200px
}
}
@media only screen and (max-width:1135px){
#new3{
  left:-150px
}
}
@media only screen and (max-width:1030px){
    #privacypolicy{
    position: relative;
    top:250px
  }
  #ordersummary{
    display: none;
  }
  #new3{
    left:0px;
  }
}
@media only screen and (max-width:700px){
  #flex1{
    white-space: nowrap;
    width:px;
  }
}
@media only screen and (max-width:691px){
    #flex1{
      white-space: nowrap;
      width:px;
  }
}
@media only screen and (max-width:670px){
  #flex1{
    white-space: nowrap;
    overflow-x: scroll;
}
#div1,#div3,#div5,#div7{
  margin-right:3%;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
}
@media only screen and (max-width:420px) {
  #ordersummary{
    display:none;
  }

  #flex1{
    white-space: nowrap;
    position: relative;
    left: -6px;
    overflow-x: scroll;
    width:110%;
  }
  #div1,#div3,#div5,#div7{
    margin:3%;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
  }
  #p14{
    margin:12%;
  }
  #p4{
    position: relative;
    left:-10px;
  }
  #p5{
    position: relative;
    left:9.8px;
  }
  #p14,#p15{
    position: relative;
    left:-45px;
    font-size: 110%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    width:109%;
  }
  #p15{
    left:-9px
  }
  
  #input3,#input4{
    position: relative;
    left:-15px;
  }
  #div9,#select2{
    position: relative;
    left: -17px
  }
  #button2{
    margin-bottom: 200px;
  }
  #p4{
    font-size: 150%;
    cursor: default;
  }
  .material-icons{
    position: relative;
    top:50px;
  }
  
  #flex2{
    position: relative;
    top:70px;
    width:351px;
    max-width:100%;
  
  }
  #first,#second{
  margin:0px;
  padding:5px;
  width:356px;
  max-width:100%;
  min-width:300px;
  padding-bottom: 12px;
  }
  #date{
  position: relative;
  left: 30px;
  }
  #last1{
  position: relative;
  top:56px
  }
  #pickup{
  position: relative;
  top:56px;
  }
  #second{
  padding-bottom:25px
  }
  #privacypolicy{
    position:relative;
    top:110px;
  }
  #p4{
    text-align: center;
  }
  }
  #new3{
    min-width: 0px;
  }
  #page2{
    min-width: 0px;
  }
  #new1{
    border-radius:5px;
  }

  
  @media only screen and (max-width: 419px){
    #new3{
      position:relative;
      top:100px
    }
  }
  @media only screen and (max-width: 623px){
    #new3{
      top:100px
    }
  }
  .service1-gradient,.service2-gradient{
    background:#ffffff;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
#service1{
  position: relative
  ;
  top: -30px;
  left:-20px;
  font-size: 160%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  z-index: 1;
color:rgb(0, 212, 145);
}

#line1,#line2{
  display: flex;
  flex-direction: row;
}
#loader1,#loader2{
  position: relative;
  left: -20px;
  top:-30px
}
#service2{

  position: relative
  ;
  top: -30px;
  left:-20px;
  font-size: 160%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  z-index: 1;
color:rgb(0, 212, 145);
}

.loader {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid dodgerblue;
  border-bottom: 6px solid dodgerblue;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position:relative;
  top:-65px;
  left:200px
}

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

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






/* Start for date */

#pickdate1{
  margin-top:130px;
  background: #fff;
	width: 400px;
	max-width: 100%;
	box-sizing: border-box;
	padding: 20px;
	position: relative;
  z-index: 1;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    transition: none;
    display:flex;
    flex-direction: column;
    border-radius: 5px;
    margin:auto;
    margin-top:130px;
    animation-duration: 0.5s;
    animation-iteration-count: 2.5;
  
}
#pickdate2{
  font-size:140%;
  font-weight: 500;
}
#border{
 border-style:solid;
 border-right: 0px;
  border-left:0px;
  border-top:0px;
  border-color:gray;
  border-width:1px;
}
#flexdate{
  display:flex;
  flex-direction: row;
  align-items: center;
}
#child1,#child2,#child3,#child4,#child5,#child6,#child7,#child7,#child8,#child9,#child10{
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-self: center;
}
#day1,#day2,#date2,#month2,#date1,#month1,#date3,#day3,#month3,#date4,#day4,#month4,#date5,#day5,#month5,#date6,#day6,#month6,#date7,#day7,#month7,#date8,#day8,#month8,#date9,#day9,#month9,#date10,#day10,#month10{
  margin:0px;
}#child1,#child2,#child3,#child4,#child5,#child6,#child7,#child7,#child8,#child9,#child10{
  margin:10px
}
#child2,#child3,#child4,#child5,#child6,#child7,#child7,#child8,#child9,#child10{
  margin-left:20px;
}
#date1,#date2,#date3,#date4,#date5,#date6,#date7,#date8,#date9,#date10{
  font-size:200%;
  font-weight:500
}
#child1,#child2,#child3,#child4,#child5,#child6,#child7,#child7,#child8,#child9,#child10{
  animation-duration: 0.5s;
    animation-iteration-count: 2.5;
  border-style: solid;
  padding: 8px;
  border-radius:10px;
  border-width:2px;
  border-color:gray;
  cursor:pointer;
  transition: 0.4s;
  
}
#child1:focus,#child2:focus,#child3:focus,#child4:focus,#child7:focus,#child7:focus,#child8:focus,#child9:focus,#child10:focus{
  background-color: #e3f2ff;
  border-color:dodgerblue;
}
#child5, #child6{
  opacity: 0.5;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.childd.disabled {
  pointer-events: none;
  opacity: 0.5; /* makes them look faded/inactive */
  cursor: not-allowed;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
#line3{
  margin-top:-20px
}
#line1,#line2{
  margin-top:8px
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
#divsuraj1,#divsuraj2,#div3,#div1,#div5,#div7{
  transition:0.14s;
}
#divsuraj1:active,#divsuraj2:active{
  transform:scale(0.88);
}
#button1:hover,#button1:active,#button2:hover,#button2:active,#button3:hover,#button3:active,#submit:hover,#submit:active{
  opacity:0.6;
  
}
#button1,#button2,#button3,#submit{
  transition:0.16s
}
#button1:active,#button2:active,#button3:active,#submit:active{
 transform: scale(0.86);
}
#div1:active,#div3:active,#div5:active,#div7:active{
  transform:scale(0.88);
}
.lds-ring {
  display: inline-block;
  position: relative;
  top:0px;
  width:20px;
  height: 20px;
  margin-left:11px
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 33px;
  height: 33px;
  margin: 8px;
  border: 4px solid dodgerblue;
  border-radius: 100%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: rgb(0, 128, 255) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#lds{
  margin-left: -75px;
  margin-top:-155px
}
#ull{
  display:flex;
  flex-direction: column;
  position: relative;
  list-style-type: none
  
}
#divjs{
  background-color: white;
  padding: 5px;
  margin:8px;
  max-width: 500px;
  margin-left:auto;
  margin-right: auto;
  padding-left:28px;
  cursor:pointer;
  transition:0.18s;
  border-radius: 5px;
  border-style: solid;
  padding-bottom:30px;
  border-width: 1px;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 0px;
}
#divjs:active{
  transform: scale(0.94);
 
}
#h1js{
  color: #71797E;
  width:30%
}
#pjs,#p1js{
  font-weight: 500;
  color:#818181;
  width:40%
}
#button3{
  
margin-top:20px;
display: none;
}


.slidecontainer {
  width: 50%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: dodgerblue;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: dodgerblue;
  cursor: pointer;
}
.slidecontainer{
  margin-left:20px
}
#sliderflex{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 20px;
  margin-top:20px;
  margin-bottom:30px;
}
#sliderinput{
  border-left:0px;
  border-right:0px;
  border-top:0px;
  outline: none;
  font-size: 120%;
  width:10%;
  transition:0.16s
}

#slidervalue{
  margin-left:10px
}
#pp{
  margin-left:20px;
  margin-bottom:-12px;
  font-size: 110%;
}
#p2js,#p3js{
  font-size: 120%;
  margin-top:-70px;
  font-weight: 500;
  color:#71797E
  
  ;
  width:15%
}
#btnsurfacejs, #btnexpressjs{
  margin-left:100px;
  position: relative;
  top:-45px;
  line-height: 20px;
  font-weight: bold;
  color:white;
  padding: 0 40px;
  background: dodgerblue;
  border: none;
  transition: 0.7s;
border-style: solid;
border-width: 1.7px;
border-color:dodgerblue;
  }
  #btnsurfacejs:hover, #btnexpressjs:hover {
    opacity: 0.5;
    color:dodgerblue;
    background:transparent;
    color:dodgerblue;

  }
  #btnsurfacejs:active, #btnexpressjs:active{
    transition:0.1s;
    opacity:0.6;
    background:transparent;
    color:dodgerblue;
  }
  #button3{
    margin-top:40px
  }
  #btnexpressjs{
    background: #33b249;
    border-color: #33b249;
  }
  #btnexpressjs:hover,#btnexpressjs:active{
    color:#33b249;
  }
  #img1js,#img2js{
    width:60px;
    height:60px;
    margin:0px;
    padding:0px;
    position: relative;
    top:-20px;
    visibility: hidden;
  }
  label{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
  #vi2,#vi1,#vi3{
    border-left:0px;
  border-right:0px;
  border-top:0px;
  outline: none;
  font-size: 120%;
  width:10%;
  transition:0.16s;
  
  }
  #vi2,#vi3{
  margin-left:5px
  }
  #two{
    margin-left:20px;
    margin-bottom: 30px;
    
  }
  #vp{
    font-size: 130%;
    font-weight: 500;
    color:#71797E
  }
  .l2,.l3, .l1{
    font-size: 140%;
  }
  .l2,.l3{
    margin-left:20px
  }
 #button2{
  margin-left:20px
 }
 #p14,#p15{
  font-size: 120%;
 }
 .material-icons{
  width:8%;
  outline: none;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; 
  transition: 0.12;
 }
 .material-icons:active{
  transform: scale(0.94);
 }
 #ull{
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; 
 }
 .loaderfg  {
  animation: rotateef 1s infinite;  
  height: 50px;
  width: 50px;
}

.loaderfg:before,
.loaderfg:after {   
  border-radius: 50%;
  content: '';
  display: block;
  height: 20px;  
  width: 20px;
}
.loaderfg:before {
  animation: ball1 1s infinite;  
  background-color: #cb2025;
  box-shadow: 30px 0 0 #f8b334;
  margin-bottom: 10px;
}
.loaderfg:after {
  animation: ball2 1s infinite; 
  background-color: dodgerblue;
  box-shadow: 30px 0 0 #97bf0d;
}

@keyframes rotateef {
  0% { 
    -webkit-transform: rotate(0deg) scale(0.8); 
    -moz-transform: rotate(0deg) scale(0.8);
  }
  50% { 
    -webkit-transform: rotate(360deg) scale(1.2); 
    -moz-transform: rotate(360deg) scale(1.2);
  }
  100% { 
    -webkit-transform: rotate(720deg) scale(0.8); 
    -moz-transform: rotate(720deg) scale(0.8);
  }
}

@keyframes ball1 {
  0% {
    box-shadow: 30px 0 0 #f8b334;
  }
  50% {
    box-shadow: 0 0 0 #f8b334;
    margin-bottom: 0;
    -webkit-transform: translate(15px,15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #f8b334;
    margin-bottom: 10px;
  }
}

@keyframes ball2 {
  0% {
    box-shadow: 30px 0 0 #97bf0d;
  }
  50% {
    box-shadow: 0 0 0 #97bf0d;
    margin-top: -20px;
    -webkit-transform: translate(15px,15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #97bf0d;
    margin-top: 0;
  }
}
#loaderf{
  position: absolute;
  top: 40%;
  left: 47%;
  z-index: 222;
}
#flexdate{
  width:100%;
  overflow-x: auto;
}

body{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}

.sidebar{
  max-width:220px;
  min-width:40vh;
  position: fixed;
  bottom:0;
  top:0;
  margin-left:-10px;
  background-color: dodgerblue;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  z-index:10
}
#ul1{
  list-style: none;
}
/* .li1{
  margin-bottom: 2vh;
  display: flex;
  align-items: center;
  transition: 0.5s;
  padding:10px;
}
.li1:hover{
  background-color: rgb(132, 193, 255);
  border-radius: 0.5rem;
  height:3rem;
  margin-right:20px;
} */
#ul1{
  transition: 0.6s;

}
.a{
  margin-left:20px
}
#h1a{
  color:white
}
.a{
  outline: none;
  text-decoration: none;
  color: white;
  font-weight: 300;
  
}
.li1{
  display: flex;
  align-items: center;
  height: 1.3rem;
  padding:10px;
  transition: 0.6s;
  cursor: pointer;
}
.li1:hover{
  background-color: rgb(132, 193, 255);
  border-radius: 0.5rem;
  height:2rem;
  margin-right:20px;
  transition: 0.6s;
  cursor: pointer;
}
#ul1{
  margin-top:100px
}
#div2a,#h1a{
  all : unset
}
#div2a{
 position: relative
 ;
 top:10px;
 left:8%
}
#h1a{
  font-size: 160%;
  color: white;
  margin-left: 2rem;
  position: relative
  ;
  top:2rem
}
#exita{
  position: absolute;
 left:70%;
  padding: 0px;

  font-size: 4em;
  color: white;
  font-weight: 300;
  cursor: pointer;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  display: block;
top:10px;
-webkit-tap-highlight-color: transparent;

  transition: 0.14s;
}
#exita:hover{
  opacity: 0.5;
}
#exita:active{
  transform: scale(0.82);
}
#sidebar{
  position: absolute;
  left: -400px;
  transition:0.55s
}
#sidebar.anc{
  position: fixed;
  left : 0;
  z-index: 111;
}
.topbar{
  background-color: white;
  max-height: 6vh;
  min-height: 50px;
  padding:12px;
  box-shadow: 0px 5px 10px rgba(60, 64, 67, 0.3);
  margin-left:-13px;
  margin-right:-8px;
  margin-top:-9px;
  background-color :rgb(121, 188, 255);
}

#s1,#oneand{
  color:black;
  
}
#s1{
position: absolute;
left: 45%;
top:1.7rem
}
#oneand{
  margin-left:10px;
  font-size:200%;
  position: absolute;
  transform: rotate(90deg);
  cursor:pointer;
  transform-origin: center;
  transition: 0.8s;
}
#oneand:hover{
  transform:rotate(810deg)
}
#p1{

margin-left:auto;
margin-right: auto;
width:210px;
min-width: 210px;
}
#new1{
  padding-top:40px;
  padding-bottom:40px;
  border-radius:0px
}
#ook{
  margin-top:50px
}
#input1,#input2{
  height:30px;
  font-size:110%;
  padding:5px;
  border:0px;
  outline: none;
  border-bottom:1px solid
}
#p2,#p3{
  all:unset;
  font-size: 130%;
  transition: 0.2s;
  position: relative;
  color:dodgerblue;
  
}
#input2{
  margin-bottom: 50px;
}
#pl1,#pl2{
  position: relative;
  cursor:text;
  top:38px;
  transition:0.12s;
  color:#71797E
}
#pl1.ope , #pl2.ope{
  color:dodgerblue;
  top:5px
}
#input1:focus,#input2:focus{
  border-color: dodgerblue;
}
#p2.sujuu,#p3.sujuu{
  opacity: 0;
}
#p1{
  font-weight: 500;
  color:#818181
}
@media only screen and (max-width:420px) {
  #s1{
    left:43%
  }
 
  #nnnow{
     margin-top:0px
  }
}
#service1,#service2{
  all:unset;
  position: absolute;
  top:90px;
  margin:0px;
  left:75%;
  font-size:120%;
  color:dodgerblue

}
#loader1,#loader2{
  position: absolute;
  left:75%
  ;
  top:80px
}
#loader2{
  top:240px
}
#service2{
  top:240px
}
#new1{
  padding-top:70px
}
@media only screen and (max-width:420px) {
  #service1,#service2{

    all:unset;
    top:80px;
  margin:0px;
  left:75%;
  font-size:120%;
  color:rgb(0, 140, 179)
  }
  #service2{
    top:220px
  }
  #loader1{
    top:100px

    
  }
  #loader2{
    top:245px
  }
}
#p2,#p3{
  cursor: pointer;
}
#p1{
  cursor:cell;
}
#sliderinput:focus{
  border-color: dodgerblue;

}
#sliderflex{
  margin-top:40px
}
#slidervalue{
  position: relative;
  left:-39px;
  top:-2px;
  font-size: 110%;
  transition: 0.15s;
  cursor: text;
}
#slidervalue.dd{
  left:0px;
  cursor: default;
}

#input3{
  position: relative;
  top:-72px;
  z-index: 2;
  left:310px;
  

}

#nnbb{
  position: relative;
  left:30px;
  z-index: 3;
  -webkit-user-select: none;
  cursor: text;
  
  transition: 0.14s;
  background-color: white;
}
#nnbb.ddd{
  transition: 0.14s;
  top : -25px;
color:dodgerblue;
  
}
#ddw{
  transition: 1s;
margin-top: -90px;
}
#select2{
  outline: none;
}
#select2:focus{
  border-width: 0px;
}
#vi1:focus,#vi2:focus,#vi3:focus{
border-color: dodgerblue;
}
#input3{
  border-style: solid;
  border-width: 2px;
  border-color:black;
  border-radius: 1rem;
transition:0.16s;
  background-color: transparent;
}
#input3.ass{

  border-color: dodgerblue;
}

@media only screen and (max-width:703px){
  #ddw{
    margin-top:0px
  }
  #input3{
    top:0px;
    left:-10px
  }
  #nnbb{
    position: absolute;
    transform: translate(-7px,95px);
  }
  #nnbb.ddd{
        transform: translate(-7px,140px);

  }
}
@media only screen and (max-width:639px){
  #nnbb{
    position: absolute;
    transform: translate(-7px,91px);
  }
  #nnbb.ddd{
        transform: translate(-7px,140px);

  }
}
@media only screen and (max-width:607px){
  #nnbb{
    position: absolute;
    transform: translate(-7px,90px);
  }
  #nnbb.ddd{
        transform: translate(-7px,134px);

  }
}
#input3::placeholder {
  opacity: 0; /* important for Firefox */
}
@media only screen and (max-width:607px){
  #nnbb{
    display: none;
  }
  #input3::placeholder {
  opacity: 1; /* important for Firefox */
}
 
}

#myRange{
  width:270px
}
#p5,#p14,#p15,#label1{
  font-weight: 500;
  color:#707070
}
#label1{
  position: relative;
  top:-3px
}
#pp{
  color:#707070
}
#sliderinput{
  width:70px
}
#p4{
  text-align: center;
}
#vi1,#vi2,#vi3{

  width:50px
}
#button2{
  border-radius:4px;
  padding:1rem;
  width:10rem;
}
body{
  overflow-x: hidden;
}
@media only screen and (max-width:450px){
#div9{
  margin-left:0px ;
}
#new3{
  height: 130vh;
}
}
@media only screen and (max-width:644px){
  #newformat{
    position: relative;
    top:55px
  }
  #ull{
    margin-left: -40px;
  }
  #p2js,#p3js{
    width:100px
  }
  
}
@media only screen and (max-width:407px){
  #img1js,#img2js{
    width:60px;
    position: relative;
  }
  #pjs,#p1js{
    width:150px
  }
}
#sidebar{
  position: absolute;
  left:-500px;
}
#pickdate1.anc{
  -webkit-user-select: none;
  z-index: -100;
  opacity: 0.5;
}
#pickdate1.anc::after{
  content : "Auto Pickup for selected partner";
  opacity:1;
  font-size: 130%;
  font-weight: 1000;
  color:red;
  font-family:Verdana;
}
#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
  z-index: 1000000000001;
}

#snackbar.showwm {
  visibility: visible;
  -webkit-animation: fadeinn 0.5s, fadeoutt 1.5s 2.5s;
  animation: fadeinn 0.5s, fadeoutt 1.5s 2.5s;
}

@-webkit-keyframes fadeinn {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadeinn {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeoutt {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeoutt {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
/*    Now START THE SHI*    */
.mx{
  position: absolute;

}
#first{
  border-radius: 0px;
}
#input5{
  padding:12px
  
}
#m1{
  transition: 0.14s;
  top:10rem;
  cursor:text
}
#m1.anc{
  top: 8.9rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer
}
#m2{
  transition: 0.14s;
  cursor:text;
  top:14rem
}
#m2.anc{
  top: 13rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer;

}
#m3{
  transition: 0.14s;
  cursor:text;

  top:18rem
}
#m3.anc{
  top: 17rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer;

}
#m4{
  transition: 0.14s;

  top:22rem;
  cursor:text;

}
#m4.anc{
  top: 21rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer;

}
#m5{
  transition: 0.14s;

  top:26rem;
  cursor:text;

}
#m5.anc{
  top: 25rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer;

}
#m6{
  transition: 0.14s;

  top:29.9rem;
  cursor:text;

}
#m6.anc{
  top: 28.9rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer;

}
#m7{
  transition: 0.14s;

  top:34rem;
  cursor:text;

}
#m7.anc{
  top: 33rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer;

}
#m8{
  transition: 0.14s;

  top:38rem;
  margin-left:5px;
  cursor:text;

}
#m8.anc{
  top: 36.8rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer;

}
#m9{
  transition: 0.14s;

  top:8.3rem;
  cursor:text;
}
#m9.anc{
  top: 7.3rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer;
}
#m10{
  transition: 0.14s;

  top:12.3rem;
  cursor:text;
}
#m10.anc{
  top: 11.3rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer;
}
#m11{
  transition: 0.14s;

  top:16.3rem;
  cursor:text;
}
#m11.anc{
  top: 15.3rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer;
}
#m12{
  transition: 0.14s;

  top:20.3rem;
  cursor:text;
}
#m12.anc{
  top: 19.3rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer;
}
#m13{
  transition: 0.14s;

  top:24.3rem;
  cursor:text;
}
#m13.anc{
  top: 23.3rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer;
}
#m14{
  transition: 0.14s;

  top:28rem;
  cursor:text;
}
#m14.anc{
  top: 27rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer;
}
#m15{
  transition: 0.14s;

  top:32rem;
  cursor:text;
}
#m15.anc{
  top: 31rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer;
}
#m16{
  transition: 0.14s;

  top:36rem;
  cursor:text;
}
#m16.anc{
  top: 35rem;
  color:dodgerblue;
  font-size: 90%;
  cursor:pointer;
}
#fg1{
  margin-top:-20rem
}
#p20{
  margin-top:-10rem
}
#first,#second{
  all:unset
}
#aio{
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 2s;
  flex-direction: row;
  margin-bottom:-30rem


}
#fg1{
  background-color: white;
  position: relative;
  position: relative;
  overflow-y: auto;
  padding:42px;
  max-height:800px;
  margin-right:100px;
  top:-12px;
  transition: 1s;
  padding-right:4rem;
  

}
#fg2{
  background-color: white;
  position: relative;
  overflow-y: auto;
  padding:42px;
  transition: 1s;
  max-height:800px;
height: 600px;
padding-right:4rem


}
#fg2{
  margin-top:150px;
  margin-bottom:500px
}
#input5,#input6,#input7,#input8,#input9,#input10,#input11,#input12,#input13,#input14,#input15,#input16,#input17,#input18,#input19,#input20{
  all:unset;
  border-bottom: 0.1rem solid gray;
  margin-top:60px;
  padding:5px;
  width:20rem
}
#input6,#input7,#input8,#input9,#input10,#input11,#input12,#input13,#input14,#input15,#input16,#input17,#input18,#input19,#input20{
  margin-top:30px
}
#e,#f{
  text-align: center;
  font-size: 110%;
  font-weight: 500;
  color:gray
}
@media only screen and (max-width:930px){
  #aio{
    flex-direction: column;
    margin-bottom:0px
  }
  #fg1{
    margin-left:6rem;
    margin-top:5rem;
    padding-right:60px
  }
  #fg2{
    padding-right:60px

    ;
    margin-top:4rem;
    margin-bottom:-4rem

  }
}
@media only screen and (max-width:495px){
  #fg1{
    margin-left:100px
  }
}
body{
  -webkit-font-smoothing: antialiased;
}
#oneand{
  margin-left: 2rem;
  margin-top:0.5rem
}
.sidebar{
  background: linear-gradient(to bottom,dodgerblue,#8E3FFF);
  transition: 0.6s;

}
#sidebar{
  transition: 0.6s;
}
.a{
  transition: 0.6s;

}
.li1{
  transition: 0.5s;
}
#blurr{
  background: rgba( 255, 255, 255, 0.55 );
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur( 20.0px );
-webkit-backdrop-filter: blur( 20.0px );
border-bottom: 1px solid rgba(255, 255, 255, 0.2);

max-height: 6vh;
  min-height: 50px;
  padding:12px;
  width : 100%;
  margin-left: -0.5rem;
  margin-top:-0.7rem

}
@media only screen and (max-width:360px) {
 
}