@import url('https://fonts.googleapis.com/css2? family= Montserrat:wght@100 & display=swap');
@import url('https://fonts.googleapis.com/css2? family= Montserrat:wght@300 & family= Mulish:wght@300 & display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

#banner .image-logo{
    height: auto;
    width: 34.625rem;
}

#jobs{
    position: relative;
    margin: 6.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 3.94rem;
}
#jobs .content{
    display: flex;
    flex-direction: column;
    gap: 3.94rem; 
}
#jobs .jobs-items .jobs-items-content{
    position: relative;
}
#jobs .jobs-items .jobs-items-content  .job-container{
    border-radius: 6.25rem;
    border: 1px solid #E2E2E2;
    background: #6ABE9F;
    box-shadow: 0px 5px 4px 0px rgba(221, 221, 221, 0.25);
    padding: 2.12rem 5rem;
}
#jobs .jobs-items .jobs-items-content  .job-container[open]{
    border-radius: 0.625rem;
    border: 1px solid #E2E2E2;
    background: #FFF;
    box-shadow: 0px 5px 4px 0px rgba(221, 221, 221, 0.25);
}
#jobs  .job-container .job-container-items{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#jobs  .job-container[open] .job-container-items{
    padding-bottom: 5.31rem;
}

#jobs  .job-container .job-container-items .image_icons_circle_down{
    display: none;
}
#jobs  .job-container .job-container-items .image_icons_circle{
    display: block;
    cursor: pointer;
}
#jobs  .job-container[open] .job-container-items .image_icons_circle{
    display: none;
}
#jobs  .job-container[open] .job-container-items .image_icons_circle_down{
    display: block;
    cursor: pointer;
}

#jobs  .job-container  .job-title .title
,#jobs  .job-content-items .job-title .title{
    color: var(--gray-1, #333);
    font-family: Roboto,sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
}
#jobs .job-content{
    border-radius: 0.625rem;
    border: 1px solid #E2E2E2;
    background: #FFF;
    box-shadow: 0px 5px 4px 0px rgba(221, 221, 221, 0.25);
    padding: 2.56rem 5rem;
}
#jobs  .job-content .job-content-items{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#jobs .list-content{
    margin-left: 3rem;
}
#jobs  .list{
    list-style-image: url('/assets/imgs/two-circles.png');
    color: var(--600, #718096);
    font-family: Roboto,sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
}
#jobs .jobs-items .jobs-items-content .Side-Shape{
    height: 10.5rem;
    width: auto;
}
#jobs .jobs-items .jobs-items-content .image-Side-Shape{
    position: absolute;
    bottom: 0;
    z-index: -1;
}

#jobs   .half-circle{
    height: 16.21rem;
    width: auto;
}
#jobs   .image-half-circle{
    position: absolute;
    right: 0;
    bottom: -20%;
    z-index: -1;
}