.grid {
  display: grid;
}
.mt-10 {
  margin-top: 2.5rem;
}
.m-auto {
  margin: auto;
}
.justify-items-center{
  justify-content: center;
}
.flex-col {
  flex-direction: column;
}
.flex {
  display: flex
;
}
.text-theme-red {
  --tw-text-opacity: 1;
  color: rgb(237 28 36 / var(--tw-text-opacity));
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-center {
  text-align: center;
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-center {
  text-align: center;
}

  .md\:pr-8 {
      padding-right: 2rem;
  }

.w-\[100\%\] {
  width: 100%;
}

  .md\:w-\[80\%\] {
      width: 80%;
  }

.text-center {
  text-align: center;
}
.mt-4 {
  margin-top: 1rem;
}
.m-auto {
  margin: auto;
}
.justify-items-center {
  justify-items: center;
}
.w-\[100\%\] {
  width: 100%;
}
.m-auto {
  margin: auto
}
  .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:max-w-full {
      max-width: 100%;

  
}
.gap-6 {
  gap: 1.5rem;
}
.grid {
  display: grid;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.custimized-training-wrap {
  margin-top: 5px;
}
.gap-6 {
  gap: 1.5rem;
}
.flex {
  display: flex;
}
.custimized-training-wrap div {
  justify-content: center;
  align-items: center;
  display: grid;
}
.custimized-img-bg{
  background: #fff3e8;
  padding: 20px;
  width: 100px;
  box-shadow: 3px 3px 6px #00000029;
}
.md\:px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.md\:max-w-full {
  max-width: 100%;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.w-\[90\%\] {
  width: 90%;
}
.grid {
  display: grid
;
}
.mt-10 {
  margin-top: 2.5rem;
}
.m-auto {
  margin: auto;
}
.no-markers{
  list-style-type:none;
  padding: 0;
  margin:0;
}
.div1{
  display: flex;
}

h3{
  text-align: center;
  color: red;
}
.para1{
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  text-align:center;
}

img{
  border: 2px solid none;
}

span{
  padding-left: 20px;
  align-content: center;
}

section{
  margin-left: 150px;
  margin-right: 150px;
}
.container .row{
  padding-top: 20px;
  
}







/*this for chnaging like original cadd website when we hover on courses it will show what are the courses present*/
.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}
.cursor-pointer {
  cursor: pointer;
}
a {
  color: inherit;
  text-decoration: inherit;
}
* {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}
.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}
.sm\:mb-0 {
  margin-bottom: 0;
}
.mega-menu {
  display: none;
  position: absolute;
  text-align: left;
  right: 78px;
  width: 80%;
}
.shadow-xl {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.md\:p-5 {
  padding: 1.25rem;
}
.md\:flex {
  display: flex;
}
.shadow-lg {
  box-shadow: 0 0 3px #00000029 !important;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.justify-between {
  justify-content: space-between;
}
.w-full {
  width: 100%;
}
.mt-3 {
  margin-top: .75rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.container {
  max-width: 900px;
}
.sm\:p-4 {
  padding: 1rem;
}
.sm\:w-1\/2 {
  width: 50%;
}
ul {
  list-style: none;
  margin: 0;
}
ul {
  display: block;
  /* list-style-type: disc; */
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
  unicode-bidi: isolate;
}
.bg-white {
  --tw-bg-opacity: 1;
  /* background-color: rgb(255 255 255 / var(--tw-bg-opacity)); */
}
.flex-col {
  flex-direction: column;
}
.flex {
  display: flex
;
}
li {
  text-align: -webkit-match-parent;
}
.title-menu-font {
  /* color: #313131; */
  font-size: 15px !important;
  line-height: 20px;
  padding: 15px;
  height: 60px;
}
.\!text-\[\#FD2947\] {
  --tw-text-opacity: 1 !important;
  color: rgb(253 41 71/ 1!important) !important;
}
.bg-\[\#FFF3E8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 243 232 / var(--tw-bg-opacity));
}
.gap-2 {
  gap: .5rem;
}
.items-center {
  align-items: center;
}
.flex {
  display: flex
;
}
.mt-0 {
  margin-top: 0;
}
.m-1 {
  margin: .25rem;
}
li {
  text-align: -webkit-match-parent;
}
.submenu-list {
  font-size: 13px !important;
  color: #656566 !important;
  margin: 5px 8px;
}
.p-1 {
  padding: .25rem;
}
.gap-x-4 {
  /* -moz-column-gap: 1rem; */
  column-gap: 1rem;
}
.items-center {
  align-items: center;
}
.cursor-pointer {
  cursor: pointer;
}
.flex {
  display: flex
;
}
#demo {
  text-align: center;
  animation: blinking 1s infinite;
  border-radius: 3px;
  line-height: 18px;
}
#demo {
  font-size: 8px;
  font-weight: 700;
  padding: 0;
  width: 35px;
  margin-left: 4px;
}
.submenu-list {
  font-size: 13px !important;
  color: #656566 !important;
  margin: 5px 8px;
}
.p-1 {
  padding: .25rem;
}
.gap-x-4 {
  /* -moz-column-gap: 1rem; */
  column-gap: 1rem;
}
.items-center {
  align-items: center;
}
.cursor-pointer {
  cursor: pointer;
}
.flex {
  display: flex
;
}
.md\:divide-x>:not([hidden])~:not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px* var(--tw-divide-x-reverse));
  border-left-width: calc(1px* calc(1 - var(--tw-divide-x-reverse)));
}
.sm\:p-4 {
  padding: 1rem;
}
.sm\:w-1\/2 {
  width: 50%;
}
ul {
  display: block;
  /* list-style-type: disc; */
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
  unicode-bidi: isolate;
}
.flex-col {
  flex-direction: column;
}
.flex {
  display: flex
;
}
.title-menu-font {
  /* color: #313131; */
  font-size: 15px !important;
  line-height: 20px;
  padding: 15px;
  height: 60px;
}
.\!text-\[\#FD2947\] {
  --tw-text-opacity: 1 !important;
  color: rgb(253 41 71/ 1) !important;
}
.bg-\[\#FFF3E8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 243 232 / var(--tw-bg-opacity));
}
.gap-2 {
  gap: .5rem;
}
.items-center {
  align-items: center;
}
.flex {
  display: flex
;
}
.mt-0 {
  margin-top: 0;
}
.m-1 {
  margin: .25rem;
}
.submenu-list {
  font-size: 13px !important;
  color: #656566 !important;
  margin: 5px 8px;
}
.p-1 {
  padding: .25rem;
}
.gap-x-4 {
  /* -moz-column-gap: 1rem; */
  column-gap: 1rem;
}
.items-center {
  align-items: center;
}
.cursor-pointer {
  cursor: pointer;
}
.flex {
  display: flex
;
}

/*3rd list styles not added*/      

.md\:divide-x>:not([hidden])~:not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px* var(--tw-divide-x-reverse));
  border-left-width: calc(1px* calc(1 - var(--tw-divide-x-reverse)));
}
.sm\:p-4 {
  padding: 1rem;
}
.sm\:w-1\/2 {
  width: 50%;
}
.mt-0 {
  margin-top: 0;
}
.md\:pl-3 {
  padding-left: .75rem;
}
.md\:ml-auto {
  margin-left: auto;
}
.md\:mb-0 {
  margin-bottom: 0;
}
.block {
  display: block;
}
img {
  max-width: 100%;
  height: auto;
}







         body {
            font-family: Arial, sans-serif;
        }
        .container {
            display: flex;
            gap: 20px;
            margin: 20px;
        }
        .section {
            width: 30%;
            padding: 20px;
  border-right: 0.4px solid gray;
        }
        .section h3 {
            background-color:#fff3e8;
            color: red;
            padding: 10px;
            border: 1px solid #d9d9d9;
            font-weight: 150;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            font-size: larger;
        }
        .section ul {
            list-style: none;
            padding: 0;
        }
        li{
            font-size: small;
        }
        .section ul li {
            padding: 5px 0;
            cursor: pointer;
        }
        .section ul li:hover{
            color: white;
            background-color: red;
        }
        .new {
            color: white; 
            background-color: red;
            padding: 1px;
            display: inline-block;
            font-size: 0.6em;
            font-weight: bold;
            color: white;
            background-color: red;
            padding: 0.5px 10px;
            border-radius: 5px;
            animation: blink 0.5s infinite;
            transition: background-color 0.3s ease, color 0.3s ease;
            width: 40px; */

            
    /* text-align: center;
    animation: blinking .5s infinite;
    border-radius: 3px;
    line-height: 18px; */
}

        .new:hover{
            animation: none; /* Stop the blinking effect */
            background-color: transparent;
            color: black;
        }
        @keyframes blink {
            0% { opacity: 1; }
            50% { opacity: 0; }
            100% { opacity: 1; }
        }
        li:hover .new {
    animation: none; /* Stops the blinking animation on hover */
    color: black; /* Changes the text color of the blinking label to black */
}
        
        
        .corporate-training {
            /* border: 2px solid red;
            background-color: #ffe6e6; */
            padding: 15px;
            margin-top: 20px;
            text-align: center;
        }
        a{
            font-family: Arial,  sans-serif;
            font-size: medium;
        }
    
        /* Container styles */
.dropdown-menu {
  position: absolute; /* Ensures the dropdown appears over the content */
  top: 100%; /* Aligns dropdown just below the navbar/menu */
  left: 0;
  width: 100vw; /* Occupy the full width of the viewport */
  max-height: 100vh; /* Occupy the full height of the viewport */
  overflow-y: auto; /* Adds a scrollbar if content overflows */
  background-color: #ffffff; /* White background for the dropdown */
  z-index: 9999; /* Ensures it appears above all other elements */
  padding: 20px; /* Adds spacing inside the container */
  box-sizing: border-box; /* Includes padding in width/height */
}

/* Sections alignment */
.container2 {
  display: flex; /* Ensures the sections are side by side */
  gap: 20px; /* Adds space between sections */
  justify-content: space-between; /* Distributes sections evenly */
  align-items: flex-start; /* Aligns items to the top */
  margin-left: 0;
}

/* Individual sections */
.section1, .section2, .section3 {
  flex: 1; /* Ensures each section occupies equal space */
  min-width: 300px; /* Prevents sections from shrinking too small */
}

.section1 ul, .section2 ul, .section3 ul {
  list-style-type: none; /* Removes bullet points */
  margin: 0;
  padding: 0;
}

/* Section headings */
.section1 h3, .section2 h3, .section3 h3 {
  background-color: #fcece2; /* Matches the light peach background */
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #c00000; /* Matches the red heading color */
  margin-bottom: 10px; /* Space below headings */
  border-radius: 4px;
}

/* List item styles */
.section1 li, .section2 li, .section3 li {
  margin-bottom: 8px; /* Space between list items */
  font-size: 14px;
}

/* "NEW" badge styles */
.new {
  background-color: #ff0000; /* Red background for the badge */
  color: #ffffff; /* White text */
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 3px;
  margin-left: 5px;
}

/* Corporate training image */
.corporate-training img {
  display: block; /* Ensures the image aligns properly */
  margin-top: 20px; /* Space above the image */
  max-width: 100%; /* Ensures the image doesn't overflow */
  border-radius: 4px;
}

.section1 {
  margin-left: -50px;
}

.section1 ul li a{
  text-decoration: none;
  font-weight: normal;
  color: inherit;
  display: block; /* Makes the anchor tag fill the entire list item */
    padding: 0; /* Ensures no extra padding */
    margin: 0; /* Ensures no extra margin */
    font-size: 5px;
}
.container2 .section1 ul li a{
  font-size: 14px !important;
  display: inline-block;
}