.elementor-238 .elementor-element.elementor-element-00bdd6e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-238 .elementor-element.elementor-element-00bdd6e:not(.elementor-motion-effects-element-type-background), .elementor-238 .elementor-element.elementor-element-00bdd6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://titanomachy.cards/wp-content/uploads/2024/11/webbgrepeat.jpg");background-repeat:repeat;}.elementor-238 .elementor-element.elementor-element-00bdd6e::before, .elementor-238 .elementor-element.elementor-element-00bdd6e > .elementor-background-video-container::before, .elementor-238 .elementor-element.elementor-element-00bdd6e > .e-con-inner > .elementor-background-video-container::before, .elementor-238 .elementor-element.elementor-element-00bdd6e > .elementor-background-slideshow::before, .elementor-238 .elementor-element.elementor-element-00bdd6e > .e-con-inner > .elementor-background-slideshow::before, .elementor-238 .elementor-element.elementor-element-00bdd6e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FAD18E26;--background-overlay:'';}.elementor-238 .elementor-element.elementor-element-5a14d10{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-238 .elementor-element.elementor-element-5a14d10:not(.elementor-motion-effects-element-type-background), .elementor-238 .elementor-element.elementor-element-5a14d10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-238 .elementor-element.elementor-element-e1d0df0{text-align:justify;}.elementor-238 .elementor-element.elementor-element-e06cbd7{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:20px 0px;--row-gap:20px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-238 .elementor-element.elementor-element-ccce64f{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}.elementor-238 .elementor-element.elementor-element-abbc612{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}.elementor-238 .elementor-element.elementor-element-be890f5{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}.elementor-238 .elementor-element.elementor-element-70a2835{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-238 .elementor-element.elementor-element-e06cbd7{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-238 .elementor-element.elementor-element-00bdd6e{--content-width:800px;}.elementor-238 .elementor-element.elementor-element-e06cbd7{--width:100%;}}@media(max-width:767px){.elementor-238 .elementor-element.elementor-element-00bdd6e{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-238 .elementor-element.elementor-element-5a14d10{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-238 .elementor-element.elementor-element-e06cbd7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-ccce64f */* {
  margin: 0;
  padding: 0;
}

.card {
  width: 200px;
  height: 280px;
  perspective: 1000px;
}

.card__inner {
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
}

.card__inner.is-flipped {
  transform: rotateY(180deg);
}


.card__face {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.2);
}

.card__face--front {
  background-image: url('https://titanomachy.cards/wp-content/uploads/2024/11/Primordial-Aether-1.jpg'); /* Replace with the correct path to your image */
  background-size: contain; /* Ensures the image covers the entire area */
  background-position: center; /* Centers the image */
  display: flex;
  align-items: center;
  justify-content: center;
}

.card__face--back {
  background-color: var(--light);
  background-image: url('https://titanomachy.cards/wp-content/uploads/2024/11/Back-of-Cards.jpg'); /* Replace with the correct path to your image */
  background-size: contain; /* Ensures the image covers the entire area */
  background-position: center; /* Centers the image */
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-abbc612 */* {
  margin: 0;
  padding: 0;
}

.card2 {
  width: 200px;
  height: 280px;
  perspective: 1000px;
}

.card__inner2 {
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
}

.card__inner2.is-flipped2 {
  transform: rotateY(180deg);
}


.card__face2 {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.2);
}

.card__face--front2 {
  background-image: url('https://titanomachy.cards/wp-content/uploads/2024/11/Primordial-Erebus.jpg'); /* Replace with the correct path to your image */
  background-size: contain; /* Ensures the image covers the entire area */
  background-position: center; /* Centers the image */
  display: flex;
  align-items: center;
  justify-content: center;
}

.card__face--back2 {
  background-color: var(--light);
  background-image: url('https://titanomachy.cards/wp-content/uploads/2024/11/Back-of-Cards.jpg'); /* Replace with the correct path to your image */
  background-size: contain; /* Ensures the image covers the entire area */
  background-position: center; /* Centers the image */
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be890f5 */* {
  margin: 0;
  padding: 0;
}

.card3 {
  width: 200px;
  height: 280px;
  perspective: 1000px;
}

.card__inner3 {
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
}

.card__inner3.is-flipped3 {
  transform: rotateY(180deg);
}


.card__face3 {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.2);
}

.card__face--front3 {
  background-image: url('https://titanomachy.cards/wp-content/uploads/2024/11/Primordial-Thalassa.jpg'); /* Replace with the correct path to your image */
  background-size: contain; /* Ensures the image covers the entire area */
  background-position: center; /* Centers the image */
  display: flex;
  align-items: center;
  justify-content: center;
}

.card__face--back3 {
  background-color: var(--light);
  background-image: url('https://titanomachy.cards/wp-content/uploads/2024/11/Back-of-Cards.jpg'); /* Replace with the correct path to your image */
  background-size: contain; /* Ensures the image covers the entire area */
  background-position: center; /* Centers the image */
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70a2835 */* {
  margin: 0;
  padding: 0;
}

.card4 {
  width: 200px;
  height: 280px;
  perspective: 1000px;
}

.card__inner4 {
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
}

.card__inner4.is-flipped4 {
  transform: rotateY(180deg);
}


.card__face4 {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.2);
}

.card__face--front4 {
  background-image: url('https://titanomachy.cards/wp-content/uploads/2024/11/Primordial-Gaia.jpg'); /* Replace with the correct path to your image */
  background-size: contain; /* Ensures the image covers the entire area */
  background-position: center; /* Centers the image */
  display: flex;
  align-items: center;
  justify-content: center;
}

.card__face--back4 {
  background-color: var(--light);
  background-image: url('https://titanomachy.cards/wp-content/uploads/2024/11/Back-of-Cards.jpg'); /* Replace with the correct path to your image */
  background-size: contain; /* Ensures the image covers the entire area */
  background-position: center; /* Centers the image */
  transform: rotateY(180deg);
}/* End custom CSS */