.elementor-40155 .elementor-element.elementor-element-36d019e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:112px;--padding-bottom:112px;--padding-left:0px;--padding-right:0px;}.elementor-40155 .elementor-element.elementor-element-36d019e:not(.elementor-motion-effects-element-type-background), .elementor-40155 .elementor-element.elementor-element-36d019e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://4linux.com.br/cursos/wp-content/uploads/sites/2/2024/12/banner_hero.webp");background-position:center center;background-size:cover;}.elementor-40155 .elementor-element.elementor-element-9f72981{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40155 .elementor-element.elementor-element-dd6e203 .elementor-image-box-wrapper{text-align:left;}.elementor-40155 .elementor-element.elementor-element-dd6e203 .elementor-image-box-title{margin-bottom:16px;font-size:36px;line-height:120%;color:var( --e-global-color-4407a218 );}.elementor-40155 .elementor-element.elementor-element-dd6e203 .elementor-image-box-description{font-size:21px;line-height:150%;color:var( --e-global-color-b9b6955 );}.elementor-40155 .elementor-element.elementor-element-932d02c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40155 .elementor-element.elementor-element-1354bc3 img{border-radius:25px 25px 25px 25px;}.elementor-40155 .elementor-element.elementor-element-8f9aea5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:90px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-40155 .elementor-element.elementor-element-8f9aea5:not(.elementor-motion-effects-element-type-background), .elementor-40155 .elementor-element.elementor-element-8f9aea5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f458045 );}.elementor-40155 .elementor-element.elementor-element-10fb4fd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40155 .elementor-element.elementor-element-2b3c406{width:var( --container-widget-width, 505px );max-width:505px;--container-widget-width:505px;--container-widget-flex-grow:0;}.elementor-40155 .elementor-element.elementor-element-2b3c406 .elementor-heading-title{font-size:40px;line-height:120%;color:var( --e-global-color-e676c0b );}.elementor-40155 .elementor-element.elementor-element-9167730{width:var( --container-widget-width, 389px );max-width:389px;--container-widget-width:389px;--container-widget-flex-grow:0;}.elementor-40155 .elementor-element.elementor-element-fa1e2fc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:20;}@media(min-width:768px){.elementor-40155 .elementor-element.elementor-element-9f72981{--width:618px;}.elementor-40155 .elementor-element.elementor-element-932d02c{--width:518px;}}@media(max-width:1366px){.elementor-40155 .elementor-element.elementor-element-36d019e{--padding-top:80px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-40155 .elementor-element.elementor-element-8f9aea5{--padding-top:80px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-40155 .elementor-element.elementor-element-fa1e2fc{--z-index:10;}}@media(max-width:1023px){.elementor-40155 .elementor-element.elementor-element-36d019e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:56px 56px;--row-gap:56px;--column-gap:56px;}.elementor-40155 .elementor-element.elementor-element-dd6e203 .elementor-image-box-wrapper{text-align:center;}.elementor-40155 .elementor-element.elementor-element-dd6e203 .elementor-image-box-description{font-size:18px;}.elementor-40155 .elementor-element.elementor-element-10fb4fd{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-40155 .elementor-element.elementor-element-2b3c406{text-align:center;}.elementor-40155 .elementor-element.elementor-element-9167730{text-align:center;}}@media(max-width:767px){.elementor-40155 .elementor-element.elementor-element-36d019e{--padding-top:56px;--padding-bottom:56px;--padding-left:15px;--padding-right:15px;}.elementor-40155 .elementor-element.elementor-element-dd6e203 .elementor-image-box-title{font-size:32px;}.elementor-40155 .elementor-element.elementor-element-dd6e203 .elementor-image-box-description{font-size:16px;}.elementor-40155 .elementor-element.elementor-element-8f9aea5{--padding-top:56px;--padding-bottom:56px;--padding-left:15px;--padding-right:15px;}.elementor-40155 .elementor-element.elementor-element-2b3c406 .elementor-heading-title{font-size:32px;}}/* Start custom CSS for html, class: .elementor-element-8faa06a */.faq {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.faq .item-faq {
    border: 1px solid rgb(213, 216, 220);
    border-radius: 8px;
    background-color: white;
}

.faq .item-faq .faq-head {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    cursor: pointer;
    transition: .3s ease;
}


.faq .item-faq.active .faq-head {
    border-bottom: 1px solid rgb(213, 216, 220);
}

.faq .item-faq .faq-head h3 {
    flex: 1;
}

.faq .item-faq .faq-head svg {
    transition: rotate .3s ease;
}

.faq .item-faq .faq-head svg path{
    transition: fill .3s ease;
    fill: #000;
}
.faq .item-faq.active .faq-head svg {
    transform: rotate(180deg);
}

.faq .item-faq.active .faq-head svg path {
    fill: #12d7d3;
}

.faq .item-faq .container-faq {
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    height: 0;
    visibility: hidden;
}

.faq .item-faq.active .container-faq {
    opacity: 1;
    visibility: visible;
    height: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    padding: 16px;
}

.faq .item-faq .container-faq .faq-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    background-color: #F7FAFA;
    border-radius: 8px;
}

.faq .item-faq .container-faq .faq-wrapper .text-carreira {
    font-size: 21px;
    line-height: 150%;
    color: #333;
}

.faq .item-faq .container-faq .faq-wrapper .img-wrap {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgb(213, 216, 220);
}

.faq .item-faq .container-faq .faq-wrapper .img-wrap img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    display: inline-block;
}

.faq .item-faq .container-faq .faq-wrapper .area-cards {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
}

.faq .item-faq .container-faq .faq-wrapper .area-cards .card-course {
    color: unset;
    text-decoration: none;
    padding: 16px;
    background-color: white;
    border-radius: 12px;
    border: 1px solid rgb(213, 216, 220);
    transition: .3s ease;
}


.faq .item-faq .container-faq .faq-wrapper .area-cards .card-course .title-career {
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    height: 60px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 24px;
}

.faq .item-faq .container-faq .faq-wrapper .area-cards .card-course .infos {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.faq .item-faq .container-faq .faq-wrapper .area-cards .card-course .infos li {
    display: flex;
    align-items: center;
    gap:  8px;
}

.faq .item-faq .container-faq .faq-wrapper .area-cards .card-course .infos li .icon {
    width: 16px;
    height: 16px;
    overflow: hidden;
}

.faq .item-faq .container-faq .faq-wrapper .area-cards .card-course .infos li .icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.faq .item-faq .container-faq .faq-wrapper .area-cards .card-course .infos li span {
    font-size: 14px;
    line-height: 150%;
    color: #3D4949;
    transition: color 0.3s;
}

.faq .item-faq .container-faq .faq-wrapper .area-cards .card-course:hover,
.faq .item-faq .container-faq .faq-wrapper .area-cards .card-course.opcional:hover {
    background-color: #000;
}

.faq .item-faq .container-faq .faq-wrapper .area-cards .card-course:hover .title-career {
    color: white;
}

.faq .item-faq .container-faq .faq-wrapper .area-cards .card-course:hover .infos li span {
    color: white;
}

.faq .item-faq .container-faq .faq-wrapper .area-cards .card-course.opcional {
    background-color: #E1E1E1;
}

@media (max-width: 1200px) {
    .faq .item-faq .container-faq .faq-wrapper .area-cards {
        grid-template-columns: repeat(4, 1fr);
    }
}

.read-mobile {
    display: none;
}

@media (max-width: 768px) {

    .faq .item-faq .container-faq .faq-wrapper .area-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .faq .item-faq .container-faq .faq-wrapper .img-wrap {
        overflow-x: scroll;
        padding-bottom: 10px;
        height: 385px;

    }

    .faq .item-faq .container-faq .faq-wrapper .img-wrap img {
        white-space: nowrap;
        width: auto;
        max-width: unset;
    }

    .img-wrap::-webkit-scrollbar {
        width: 5px;
        height: 3px;
    }

    .img-wrap::-webkit-scrollbar-track {
        background: #ebebeb;
    }

    .img-wrap::-webkit-scrollbar-thumb {
        background: #12d7d3;
    }

    .title-career {
        height: 40px;
        -webkit-line-clamp: 2;
    }

    .read-mobile {
        display: block;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        color: #0A7674;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f9aea5 */.s-carreiras {
    position: relative;
    overflow: hidden;
}

.s-carreiras:after, .s-carreiras:before {
    content: "";
    width: 518px;
    height: 518px;
    background: #12d7d3;
    opacity: .25;
    border-radius: 50%;
    filter: blur(50px);
    position: absolute;
    z-index: 0;
}

.s-carreiras:before {
    top: -228px;
    left: 90%;
}

.s-carreiras:after {
    bottom: -228px;
    left: -148px;
}

@media (max-width: 991px) {
    .s-carreiras:after, .s-carreiras:before {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS */.texto-carreira p {
    margin-bottom: 0;
}

.title-career {
    height: 60px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-course:hover,
.card-course.opcional:hover {
    background-color: black !important;
}

.card-course:hover * {
    color: white;
}

.card-course:hover ul li span{
    color: white !important;
}

.card-course.opcional {
    background-color: #E1E1E1 !important;
}

@media (max-width: 768px) {
  .img-wrap {
        overflow-x: scroll;
        padding-bottom: 10px;
    }
    
    .img-wrap::-webkit-scrollbar {
        width: 5px;
        height: 3px;
    } 
    
    .img-wrap::-webkit-scrollbar-track {
        background: #ebebeb;
    }
    
    .title-career {
        height: 40px;
        -webkit-line-clamp: 2;
    }
}/* End custom CSS */