.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-253 .elementor-element.elementor-element-3435521a{color:#000000;}@media(min-width:768px){.elementor-253 .elementor-element.elementor-element-35d67c47{width:27.456%;}.elementor-253 .elementor-element.elementor-element-7b150bf3{width:72.544%;}}/* Start custom CSS for text-editor, class: .elementor-element-5e9472ac */.header-note {
      color: red;
      text-align: center;
      padding: 10px;
      font-weight: bold;
    }

    .container {
      display: flex;
      flex-wrap: wrap;
      padding: 20px;
      gap: 20px;
    }

    .sidebar {
      flex: 1;
      min-width: 200px;
      max-width: 250px;
      background: #e9f1ff;
      border: 1px solid #ccc;
      padding: 10px;
    }

    .sidebar h3 {
      background: #2e6db4;
      color: white;
      padding: 8px;
      margin: 10px 0 5px;
    }

    .sidebar ul {
      list-style: none;
      padding: 0;
    }

    .sidebar li {
      margin: 5px 0;
      padding-left: 10px;
    }

    .main-content {
      flex: 3;
      min-width: 300px;
    }

    .main-content .app-note {
      background: yellow;
      padding: 5px;
      font-size: 14px;
      margin-bottom: 10px;
    }

    .main-content h2 {
      text-align: center;
      font-size: 20px;
      margin-bottom: 20px;
    }

    
    /* Color Coding */
    .blue { color: blue; }
    .green { color: green; }
    .orange { color: darkorange; }
    .skyblue { color: #4fb4bf; }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
      }

      .sidebar, .main-content {
        width: 100%;
      }
    }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3435521a */.job-container {
            padding: 10px;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .job-table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 20px;
        }
        
        .job-header {
            background-color: #fff;
            border: 1px solid #000;
            padding: 8px;
            text-align: center;
        }
        
        .job-title {
            color: #ff0000;
            font-weight: bold;
            font-size: 18px;
        }
        
        .job-adv-number {
            color: #ff00ff;
            font-weight: bold;
        }
        
        .job-section {
            background-color: #fff;
            border: 1px solid #000;
            padding: 10px;
        }
        
        .job-section-title {
            color: #ff0000;
            font-weight: bold;
            margin-bottom: 10px;
        }
        
        .job-list {
            list-style-type: circle;
            padding-left: 20px;
            margin-top: 5px;
        }
        
        .job-list li {
            margin-bottom: 10px;
        }
        
        .job-fee {
            font-weight: bold;
        }
        
        .job-date {
            font-weight: bold;
        }
        
        .job-highlight {
            color: darkgreen;
        }
        
        .vacancy-table {
            width: 100%;
            border-collapse: collapse;
        }
        
        .vacancy-header {
            color: #ff0000;
            border: 1px solid #000;
            padding: 8px;
            text-align: center;
        }
        
        .vacancy-row td {
            border: 1px solid #000;
            padding: 8px;
            text-align: center;
        }
        
        .vacancy-post {
            color: #ff00ff;
        }
        
        .vacancy-total {
            color: #ff00ff;
        }
        
        .link-section {
            border: 1px solid #000;
            text-align: center;
            padding: 8px;
        }
        
        .link-title {
            color: #ff0000;
        }
        
        .apply-link {
            color: darkgreen;
            font-weight: bold;
        }
        
        .click-here {
            color: blue;
            font-weight: bold;
        }
        
        .interview-section {
            border: 1px solid #000;
            padding: 8px;
        }
        
        .interview-title {
            font-weight: bold;
        }
        
        .interview-places {
            margin-top: 5px;
        }
        
        @media only screen and (max-width: 768px) {
            .job-title, .job-section-title {
                font-size: 16px;
            }
            
            .job-list li {
                margin-bottom: 8px;
            }
            
            .vacancy-row td {
                padding: 5px;
            }
            
            .interview-places {
                font-size: 14px;
            }
        }
        
        @media only screen and (max-width: 480px) {
            .job-title, .job-section-title {
                font-size: 14px;
            }
            
            .job-list li {
                margin-bottom: 5px;
                font-size: 14px;
            }
            
            .vacancy-header, .vacancy-row td {
                padding: 4px;
                font-size: 14px;
            }
            
            .interview-places {
                font-size: 12px;
            }
        }/* End custom CSS */