.elementor-1795 .elementor-element.elementor-element-4bd281a:not(.elementor-motion-effects-element-type-background), .elementor-1795 .elementor-element.elementor-element-4bd281a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1795 .elementor-element.elementor-element-4bd281a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1795 .elementor-element.elementor-element-4bd281a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1795 .elementor-element.elementor-element-5a27d37 .hfe-site-logo-container, .elementor-1795 .elementor-element.elementor-element-5a27d37 .hfe-caption-width figcaption{text-align:left;}.elementor-1795 .elementor-element.elementor-element-5a27d37 .hfe-site-logo .hfe-site-logo-container img{width:22%;}.elementor-1795 .elementor-element.elementor-element-5a27d37 .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-1795 .elementor-element.elementor-element-5a27d37 .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}.elementor-1795 .elementor-element.elementor-element-78efd85 > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 0px 23px;}.elementor-1795 .elementor-element.elementor-element-78efd85.elementor-element{--align-self:flex-end;}.elementor-1795 .elementor-element.elementor-element-dff96bb:not(.elementor-motion-effects-element-type-background), .elementor-1795 .elementor-element.elementor-element-dff96bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1795 .elementor-element.elementor-element-dff96bb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1795 .elementor-element.elementor-element-dff96bb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1795 .elementor-element.elementor-element-d7f2637 .hfe-site-logo-container, .elementor-1795 .elementor-element.elementor-element-d7f2637 .hfe-caption-width figcaption{text-align:left;}.elementor-1795 .elementor-element.elementor-element-d7f2637 .hfe-site-logo .hfe-site-logo-container img{width:22%;}.elementor-1795 .elementor-element.elementor-element-d7f2637 .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-1795 .elementor-element.elementor-element-d7f2637 .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}.elementor-1795 .elementor-element.elementor-element-682937c{--display:flex;}@media(max-width:767px){.elementor-1795 .elementor-element.elementor-element-ab8c252{width:50%;}.elementor-1795 .elementor-element.elementor-element-5a27d37 .hfe-site-logo .hfe-site-logo-container img{width:81%;}.elementor-1795 .elementor-element.elementor-element-8845baf{width:23%;}.elementor-1795 .elementor-element.elementor-element-216817a{width:23%;}.elementor-1795 .elementor-element.elementor-element-b1dfcb6{width:50%;}.elementor-1795 .elementor-element.elementor-element-d7f2637 .hfe-site-logo .hfe-site-logo-container img{width:81%;}.elementor-1795 .elementor-element.elementor-element-15c0fce{width:23%;}.elementor-1795 .elementor-element.elementor-element-2a9913b{width:23%;}}@media(min-width:768px){.elementor-1795 .elementor-element.elementor-element-ab8c252{width:70%;}.elementor-1795 .elementor-element.elementor-element-8845baf{width:12%;}.elementor-1795 .elementor-element.elementor-element-216817a{width:17.333%;}.elementor-1795 .elementor-element.elementor-element-b1dfcb6{width:70%;}.elementor-1795 .elementor-element.elementor-element-15c0fce{width:12%;}.elementor-1795 .elementor-element.elementor-element-2a9913b{width:17.333%;}}/* Start custom CSS for html, class: .elementor-element-78efd85 */body {
  margin: 0;
  background-color: #f4f4f4;


  justify-content: flex-end; /* Align content to the right */
  align-items: center; /* Vertically center content */
}

.button-container {
  display: flex;
  gap: 20px; /* Space between the buttons */
  margin-right: 20px; /* Space from the right edge */
}

/* Demo Button Styles */
.demo-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px 12px;
  font-size: 14px; /* Default font size */
  font-weight: bold; /* Keep bold text for emphasis */
  color: white;
  background-color: #ff0000; /* Red background */
  border: none;
  border-radius: 30px;
  cursor: pointer;
  text-transform: uppercase;
  transition: transform 0.2s ease-in-out;
}

.demo-button i {
  font-size: 14px; /* Icon size */
  color: white; /* Icon color */
}

.demo-button:hover {
  transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54bdc25 */.login-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px 12px;
  font-size: 14px; /* Default font size */
  font-weight: bold; /* Keep bold text for emphasis */
  color: white;
  background-color: #008000; /* Green background */
  border: none;
  border-radius: 30px;
  cursor: pointer;
  text-transform: uppercase;
  transition: transform 0.2s ease-in-out;
}

.login-button i {
  font-size: 14px; /* Icon size */
  color: white; /* Icon color */
}

.login-button:hover {
  transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7260baa *//* styles.css */
body {
  font-family: Arial, sans-serif;
  margin: 0;
  background-color: #f4f4f4;
  

  justify-content: flex-end; /* Align content to the right */
  align-items: center; /* Vertically center content */
}

.button-container {
  display: flex;
  gap: 20px; /* Space between the buttons */
  margin-right: 20px; /* Space from the right edge */
}

/* Demo Button Styles */
.demo-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
   padding: 6px 10px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  background-color: #ff0000; /* Red background */
  border: none;
  border-radius: 30px;
  cursor: pointer;
  text-transform: uppercase;
  transition: transform 0.2s ease-in-out;
}

.demo-button i {
  font-size: 20px; /* Icon size */
  color: white; /* Icon color */
}

.demo-button:hover {
  transform: scale(1.1);
}

/* Login Button Styles */
.login-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
   padding: 6px 10px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  background-color: #008000; /* Green background */
  border: none;
  border-radius: 30px;
  cursor: pointer;
  text-transform: uppercase;
  transition: transform 0.2s ease-in-out;
}

.login-button i {
  font-size: 20px; /* Icon size */
  color: white; /* Icon color */
}

.login-button:hover {
  transform: scale(1.1);
}/* End custom CSS */