@font-face { font-family: "Montserrat"; src: url("../fonts/montserrat/Montserrat[wght].ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../fonts/barlow/Barlow-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../fonts/barlow/Barlow-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../fonts/barlow/Barlow-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../fonts/barlow/Barlow-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../fonts/barlow/Barlow-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../fonts/barlow/Barlow-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }

/* Interiox design tokens (default skin: theme-skin-color-set1), scoped to the Seif widgets. */
.elementor-widget-seif-service-block,
.elementor-widget-seif-funfact-counter,
.elementor-widget-seif-lists,
.elementor-widget-seif-iconbox {
  --theme-color1: #aa8453;
  --theme-color1-rgb: 170, 132, 83;
  --theme-color1-lighter: #bd9f78;
  --theme-color1-darker: #846741;
  --theme-color2: #272727;
  --theme-color2-rgb: 39, 39, 39;
  --theme-color2-lighter: #434343;
  --theme-color2-darker: #0b0b0b;
  --theme-color3: #323232;
  --theme-color3-rgb: 50, 50, 50;
  --theme-color3-lighter: #4e4e4e;
  --theme-color3-darker: #161616;
  --theme-color4: #c6974c;
  --theme-color4-rgb: 198, 151, 76;
  --theme-color4-lighter: #d4b077;
  --theme-color4-darker: #a57a35;
  --theme-color-white: #ffffff;
  --theme-color-light: #f8f5f0;
  --theme-color-gray: #f6f6f6;
  --gradient-1: linear-gradient(to right, rgba(var(--theme-color1-rgb), 1) 0%, rgba(var(--theme-color4-rgb), 1) 100%);
  --gradient-2: linear-gradient(to left, rgba(var(--theme-color1-rgb), 1) 0%, rgba(var(--theme-color4-rgb), 1) 100%);
  --gradient-3: linear-gradient(-135deg, rgba(23, 23, 23, 0) 50%, var(--theme-color1) 100%);
  --text-color-bg-theme-color1: #fff;
  --text-color-bg-theme-color2: #fff;
  --text-color-bg-theme-color3: #fff;
  --text-color-bg-theme-color4: #fff;
  --hover-theme-color: #aa8453;
  --body-font-family: "Barlow", serif;
  --heading-font-family: "Montserrat", serif;
  --font-current-theme3: "Barlow", serif;
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-font-bold: bold;
  --text-color: #777777;
  --link-color: #272e39;
  --link-hover-color: #aa8453;
  --headings-color: #272727;
  --h1-font-size: 4.5rem;
  --h1-font-size-mob: 2.5rem;
  --h2-font-size: 2.875rem;
  --h2-font-size-mob: 2.5rem;
  --h3-font-size: 2rem;
  --h4-font-size: 1.5rem;
  --h5-font-size: 1.125rem;
  --h6-font-size: 0.875rem;
  --headings-font-weight-h1: 600;
  --headings-font-weight-h2: 500;
  --headings-font-weight-h3: 500;
  --headings-font-weight-h4: 500;
  --headings-font-weight-h5: 500;
  --headings-font-weight-h6: 500;
  --section-title-subtitle-line-height: 1.4;
  --btn-font-size: 14px;
  --transition: all 300ms ease;
  --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  line-height: 1.9;
  color: var(--text-color);
  font-size: var(--body-font-size);
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

/* Animation classes live on different layout holders. Keep the effect local to
 * the hovered item and support legacy .icon wrappers without animating twice. */
.elementor-widget-seif-service-block .animate-hover .service-item :is(.icon, .service-icon):not(.icon .service-icon) {
  transition: transform 300ms ease;
}
.elementor-widget-seif-service-block .animate-icon-rotate .service-item:hover :is(.icon, .service-icon):not(.icon .service-icon) { transform: rotate(360deg); }
.elementor-widget-seif-service-block .animate-icon-rotate-x .service-item:hover :is(.icon, .service-icon):not(.icon .service-icon) { transform: rotateX(360deg); }
.elementor-widget-seif-service-block .animate-icon-rotate-y .service-item:hover :is(.icon, .service-icon):not(.icon .service-icon) { transform: rotateY(180deg); }
.elementor-widget-seif-service-block .animate-icon-translate .service-item:hover :is(.icon, .service-icon):not(.icon .service-icon) { transform: translate(-10px, 10px); }
.elementor-widget-seif-service-block .animate-icon-translate-x .service-item:hover :is(.icon, .service-icon):not(.icon .service-icon) { transform: translateX(-10px); }
.elementor-widget-seif-service-block .animate-icon-translate-y .service-item:hover :is(.icon, .service-icon):not(.icon .service-icon) { transform: translateY(-10px); }
.elementor-widget-seif-service-block .animate-icon-scale .service-item:hover :is(.icon, .service-icon):not(.icon .service-icon) { transform: scale(1.1); }