.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Hoves", Sans-serif;font-size:20px;line-height:140%;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#44E566;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}@media(max-width:1024px){.elementor-kit-6{font-size:17px;line-height:110%;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:16px;line-height:120%;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Blue:#213ad2; --Yellow:#ffcc00; --Green:#44E566; --White:#ffffff; --Red:#ff0000; --50px:50px; --Black:#000000; --Dark-Blue:#091563; }
/* Start custom CSS */.e-div-block {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 !important;
}

.elementor-widget-theme-post-content figure.wp-block-embed {
  width: 100% !important;
  margin: 0 0 16px 0 !important;
}

.elementor-widget-theme-post-content .wp-block-embed__wrapper {
  width: 100% !important;
  display: block !important;
}

.elementor-widget-theme-post-content .wp-block-embed__wrapper iframe {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  display: block !important;
}

p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

p+p {
  margin-top: 1.5em !important;
}

.blur-bg:before {
  content: '';
  position: absolute;
  pointer-events: none;
  inset: 0;
  z-index: -1;
  background: linear-gradient(0deg, rgba(var(--gradient-color), 0) 0%, rgba(var(--gradient-color), 0.35) 50%, rgba(var(--gradient-color), 0.7) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 15%, rgba(0, 0, 0, 1) 50%);
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
}


/* HOVER WORK PAGES SLIDE  */

.work-title-anim {
  display: grid !important;
  position: relative !important;
  overflow: hidden !important;
}

.work-title-anim .title-1,
.work-title-anim .title-2 {
  margin: 0 !important;
  padding: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.work-title-anim .title-1 {
  transition: opacity 0.35s cubic-bezier(0.65, 0, 0.35, 1) !important;
  opacity: 1 !important;
}

.work-title-anim:hover .title-1 {
  opacity: 0 !important;
}

.work-title-anim .title-2 {
  transform: translateY(100%) !important;
  transition: transform 0.35s cubic-bezier(0.65, 0, 0.35, 1) !important;
}

.work-title-anim:hover .title-2 {
  transform: translateY(0) !important;
}


:root {
  --card-margin: 2vw;
  /* --card-top-offset: 70px; */
}

#cards {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, var(--card-height));
  gap: var(--card-margin);
  margin: 0 auto;
}

.about-card {
  perspective: 1000px !important;
}


.card-content {
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;

  /* Transform config */
  transform-origin: 50% 0%;
  will-change: transform, filter;
  transform-style: preserve-3d;

  /* Animate based on viewport visibility */
  animation: scale-card linear forwards;
  animation-timeline: view();
  animation-range: entry 90% exit 100%;
}

.card-content p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 100%;
}

.card-content p+p {
  margin-top: 1.25em;
}


.campaign-section {
  margin-bottom: 30px;
}


/* Card variants */
.about-card:nth-child(1) {
  --index: 1;
}

.about-card:nth-child(2) {
  --index: 2;
}

.about-card:nth-child(3) {
  --index: 3;
}

.about-card:nth-child(4) {
  --index: 4;
}



@keyframes scale-card {
  to {
    transform: scale(1) translateY(-0vh) rotateX(-40deg);
    filter: brightness(1);
    border-radius: 0;
    /* Dynamic shadow */
    box-shadow: none;
  }
}

.elementor-loop-container .work.type-work {
  border-bottom: 1px solid #fff;
}

.elementor-loop-container .work.type-work:last-child {
  border-bottom: 0px solid #fff;
}

.campaign-flex-container {
  align-items: center;
}

.spiny-y {
  animation: spinY 20s infinite linear;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  /* Safari support */
}

@keyframes spinY {
  0% {
    transform: rotateX(0deg) rotateY(0deg);
  }

  25% {
    /* Tilts forward slightly while rotating a quarter turn */
    transform: rotateX(15deg) rotateY(90deg);
  }

  50% {
    /* Flips to the opposite X tilt at the halfway point */
    transform: rotateX(-15deg) rotateY(180deg);
  }

  75% {
    /* Tilts forward again on the final stretch */
    transform: rotateX(15deg) rotateY(270deg);
  }

  100% {
    /* Resolves perfectly back to flat 0 degrees */
    transform: rotateX(0deg) rotateY(360deg);
  }
}

.elementor-custom-embed-play i,
.elementor-custom-embed-play svg {
  opacity: 1 !important;
}

.floating-menu {
  outline: none !important;
  border: 0 !important;
}

.browser-content p,
.browser-content h1,
.browser-content h2,
.browser-content h3,
.browser-content h4 {
  margin-top: 0;
  margin-bottom: 0;
}

.browser-content p+p,
.browser-content h1+p,
.browser-content h2+p,
.browser-content h3+p,
.browser-content h4+p {
  margin-top: 1.25em;
}

.services-list .repeaterly-repeater-loop-grid {
display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px !important;
        flex-wrap: wrap;
}

.capabilities-list .repeaterly-repeater-loop-grid {
display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px !important;
        flex-wrap: wrap;
}

.about-card h1 {
  font-size: 90px;
  line-height: 120%;
}

.about-card h2 {
  font-size: 40px;
  line-height: 120%;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .about-card h1 {
  font-size: 60px;
  line-height: 120%;
}
  .about-card h2 {
    font-size: 30px;
    line-height: 110%;
  }

}

@media (max-width: 767px) {
    .about-card h1 {
  font-size: 45px;
  line-height: 120%;
}
  .about-card h2 {
    font-size: 20px;
    line-height: 100%;
  }

}

.responsive-embed {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  /* Magic number for 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.responsive-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.block-3d-hover {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
   position: absolute;
  z-index: 2;
  top: 0;
}

.mouse-3d-track:hover .block-3d-hover {
  opacity: 1;
}

.block-3d-hover2 {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  z-index: 2;
  top: 0;
}

.block-3d-hover2:hover {
  opacity: 1;
}

.circle-stack:has(.block-3d-hover2:hover) .block-3d-hover2-og {
  opacity: 0;
}

.single-work h1 {
    font-size: 40px;
    line-height: 120%;
    font-weight: bold;
    font-family: 'Basis';
}

.single-work h2 {
    font-size: 35px;
    line-height: 120%;
     font-weight: bold;
         font-family: 'Basis';
}

.single-work h3 {
    font-size: 32px;
    line-height: 120%;
     font-weight: bold;
         font-family: 'Basis';
}

@media (max-width: 767px) {
   .single-work h1 {
        font-size: 30px;
   }
    .single-work h2 {
         font-size: 25px;
   }
    .single-work h3 {
         font-size: 22px;
   }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Hoves';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://winkworldwide.biz/wp-content/uploads/2026/08/TTHoves-Regular.woff2') format('woff2'),
		url('https://winkworldwide.biz/wp-content/uploads/2026/08/TTHoves-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */