.homepage-main-container
{
      padding: 8px;

      font-family: 'Inter';

}

.homepage-introduction-section
{

    padding-top: 120px;
    padding-bottom: 48px;

}

.homepage-introduction-para
{

    font-size: 18px;
    line-height: 28px;

    font-weight: 400;

    color:#2B2A2A;

}

.linksto-pages-title
{
    color: #757575;

     font-size: 36px;
    line-height: 44px;
    font-weight: bold;
}
.linksto-pages-section-grid-wrapper
{
 display: grid;
 grid-template-columns: repeat(12, minmax(10px , 1fr));

 gap: 24px;
}


.linksto-pages-section-grid-column
{
 padding: 24px;

 grid-column: span 6;

}

.linksto-pages-section-grid-card

{
 padding: 48px 48px;


 border-radius: 24px;

 min-height: 400px;

 position: relative;

}

.linksto-pages-section-grid-card.col-1-card

{

    color:#000;

    background-color: #F5F25D;
  box-shadow: 0px 8px #b5a6de, 0px 4px 4px rgba(0,0,0,0.25);


    

}

.linksto-pages-section-grid-card.col-2-card

{
    color:#fff;

    background-color: #767CF5;
  box-shadow: 0px 8px #b5a6de, 0px 4px 4px rgba(0,0,0,0.25);

}

.linksto-pages-section-grid-card-title
{
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
}
.linksto-pages-section-grid-card-para
{
  margin-top: 24px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}




.linksto-pages-section-grid-card-button
{
    outline: 0px;

     border-radius: 24px;

     font-size: 18px;
     font-weight: bold;

     padding: 12px 48px;

     background-color: transparent;

     position: absolute;
     bottom:48px;
     left: 50%;
     transform: translate(-50%, 0px);
    
     font-weight: bold;

     cursor: pointer;

  
}

.linksto-pages-section-grid-card-button.btn-1
{

    border: 1px  solid #808080;
  color: #3025c4;
}

.linksto-pages-section-grid-card-button.btn-2
{
 border: 1px  solid #ded3d3;
 color: #e9e9f0;

}

@media (max-width:864px)  { 

    .linksto-pages-section-grid-card

{
 padding: 48px 48px;


 border-radius: 24px;

 min-height: 520px;

 position: relative;

}


.homepage-main-container
{
padding: 8px;

}
.linksto-pages-section-grid-column
{

 padding: 12px;
}

    .linksto-pages-section-grid-column
{
 padding: 24px;

 grid-column: span 12;

}



}