.elementor-275 .elementor-element.elementor-element-40316da{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-275 .elementor-element.elementor-element-d39fdbd > .elementor-widget-container{margin:5% 0% 0% 0%;border-style:solid;border-width:0px 0px 0px 0px;border-color:#E4AE57;}/* Start custom CSS for html, class: .elementor-element-d39fdbd */.dock {
  list-style-type: none;
  width: max-content;
  display: flex;
  border: 0px solid black;
  border-radius: 1rem;
  padding: 0.25rem;
}

.dock-icon {
  position: relative;
  width: 3rem;
  height: 3rem;
  margin: 0.25rem;
  border: 0px solid black;
  border-radius: 40%;
  background-color: rgba(95, 95, 95, 0.2784313725490196);
  display: grid;
  place-items: center;
  cursor: pointer; 
  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), margin 0.8s;
  transform-origin: bottom;
  color: #e4ae57;
}

.dock-icon::before {
  content: attr(data-tip);
  position: absolute;
  top: -1.5rem;
  font: 0.5rem helvetica,sans-serif;
  border: 0px solid black;
  border-radius: 0.15rem;
  background-color: #e4ae57!important;
  padding: 0.5em;
  display: none;
  color: #000;
  
}


.dock-icon:hover::before, .dock-icon:hover::after { display: block; }/* End custom CSS */