.contct_form .cards-grid {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
       gap: 24px;
   }

   /* .container.cards-section.contct_form {
       padding-block: 50px;
   } */

   .contct_form .contact-card {
       background: white;
       padding: 24px;
       border-radius: 12px;
       box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
       display: flex;
       align-items: center;
       gap: 16px;
       transition: box-shadow 0.3s ease;
   }

   .contct_form .contact-card:hover {
       box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
   }

   .cards-section {
       margin-top: -48px;
       position: relative;
       z-index: 10;
       margin-bottom: 64px;
   }

   .contct_form .card-icon {
       width: 56px;
       height: 56px;
       border-radius: 50%;
       background-color: rgba(0, 151, 142, 0.1);
       display: flex;
       align-items: center;
       justify-content: center;
       flex-shrink: 0;
   }

   .contct_form .card-icon svg {
       width: 24px;
       height: 24px;
       color: #00978E;
   }

   .contct_form .card-content h3 {
       font-size: 18px;
       font-weight: 700;
       margin-bottom: 4px;
   }

   .contct_form .card-content p {
       font-size: 14px;
       color: #6b7280;
   }

   /* Main Content Section */
   .contct_form.main-section {
       padding-bottom: 64px;
   }

   .contct_form .main-grid {
       display: grid;
       align-items: center;
       grid-template-columns: 1fr;
       gap: 48px;
   }

   @media (min-width: 1024px) {
       .contct_form .main-grid {
           grid-template-columns: 1fr 1fr;
       }
   }

   /* Left Column */
   .contct_form .info-section .subtitle {
       color: #00978E;
       font-weight: 600;
       font-size: 14px;
       text-transform: uppercase;
       letter-spacing: 0.05em;
       margin-bottom: 16px;
   }

   .contct_form .info-section h2 {
       font-size: clamp(28px, 4vw, 40px);
       font-weight: 700;
       margin-bottom: 24px;
       line-height: 1.2;
   }

   .contct_form .info-section>p {
       color: #6b7280;
       margin-bottom: 32px;
       line-height: 1.7;
   }

   .contct_form .info-item {
       display: flex;
       align-items: flex-start;
       gap: 16px;
       margin-bottom: 24px;
   }

   .contct_form .info-icon {
       width: 48px;
       height: 48px;
       border-radius: 8px;
       background-color: rgba(0, 151, 142, 0.1);
       display: flex;
       align-items: center;
       justify-content: center;
       flex-shrink: 0;
   }

   .contct_form .info-icon svg {
       width: 20px;
       height: 20px;
       color: #00978E;
   }

   .contct_form .info-text h3 {
       font-weight: 600;
       margin-bottom: 4px;
   }

   .contct_form .info-text p {
       font-size: 14px;
       color: #6b7280;
       line-height: 1.6;
   }

   /* Contact Form */
   .contct_form .contact-form {
       display: flex;
       flex-direction: column;
       gap: 16px;
   }

   .contct_form .form-row {
       display: grid;
       grid-template-columns: 1fr;
       gap: 16px;
   }

   @media (min-width: 768px) {
       .contct_form .form-row {
           grid-template-columns: 1fr 1fr;
       }
   }

   .contct_form .form-input {
       width: 100%;
       height: 48px;
       padding: 0 16px;
       border: 1px solid #e5e7eb;
       border-radius: 8px;
       background-color: #f9fafb;
       font-family: inherit;
       font-size: 15px;
       transition: border-color 0.2s, box-shadow 0.2s;
   }

   .contct_form .form-input:focus {
       outline: none;
       border-color: #00978E;
       box-shadow: 0 0 0 3px rgba(0, 151, 142, 0.1);
   }

   .contct_form .form-input::placeholder {
       color: #9ca3af;
   }

   .contct_form .form-textarea {
       width: 100%;
       padding: 16px;
       border: 1px solid #e5e7eb;
       border-radius: 8px;
       background-color: #f9fafb;
       font-family: inherit;
       font-size: 15px;
       resize: none;
       min-height: 150px;
       transition: border-color 0.2s, box-shadow 0.2s;
   }

   .contct_form .form-textarea:focus {
       outline: none;
       border-color: #00978E;
       box-shadow: 0 0 0 3px rgba(0, 151, 142, 0.1);
   }

   .form-textarea::placeholder {
       color: #9ca3af;
   }

   .contct_form .submit-btn {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       height: 48px;
       padding: 0 32px;
       background-color: #00978E;
       color: white;
       border: none;
       border-radius: 8px;
       font-family: inherit;
       font-size: 15px;
       font-weight: 600;
       cursor: pointer;
       transition: background-color 0.2s;
       width: 100%;
   }

   @media (min-width: 768px) {
       .contct_form .submit-btn {
           width: auto;
       }
   }

   .contct_form .submit-btn:hover {
       background-color: #00857a;
   }

   .contct_form .submit-btn:disabled {
       opacity: 0.7;
       cursor: not-allowed;
   }

   /* Toast Notification */
   .contct_form .toast {
       position: fixed;
       bottom: 24px;
       right: 24px;
       background: white;
       padding: 16px 24px;
       border-radius: 8px;
       box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
       display: none;
       z-index: 1000;
       border-left: 4px solid #00978E;
   }

   .contct_form .toast.show {
       display: block;
       animation: slideIn 0.3s ease;
   }

   .contct_form .toast h4 {
       font-weight: 600;
       margin-bottom: 4px;
   }

   .contct_form .toast p {
       font-size: 14px;
       color: #6b7280;
   }

   @keyframes slideIn {
       from {
           transform: translateX(100%);
           opacity: 0;
       }

       to {
           transform: translateX(0);
           opacity: 1;
       }
   }




   .faculty_card {
       background-color: #ffffff;
       border: 1px solid #e6e6e6;
       border-radius: 8px;
       padding: 20px;
       text-align: center;
       margin-bottom: 20px;
       height: 100%;
       opacity: 0;
       transform: translateY(20px) scale(0.98);
       transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
           box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1),
           opacity 0.4s ease;
       animation: fadeInUp 0.6s ease forwards;
   }

   .faculty_card h3 {
       font-size: 25px;
       font-weight: 500 !important;
       color: #505050 !important;
       transform: translateY(10px);
       animation: fadeInText 0.5s ease forwards;
   }

   .faculty_card p {
       font-size: 14px;
       font-weight: 400;
       color: #000 !important;
       transform: translateY(10px);
       animation: fadeInText 0.5s ease forwards;
   }

   .faculty_card h3 {
       animation-delay: 0.2s;
       /* Slight delay for name */
   }

   .faculty_card p {
       animation-delay: 0.4s;
       /* Slight delay for description */
   }

   @keyframes fadeInUp {
       to {
           opacity: 1;
           transform: translateY(0) scale(1);
       }
   }

   @keyframes fadeInText {
       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   .faculty_card:hover {
       transform: translateY(-8px) scale(1.02);
       box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
   }

   .coures_rightcon ul {
       padding-left: 2rem;
       list-style: initial;
   }



   .course_list_page {
       padding-block: 50px;
   }

   .course_list_page .header {
       text-align: center;
       color: white;
       margin-bottom: 40px;
   }

   .course_list_page .header h1 {
       font-size: 2.2em;
       margin-bottom: 8px;
       text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
   }

   .course_list_page .header p {
       font-size: 1.1em;
       opacity: 0.9;
   }

   .course_list_page .courses-grid {
       display: grid;
       grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
       gap: 25px;
   }

   .course_list_page .course-card {
       background: white;
       border-radius: 15px;
       overflow: hidden;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
       transition: transform 0.3s ease, box-shadow 0.3s ease;
       position: relative;
   }

   .course_list_page .course-card:hover {
       transform: translateY(-5px);
       box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
   }

   .course_list_page .course-header {
       background: linear-gradient(135deg, #008b85 0%, #006F6A 50%, #005550 100%);
       padding: 20px;
       color: white;
   }

   .course_list_page .course-header.alt-1 {
       background: linear-gradient(135deg, #008b85 0%, #006F6A 50%, #005550 100%);
   }

   .course_list_page .course-header.alt-2 {
       background: linear-gradient(135deg, #008b85 0%, #006F6A 50%, #005550 100%);
   }

   .course_list_page .course-header.alt-3 {
       background: linear-gradient(135deg, #008b85 0%, #006F6A 50%, #005550 100%);
   }

   .course_list_page .course-header.alt-4 {
       background: linear-gradient(135deg, #008b85 0%, #006F6A 50%, #005550 100%);
   }

   .course_list_page .course-title {
       font-size: 1.3em;
       margin-bottom: 12px;
       font-weight: 600;
       line-height: 1.3;
   }

   .course_list_page .course-date {
       display: flex;
       align-items: center;
       gap: 8px;
       font-size: 0.95em;
       opacity: 0.95;
   }

   .course_list_page .course-body {
       padding: 20px;
   }

   .course_list_page .info-row {
       display: flex;
       align-items: center;
       gap: 10px;
       margin-bottom: 12px;
       font-size: 0.95em;
       color: #555;
   }

   .course_list_page .info-icon {
       color: #2193b0;
       font-size: 1.2em;
       min-width: 20px;
   }

   .course_list_page .price-row {
       background: #f8f9fa;
       padding: 15px;
       border-radius: 8px;
       margin: 15px 0;
   }

   .course_list_page .price-item {
       display: flex;
       justify-content: space-between;
       align-items: center;
       font-size: 0.9em;
       width: 100%;
   }

   .course_list_page .price-item:last-child {
       margin-bottom: 0;
   }

   .course_list_page .price-label {
       color: #666;
   }

   .course_list_page .price-amount {
       font-weight: 700;
       color: #2193b0;
       font-size: 1.1em;
   }

   .course_list_page .course-footer {
       display: flex;
       gap: 10px;
       margin-top: 15px;
   }

   .course_list_page .btn {
       flex: 1;
       padding: 12px;
       border-radius: 8px;
       text-align: center;
       text-decoration: none;
       font-weight: 600;
       font-size: 0.95em;
       transition: all 0.3s ease;
   }

   .course_list_page .btn-primary {
       background: #006F6A;
       color: white;
   }

   .course_list_page .btn-primary:hover {
       transform: translateY(-2px);
       box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
   }

   .course_list_page .btn-secondary {
       background: white;
       color: #00978E !important;
       border: 2px solid #00978E;
   }

   .course_list_page .btn-secondary:hover {
       background: #00978E;
       color: white !important;
   }

   .course_list_page .badge {
       display: inline-block;
       background: #e3f2fd;
       color: #1976d2;
       padding: 4px 10px;
       border-radius: 12px;
       font-size: 0.8em;
       font-weight: 600;
       margin-top: 5px;
   }

   @media (max-width: 768px) {
       .course_list_page .courses-grid {
           grid-template-columns: 1fr;
       }

       .course_list_page .header h1 {
           font-size: 1.8em;
       }
   }

   .nav-link-text {
       color: #333333;
   }