.elementor-2 .elementor-element.elementor-element-bcf7364{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-12em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-2 .elementor-element.elementor-element-bcf7364:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-bcf7364 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://polcollard.myskydoowebsite.com/wp-content/uploads/Untitled-design-2024-07-17T152330.400.png");background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2 .elementor-element.elementor-element-6094bd7 > .elementor-widget-container{margin:-1em 0em 0em 0em;padding:5em 0em 0em 0em;}.elementor-2 .elementor-element.elementor-element-6094bd7 .elementor-heading-title{font-family:"Varela Round", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-c830931 );}.elementor-2 .elementor-element.elementor-element-36a9f6a > .elementor-widget-container{margin:-1em 0em 0em 0em;}.elementor-2 .elementor-element.elementor-element-36a9f6a .elementor-heading-title{font-family:var( --e-global-typography-d3aa24b-font-family ), Sans-serif;font-size:var( --e-global-typography-d3aa24b-font-size );font-weight:var( --e-global-typography-d3aa24b-font-weight );color:var( --e-global-color-c830931 );}.elementor-2 .elementor-element.elementor-element-0375f49 > .elementor-widget-container{margin:-1em 0em 0em 0em;}.elementor-2 .elementor-element.elementor-element-0375f49 .elementor-heading-title{font-family:"Angkor", Sans-serif;font-size:70px;font-weight:500;font-style:italic;color:var( --e-global-color-c830931 );}.elementor-2 .elementor-element.elementor-element-8e229c0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:5em;--padding-bottom:7em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-8e229c0:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-8e229c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://polcollard.myskydoowebsite.com/wp-content/uploads/Untitled-design-2024-07-17T172312.937.png");background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-9c516e2 .elementor-heading-title{font-family:"Varela Round", Sans-serif;font-size:55px;font-weight:600;color:var( --e-global-color-5768c99 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2 .elementor-element.elementor-element-540ae7a{color:#FFCE00;}.elementor-2 .elementor-element.elementor-element-a85f483{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-2 .elementor-element.elementor-element-6b505ec{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-2 .elementor-element.elementor-element-27a7798{--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;--justify-content:center;}.elementor-2 .elementor-element.elementor-element-93df37b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-93df37b:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-93df37b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8A2727;background-image:url("https://polcollard.myskydoowebsite.com/wp-content/uploads/Untitled-design-2024-08-13T110017.559.png");background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-cc1e822 .elementor-heading-title{font-family:"Varela Round", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-c830931 );}.elementor-2 .elementor-element.elementor-element-3d87620 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-3d87620{color:var( --e-global-color-c830931 );}.elementor-2 .elementor-element.elementor-element-69a815d{--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;--padding-top:5em;--padding-bottom:5em;--padding-left:8em;--padding-right:8em;}.elementor-2 .elementor-element.elementor-element-69a815d:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-69a815d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://polcollard.myskydoowebsite.com/wp-content/uploads/Untitled-design-2024-07-17T172312.937.png");background-repeat:no-repeat;background-size:cover;}@media(max-width:1024px) and (min-width:768px){.elementor-2 .elementor-element.elementor-element-6b505ec{--width:70%;}}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-bcf7364:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-bcf7364 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-144px 0px;background-size:cover;}.elementor-2 .elementor-element.elementor-element-36a9f6a .elementor-heading-title{font-size:var( --e-global-typography-d3aa24b-font-size );}.elementor-2 .elementor-element.elementor-element-0375f49 .elementor-heading-title{font-size:55px;}.elementor-2 .elementor-element.elementor-element-8e229c0{--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-a85f483{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2 .elementor-element.elementor-element-6b505ec{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2 .elementor-element.elementor-element-93df37b{--padding-top:5em;--padding-bottom:5em;--padding-left:5em;--padding-right:5em;}.elementor-2 .elementor-element.elementor-element-3d87620{text-align:center;}.elementor-2 .elementor-element.elementor-element-69a815d:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-69a815d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-bcf7364:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-bcf7364 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-120px 5px;}.elementor-2 .elementor-element.elementor-element-6094bd7 > .elementor-widget-container{padding:8em 0em 0em 0em;}.elementor-2 .elementor-element.elementor-element-6094bd7{text-align:center;}.elementor-2 .elementor-element.elementor-element-36a9f6a .elementor-heading-title{font-size:var( --e-global-typography-d3aa24b-font-size );}.elementor-2 .elementor-element.elementor-element-0375f49{text-align:center;}.elementor-2 .elementor-element.elementor-element-0375f49 .elementor-heading-title{font-size:43px;}.elementor-2 .elementor-element.elementor-element-368e37f > .elementor-widget-container{padding:3em 0em 0em 0em;}.elementor-2 .elementor-element.elementor-element-9c516e2 .elementor-heading-title{font-size:50px;}.elementor-2 .elementor-element.elementor-element-540ae7a{text-align:center;}.elementor-2 .elementor-element.elementor-element-a85f483{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2 .elementor-element.elementor-element-6b505ec{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2 .elementor-element.elementor-element-93df37b{--padding-top:4em;--padding-bottom:4em;--padding-left:2em;--padding-right:2em;}.elementor-2 .elementor-element.elementor-element-cc1e822 .elementor-heading-title{font-size:30px;}.elementor-2 .elementor-element.elementor-element-3d87620 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-69a815d{--padding-top:4em;--padding-bottom:4em;--padding-left:1em;--padding-right:1em;}}@media(min-width:1025px){.elementor-2 .elementor-element.elementor-element-bcf7364:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-bcf7364 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-2 .elementor-element.elementor-element-8e229c0:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-8e229c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-2 .elementor-element.elementor-element-93df37b:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-93df37b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-2 .elementor-element.elementor-element-69a815d:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-69a815d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-368e37f */.button-link {
  text-decoration: none; /* Remove underline from link */
  display: inline-block; /* Make link an inline block element */
}

.button {
  font-family: 'Varela Round', sans-serif; /* Utilisation de la police Varela Round */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background-color: #FFDF58; /* Couleur de fond jaune */
  color: #0f1923;
  cursor: pointer;
  position: relative;
  padding: 8px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  transition: all .15s ease;
}

.button::before,
.button::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  height: calc(50% - 5px);
  border: 1px solid #7D8082;
  transition: all .15s ease;
}

.button::before {
  top: 0;
  border-bottom-width: 0;
}

.button::after {
  bottom: 0;
  border-top-width: 0;
}

.button:active,
.button:focus {
  outline: none;
}

.button:active::before,
.button:active::after {
  right: 3px;
  left: 3px;
}

.button:active::before {
  top: 3px;
}

.button:active::after {
  bottom: 3px;
}

.button_lg {
  font-family: 'Varela Round', sans-serif; /* Utilisation de la police Varela Round */
  position: relative;
  display: block;
  padding: 10px 20px;
  color: #fff;
  background-color: #FFDF58; /* Couleur de fond jaune */
  overflow: hidden;
  box-shadow: inset 0px 0px 0px 1px transparent;
}

.button_lg::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #FFDF58;
}

.button_lg::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 4px;
  height: 4px;
  background-color: #FFDF58;
  transition: all .2s ease;
}

.button_sl {
  font-family: 'Varela Round', sans-serif; /* Utilisation de la police Varela Round */
  display: block;
  position: absolute;
  top: 0;
  bottom: -1px;
  left: -8px;
  width: 0;
  background-color: #FFDF58; /* Couleur de fond jaune */
  transform: skew(-15deg);
  transition: all .2s ease;
}

.button_text {
  font-family: 'Varela Round', sans-serif; /* Utilisation de la police Varela Round */
  position: relative;
}

.button:hover {
  background-color: #0f1923; /* Couleur de fond noire pour le hover */
  color: #FFDF58; /* Texte en jaune pour le hover */
}

.button:hover .button_sl {
  width: calc(100% + 15px);
  background-color: #0f1923; /* Couleur de fond noire pour le hover */
}

.button:hover .button_lg::after {
  background-color: #0f1923; /* Couleur de fond noire pour le hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5304937 */.card-link {
  text-decoration: none; /* Remove underline from link */
  color: inherit; /* Inherit text color */
  display: block; /* Make link a block element */
}

.card {
  overflow: visible;
  width: 236px;
  height: 300px;
  cursor: pointer; /* Change cursor to pointer */
}

.content {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 300ms;
  box-shadow: 0px 0px 10px 1px #000000;
  border-radius: 5px;
}

.p {
  padding-top: 200px;
}

.front, .back {
  background-color: #151515;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 5px;
  overflow: hidden;
}

.back {
  width: 100%;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.back::before {
  position: absolute;
  content: ' ';
  display: block;
  width: 160px;
  height: 160%;
  background: linear-gradient(90deg, transparent, #FFDF58, #FFDF58, #FFDF58, #FFDF58, transparent);
  animation: rotation_481 5000ms infinite linear;
}

.back-content {
  position: absolute;
  width: 99%;
  height: 99%;
  background-color: #151515;
  border-radius: 5px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-align: center; /* Center text */
}

.back-content strong {
  font-size: 20px; /* Increase title size */
  color: #FFDF58; /* Change title color */
}

.back-content svg {
  height: 70px; /* Increase icon size */
  width: 70px; /* Increase icon size */
}

.card:hover .content {
  transform: rotateY(180deg);
}

@keyframes rotation_481 {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.front {
  transform: rotateY(180deg);
  color: white;
}

.front .front-content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  text-align: center; /* Center text */
}

.front-content .badge {
  background-color: #00000055;
  padding: 2px 10px;
  border-radius: 10px;
  backdrop-filter: blur(2px);
  width: fit-content;
}

.description {
  box-shadow: 0px 0px 10px 5px #00000088;
  width: 100%;
  padding: 10px;
  background-color: #00000099;
  backdrop-filter: blur(5px);
  border-radius: 5px;
}

.title {
  font-size: 15px; /* Increase font size */
  max-width: 100%;
  display: flex;
  justify-content: center; /* Center horizontally */
}

.title p {
  width: 100%; /* Adjust to take full width */
}

.card-footer {
  color: #ffffff88;
  margin-top: 5px;
  font-size: 10px; /* Increase font size */
}

.front .img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #ffbb66;
  position: relative;
  filter: blur(15px);
  animation: floating 2600ms infinite linear;
}

#bottom {
  background-color: #ff8866;
  left: 50px;
  top: 0px;
  width: 150px;
  height: 150px;
  animation-delay: -800ms;
}

#right {
  background-color: #ff2233;
  left: 160px;
  top: -80px;
  width: 30px;
  height: 30px;
  animation-delay: -1800ms;
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2d1c5c */.card-link {
  text-decoration: none; /* Remove underline from link */
  color: inherit; /* Inherit text color */
  display: block; /* Make link a block element */
}

.card {
  overflow: visible;
  width: 236px;
  height: 300px;
  cursor: pointer; /* Change cursor to pointer */
}

.content {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 300ms;
  box-shadow: 0px 0px 10px 1px #000000;
  border-radius: 5px;
}

.p {
  padding-top: 200px;
}

.front, .back {
  background-color: #151515;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 5px;
  overflow: hidden;
}

.back {
  width: 100%;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.back::before {
  position: absolute;
  content: ' ';
  display: block;
  width: 160px;
  height: 160%;
  background: linear-gradient(90deg, transparent, #FFDF58, #FFDF58, #FFDF58, #FFDF58, transparent);
  animation: rotation_481 5000ms infinite linear;
}

.back-content {
  position: absolute;
  width: 99%;
  height: 99%;
  background-color: #151515;
  border-radius: 5px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-align: center; /* Center text */
}

.back-content strong {
  font-size: 20px; /* Increase title size */
  color: #FFDF58; /* Change title color */
}

.back-content svg {
  height: 70px; /* Increase icon size */
  width: 70px; /* Increase icon size */
}

.card:hover .content {
  transform: rotateY(180deg);
}

@keyframes rotation_481 {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.front {
  transform: rotateY(180deg);
  color: white;
}

.front .front-content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  text-align: center; /* Center text */
}

.front-content .badge {
  background-color: #00000055;
  padding: 2px 10px;
  border-radius: 10px;
  backdrop-filter: blur(2px);
  width: fit-content;
}

.description {
  box-shadow: 0px 0px 10px 5px #00000088;
  width: 100%;
  padding: 10px;
  background-color: #00000099;
  backdrop-filter: blur(5px);
  border-radius: 5px;
}

.title {
  font-size: 15px; /* Increase font size */
  max-width: 100%;
  display: flex;
  justify-content: center; /* Center horizontally */
}

.title p {
  width: 100%; /* Adjust to take full width */
}

.card-footer {
  color: #ffffff88;
  margin-top: 5px;
  font-size: 10px; /* Increase font size */
}

.front .img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #ffbb66;
  position: relative;
  filter: blur(15px);
  animation: floating 2600ms infinite linear;
}

#bottom {
  background-color: #ff8866;
  left: 50px;
  top: 0px;
  width: 150px;
  height: 150px;
  animation-delay: -800ms;
}

#right {
  background-color: #ff2233;
  left: 160px;
  top: -80px;
  width: 30px;
  height: 30px;
  animation-delay: -1800ms;
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5544b99 */.card-link {
  text-decoration: none; /* Remove underline from link */
  color: inherit; /* Inherit text color */
  display: block; /* Make link a block element */
}

.card {
  overflow: visible;
  width: 236px;
  height: 300px;
  cursor: pointer; /* Change cursor to pointer */
}

.content {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 300ms;
  box-shadow: 0px 0px 10px 1px #000000;
  border-radius: 5px;
}

.p {
  padding-top: 200px;
}

.front, .back {
  background-color: #151515;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 5px;
  overflow: hidden;
}

.back {
  width: 100%;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.back::before {
  position: absolute;
  content: ' ';
  display: block;
  width: 160px;
  height: 160%;
  background: linear-gradient(90deg, transparent, #FFDF58, #FFDF58, #FFDF58, #FFDF58, transparent);
  animation: rotation_481 5000ms infinite linear;
}

.back-content {
  position: absolute;
  width: 99%;
  height: 99%;
  background-color: #151515;
  border-radius: 5px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-align: center; /* Center text */
}

.back-content strong {
  font-size: 20px; /* Increase title size */
  color: #FFDF58; /* Change title color */
}

.back-content svg {
  height: 70px; /* Increase icon size */
  width: 70px; /* Increase icon size */
}

.card:hover .content {
  transform: rotateY(180deg);
}

@keyframes rotation_481 {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.front {
  transform: rotateY(180deg);
  color: white;
}

.front .front-content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  text-align: center; /* Center text */
}

.front-content .badge {
  background-color: #00000055;
  padding: 2px 10px;
  border-radius: 10px;
  backdrop-filter: blur(2px);
  width: fit-content;
}

.description {
  box-shadow: 0px 0px 10px 5px #00000088;
  width: 100%;
  padding: 10px;
  background-color: #00000099;
  backdrop-filter: blur(5px);
  border-radius: 5px;
}

.title {
  font-size: 15px; /* Increase font size */
  max-width: 100%;
  display: flex;
  justify-content: center; /* Center horizontally */
}

.title p {
  width: 100%; /* Adjust to take full width */
}

.card-footer {
  color: #ffffff88;
  margin-top: 5px;
  font-size: 10px; /* Increase font size */
}

.front .img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #ffbb66;
  position: relative;
  filter: blur(15px);
  animation: floating 2600ms infinite linear;
}

#bottom {
  background-color: #ff8866;
  left: 50px;
  top: 0px;
  width: 150px;
  height: 150px;
  animation-delay: -800ms;
}

#right {
  background-color: #ff2233;
  left: 160px;
  top: -80px;
  width: 30px;
  height: 30px;
  animation-delay: -1800ms;
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-818ce60 */.card-link {
  text-decoration: none; /* Remove underline from link */
  color: inherit; /* Inherit text color */
  display: block; /* Make link a block element */
}

.card {
  overflow: visible;
  width: 236px;
  height: 300px;
  cursor: pointer; /* Change cursor to pointer */
}

.content {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 300ms;
  box-shadow: 0px 0px 10px 1px #000000;
  border-radius: 5px;
}

.p {
  padding-top: 200px;
}

.front, .back {
  background-color: #151515;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 5px;
  overflow: hidden;
}

.back {
  width: 100%;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.back::before {
  position: absolute;
  content: ' ';
  display: block;
  width: 160px;
  height: 160%;
  background: linear-gradient(90deg, transparent, #FFDF58, #FFDF58, #FFDF58, #FFDF58, transparent);
  animation: rotation_481 5000ms infinite linear;
}

.back-content {
  position: absolute;
  width: 99%;
  height: 99%;
  background-color: #151515;
  border-radius: 5px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-align: center; /* Center text */
}

.back-content strong {
  font-size: 20px; /* Increase title size */
  color: #FFDF58; /* Change title color */
}

.back-content svg {
  height: 70px; /* Increase icon size */
  width: 70px; /* Increase icon size */
}

.card:hover .content {
  transform: rotateY(180deg);
}

@keyframes rotation_481 {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.front {
  transform: rotateY(180deg);
  color: white;
}

.front .front-content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  text-align: center; /* Center text */
}

.front-content .badge {
  background-color: #00000055;
  padding: 2px 10px;
  border-radius: 10px;
  backdrop-filter: blur(2px);
  width: fit-content;
}

.description {
  box-shadow: 0px 0px 10px 5px #00000088;
  width: 100%;
  padding: 10px;
  background-color: #00000099;
  backdrop-filter: blur(5px);
  border-radius: 5px;
}

.title {
  font-size: 15px; /* Increase font size */
  max-width: 100%;
  display: flex;
  justify-content: center; /* Center horizontally */
}

.title p {
  width: 100%; /* Adjust to take full width */
}

.card-footer {
  color: #ffffff88;
  margin-top: 5px;
  font-size: 10px; /* Increase font size */
}

.front .img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #ffbb66;
  position: relative;
  filter: blur(15px);
  animation: floating 2600ms infinite linear;
}

#bottom {
  background-color: #ff8866;
  left: 50px;
  top: 0px;
  width: 150px;
  height: 150px;
  animation-delay: -800ms;
}

#right {
  background-color: #ff2233;
  left: 160px;
  top: -80px;
  width: 30px;
  height: 30px;
  animation-delay: -1800ms;
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47da5c2 */.card-link {
  text-decoration: none; /* Remove underline from link */
  color: inherit; /* Inherit text color */
  display: block; /* Make link a block element */
}

.card {
  overflow: visible;
  width: 236px;
  height: 300px;
  cursor: pointer; /* Change cursor to pointer */
}

.content {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 300ms;
  box-shadow: 0px 0px 10px 1px #000000;
  border-radius: 5px;
}

.p {
  padding-top: 200px;
}

.front, .back {
  background-color: #151515;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 5px;
  overflow: hidden;
}

.back {
  width: 100%;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.back::before {
  position: absolute;
  content: ' ';
  display: block;
  width: 160px;
  height: 160%;
  background: linear-gradient(90deg, transparent, #FFDF58, #FFDF58, #FFDF58, #FFDF58, transparent);
  animation: rotation_481 5000ms infinite linear;
}

.back-content {
  position: absolute;
  width: 99%;
  height: 99%;
  background-color: #151515;
  border-radius: 5px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-align: center; /* Center text */
}

.back-content strong {
  font-size: 20px; /* Increase title size */
  color: #FFDF58; /* Change title color */
}

.back-content svg {
  height: 70px; /* Increase icon size */
  width: 70px; /* Increase icon size */
}

.card:hover .content {
  transform: rotateY(180deg);
}

@keyframes rotation_481 {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.front {
  transform: rotateY(180deg);
  color: white;
}

.front .front-content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  text-align: center; /* Center text */
}

.front-content .badge {
  background-color: #00000055;
  padding: 2px 10px;
  border-radius: 10px;
  backdrop-filter: blur(2px);
  width: fit-content;
}

.description {
  box-shadow: 0px 0px 10px 5px #00000088;
  width: 100%;
  padding: 10px;
  background-color: #00000099;
  backdrop-filter: blur(5px);
  border-radius: 5px;
}

.title {
  font-size: 15px; /* Increase font size */
  max-width: 100%;
  display: flex;
  justify-content: center; /* Center horizontally */
}

.title p {
  width: 100%; /* Adjust to take full width */
}

.card-footer {
  color: #ffffff88;
  margin-top: 5px;
  font-size: 10px; /* Increase font size */
}

.front .img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #ffbb66;
  position: relative;
  filter: blur(15px);
  animation: floating 2600ms infinite linear;
}

#bottom {
  background-color: #ff8866;
  left: 50px;
  top: 0px;
  width: 150px;
  height: 150px;
  animation-delay: -800ms;
}

#right {
  background-color: #ff2233;
  left: 160px;
  top: -80px;
  width: 30px;
  height: 30px;
  animation-delay: -1800ms;
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79a8148 */.card-link {
  text-decoration: none; /* Remove underline from link */
  color: inherit; /* Inherit text color */
  display: block; /* Make link a block element */
}

.card {
  overflow: visible;
  width: 236px;
  height: 300px;
  cursor: pointer; /* Change cursor to pointer */
}

.content {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 300ms;
  box-shadow: 0px 0px 10px 1px #000000;
  border-radius: 5px;
}

.p {
  padding-top: 200px;
}

.front, .back {
  background-color: #151515;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 5px;
  overflow: hidden;
}

.back {
  width: 100%;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.back::before {
  position: absolute;
  content: ' ';
  display: block;
  width: 160px;
  height: 160%;
  background: linear-gradient(90deg, transparent, #FFDF58, #FFDF58, #FFDF58, #FFDF58, transparent);
  animation: rotation_481 5000ms infinite linear;
}

.back-content {
  position: absolute;
  width: 99%;
  height: 99%;
  background-color: #151515;
  border-radius: 5px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-align: center; /* Center text */
}

.back-content strong {
  font-size: 20px; /* Increase title size */
  color: #FFDF58; /* Change title color */
}

.back-content svg {
  height: 70px; /* Increase icon size */
  width: 70px; /* Increase icon size */
}

.card:hover .content {
  transform: rotateY(180deg);
}

@keyframes rotation_481 {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.front {
  transform: rotateY(180deg);
  color: white;
}

.front .front-content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  text-align: center; /* Center text */
}

.front-content .badge {
  background-color: #00000055;
  padding: 2px 10px;
  border-radius: 10px;
  backdrop-filter: blur(2px);
  width: fit-content;
}

.description {
  box-shadow: 0px 0px 10px 5px #00000088;
  width: 100%;
  padding: 10px;
  background-color: #00000099;
  backdrop-filter: blur(5px);
  border-radius: 5px;
}

.title {
  font-size: 15px; /* Increase font size */
  max-width: 100%;
  display: flex;
  justify-content: center; /* Center horizontally */
}

.title p {
  width: 100%; /* Adjust to take full width */
}

.card-footer {
  color: #ffffff88;
  margin-top: 5px;
  font-size: 10px; /* Increase font size */
}

.front .img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #ffbb66;
  position: relative;
  filter: blur(15px);
  animation: floating 2600ms infinite linear;
}

#bottom {
  background-color: #ff8866;
  left: 50px;
  top: 0px;
  width: 150px;
  height: 150px;
  animation-delay: -800ms;
}

#right {
  background-color: #ff2233;
  left: 160px;
  top: -80px;
  width: 30px;
  height: 30px;
  animation-delay: -1800ms;
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c544247 */.card-link {
  text-decoration: none; /* Remove underline from link */
  color: inherit; /* Inherit text color */
  display: block; /* Make link a block element */
}

.card {
  overflow: visible;
  width: 236px;
  height: 300px;
  cursor: pointer; /* Change cursor to pointer */
}

.content {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 300ms;
  box-shadow: 0px 0px 10px 1px #000000;
  border-radius: 5px;
}

.p {
  padding-top: 200px;
}

.front, .back {
  background-color: #151515;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 5px;
  overflow: hidden;
}

.back {
  width: 100%;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.back::before {
  position: absolute;
  content: ' ';
  display: block;
  width: 160px;
  height: 160%;
  background: linear-gradient(90deg, transparent, #FFDF58, #FFDF58, #FFDF58, #FFDF58, transparent);
  animation: rotation_481 5000ms infinite linear;
}

.back-content {
  position: absolute;
  width: 99%;
  height: 99%;
  background-color: #151515;
  border-radius: 5px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-align: center; /* Center text */
}

.back-content strong {
  font-size: 20px; /* Increase title size */
  color: #FFDF58; /* Change title color */
}

.back-content svg {
  height: 70px; /* Increase icon size */
  width: 70px; /* Increase icon size */
}

.card:hover .content {
  transform: rotateY(180deg);
}

@keyframes rotation_481 {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.front {
  transform: rotateY(180deg);
  color: white;
}

.front .front-content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  text-align: center; /* Center text */
}

.front-content .badge {
  background-color: #00000055;
  padding: 2px 10px;
  border-radius: 10px;
  backdrop-filter: blur(2px);
  width: fit-content;
}

.description {
  box-shadow: 0px 0px 10px 5px #00000088;
  width: 100%;
  padding: 10px;
  background-color: #00000099;
  backdrop-filter: blur(5px);
  border-radius: 5px;
}

.title {
  font-size: 15px; /* Increase font size */
  max-width: 100%;
  display: flex;
  justify-content: center; /* Center horizontally */
}

.title p {
  width: 100%; /* Adjust to take full width */
}

.card-footer {
  color: #ffffff88;
  margin-top: 5px;
  font-size: 10px; /* Increase font size */
}

.front .img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #ffbb66;
  position: relative;
  filter: blur(15px);
  animation: floating 2600ms infinite linear;
}

#bottom {
  background-color: #ff8866;
  left: 50px;
  top: 0px;
  width: 150px;
  height: 150px;
  animation-delay: -800ms;
}

#right {
  background-color: #ff2233;
  left: 160px;
  top: -80px;
  width: 30px;
  height: 30px;
  animation-delay: -1800ms;
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0726741 */.card-link {
  text-decoration: none; /* Remove underline from link */
  color: inherit; /* Inherit text color */
  display: block; /* Make link a block element */
}

.card {
  overflow: visible;
  width: 236px;
  height: 300px;
  cursor: pointer; /* Change cursor to pointer */
}

.content {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 300ms;
  box-shadow: 0px 0px 10px 1px #000000;
  border-radius: 5px;
}

.p {
  padding-top: 200px;
}

.front, .back {
  background-color: #151515;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 5px;
  overflow: hidden;
}

.back {
  width: 100%;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.back::before {
  position: absolute;
  content: ' ';
  display: block;
  width: 160px;
  height: 160%;
  background: linear-gradient(90deg, transparent, #FFDF58, #FFDF58, #FFDF58, #FFDF58, transparent);
  animation: rotation_481 5000ms infinite linear;
}

.back-content {
  position: absolute;
  width: 99%;
  height: 99%;
  background-color: #151515;
  border-radius: 5px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-align: center; /* Center text */
}

.back-content strong {
  font-size: 20px; /* Increase title size */
  color: #FFDF58; /* Change title color */
}

.back-content svg {
  height: 70px; /* Increase icon size */
  width: 70px; /* Increase icon size */
}

.card:hover .content {
  transform: rotateY(180deg);
}

@keyframes rotation_481 {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.front {
  transform: rotateY(180deg);
  color: white;
}

.front .front-content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  text-align: center; /* Center text */
}

.front-content .badge {
  background-color: #00000055;
  padding: 2px 10px;
  border-radius: 10px;
  backdrop-filter: blur(2px);
  width: fit-content;
}

.description {
  box-shadow: 0px 0px 10px 5px #00000088;
  width: 100%;
  padding: 10px;
  background-color: #00000099;
  backdrop-filter: blur(5px);
  border-radius: 5px;
}

.title {
  font-size: 15px; /* Increase font size */
  max-width: 100%;
  display: flex;
  justify-content: center; /* Center horizontally */
}

.title p {
  width: 100%; /* Adjust to take full width */
}

.card-footer {
  color: #ffffff88;
  margin-top: 5px;
  font-size: 10px; /* Increase font size */
}

.front .img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #ffbb66;
  position: relative;
  filter: blur(15px);
  animation: floating 2600ms infinite linear;
}

#bottom {
  background-color: #ff8866;
  left: 50px;
  top: 0px;
  width: 150px;
  height: 150px;
  animation-delay: -800ms;
}

#right {
  background-color: #ff2233;
  left: 160px;
  top: -80px;
  width: 30px;
  height: 30px;
  animation-delay: -1800ms;
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fbf58b */.card-link {
  text-decoration: none; /* Remove underline from link */
  color: inherit; /* Inherit text color */
  display: block; /* Make link a block element */
}

.card {
  overflow: visible;
  width: 236px;
  height: 300px;
  cursor: pointer; /* Change cursor to pointer */
}

.content {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 300ms;
  box-shadow: 0px 0px 10px 1px #000000;
  border-radius: 5px;
}

.p {
  padding-top: 200px;
}

.front, .back {
  background-color: #151515;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 5px;
  overflow: hidden;
}

.back {
  width: 100%;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.back::before {
  position: absolute;
  content: ' ';
  display: block;
  width: 160px;
  height: 160%;
  background: linear-gradient(90deg, transparent, #FFDF58, #FFDF58, #FFDF58, #FFDF58, transparent);
  animation: rotation_481 5000ms infinite linear;
}

.back-content {
  position: absolute;
  width: 99%;
  height: 99%;
  background-color: #151515;
  border-radius: 5px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-align: center; /* Center text */
}

.back-content strong {
  font-size: 20px; /* Increase title size */
  color: #FFDF58; /* Change title color */
}

.back-content svg {
  height: 70px; /* Increase icon size */
  width: 70px; /* Increase icon size */
}

.card:hover .content {
  transform: rotateY(180deg);
}

@keyframes rotation_481 {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.front {
  transform: rotateY(180deg);
  color: white;
}

.front .front-content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  text-align: center; /* Center text */
}

.front-content .badge {
  background-color: #00000055;
  padding: 2px 10px;
  border-radius: 10px;
  backdrop-filter: blur(2px);
  width: fit-content;
}

.description {
  box-shadow: 0px 0px 10px 5px #00000088;
  width: 100%;
  padding: 10px;
  background-color: #00000099;
  backdrop-filter: blur(5px);
  border-radius: 5px;
}

.title {
  font-size: 15px; /* Increase font size */
  max-width: 100%;
  display: flex;
  justify-content: center; /* Center horizontally */
}

.title p {
  width: 100%; /* Adjust to take full width */
}

.card-footer {
  color: #ffffff88;
  margin-top: 5px;
  font-size: 10px; /* Increase font size */
}

.front .img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #ffbb66;
  position: relative;
  filter: blur(15px);
  animation: floating 2600ms infinite linear;
}

#bottom {
  background-color: #ff8866;
  left: 50px;
  top: 0px;
  width: 150px;
  height: 150px;
  animation-delay: -800ms;
}

#right {
  background-color: #ff2233;
  left: 160px;
  top: -80px;
  width: 30px;
  height: 30px;
  animation-delay: -1800ms;
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dad4559 */.card-link {
  text-decoration: none; /* Remove underline from link */
  color: inherit; /* Inherit text color */
  display: block; /* Make link a block element */
}

.card {
  overflow: visible;
  width: 236px;
  height: 300px;
  cursor: pointer; /* Change cursor to pointer */
}

.content {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 300ms;
  box-shadow: 0px 0px 10px 1px #000000;
  border-radius: 5px;
}

.p {
  padding-top: 200px;
}

.front, .back {
  background-color: #151515;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 5px;
  overflow: hidden;
}

.back {
  width: 100%;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.back::before {
  position: absolute;
  content: ' ';
  display: block;
  width: 160px;
  height: 160%;
  background: linear-gradient(90deg, transparent, #FFDF58, #FFDF58, #FFDF58, #FFDF58, transparent);
  animation: rotation_481 5000ms infinite linear;
}

.back-content {
  position: absolute;
  width: 99%;
  height: 99%;
  background-color: #151515;
  border-radius: 5px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-align: center; /* Center text */
}

.back-content strong {
  font-size: 20px; /* Increase title size */
  color: #FFDF58; /* Change title color */
}

.back-content svg {
  height: 70px; /* Increase icon size */
  width: 70px; /* Increase icon size */
}

.card:hover .content {
  transform: rotateY(180deg);
}

@keyframes rotation_481 {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.front {
  transform: rotateY(180deg);
  color: white;
}

.front .front-content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  text-align: center; /* Center text */
}

.front-content .badge {
  background-color: #00000055;
  padding: 2px 10px;
  border-radius: 10px;
  backdrop-filter: blur(2px);
  width: fit-content;
}

.description {
  box-shadow: 0px 0px 10px 5px #00000088;
  width: 100%;
  padding: 10px;
  background-color: #00000099;
  backdrop-filter: blur(5px);
  border-radius: 5px;
}

.title {
  font-size: 15px; /* Increase font size */
  max-width: 100%;
  display: flex;
  justify-content: center; /* Center horizontally */
}

.title p {
  width: 100%; /* Adjust to take full width */
}

.card-footer {
  color: #ffffff88;
  margin-top: 5px;
  font-size: 10px; /* Increase font size */
}

.front .img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #ffbb66;
  position: relative;
  filter: blur(15px);
  animation: floating 2600ms infinite linear;
}

#bottom {
  background-color: #ff8866;
  left: 50px;
  top: 0px;
  width: 150px;
  height: 150px;
  animation-delay: -800ms;
}

#right {
  background-color: #ff2233;
  left: 160px;
  top: -80px;
  width: 30px;
  height: 30px;
  animation-delay: -1800ms;
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4a9da6 */.button-link {
  text-decoration: none; /* Remove underline from link */
  display: inline-block; /* Make link an inline block element */
}

.button {
  font-family: 'Varela Round', sans-serif; /* Utilisation de la police Varela Round */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background-color: #FFDF58; /* Couleur de fond jaune */
  color: #0f1923;
  cursor: pointer;
  position: relative;
  padding: 8px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  transition: all .15s ease;
}

.button::before,
.button::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  height: calc(50% - 5px);
  border: 1px solid #7D8082;
  transition: all .15s ease;
}

.button::before {
  top: 0;
  border-bottom-width: 0;
}

.button::after {
  bottom: 0;
  border-top-width: 0;
}

.button:active,
.button:focus {
  outline: none;
}

.button:active::before,
.button:active::after {
  right: 3px;
  left: 3px;
}

.button:active::before {
  top: 3px;
}

.button:active::after {
  bottom: 3px;
}

.button_lg {
  font-family: 'Varela Round', sans-serif; /* Utilisation de la police Varela Round */
  position: relative;
  display: block;
  padding: 10px 20px;
  color: #fff;
  background-color: #FFDF58; /* Couleur de fond jaune */
  overflow: hidden;
  box-shadow: inset 0px 0px 0px 1px transparent;
}

.button_lg::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #FFDF58;
}

.button_lg::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 4px;
  height: 4px;
  background-color: #FFDF58;
  transition: all .2s ease;
}

.button_sl {
  font-family: 'Varela Round', sans-serif; /* Utilisation de la police Varela Round */
  display: block;
  position: absolute;
  top: 0;
  bottom: -1px;
  left: -8px;
  width: 0;
  background-color: #FFDF58; /* Couleur de fond jaune */
  transform: skew(-15deg);
  transition: all .2s ease;
}

.button_text {
  font-family: 'Varela Round', sans-serif; /* Utilisation de la police Varela Round */
  position: relative;
}

.button:hover {
  background-color: #0f1923; /* Couleur de fond noire pour le hover */
  color: #FFDF58; /* Texte en jaune pour le hover */
}

.button:hover .button_sl {
  width: calc(100% + 15px);
  background-color: #0f1923; /* Couleur de fond noire pour le hover */
}

.button:hover .button_lg::after {
  background-color: #0f1923; /* Couleur de fond noire pour le hover */
}/* End custom CSS */