.elementor-14 .elementor-element.elementor-element-169f003{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:100px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-14 .elementor-element.elementor-element-169f003:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-169f003 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1D24;}.elementor-14 .elementor-element.elementor-element-169f003, .elementor-14 .elementor-element.elementor-element-169f003::before{--border-transition:0.3s;}.elementor-14 .elementor-element.elementor-element-69b1c0c{--display:flex;--background-transition:0.3s;}.elementor-14 .elementor-element.elementor-element-69b1c0c, .elementor-14 .elementor-element.elementor-element-69b1c0c::before{--border-transition:0.3s;}.elementor-14 .elementor-element.elementor-element-e1d4714 .elementor-heading-title{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:56px;font-weight:600;text-transform:uppercase;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-14 .elementor-element.elementor-element-4792c46{color:#FFFFFF;font-family:"satoshi-r", Sans-serif;font-size:1.7em;font-weight:400;width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-4792c46 > .elementor-widget-container{padding:0px 0100px 0px 0px;}.elementor-14 .elementor-element.elementor-element-eb43f56{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:24px 34px;--flex-wrap:wrap;--background-transition:0.3s;--padding-block-start:50px;--padding-block-end:200px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-14 .elementor-element.elementor-element-eb43f56:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-eb43f56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1D24;}.elementor-14 .elementor-element.elementor-element-eb43f56, .elementor-14 .elementor-element.elementor-element-eb43f56::before{--border-transition:0.3s;}.elementor-14 .elementor-element.elementor-element-1c8a0da{--display:flex;--min-height:692px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;}.elementor-14 .elementor-element.elementor-element-8081079 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-f330bf4{--display:flex;--min-height:692px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;}.elementor-14 .elementor-element.elementor-element-f51e2c0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-f4f662f{--display:flex;--min-height:692px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;}.elementor-14 .elementor-element.elementor-element-92cc1a2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-e6e2dbe{--display:flex;--min-height:692px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;}.elementor-14 .elementor-element.elementor-element-23b8fed > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-f9f3e2b{--display:flex;--min-height:692px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;}.elementor-14 .elementor-element.elementor-element-4318ebb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-2e747a9{--display:flex;--min-height:692px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;}.elementor-14 .elementor-element.elementor-element-6a7e0b2 > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-169f003{--content-width:1254px;}.elementor-14 .elementor-element.elementor-element-69b1c0c{--width:94%;}.elementor-14 .elementor-element.elementor-element-eb43f56{--content-width:1270px;}.elementor-14 .elementor-element.elementor-element-1c8a0da{--width:30%;}.elementor-14 .elementor-element.elementor-element-f330bf4{--width:30%;}.elementor-14 .elementor-element.elementor-element-f4f662f{--width:30%;}.elementor-14 .elementor-element.elementor-element-e6e2dbe{--width:30%;}.elementor-14 .elementor-element.elementor-element-f9f3e2b{--width:30%;}.elementor-14 .elementor-element.elementor-element-2e747a9{--width:30%;}}/* Start custom CSS for html, class: .elementor-element-8081079 */.fcard-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fcard-container {
  height: 42em!important;
  width: 23em;
  position: relative;
  perspective: 37.5em;
  display: flex;
  justify-content: flex-start; /* Align content to the start horizontally */
  align-items: flex-start; /* Align content to the start vertically */
  flex-direction: column; /* Stack items vertically */
}

a {
  background-color: #303030;
  display: block;
  text-align: center;
  margin-top: 2em;
  padding: 1em 0;
  border-radius: 0.5em;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  box-shadow: 0 10px #000000;
}

.fcard-card {
  height: inherit;
  width: inherit;
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
  transition: 0.9s!important;
}

.fcard-card:hover {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
    transition: 0.9s!important;


}





.front {
  background-color: #ffffff;
  height: inherit;
  width: inherit;
  position: absolute;
  border-radius: 2px!important;
  backface-visibility: hidden;
  display: flex; /* Add Flexbox */
  align-content: flex-start!important;
  justify-content: flex-start!important; /* Center horizontally */
  align-items: center; /* Center vertically */
  flex-direction: column; /* Stack items vertically */
  padding-top: 1.5em!important;

}

.back {
  background-color: #333333!important;
  height: inherit;
  width: inherit;
  position: absolute;
  border-radius: 2px!important;
  backface-visibility: hidden;
  display: flex; /* Add Flexbox */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  flex-direction: column; /* Stack items vertically */
}

.logo-wrapper {
  height: 20em;
  width: 20em;
  background: linear-gradient(to right, #FD5E52, #F38E23);
}

.front img {
  display: block;
  position: relative;
  width: 14.375em;
  border-radius: 1em;
  margin: 7em auto 1em auto;
}

.front .text-pills h2,
.front .text-pills h3,
.front .text-pills h4 {
  text-align: center;
}

.front .com-title {
    margin-top: 40px;
}

.front .com-title h2 {
  font-size: 2em;
  font-weight: 700;
  color: #5b5b5b;
  text-align: center;
  text-transform: uppercase;
}

.front .text-pills h4 {
  font-size: 1.1em;
  font-weight: 500;
}

.front .text-pills {
    margin-top: 26px;
}

.front .text-pills h4 {
  color: #333333;
  font-weight: 500;
  letter-spacing: 0.1em;
  background-color: #EDEDED;
  padding: 10px 20px 10px 20px;
  border-radius: 20px;
}

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


.back .back-title {
    color: white;
}

.back p {
    padding: 40px;
    color: white;
}

.back button {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 90%;
  width: 18.5em;
  font-size: 1em;
  background-color: #ff671a;
  color: #ffffff;
  border-radius: 0.5em;
  padding: 1em;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.back button:hover {
  background-color: #ff7833; /* New background color on hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f51e2c0 */.fcard-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fcard-container {
  height: 42em!important;
  width: 23em;
  position: relative;
  perspective: 37.5em;
  display: flex;
  justify-content: flex-start; /* Align content to the start horizontally */
  align-items: flex-start; /* Align content to the start vertically */
  flex-direction: column; /* Stack items vertically */
}

a {
  background-color: #303030;
  display: block;
  text-align: center;
  margin-top: 2em;
  padding: 1em 0;
  border-radius: 0.5em;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  box-shadow: 0 10px #000000;
}

.fcard-card {
  height: inherit;
  width: inherit;
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
  transition: 0.9s!important;
}

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





.front {
  background-color: #ffffff;
  height: inherit;
  width: inherit;
  position: absolute;
  border-radius: 2px!important;
  backface-visibility: hidden;
  display: flex; /* Add Flexbox */
  align-content: flex-start!important;
  justify-content: flex-start!important; /* Center horizontally */
  align-items: center; /* Center vertically */
  flex-direction: column; /* Stack items vertically */
  padding-top: 1.5em!important;

}

.back {
  background-color: #333333!important;
  height: inherit;
  width: inherit;
  position: absolute;
  border-radius: 2px!important;
  backface-visibility: hidden;
  display: flex; /* Add Flexbox */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  flex-direction: column; /* Stack items vertically */
}

.logo-wrapper2 {
  height: 20em;
  width: 20em;
  background: linear-gradient(to right, #29323c, #485563);
}

.front img {
  display: block;
  position: relative;
  width: 14.375em;
  border-radius: 1em;
  margin: 7em auto 1em auto;
}

.front .text-pills h2,
.front .text-pills h3,
.front .text-pills h4 {
  text-align: center;
}

.front .com-title {
    margin-top: 40px;
}

.front .com-title h2 {
  font-size: 2em;
  font-weight: 700;
  color: #5b5b5b;
  text-align: center;

}

.front .text-pills h4 {
  font-size: 1.1em;
  font-weight: 500;
}

.front .text-pills {
    margin-top: 26px;
}

.front .text-pills h4 {
  color: #333333;
  font-weight: 500;
  letter-spacing: 0.1em;
  background-color: #EDEDED;
  padding: 10px 20px 10px 20px;
  border-radius: 20px;
}

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

.back .back-title {
    color: white;
    text-align: center;
}

.back p {
    padding: 40px;
    color: white;
}

.back button {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 90%;
  width: 18.5em;
  font-size: 1em;
  background-color: #ff671a;
  color: #ffffff;
  border-radius: 0.5em;
  padding: 1em;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.back button:hover {
  background-color: #ff7833; /* New background color on hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92cc1a2 */.fcard-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fcard-container {
  height: 42em!important;
  width: 23em;
  position: relative;
  perspective: 37.5em;
  display: flex;
  justify-content: flex-start; /* Align content to the start horizontally */
  align-items: flex-start; /* Align content to the start vertically */
  flex-direction: column; /* Stack items vertically */
}

a {
  background-color: #303030;
  display: block;
  text-align: center;
  margin-top: 2em;
  padding: 1em 0;
  border-radius: 0.5em;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  box-shadow: 0 10px #000000;
}

.fcard-card {
  height: inherit;
  width: inherit;
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
  transition: 0.9s!important;
}

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





.front {
  background-color: #ffffff;
  height: inherit;
  width: inherit;
  position: absolute;
  border-radius: 2px!important;
  backface-visibility: hidden;
  display: flex; /* Add Flexbox */
  align-content: flex-start!important;
  justify-content: flex-start!important; /* Center horizontally */
  align-items: center; /* Center vertically */
  flex-direction: column; /* Stack items vertically */
  padding-top: 1.5em!important;

}

.back {
  background-color: #333333!important;
  height: inherit;
  width: inherit;
  position: absolute;
  border-radius: 2px!important;
  backface-visibility: hidden;
  display: flex; /* Add Flexbox */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  flex-direction: column; /* Stack items vertically */
}

.logo-wrapper3 {
  height: 20em;
  width: 20em;
  background: linear-gradient(to right, #f5f7fa, #c3cfe2);
}

.front img {
  display: block;
  position: relative;
  width: 14.375em;
  border-radius: 1em;
  margin: 7em auto 1em auto;
}

.front .text-pills h2,
.front .text-pills h3,
.front .text-pills h4 {
  text-align: center;
}

.front .com-title {
    margin-top: 40px;
}


#card-3-title {
      font-size: 1.7em;
      padding: 0 10px 0 10px;

}

.front .com-title h2 {
  font-weight: 700;
  color: #5b5b5b;
  text-align: center;
}

.front .text-pills h4 {
  font-size: 1.1em;
  font-weight: 500;
}

.front .text-pills {
    margin-top: 26px;
}

.front .text-pills h4 {
  color: #333333;
  font-weight: 500;
  letter-spacing: 0.1em;
  background-color: #EDEDED;
  padding: 10px 20px 10px 20px;
  border-radius: 20px;
}


.back .back-title {
    color: white;
}

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

.back p {
    padding: 40px;
    color: white;
}

.back button {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 90%;
  width: 18.5em;
  font-size: 1em;
  background-color: #ff671a;
  color: #ffffff;
  border-radius: 0.5em;
  padding: 1em;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.back button:hover {
  background-color: #ff7833; /* New background color on hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23b8fed */.fcard-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fcard-container {
  height: 42em !important;
  width: 23em;
  position: relative;
  perspective: 37.5em;
  display: flex;
  justify-content: flex-start; /* Align content to the start horizontally */
  align-items: flex-start; /* Align content to the start vertically */
  flex-direction: column; /* Stack items vertically */
}

a {
  background-color: #303030;
  display: block;
  text-align: center;
  margin-top: 2em;
  padding: 1em 0;
  border-radius: 0.5em;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  box-shadow: 0 10px #000000;
}

.fcard-card {
  height: inherit;
  width: inherit;
  transform-style: preserve-3d;
  transition: transform 0.9s ease-in-out !important; /* Only specify the transition property */
}

.fcard-container:hover .fcard-card {
  transform: rotateY(180deg); /* Apply the rotation for flipped state */
}

.front {
  background-color: #ffffff;
  height: inherit;
  width: inherit;
  position: absolute;
  border-radius: 2px !important;
  backface-visibility: hidden;
  display: flex; /* Add Flexbox */
  align-content: flex-start !important;
  justify-content: flex-start !important; /* Center horizontally */
  align-items: center; /* Center vertically */
  flex-direction: column; /* Stack items vertically */
  padding-top: 1.5em !important;
}


.logo-wrapper4 {
  height: 20em;
  width: 20em;
  background: linear-gradient(to right, #c1dfc4, #deecdd);
}


.front img {
  display: block;
  position: relative;
  width: 14.375em;
  border-radius: 1em;
  margin: 7em auto 1em auto;
}

.front .text-pills h2,
.front .text-pills h3,
.front .text-pills h4 {
  text-align: center;
}

.front .com-title {
    margin-top: 40px;
}

.front .com-title h2 {
  font-size: 2em;
  font-weight: 900;
  color: #5b5b5b;
  text-align: center;

}

.front .text-pills h4 {
  font-size: 1.1em;
  font-weight: 400;
  width: 300px;
}

.front .text-pills {
    margin-top: 26px;
}

.front .text-pills h4 {
  color: #333333;
  background-color: #EDEDED;
  padding: 10px 20px 10px 20px;
  border-radius: 50px;
  letter-spacing: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.back {
  background-color: #333333 !important;
  height: inherit;
  width: inherit;
  position: absolute;
  border-radius: 2px !important;
  backface-visibility: hidden;
  display: flex; /* Add Flexbox */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  flex-direction: column; /* Stack items vertically */
}

.back .back-title {
    color: white;
}

.back p {
    padding: 40px;
    color: white;
}

.back button {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 90%;
  width: 18.5em;
  font-size: 1em;
  background-color: #ff671a;
  color: #ffffff;
  border-radius: 0.5em;
  padding: 1em;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.back button:hover {
  background-color: #ff7833; /* New background color on hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4318ebb */.fcard-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fcard-container {
  height: 42em!important;
  width: 23em;
  position: relative;
  perspective: 37.5em;
  display: flex;
  justify-content: flex-start; /* Align content to the start horizontally */
  align-items: flex-start; /* Align content to the start vertically */
  flex-direction: column; /* Stack items vertically */
}

a {
  background-color: #303030;
  display: block;
  text-align: center;
  margin-top: 2em;
  padding: 1em 0;
  border-radius: 0.5em;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  box-shadow: 0 10px #000000;
}

.fcard-card {
  height: inherit;
  width: inherit;
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
  transition: 0.9s!important;
}

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





.front {
  background-color: #ffffff;
  height: inherit;
  width: inherit;
  position: absolute;
  border-radius: 2px!important;
  backface-visibility: hidden;
  display: flex; /* Add Flexbox */
  align-content: flex-start!important;
  justify-content: flex-start!important; /* Center horizontally */
  align-items: center; /* Center vertically */
  flex-direction: column; /* Stack items vertically */
  padding-top: 1.5em!important;

}

.back {
  background-color: #333333!important;
  height: inherit;
  width: inherit;
  position: absolute;
  border-radius: 2px!important;
  backface-visibility: hidden;
  display: flex; /* Add Flexbox */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  flex-direction: column; /* Stack items vertically */
}

.logo-wrapper5 {
  height: 20em;
  width: 20em;
  background: linear-gradient(to right, #f5f7fa, #c3cfe2);
}

.front img {
  display: block;
  position: relative;
  width: 14.375em;
  border-radius: 1em;
  margin: 7em auto 1em auto;
}

.front .text-pills h2,
.front .text-pills h3,
.front .text-pills h4 {
  text-align: center;
}

.front .com-title {
    margin-top: 40px;
}

.front .com-title h2 {
  font-size: 2em;
  font-weight: 700;
  color: #5b5b5b;
  text-align: center;

}

.front .text-pills h4 {
  font-size: 1.1em;
  font-weight: 500;
}

.front .text-pills {
    margin-top: 26px;
}

.front .text-pills h4 {
  color: #333333;
  font-weight: 500;
  letter-spacing: 0.1em;
  background-color: #EDEDED;
  padding: 10px 20px 10px 20px;
  border-radius: 20px;
}

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

.back .back-title {
    color: white;
}

.back p {
    padding: 40px;
    color: white;
}

.back button {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 90%;
  width: 18.5em;
  font-size: 1em;
  background-color: #ff671a;
  color: #ffffff;
  border-radius: 0.5em;
  padding: 1em;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.back button:hover {
  background-color: #ff7833; /* New background color on hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6a7e0b2 */.fcard-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fcard-container {
  height: 42em!important;
  width: 23em;
  position: relative;
  perspective: 37.5em;
  display: flex;
  justify-content: flex-start; /* Align content to the start horizontally */
  align-items: flex-start; /* Align content to the start vertically */
  flex-direction: column; /* Stack items vertically */
}

a {
  background-color: #303030;
  display: block;
  text-align: center;
  margin-top: 2em;
  padding: 1em 0;
  border-radius: 0.5em;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  box-shadow: 0 10px #000000;
}

.fcard-card {
  height: inherit;
  width: inherit;
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
  transition: 0.9s!important;
}

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





.front {
  background-color: #ffffff;
  height: inherit;
  width: inherit;
  position: absolute;
  border-radius: 2px!important;
  backface-visibility: hidden;
  display: flex; /* Add Flexbox */
  align-content: flex-start!important;
  justify-content: flex-start!important; /* Center horizontally */
  align-items: center; /* Center vertically */
  flex-direction: column; /* Stack items vertically */
  padding-top: 1.5em!important;

}

.back {
  background-color: #333333!important;
  height: inherit;
  width: inherit;
  position: absolute;
  border-radius: 2px!important;
  backface-visibility: hidden;
  display: flex; /* Add Flexbox */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  flex-direction: column; /* Stack items vertically */
}

.logo-wrapper6 {
  height: 20em;
  width: 20em;
  background: linear-gradient(to right, #e9defa, #fbfcdb);
}

#spin2win {
  display: block;
  position: relative;
  width: 14.375em;
  border-radius: 1em;
  margin: 4em auto 1em auto;
}

.front .text-pills h2,
.front .text-pills h3,
.front .text-pills h4 {
  text-align: center;
}

.front .com-title {
    margin-top: 40px;
}

.front .com-title h2 {
  font-size: 2em;
  font-weight: 700;
  color: #5b5b5b;
  text-align: center;
}

.front .text-pills h4 {
  font-size: 1.1em;
  font-weight: 500;
}

.front .text-pills {
    margin-top: 26px;
}

.front .text-pills h4 {
  color: #333333;
  font-weight: 500;
  letter-spacing: 0.1em;
  background-color: #EDEDED;
  padding: 10px 20px 10px 20px;
  border-radius: 20px;
}

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


.back .back-title {
    color: white;
}

.back p {
    padding: 40px;
    color: white;
}

.back button {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 90%;
  width: 18.5em;
  font-size: 1em;
  background-color: #ff671a;
  color: #ffffff;
  border-radius: 0.5em;
  padding: 1em;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.back button:hover {
  background-color: #ff7833; /* New background color on hover */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'satoshi-r';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://signcastmedia.ca/wp-content/uploads/2024/02/Satoshi-Regular.eot');
	src: url('https://signcastmedia.ca/wp-content/uploads/2024/02/Satoshi-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://signcastmedia.ca/wp-content/uploads/2024/02/Satoshi-Regular.woff2') format('woff2'),
		url('https://signcastmedia.ca/wp-content/uploads/2024/02/Satoshi-Regular.woff') format('woff'),
		url('https://signcastmedia.ca/wp-content/uploads/2024/02/Satoshi-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */