.job-date {
               font-size: 0.9rem;
               color: #6c757d;
           }

           .job-title {
               font-weight: 700;
               font-size: 2rem;
               margin-top: 0.5rem;
               margin-bottom: 1rem;
               text-align: left;
           }

           .job-content {
               font-size: 1rem;
               color: #343a40;
           }

           .share-job {
               margin-top: 2rem;
               display: flex;
               align-items: center;
           }

           .share-job span {
               font-weight: 500;
               margin-right: 10px;
           }

           .share-job i {
               font-size: 1.5rem;
               margin-right: 10px;
               color: #343a40;
               cursor: pointer;
           }

           .post-item {
               display: flex;
               align-items: center;
               padding: 10px;
               background-color: #fff;
               border: none;
               box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
               border-radius: 20px;
               margin-bottom: 15px;
               transition: background-color 0.3s ease, box-shadow 0.3s ease;
           }

           .post-item:hover {
               background-color: #e9f5f4;
               box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
           }

           .icon {
               flex-shrink: 0;
               margin-right: 15px;
           }

           .icon img {
               width: 50px;
               height: 50px;
               object-fit: cover;
               border-radius: 50%;
           }

           .content {
               flex-grow: 1;
           }

           .post-title {
               font-size: 12px;
               font-weight: 600;
               color: #333;
               margin: 0 0 5px;
           }

           .post-time {
               font-size: 8px;
               color: #777;
           }


           .share-job img {
               width: 30px !important;
               margin: 5px;
           }

           .blog-img {
               width: 90%;
           }

           @media(max-width:601px) {
               .blog-img {
                   width: 100%;
               }
           }

           .recent-post {
               background-color: #e9f5f4;
               padding: 20px 15px;
               border-radius: 20px;
           }

           .recent-post h1 {
               font-size: 1.2rem;

           }


           .scale-sm:hover {
               transform: scale(1.2) !important;
               border: 1px double #fff;
           }

           .scale-sm {
               border: 1px double #fff;
               transition: transform 1s ease,
                   background-color 1s ease,
                   border 1s ease;
           }

           .post-content p {
               text-align: justify;
           }
   


              .scale,
           .scale-image {
               transition: transform 1s ease, background-color 1s ease, box-shadow 1s ease;
               transform-origin: center;
               /* Ensure scaling starts from the center */
           }

           @media only screen and (min-width: 700px) {
               .scale:hover {
                   background-color: #ffffff;
                   border: none !important;
                   box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
                   transform: scale(1.3);
                   z-index: 5;
               }

               .scale-image:hover {
                   transform: scale(1.2);
               }
           }

           @media only screen and (max-width: 699px) {
               .scale:hover {
                   transform: scale(1.2);
                   /* Smaller scale effect on mobile */
               }
           }

           .card {
               box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
           }

           .card-custom img {
               height: 200px;
               object-fit: cover;
           }

           .card-custom .card-body {
               padding: 20px;
           }

           .card-custom h5 {
               font-size: 1.25rem;
               font-weight: 600;
           }

           .card-custom p {
               font-size: 0.9rem;
               color: #6c757d;
           }

           .card-custom:nth-child(1) {
               border: 2px solid #0d6efd;
           }

           .blog-details-link {
               text-decoration: none;
               text-transform: none;
               color: #000;


           }