#main{
    background-color:  var(--Gray-800, #1D2939);
    display: flex;
padding: 64px 0px 48px 0px;
flex-direction: column;
align-items: center;
gap: 64px;
align-self: stretch;
}
/* .container{
    display: flex;
width: 1280px;
padding: 0px 32px;
flex-direction: column;
align-items: flex-start;
gap: 48px;
background: var(--Gray-800, #1D2939);
} */

.p{
    color: var(--Gray-200, #EAECF0);

/* Text md/Medium */
font-style: 'Inter';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
 /* 150% */
}
.heading{
    align-self: stretch;
    color: var(--Gray-400, #98A2B3);

/* Text sm/Semibold */
font-style: 'Inter';
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 142.857% */
}
.footer{
    display: flex;
padding: 48px 0px;
flex-direction: column;
align-items: center;
gap: 64px;
align-self: stretch;
background: var(--Gray-900, #101828); 
}
.footer p{
    flex: 1 0 0;
    color: var(--Gray-400, #98A2B3);

/* Text md/Normal */
font-style: 'Inter';
font-size: 16px;
font-style: 'normal';
font-weight: 400;
line-height: 24px; 

/* 150% */
}
.content{
    display: flex;
align-items: center;
gap: 32px;
align-self: stretch;
}
.social-icons{
    display: flex;
 align-items: right;
gap: 24px;
float: right;
}

.container{
    display: flex;
    width: 100% !important;
    flex-direction: row I !important;
    justify-content: space-between;
}