.container-dynamic-banner-itens{padding:104px 0}.container-dynamic-banner-itens .title-box-component .subtitulo{margin-bottom:32px}.container-dynamic-banner-itens.right .column.image-side{order:1}.container-dynamic-banner-itens .grid-container-padding{display:flex;justify-self:center;gap:104px}.container-dynamic-banner-itens .column{flex:1;box-sizing:border-box;padding-left:0;padding-right:0;display:flex;flex-direction:column}.container-dynamic-banner-itens .column.image-side{width:100%;position:relative}.container-dynamic-banner-itens .column.image-side img{border-radius:8px;transition:opacity 0.3s ease;opacity:0;width:100%;visibility:hidden;position:absolute;top:0;left:0;pointer-events:none;z-index:0}.container-dynamic-banner-itens .column.image-side img.active{opacity:1;visibility:visible;z-index:1;position:relative}.container-dynamic-banner-itens .column.pannel-side{align-self:center}.container-dynamic-banner-itens .column.pannel-side img.image-preview{border-radius:8px;transition:opacity 0.3s ease;opacity:0;width:100%;visibility:hidden;position:absolute;top:0;left:0;pointer-events:none;z-index:0}.container-dynamic-banner-itens .column.pannel-side img.image-preview.active{opacity:1;visibility:visible;z-index:1;position:relative}.container-dynamic-banner-itens .accordion-item-dynamic{border-radius:8px;padding:16px 32px;overflow:hidden;transition:all .3s ease;box-sizing:border-box}.container-dynamic-banner-itens .accordion-item-dynamic .title{color:#5A645A;font-weight:300 !important}.container-dynamic-banner-itens .accordion-item-dynamic .accordion-header,.container-dynamic-banner-itens .accordion-item-dynamic .accordion-content{background-color:transparent}.container-dynamic-banner-itens .accordion-item-dynamic .loader-bar{width:100%;height:2px;background-color:transparent;border-radius:5px;position:absolute;bottom:0;left:0}.container-dynamic-banner-itens .accordion-item-dynamic .loader-bar .loader-fill{height:100%;width:0%;background:linear-gradient(90deg, #3FA100 0%, #3FA100 25%, #3FA100 50%, #3FA100 75%, #3FA100 100%);background-size:300% 100%;animation:gradientMove 2s infinite linear;transition:width linear}@keyframes gradientMove{0%{background-position:0% 50%}100%{background-position:100% 50%}}.container-dynamic-banner-itens .accordion-item-dynamic:not(:last-child){margin-bottom:16px}.container-dynamic-banner-itens .accordion-item-dynamic.active{padding:32px}.container-dynamic-banner-itens .accordion-item-dynamic.active .title{color:#33820D;font-weight:400 !important}.container-dynamic-banner-itens .accordion-item-dynamic:hover{cursor:pointer;background-color:#FAFAFA}.container-dynamic-banner-itens .accordion-item-dynamic:not(.active):hover .accordion-header,.container-dynamic-banner-itens .accordion-item-dynamic:not(.active):hover .accordion-content{transform:translateX(12px)}.container-dynamic-banner-itens .accordion-item-dynamic .accordion-header{display:flex;flex-direction:row;gap:24px}.container-dynamic-banner-itens .accordion-item-dynamic .accordion-header .icon-img img{margin-top:4px;width:24px;height:24px}.container-dynamic-banner-itens .accordion-item-dynamic .accordion-header .title{color:#33820D;margin-bottom:0}@keyframes expandHeight{from{max-height:0}to{max-height:100%}}.container-dynamic-banner-itens .accordion-item-dynamic .accordion-content{max-height:0;opacity:0;overflow:hidden}.container-dynamic-banner-itens .accordion-item-dynamic .accordion-content.open{animation:expandHeight .3s ease-in-out forwards;max-height:300px;opacity:1}.container-dynamic-banner-itens .accordion-item-dynamic .accordion-content .description{padding:10px 0px 0px 48px;font-size:18px;margin-bottom:0}.container-dynamic-banner-itens .accordion-item-dynamic .accordion-content .description>*{color:#5A645A;margin-bottom:0}.container-dynamic-banner-itens .accordion-item-dynamic .accordion-content .image-preview{display:none}.container-dynamic-banner-itens .accordion-item-dynamic .accordion-header,.container-dynamic-banner-itens .accordion-item-dynamic .accordion-content{transition:transform 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out}.container-dynamic-banner-itens[style*="background-color: #FAFAFA"] .accordion-item-dynamic.active,.container-dynamic-banner-itens[style*="background-color: #FAFAFA"] .accordion-item-dynamic:hover,.container-dynamic-banner-itens[style*="background-color: rgb(250, 250, 250)"] .accordion-item-dynamic.active,.container-dynamic-banner-itens[style*="background-color: rgb(250, 250, 250)"] .accordion-item-dynamic:hover,.container-dynamic-banner-itens[style*="background-color: #FFFFFF"] .accordion-item-dynamic.active,.container-dynamic-banner-itens[style*="background-color: #FFFFFF"] .accordion-item-dynamic:hover,.container-dynamic-banner-itens[style*="background-color: rgb(255, 255, 255)"] .accordion-item-dynamic.active,.container-dynamic-banner-itens[style*="background-color: rgb(255, 255, 255)"] .accordion-item-dynamic:hover{background-color:#F5F5F5}.container-dynamic-banner-itens[style*="background-color: #FAFAFA"] .accordion-item-dynamic.active .title,.container-dynamic-banner-itens[style*="background-color: #FAFAFA"] .accordion-item-dynamic:hover .title,.container-dynamic-banner-itens[style*="background-color: rgb(250, 250, 250)"] .accordion-item-dynamic.active .title,.container-dynamic-banner-itens[style*="background-color: rgb(250, 250, 250)"] .accordion-item-dynamic:hover .title,.container-dynamic-banner-itens[style*="background-color: #FFFFFF"] .accordion-item-dynamic.active .title,.container-dynamic-banner-itens[style*="background-color: #FFFFFF"] .accordion-item-dynamic:hover .title,.container-dynamic-banner-itens[style*="background-color: rgb(255, 255, 255)"] .accordion-item-dynamic.active .title,.container-dynamic-banner-itens[style*="background-color: rgb(255, 255, 255)"] .accordion-item-dynamic:hover .title{color:#33820D}.container-dynamic-banner-itens[style*="background-color: #FAFAFA"] .accordion-item-dynamic .title,.container-dynamic-banner-itens[style*="background-color: rgb(250, 250, 250)"] .accordion-item-dynamic .title,.container-dynamic-banner-itens[style*="background-color: #FFFFFF"] .accordion-item-dynamic .title,.container-dynamic-banner-itens[style*="background-color: rgb(255, 255, 255)"] .accordion-item-dynamic .title{color:#5A645A}.container-dynamic-banner-itens[style*="background-color: #FAFAFA"] .accordion-item-dynamic .description>*,.container-dynamic-banner-itens[style*="background-color: rgb(250, 250, 250)"] .accordion-item-dynamic .description>*,.container-dynamic-banner-itens[style*="background-color: #FFFFFF"] .accordion-item-dynamic .description>*,.container-dynamic-banner-itens[style*="background-color: rgb(255, 255, 255)"] .accordion-item-dynamic .description>*{color:#5A645A}.container-dynamic-banner-itens[style*="background-color: rgb(255, 255, 255)"],.container-dynamic-banner-itens[style*="background-color: #FFFFFF"]{padding-top:0;padding-bottom:0}.container-dynamic-banner-itens[style*="background-color: rgb(255, 255, 255)"] .accordion-item-dynamic.active,.container-dynamic-banner-itens[style*="background-color: rgb(255, 255, 255)"] .accordion-item-dynamic:hover,.container-dynamic-banner-itens[style*="background-color: #FFFFFF"] .accordion-item-dynamic.active,.container-dynamic-banner-itens[style*="background-color: #FFFFFF"] .accordion-item-dynamic:hover{background-color:#FAFAFA}.container-dynamic-banner-itens[style*="background-color: #ECF6E7"] .accordion-item-dynamic.active,.container-dynamic-banner-itens[style*="background-color: #ECF6E7"] .accordion-item-dynamic:hover,.container-dynamic-banner-itens[style*="background-color: rgb(236, 246, 231)"] .accordion-item-dynamic.active,.container-dynamic-banner-itens[style*="background-color: rgb(236, 246, 231)"] .accordion-item-dynamic:hover{background-color:#D7E6C880}.container-dynamic-banner-itens[style*="background-color: #ECF6E7"] .accordion-item-dynamic.active .title,.container-dynamic-banner-itens[style*="background-color: #ECF6E7"] .accordion-item-dynamic:hover .title,.container-dynamic-banner-itens[style*="background-color: rgb(236, 246, 231)"] .accordion-item-dynamic.active .title,.container-dynamic-banner-itens[style*="background-color: rgb(236, 246, 231)"] .accordion-item-dynamic:hover .title{color:#33820D}.container-dynamic-banner-itens[style*="background-color: #ECF6E7"] .accordion-item-dynamic .title,.container-dynamic-banner-itens[style*="background-color: rgb(236, 246, 231)"] .accordion-item-dynamic .title{color:#5A645A}.container-dynamic-banner-itens[style*="background-color: #ECF6E7"] .accordion-item-dynamic .description>*,.container-dynamic-banner-itens[style*="background-color: rgb(236, 246, 231)"] .accordion-item-dynamic .description>*{color:#5A645A}.container-dynamic-banner-itens[style*="background-color: #33820D"] .accordion-item-dynamic .loader-bar .loader-fill,.container-dynamic-banner-itens[style*="background-color: rgb(51, 130, 13)"] .accordion-item-dynamic .loader-bar .loader-fill{background:linear-gradient(90deg, #A0DC8C 0%, #A0DC8C 25%, #A0DC8C 50%, #A0DC8C 75%, #A0DC8C 100%)}.container-dynamic-banner-itens[style*="background-color: #33820D"] .accordion-item-dynamic.active,.container-dynamic-banner-itens[style*="background-color: #33820D"] .accordion-item-dynamic:hover,.container-dynamic-banner-itens[style*="background-color: rgb(51, 130, 13)"] .accordion-item-dynamic.active,.container-dynamic-banner-itens[style*="background-color: rgb(51, 130, 13)"] .accordion-item-dynamic:hover{background-color:#D7E6C81A}.container-dynamic-banner-itens[style*="background-color: #33820D"] .accordion-item-dynamic.active .title,.container-dynamic-banner-itens[style*="background-color: #33820D"] .accordion-item-dynamic:hover .title,.container-dynamic-banner-itens[style*="background-color: rgb(51, 130, 13)"] .accordion-item-dynamic.active .title,.container-dynamic-banner-itens[style*="background-color: rgb(51, 130, 13)"] .accordion-item-dynamic:hover .title{color:#FFFFFF}.container-dynamic-banner-itens[style*="background-color: #33820D"] .accordion-item-dynamic .title,.container-dynamic-banner-itens[style*="background-color: rgb(51, 130, 13)"] .accordion-item-dynamic .title{color:#ECF6E7}.container-dynamic-banner-itens[style*="background-color: #33820D"] .accordion-item-dynamic .description>*,.container-dynamic-banner-itens[style*="background-color: rgb(51, 130, 13)"] .accordion-item-dynamic .description>*{color:#ECF6E7}.container-dynamic-banner-itens[style*="background-color: #0A4B1E"] .accordion-item-dynamic.active,.container-dynamic-banner-itens[style*="background-color: #0A4B1E"] .accordion-item-dynamic:hover,.container-dynamic-banner-itens[style*="background-color: rgb(10, 75, 30)"] .accordion-item-dynamic.active,.container-dynamic-banner-itens[style*="background-color: rgb(10, 75, 30)"] .accordion-item-dynamic:hover{background-color:#D7E6C81A}.container-dynamic-banner-itens[style*="background-color: #0A4B1E"] .accordion-item-dynamic.active .title,.container-dynamic-banner-itens[style*="background-color: #0A4B1E"] .accordion-item-dynamic:hover .title,.container-dynamic-banner-itens[style*="background-color: rgb(10, 75, 30)"] .accordion-item-dynamic.active .title,.container-dynamic-banner-itens[style*="background-color: rgb(10, 75, 30)"] .accordion-item-dynamic:hover .title{color:#FFFFFF}.container-dynamic-banner-itens[style*="background-color: #0A4B1E"] .accordion-item-dynamic .title,.container-dynamic-banner-itens[style*="background-color: rgb(10, 75, 30)"] .accordion-item-dynamic .title{color:#ECF6E7}.container-dynamic-banner-itens[style*="background-color: #0A4B1E"] .accordion-item-dynamic .description>*,.container-dynamic-banner-itens[style*="background-color: rgb(10, 75, 30)"] .accordion-item-dynamic .description>*{color:#ECF6E7}.container-dynamic-banner-itens[style*="background-color: #323C32"] .accordion-item-dynamic.active,.container-dynamic-banner-itens[style*="background-color: #323C32"] .accordion-item-dynamic:hover,.container-dynamic-banner-itens[style*="background-color: rgb(50, 60, 50)"] .accordion-item-dynamic.active,.container-dynamic-banner-itens[style*="background-color: rgb(50, 60, 50)"] .accordion-item-dynamic:hover{background-color:#D7E6C81A}.container-dynamic-banner-itens[style*="background-color: #323C32"] .accordion-item-dynamic.active .title,.container-dynamic-banner-itens[style*="background-color: #323C32"] .accordion-item-dynamic:hover .title,.container-dynamic-banner-itens[style*="background-color: rgb(50, 60, 50)"] .accordion-item-dynamic.active .title,.container-dynamic-banner-itens[style*="background-color: rgb(50, 60, 50)"] .accordion-item-dynamic:hover .title{color:#FFFFFF}.container-dynamic-banner-itens[style*="background-color: #323C32"] .accordion-item-dynamic .title,.container-dynamic-banner-itens[style*="background-color: rgb(50, 60, 50)"] .accordion-item-dynamic .title{color:#ECF6E7}.container-dynamic-banner-itens[style*="background-color: #323C32"] .accordion-item-dynamic .description>*,.container-dynamic-banner-itens[style*="background-color: rgb(50, 60, 50)"] .accordion-item-dynamic .description>*{color:#ECF6E7}@media screen and (max-width: 1366px){.container-dynamic-banner-itens .column .image-side img{width:80%}}@media screen and (max-width: 1024px){.container-dynamic-banner-itens .grid-container-padding{flex-direction:column;gap:48px}.container-dynamic-banner-itens .column.image-side{order:1}.container-dynamic-banner-itens .column.image-side figure,.container-dynamic-banner-itens .column.image-side img{width:100%;max-height:643px;object-fit:contain}.container-dynamic-banner-itens .accordion-item-dynamic .accordion-content .description{padding:10px 0px 0px 48px}}@media screen and (max-width: 799px){.container-dynamic-banner-itens{padding:72px 0}.container-dynamic-banner-itens .grid-container-padding{gap:0}.container-dynamic-banner-itens .column.image-side{display:none}.container-dynamic-banner-itens .accordion-item-dynamic{padding:16px 24px;gap:16px}.container-dynamic-banner-itens .accordion-item-dynamic .accordion-header{gap:16px}.container-dynamic-banner-itens .accordion-item-dynamic.active{padding:24px}.container-dynamic-banner-itens .accordion-item-dynamic .accordion-content .image-preview{border-radius:8px;display:block;width:100%;margin-top:24px}.container-dynamic-banner-itens .accordion-item-dynamic .accordion-content .description{font-size:16px;padding:10px 0px 0px 40px}.container-dynamic-banner-itens .accordion-item-dynamic:hover .accordion-header,.container-dynamic-banner-itens .accordion-item-dynamic:hover .accordion-content{transform:unset}}

/*# sourceMappingURL=dynamic_banner_itens.css.map */