@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Manrope:wght@200..800&display=swap');


*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    outline: none;
    font-family: "Manrope", sans-serif;
}

html,body{
    width: 100%;
}

.show {
    display: block !important;
}
.hide {
    display: none !important;
}
.hero-image{
    filter: hue-rotate(145deg);
}



  .input-data input:focus ~ label,
  .input-data input:valid ~ label{
    transform: translateY(-22px);
    font-size: 12px;
    font-weight: 500;
    color:#E87A11;
    padding-top: 5px;
  }







  .leaflet-control-custom-buttons {
    display: flex;
  }
  .view-larger-button{
    color: rgba(2, 82, 153, 1);  
    background-color: #fff; 
    font-size: 16px;
    font-weight: 500;
    border-radius: 50px;
    padding: 8px 16px;
    cursor: pointer; 
  }
  .view-larger-button:hover{
    text-decoration: underline;
  }
  .leaflet-control-custom-buttons a:nth-child(1){
    padding: 7px 7px  7px 19px;
    border-radius: 50px 0px 0px 50px;
  }
  .leaflet-control-custom-buttons a:nth-child(2){
    border-radius: 0px 50px 50px 0px;
    padding: 7px 19px 7px 7px;
    margin-right: 9px;
  }
  .leaflet-control-custom-buttons a.zoom-button i{
    cursor: pointer;    
  }
  .leaflet-control-custom-buttons a.zoom-button {
    cursor: pointer;
      font-size: 20px;  
    background-color: rgba(255, 255, 255, 1);
    color: rgba(169, 174, 178, 1);
  }

  .leaflet-control-zoom , .leaflet-control-attribution{ 
    display: none;
  }


/* question section end */


.footerlist li:before {
    content: ">";
    display: inline-block;
    margin-right: 4px;
    font-size: 20px;
    color: #E87A11; 
    font-weight: 700;
  }


  /* pricing start */

  /* .hero-pricing{
    background-image: url(../images/pos.jpg);
    background-size:cover;
  } */
  /* pricing end */

  .features>li::before{
  content: "✔"; 
    color: #5167F0;
    margin-right: 6px;
    margin-left: 6px;
    font-size: 24px;
}
  .features-list>li::before{
  content: "»"; 
    color: #5167F0;
    margin-right: 6px;
    margin-left: 6px;
    font-size: 24px;
}

.contactus input,.contactus textarea{
  border: none;
}
.hero-pricing{
  background-image: url(../images/pos_bg.jpg);
}


.hero-img{
  clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0 100%);
  
}
.hero-img img{

  filter: hue-rotate(35deg);
}