.maincontactsection h1{
    text-align: center;
font: normal normal 600 110px/130px Poppins;
letter-spacing: -4.4px;
color: #000000;
opacity: 1;
}
.maincontactsection p{
    text-align: center;
    font: normal normal normal 27px/40px Poppins;
    letter-spacing: -0.68px;
    color: #000000;
    opacity: 1;
}
.maincontactsection2 h1{
    text-align: center;
font: normal normal 600 60px/163px Poppins;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}
.maincontactsection2 button{
    top: 726px;
left: 381px;
width: 249px;
height: 77px;
/* UI Properties */
border: 1px solid var(--unnamed-color-707070);
background: #FFFFFF00 0% 0% no-repeat padding-box;
border: 1px solid #707070;
border-radius: 40px;
opacity: 1;
color: #000;
}
.maincontactsection2 button:hover{
    background: transparent linear-gradient(90deg, #FF00AD 0%, #C818D0 100%) 0% 0% no-repeat padding-box;
    border: transparent;
}
.formsection button:hover{
    background: transparent linear-gradient(90deg, #FF00AD 0%, #C818D0 100%) 0% 0% no-repeat padding-box;
    border: transparent;
}
.contactlistsection h2{
    text-align: center;
font: normal normal 600 110px/130px Poppins;
letter-spacing: -4.4px;
color: #FFFFFF;
opacity: 1;
margin-bottom: 100px;
}
.contactlistsection{
    background: #000;
 padding-top: 100px;

 }
 .contactlistsection h1{
    text-align: left;
    font: normal normal 600 90px/130px Poppins;
    letter-spacing: -5.2px;
    color: #D3C2DB;
    padding-left: 130px;
    height: 130px;
    transition: color 0.3s ease;
  
 }
 .contactlistsection .row{
   
 }
 .contactlistsection .row {
    background-color: black; /* Default background color */
    transition: background 0.3s ease; /* Add transition effect for smooth color change */
}

.contactlistsection .row:hover {
    background: transparent linear-gradient(90deg, #FF00AD 0%, #C818D0 100%) 0% 0% no-repeat padding-box;
cursor: pointer;
}

.contactlistsection .row p {
    display: none; /* Initially hide paragraphs */
    padding-top: 40px;
    width: 70%;
    color:#fff
}

.contactlistsection .row:hover p {
    display: block; /* Show paragraph on hover */
}
.contactlistsection .row:hover h1 {
    color: white; /* Color on hover (same as default color) */
}

.formsection{
    margin-top: 150px;
    margin-bottom: 150px;
}
.formsection input {
    border-top: none;
    border-right: none;
    border-left: none;
    text-align: center;
font: normal normal normal 40px/163px Poppins;
letter-spacing: 0px;
color: #7C7C7C;
opacity: 1;
}
.formsection h3{
    text-align: center;
font: normal normal 600 60px/163px Poppins;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}
.formsection button{
    top: 726px;
left: 381px;
width: 249px;
height: 77px;
/* UI Properties */
border: 1px solid var(--unnamed-color-707070);
background: #FFFFFF00 0% 0% no-repeat padding-box;
border: 1px solid #707070;
border-radius: 40px;
opacity: 1;
color: #000;
}