.elementor-3214 .elementor-element.elementor-element-29f9490{--display:flex;--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-3214 .elementor-element.elementor-element-29040db{--display:flex;--min-height:0px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;}.elementor-3214 .elementor-element.elementor-element-01630b7 > .elementor-widget-container{margin:0px 0px -7px 0px;}.elementor-3214 .elementor-element.elementor-element-01630b7{z-index:0;}.elementor-3214 .elementor-element.elementor-element-01630b7 img{width:126px;}.elementor-3214 .elementor-element.elementor-element-dfc517c{--display:flex;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3214 .elementor-element.elementor-element-0d44c47{text-align:center;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3214 .elementor-element.elementor-element-2d87fc0{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );bottom:0px;}.elementor-3214 .elementor-element.elementor-element-2d87fc0:not(.elementor-motion-effects-element-type-background), .elementor-3214 .elementor-element.elementor-element-2d87fc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}body:not(.rtl) .elementor-3214 .elementor-element.elementor-element-2d87fc0{right:0px;}body.rtl .elementor-3214 .elementor-element.elementor-element-2d87fc0{left:0px;}.elementor-3214 .elementor-element.elementor-element-5c5970c .elementor-icon-wrapper{text-align:center;}@media(min-width:768px){.elementor-3214 .elementor-element.elementor-element-29040db{--width:150px;}}@media(max-width:1024px) and (min-width:768px){.elementor-3214 .elementor-element.elementor-element-2d87fc0{--width:70px;}}@media(max-width:1024px){.elementor-3214 .elementor-element.elementor-element-0d44c47{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3214 .elementor-element.elementor-element-2d87fc0{border-width:2px 0px 2px 2px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:2px;--border-radius:50px 0px 0px 50px;--padding-top:9px;--padding-bottom:9px;--padding-left:9px;--padding-right:9px;bottom:50px;--z-index:100;}.elementor-3214 .elementor-element.elementor-element-5c5970c > .elementor-widget-container{margin:2px 0px -3px 6px;}.elementor-3214 .elementor-element.elementor-element-5c5970c .elementor-icon{font-size:25px;}.elementor-3214 .elementor-element.elementor-element-5c5970c .elementor-icon svg{height:25px;}.elementor-3214 .elementor-element.elementor-element-5c5970c .elementor-icon i, .elementor-3214 .elementor-element.elementor-element-5c5970c .elementor-icon svg{transform:rotate(-90deg);}}@media(max-width:767px){.elementor-3214 .elementor-element.elementor-element-29f9490{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-3214 .elementor-element.elementor-element-01630b7{z-index:0;}.elementor-3214 .elementor-element.elementor-element-dfc517c{--width:150px;}.elementor-3214 .elementor-element.elementor-element-0d44c47{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3214 .elementor-element.elementor-element-2d87fc0{--width:50px;--min-height:50px;border-width:2px 0px 2px 2px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:2px;--border-radius:50px 0px 0px 50px;--padding-top:0.5rem;--padding-bottom:0.5rem;--padding-left:1rem;--padding-right:1rem;bottom:50px;--z-index:100;}.elementor-3214 .elementor-element.elementor-element-5c5970c > .elementor-widget-container{margin:2px 0px -6px -5px;}.elementor-3214 .elementor-element.elementor-element-5c5970c .elementor-icon{font-size:20px;}.elementor-3214 .elementor-element.elementor-element-5c5970c .elementor-icon svg{height:20px;}.elementor-3214 .elementor-element.elementor-element-5c5970c .elementor-icon i, .elementor-3214 .elementor-element.elementor-element-5c5970c .elementor-icon svg{transform:rotate(-90deg);}}/* Start custom CSS for container, class: .elementor-element-29f9490 *//* This class targets your container */

.backtotop-button {
    top: 0px;
    background-color: #7D806B;
        border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.backtotop-text {
    color:#F5ECDD;
        transition: all 0.3s ease-in-out;

}

.backtotop-icon {
    top: 0px;
    transition: all 0.3s ease-in-out;
    z-index: 10!important;
}

.backtotop-container:hover .backtotop-button {
    top: 10px;
    background-color: #DDBAB2;
    border-radius: 10px;
    
}

.backtotop-container:hover .backtotop-text {
    color:#4C2F26;
}



.backtotop-container:hover .backtotop-icon {
    top: 20px;
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    
 .backtotop-icon {
    top: 0px;
    transition: none;
    z-index: 10!important;
}
 
    .backtotop-container:hover .backtotop-button {
    top: 0px;
    transition:none;
    
}

.backtotop-container:hover .backtotop-text {
    color:#4C2F26;
}

.backtotop-container:hover .backtotop-icon {
    top: 0px;
    transtion: 0px;
}
    

}
/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */