/*
Theme Name:     Studio Fifty Child Theme
Theme URI:      http://themeforest.net/user/Softwebmedia/portfolio
Description:    Studio Fifty Child Theme for customization
Author:         Soft Web Media
Author URI:     http://themeforest.net/user/Softwebmedia
Template:       studio-fifty
Version: 		1.00
*/

/* Add your custom style below */

.image-box-section {
  display: grid;
  justify-content: center;
  position: relative;
}

.mobile-border-image {
  max-width: 535px !important;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 9;
}

.hero-chat-container {
  max-width: 520px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 80px;
  max-width: 450px;
  width: 100%;
  height: auto;
  font-family: "DM Sans";
  z-index: 9;
}
.sub-menu li a {
  font-family: var(--swm-headings-font-family) !important;
  font-size: 12px !important;
}
.hero-mobile-box {
  width: 270px;
  height: 145px;
  background: #252626;
  color: #fff;
  border-radius: 25px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  z-index: 2;
  font-family: "DM Sans";
}

.hero-mobile-box.ad-section {
  left: 13%;
  top: 8%;
  width: 190px;
}

.hero-mobile-box.monthly-section {
  left: 4%;
  top: 32%;
}

.hero-mobile-box.enquiries-section {
  left: 13%;
  top: 58%;
  width: 190px;
  height: 224px;
  padding-bottom: 40px;
}

.hero-mobile-box.revenue-section {
  left: 74%;
  top: 18%;
}

.hero-mobile-box.conversion-section {
  left: 74%;
  top: 35%;
}

.hero-mobile-title {
  font-size: 16px;
  color: #fff;
  font-family: "DM Sans";
}

.mobile-box-content {
  margin: 0 !important;
  color: #fff;
  font-size: 20px;
  font-family: "DM Sans";
  font-weight: 500;
}

.text-left {
  text-align: end;
}

.mobile-flex {
  display: flex;
  justify-content: space-between;
}

#lottie-hero {
  height: 150px;
}

.message-top-section {
  display: flex;
  align-items: center;
}

.message-top-section img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}

.message-top-section aside {
  display: flex;
  flex-direction: column;
}

.message-top-section aside {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-family: "DM Sans";
  line-height: 20px;
}

.message-top-section a {
  font-size: 12px;
  font-family: "DM Sans";
}

.hero-chat-list-sec {
  padding: 0 20px;
  display: grid;
  height: fit-content;
  gap: 30px;
}

.message-bottom-section a {
  font-size: 20px;
  color: #1a0dab;
  margin-top: 10px;
  display: block;
  margin-bottom: 10px;
}

.message-bottom-section p {
  margin: 0;
  font-size: 14px;
  color: #4d5156;
  line-height: 24px;
}

.tabs {
  display: flex;
}

.tab {
  text-decoration: none;
  color: #555;
  font-size: 14px;
  position: relative;
  padding: 5px 18px;
}

.tab.active {
  color: #1a73e8;
  /* Google Blue */
  font-weight: 500;
}

.tab.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #1a73e8;
}

.tab:hover {
  color: #1a73e8;
}

.mobile-pointer svg,
.mobile-timer svg {
  width: 29px;
  height: 29px;
}

.mobile-pointer {
  display: flex;
  gap: 10px;
  position: absolute;
  right: 60px;
  top: -35px;
}
.message-top-section p {
  margin: 0px;
}
.mobile-timer {
  display: flex;
  gap: 10px;
  position: absolute;
  left: 60px;
  top: -35px;
}
.mk-service-box-content {
  width: 329px;
  max-width: 100%;
}
.mk-service-box-title {
  min-height: 97px;
}
.mk-service-box:hover .mk-service-box-content {
  margin-top: -20px;
}
.mk-service-box {
  transition: 0.5s;
}
.mobile-border-image {
  height: 800px !important;
}
.hero-chat-container {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background: none !important;
}
.service-box-new {
  overflow: hidden;
  position: relative; /* required for absolute children */
}
.mk-service-box-content {
  position: relative;
}

.service-box-new {
  background-color: #000 !important;
  padding-bottom: 1px !important;
}
.box-hover {
  background-color: #fff !important;
  border-radius: 25px !important;
}
.box-hover .elementor-widget-container {
  margin-bottom: 2px !important;
}
.box-hover {
  background-color: #fff !important;
  border: 5px solid #000;
  position: relative;
}
.hero-chat-lists {
  padding: 0px 40px;
  height: 670px;
  overflow-y: auto;
  /* REMOVED: scroll-behavior: smooth — causes shake by fighting JS snap */
  overscroll-behavior: contain;
  touch-action: none;
  user-select: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.hero-chat-lists::-webkit-scrollbar {
  display: none;
}

.hero-chat-lists.scroll-locked {
  touch-action: pan-y;
  user-select: text;
}
#chat-reveal .tab {
  padding: 5px 11px;
}
.page-id-13191 .swm-main-container.swm-site-content,
.page-id-13856 .swm-main-container.swm-site-content,
.page-id-13871 .swm-main-container.swm-site-content,
.page-id-13822 .swm-main-container.swm-site-content,
.page-id-13843 .swm-main-container.swm-site-content,
.page-id-13849 .swm-main-container.swm-site-content,
.page-id-13862 .swm-main-container.swm-site-content,
.page-id-13889 .swm-main-container.swm-site-content {
  padding: 0 0 0px 0 !important;
}
.elementor-element-1068374 .e-con-inner,
.elementor-element-0e72fd7 .e-con-inner,
.elementor-element-260d97b .e-con-inner {
  border: 1px solid #000;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 5px;
}
.elementor-element-0e72fd7 .e-con-inner,
.elementor-element-260d97b .e-con-inner {
  margin: 50px auto;
}
.page-id-13323 .swm-main-container.swm-site-content {
  padding-bottom: 0px;
}
.home-service-box .mk-service-box-image {
  /* background-color: #fff !important;
  background-size: 100% !important;
  background-position: top !important;
  background-repeat: no-repeat !important; */
  background-color: transparent !important;
  background-size: 100% !important;
  background-position: top !important;
  background-repeat: no-repeat !important;
  background-image: none !important;
}
.home-service-box .mk-service-box::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.home-service-box .mk-service-box::before {
  content: "" !important;
  position: absolute !important;
  width: 200px !important;
  height: 200px !important;
  left: 50% !important;
  top: 16% !important;
  transform: translateX(-50%) !important;
  background-image: url(./images/seo.png) !important;
  background-size: 100px;
  background-repeat: no-repeat;
  z-index: 9;
  background-position: center;
}
.home-service-box.home-service-box-gd .mk-service-box::before {
  background-image: url(./images/google-ads.png) !important;
}
.home-service-box.home-service-box-meta .mk-service-box::before {
  background-image: url(./images/meta.png) !important;
}
.home-service-box.home-service-box-wd .mk-service-box::before {
  background-image: url(./images/web-design.png) !important;
}
.home-testimonial .mk-testimonial-image::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: #ffffff59;
  left: 50%;
  top: 50%;
  background-image: url(./images/play.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid #fff;
  background-size: 30px;
  z-index: 2;
}
.home-testimonial .mk-testimonial-image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0000003b;
  left: 0px;
  top: 0px;
  border-radius: 20px;
}
.home-testimonial {
  cursor: pointer;
}
.claim-btn {
  border-radius: 5px 5px 5px 5px;
  padding: 8px 15px 8px 15px;
  border: 1px solid #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  min-width: 156px;
  text-decoration: none;
}
.claim-rgt-sec {
  display: flex;
  gap: 20px;
}
.claim-sec {
  display: flex;
  gap: 30px;
  align-items: center;
  width: 1300px;
  margin: 0 auto;
  max-width: 100%;
  justify-content: space-between;
}
.service-bottom {
  display: none;
}
.claim-main-sec {
  border-bottom: 1px solid #fff;
}
.claim-main-sec {
  background-color: #000;
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  padding: 14px 25px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  z-index: 99;
}
.claim-lft-sec {
  color: #fff;
}
.slide-content {
  display: none;
}

.slide-content-1 {
  display: block;
}
.slide-content {
  padding: 0px;
}
.box-layout .e-con-inner {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 4px 10px rgba(128, 128, 128, 0.3);
  margin: 10px auto;
}
.unicorn-bg {
  position: absolute;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 650px;
  border-radius: 25px;
  overflow: hidden;
}
.home-service-box:hover .unicorn-bg {
  margin-top: -10px;
}
.claim-main-sec p {
  margin: 0px;
}
.service-box-new {
  border-radius: 30px;
  overflow: hidden;
}
.service-box-new {
  position: relative;
  overflow: hidden;
  /* your existing styles here */

  background: #111;

  color: white;

  cursor: pointer;
}
@keyframes sparkle-move {
  0% {
    transform: translate(0, 0) scale(1) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translate(var(--tx), var(--ty)) scale(0.2) rotate(var(--rot));
    opacity: 0;
  }
}

.sparkle-particle {
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: sparkle-move ease-out forwards;
}

.sparkle-particle svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.castudies-label {
  background-color: #fff3e6;
  padding: 15px 10px;
  margin: 10px 0px;
  border-left: 5px solid #e86c00;
}
.castudies-label strong {
  color: #e86c00;
}
.castudies-greenlabel {
  background-color: #e8f4e8;
  padding: 15px 10px;
  margin: 10px 0px;
  border-left: 5px solid #2e8b57;
}
.castudies-greenlabel strong {
  color: #2e8b57;
}
.castudies-bluelabel {
  background-color: #eaf0f8;
  padding: 15px 10px;
  margin: 10px 0px;
  border-left: 5px solid #2e75b6;
}
.castudies-bluelabel strong {
  color: #2e75b6;
}
/* Globe css */
#globe-container {
  width: 100%;
  height: 620px;
  position: relative;
  cursor: grab;
  overflow: visible;
}
#globe-container:active {
  cursor: grabbing;
}

/* Parent elements should also allow overflow */
/* .your-hero-right-column { overflow: visible; } */

.location-label {
  position: absolute;
  font-size: 11px;
  font-weight: 700;
  color: #1a1a1a;
  background: rgba(255, 255, 255, 0.95);
  padding: 4px 12px;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  pointer-events: none;
  white-space: nowrap;
  letter-spacing: 0.5px;
  z-index: 5;
  backdrop-filter: blur(4px);
}
.location-label::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #ff4444;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: middle;
}
/* .mk-testimonials-slider .swiper-slide.mk-testimonials-slider-item {
  height: 200px !important;
} */
.case-studies-slider .mk-portfolio-slider-wrapper {
  cursor: pointer;
}
.service-layout .mk-pricing-table-content {
  min-height: 320px;
  position: relative;
}
.service-layout .mk-pricing-table-content::before {
  content: "" !important;
  position: absolute !important;
  width: 200px !important;
  height: 200px !important;
  left: 50% !important;
  top: 16% !important;
  transform: translateX(-50%) !important;
  background-image: url(./images/seo.png) !important;
  background-size: 100px;
  background-repeat: no-repeat;
  z-index: 9;
  background-position: center;
}
/* Base layout */
/* Base layout */
.service-layout .elementor-widget-mk_pricing_table {
  margin-top: 0 !important;
  transition: margin-top 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.service-layout:hover .elementor-widget-mk_pricing_table {
  margin-top: -13px !important;
}
.service-layout .mk-pricing-table-arrow {
  pointer-events: none;
}
.page-id-10098 footer#footer {
  border-top: 1px solid #fff !important;
}
.page-id-10098 footer#footer {
  z-index: 2 !important;
}
.mk-off-canvas-e8eac97 {
  width: 442px !important;
  max-width: 100% !important;
}
/* Remove redundant image overlay and icons in the popup */
/* 🟢 Hide redundant elements inside the popup */
.popup-video .elementor-custom-embed-image-overlay,
.popup-video .elementor-video-icon,
.popup-video .elementor-widget-icon,
.popup-video .elementor-widget-testimonial {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Ensure the popup covers the screen */
.popup-video {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 999999;
  justify-content: center;
  align-items: center;
}

/* .popup-video {
  display: none;
} */
/* #smooth-wrapper,
#smooth-content {
  position: static !important;
  transform: none !important;
  overflow: visible !important;
}

html, body {
  scroll-behavior: auto !important;
} */
/* Hardware acceleration to fix GSAP transform shaking on native scroll */
.pin-spacer > div {
  will-change: transform !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  transform-style: preserve-3d !important;
}
html {
  scroll-behavior: auto !important;
}

/* #smooth-wrapper,
#smooth-content {
  position: static !important;
  transform: none !important;
  overflow: visible !important;
}

html, body {
  scroll-behavior: auto !important;
} */
/* body .qualit-work-sec .elementor-element.elementor-element-eeb4e9c {
  left: 50% !important;
  transform: translateX(-50%) !important;
} */
/* Responsive */

@media only screen and (max-width: 1600px) {
  #lottie-hero {
    height: 120px;
  }
  .message-bottom-section p {
    font-size: 14px;
    line-height: 22px;
  }
  .hero-chat-container {
    max-width: 350px;
  }
  .hero-chat-list-sec {
    gap: 20px;
  }
  .hero-chat-lists {
    padding: 0px 35px;
    height: 500px;
  }
  .message-bottom-section a {
    font-size: 18px;
  }
  .hero-chat-list-sec {
    padding: 0 10px;
  }
  .mobile-border-image {
    max-width: 500px !important;
  }
  .mobile-border-image {
    height: 630px !important;
  }
  #chat-reveal .tab {
    padding: 5px 5px;
  }
}
@media only screen and (max-width: 1300px) {
  .hero-mobile-box.ad-section {
    left: 8%;
  }

  .hero-mobile-box.enquiries-section {
    left: 8%;
  }

  .hero-mobile-box.monthly-section {
    left: 0%;
  }
}

@media only screen and (max-width: 1100px) {
  .hero-mobile-box.ad-section {
    left: 0%;
  }

  .hero-mobile-box.enquiries-section {
    left: 0%;
  }

  .mobile-border-image {
    max-width: 435px !important;
  }

  #lottie-hero {
    height: 150px;
  }

  .tabs {
    overflow: hidden;
  }
}
@media only screen and (min-width: 1024px) {
  .hamburger-hide {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  #globe-container canvas {
    width: 400px !important;
    overflow: hidden;
        height: 400px !important;
        border-radius: 50% !important;
  }
  .slide-content-1,
  .slide-content-3 {
    padding-top: 200px !important;
  }
  .elementor-icon-list-items.elementor-inline-items {
    display: none !important;
  }
}

@media only screen and (max-width: 991px) {
  .hero-mobile-box {
    width: 200px;
  }
}
@media only screen and (max-width: 850px) {
  .service-image-sec-anmi-change {
    top: -150px !important;
  }
  .slide-content-1,
  .slide-content-3 {
    padding-top: 180px !important;
  }
  .slide-content-2 img {
    margin-top: 120px !important;
  }
}
@media only screen and (max-width: 800px) {
  .side-boxes {
    display: none;
  }
  .claim-sec {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .slide-content-1,
  .slide-content-3 {
    padding-top: 200px !important;
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 766px) {
  .slide-content-1,
  .slide-content-2 {
    padding-top: 50px !important;
  }
  .slide-content-2 img {
    margin-top: 50px !important;
  }
}
@media only screen and (max-width: 600px) {
  #globe-container canvas {
    width: 250px !important;
  }
  .claim-rgt-sec {
    gap: 9px !important;
  }
  .claim-main-sec {
    padding: 14px 21px;
  }
  .claim-sec {
    gap: 12px;
  }
  .slide-content-2 img {
    margin-top: 0px !important;
  }
  .case-studies-client-name .mk-testimonial {
    padding: 30px 15px !important;
  }
}
@media only screen and (max-width: 500px) {
  .home-testimonial .mk-testimonial-image::before {
    width: 70px;
    height: 70px;
    background-size: 20px;
  }
  .hero-chat-lists {
    height: 515px;
  }
  .mobile-border-image {
    max-width: 350px !important;
  }

  .hero-chat-container {
    max-width: 300px;
  }

  #lottie-hero {
    height: 100px;
  }

  .message-bottom-section a {
    font-size: 14px;
    line-height: 20px;
  }

  .message-bottom-section p {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
  }

  .hero-chat-list-sec {
    padding: 0 10px;
    gap: 10px;
  }

  .message-top-section a {
    font-size: 10px;
    line-height: 14px;
  }

  .mobile-pointer svg {
    width: 18px;
    height: 18px;
  }

  .mobile-pointer {
    gap: 5px;
    right: 20px;
    top: -50px;
  }

  .mobile-timer {
    top: -50px;
  }
  .elementor-element-1068374 .e-con-inner,
  .elementor-element-0e72fd7 .e-con-inner,
  .elementor-element-260d97b .e-con-inner {
    padding-left: 15px;
    padding-right: 15px;
  }
  .mobile-border-image {
    height: auto !important;
  }
  .hero-chat-lists {
    padding: 0px 10px;
  }
  .mobile-border-image {
    height: 650px !important;
  }
  #chat-reveal .tab {
    padding: 5px 6px;
    font-size: 12px;
  }
  .claim-rgt-sec {
    flex-direction: column;
  }
}
@media only screen and (max-width: 320px) {
  .hero-chat-lists {
    padding: 0px 8px;
  }
  #chat-reveal .tab {
    padding: 5px 4px;
  }
  .hero-chat-lists {
    padding: 0px 15px;
  }
  .mobile-border-image {
    height: 670px !important;
  }
}


/* Status bar icon sizing — override parent theme's global svg{width:1em} so the
   signal/wifi/battery and time render proportionate to the phone (real-iPhone look) */
.image-box-section .hero-chat-lists .mobile-pointer svg {
  width: auto !important;
  height: 27px !important;
}
.image-box-section .hero-chat-lists .mobile-timer {
  left: 85px !important;
}
.image-box-section .hero-chat-lists .mobile-timer svg {
  width: auto !important;
  height: 18px !important;
}


/* === WS mobile phone time alignment fix (added by support) === */
@media only screen and (max-width: 500px) {
  body .image-box-section .hero-chat-lists .mobile-timer { left: 45px !important; }
}


/* === WS Key Benefits mobile graphics fix (added by support) === */
@media only screen and (max-width: 767px) {
  .wsd1-wrap, .wsd2-wrap { width: min(82vw, 420px) !important; margin-left: auto !important; margin-right: auto !important; }
  .elementor-element-eb40863 { width: 100% !important; }
  .elementor-element-eb40863 > div { width: 100% !important; }
}


/* === WS About Us globe mobile fix (added by support) === */
@media only screen and (max-width: 767px) {
  .elementor-element-d305eb9 { width: min(340px, 82vw) !important; height: auto !important; aspect-ratio: 1 / 1 !important; margin-left: auto !important; margin-right: auto !important; }
  .elementor-element-d305eb9 canvas { margin-left: auto !important; margin-right: auto !important; display: block !important; }
}


/* === WS service banner styling (added by support) === */
.claim-lft-sec { font-weight:700 !important; flex:1 1 auto !important; text-align:center !important; }
.claim-sec::before {
  content:""; flex:0 0 auto; width:150px; height:27px; margin-right:20px;
  background:url(https://wsdigital.com.au/wp-content/uploads/2024/11/logo-w.svg) left center/contain no-repeat;
}
.claim-btn {
  border-radius:999px !important; padding:11px 26px !important; border:1.5px solid #ffffff !important;
  font-weight:600 !important; transition:all .2s ease !important; white-space:nowrap;
}
.claim-btn[href^="tel:"] { background:transparent !important; color:#ffffff !important; }
.claim-btn[href^="tel:"]:hover { background:#ffffff !important; color:#000000 !important; }
.claim-btn:not([href^="tel:"]) { background:#ffffff !important; color:#000000 !important; border-color:#ffffff !important; }
.claim-btn:not([href^="tel:"]):hover { background:#eeeeee !important; border-color:#eeeeee !important; color:#000000 !important; }


/* === WS service banner mobile buttons side-by-side (added by support) === */
@media only screen and (max-width: 600px) {
  .claim-main-sec .claim-rgt-sec { flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; gap: 10px !important; }
  .claim-main-sec .claim-rgt-sec .claim-btn { flex: 0 1 auto !important; min-width: 0 !important; }
}


/* === WS service-page claim popup modal (added by support) === */
.ws-claim-modal{display:none;position:fixed;inset:0;z-index:99999;}
.ws-claim-modal.is-open{display:flex;align-items:center;justify-content:center;}
.ws-claim-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);}
.ws-claim-dialog{position:relative;z-index:1;background:#fff;width:92%;max-width:440px;border-radius:16px;padding:46px 30px 30px;box-shadow:0 20px 60px rgba(0,0,0,.35);max-height:90vh;overflow:auto;}
.ws-claim-close{position:absolute;top:10px;right:16px;background:none;border:none;font-size:30px;line-height:1;cursor:pointer;color:#000;z-index:2;}
.ws-claim-title{font-size:21px;font-weight:800;margin:0 0 8px;color:#000;text-align:center;line-height:1.25;}
.ws-claim-sub{margin:0 0 20px;text-align:center;color:#555;font-size:15px;}
.ws-claim-dialog .wpcf7-form input[type=text],.ws-claim-dialog .wpcf7-form input[type=email],.ws-claim-dialog .wpcf7-form input[type=tel]{width:100%;padding:13px 14px;margin:0 0 12px;border:1px solid #ddd;border-radius:8px;font-size:15px;background:#f7f7f7;box-sizing:border-box;}
.ws-claim-dialog .wpcf7-form .wpcf7-submit{width:100%!important;display:block!important;margin:8px auto 0!important;}
.ws-claim-dialog .wpcf7-form p{margin:0;}
body.ws-modal-open{overflow:hidden;}


/* === WS strategy-session button (match banner phone button) === */
.ws-strategy-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1.5px solid #fff !important;
  background:transparent !important;
  color:#fff !important;
  padding:11px 26px !important;
  font-weight:600 !important;
  transition:background .2s ease,color .2s ease !important;
}
.ws-strategy-btn:hover{ background:#fff !important; color:#000 !important; }
.ws-strategy-btn .swm-svg--arrow,
.ws-strategy-btn svg{ display:none !important; }
.ws-strategy-btn::before,
.ws-strategy-btn::after{ display:none !important; content:none !important; }


/* === WS YouTube-style video play button === */
.mk-video-icon-element{
  width:96px !important;
  height:68px !important;
  min-width:96px !important;
  min-height:68px !important;
  max-width:96px !important;
  max-height:68px !important;
  border:none !important;
  border-radius:20px !important;
  background:#ff0000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:none !important;
  transition:background-color .2s ease, transform .2s ease !important;
}
.mk-video-icon-element:hover{ background:#cc0000 !important; transform:scale(1.06) !important; }
.mk-video-icon-element::before,
.mk-video-icon-element::after{ display:none !important; content:none !important; }
.mk-video-icon-element svg,
.mk-video-icon-element .e-font-icon-svg{
  width:40px !important;
  height:30px !important;
  fill:#ffffff !important;
  color:#ffffff !important;
  margin-left:4px !important;
}


/* === WS mobile video lightbox === */
.ws-video-modal{ display:none; position:fixed; inset:0; z-index:100000; }
.ws-video-modal.is-open{ display:flex; align-items:center; justify-content:center; }
.ws-video-overlay{ position:absolute; inset:0; background:rgba(0,0,0,.85); }
.ws-video-frame{ position:relative; z-index:1; width:92%; max-width:760px; }
.ws-video-embed{ position:relative; width:100%; padding-top:56.25%; }
.ws-video-embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:10px; }
.ws-video-close{ position:absolute; top:-44px; right:0; background:transparent; border:0; color:#fff; font-size:36px; line-height:1; cursor:pointer; padding:0 6px; }


/* === WS testimonial video play button (red YouTube style) === */
.mk-testimonial-image::before{
  background-color:#ff0000 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:30px 30px !important;
  width:84px !important;
  height:60px !important;
  border-radius:16px !important;
  border:none !important;
  box-shadow:none !important;
}


/* === WS process section laptop re-center (short viewports only) === */
@media (min-width:1025px) and (max-height:820px){
  .elementor-element-4f526311 .e-con-inner,
  .elementor-element-93ebb21 .e-con-inner,
  .elementor-element-83c13cd .e-con-inner{
    padding-top:max(16px, calc((100vh - 601px) / 2)) !important;
    padding-bottom:0 !important;
  }
}


/* === WS homepage service cards full-card clickable === */
.elementor-element-0ca6356 .mk-service-box,
.elementor-element-d159c44 .mk-service-box,
.elementor-element-10ba41b .mk-service-box{ position:relative; }
.elementor-element-0ca6356 .mk-service-box-title a::after,
.elementor-element-d159c44 .mk-service-box-title a::after,
.elementor-element-10ba41b .mk-service-box-title a::after{
  content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:5;
}


/* ===== WS Digital homepage service-card flip animations — START (desktop only, scoped .wsfa-*) ===== */
.wsfa-flip{position:absolute;z-index:3;pointer-events:none;perspective:1400px;}
.wsfa-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);}
.wsfa-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.wsfa-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg);overflow:hidden;background:#fff;}
.wsfa-anim{position:absolute;inset:0;background:#fff;color:#000;overflow:hidden;border-radius:inherit;font-family:Arial,Helvetica,sans-serif;text-align:left;}
.wsfa-anim *{box-sizing:border-box;}
.wsfa-cur{position:absolute;left:0;top:0;font-size:22px;color:#000;z-index:9;opacity:0;transition:transform .8s cubic-bezier(.4,0,.3,1),opacity .25s;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));}
.wsfa-widget .mk-service-box:hover .mk-service-box-content{margin-top:0 !important;}
.wsfa-widget .mk-service-box-top-bg{transition:opacity 0s 0.3s !important;}
.wsfa-widget.wsfa-on .mk-service-box-top-bg{opacity:0 !important;}
.wsfa-widget .mk-service-box-text{transition:border-top-right-radius 0s 0.3s !important;}
.wsfa-widget.wsfa-on .mk-service-box-text{border-top-right-radius:15px !important;}
.wsfa-widget::before{transition:opacity 0s 0.3s !important;}
.wsfa-widget.wsfa-on::before{opacity:0 !important;}
.wsfa-anim .s-stage{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}
.wsfa-anim .s-scroll{transition:transform 1.7s cubic-bezier(.4,0,.2,1);}
.wsfa-anim .s-head{padding:16px 18px 4px;background:#fff;}
.wsfa-anim .s-glogo{font-size:22px;font-weight:800;letter-spacing:-.5px;}
.wsfa-anim .s-input{display:flex;align-items:center;border:1px solid #ddd;border-radius:20px;padding:9px 16px;font-size:14px;margin-top:8px;color:#222;}
.wsfa-anim .s-input .q{flex:1;}.wsfa-anim .s-input i{font-size:16px;color:#000;}
.wsfa-anim .s-tabs{display:flex;gap:16px;padding:9px 18px 0;font-size:12px;color:#777;border-bottom:1px solid #eee;background:#fff;}
.wsfa-anim .s-tabs span{padding-bottom:8px;}.wsfa-anim .s-tabs span.on{color:#000;font-weight:700;border-bottom:3px solid #000;}
.wsfa-anim .s-meta{font-size:11px;color:#999;padding:9px 18px 4px;background:#fff;}
.wsfa-anim .s-list{padding:2px 16px 16px;}
.wsfa-anim .s-res{padding:11px 9px;border-radius:10px;margin:0 -9px;transition:opacity .25s;}
.wsfa-anim .s-top{display:flex;align-items:center;gap:10px;}
.wsfa-anim .s-fav{width:28px;height:28px;border-radius:50%;background:#bbb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:0 0 auto;}
.wsfa-anim .s-res.yb .s-fav{background:#000;}
.wsfa-anim .s-nm{font-size:13px;color:#000;}.wsfa-anim .s-url{font-size:11px;color:#888;}
.wsfa-anim .s-title{font-size:16px;color:#000;font-weight:700;margin-top:3px;line-height:1.25;}
.wsfa-anim .s-res.sel{opacity:0;}
.wsfa-anim .s-res.ybtop{max-height:0;opacity:0;overflow:hidden;padding-top:0;padding-bottom:0;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .35s;}
.wsfa-anim.placed .s-res.ybtop{max-height:150px;opacity:1;padding:11px 9px;background:#f4f4f4;}
.wsfa-anim .s-pill{display:inline-flex;align-items:center;gap:4px;background:#000;color:#fff;font-size:11px;font-weight:700;border-radius:10px;padding:3px 9px;margin-bottom:6px;}
.wsfa-anim .s-float{position:absolute;left:16px;right:16px;top:160px;background:#fff;border:2px solid #000;border-radius:11px;padding:9px;box-shadow:0 14px 30px rgba(0,0,0,.3);opacity:0;transform:scale(.95);z-index:8;}
.wsfa-anim .s-float.show{opacity:1;transform:scale(1);}
.wsfa-anim .a-head{padding:16px 18px 6px;}
.wsfa-anim .a-glogo{font-size:22px;font-weight:800;letter-spacing:-.5px;}
.wsfa-anim .a-input{display:flex;align-items:center;border:1px solid #ddd;border-radius:20px;padding:9px 16px;font-size:14px;margin-top:9px;}.wsfa-anim .a-input .q{flex:1;}.wsfa-anim .a-input i{font-size:16px;}
.wsfa-anim .a-body{padding:12px 18px;position:relative;}
.wsfa-anim .a-ad{opacity:0;transform:translateY(10px);}.wsfa-anim .a-ad.in{animation:wsfaIn .4s forwards;}
.wsfa-anim .a-ad.hot{background:#f4f4f4;border-radius:10px;padding:10px;margin:0 -10px;}
.wsfa-anim .a-sp{font-size:12px;font-weight:800;}
.wsfa-anim .a-top{display:flex;align-items:center;gap:10px;margin-top:3px;}
.wsfa-anim .a-fav{width:30px;height:30px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:0 0 auto;}
.wsfa-anim .a-nm{font-size:13px;}.wsfa-anim .a-url{font-size:11px;color:#888;}
.wsfa-anim .a-title{font-size:16px;font-weight:700;margin-top:3px;line-height:1.25;}
.wsfa-anim .a-call{display:inline-flex;align-items:center;gap:7px;background:#000;color:#fff;font-size:14px;font-weight:700;border-radius:20px;padding:8px 18px;margin-top:11px;}
.wsfa-anim .a-call.click{animation:wsfaPress .3s;}.wsfa-anim .a-call.ring i{animation:wsfaShake .5s infinite;}
.wsfa-anim .a-ad2{opacity:0;transform:translateY(10px);margin-top:12px;}.wsfa-anim .a-ad2.in{animation:wsfaIn .4s forwards;}
.wsfa-anim .a-toast{position:absolute;left:18px;right:18px;bottom:30px;background:#000;color:#fff;border-radius:12px;padding:12px 15px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;white-space:nowrap;transform:translateY(90px);opacity:0;transition:all .45s cubic-bezier(.2,1,.3,1);box-shadow:0 8px 22px rgba(0,0,0,.3);}
.wsfa-anim .a-toast.show{transform:translateY(0);opacity:1;}.wsfa-anim .a-toast i{font-size:18px;flex:0 0 auto;}
.wsfa-anim .m-status{display:flex;justify-content:space-between;padding:10px 18px 4px;font-size:11px;font-weight:700;}
.wsfa-anim .m-hd{display:flex;align-items:center;justify-content:space-between;padding:4px 16px 9px;border-bottom:1px solid #eee;}
.wsfa-anim .m-logo{font-weight:800;font-size:18px;}.wsfa-anim .m-hd .ic i{font-size:19px;margin-left:12px;}
.wsfa-anim .m-view{position:absolute;top:66px;left:0;right:0;bottom:0;overflow:hidden;}
.wsfa-anim .m-feed{transition:transform .9s cubic-bezier(.4,0,.2,1);}
.wsfa-anim .m-post .ph{display:flex;align-items:center;gap:9px;padding:9px 13px;}
.wsfa-anim .m-av{width:28px;height:28px;border-radius:50%;background:#ccc;flex:0 0 auto;}.wsfa-anim .m-av.b{background:#000;}
.wsfa-anim .m-nm{font-size:13px;font-weight:700;flex:1;}.wsfa-anim .m-nm small{display:block;font-weight:400;color:#888;font-size:10px;}
.wsfa-anim .m-img{width:100%;height:184px;overflow:hidden;background:#eee;}
.wsfa-anim .m-img img{width:100%;height:100%;object-fit:cover;display:block;}
.wsfa-anim .m-acts{display:flex;gap:14px;padding:9px 14px 4px;font-size:21px;}.wsfa-anim .m-acts .sp{flex:1;}
.wsfa-anim .m-lk{font-size:13px;font-weight:700;padding:0 14px;}.wsfa-anim .m-cap{font-size:13px;padding:3px 14px;}.wsfa-anim .m-cap b{font-weight:700;}
.wsfa-anim .adc{height:184px;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:22px;}
.wsfa-anim .adc .k{font-size:10px;letter-spacing:2px;color:#bbb;font-weight:700;margin-bottom:7px;}
.wsfa-anim .adc h4{font-size:26px;font-weight:800;color:#fff !important;margin:0 0 7px;line-height:1.1;}
.wsfa-anim .adc p{font-size:11px;color:#bbb;margin:0;}
.wsfa-anim .m-cta{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#f4f4f4;font-size:13px;font-weight:700;}
.wsfa-anim .m-form{position:absolute;left:0;right:0;bottom:0;height:80%;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -6px 26px rgba(0,0,0,.2);transform:translateY(110%);transition:transform .5s cubic-bezier(.2,1,.3,1);z-index:7;display:flex;flex-direction:column;}
.wsfa-anim .m-form.up{transform:translateY(0);}
.wsfa-anim .m-grab{width:42px;height:5px;background:#ddd;border-radius:3px;margin:8px auto 5px;}
.wsfa-anim .m-ftitle{font-size:15px;font-weight:800;padding:0 16px;}.wsfa-anim .m-fsub{font-size:10px;color:#888;padding:2px 16px 8px;}
.wsfa-anim .m-fbody{padding:0 16px;flex:0 0 auto;}.wsfa-anim .wsfa-anim .m-field{margin-bottom:4px;}.wsfa-anim .m-field label{font-size:9px;color:#999;display:block;margin-bottom:2px;}
.wsfa-anim .m-in{border:1px solid #ddd;border-radius:8px;padding:5px 10px;font-size:12px;min-height:14px;line-height:1.15;}.wsfa-anim .m-in.active{border-color:#000;}
.wsfa-anim .m-in .car{display:none;width:1.5px;height:12px;background:#000;vertical-align:-1px;}.wsfa-anim .m-in.active .car{display:inline-block;animation:wsfaCar .8s step-end infinite;}
.wsfa-anim .m-submit{margin:5px 16px 12px;background:#000;color:#fff;text-align:center;font-size:14px;font-weight:700;border-radius:9px;padding:11px;}.wsfa-anim .m-submit.press{animation:wsfaPress .3s;}
.wsfa-anim .m-thx{position:absolute;inset:0;background:#fff;border-radius:22px 22px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;opacity:0;transition:opacity .4s;padding:22px;}.wsfa-anim .m-thx.show{opacity:1;}
.wsfa-anim .m-thx .ck{width:56px;height:56px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;}
.wsfa-anim .m-thx h5{font-size:17px;font-weight:800;margin:2px 0 0;}.wsfa-anim .m-thx p{font-size:11px;color:#888;margin:0;}
.wsfa-anim .w2-bar{display:flex;align-items:center;gap:8px;background:#eee;padding:9px 12px;font-size:10px;color:#777;}
.wsfa-anim .w2-bar .dt{width:9px;height:9px;border-radius:50%;background:#bbb;flex:0 0 auto;}
.wsfa-anim .w2-bar .ad{flex:1;background:#fff;border-radius:9px;padding:4px 10px;color:#555;overflow:hidden;white-space:nowrap;}
.wsfa-anim .w2-st{display:flex;align-items:center;gap:5px;font-weight:700;flex:0 0 auto;color:#E74C3C;}.wsfa-anim .w2-st .d{width:8px;height:8px;border-radius:50%;background:#E74C3C;}
.wsfa-anim .w2-st.live{color:#2ECC71;}.wsfa-anim .w2-st.live .d{background:#2ECC71;}
.wsfa-anim .w2-body{position:relative;height:calc(100% - 34px);}
.wsfa-anim .w2-sec{position:relative;}
.wsfa-anim .w2-sec.nav{height:52px;}.wsfa-anim .w2-sec.hero{height:186px;}.wsfa-anim .w2-sec.cards{height:100px;}
.wsfa-anim .w2-skin{position:absolute;inset:8px;background:#ededed;border-radius:11px;overflow:hidden;transition:opacity .4s;}
.wsfa-anim .w2-skin::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:translateX(-100%);animation:wsfaShim 1.25s infinite;}
.wsfa-anim .w2-real{position:absolute;inset:0;opacity:0;transform:translateY(7px);transition:opacity .45s,transform .45s;}
.wsfa-anim .w2-sec.on .w2-skin{opacity:0;}.wsfa-anim .w2-sec.on .w2-real{opacity:1;transform:none;}
.wsfa-anim .w2-nav{display:flex;align-items:center;padding:15px 16px;border-bottom:1px solid #eee;}
.wsfa-anim .w2-logo{font-size:15px;font-weight:800;}.wsfa-anim .w2-menu{margin-left:auto;font-size:10px;color:#777;display:flex;gap:11px;}.wsfa-anim .w2-navb{margin-left:11px;background:#000;color:#fff;font-size:9px;font-weight:700;border-radius:11px;padding:5px 9px;}
.wsfa-anim .w2-hero{display:flex;gap:13px;padding:18px 16px;align-items:center;}
.wsfa-anim .w2-h1{font-size:21px;font-weight:800;line-height:1.05;letter-spacing:-.3px;}
.wsfa-anim .w2-sub{font-size:11px;color:#777;margin:8px 0 11px;line-height:1.35;}
.wsfa-anim .w2-btn{display:inline-block;background:#000;color:#fff;font-size:11px;font-weight:700;border-radius:8px;padding:9px 15px;}
.wsfa-anim .w2-img{width:82px;height:104px;border-radius:11px;background:linear-gradient(135deg,#222,#777);flex:0 0 auto;}
.wsfa-anim .w2-cards{display:flex;gap:9px;padding:4px 16px;}.wsfa-anim .w2-card{flex:1;border:1px solid #eee;border-radius:10px;padding:12px 6px;text-align:center;}.wsfa-anim .w2-card i{font-size:20px;}.wsfa-anim .w2-card span{display:block;font-size:9px;font-weight:700;margin-top:5px;}
.wsfa-anim .w2-pub{position:absolute;right:14px;bottom:30px;background:#000;color:#fff;font-size:11px;font-weight:700;border-radius:18px;padding:8px 15px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 6px 16px rgba(0,0,0,.25);opacity:0;transform:translateY(9px);transition:opacity .35s,transform .35s;z-index:6;}
.wsfa-anim .w2-pub.show{opacity:1;transform:none;}.wsfa-anim .w2-pub.press{animation:wsfaPress .3s;}.wsfa-anim .w2-pub i{font-size:14px;}
@keyframes wsfaIn{to{opacity:1;transform:translateY(0)}}
@keyframes wsfaPress{50%{transform:scale(.93)}}
@keyframes wsfaShake{0%,100%{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}
@keyframes wsfaCar{50%{opacity:0}}
@keyframes wsfaShim{100%{transform:translateX(120%)}}
@media (max-width:1024px){.wsfa-flip{display:none!important;}}
/* ===== WS Digital flip-card animations — END ===== */