*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
  font-size: 16px;
}
html body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html body a {
  text-decoration: none;
  color: unset;
}
a:hover {
  color: unset !important;
}
html body {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin: 0;
    padding: 0;
  }
}
:focus-visible{
  outline: none!important;
}
/* --------poppins font family------------*/
@font-face {
  font-family: "CARTOONERYDEMOREGULAR";
  src: url("/GeneratedContent/CP6636.com/fonts/CARTOONERYDEMOREGULAR.TTF");
}
.cartoon-regular{
  font-family: "CARTOONERYDEMOREGULAR";
  font-weight: 400;
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url("/GeneratedContent/CP6636.com/fonts/Montserrat-Bold.ttf");
}
@font-face {
  font-family: "Montserrat-BoldItalic";
  src: url("/GeneratedContent/CP6636.com/fonts/Montserrat-BoldItalic.ttf");
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("/GeneratedContent/CP6636.com/fonts/Montserrat-SemiBold.ttf");
}
@font-face {
  font-family: "Montserrat-SemiBoldItalic";
  src: url("/GeneratedContent/CP6636.com/fonts/Montserrat-SemiBoldItalic.ttf");
}
@font-face {
  font-family: "Montserrat-Italic";
  src: url("/GeneratedContent/CP6636.com/fonts/Montserrat-Italic.ttf");
}
@font-face {
  font-family: "Montserrat-Medium";
  src: url("/GeneratedContent/CP6636.com/fonts/Montserrat-Medium.ttf");
}
@font-face {
  font-family: "Montserrat-Regular";
  src: url("/GeneratedContent/CP6636.com/fonts/Montserrat-Regular.ttf");
}

:root {
  /* font family */
  --bs-body-font-family: "Montserrat-Regular";
}

.mono-bold {
  font-family: "Montserrat-Bold";
}
.mono-italic {
  font-family: "Montserrat-Italic";
}
.mono-semibold {
  font-family: "Montserrat-SemiBold";
}
.mono-semibold-italic {
  font-family: "Montserrat-SemiBoldItalic";
}
.mono-medium {
  font-family: "Montserrat-Medium";
}
.mono-regular {
  font-family: "Montserrat-Regular";
}
@font-face {
  font-family: "SENDERTIME";
  src: url("/GeneratedContent/CP6636.com/fonts/SENDERTIME.TTF");
}
.sendertime-regular{
  font-family: "SENDERTIME";
}
@font-face {
  font-family: "SCRIPTIN";
  src: url("/GeneratedContent/CP6636.com/fonts/SCRIPTIN.ttf");
}
.scriptin-regular{
  font-family: "SCRIPTIN";
}
:root {
  /* font family */
  --bs-body-font-family: "Montserrat-Regular";
}
/* Color Variables */
.text-underline{
  text-decoration: underline;
}
/* common class */
.height-inherit {
  height: inherit;
}
.cur-pointer {
  cursor: pointer;
}

/* two common buttons for site */
.container-1920{
  width: 93.85%;
  margin:0 auto;
  max-width: 1300px;
}
/* Global Variables */

:root {
  /* ===== Heading Font Sizes (in rem) ===== */
  --head-mini: 1.125rem;   /* 18px */
  --head-sm: 1.25rem;      /* 20px */
  --head-md: 1.375rem;     /* 22px */
  --head-lg: 1.5rem;       /* 24px */
  --head-xl: 1.7rem;       /* 28px repeated */

  /* ===== Content Font Sizes (in rem) ===== */
  --fs-sm: 0.875rem;       /* 14px */
  --fs-md: 1rem;           /* 16px */
  --fs-lg: 1.125rem;       /* 18px */
  --fs-xl: 1.25rem;        /* 20px */
   /* ===== Font Color Variables ===== */
   --color-white: #FFFFFF;
   --color-grey-1: #6D757F;
   --color-blue-dark: #183354;
   --color-grey-2: #545E69;
   --color-pink: #F4796C;
   --color-grey-3: #DFDFDF;
   --color-grey-4: #C2C2C2;
   --color-off-white: #F9F9F7;
   --color-grey-5: #CFCFCF;
   --color-grey-6: #6F6F6F;
   --color-grey-7: #D9D9D9;
   --color-purple-dark: #1B1128;
   --color-blue-1: #436793;
   --color-blue-2: #7488A1;
   --color-blue-3: #7B96B7;
   --color-blue-4: #7C91AA;
   --color-blue-5: #B8C1CD;
   --color-grey-8: #D8D8D8;
   --color-aqua-light: #E8F1F1;
   --color-grey-9: #F9F9F9;
}

/* ===== Heading Classes ===== */
.head-xxxl{
  font-size: 2rem;
}
.head-xxl{
  font-size: 2.125rem;
}
.head-mini { font-size: var(--head-mini); }
.head-sm   { font-size: var(--head-sm); }
.head-md   { font-size: var(--head-md); }
.head-lg   { font-size: var(--head-lg); }
.head-xl   { font-size: var(--head-xl); }

/* ===== Content Font Size Classes ===== */
.fs-sm  { font-size: var(--fs-sm); }
.fs-md  { font-size: var(--fs-md); }
.fs-lg  { font-size: var(--fs-lg); }
.fs-xl  { font-size: var(--fs-xl); }

.text-white { color: var(--color-white); }
.text-grey-1 { color: var(--color-grey-1); }
.text-blue-dark { color: var(--color-blue-dark); }
.text-grey-2 { color: var(--color-grey-2); }
.text-pink { color: var(--color-pink); }
.text-grey-3 { color: var(--color-grey-3); }
.text-grey-4 { color: var(--color-grey-4); }
.text-off-white { color: var(--color-off-white); }
.text-grey-5 { color: var(--color-grey-5); }
.text-grey-6 { color: var(--color-grey-6); }
.text-grey-7 { color: var(--color-grey-7); }
.text-purple-dark { color: var(--color-purple-dark); }
.text-blue-1 { color: var(--color-blue-1); }
.text-blue-2 { color: var(--color-blue-2); }
.text-blue-3 { color: var(--color-blue-3); }
.text-blue-4 { color: var(--color-blue-4); }
.text-blue-5 { color: var(--color-blue-5); }
.text-grey-8 { color: var(--color-grey-8); }
.text-aqua-light { color: var(--color-aqua-light); }
.text-grey-9 { color: var(--color-grey-9); }

/* ===== Background Color Utility Classes ===== */
.bg-white { background-color: var(--color-white); }
.bg-grey-1 { background-color: var(--color-grey-1); }
.bg-blue-dark { background-color: var(--color-blue-dark); }
.bg-grey-2 { background-color: var(--color-grey-2); }
.bg-pink { background-color: var(--color-pink); }
.bg-grey-3 { background-color: var(--color-grey-3); }
.bg-grey-4 { background-color: var(--color-grey-4); }
.bg-off-white { background-color: var(--color-off-white); }
.bg-grey-5 { background-color: var(--color-grey-5); }
.bg-grey-6 { background-color: var(--color-grey-6); }
.bg-grey-7 { background-color: var(--color-grey-7); }
.bg-purple-dark { background-color: var(--color-purple-dark); }
.bg-blue-1 { background-color: var(--color-blue-1); }
.bg-blue-2 { background-color: var(--color-blue-2); }
.bg-blue-3 { background-color: var(--color-blue-3); }
.bg-blue-4 { background-color: var(--color-blue-4); }
.bg-blue-5 { background-color: var(--color-blue-5); }
.bg-grey-8 { background-color: var(--color-grey-8); }
.bg-aqua-light { background-color: var(--color-aqua-light); }
.bg-grey-9 { background-color: var(--color-grey-9); }
.bg-yellow{
  background-color: #F19A0F;
}
html{
  transition: all .3s ease-in-out;
}
.py-7{
  padding: 7rem 0rem;
}
.heading-before{
  padding-left: 0px !important;
  position: relative;
  margin-bottom: 30px !important;
}
.heading-before::before{
  content: '';
  position: absolute;
  width: 100%;
  background: transparent;
  border: 1px solid #DFDFDF;
  padding: 2px;
  bottom: -15px;
  }
  .heading-before::after{
    content: '';
    position: absolute;
    width: 50px;
    bottom: -14px;
    border: 3px solid #F4796C;
    border-radius: 5px;
    left: 0;
    }
    header{
      position: sticky!important;
      top: 0!important;
      z-index: 999;
      max-height: 85px;
      box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
    }
    .cust-head-padding{
      padding-top: 70px !important;
  }