:root {
        --primary: #240046;
    --secondary: #9753a1;
    --gradient_primary: radial-gradient( circle at top, #000080 0%, #240046 100% );
    --gradient_secondary: radial-gradient( circle at top, #c771d4 0%, #9753a1 100% );

        --brand-purple: #510087;
        --brand-yellow: #fdc300;
    }
   .header-style-v1.inner-header{
    background-color:white;
   }
   .location-hero{
    background: linear-gradient( 135deg, var(--secondary), rgba(81, 0, 135, 0.55) );
  border-radius: 20px;
  margin: 15px;
   }
   @media only screen and (max-width:490px){
        .location-hero h1{
            font-size: 2rem;
        }
        #canvas{
            width:60px;
            height:60px;
        }
        .location-hero p{
            font-size: 1rem;
        }
   }
  .location-card .location-image{
    background:#fff;
  }
  .location-card .location-arrow i{
    color:white;
  }