/* Header */
        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
            background-color: red;
            margin-bottom: 20px;
        }

        .company-name {
            font-size: 24px;
            font-weight: bold;
        }

        .tract {
            color: #FFFFF0;  /* Blue */
        }

        .bee {
            color: #FFCCCB;  /* Orange/Yellow */
        }

        .dropdown {
            margin-right: 10px;
            margin-left: auto;
        }

        select {
            padding: 5px;
            font-size: 14px;
        }
/* header completed */

/* class=Screen First row started */
        .screen {
            border: 1px solid #e6e6e6;
            margin-bottom:20px;
        }
        .screen_label {
            font-size: 24px;
            font-weight:bold;
            color:green;
            background-color:#e6e6e6;
            padding-left:20px;
            height:30px;
            
        }
        .screen_content {
            display:flex;
            height:300px;
            color:green;
        }
        .screen_content > div {
            
            color:green;
            border:1px solid #e6e6e6;
            justify-content:space-around;
            flex-direction:column;
            flex:1 auto;
            margin:2px;
            border-radius:10px;
            padding-left:18px;
            padding-right:18px;
            position: relative;
        }

      #noticePeriodChart {
        width: 100% !important;
        height: 100% !important;
        flex:1;
      }
        .services {
          display: flex;
          border: 1px solid #e6e6e6;
          /* border-radius: 10px; */
          overflow: hidden;
          font-family: sans-serif;
        }
        
        .services_label {
          flex: 1;
          display: flex;
          align-items: center;
          justify-content: center;
          /* border-right: 2px solid #999; */
          background-color: #e0f7fa;
          padding: 20px;
          box-sizing: border-box;
        }
        
        .services_content_rows {
          flex: 3;
          padding: 20px;
          background-color: #fafafa;
          box-sizing: border-box;
        }
        
        .services_content {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          column-gap: 20px; /* space between items horizontally */
          
        }
        
        .services_content > div {
          flex: 1 1 calc(33.33% - 20px); /* 3 items per row with spacing */
          height: 120px;
          background-color: #e0f7fa;
          border-radius: 10px;
          border: 1px solid #e6e6e6;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          position: relative; 
          
          box-sizing: border-box;
        }
        
        .services_content h3 {
          margin: 0;
          padding-bottom: 10px;
        }
        
        .add-icon {
          position: absolute;
          bottom: 10px;
          right: 10px;
          font-size: 20px;
          cursor: pointer;
          color: #007bff;
        }
        
/* Technologies */
        .technologies {
          display: flex;
          border: 1px solid #e6e6e6;
          /* border-radius: 10px; */
          overflow: hidden;
          font-family: sans-serif;
        }
        
        .technologies_label {
          flex: 1;
          display: flex;
          align-items: center;
          justify-content: center;
          /* border-right: 2px solid #999; */
          background-color: #265dab;
          padding: 20px;
          box-sizing: border-box;
          color:#ffffff;
        }
        
        .technologies_content_rows {
          flex: 3;
          padding: 20px;
          background-color: #ffffff;
          box-sizing: border-box;
        }
        
        .technologies_content {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          column-gap: 20px; /* space between items horizontally */
          row-gap: 30px;    /* 👈 space between rows vertically */
          
        }
        
        .technologies_content > div {
          flex: 1 1 calc(33.33% - 20px); /* 3 items per row with spacing */
          height: 120px;
          background-color: #265dab;
          border-radius: 10px;
          border: 1px solid #e6e6e6;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          position: relative; 
          color:#ffffff;
          box-sizing: border-box;
        }
        
        .technologies_content h3 {
          margin: 0;
          padding-bottom: 10px;
        }
        
        .add-icon {
          position: absolute;
          bottom: 10px;
          right: 10px;
          font-size: 20px;
          cursor: pointer;
          color: #007bff;
        }
/* Technologies End */

        /* contact us */
        .contactus {
          max-width: 1000px;
          margin: 0 auto;
          padding: 20px;
          font-family: Arial, sans-serif;
        }
        
        .contactus h1 {
          text-align: center;
          margin-bottom: 30px;
          font-size: 2em;
          color: #111827;
        }
        
        .contactus_info {
          display: flex;
          gap: 20px;
          flex-wrap: wrap;
        }
        
        .contactus_company,
        .contactus_client_entry {
          flex: 1 1 48%;
          background-color: #f3f4f6;
          padding: 20px;
          border-radius: 10px;
          box-sizing: border-box;
        }
        
        .contactus_company h3,
        .contactus_client_entry h3 {
          margin-top: 0;
          color: #1f2937;
        }
        
        .contactus_client_entry input[type='text'] {
          width: 100%;
          padding: 8px;
          margin-bottom: 15px;
          border: 1px solid #e6e6e6;
          border-radius: 6px;
          box-sizing: border-box;
        }
        
        .contactus_client_entry button {
          background-color: #3b82f6;
          color: white;
          padding: 10px 16px;
          border: none;
          border-radius: 6px;
          cursor: pointer;
        }
        
        .contactus_client_entry button:hover {
          background-color: #2563eb;
        }
        

        
        /* Responsive behavior 
        @media (max-width: 768px) {
          .contactus_company,
          .contactus_client_entry {
            flex: 1 1 100%;
          }
        } */