.elementor-kit-8{--e-global-color-primary:#043241;--e-global-color-secondary:#54595F;--e-global-color-text:#222222;--e-global-color-accent:#043241;--e-global-color-c83bba1:#F0F0F0;--e-global-color-720cb53:#FFFFFF;--e-global-typography-primary-font-family:"Airbnb Cereal";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Airbnb Cereal";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Airbnb Cereal";--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:40px;--e-global-typography-accent-font-family:"Airbnb Cereal";--e-global-typography-accent-font-weight:400;--e-global-typography-170204e-font-family:"airbnbcecreal";font-family:"Airbnb Cereal", Sans-serif;background-color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-primary-font-size:1rem;--e-global-typography-primary-line-height:1.125rem;--e-global-typography-secondary-font-size:0.875rem;--e-global-typography-secondary-line-height:1.125rem;--e-global-typography-text-font-size:0.85rem;--e-global-typography-text-line-height:1.125rem;--e-global-typography-accent-font-size:1.5rem;--e-global-typography-accent-line-height:1.125rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.fi {
  color: #fd5c63 ;
  font-size: 24px;
}


#sticky-menu {
  position: fixed;
  display: flex;
  bottom: 8px; /* Float 20px above the bottom of the page */
  left: 50%;
  transform: translateX(-50%); /* Center horizontally */
  width: calc(
    100% - 10px
  ); /* Reduce width to ensure it doesn't touch the sides */
  max-width: 600px; /* Optional: limit the maximum width */
  background-color: #fd5c63;
  padding-top: 10px;
  padding-left:10px;
  padding-right:10px;
  display: flex;
  justify-content: space-between; /* Equal spacing between circles */
  align-items: center; /* Center circles vertically within the footer */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Adds a shadow for floating effect */
  border-radius: 8px; /* Adds rounded corners */
  z-index: 1000; /* Ensure it's on top of other content */
  opacity: 0.9; /* Makes the box transparent */
  transition: transform 0.3s ease; /* Smooth transition for hiding/showing */
}

.circle {
    text-align:center;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.circle:hover {
  transform: scale(1.3); /* Slightly enlarge on hover */
}

/* Add extra margin to the first and last circles */

.circle i {
  font-size: 20px; /* Adjust size of the icon */
  line-height: 1; /* Ensures the line height doesn't affect vertical centering */
  margin: 0; /* Remove any default margin */
  padding: 0; /* Remove any default padding */
  display: inline-block; /* Ensures the icon behaves as expected */
  text-align: center; /* Center text within the inline-block */
  vertical-align: middle; /* Align icon vertically in relation to the circle */
}

.circle-text {
    font-size: 10px;
    color: #fff;
    font-weight:500;


}

.circle-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    

}

#sticky-menu.hidden {
            transform: translateY(100%); /* Move the div out of view */
        }/* End custom CSS */