.elementor-7847 .elementor-element.elementor-element-7cdf9e56{--display:flex;--overflow:hidden;--border-radius:30px 30px 30px 30px;}.elementor-7847 .elementor-element.elementor-element-7cdf9e56:not(.elementor-motion-effects-element-type-background), .elementor-7847 .elementor-element.elementor-element-7cdf9e56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7ebd542 );}.elementor-7847 .elementor-element.elementor-element-573e2e34{--display:flex;}.elementor-7847 .elementor-element.elementor-element-25adfdb4{--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;--gap:95px 95px;--row-gap:95px;--column-gap:95px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7847 .elementor-element.elementor-element-770653a.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-7847 .elementor-element.elementor-element-770653a img{width:100%;height:600px;object-fit:cover;object-position:bottom center;}@media(max-width:767px){.elementor-7847 .elementor-element.elementor-element-25adfdb4{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-7cdf9e56 */.myclass::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    padding: 2px;
    background: linear-gradient(180deg, #FAAC1E 0%, #EB1B45 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 1!important;
}/* End custom CSS */
/* Start custom CSS */.animalname {
    width:130px;
    height: 130px;
    object-fit: contain;
}
.imganimal{
    height: 396px;
    object-fit: cover;
    z-index: 999;
}
.imganimal img{
    height: 100%;
    object-fit: cover;
}
.animaldescription{
    overflow: hidden;
}

.e-n-accordion-item{
    box-shadow: 0px 25px 70px 0px #00000012;
border-radius: 10px;
}
.conta{
    gap: 5px;
    padding: 20px;
    background: white;
    border-radius: 20px;
    z-index: 99;
    position: relative;
}

.image1,.image2 {
  position: absolute;
  top: 50%;
  
  transform: translateY(15%);
}

.my-img {
  display: none;
  transform: translateX(100%);
  opacity: 0;
  transition: 0.2s linear;
}
.my-img.active {
  display: flex;
  transform: translateX(0%);
  opacity: 1;
}
.animalparent{
    background: #FF6D00;
    border-radius: 20px;
    overflow: hidden;
}
.inner12{
    gap: 25px;
}
.animaldescription{
    padding: 50px;
}
.myimg1, .myimg2{
    top:20px;
}



@media(max-width:1366px){
    .inner12{
    gap: 19px;
    width:90%;
}
.animaldescription{
    padding: 30px;
}

}
@media(max-width:1024px){
.animalparent{
   flex-wrap:wrap;
}
}

@media(max-width:768px){
    .conta{
    gap: 2px;
    padding: 15px;
    background: white;
    border-radius: 10px;
   
}
}/* End custom CSS */