.elementor-15 .elementor-element.elementor-element-7316468{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-7316468 > .elementor-widget-container{margin:60px 0px 0px 60px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-7316468.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-15 .elementor-element.elementor-element-4f848b5{width:100%;max-width:100%;top:20px;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-4f848b5{left:-28px;}body.rtl .elementor-15 .elementor-element.elementor-element-4f848b5{right:-28px;}.elementor-15 .elementor-element.elementor-element-4f848b5 img{width:70%;}.elementor-15 .elementor-element.elementor-element-48827dc{width:100%;max-width:100%;top:20px;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-48827dc{left:-28px;}body.rtl .elementor-15 .elementor-element.elementor-element-48827dc{right:-28px;}.elementor-15 .elementor-element.elementor-element-48827dc img{width:70%;}.elementor-15 .elementor-element.elementor-element-2f089f8{width:100%;max-width:100%;top:20px;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-2f089f8{left:-28px;}body.rtl .elementor-15 .elementor-element.elementor-element-2f089f8{right:-28px;}.elementor-15 .elementor-element.elementor-element-2f089f8 img{width:70%;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-6459414{left:-28px;}body.rtl .elementor-15 .elementor-element.elementor-element-6459414{right:-28px;}.elementor-15 .elementor-element.elementor-element-6459414{top:20px;}.elementor-15 .elementor-element.elementor-element-6459414 img{width:70%;opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-15 .elementor-element.elementor-element-cc9aa69{--display:flex;}.elementor-15 .elementor-element.elementor-element-2f7e623{width:var( --container-widget-width, 22.491% );max-width:22.491%;--container-widget-width:22.491%;--container-widget-flex-grow:0;top:-585px;}.elementor-15 .elementor-element.elementor-element-2f7e623.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-2f7e623{right:-76px;}body.rtl .elementor-15 .elementor-element.elementor-element-2f7e623{left:-76px;}.elementor-15 .elementor-element.elementor-element-d915810{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:0px 20px;--row-gap:0px;--column-gap:20px;--grid-auto-flow:column;--border-radius:24px 24px 24px 24px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-15 .elementor-element.elementor-element-d915810:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-d915810 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-d915810.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-15 .elementor-element.elementor-element-3542e58 > .elementor-widget-container{margin:0px 0px 0px 10px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-1f36c24 > .elementor-widget-container{margin:0px 0px 0px 10px;}.elementor-15 .elementor-element.elementor-element-cedc193{width:initial;max-width:initial;}.elementor-15 .elementor-element.elementor-element-cedc193 > .elementor-widget-container{margin:0px 0px 0px 10px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-cedc193.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-15 .elementor-element.elementor-element-9f6caff > .elementor-widget-container{margin:0px 2px 0px 10px;}.elementor-15 .elementor-element.elementor-element-99abe75{--display:flex;--min-height:768px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-99abe75.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-35ea21c{--display:flex;--min-height:300px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-15 .elementor-element.elementor-element-5d70060{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-2c89f93{--display:flex;}.elementor-15 .elementor-element.elementor-element-439b32a{--display:flex;}.elementor-15 .elementor-element.elementor-element-5b90889{--display:flex;}.elementor-15 .elementor-element.elementor-element-bb43923{--display:flex;}.elementor-15 .elementor-element.elementor-element-0612d39{--display:flex;}.elementor-15 .elementor-element.elementor-element-b63c28a{--display:flex;}.elementor-15 .elementor-element.elementor-element-39e1187{--display:flex;}.elementor-15 .elementor-element.elementor-element-d91c918{--display:flex;}.elementor-15 .elementor-element.elementor-element-7f2cc1c{--display:flex;}.elementor-15 .elementor-element.elementor-element-9e52cc5{--display:flex;}.elementor-15 .elementor-element.elementor-element-6886bf3{--display:flex;}.elementor-15 .elementor-element.elementor-element-6e7c5ea{--display:flex;}.elementor-15 .elementor-element.elementor-element-27b248a{--display:flex;}.elementor-15 .elementor-element.elementor-element-c89a7bb{--display:flex;}.elementor-15 .elementor-element.elementor-element-f800dc1{--display:flex;}.elementor-15 .elementor-element.elementor-element-9d764d2{--display:flex;}.elementor-15 .elementor-element.elementor-element-2c9afc6{--display:flex;}.elementor-15 .elementor-element.elementor-element-022e11c{--display:flex;}.elementor-15 .elementor-element.elementor-element-0d47e5e{--display:flex;}.elementor-15 .elementor-element.elementor-element-0a6eced{--display:flex;}.elementor-15 .elementor-element.elementor-element-4b9d42a{--display:flex;}.elementor-15 .elementor-element.elementor-element-f01cead{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-slides-gap:10px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:20px;--e-n-carousel-swiper-pagination-size:5px;--e-n-carousel-progressbar-normal-color:var( --e-global-color-d3cb330 );}:where( .elementor-15 .elementor-element.elementor-element-f01cead .swiper-slide ) > .e-con{--border-radius:0px 0px 0px 0px;--padding-top:15px;--padding-right:15px;--padding-bottom:15px;--padding-left:15px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:15px;--padding-inline-end:15px;--padding-block-end:15px;--padding-inline-start:15px;}body.elementor-page-15:not(.elementor-motion-effects-element-type-background), body.elementor-page-15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-d915810{--content-width:960px;}.elementor-15 .elementor-element.elementor-element-99abe75{--width:100.644%;}.elementor-15 .elementor-element.elementor-element-35ea21c{--width:100%;}.elementor-15 .elementor-element.elementor-element-439b32a{--content-width:1181px;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-15 .elementor-element.elementor-element-d915810{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-f01cead{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-15 .elementor-element.elementor-element-d915810{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-f01cead{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for wp-widget-text, class: .elementor-element-7316468 */WHAT’S<br>
THE<br>
<span style="color:#FACC15;">“AND”</span><br>
PROJECT?/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d70060 */.flip-card {
  width: 100%;
  height: 470px;
  perspective: 1000px;
  cursor: pointer;
}

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

.flip-card.flipped .flip-inner {
  transform: rotateY(-180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
}

.flip-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-back {
  transform: rotateY(180deg);
}

.flip-back a {
  display: block;
  width: 100%;
  height: 100%;
}

.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}/* End custom CSS */