.elementor-kit-5{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#0E1A2E;--e-global-color-text:#475467;--e-global-color-accent:#4C1D95;--e-global-color-a0800f7:#7C3AED;--e-global-color-045ba3c:#121B36;--e-global-color-ba73f5a:#EDE9FE;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:500;--e-global-typography-7e0417a-font-family:"Montserrat";--e-global-typography-7e0417a-font-size:72px;--e-global-typography-7e0417a-font-weight:800;--e-global-typography-7e0417a-line-height:70px;--e-global-typography-7e0417a-letter-spacing:-2px;--e-global-typography-9b06c14-font-family:"Montserrat";--e-global-typography-9b06c14-font-size:48px;--e-global-typography-9b06c14-font-weight:700;--e-global-typography-9b06c14-line-height:55px;--e-global-typography-9b06c14-letter-spacing:-1.1px;--e-global-typography-b905ac8-font-family:"Montserrat";--e-global-typography-b905ac8-font-size:28px;--e-global-typography-b905ac8-font-weight:700;--e-global-typography-b905ac8-line-height:34px;--e-global-typography-b905ac8-letter-spacing:-0.5px;--e-global-typography-e6e5d98-font-family:"Montserrat";--e-global-typography-e6e5d98-font-size:18px;--e-global-typography-e6e5d98-font-weight:600;--e-global-typography-e6e5d98-line-height:22px;--e-global-typography-444ed43-font-family:"Montserrat";--e-global-typography-444ed43-font-size:20px;--e-global-typography-177dd36-font-family:"Montserrat";--e-global-typography-177dd36-font-size:16px;--e-global-typography-177dd36-line-height:20px;--e-global-typography-a2be25e-font-family:"Montserrat";--e-global-typography-a2be25e-font-size:14px;--e-global-typography-a2be25e-line-height:1rem;--e-global-typography-d4776d3-font-family:"Montserrat";--e-global-typography-d4776d3-font-size:16px;--e-global-typography-d4776d3-font-weight:600;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;--container-default-padding-top:0px;--container-default-padding-right:56px;--container-default-padding-bottom:0px;--container-default-padding-left:56px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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-5{--e-global-typography-7e0417a-font-size:36px;--e-global-typography-7e0417a-line-height:1.04em;--e-global-typography-9b06c14-font-size:32px;--e-global-typography-9b06c14-line-height:1.06em;--e-global-typography-b905ac8-font-size:22px;--e-global-typography-b905ac8-line-height:1.06em;--e-global-typography-e6e5d98-font-size:19px;--e-global-typography-e6e5d98-line-height:1.06em;--e-global-typography-444ed43-font-size:18px;--e-global-typography-444ed43-line-height:1.55em;--e-global-typography-177dd36-font-size:16px;--e-global-typography-177dd36-line-height:1.55em;--e-global-typography-a2be25e-font-size:14px;--e-global-typography-a2be25e-line-height:1.55em;--e-global-typography-d4776d3-font-size:17px;--e-global-typography-d4776d3-line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Cards custom box shadow */
.card-shadow {
    box-shadow: 0 2px 6px rgba(40, 28, 90, .04), 0 26px 56px -28px rgba(70, 45, 130, .22);
}

/* =========================================================
   SAYTAR — custom hover animations (no JS required)
   ========================================================= */

/* prefers-reduced-motion: disable all transforms for accessibility */
@media (prefers-reduced-motion: reduce) {
  .sx-card, .sx-tile, .sx-case, .sx-member__photo, .sx-contact,
  .sx-tile__arrow, .sx-step__num { transition: none !important; }
  .sx-card:hover, .sx-tile:hover, .sx-member:hover .sx-member__photo,
  .sx-contact:hover { transform: none !important; }
}

/* 1–3. CARD LIFT (services, problem, solutions) */
.sx-card {
  transition: transform .24s ease, box-shadow .28s ease, border-color .2s ease;
  will-change: transform;
}
.sx-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 2px 6px rgba(40,28,90,.05), 0 42px 82px -30px rgba(70,45,130,.30);
  border-color: rgba(124,58,237,.28);
}

/* 4. PLATFORM TILE LIFT + ARROW REVEAL */
.sx-tile {
  position: relative;
  transition: transform .24s ease, box-shadow .28s ease, border-color .2s ease;
  will-change: transform;
}
.sx-tile:hover {
  transform: translateY(-6px);
  box-shadow: 0 2px 6px rgba(40,28,90,.05), 0 42px 82px -30px rgba(70,45,130,.30);
  border-color: rgba(124,58,237,.28);
}
.sx-tile__arrow {
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity .2s ease, transform .2s ease;
}
.sx-tile:hover .sx-tile__arrow {
  opacity: 1;
  transform: none;
}

/* 5. TIMELINE NUMBER RECOLOR */
.sx-step__num .elementor-heading-title {
  color: #B79BFF;
  transition: color .2s ease;
}
.sx-step:hover .sx-step__num .elementor-heading-title {
  color: #7C3AED !important;
}
/* 6. TEAM PHOTO LIFT (triggered by hovering whole member) */
.sx-member .elementor-image-box-img {
  display: inline-block;
  border: 1px solid rgba(18,27,54,.08);   /* base border so hover can transition */
  border-radius: 22px;                      /* match your image's radius */
  overflow: hidden;
  transition: transform .22s ease, box-shadow .25s ease, border-color .2s ease;
  will-change: transform;
}
.sx-member:hover .elementor-image-box-img {
  transform: translateY(-4px);
  box-shadow: 0 2px 4px rgba(18,27,54,.04), 0 14px 34px rgba(40,28,90,.07);
  border-color: #B79BFF;
}
/* 7. CASE STUDY — shadow only, no movement */
.sx-case {
  transition: box-shadow .25s ease;
}
.sx-case:hover {
  box-shadow: 0 2px 4px rgba(18,27,54,.04), 0 14px 34px rgba(40,28,90,.07);
}

/* 8. CONTACT TILE LIFT */
.sx-contact {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sx-contact:hover {
  transform: translateY(-2px);
  border-color: #7C3AED;
  box-shadow: 0 1px 2px rgba(18,27,54,.04), 0 2px 6px rgba(18,27,54,.04);
}

/* 9. MARQUEE — pause on hover + brighten item */
.sx-marquee:hover .sx-marquee__track { animation-play-state: paused; }
.sx-marquee__item { opacity: .4; transition: opacity .2s ease; }
.sx-marquee__item:hover { opacity: .9; }


/* 10 ACCORDION ICON CSS */
/* rotate the single + icon into an × on open */
/* ---- FAQ icon: force a circle ---- */
.sx-faq .e-n-accordion-item-title-icon {
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  min-width: 34px;            /* stops flex from squashing it into an oval */
  aspect-ratio: 1 / 1;        /* guarantees a perfect circle */
  padding: 0;
  border-radius: 50%;
  border: 1.5px solid rgba(18,27,54,.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #7C3AED;
  transition: transform .25s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.sx-faq .e-n-accordion-item-title-icon svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

/* ---- open state: rotate + fill violet + white icon ---- */
.sx-faq details[open] .e-n-accordion-item-title-icon {
  transform: rotate(135deg);
  background: #7C3AED;
  border-color: #7C3AED;
  color: #fff;
}
.sx-faq details[open] .e-n-accordion-item-title-icon svg,
.sx-faq details[open] .e-n-accordion-item-title-icon svg * {
  fill: #fff !important;       /* beats Elementor's icon color rule */
}


.sx-faq .e-n-accordion-item-content {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows .3s ease;
}
.sx-faq details[open] .e-n-accordion-item-content {
  grid-template-rows: 1fr;
}
.sx-faq .e-n-accordion-item-content > * {
  min-height: 0;   /* required for the grid trick to collapse */
}


.arrow-hover .elementor-button-icon svg {
  transition: transform 0.3s ease;
  transform-origin: center;
}

.arrow-hover:hover .elementor-button-icon svg {
  transform: rotate(45deg);
}

.saytar-hero-host .saytar-cta-primary svg {
  transition: transform 0.3s ease;
  transform-origin: center;
}

.saytar-hero-host .saytar-cta-primary:hover svg {
  transform: rotate(45deg);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-Light.woff2') format('woff2'),
		url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-LightItalic.woff2') format('woff2'),
		url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-Regular.woff2') format('woff2'),
		url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-Italic.woff2') format('woff2'),
		url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-Medium.woff2') format('woff2'),
		url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-MediumItalic.woff2') format('woff2'),
		url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-SemiBold.woff2') format('woff2'),
		url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-SemiBoldItalic.woff2') format('woff2'),
		url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-Bold.woff2') format('woff2'),
		url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-BoldItalic.woff2') format('woff2'),
		url('https://saytar.net/wp-content/uploads/2026/06/Montserrat-BoldItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */