/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



:root {
  /* Indigo */
  --color-brand-50: #eef2ff;
  --color-brand-100: #e0e7ff;
  --color-brand-200: #c7d2fe;
  --color-brand-500: #6366f1;
  --color-brand-600: #4f46e5;
  --color-brand-700: #4338ca;
  --color-brand-800: #3730a3;
  --color-brand-900: #312e81;

  /* Grey */
  --color-grey-0: #fff;
  --color-grey-50: #f9fafb;
  --color-grey-100: #f3f4f6;
  --color-grey-200: #e5e7eb;
  --color-grey-300: #d1d5db;
  --color-grey-400: #9ca3af;
  --color-grey-500: #6b7280;
  --color-grey-600: #4b5563;
  --color-grey-700: #374151;
  --color-grey-800: #1f2937;
  --color-grey-900: #111827;

  --color-blue-100: #e0f2fe;
  --color-blue-700: #0369a1;
  --color-green-100: #dcfce7;
  --color-green-700: #15803d;
  --color-yellow-100: #fef9c3;
  --color-yellow-700: #a16207;
  --color-silver-100: #e5e7eb;
  --color-silver-700: #374151;
  --color-indigo-100: #e0e7ff;
  --color-indigo-700: #4338ca;

  --color-red-100: #fee2e2;
  --color-red-700: #b91c1c;
  --color-red-800: #991b1b;

  --backdrop-color: rgba(255, 255, 255, 0.1);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0px 0.6rem 2.4rem rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 2.4rem 3.2rem rgba(0, 0, 0, 0.12);

  --border-radius-tiny: 3px;
  --border-radius-sm: 5px;
  --border-radius-md: 7px;
  --border-radius-lg: 9px;

  /* For dark mode */
  --image-grayscale: 0;
  --image-opacity: 100%;
}

.dragging {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.set{
  display: flex;
  gap: 10px;
  flex-direction: column;
  line-height: 1.7;
}
.sett {
  display: flex;
  flex-direction: column;
  gap: 10px;
  line-height: 1.7;
  font-size: 0.8rem;
}

.sett ul {
  list-style: none; /* Remove default bullets from <ul> */
  padding-left: 0;  /* Remove padding */
  margin: 0; /* Remove any margin */
}

.sett ul li {
  font-size: 1.5rem;
  color: #555; /* Optional: You can adjust the color */
  margin-bottom: 10px; /* Space between list items */
}

/* For nested list items (with .ql-indent-1 class) */
.sett .ql-indent-1 {
  margin-left: 20px; /* Indentation for nested items */
  list-style: circle; /* Circle bullet for nested items */
}

/* Custom styling for bullets */
.sett ul li::before {
  content: "\2022"; /* Default bullet */
  color: #007946; /* Green bullet color */
  font-size: 1.5rem; /* Bullet size */
  position: absolute;
  left: -20px; /* Adjust to position the bullet properly */
  top: 0;
}

/* Flex layout for individual groups inside <ul> */
.sett ul div {
  display: flex;
  flex-direction: column; /* Ensure each div stacks items vertically */
  gap: 5px;
  width: 25%; /* Adjust the width of each div */
}

/* Make sure items wrap properly if the screen is small */
.sett ul {
  display: flex;
  flex-wrap: wrap;
}

.set ul,
.set ol  {
    padding: 0;
    column-gap: 150px;
    list-style: none; /* Remove default bullets */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    counter-reset: li-counter; /* Reset counter */
}

.set ul li,
.set ol li {
    display: flex;
    font-size: 18px;
    width: 37%;  /* Slightly wider for breathing space */
    align-items: center;
    gap: 15px; 
    margin-bottom: 12px;
    position: relative; /* Useful if you want to add more styles later */
}

.set ul li::before,
.set ol li::before  {
    content: counter(li-counter);
    counter-increment: li-counter;
    
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #54B435;

    /* Force perfect circle */
    width: 45px;
    height: 45px;
    min-width: 45px; /* This helps prevent shrinking */
    min-height: 45px;

    border: 2px solid #54B435;
    border-radius: 50%;

    font-size: 16px;
    line-height: 1; /* Ensures numbers stay vertically centered */
    text-align: center;
    box-sizing: border-box;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .set ul li,
     .set ol li {
        gap: 10px;
    }
    .set ul li::before,
    .set ol li::before {
        width: 35px;
        height: 35px;
        min-width: 35px;
        min-height: 35px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .set ul li,
    .set ol li {
        gap: 8px;
        width: 100%; /* Full width for small screens */
    }
    .set ul li::before,
    .set ol li::before {
        width: 25px;
        height: 25px;
        min-width: 25px;
        min-height: 25px;
        font-size: 12px;
    }
}




/* Global CSS (e.g., globals.css) */

/* Set scrollbar background color */
.section-scroll-1::-webkit-scrollbar {
  width: 12px; /* width of the scrollbar */
  height: 12px; /* height for horizontal scrollbar */
}

/* Set scrollbar track (background) color */
.section-scroll-1::-webkit-scrollbar-track {
  background: #D2E4D8; /* light grey track */
}

/* Set scrollbar thumb (the bar) color */
.section-scroll-1::-webkit-scrollbar-thumb {
  background: #A6C9B2; /* grey color for the thumb */
  border-radius: 10px; /* round edges for the thumb */
}

/* Set scrollbar thumb hover color */
.section-scroll-1::-webkit-scrollbar-thumb:hover {
  background: #A6C9B2; /* dark grey for hover effect */
}


/* Global CSS (e.g., globals.css) */

/* Set scrollbar background color */
.section-scroll-2::-webkit-scrollbar {
  width: 2px; /* width of the scrollbar */
  height: 2px; /* height for horizontal scrollbar */
  margin-left: 10px;
}

/* Set scrollbar track (background) color */
.section-scroll-2::-webkit-scrollbar-track {
  background: #D2E4D8; /* light grey track */

}

/* Set scrollbar thumb (the bar) color */
.section-scroll-2::-webkit-scrollbar-thumb {
  background: #A6C9B2; /* grey color for the thumb */
  border-radius: 6px; /* round edges for the thumb */

}

/* Set scrollbar thumb hover color */
.section-scroll-2::-webkit-scrollbar-thumb:hover {
  background: #A6C9B2; /* dark grey for hover effect */

}

.new{
  list-style: none;
  font-size: 16px;
  cursor: pointer;
  padding: 0.8rem 0.5rem;
  transition: background-color 0.3s;
  align-items: center;
  text-align: center;
  justify-content: space-between;
}
.new:hover{
     background-color: #e0e0e0;
}
.new .active{
   background-color: #007946;
    color: white;
}



.blogs ul{

  padding-left: 31px;
}
.blogs ol{

  padding-left: 31px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.js","import":"Montserrat","arguments":[{"subsets":["latin"],"weight":["100","200","400","700"],"display":"swap","variable":"--font-montserrat"}],"variableName":"montserrat"} ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/b1f344208eb4edfe-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/48e2044251ef3125-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/bf24a9759715e608-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/1f173e5e25f3efee-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/904be59b21bd51cb-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/b1f344208eb4edfe-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/48e2044251ef3125-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/bf24a9759715e608-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/1f173e5e25f3efee-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/904be59b21bd51cb-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/b1f344208eb4edfe-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/48e2044251ef3125-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/bf24a9759715e608-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/1f173e5e25f3efee-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/904be59b21bd51cb-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/b1f344208eb4edfe-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/48e2044251ef3125-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/bf24a9759715e608-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/1f173e5e25f3efee-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Montserrat_2199b0';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/904be59b21bd51cb-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Montserrat_Fallback_2199b0';src: local("Arial");ascent-override: 85.79%;descent-override: 22.25%;line-gap-override: 0.00%;size-adjust: 112.83%
}.__className_2199b0 {font-family: '__Montserrat_2199b0', '__Montserrat_Fallback_2199b0';font-style: normal
}.__variable_2199b0 {--font-montserrat: '__Montserrat_2199b0', '__Montserrat_Fallback_2199b0'
}