.auto-style1 {
   font-weight: bold;
   color: red;
   background-color: #D8F4EB;
}
.auto-style2 {
   font-size: medium;
}



.left-block img {
   max-width: 100%;
   margin: auto;
}
@media (max-width: 960px) {
   .left-block .flex-container { 
      flex-direction: column;
      text-align: center;
   }

   .left-block .text-content {
      order: 1; /* Text first */
   }

   .left-block .image-content {
      order: 2; /* Image below */
      text-align: center;
   }
   .left-block img {
      width: 560px;
      height: 500px;
      object-fit: cover;
   }
}

@media (max-width: 600px) {
   .left-block .image-content {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; /* Smooth scrolling on mobile */
   }

   .left-block .image-container {
      min-width: 560px;
   }

   .left-block .image-container img {
      display: block;
      min-width: 560px;
      height: 500px;
   }
}



#tooltip {
      position: absolute;
      background: white;
      color: black;
      padding: 5px 10px;
      border-radius: 5px;
      font-size: 15px;
      white-space: normal;
      max-width: 200px;
      display: none;
      pointer-events: none; /* Prevents interference with mouse events */
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
      word-wrap: break-word;
   }
   .image-container {
      display: flex;
      justify-content: center; /* Centers the image horizontally */
      align-items: center;
      position: relative; /* Ensures tooltip positioning works */
   }

   .apimgmap {
      display: inline-block; /* Keeps tooltip behavior intact */
   }

   .scrolling-block {
      background-color: #b1eba6;;
      border: none;
   }

   .marqee {
      padding-top: 10px;
      padding-bottom: 10px;
      border: none;
   }

   .scrolling-text a {
      font-size: 18px;
      font-weight: bold;
      color: rgb(53, 46, 46);
      text-decoration: none;
      border: none;
   }
   a:focus {
      outline: none !important;
   }

   .scrolling-text #bufferlink {
      padding-right: 200px;
   }
   .blink {
      animation: blinker 1.5s linear infinite;
      font-family: 'Times New Roman', Times, serif;
   }

   @keyframes blinker {
      50% {
         opacity: 0;
      }
   }

   /* Small screens (mobile) */
   @media (max-width: 600px) {
      .scrolling-text a {
         font-size: 12px;
      }
      .scrolling-block {
         height: 32px;
      }
      .marqee {
         padding-top: 5px;
         padding-bottom: 5px;
      }
   }

   /* Medium screens (tablets) */
   @media (min-width: 601px) and (max-width: 1024px) {
      .scrolling-text a {
         font-size: 14px;
      }
      .scrolling-block {
         height: 34px;
      }
      .marqee {
         padding-top: 5px;
         padding-bottom: 5px;
      }
   }



.wrapper.header-wrapper .header-container img {
   padding: 10px 100px;
   max-width: 100%;
   
}

/* Small screens (mobile) */
@media (max-width: 600px) {
   .wrapper.header-wrapper .header-container img {
      padding: 10px 10px;
   }
}

/* Medium screens (tablets) */
@media (min-width: 601px) and (max-width: 1024px) {
   .wrapper.header-wrapper .header-container img {
      padding: 10px 50px;
   }
}

/* Large screens (desktop) */
@media (min-width: 1025px) {
   .wrapper.header-wrapper .header-container img {
      padding: 10px 100px;
   }
}



/* Clickable rounded rectangle */
.cpd-container{
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 10px 0px;
}
.cta {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 320px;           /* change to your desired width */
   height: 120px;          /* change to your desired height */
   border-radius: 24px;    /* rounded edges */
   background: #9ef18d;;
   border: 2px solid #e5e7eb;
   text-decoration: none;
   color: #111213;
   font-weight: 700;
   font-size: 20px;
   line-height: 1.2;
   box-shadow: 0 6px 20px rgba(0,0,0,0.08);
   transition: transform 150ms ease, box-shadow 150ms ease;
   padding: 0 1rem;
   text-align: center;
}
.cta:hover, .cta:focus-visible {
   transform: translateY(-2px);
   box-shadow: 0 10px 28px rgba(0,0,0,0.12);
   outline: none;
}

/* Blinking text */
.blink {
   animation: blink 1s step-end infinite;
}
@keyframes blink {
   50% { opacity: 0; }
}

/* Be nice to users who prefer less motion */
@media (prefers-reduced-motion: reduce) {
   .blink { animation: none; }
   .cta { transition: none; }
}
@media (max-width: 600px) {
   .cta {
      width: 180px;           /* change to your desired width */
      height: 60px;          /* change to your desired height */
      border-radius: 12px;    /* rounded edges */
      background: #9ef18d;;
      border: 2px solid #e5e7eb;
      text-decoration: none;
      color: #111213;
      font-weight: 700;
      font-size: 10px;
   }
}

/* Medium screens (tablets) */
@media (min-width: 601px) and (max-width: 1024px) {
   .cta {
      width: 240px;           /* change to your desired width */
      height: 90px;          /* change to your desired height */
      border-radius: 18px;    /* rounded edges */
      background: #9ef18d;;
      border: 2px solid #e5e7eb;
      text-decoration: none;
      color: #111213;
      font-weight: 700;
      font-size: 15px;
   }
}
      
#bgcolor{
	background: #9ef18d !important;
}

.milestone {
   margin-bottom: 20px;
}

.milestone-container {
   max-width: 100%;
   margin: auto;
}

@keyframes colorChange { 
   0% { color: black; } 
   50% { color: red; } 
   100% { color: rgb(2, 23, 247); } 
}


.css_class_0 { background-color: rgb(216, 244, 235); }
.css_class_1 { visibility: hidden; }
.css_class_2 { display: none; }
.css_class_3 { background-color: #9ef18d; }
.css_class_4 { width: 100%; }
.css_class_5 { font-size: x-large; }
.css_class_6 { height: 150px; width: 168px }
.css_class_7 { color: black !important; background-color: rgb(216, 244, 235); text-decoration: double !important; }
.css_class_8 { color: darkred !important}
.css_class_9 { background-color: rgb(216, 244, 235); width:80%; margin: 0 auto; }
.css_class_10 { display: flex; align-items: flex-start; justify-content: center; gap: 20px; }
.css_class_11 { flex: 1; padding: 30px; }
.css_class_12 { font-size: large !important; text-align: justify; }
.css_class_13 { width: 560px; }
.css_class_14 { width: 560px; height: 500px; }
.css_class_15 { background-color: rgb(219, 249, 238) !important; left: 0px; top: 0px; }
.css_class_16 { background-image: linear-gradient(rgb(230, 216, 235), rgb(233, 222, 246)); }
.css_class_17 { background-image: linear-gradient(rgb(192, 234, 177), rgb(142, 230, 123)); }
.css_class_18 { background-color: rgb(221, 185, 235); }
.css_class_19 { width: 70% !important; }
.css_class_20 { width: 15%; }
.css_class_21 { background-color: beige; }
.css_class_22 { background-color: rgb(240, 255, 211); }
.css_class_23 { color: black; font-weight: bold; font-size: large; }
.css_class_24 { color: rgb(255, 0, 0); font-size: medium; }
.css_class_25 { background-color: #fbfbfb; }
.css_class_26 { width: 90%; }
.css_class_27 { display: flex; background-color: rgb(216, 244, 235); margin-left: 10%; }
.css_class_28 { display: flex; flex-direction: column; }
.css_class_29 { width: 45%; margin-right: 5%; }
.css_class_30 { width: 300px; height: 300px; margin: 10px; cursor: pointer; transition: transform 0.2s; transform: scale(1.2); }
.css_class_31 { align-items: flex-start; }
.css_class_32 { padding-top: 15px; text-align: center; font-size: large; font-weight: bold; }
.css_class_33 { background-color: yellowgreen; }
.css_class_34 { background-color: #ffffff; }
.css_class_35 { background-color: #9ef18d; color: black; }
.css_class_36 { width: 250px; height: 250px; margin: 60px; cursor: pointer; transition: transform 0.2s; transform: scale(1.2); }
.css_class_37 { color: #FF0000; }
.css_class_38 { line-height: 15%; font-size: small; }
.css_class_39 { font-size: medium; }
.css_class_40 { text-align: center; text-decoration: solid; font-size: xx-large; background-color: rgb(217, 209, 246); }
.css_class_41 { color: #c51dd8; }
.css_class_42 { width: 4%; }
.css_class_43 { width: 24%; border-radius: 15px; }
.css_class_44 { margin-left: 20px; }
.css_class_45 { background-color: honeydew; }
.css_class_46 { text-align: center; text-decoration: solid; font-size: xx-large; color: crimson; }
.css_class_47 { text-align: justify; }
.css_class_48 { color: #c51dd8; text-align: start; }
.css_class_49 { width: 30%; }
.css_class_50 { margin-left: 10px; margin-right: 10px; font-size: medium;}
.css_class_51 { width:30%; margin-left: 35%; margin-top: -32%; }
.css_class_52 { width:30%; margin-left: 70%; margin-top: -31%; }
.css_class_53 { color: #c51dd8; text-align: center; } 
.css_class_54 { text-align: center; font-size: medium; }
.css_class_55 { color: black; }
.css_class_56 { width: 7%; }
.css_class_57 { font-size: medium; color: crimson; }
.css_class_58 { font-size: medium; text-align: justify; line-height: 1.8; }
.css_class_59 { color: #c51dd8; font-size: x-large; }
.css_class_60 { width: 8%; }
.css_class_61 { background-color: rgb(234, 247, 155); }
.css_class_62 { width: 40%; margin-right: 10px; }
.css_class_63 { margin-left: 30%; color: #c51dd8; }
.css_class_64 { margin-top: -2.5%; }
.css_class_65 { text-align: right; }
.css_class_66 { text-align: center; }
.css_class_67 { text-align: center; text-decoration: solid; font-size: xx-large; background-color: rgb(238, 213, 249); animation: colorChange 3s infinite; padding: 20px 0px; }
.css_class_68 { background-color: rgb(234, 255, 199); }
.css_class_69 { width: 45%; margin-right: 5px; }
.css_class_70 { width: 35%; margin-right: 5px; }
.css_class_71 { background-color:darkkhaki; color: black; }
.css_class_72 { color: #1d39d8 !important; font-size: medium !important; text-align: center; }
.css_class_73 { background-color:rgb(220, 173, 72); color: black; }
.css_class_74 { margin-left: 15px; }