
.grecaptcha-badge { visibility: hidden !important; }
.main
{
    position: relative;
  min-height: 550px; /* or whatever height you need */
  background-image: url('/assets/Frame 14.png');
  background-repeat: no-repeat;
  background-position:  center calc(100% + 6px);;
  background-size: contain; /* Scale image to fit width */

}
.main h1
{
    color: rgba(50, 46, 78, 1);

text-align: center;

/*margin-top:70px;*/
margin-bottom:30px;
font-family: 'Calibre-Bold', Helvetica;
letter-spacing: -2.52px;
line-height: 64.8px;
font-weight: 700;
font-size: 4.5rem;
max-width: 840px;
margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}



.main h2
{

text-align: center;
color: rgba(86, 86, 86, 1);

margin-top:0px;
margin-bottom:30px;
font-family: 'Inter', Helvetica;
letter-spacing: -0.12px;
line-height: 28.8px;
    font-weight: 400;
    font-size: 1.5rem; padding-left: 15px;
    padding-right: 15px;
}

.second-main
{
    padding:50px;background-color:white;
}
.second-main-inner
{

    margin-left: 10%;;
    min-width:400px;
    margin-right: auto;
    padding-left:10px;padding-right:10px;
    padding-top:50px;


}

.second-main-inner button {

    hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: normal;
}

.second-main-inner h2
{
    color: rgba(50, 46, 78, 1);

margin-top:20px;
margin-bottom:10px;
font-family: 'Calibre-Bold', Helvetica;
letter-spacing: -2.87px;
line-height: 73.8px;
font-weight: 900;
font-size: 82px;
}

.second-main-inner p
{
    max-width:500px;
}

.overmain
{
  padding-top:70px;
  background: radial-gradient(121.07% 121.07% at 51.36% 100%,rgba(244, 255, 206, 0.5) 0%,  rgba(255, 255, 255, 0.5)  100%);
  /*background: rgba(244, 255, 206, 0.5);*/
}

@media (max-width: 768px) {
    .overmain
    {
        padding-top:20px;
    }
  .main h1 {

   /* margin-top: 20px;*/
    font-size: 3rem;
        line-height: normal;


    hyphens: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal;
  }
  .main
  {
    min-height:450px;
  }
  .second-main-inner
  {
    margin-left:0;

  }

  .second-main-inner h2
  {
    font-size: 50px;
    line-height: 1;
  }

  .second-main-inner p
    {
        max-width:100%;
    }

    .second-main-inner
{
    min-width:100px;

}

}

.third-main
{
    background-color: rgba(254, 247, 236, 1);
    padding:40px;

    background-image: url(/assets/2.png);
    background-repeat: no-repeat;
    background-position: 800px calc(20px);
    background-size: 500px 500px;

    hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: normal;
}
.third-main-inner
{
    margin-left: 10%;
}
.third-main h1
{
    color: rgba(50, 46, 78, 1);

    text-align: center;

    margin-top:70px;
    margin-bottom:30px;
    font-family: 'Calibre-Bold', Helvetica;
    letter-spacing: -2.52px;
    line-height: 47.8px;
    font-weight: 1000;
    font-size: 3.6rem;
    max-width: 540px;
    text-align:left;

    padding-left: 15px;
    padding-right: 15px;
}

.third-main .container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1100px; /* optional, to control wrapping */
  gap: 16px; /* optional spacing between boxes */
}

.third-main .box {
  /*min-width: 327px;*/
  background-color: white;


min-height: 207px;
gap: 16px;
border-radius: 16px;
padding: 22px;


}



.third-main h2
{

    color: rgba(86, 86, 86, 1);

    margin-top:0px;
    margin-bottom:30px;
    font-family: 'Inter', Helvetica;
    letter-spacing: -0.12px;
    line-height: 28.8px;
    font-weight: 400;
    max-width: 540px;
    font-size: 1.3rem; padding-left: 15px;
    padding-right: 15px;
    text-align:left;
}

.third-main .container .box h3
{
font-size:22px;
font-family: 'Calibre-Bold', Helvetica;
font-weight:1000;
letter-spacing:-1px;
margin-top:10px;
}
.third-main .container .box h4
{
    margin-top:5px;
    font-family: 'Inter', Helvetica;
    font-size:16px;
    width: 270px;
}

@media (max-width: 768px) {
    .third-main .container .box h4
    {
        width:auto;
        hyphens: auto;
        overflow-wrap: break-word;
        word-wrap: break-word;
        white-space: normal;
    }
  .main h1 {

    margin-top: 20px;
    font-size: 3rem;
        line-height: normal;
  }
  .main
  {
    min-height:450px;
  }
  .second-main-inner
  {
    margin-left:0;

  }

  .third-main-inner .container
  {
    display: grid;
    grid-template-columns: repeat(2, minmax(100px, 1fr));
    gap: 16px;
  }
  .third-main-inner .box
  {
   /* min-width:200px;
    width: 100%;*/
  }

  .third-main-inner
  {
    margin-left:0;

  }

  .second-main-inner h2
  {
    font-size: 50px;
    line-height: 1;
  }

  .second-main-inner p
    {
        max-width:100%;
    }

    .second-main
    {
        padding:20px;
    }
    .third-main
    {
        background-position: 250px 1150px;
        background-size: 300px 300px;
        padding:20px;
    }



}