/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* Theme customization starts here
------------------------------------------------------- */
/* .new-list-item a{
  font-weight: 300;
} */


/* table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 500 !important;
} */


/* Hover background color for dropdown menu items */
.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: rgba(62, 194, 95, 0.95) !important;
    
}



@media only screen and (min-width: 1350px) {
    .et-db #et-boc .et-l .et_pb_section {
        padding: 0px 0px !important;    }
}

 .dt-container .dt-input {
    font-size: inherit;
    padding: 5px;
    border: 1px solid #bbb !important;
}
.et-db #et-boc .et-l .et_pb_section_1_tb_header.et_pb_section {
    
    z-index: -1;
} 

.et_pb_section_2_tb_header.et_pb_section {
  
  z-index: -1;
}

.text-white {
    color: #f7941e !important;
}


.tablepress {
    --text-color: #111;
    --head-text-color: var(--text-color);
    --head-bg-color: #568d3d !important;
    --odd-text-color: var(--text-color);
    --odd-bg-color: #fff;
    --even-text-color: var(--text-color);
    --even-bg-color: #f9f9f9;
    --hover-text-color: var(--text-color);
    --hover-bg-color: #f3f3f3;
    --border-color: #ddd;
    --padding: 0.5rem;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    clear: both;
    margin: 0 auto 1rem;
    table-layout: auto;
    width: 100%;
}
 
/* accisiblity css start */


            /* Big Cursor Styles */
      .big-cursor,
      .big-cursor * {
        cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 50 50'><path fill='%23000' d='M 29.699219 47 C 29.578125 47 29.457031 46.976563 29.339844 46.933594 C 29.089844 46.835938 28.890625 46.644531 28.78125 46.398438 L 22.945313 32.90625 L 15.683594 39.730469 C 15.394531 40.003906 14.96875 40.074219 14.601563 39.917969 C 14.238281 39.761719 14 39.398438 14 39 L 14 6 C 14 5.601563 14.234375 5.242188 14.601563 5.082031 C 14.964844 4.925781 15.390625 4.996094 15.683594 5.269531 L 39.683594 27.667969 C 39.972656 27.9375 40.074219 28.355469 39.945313 28.726563 C 39.816406 29.101563 39.480469 29.363281 39.085938 29.398438 L 28.902344 30.273438 L 35.007813 43.585938 C 35.117188 43.824219 35.128906 44.101563 35.035156 44.351563 C 34.941406 44.601563 34.757813 44.800781 34.515625 44.910156 L 30.113281 46.910156 C 29.980469 46.96875 29.84375 47 29.699219 47 Z'/></svg>")
            24 24,
          auto !important;
      }

      .big-cursor a,
      .big-cursor button,
      .big-cursor [role="button"],
      .big-cursor input[type="button"],
      .big-cursor input[type="submit"],
      .big-cursor .cursor-pointer {
        cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 30 30'><path fill='%23000' d='M11 2c-1.105 0-2 .895-2 2v10v1v4.5C6.448 18.201 5.289 18 4 18c-1.496 0-2.99.577-2.998 2.486L5.5 22.5l3.156 3.156C10.156 27.156 12.192 28 14.314 28H21c2.209 0 4-1.791 4-4V14a2 2 0 0 0-4-.852c-.126-.086-.193-.148-.193-.148A2 2 0 0 0 19 11a2 2 0 0 0-2 2v-1c0-1.105-.895-2-2-2s-2 .895-2 2V4c0-1.105-.895-2-2-2z'/></svg>")
            4 0,
          pointer !important;
      }

      /* High Contrast Mode */
      .high-contrast {
        background-color: #000000 !important;
        color: #ffff00 !important;
      }

      .high-contrast * {
        background-color: #000000 !important;
        color: #ffff00 !important;
        border-color: #ffff00 !important;
      }

      .high-contrast a {
        color: #00ffff !important;
        text-decoration: underline !important;
      }

      .high-contrast button,
      .high-contrast input,
      .high-contrast select,
      .high-contrast textarea {
        background-color: #000000 !important;
        color: #ffff00 !important;
        border: 2px solid #ffff00 !important;
      }

      /* Grayscale */
      .grayscale {
        filter: grayscale(100%) contrast(1.1) !important;
      }

      /* .grayscale * {
        filter: grayscale(100%) contrast(1.1) !important;
      } */

      .grayscale-overlay {
        position: fixed;
        inset: 0;
        background: rgba(255, 255, 255, 0.5); /* or adjust to your need */
        z-index: 9998;
        pointer-events: none;
        mix-blend-mode: luminosity;
      }

      /* Color Inversion */
      .invert-colors {
        filter: invert(1) hue-rotate(180deg) !important;
      }

      /* .invert-colors * {
        filter: invert(1) hue-rotate(180deg) !important;
      } */

      /* Dyslexia Font */
      .dyslexia-font,
      .dyslexia-font * {
        font-family: "Comic Sans MS", "Arial", sans-serif !important;
        line-height: 1.6 !important;
        letter-spacing: 0.05em !important;
      }

      /* Link Underlines */
      .underline-links a {
        text-decoration: underline !important;
        text-decoration-thickness: 2px !important;
        text-underline-offset: 3px !important;
      }

      /* Highlight Links */
      .highlight-links a {
        background-color: #ffff00 !important;
        color: #000000 !important;
        padding: 2px 4px !important;
        border-radius: 3px !important;
        text-decoration: underline !important;
      }

      /* Highlight Headings */
      .highlight-headings h1,
      .highlight-headings h2,
      .highlight-headings h3,
      .highlight-headings h4,
      .highlight-headings h5,
      .highlight-headings h6 {
        background-color: #ffff00 !important;
        color: #000000 !important;
        padding: 4px 8px !important;
        border-radius: 4px !important;
        border: 2px solid #000000 !important;
      }

      /* Text Spacing */
      .text-spacing p,
      .text-spacing div,
      .text-spacing span,
      .text-spacing li {
        letter-spacing: 0.12em !important;
        word-spacing: 0.16em !important;
      }

      /* Line Height */
      .line-height p,
      .line-height div,
      .line-height span,
      .line-height li {
        line-height: 1.8 !important;
      }

      /* Hide Images */
      .hide-images img {
        visibility: hidden !important;
      }

      .hide-images img::after {
        content: "[Image: " attr(alt) "]" !important;
        visibility: visible !important;
        display: inline-block !important;
        background-color: #f0f0f0;
        padding: 4px 8px;
        border: 1px solid #ccc;
        border-radius: 4px;
      }

      /* Active Button State */
      .active-feature {
        background-color: #1d4ed8 !important;
        color: white !important;
        transform: scale(0.95);
      }

      .accessibility-widget {
        position: relative;
        display: inline-block;
        z-index: 1000;
      }

      .accessibility-panel {
        position: absolute;
        top: 100%;
        left: 0;
        margin-top: 8px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all 0.3s ease;
        z-index: 1001;
      }

      .accessibility-widget:hover .accessibility-panel {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }

      /* Ensure panel stays visible when hovering over it */
      .accessibility-widget:hover .accessibility-panel,
      .accessibility-panel:hover {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }

      .demo-content {
        max-width: 800px;
        margin: 40px auto;
        padding: 20px;
        font-family: Arial, sans-serif;
        line-height: 1.6;
      }

      .demo-content h1 {
        color: #1f2937;
        margin-bottom: 20px;
      }

      .demo-content h2 {
        color: #374151;
        margin: 30px 0 15px 0;
      }

      .demo-content p {
        margin-bottom: 15px;
      }

      .demo-content a {
        color: #2563eb;
        text-decoration: none;
      }

      .demo-content a:hover {
        text-decoration: underline;
      }
    

      .et_pb_column.et_pb_column_1_4.et_pb_column_2_tb_header.et_pb_css_mix_blend_mode_passthrough {
    z-index: 9999;
}
.et_pb_code_inner {
    text-align: center;
}

/* css end */    

/* end css */


.width10{
    width: 10%;
}
.width15{
    width: 15%;
}
.width65{
    width: 65%;
}
.width5{
  width: 5%;
}
.width85{
  width: 75%;
}

li {
  list-style: none;
}

li.new-list-item::before {
  content: url(https://hperc.netgen.work/wp-content/uploads/2023/09/New_20Arrow.gif);
}

a.button {
  background-color: #3A3A3A;
  color: white;
  padding: 5px;
  text-align: center;
  font-size: 10px;
  }

.marquee-container {
  white-space: nowrap; /* Prevent text from wrapping */
  overflow: hidden; /* Hide overflow content */
}

.marquee-li {
  display: inline-block; /* Display items in a horizontal line */
  margin-right: 10px; /* Add spacing between items */
  border-right: 1px solid #ccc; /* Add a vertical divider line */
  padding-right: 10px; /* Add spacing to the right of each item */
}

.slick-slide {
	height: auto;
}


/**
.order_type_taxanomy table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
  }
  .order_type_taxanomy table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
  }
  
  .order_type_taxanomy table tr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em;
  }
  
  .order_type_taxanomy table th,
  .order_type_taxanomy table td {
    padding: .625em;
    text-align: center;
  }

  .order_type_taxanomy table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
  }
  
  @media screen and (max-width: 600px) {
    .order_type_taxanomy table {
      border: 0;
    }
  
    .order_type_taxanomy table caption {
      font-size: 1.3em;
    }
    
    .order_type_taxanomy table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    
    .order_type_taxanomy table tr {
      border-bottom: 3px solid #ddd;
      display: block;
      margin-bottom: .625em;
    }
    
    .order_type_taxanomy table td {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
      text-align: right;
    }
    
    .order_type_taxanomy  table td::before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }
    
    .order_type_taxanomy table td:last-child {
      border-bottom: 0;
    }
  }
  **/