.imp-links-main {
     padding: 20px 40px;
 }

 .wrapper-imp-links {
     max-width: 1100px;
     width: 100%;
     position: relative;
     margin: auto;
     padding: 40px 0px;
 }



 .imp-links-main>h2 {
     position: relative;
     font-weight: 500;
     font-size: 1.5rem;
     text-align: left;
     margin-bottom: 20px;
     color: var(--text-color-black-3);
     letter-spacing: 1px;
 }

 .imp-links-main>h2::after {
     content: '';
     position: absolute;
     left: 0;
     bottom: -8px;
     width: 100px;
     height: 2px;
     background: var(--theme-color-2);
     border-radius: 3px;
 }

 .wrapper-imp-links i {
     height: 50px;
     width: 50px;
     background: var(--bg-color-blue);
     text-align: center;
     line-height: 50px;
     border-radius: 50%;
     cursor: pointer;
     position: absolute;
     top: 50%;
     font-size: 1.25rem;
     transform: translateY(-50%);
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
     color: var(--text-color-whitesmoke);

 }

 .wrapper-imp-links i:first-child {
     left: -22px;

 }

 .wrapper-imp-links i:last-child {
     right: -22px;

 }

 .wrapper-imp-links .carousel {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: calc((100% / 5) - 12px);
     gap: 16px;
     overflow-x: auto;
     scroll-snap-type: x mandatory;
     scroll-behavior: smooth;
     /*  scrollbar-width: 0; */
 }

 .carousel::-webkit-scrollbar {
     display: none;
 }

 .carousel :where(.card, .img) {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .carousel.dragging {
     scroll-snap-type: none;
     scroll-behavior: auto;
 }

 .carousel.no-transition {
     scroll-behavior: auto;
 }

 .carousel.dragging .card {
     cursor: grab;
     user-select: none;
 }

 .carousel .card {
     scroll-snap-align: start;
     /*  height: 340px; */
     list-style: none;
     /*   background: #fff; */
     border-radius: 8px;
     display: flex;
     cursor: pointer;
     width: 98%;
     padding-bottom: 15px;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     background: var(--bg-color-white-2);
     border: 1px solid var(--border-color-3);
 }

 .carousel .card a {
     text-align: center;
 }

 .card .img {

     /*    width: 145px; */
     height: 145px;
     border-radius: 50%;

 }

 .card .img img {
     /*  width: 140px;
     height: 140px; */
     /*   object-fit: cover; */
     /*  border-radius: 50%; */
     /*  border: 4px solid #fff;
     border: 4px solid var(--border-color-1); */
     aspect-ratio: 16 / 9;
     width: 100%;
     object-fit: contain;
 }

 .card h2 {
     color: var(--text-color-bg-blue);
     font-size: 0.7rem;
     /*   margin: 30px 0 5px; */
     font-weight: 400;
     letter-spacing: 1px;
 }

 .card span {
     color: var(--text-color-black-2);
     font-size: 0.8rem;

 }

 .last-updated-section-home {
     text-align: right;
     font-size: 0.75rem;
     color: var(--text-color-black-2);
 }

 @media screen and (max-width: 900px) {
     .wrapper-imp-links .carousel {
         grid-auto-columns: calc((100% / 2) - 9px);

     }
 }

 @media screen and (max-width: 600px) {
     .wrapper-imp-links .carousel {
         grid-auto-columns: 100%;

     }
 }