@media (max-width: 768px) {


       .download_profile {
           padding-top: 0;
       }

   }

   .project-detail-slider {
       padding: 0;
   }

   .project-detail-slider-banner {

       margin-bottom: 3em;

   }

   .download_profile {
       padding: 3em 0;
   }

   .download-section {
       background-color: #f6f6f6;
       border-radius: 8px;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
       overflow: hidden;
       display: flex;
       flex-direction: column;
       align-items: center;
       padding: 40px;
       text-align: center;
       transition: transform 0.3s ease;
   }

   .download-section:hover {
       transform: translateY(-5px);
   }

   .profile-title {
       color: #2c3e50;
       font-size: 2.5rem;
       margin-bottom: 20px;
       font-weight: 700;
   }

   .profile-description {
       color: #5d6778;
       font-size: 1.1rem;
       margin-bottom: 30px;
       max-width: 600px;
   }

   .download-button {
       display: inline-block;
       background-color: #3498db;
       color: white;
       padding: 12px 30px;
       border-radius: 30px;
       text-decoration: none;
       font-weight: 600;
       letter-spacing: 0.5px;
       transition: all 0.3s ease;
       box-shadow: 0 4px 6px rgba(52, 152, 219, 0.2);
   }

   .download-button:hover {
       background-color: #2980b9;
       box-shadow: 0 6px 12px rgba(52, 152, 219, 0.3);
       transform: translateY(-2px);
   }

   .download-icon {
       margin-right: 10px;
       font-size: 1.2rem;
   }

   @media (max-width: 768px) {
       .download-section {
           padding: 30px 20px;
       }

       .profile-title {
           font-size: 2rem;
       }
   }

   .section-title-division {
       text-align: center;
       margin-bottom: 40px;
       position: relative;
       color: #2c3e50;
   }

   .section-title-division:after {
       content: '';
       position: absolute;
       width: 50px;
       height: 2px;
       background: #e74c3c;
       bottom: -10px;
       left: 50%;
       transform: translateX(-50%);
   }

   .cards-container {
       display: grid;
       grid-template-columns: repeat(2, minmax(280px, 1fr));
       gap: 30px;
   }

   .card {
       background: white;
       border-radius: 10px;
       overflow: hidden;
       box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
       transition: all 0.3s ease;
       height: 100%;
       display: flex;
       flex-direction: column;
   }

   .card:hover {
       transform: translateY(-10px);
       box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
   }

   .card-image {
       height: 200px;
       overflow: hidden;
       position: relative;
   }

   .card-image img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: all 0.3s ease;
   }

   .card:hover .card-image img {
       transform: scale(1.05);
   }

   .card-content {
       padding: 25px;
       flex: 1;
       display: flex;
       flex-direction: column;
   }

   .card-title {
       font-size: 22px;
       margin-bottom: 15px;
       color: #2c3e50;
       position: relative;
       padding-bottom: 15px;
   }

   .card-title:after {
       content: '';
       position: absolute;
       width: 50px;
       height: 3px;
       background: #57ba45;
       bottom: 0;
       left: 0;
   }

   .card-text {
       margin-bottom: 20px;
       color: #555;
       font-size: 15px;
       flex: 1;
           text-align: left;
   }



   @media (max-width: 768px) {
       .cards-container {
           grid-template-columns: 1fr;
           padding: 0 0.6em;
       }

       .section-title-division {
           font-size: 28px;
       }
   }

   .company-detail-container {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 20px 40px;
       background: linear-gradient(135deg, #f5f5f5 0%, #e6e6e6 100%);
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
       margin-top: 3em;
       margin-bottom: 3em;
   }

   .company-info {
       flex: 2;
   }

   .company-name {
       font-size: 28px;
       font-weight: bold;
       color: #333;
       margin-bottom: 15px;
       position: relative;
   }

   .company-name:after {
       content: '';
       position: absolute;
       bottom: -5px;
       left: 0;
       width: 60px;
       height: 3px;
       background-color: #9e1b1b;
   }

   .contact-details {
       margin-top: 20px;
   }

   .contact-item {
       display: flex;
       align-items: center;
       margin-bottom: 10px;
       color: #555;
       font-size: 15px;
   }

   .contact-item i {
       margin-right: 10px;
       color: #9e1b1b;
       width: 20px;
       text-align: center;
   }

   .contact-item a {
       color: #555;
       text-decoration: none;
       transition: color 0.3s;
   }

   .contact-item a:hover {
       color: #9e1b1b;
   }

   .logo-container {
       flex: 1;
       display: flex;
       justify-content: flex-end;
   }

   .logo {
       max-width: 180px;
       height: auto;
   }

   @media (max-width: 768px) {
       .company-detail-container {
           flex-direction: column-reverse;
           padding: 20px;
       }

       .logo-container {
           justify-content: center;
           margin-bottom: 20px;
       }

       .company-info {
           text-align: center;
       }

       .company-name:after {
           left: 50%;
           transform: translateX(-50%);
       }

       .contact-item {
           justify-content: left;
       }

       .contact-item span {
           text-align: left;
       }
   }