.cutom-clss {
     background-color: #042954 !important;
     color: white;
 }

 .cutom-clss:hover {
     background-color: #063b75;
     color: white;
 }

 .custom-color-2 {
     color: #294B29;
 }

 .custom-color-3 {
     border: 1px solid #294B29;
 }

 .btn-color-2 {
     background: #294B29;
 }

 div#cke_notifications_area_eSign_nda {
     display: none !important;
 }



 .marquee {
     animation: marquee 20s linear infinite;
 }

 .marquee:hover {
     animation-play-state: paused;
 }

 @keyframes marquee {
     0% {
         transform: translateY(0);
     }

     100% {
         transform: translateY(-50%);
     }
 }

 .profile-banner {
     position: sticky;
     /* stays at top when scrolling */
     top: 0;
     z-index: 9999;

     width: 100%;
     padding: 10px 16px;
     padding-right: 40px;
     /* Space for close button */

     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;

     background-color: #fff8e1;
     /* soft yellow */
     border: 1px solid #ffe0b2;
     font-size: 14px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
     position: relative;
     /* For absolute positioning of close button */
 }

 .profile-banner-icon {
     flex-shrink: 0;
 }

 .profile-banner-text {
     text-align: center;
     color: #5d4037;
 }

 .profile-banner-link {
     font-weight: 600;
     margin-left: 4px;
     text-decoration: underline;
     color: #e65100;
 }

 .profile-banner-link:hover {
     text-decoration: none;
     color: #bf360c;
 }

 .profile-banner-close {
     position: absolute;
     top: 50%;
     right: 12px;
     transform: translateY(-50%);
     background: transparent;
     border: none;
     font-size: 24px;
     line-height: 1;
     color: #5d4037;
     cursor: pointer;
     padding: 4px 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     transition: color 0.2s ease;
     z-index: 10;
 }

 .profile-banner-close:hover {
     color: #bf360c;
 }

 /* Mobile: ensure nice wrapping */
 @media (max-width: 640px) {
     .profile-banner {
         padding: 10px 12px;
         padding-right: 36px;
         /* Space for close button */
         gap: 6px;
         flex-wrap: wrap;
         justify-content: flex-start;
     }

     .profile-banner-text {
         font-size: 13px;
         text-align: left;
         flex: 1;
         min-width: 0;
         word-wrap: break-word;
         line-height: 1.4;
     }

     .profile-banner-icon {
         font-size: 16px;
     }

     .profile-banner-link {
         margin-left: 0;
         display: inline-block;
         margin-top: 2px;
         white-space: normal;
     }

     .profile-banner-close {
         right: 8px;
         font-size: 22px;
         padding: 2px 6px;
     }
 }

 /* Extra small mobile */
 @media (max-width: 480px) {
     .profile-banner {
         padding: 8px 10px;
         padding-right: 32px;
     }

     .profile-banner-text {
         font-size: 12px;
     }

     .profile-banner-icon {
         font-size: 14px;
     }

     .profile-banner-close {
         right: 6px;
         font-size: 20px;
     }
 }

 body {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }

 .title-primary {
     font-size: 30px;
     font-weight: 700;
     color: #3B3B3B;
     margin-top: 40px;
     margin-bottom: 8px;
 }

 .subtitle-primary {
     font-size: 16px;
     font-weight: 400;
     color: #989797;
 }

 .top-bar {
     background-color: #142D45 !important;
 }

 .logo {
     height: 42.67px !important;
     width: 145.89px !important;
 }

 /* Restore 5% padding only for desktop view to maintain spaciousness while keeping mobile tight */
 @media (min-width: 1024px) {
     .lg\:px-8 {
         padding-left: 5% !important;
         padding-right: 5% !important;
     }
 }

 #default-search {
     background: transparent;
     border: 1px solid #fff;
     border-radius: 10px;
     height: 47.95px;
     color: #fff;
 }

 #default-search::placeholder {
     color: #fff !important;
 }

 .active-page {
     border-radius: 100px;
     background-color: #304256;
 }

 body {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }

 .text-white-400 {
     font-size: 14px;
     color: #fff !important;
     padding: 8px 20px;

 }

 .page-link {
     padding: 8px 16px;
     font-weight: 400;
     transition: all 0.2s ease;
 }

 .page-link:hover {
     border-radius: 100px;
     background-color: #1c3f60;
 }

 .opportunity-card {
     border-radius: 20px !important;
     background-color: #fff !important;
 }

 .bg-green-500 {
     background-color: #05A82399 !important;
 }

 .text-gray-600 {
     color: #969494 !important;
 }

 .financial-metrics {
     background: #142D4508;
     padding: 20px;
     border-radius: 20px;
 }

 .text-dark-blue {
     color: #0F273E !important;
 }

 .btn-blue-outline {
     border: 1px solid #0F2B43;
     background: transparent;
     color: #0F2B43 !important;
     font-size: 14px !important;
     font-weight: 500 !important;
 }

 .btn-blue-outline:hover {
     color: #fff !important;
     background: #0F2B43;
 }

 label.error {
     margin-left: 5px;
     width: auto;
     display: inline;
     color: #dc2626;
     font-size: 12px;
 }

 textarea:focus,
 button:focus,
 input:focus {
     outline: none !important;
     box-shadow: none !important;
     border-color: #EDEDED !important;
 }

 textarea::placeholder {
     color: #CCCCCC !important;
 }

 input::placeholder,
 input[type="text"]::placeholder,
 input[type="email"]::placeholder,
 input[type="tel"]::placeholder,
 input[type="url"]::placeholder {
     color: #CCCCCC !important;
 }

 .input-field {
     border-color: #EDEDED !important;
     box-shadow: none !important;
     height: 52px !important;
     border-radius: 10px !important;
     font-size: 14px !important;
 }

 .input-field::placeholder {
     color: #CCCCCC !important;
 }

 .input-field:focus {
     outline: none !important;
     box-shadow: none !important;
     border-color: #EDEDED !important;
 }

 .agreement-text,
 .text-gray-400 {
     color: #989797;
     font-size: 14px;
 }

 [type=checkbox]:checked,
 [type=radio]:checked,
 .dark [type=checkbox]:checked,
 .dark [type=radio]:checked {
     border-color: transparent !important;
     background-color: #142D45 !important;
 }

 [type=checkbox],
 .dark [type=checkbox] {
     border-color: #9CA3AF !important;
     background-color: transparent !important;
 }

 [type=radio],
 .dark [type=radio] {
     border-color: #B3B0B0 !important;
     background-color: transparent !important;
 }

 input[type="search"]::-webkit-search-cancel-button {
     -webkit-appearance: none;
     display: none;
 }

 .clear-button {
     position: absolute;
     right: 14px;
     top: 50%;
     transform: translateY(-50%);
     cursor: pointer;
 }