/*
Theme Name: Winvest
Theme URI: https://checkyourwebsite.org/winvest
Description: Winvest Custom Theme (Child of Astra)
Author: Your Name
Author URI: https://checkyourwebsite.org/winvest
Template: astra
Version: 1.0.0
Text Domain: winvest
*/

/* Add your custom CSS below this line */

/* =========================
   Winvest Custom Fonts
========================= */

/* Now Font Family */
@font-face {
  font-family: "Now";
  src: url("assets/fonts/Now-Thin.otf") format("opentype");
  font-weight: 100;
}

@font-face {
  font-family: "Now";
  src: url("assets/fonts/Now-Light.otf") format("opentype");
  font-weight: 300;
}

@font-face {
  font-family: "Now";
  src: url("assets/fonts/Now-Regular.otf") format("opentype");
  font-weight: 400;
}

@font-face {
  font-family: "Now";
  src: url("assets/fonts/Now-Medium.otf") format("opentype");
  font-weight: 500;
}

@font-face {
  font-family: "Now";
  src: url("assets/fonts/Now-Bold.otf") format("opentype");
  font-weight: 700;
}

/* Tan Mon Cheri (Headings) */
@font-face {
  font-family: "TanMonCheri";
  src: url("assets/fonts/tan-mon-cheri.ttf") format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: "Glacial Indifference";
  src: url("assets/fonts/GlacialIndifference-Regular.otf") format("opentype");
  font-weight: 400;
}

@font-face {
  font-family: "Glacial Indifference";
  src: url("assets/fonts/GlacialIndifference-Bold.otf") format("opentype");
  font-weight: 700;
}

/* Body Font */
body,
p {
  font-family: "Now", sans-serif;
}

/* Headings Font */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "TanMonCheri", serif;
}

button,
input[type="button"],
input[type="submit"],
.elementor-button,
.wp-block-button__link,
.woocommerce button.button,
.woocommerce a.button,
.elementor-button-text,
.ast-custom-button {
  font-family: "Glacial Indifference", sans-serif !important;
}

/**********animation style******/
.animated {
  animation-duration: 1.9s;
}

.animated.animated-fast {
  animation-duration: 0.8s;
}

.animated.animated-slow {
  animation-duration: 2.9s;
}

@keyframes blurIn {
  0% {
    filter: blur(min(max(5px, 1.8cqmin), 16px));
  }

  to {
    filter: blur(0);
  }
}

@keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translateZ(0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translateZ(0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translateZ(0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translateZ(0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes rotateIn {
  0% {
    opacity: 0;
    transform: rotate(-12deg);
    transform-origin: center;
  }

  to {
    opacity: 1;
    transform: none;
    transform-origin: center;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    transform: translateY(-7vh) rotate(8deg) rotateX(65deg);
    transform-origin: left bottom;
  }

  to {
    opacity: 1;
    transform: none;
    transform-origin: left bottom;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    transform: translateY(-7vh) rotate(-8deg) rotateX(65deg);
    transform-origin: right bottom;
  }

  to {
    opacity: 1;
    transform: none;
    transform-origin: right bottom;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    transform: translateY(7vh) rotate(-8deg) rotateX(65deg);
    transform-origin: right bottom;
  }

  to {
    opacity: 1;
    transform: none;
    transform-origin: right bottom;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft, uicoreFadeIn;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
}

@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    transform: translateY(7vh) rotate(8deg) rotateX(65deg);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeIn {
  animation-name: uicoreFadeIn !important;
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.fadeIn.blur {
  animation-name: uicoreFadeIn, blurIn !important;
}

@keyframes uicoreFadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeInUp {
  animation-name: uicoreFadeInUp, uicoreFadeIn !important;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
}

.fadeInUp.blur {
  animation-name: uicoreFadeInUp, uicoreFadeIn, blurIn !important;
}

@keyframes uicoreFadeInUp {
  0% {
    transform: translate3d(0, 7vh, 0);
  }

  to {
    transform: translateZ(0);
  }
}

.fadeInDown {
  animation-name: uicoreFadeInDown, uicoreFadeIn !important;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
}

.fadeInDown.blur {
  animation-name: uicoreFadeInDown, uicoreFadeIn, blurIn !important;
}

@keyframes uicoreFadeInDown {
  0% {
    transform: translate3d(0, -7vh, 0);
  }

  to {
    transform: translateZ(0);
  }
}

.fadeInLeft {
  animation-name: uicoreFadeInLeft, uicoreFadeIn !important;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
}

.fadeInLeft.blur {
  animation-name: uicoreFadeInLeft, uicoreFadeIn, blurIn !important;
}

@keyframes uicoreFadeInLeft {
  0% {
    transform: translate3d(-7vh, 0, 0);
  }

  to {
    transform: translateZ(0);
  }
}

.fadeInRight {
  animation-name: uicoreFadeInRight, uicoreFadeIn !important;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
}

.fadeInRight.blur {
  animation-name: uicoreFadeInRight, uicoreFadeIn, blurIn !important;
}

@keyframes uicoreFadeInRight {
  0% {
    transform: translate3d(7vh, 0, 0);
  }

  to {
    transform: translateZ(0);
  }
}

.zoomOut {
  animation-fill-mode: forwards;
  animation-name: uicoreZoomOut, uicoreFadeIn !important;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
}

@keyframes uicoreZoomOut {
  0% {
    transform: matrix(1.2, 0, 0, 1.2, 0, 0);
  }

  to {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

.zoomOutDown {
  animation-name: uicoreZoomOutDown, uicoreFadeIn !important;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
}

@keyframes uicoreZoomOutDown {
  0% {
    transform: matrix3d(1.2, 0, 0, 0, 0, 1.03, 0.34, 0.0003, 0, -0.34, 0.94, 0, 0, -60, 0, 1);
  }

  to {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

.zoomOutUp {
  animation-name: uicoreZoomOutUp, uicoreFadeIn !important;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
}

@keyframes uicoreZoomOutUp {
  0% {
    transform: matrix3d(1.2, 0, 0, 0, 0, 1.03, 0.34, -0.0003, 0, -0.34, 0.94, 0, 0, 60, 0, 1);
  }

  to {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

.zoomOutLeft {
  animation-name: uicoreZoomOutLeft, uicoreFadeIn !important;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
}

@keyframes uicoreZoomOutLeft {
  0% {
    transform: matrix3d(1.2, 0, 0, 0.0003, 0, 1.03, 0.34, 0, 0, -0.34, 0.94, 0, -40, 0, 0, 1);
  }

  to {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

.zoomOutRight {
  animation-name: uicoreZoomOutRight, uicoreFadeIn !important;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
}

@keyframes uicoreZoomOutRight {
  0% {
    transform: matrix3d(1.2, 0, 0, -0.0003, 0, 1.03, 0.34, 0, 0, -0.34, 0.94, 0, 40, 0, 0, 1);
  }

  to {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

.zoomIn {
  animation-fill-mode: forwards;
  animation-name: uicoreZoomIn, uicoreFadeIn !important;
}

@keyframes uicoreZoomIn {
  0% {
    transform: matrix(0.85, 0, 0, 0.85, 0, 0);
  }

  to {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

.uicore-animate-hide {
  opacity: 0;
  visibility: hidden;
}

@keyframes uicoreFloatS {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(0, -3%, 0);
  }
}

@keyframes uicoreFloat {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(0, -7%, 0);
  }
}

@keyframes uicoreFloatL {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(0, -15%, 0);
  }
}

.ui-float-widget > *,
.ui-float-widget > .elementor-widget-wrap {
  animation: uicoreFloat 1s ease infinite alternate !important;
}

.ui-float-widget.ui-float-s > *,
.ui-float-widget.ui-float-s > .elementor-widget-wrap {
  animation: uicoreFloatS 1s ease infinite alternate !important;
}

.ui-float-widget.ui-float-l > *,
.ui-float-widget.ui-float-l > .elementor-widget-wrap {
  animation: uicoreFloatL 1s ease infinite alternate !important;
}

.elementor-element-edit-mode.ui-float-widget:hover *,
.elementor-element-edit-mode.ui-float-widget:hover .elementor-widget-wrap {
  animation: none !important;
}
/**********animation End style******/