.elementor-173824 .elementor-element.elementor-element-aabe4d6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:85px 0px 50px 0px;}.elementor-173824 .elementor-element.elementor-element-aabe4d6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-173824 .elementor-element.elementor-element-56c5bf0 > .elementor-element-populated{padding:0px 25px 0px 25px;}.elementor-173824 .elementor-element.elementor-global-154501{--divider-border-style:solid;--divider-color:#FAC40B;--divider-border-width:3px;}.elementor-173824 .elementor-element.elementor-global-154501 .elementor-divider-separator{width:10%;}.elementor-173824 .elementor-element.elementor-global-154501 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-173824 .elementor-element.elementor-element-b407884{text-align:left;}.elementor-173824 .elementor-element.elementor-element-e932b5a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-173824 .elementor-element.elementor-element-e932b5a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mbcycling.ca/wp-content/uploads/2020/04/Topographic-Map-Pattern-1-1024x1015-1.jpg");background-position:bottom left;background-repeat:no-repeat;}.elementor-bc-flex-widget .elementor-173824 .elementor-element.elementor-element-e932b5a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-173824 .elementor-element.elementor-element-e932b5a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-173824 .elementor-element.elementor-element-e932b5a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 100px;}.elementor-173824 .elementor-element.elementor-element-e932b5a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-173824 .elementor-element.elementor-element-f3a11c0 > .elementor-widget-container{margin:33px 0px 0px 11px;}.elementor-173824 .elementor-element.elementor-element-f3a11c0{text-align:left;}.elementor-173824 .elementor-element.elementor-element-f3a11c0 img{width:100%;max-width:100%;height:329px;border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-173824 .elementor-element.elementor-element-5b8a528{text-align:left;}.elementor-173824 .elementor-element.elementor-element-4f47777c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-5116607 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-0ea0a8c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-a1bb642 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-e2dbc15 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-285beee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-487fe73 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-016e938 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-9a3e323 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-22c2a99 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-23093bf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-9a2d648 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-bde684b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-b7aaaa1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-5ad71cb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-78e1130 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-358a444{text-align:left;}.elementor-173824 .elementor-element.elementor-element-ff8f3b3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-254f783 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-a2dd52a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-2ac0d94 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-d0eca14 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-d2d3e7c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-424ac8a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-e4d8a6c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-173824 .elementor-element.elementor-element-56c5bf0{width:51.944%;}.elementor-173824 .elementor-element.elementor-element-e932b5a{width:48.022%;}}@media(max-width:1024px) and (min-width:768px){.elementor-173824 .elementor-element.elementor-element-56c5bf0{width:100%;}.elementor-173824 .elementor-element.elementor-element-e932b5a{width:100%;}}@media(max-width:1024px){.elementor-173824 .elementor-element.elementor-element-aabe4d6{padding:25px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-global-154501 .elementor-divider-separator{width:7%;}.elementor-173824 .elementor-element.elementor-element-e932b5a > .elementor-element-populated{margin:035px 35px 0px 5px;--e-column-margin-right:35px;--e-column-margin-left:5px;}}@media(max-width:767px){.elementor-173824 .elementor-element.elementor-global-154501 .elementor-divider-separator{width:14%;}.elementor-173824 .elementor-element.elementor-element-e932b5a > .elementor-element-populated{margin:30px 30px 30px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:67px 0px 0px 0px;}.elementor-173824 .elementor-element.elementor-element-5b8a528{text-align:center;}.elementor-173824 .elementor-element.elementor-element-358a444{text-align:center;}}/* Start custom CSS for html, class: .elementor-element-7b7092a6 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f47777c */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5116607 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26799cd */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e194ead */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ea0a8c */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1bb642 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb6c178 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-198f4ea */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e2dbc15 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-285beee */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-487fe73 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9457a85 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-016e938 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a3e323 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-22c2a99 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23093bf */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a2d648 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bde684b */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7aaaa1 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ad71cb */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-78e1130 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff8f3b3 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-254f783 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a2dd52a */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ac0d94 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0eca14 */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2d3e7c */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-424ac8a */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4d8a6c */.card-flip-container {
  perspective: 1000px;
  width: 300px;
  height: 450px;
  margin: auto;
}

.card-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

.card-flip-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.card-back {
  transform: rotateY(180deg);
}/* End custom CSS */