body {
           background-color: black;
       }

       .common-container {
           max-width: 1380px;
           margin: 0 auto;
           width: 100%;
       }

       .press-media-container {
           /* background-color: white; */
       }

       .card-container {
           padding-bottom: 20px;
           /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
           /* display: flex; */
           gap: 25px;
           flex-wrap: wrap;
       }

       .card {
           /* width: calc(32% - 0px); */
           background: #111;
           border-radius: 8px;
           overflow: hidden;
           box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
           display: flex;
           flex-direction: column;
           transition: transform 0.3s ease, box-shadow 0.3s ease;
           background-color: white;
       }

       /* Hover Effect */
       .card:hover {
           transform: translateY(-8px);
           box-shadow: 0 12px 24px rgba(0, 0, 0, 0.6);
       }

       .card img {
           width: 100%;
           height: auto;
           display: block;
       }

       .card-content {
           padding: 20px;
            

       }

       .card-content h3 {
           font-size: 14px;
           font-weight: normal;
           margin: 0 0 15px;
           line-height: 1.2em;
           min-height: 84px;
       }

       .card-content a {
           text-decoration: none;
           color: #000;
           font-size: 14px;
           letter-spacing: 1.4px;
           font-family: "Noto Sans Display", sans-serif;
       }

       .card-content a:hover {
           text-decoration: underline;
           color: #000;
       }

       .press-media-container .title {
           color: #ffff;
           font-size: 45px;
           font-weight: 100;
           font-family: "Noto Sans Display", sans-serif;
       }

       .sub-title {
           width: fit-content;
           color: #fff;
           font-size: 26px;
           font-weight: 100;
           font-family: "Noto Sans Display", sans-serif;
           position: relative;
           border-bottom: 1px solid #a77b32;
       }

       /* .sub-title::after {
            content: "";
            position: absolute;
            border-bottom: 1px solid #a77b32;
        } */

       .swiper-wrapper {
           padding-bottom: 40px !important;
       }

       .press-media-list-next img,
       .press-media-list-prev img {
           width: 15px;
       }

       .card-container.paginationSlider .pagination-counter {
           bottom: 0;
       }

       @media screen and (max-width:992px) {
           .common-container {
               padding: 0 10px;
           }

           .card-container {
               line-height: 1.2em;
               gap: 10px;
               padding-bottom: 15px;
           }

           .press-media-container .title {
               font-size: 36px;
           }

           .card-content a {
               font-size: 10px;
           }

           .card-content h3 {
               font-size: 12px;
               line-height: 1.1em;
           }

           .card-content h3 {
               min-height: 93px;
           }

           .card:hover {
               transform: unset;
           }

           .sub-title {
               font-size: 20px;
           }

       }