@import url('https://api.fontshare.com/v2/css?f[]=chillax@200,300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cascadia+Code:ital,wght@0,200..700;1,200..700&family=SN+Pro:ital,wght@0,200..900;1,200..900&display=swap');
:root {
  --primary-color: #00256F;
  --primary-color-hover: #013296;
  --primary-color-light: #d6f0ff;
  --secondary-color: #6c757d;
  --text-color-primary-light: #00235a;
  --text-color-primary: #ffffff;
  --text-color-primary-hover: #3ff7e8;

  --text-color-secondary: #333;
}


body {
    /* font-family: "SN Pro", sans-serif; */
      font-family: "SN Pro", sans-serif;
        /* font-family: "Cascadia Code", sans-serif; */

  display: flex;
  min-height: 100vh;
  flex-direction: column;
      /* scroll-behavior: smooth; */
}

main {
  flex: 1 0 auto;
}


#mobile-menu-overlay {
  transition: all 0.50s ease-in-out;
}

#mobile-menu {
  transition: all 1.20s ease-in-out;
}

.heroSideIcons{
   animation: bounce; /* referring directly to the animation's @keyframe declaration */
    --animate-duration: 2s;
}

.wavy {
  clip-path: shape(from 0 0,vline to calc(100% - 49px),curve to 3.85% calc(100% - 30px) with 2.56% calc(100% - 29px),curve to 6.41% calc(100% - 17px) with 5.13% calc(100% - 31px),curve to 8.97% calc(100% - 39px) with 7.69% calc(100% - 3px),curve to 11.54% calc(100% - 86.5px) with 10.26% calc(100% - 75px),curve to 14.1% calc(100% - 54px) with 12.82% calc(100% - 98px),curve to 16.67% calc(100% - 40px) with 15.38% calc(100% - 10px),curve to 19.23% calc(100% - 45.5px) with 17.95% calc(100% - 70px),curve to 21.79% calc(100% - 20px) with 20.51% calc(100% - 21px),curve to 24.36% calc(100% - 10px) with 23.08% calc(100% - 19px),curve to 26.92% calc(100% - 18.5px) with 25.64% calc(100% - 1px),curve to 29.49% calc(100% - 23px) with 28.21% calc(100% - 36px),curve to 32.05% calc(100% - 39px) with 30.77% calc(100% - 10px),curve to 34.62% calc(100% - 44.5px) with 33.33% calc(100% - 68px),curve to 37.18% calc(100% - 54.5px) with 35.9% calc(100% - 21px),curve to 39.74% calc(100% - 47.5px) with 38.46% calc(100% - 88px),curve to 42.31% calc(100% - 49.5px) with 41.03% calc(100% - 7px),curve to 44.87% calc(100% - 87px) with 43.59% calc(100% - 92px),curve to 47.44% calc(100% - 61px) with 46.15% calc(100% - 82px),curve to 50% calc(100% - 52.5px) with 48.72% calc(100% - 40px),curve to 52.56% calc(100% - 46.5px) with 51.28% calc(100% - 65px),curve to 55.13% calc(100% - 27px) with 53.85% calc(100% - 28px),curve to 57.69% calc(100% - 52px) with 56.41% calc(100% - 26px),curve to 60.26% calc(100% - 80.5px) with 58.97% calc(100% - 78px),curve to 62.82% calc(100% - 56px) with 61.54% calc(100% - 83px),curve to 65.38% calc(100% - 15px) with 64.1% calc(100% - 29px),curve to 67.95% calc(100% - 25px) with 66.67% calc(100% - 1px),curve to 70.51% calc(100% - 54.5px) with 69.23% calc(100% - 49px),curve to 73.08% calc(100% - 55.5px) with 71.79% calc(100% - 60px),curve to 75.64% calc(100% - 53px) with 74.36% calc(100% - 51px),curve to 78.21% calc(100% - 66.5px) with 76.92% calc(100% - 55px),curve to 80.77% calc(100% - 54.5px) with 79.49% calc(100% - 78px),curve to 83.33% calc(100% - 61px) with 82.05% calc(100% - 31px),curve to 85.9% calc(100% - 73.5px) with 84.62% calc(100% - 91px),curve to 88.46% calc(100% - 46.5px) with 87.18% calc(100% - 56px),curve to 91.03% calc(100% - 23.5px) with 89.74% calc(100% - 37px),curve to 93.59% calc(100% - 21.5px) with 92.31% calc(100% - 10px),curve to 96.15% calc(100% - 44px) with 94.87% calc(100% - 33px),curve to 100% calc(100% - 49px) with 97.44% calc(100% - 55px),vline to 0, hline to 0);
}