.landing-events {
      width: 50%;
      padding: 0px 5px;
      position: relative;
  }

  .notice-slider-auth-main {
      display: flex;
      padding: 25px 0px;
      align-items: flex-start;
      background-color: var(--bg-color-ab);
  }

  .spotlight-updates-ihr {
      width: 25%;
      /* box-shadow: 0px 7px 10px rgb(0 0 0 / 50%); */
      box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
      position: relative;
      margin: 5px;
      /*  padding: 10px; */

      border: 1px solid var(--border-2-blind-theme-color);
      background: var(--background-color);
      border-radius: 5px;
  }

  .authority-div {
      width: 25%;
   /*    box-shadow: 0px 7px 10px rgb(0 0 0 / 50%); */
      margin: 5px;
      /* box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; */
      border: 1px solid var(--text-theme-grey);
      padding: 30px;
      background-color: var(--background-color);
  }

  .all-in-one-slider {
      width: 50%;
      height: 100%;
      display: flex;
      justify-content: center;
      margin: auto;
  }

  .view-all-notices {
      font-size: 12px;
      /*       border: 1px solid #484242; */
      padding: 2px 9px;
      border-radius: 4px;
      color: var(--text-color-bg-whitesmoke-div);

      background: var(--bg-color-whitesmoke-div);
      border: 1px solid var(--border-2-blind-theme-color);

  }

  @media only screen and (max-width: 1100px) {
      .pm-pic-new {
          width: 220px;
      }
  }

  @media only screen and (max-width: 1000px) {
      .pm-pic-new {
          width: 220px;
      }
  }

  @media only screen and (max-width: 900px) {
      .pm-pic-new {
          width: 220px;
      }
  }

  @media only screen and (max-width: 600px) {
      .pm-pic-new {
          width: 220px;
      }
  }

  @keyframes animcrafter {
      0% {
          left: 25%;
          background-color: white;
      }

      25% {
          left: 50%;
          background-color: green;
      }

      50% {
          left: 75%;
          background-color: yellow;
      }

      100% {
          left: 75;
          background-color: violet;
      }
  }

  .spotlight-ihr-ul {
      display: flex;
      padding: 5px;
      justify-content: center;
      align-items: center;
      position: relative;
      color: black;
      font-size: 14px;
  }

  .spotlight-li div {
      position: absolute;
      background: -webkit-linear-gradient(125deg, #2c3e50, #27ae60, #2980b9, #e74c3c, #8e44ad);
      background-image: linear-gradient(125deg, #2c3e50, #27ae60, #2980b9, #e74c3c, #8e44ad);
  }

  .ihr-li {
      border-top-right-radius: 25px !important;
      border-bottom-right-radius: 25px !important;
  }

  .spotlight-li {
      border-top-left-radius: 25px !important;
      border-bottom-left-radius: 25px !important;
  }

  .spotlight-ihr-head {
      position: relative;
      padding: 7px 0px;
      width: 100%;
      background: var(--background-color-whitesmoke);
      border-bottom: 1px solid var(--border-1-blind-theme-color);
      /* border-radius: 8px; */
  }

  .spotlight-updates-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: block;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      color: #000;
      padding: 16px 12px;
      border-bottom: 1px solid var(--border-1-blind-theme-color);
  }



  .whats-new-content {
      overflow: scroll;
  }

  .active-spotlight-li {
      color: whitesmoke;
      background: var(--text-theme-color) !important;
      position: relative;
      box-shadow: 0px 4px 4px lightslategrey;
  }

  .active-spotlight-li::after {
      color: whitesmoke;
      height: 2px;
      width: 2px;
  }

  .info-heading-spotlight {
      color: var(--text-color-2);
      font-weight: bold;
      letter-spacing: .5px;
      font-size: 12px;
      text-transform: uppercase;
      margin-bottom: 2px;
  }

  .info-desc-spotlight {
      margin-block-start: 0;
      text-decoration: none;
      font-weight: 500;
      line-height: 1.25;
      margin-bottom: 4px;
      color: var(--text-color-1);
      font-size: .7rem;
      display: inherit;
  }

  .subtext-spotlight {
      font-size: 12px;
      color: var(--text-color-3);
      letter-spacing: 1px;
      font-family: 'Oswald';
      font-weight: bold;
  }

  .comp-auth-name {
      padding: 5px;
      text-align: center;
      margin-block-start: 0;
      margin-block-end: 0;
      font-weight: normal;
      display: inline-block;
      position: relative;
      font-weight: bold;
  }

  .comp-auth-name::before {
      position: absolute;
      left: 0;
      bottom: 0px;
      width: 100%;
      /* left: 50%;
    margin-left: -30%; */
      height: 1px;
      content: "";
      background-color: #777;
      z-index: 4;
  }

  .comp-auth-name::after {
      position: absolute;
      width: 50px;
      height: 4px;
      margin-left: 33%;
      bottom: 0px;
      content: '';
      font-size: 30px;
      line-height: 40px;
      color: #c50000;
      font-weight: 400;
      z-index: 5;
      display: block;
      background-color: #c50000;
  }

  .comp-auth-name-underline {
      position: relative;
      padding-top: 4px;
      margin-bottom: 4px;
  }

  .comp-auth-name-underline::before {
      background: var(--text-theme-color);
      border-radius: 8px;
      bottom: 0;
      content: "";
      height: 6px;
      bottom: -2px;
      left: 0px;
      right: 0px;
      margin: 0 auto;
      position: absolute;
      width: 24px;
  }

  .comp-auth-name-underline::after {
      background: var(--text-theme-color);
      border-radius: 8px;
      bottom: 0;
      content: "";
      height: 2px;
      left: 0;
      right: 0px;
      margin: 0 auto;
      position: absolute;
      width: 90px;
  }

  .designt_intro:hover .comp-auth-name::after {
      margin-left: 66%;
      transition: 1s;
  }

  /* .designt_intro:hover .ext-link-icon{
    visibility: visible !important;
      transition: 10s !important;
} */



  .active-spotlight-li-a {
      color: whitesmoke;
      position: relative;
      padding: 7px 0px 3px 0px;
  }

  .active-spotlight-li-a::before {
      position: absolute;
      content: "";
      bottom: 0;
      width: 20px;
      height: 2px;
      width: 100%;
      background-color: whitesmoke;
  }

  .deactive-spotlight-li-a {
      color: rebeccapurple;
  }

  .spotlight-ihr-ul li a {
      text-decoration: none;
  }

  .spotlight-ihr-ul li {
      background: whitesmoke;
      padding: 14px;
      /* border-radius: 5px; */
      cursor: pointer;
  }

  .top-slide-info {
      display: flex;
      align-items: center;
      border-bottom: 1px solid var(--text-theme-grey);
  }

  .top-slide-info-tag {
      height: 34px;
      color: var(--text-color-white);
      display: flex;
      padding: 12px;
      background-color: var(--theme-color);
      align-items: center;
  }

  .row-wrapper-1 {
      background-color: var(--background-color);
      color: var(--theme-color);
  }

  .imp-item {
      display: inline-block;
      color: var(--text-theme-color);
  }


  .switch_spotlight {
      margin: auto;
      --_switch-bg-clr: var(--text-color-white);
      --_switch-padding: 4px;
      /* padding around button*/
      /* slider color unchecked */
      --_slider-bg-clr-on: var(--text-theme-color);
      ;
      /* slider color checked */
      --_label-padding: .8rem 1.5rem;
      /* padding around the labels -  this gives the switch it's global width and height */
      --_switch-easing: cubic-bezier(0.47, 1.64, 0.41, 0.8);
      /* easing on toggle switch */
      color: white;
      width: fit-content;
      width: 90%;
      display: flex;
      justify-content: center;
      position: relative;
      border-radius: 10px;
      cursor: pointer;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      position: relative;
      isolation: isolate;
  }

  .switch_spotlight input[type="checkbox"] {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border-width: 0;
  }

  .switch_spotlight>span {
      display: grid;
      place-content: center;
      transition: opacity 300ms ease-in-out 150ms;
      padding: var(--_label-padding);
      color: var(--text-color-white);
      font-size: 0.8em;
  }

  .switch_spotlight::before,
  .switch_spotlight::after {
      content: "";
      position: absolute;
      border-radius: inherit;
      transition: inset 150ms ease-in-out;
  }

  /* switch slider */

  .switch_spotlight::before {
      background-color: var(--text-theme-color);
      inset: var(--_switch-padding) 50% var(--_switch-padding) var(--_switch-padding);
      transition: inset 500ms var(--_switch-easing), background-color 500ms ease-in-out;
      z-index: -1;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.3);
  }

  /* switch bg color */

  .switch_spotlight::after {
      background-color: var(--_switch-bg-clr);
      inset: 0;
      z-index: -2;
  }

  /* switch hover & focus */

  .switch_spotlight:has(input:checked):hover>span:first-of-type,
  .switch_spotlight:has(input:not(:checked)):hover>span:last-of-type {
      opacity: 1;
      transition-delay: 0ms;
      transition-duration: 100ms;
  }

  .switch_spotlight:has(input:checked)>span:first-of-type,
  .switch_spotlight:has(input:not(:checked))>span:last-of-type {
      color: var(--text-color-1);
  }

  /* switch hover */
  /* checked - move slider to right */

  .switch_spotlight:has(input:checked)::before {
      background-color: var(--_slider-bg-clr-on);
      inset: var(--_switch-padding) var(--_switch-padding) var(--_switch-padding) 50%;
  }

  /* checked - set opacity */

  .switch_spotlight>span:last-of-type,
  .switch_spotlight>input:checked+span:first-of-type {
      opacity: 0.75;
  }

  .switch_spotlight>input:checked~span:last-of-type {
      opacity: 1;
  }

  @media (max-width: 1225px) {}

  @media (max-width: 600px) {
      .landing-events {
          width: 100%;
          padding: 0px 25px
      }

      .notice-slider-auth-main {
          flex-direction: column;
      }

      .spotlight-updates-ihr {
          width: 100%;
      }

      .all-in-one-slider {
          width: 100%;
      }

      .authority-div {
          width: 100%;
      }

      .imp-item {
          font-size: .7rem;
      }

      .top-slide-info-tag {
          font-size: .8rem;
      }
  }