.pt{
     padding-top:100px;
  }
  
  @media only screen and (max-width: 600px) {
      .pt{
     padding-top:0px;
  }
  
  }
  .about{
      color:white;
  }
  .hero{
      
  }
   .hee {
    position: relative;
    background-image: url('https://i.imgur.com/fSAy6sD.png'); 
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: right 90%;
    color: white;
    margin-bottom: 200px;
    height: 100vh;
}
  .pricing{
    background: linear-gradient(to bottom, #A279A3 10%, #ffff);
    padding: 40px;
    border-radius: 30px;
}
.gradient-text {
    background: linear-gradient(to right, #C82C6D, #A279A3);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 600;
}

.pricing h1{
    font-size: 25px;
    padding-bottom: 10px;
    font-weight: 500;
}
  .pricing {
      
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0); /* Initially no shadow */
}

.pricing:hover {
    transform: scale(1.1);
    -webkit-box-shadow: 10px 10px 89px 10px rgba(199,46,110,0.71);
    -moz-box-shadow: 10px 10px 89px 10px rgba(199,46,110,0.71);
     box-shadow: 10px 10px 89px 10px rgba(199,46,110,0.71);
}

.grid:hover .pricing:not(:hover) {
    transform: scale(0.9);
}


        @media (max-width: 767px) {
    .hee {
      background-position: top 550px center;
      
      
     
    }
  }
           #features{
              margin-top:550px;
                     }
    
.mask {
    
  position: absolute;

  top: 0;
  right: 0;
  bottom: 0;
  margin-right: 250px;
  margin-top: -80px;

  width: 50px;
  height:200px;

  animation: draw 5.5s ease-in  forwards; 
  fill: transparent;
  stroke: white;
  stroke-width: 7;
  stroke-dasharray: 4700;
  filter: url(#glow);
  z-index:2;
  }
    .hee {
    position: relative;
    background-image: url('https://i.imgur.com/fSAy6sD.png'); 
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: right 90%;
    color: white;
    margin-bottom: 200px;
    height: 100vh;
}
.abtimg{
    margin-top:-150px;
    width: 500px;
}
          
          

@media only screen and (max-width: 600px) {
    .abtimg{
    margin-top:-70px;
    width: 200px;
}
    
	@keyframes draw {
  0% {
    stroke-dashoffset: 5000; /* Start with the path fully hidden */
  }
  100% {
    stroke-dashoffset: 0; /* Fully reveal the path */
  }
  .navigation-menu {
       background-color: #332D39;
  }
}
    .mask {
  position: absolute;

  top: 0;
  right: 0;
  bottom: 0;
  margin-right: 100px;
  padding-top:500px;

  width: 50px;
  height:200px;

  animation: draw 6.5s ease-in  forwards; 
  fill: transparent;
  stroke: white;
  stroke-width: 7;
  stroke-dasharray: 4700; 
  z-index:1;
  filter: url(#glow);
 

}

}
.gradient-background-color{
    background: linear-gradient(to right, #C82C6D, #A279A3);
    color:white;
}
.black{
    color:black;
}

.abt-img{
    margin-left: 100px;
    margin-top: -80px;
}

.padg{
    margin-left:0px;
}
.txt{
    font-size: 10px;
}
@media only screen and (max-width: 600px) {
    .abt-img{
    margin-left: 0px;
    margin-top: 0px;
}
.txt{
    font-size: 10px;
}
.padg{
    margin-left:0px;
}

}