.elementor-11 .elementor-element.elementor-element-196f6a9d{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#1E293B;--border-color:#1E293B;--padding-top:8px;--padding-bottom:8px;--padding-left:24px;--padding-right:24px;}.elementor-11 .elementor-element.elementor-element-196f6a9d:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-196f6a9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020617;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-51538070{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#1E293B;--border-color:#1E293B;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-11 .elementor-element.elementor-element-51538070:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-51538070 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F172A;}.elementor-11 .elementor-element.elementor-element-bf48b77{--display:flex;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-b54e447{text-align:start;}.elementor-11 .elementor-element.elementor-element-b54e447 img{width:75%;}.elementor-11 .elementor-element.elementor-element-c7d4daa{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-b09a8dc .elementor-menu-toggle{margin:0 auto;}.elementor-11 .elementor-element.elementor-element-b09a8dc .elementor-nav-menu .elementor-item{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:500;}.elementor-11 .elementor-element.elementor-element-b09a8dc .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:15px;padding-right:15px;}.elementor-11 .elementor-element.elementor-element-b09a8dc .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-11 .elementor-element.elementor-element-b09a8dc .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-11 .elementor-element.elementor-element-b09a8dc .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-11 .elementor-element.elementor-element-b09a8dc .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-11 .elementor-element.elementor-element-b09a8dc .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-11 .elementor-element.elementor-element-b09a8dc .e--pointer-underline .elementor-item:after,
					 .elementor-11 .elementor-element.elementor-element-b09a8dc .e--pointer-overline .elementor-item:before,
					 .elementor-11 .elementor-element.elementor-element-b09a8dc .e--pointer-double-line .elementor-item:before,
					 .elementor-11 .elementor-element.elementor-element-b09a8dc .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-11 .elementor-element.elementor-element-30fd6db{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-d0c41ce .elementor-button{background-color:#059669;font-family:"Inter", Sans-serif;font-size:15px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:12px 12px 12px 12px;padding:16px 26px 16px 26px;}.elementor-11 .elementor-element.elementor-element-d0c41ce .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-196f6a9d{--content-width:1280px;}.elementor-11 .elementor-element.elementor-element-51538070{--content-width:1280px;}.elementor-11 .elementor-element.elementor-element-bf48b77{--width:50%;}.elementor-11 .elementor-element.elementor-element-30fd6db{--width:33%;}}/* Start custom CSS for container, class: .elementor-element-51538070 *//* ==========================================================================
   SAJEEBDATTA.COM — SIGNATURE EMERALD CTA BUTTON DESIGN & ANIMATION
   Universal Class: .sd-btn-primary
   Compatible with: Custom HTML <a> / <button> AND Elementor Button Widgets
   ========================================================================== */

:root {
  --sd-emerald-core: #059669;
  --sd-emerald-bright: #10B981;
  --sd-emerald-deep: #047857;
  --sd-ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --sd-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 1. Soft Ambient Breathing Aura (Idle State) */
@keyframes sdEmeraldBreathe {
  0%, 100% {
    box-shadow: 
      inset 0 1px 0 0 rgba(255, 255, 255, 0.28),
      0 4px 14px -2px rgba(5, 150, 105, 0.38),
      0 0 0 0 rgba(16, 185, 129, 0.25);
  }
  50% {
    box-shadow: 
      inset 0 1px 0 0 rgba(255, 255, 255, 0.35),
      0 8px 22px -2px rgba(5, 150, 105, 0.52),
      0 0 0 5px rgba(16, 185, 129, 0);
  }
}

/* 2. Soft Silk Light-Sweep Shimmer */
@keyframes sdSilkShimmer {
  0% {
    transform: translateX(-140%) skewX(-22deg);
  }
  28%, 100% {
    transform: translateX(260%) skewX(-22deg);
  }
}

/* 3. Base Button Styling (Applies to .sd-btn-primary and Elementor Wrapper) */
.sd-btn-primary,
.elementor-widget-button.sd-btn-primary .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background-image: linear-gradient(135deg, var(--sd-emerald-core) 0%, var(--sd-emerald-bright) 50%, var(--sd-emerald-deep) 100%) !important;
  background-size: 200% 200% !important;
  background-position: 0% 50% !important;
  color: #FFFFFF !important;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  border-radius: 12px !important;
  border: 1px solid rgba(16, 185, 129, 0.4) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  animation: sdEmeraldBreathe 3.6s ease-in-out infinite !important;
  transition: 
    transform 0.38s var(--sd-ease-spring),
    background-position 0.5s ease,
    box-shadow 0.38s var(--sd-ease-spring),
    border-color 0.3s ease !important;
  will-change: transform, box-shadow, background-position;
  z-index: 1;
}

/* 4. Silk Light-Sweep Layer (::after) */
.sd-btn-primary::after,
.elementor-widget-button.sd-btn-primary .elementor-button::after {
  content: '' !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 65% !important;
  height: 200% !important;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.26) 50%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
  transform: translateX(-140%) skewX(-22deg) !important;
  animation: sdSilkShimmer 4.5s cubic-bezier(0.19, 1, 0.22, 1) infinite !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* 5. Hover State: Soft Spring Lift + Rich Glow + Gradient Shift */
.sd-btn-primary:hover,
.elementor-widget-button.sd-btn-primary .elementor-button:hover {
  transform: translateY(-3px) scale(1.02) !important;
  background-position: 100% 50% !important;
  border-color: rgba(167, 243, 208, 0.65) !important;
  animation-play-state: paused !important;
  box-shadow: 
    inset 0 1px 0 0 rgba(255, 255, 255, 0.45),
    0 14px 28px -6px rgba(5, 150, 105, 0.52),
    0 0 20px 2px rgba(16, 185, 129, 0.32) !important;
}

/* Faster Shimmer Sweep on Hover */
.sd-btn-primary:hover::after,
.elementor-widget-button.sd-btn-primary .elementor-button:hover::after {
  animation: sdSilkShimmer 1.6s cubic-bezier(0.19, 1, 0.22, 1) infinite !important;
}

/* 6. Arrow / Icon Micro-Slide on Hover */
.sd-btn-primary svg,
.sd-btn-primary .sd-btn-arrow,
.elementor-widget-button.sd-btn-primary .elementor-button-icon {
  transition: transform 0.35s var(--sd-ease-bounce) !important;
}

.sd-btn-primary:hover svg,
.sd-btn-primary:hover .sd-btn-arrow,
.elementor-widget-button.sd-btn-primary .elementor-button:hover .elementor-button-icon {
  transform: translateX(4px) !important;
}

/* 7. Tactile Active Click State */
.sd-btn-primary:active,
.elementor-widget-button.sd-btn-primary .elementor-button:active {
  transform: translateY(0px) scale(0.975) !important;
  box-shadow: 
    inset 0 1px 0 0 rgba(255, 255, 255, 0.2),
    0 6px 14px -4px rgba(5, 150, 105, 0.45) !important;
}

/* 8. Accessibility: Respect Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .sd-btn-primary,
  .elementor-widget-button.sd-btn-primary .elementor-button,
  .sd-btn-primary::after,
  .elementor-widget-button.sd-btn-primary .elementor-button::after {
    animation: none !important;
    transition: none !important;
  }
}/* End custom CSS */