*,
::after,
::before{
padding:0;
margin:0;
box-sizing: border-box;
transition:0.3s;
}

body{
  position:relative;

}

html{
  scroll-behavior:smooth;
  font-size:16px;
}
/* .handwritten {
      font-family: 'Patrick Hand SC', cursive;
      font-size: 64px;
      color: #111;
      position: relative;
      display: inline-block;
    }

    .handwritten::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -8px;
      height: 4px;
      width: 100%;
      background-color: black;
      border-radius: 2px;
    }
    .handwritten2 {
      font-family: 'Gloria Hallelujah', cursive;
      font-size: 60px;
      color: #111;
      position: relative;
      display: inline-block;
      line-height: 1.2;
    }

    .handwritten2::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -10px;
      height: 5px;
      width: 100%;
      background-color: black;
      border-radius: 4px;
      transform: rotate(-1deg); 
    }
    .handwritten3 {
      font-family: 'Gloria Hallelujah', cursive;
      font-size: 48px;
      color: #111;
      position: relative;
      display: inline-block;
    }

    .handwritten3::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 4px;
      background-color: #111;
      border-radius: 2px;
      transform: translateY(8px);
    } */
/* .handwritten-text {
    font-family: 'Caveat', cursive;
    font-size: 48px;
    font-weight: normal;
    color: #000;
    display: inline-block;
    position: relative;
} */
    .handwritten-text {
      font-family: 'Caveat', cursive;
 
      /* font-size: 48px; */
      line-height: 1.3; /* remove extra space */
      position: relative;
      display: inline-block;
      margin-left: 4px;
      margin-right: 5px;
      
      /* color: #111; */
    }
.no-underline::after {
  display: none;
}
    .handwritten-text::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 4px; /* Adjust this to pull underline closer */
      width: 100%;
      height: 3px;
      background-color: rgba(43, 43, 43, 1);
      border-radius: 2px;
       /* display: none; */
    }
/* .handwritten-text::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #000;
    border-radius: 2px;
} */

#containerDiv{
    /* max-width:1440px; */
    width:100%;
    margin:0 auto;
    min-height:100vh;
    overflow:hidden;
    position:relative;
}

#main{
  width:100%;
  min-height:100vh;
}

.section{
    width:100%;
    opacity: 0;

    /* each section will from 60px to at original position in 0.7seconds*/
    transform: translateY(100px);
    transition: opacity 0.9s ease, transform 0.9s ease;
}


.section.active {
    opacity: 1;
    transform: translateY(0);
  }

  .sectionHeading{
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(1.25rem, 1.107rem + 0.714vw, 1.75rem);
    font-weight: 600;
    line-height: 1.75em;
    text-align:center;
    color:rgba(43, 43, 43, 1);; 
  }
.sectionParagraph{
font-family: 'Inter', sans-serif;
font-size: clamp(0.75rem, 0.679rem + 0.357vw, 1rem);
font-weight: 400;
line-height: 1.7em;
letter-spacing: 0.04em;
text-align: left;
color:rgba(43, 43, 43, 1);

}
.sectionParagraph span{
  font-family: 'Inter', sans-serif;
  font-size: clamp(0.75rem, 0.679rem + 0.357vw, 1rem);
  font-weight: 500;
  line-height: 1.7em;
  letter-spacing: 0.04em;
  text-align: left;
  color:rgba(43, 43, 43, 1);
  
  }


section.sectionBackground{
   
    background-image:url('../assets/Images/backgroundTexture.png');
    background-size:cover;
    background-repeat:no-repeat;
  }

.stop-body-scrolling {
    overflow: hidden;
  }
@media only screen and (max-width: 768px) {
  p.sectionParagraph{
    font-size: 15px !important;
  }
  p.sectionParagraph span{
    font-size: 15px !important;
  }

}