/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/scss/frontend.scss ***!
  \***************************************************************************************************************************************************************************************/
body.elementor-kit-8 {
  --color-theme-dark: var(--e-global-color-510c76e);
  --color-theme-primary-darker: var(--e-global-color-0fca187);
}

body {
  --color-background-gradiant: var(--color-theme-primary) !important;
  --component-transition: 600ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
body .vizion-breadcrumb-one {
  --color-background-gradiant: linear-gradient(180deg, var(--color-theme-dark) 15%, var(--color-theme-primary-darker) 200%) !important;
}

body .header-default .vizion-hamburger .lines {
  background-color: var(--color-theme-primary-light);
}
body .header-default .sf-menu .sub-menu,
body .header-default .sf-menu .iqonic-megamenu-container .elementor-section {
  background-color: var(--color-theme-black);
}
body .header-default .sf-menu a .menu-line::before {
  background: unset;
  background-color: var(--color-theme-primary);
}

body .vizion-button,
body .elementor a.vizion-button {
  background: unset;
}
body .vizion-button:hover,
body .elementor a.vizion-button:hover {
  background: unset;
}

body .dotCircle .itemDot {
  border: 1px solid var(--color-theme-primary);
}
body .dotCircle .itemDot.active, body .dotCircle .itemDot:hover {
  background: var(--color-theme-primary) !important;
}

body .vizion-icon-box {
  height: 100%;
  align-items: center;
}
body .vizion-icon-box .icon-box-img {
  align-self: flex-start;
}

body .vizion-accordion .vizion-accordion-block,
body .vizion-accordion .vizion-accordion-block.vizion-active,
body .vizion-accordion .vizion-accordion-block:hover {
  background-color: var(--color-theme-black);
  border-color: var(--color-theme-primary);
}
body .vizion-accordion .vizion-accordion-title {
  background-color: var(--color-theme-black) !important;
}

body .vizion-service-grid img {
  width: 100%;
  height: auto;
  aspect-ratio: 0.65;
  object-fit: contain;
  object-position: center center;
}

body.single-service .widget {
  background-color: var(--color-theme-dark);
  border-radius: 5px;
}
body.single-service .widget img {
  border-radius: 5px;
}
body.single-service .custom-service-widget {
  background-color: transparent;
  border: 1px solid var(--color-theme-primary);
  border-radius: 5px;
  justify-content: space-around;
  align-items: center;
}
body.single-service .custom-service-widget .title {
  font-size: 1.5rem;
}
body.single-service .custom-service-widget .image {
  padding: 16px;
}
body.single-service .custom-service-widget .text p {
  margin: 0;
}

body form.wsf-form button.wsf-button {
  --wsf-field-button-padding:
      var(--wsf-field-button-padding-vertical)
      calc(var(--wsf-field-button-padding-horizontal) / 2)
      var(--wsf-field-button-padding-vertical)
      var(--wsf-field-button-padding-horizontal);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--wsf-field-button-font-size);
  transition: background-color var(--component-transition);
}
body form.wsf-form button.wsf-button::after {
  content: url("data:image/svg+xml,%3Csvg width=%278%27 height=%2714%27 viewBox=%270 0 8 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%0A%3Cpath d=%27M1.04999 0.975414L7.09999 6.99941L1.04999 13.0244%27 stroke=%27white%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/path%3E%0A%3C/svg%3E");
  display: block;
  height: var(--wsf-field-button-font-size);
  line-height: 1;
  position: relative;
  right: 0;
  padding: 0 var(--wsf-field-button-font-size) 0 0;
  transition: padding var(--component-transition);
}
body form.wsf-form button.wsf-button.wsf-button-primary::after {
  border-color: var(--wsf-field-button-primary-color);
}
body form.wsf-form button.wsf-button:hover::after {
  padding: 0 0 0 var(--wsf-field-button-font-size);
}

/*# sourceMappingURL=frontend.css.map*/