.elementor-kit-7{--e-global-color-primary:#232323;--e-global-color-secondary:#727272;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:992px;}.e-con{--container-max-width:992px;}}@media(max-width:992px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(max-width:767px){.elementor-kit-7 h2{font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Load Vietnam Pro font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Override all font settings */
* {
    font-family: 'Be Vietnam Pro', sans-serif !important;
}

.sticky-top{top:120px !important;z-index:unset !important;}

.post-header{z-index:unset !important;}

.excerpt-wrapper.d-flex.align-items-end.justify-content-between {
    display: -webkit-box;
    -webkit-line-clamp: 3;  /* Adjust based on font-size & line-height */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4.5em; /* Adjust for 3 lines */
    margin-top: 15px;
}

.st-map-wrapper{display:none;}
.map-view.map-view-mobile{display:none !important;}

div#sticky-menu{display:none;}


@media (max-width: 768px) {
    html, body { font-size: 16px !important; }

    h1 { font-size: 28px !important; }
    h2 { font-size: 24px !important; }
    h3 { font-size: 20px !important; }
    h4 { font-size: 18px !important; }
    h5 { font-size: 16px !important; }
    h6 { font-size: 14px !important; }

    p, span, div { font-size: 16px !important; }

    a { font-size: 16px !important; }

    ul, ol, li { font-size: 16px !important; }

    th, td { font-size: 15px !important; }

    input, textarea, select, button { font-size: 16px !important; }

    small { font-size: 14px !important; }
    
    #sticky-menu {
  position: fixed;
  display: flex !important;
  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: #1A2B48;
  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 {
    padding-top:5px;
    padding-bottom:5px;
    font-size: 10px !important;
    color: #fff;
    font-weight:500 !important;


}

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

}

.fi {
  color: #000;
  font-size: 24px;
}

#sticky-menu.hidden {
            transform: translateY(100%); /* Move the div out of view */
        }/* End custom CSS */
    
    .service-list-wrapper > [class*=col-]{margin-bottom:unset;}
    
    .header.header-sticky-menu.d-flex.justify-content-between.align-items-center{display:none!important;}
    
    .image.st-border-radius{height:150px;}
    
        .service-list-wrapper{padding-bottom:unset !important;}
    
}/* End custom CSS */