*{
    margin: 0;
    padding: 0;
}



:root{
 
    /* background color */
    --bg-primary-color:#EE3B5B;
    --bg-secondary-color:white;
    --bg-tertiory:#F3A51E;
    


    /* font color */
    --text-primary-color:black;
    --text-secondary-color:#EE3B5B;
    --text-tertiory-color:white;


    /* font fammily */
    --font-familly-primary:"Arya", sans-serif;
    --font-familly-secondary:"Poppins", sans-serif;


}


@media (max-width:997px) {
    .contact-us-card{
        height: auto !important;
    }
       .hero-section {
    padding-top: 100px !important; /* for mobile */
    padding-bottom: 20px !important;
  }
}
.hero-section{
     /* background: #DAE2F8; */
  /* fallback for old browsers */
  /* background: -webkit-linear-gradient(to right, #D6A4A4, #DAE2F8); */
  /* Chrome 10-25, Safari 5.1-6 */
  /* background: linear-gradient(to right, #D6A4A4, #DAE2F8); */
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-color: var(--bg-primary-color);
}

.hero-section h1{
    text-align: center;
    font-family: var(--font-familly-primary);
    font-weight: 900;
    font-size: 50px;
    color: var(--text-tertiory-color);
}





.contact-us-bg{
    background-color: #FBE8E7;
    
}

.contact-us-section h2{
    font-family: var(--font-familly-primary);
  font-size: 40px;
  color: var(--text-secondary-color);
  font-weight: 800;
  margin-top: 20px;
  text-align: center; 
}

.contact-us-section h4{
 font-family: var(--font-familly-primary);
    margin-top: 20px;
    text-align: center;
}


.contact-us-section p{
text-align: center;
    /* line-height: 30px; */
    font-family: var(--font-familly-secondary);
    /* margin-top: 20px; */
    
}

.contact-us-card{
    background-color: rgba(255, 255, 255, 0.522);
   height: 200px;
    /* background-color: #EE3B5B; */
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 20px;
    
        padding: 20px;
    height: 171px;
    
    
}

.contact-us-card:hover{
     transform: translateY(-5px);
 
}
.contact-us-card h5{
    font-weight: 700;
    font-family: var(--font-familly-primary);
}
    
.contact-us-card p{
    font-size: 17px;
    font-family: var(--font-familly-secondary);

}

.email{
    text-decoration: none;
    color: var(--text-secondary-color);
    font-weight: 500;
    
}

.heading-6{
    text-align: center;
    font-family: var(--font-familly-secondary);
    margin-top: 30PX;
    
}

.heading-4{
    text-align: center;
    font-family: var(--font-familly-primary);
    color: var(--text-secondary-color);
}