.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Inter;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Inter;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2164 .elementor-element.elementor-element-6c30210d{--display:flex;--border-radius:8px 8px 8px 8px;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2164 .elementor-element.elementor-element-6c30210d:not(.elementor-motion-effects-element-type-background), .elementor-2164 .elementor-element.elementor-element-6c30210d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CCEFDC;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Inter;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Inter;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Inter;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2164 .elementor-element.elementor-element-40165ab .elementor-heading-title{font-size:20px;font-weight:700;text-transform:uppercase;line-height:1.5em;color:#333333;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Inter;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Inter;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2164 .elementor-element.elementor-element-1883746d > .elementor-widget-container{background-color:#02010100;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-2164 .elementor-element.elementor-element-6c30210d{--content-width:100%;}}@media(max-width:1024px){.elementor-2164 .elementor-element.elementor-element-6c30210d{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-2164 .elementor-element.elementor-element-40165ab .elementor-heading-title{font-size:20px;}}@media(max-width:767px){.elementor-2164 .elementor-element.elementor-element-6c30210d{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2164 .elementor-element.elementor-element-40165ab .elementor-heading-title{font-size:20px;}}/* Start custom CSS for html, class: .elementor-element-1883746d */.job-section .toggleButton,.job-section .toggleButton:focus{
            outline: none;
            background: none;
            border: none;
            color:#015927;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 30px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    padding: 0;
        }
        .toggleButton svg {
  display: inline-block;
}
    .job-section .list-job .job-item .item .wapper-left{
        display: flex;
        gap: 20px;
        /*width: fit-content;*/
        align-items: center;
        flex-grow: 1;
    }
  .job-section .list-job .job-item .item{
       background-color: #FFFFFF;
            margin-bottom: 30px;
            border-radius: 8px;
            padding: 25px 30px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
        }
  .job-section .list-job .job-item .item .thum{
    border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  
  display: flex;
  flex-shrink: 0;
  height: 100px;
  width: 100px;
  padding: 5px;
  }
  .job-section .list-job .job-item .item .thum img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 8px;
  }
  .job-section .list-job .job-item .item .wapper-info{
      display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  .job-section .list-job .job-item .item .wapper-info h3.title-job{
      color: #333;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 1.5em;
margin: 0;
margin-bottom: 5px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

  }
  .job-section .list-job .job-item .item .wapper-info h4.title-job{
      color: #333;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 1.5em;
text-transform: uppercase;
margin: 0;
margin-bottom: 5px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

  }
  .job-section .list-job .job-item .item .wapper-info .wapper-add-info{
      display: flex;
      gap: 15px;
      align-items: center;
  }
  .job-section .list-job .job-item .item .wapper-info .wapper-add-info .item-info{
      display: flex;
padding: 5px 10px;
align-items: center;
gap: 5px;
border-radius: 20px;
background-color: #9AE0B9;
color: #015927;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 1.5em;
max-width: 60%;
  }
  .job-section .list-job .job-item .item .wapper-info .wapper-add-info .item-info svg{
          display: flex;
    flex-shrink: 0;
  }
  
  .job-section .list-job .job-item .item button,.job-section .list-job .job-item .item button:focus{
    border-radius: 8px;
    background: #028E3F;
    color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 20px;
display: flex;
align-items: center;
border: none;
outline: none;
gap: 5px;
padding: 15px 20px;
  }
.job-section .list-job .job-item:hover .item button{
      background-color: rgb(2, 177, 79);
      border-color: rgb(2, 177, 79);
  }
  
  @media (max-width: 1025px) {
      .job-section .list-job .job-item .item .wapper-info h3.title-job{
          font-size: 16px;
      }
      .job-section .list-job .job-item .item .wapper-info h4.title-job,.job-section .list-job .job-item .item button{
          font-size: 10px;
      }
  }
  @media (max-width: 768px) {
      .job-section .list-job .job-item .item{
          padding: 15px 10px;
      }
      .job-section .list-job .job-item .item .wapper-left{
          gap: 15px;
          width: 100%;
      }
      .job-section .list-job .job-item .item .wapper-info h3.title-job{
          font-size: 14px;
          line-height: 1.5em;
      }
      .job-section .list-job .job-item .item .wapper-info .wapper-add-info{
          flex-direction: column;
          align-items: self-start;
          gap: 5px;
      }
      .job-section .list-job .job-item .item button{
          display: none;
      }
      .job-section .list-job .job-item .item .thum{
      height: 70px;
      width: 70px;}
      .job-section .list-job .job-item .item .wapper-info .wapper-add-info .item-info{
            max-width: 100%;
        }
  }/* End custom CSS */