.elementor-59573 .elementor-element.elementor-element-06c5116{--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;}.elementor-59573 .elementor-element.elementor-element-06c5116:not(.elementor-motion-effects-element-type-background), .elementor-59573 .elementor-element.elementor-element-06c5116 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://expofacic.pt/wp-content/uploads/2025/07/BG3.jpg");background-position:center center;background-repeat:no-repeat;}.elementor-59573 .elementor-element.elementor-element-196db91 > .elementor-widget-container{margin:50px 50px 50px 50px;}.elementor-59573 .elementor-element.elementor-element-196db91{text-align:center;}.elementor-59573 .elementor-element.elementor-element-196db91 .elementor-heading-title{font-family:"PP-Neue-Machina Plain Bold", Sans-serif;font-size:50px;font-weight:500;color:#FFFFFF;}.elementor-59573 .elementor-element.elementor-element-9b4905e{--display:flex;}.elementor-59573 .elementor-element.elementor-element-4d5b826{text-align:center;font-family:"PP-Neue-Machina Plain Bold", Sans-serif;font-size:30px;line-height:20px;}.elementor-59573 .elementor-element.elementor-element-45e0bde{--display:flex;--margin-top:-58px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-59573 .elementor-element.elementor-element-cfd0905{--divider-border-style:solid;--divider-color:#136CD200;--divider-border-width:6.3px;}.elementor-59573 .elementor-element.elementor-element-cfd0905 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-59573 .elementor-element.elementor-element-cfd0905 .elementor-divider-separator{width:0%;margin:0 auto;margin-center:0;}.elementor-59573 .elementor-element.elementor-element-cfd0905 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-59573 .elementor-element.elementor-element-eceb6b9{--display:flex;}.elementor-59573 .elementor-element.elementor-element-7303c63{text-align:center;font-family:"PP-Neue-Machina Plain Bold", Sans-serif;font-size:30px;line-height:35px;}.elementor-59573 .elementor-element.elementor-element-d60b831{--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;}.elementor-59573 .elementor-element.elementor-element-f9c83e0{--display:flex;}.elementor-59573 .elementor-element.elementor-element-5b0a3d5{--display:flex;}.elementor-59573 .elementor-element.elementor-element-b943f7d{text-align:left;}.elementor-59573 .elementor-element.elementor-element-7993ff3{--display:flex;}.elementor-59573 .elementor-element.elementor-element-770b65c{--display:flex;}.elementor-59573 .elementor-element.elementor-element-a27fe32{--display:flex;}.elementor-59573 .elementor-element.elementor-element-611f4ba{--display:flex;}.elementor-59573 .elementor-element.elementor-element-2da98f1{--display:flex;}.elementor-59573 .elementor-element.elementor-element-3c03c08{--display:flex;}.elementor-59573 .elementor-element.elementor-element-b1cb182{--display:flex;}.elementor-59573 .elementor-element.elementor-element-507f3f6{--display:flex;}.elementor-59573 .elementor-element.elementor-element-51e9818{--display:flex;}.elementor-59573 .elementor-element.elementor-element-1e9ac27{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:4px;--n-tabs-gap:0px;--n-tabs-title-border-radius:15px 15px 15px 15px;--n-tabs-title-padding-top:20px;--n-tabs-title-padding-right:29px;--n-tabs-title-padding-bottom:20px;--n-tabs-title-padding-left:29px;--n-tabs-title-font-size:29px;--n-tabs-title-color:#FFFFFF;--n-tabs-icon-size:0px;}.elementor-59573 .elementor-element.elementor-element-1e9ac27 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#5179C8;background-color:transparent;background-image:linear-gradient(219deg, #5179C8 0%, #5D88DC 79%);}.elementor-59573 .elementor-element.elementor-element-1e9ac27.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#731EC8;background-color:transparent;background-image:linear-gradient(217deg, #731EC8 0%, #23128A 100%);}.elementor-59573 .elementor-element.elementor-element-1e9ac27.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-59573 .elementor-element.elementor-element-1e9ac27.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E0CA3A;}.elementor-59573 .elementor-element.elementor-element-1e9ac27 > .elementor-widget-container{--e-transform-scale:1;margin:0px 0px 0px 0px;}.elementor-59573 .elementor-element.elementor-element-1e9ac27.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"PP-Neue-Machina Plain Bold", Sans-serif;font-weight:900;}.elementor-59573 .elementor-element.elementor-element-c0b0f26{--display:flex;}.elementor-59573 .elementor-element.elementor-element-99e0e90 .elementor-button{background-color:#65198F;font-family:"PP-Neue-Machina Plain Bold", Sans-serif;font-size:18px;font-weight:500;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;transition-duration:0s;padding:14px 60px 14px 60px;}.elementor-59573 .elementor-element.elementor-element-99e0e90 .elementor-button:hover, .elementor-59573 .elementor-element.elementor-element-99e0e90 .elementor-button:focus{background-color:#9B65C6;color:#FFFFFF;}.elementor-59573 .elementor-element.elementor-element-99e0e90 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-59573 .elementor-element.elementor-element-99e0e90 .elementor-button:hover svg, .elementor-59573 .elementor-element.elementor-element-99e0e90 .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-59573 .elementor-element.elementor-element-196db91 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-59573 .elementor-element.elementor-element-196db91.elementor-element{--align-self:center;}.elementor-59573 .elementor-element.elementor-element-196db91{text-align:center;}.elementor-59573 .elementor-element.elementor-element-196db91 .elementor-heading-title{font-size:39px;}.elementor-59573 .elementor-element.elementor-element-4d5b826{font-size:24px;line-height:1.2em;}.elementor-59573 .elementor-element.elementor-element-7303c63{font-size:24px;line-height:1.2em;}.elementor-59573 .elementor-element.elementor-element-1e9ac27{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;}.elementor-59573 .elementor-element.elementor-element-1e9ac27 > .elementor-widget-container{margin:-20px -20px -20px -20px;}}/* Start custom CSS for text-editor, class: .elementor-element-4d5b826 */b, strong {
   color: #5b64b9;
   }/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-cfd0905 */#wavy-line {
  background-image: linear-gradient(to bottom, #0087ca 0%, #0087ca 100%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 3px 3px;
  color: #5b64b9;
  text-decoration: none;
}

#wavy-line:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-15px);}}%3C/style%3E%3Cpath fill='none' stroke='%230087ca' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
  background-size: auto 6px;
}

body {
  height: 150vh;
  line-height: 5px;
  font-family: sans-serif;
  display: grid;
  justify-content: center;
  align-items: center;
}
.page-content {
  width: 100%;
  max-width: 800px;
  display: flex;
}
h2 {
  font-size: 24px;
}
h2 small {
  opacity: 0.7;
  font-weight: normal;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0cf849d */#image-1 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-1 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-1::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-1:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-1:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b943f7d */#image-2 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-2 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-2::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-2:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-2:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-efc51c5 */#image-3 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-3 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-3::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-3:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-3:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-427c99b */#image-4 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-4 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-4::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-4:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-4:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16ecf3e */#image-5 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-5 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-5::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-5:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-5:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb603b7 */#image-6 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-6 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-6::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-6:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-6:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-96816ad */#image-7 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-7 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-7::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-7:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-7:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-973bf3b */#image-8 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-8 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-8::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-8:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-8:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59b0d6b */#image-9 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-9 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-9::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-9:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-9:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ff1ff77 */#image-10 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-10 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-10::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-10:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-10:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e14ef85 */#image-11 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-11 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-11::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-11:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-11:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0cf849d */#image-1 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-1 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-1::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-1:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-1:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b943f7d */#image-2 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-2 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-2::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-2:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-2:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-efc51c5 */#image-3 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-3 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-3::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-3:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-3:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-427c99b */#image-4 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-4 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-4::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-4:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-4:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16ecf3e */#image-5 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-5 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-5::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-5:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-5:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb603b7 */#image-6 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-6 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-6::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-6:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-6:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-96816ad */#image-7 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-7 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-7::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-7:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-7:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-973bf3b */#image-8 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-8 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-8::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-8:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-8:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59b0d6b */#image-9 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-9 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-9::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-9:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-9:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ff1ff77 */#image-10 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-10 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-10::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-10:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-10:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e14ef85 */#image-11 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-11 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-11::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-11:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-11:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0cf849d */#image-1 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-1 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-1::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-1:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-1:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b943f7d */#image-2 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-2 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-2::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-2:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-2:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-efc51c5 */#image-3 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-3 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-3::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-3:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-3:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-427c99b */#image-4 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-4 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-4::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-4:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-4:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16ecf3e */#image-5 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-5 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-5::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-5:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-5:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb603b7 */#image-6 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-6 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-6::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-6:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-6:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-96816ad */#image-7 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-7 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-7::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-7:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-7:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-973bf3b */#image-8 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-8 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-8::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-8:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-8:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59b0d6b */#image-9 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-9 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-9::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-9:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-9:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ff1ff77 */#image-10 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-10 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-10::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-10:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-10:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e14ef85 */#image-11 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-11 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-11::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-11:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-11:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0cf849d */#image-1 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-1 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-1::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-1:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-1:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b943f7d */#image-2 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-2 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-2::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-2:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-2:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-efc51c5 */#image-3 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-3 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-3::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-3:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-3:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-427c99b */#image-4 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-4 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-4::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-4:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-4:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16ecf3e */#image-5 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-5 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-5::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-5:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-5:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb603b7 */#image-6 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-6 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-6::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-6:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-6:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-96816ad */#image-7 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-7 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-7::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-7:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-7:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-973bf3b */#image-8 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-8 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-8::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-8:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-8:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59b0d6b */#image-9 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-9 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-9::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-9:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-9:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ff1ff77 */#image-10 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-10 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-10::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-10:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-10:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e14ef85 */#image-11 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-11 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-11::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-11:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-11:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0cf849d */#image-1 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-1 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-1::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-1:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-1:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b943f7d */#image-2 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-2 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-2::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-2:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-2:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-efc51c5 */#image-3 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-3 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-3::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-3:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-3:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-427c99b */#image-4 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-4 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-4::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-4:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-4:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16ecf3e */#image-5 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-5 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-5::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-5:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-5:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb603b7 */#image-6 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-6 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-6::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-6:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-6:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-96816ad */#image-7 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-7 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-7::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-7:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-7:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-973bf3b */#image-8 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-8 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-8::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-8:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-8:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59b0d6b */#image-9 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-9 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-9::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-9:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-9:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ff1ff77 */#image-10 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-10 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-10::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-10:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-10:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e14ef85 */#image-11 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-11 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-11::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-11:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-11:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0cf849d */#image-1 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-1 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-1::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-1:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-1:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b943f7d */#image-2 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-2 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-2::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-2:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-2:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-efc51c5 */#image-3 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-3 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-3::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-3:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-3:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-427c99b */#image-4 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-4 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-4::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-4:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-4:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16ecf3e */#image-5 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-5 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-5::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-5:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-5:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb603b7 */#image-6 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-6 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-6::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-6:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-6:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-96816ad */#image-7 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-7 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-7::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-7:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-7:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-973bf3b */#image-8 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-8 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-8::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-8:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-8:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59b0d6b */#image-9 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-9 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-9::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-9:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-9:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ff1ff77 */#image-10 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-10 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-10::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-10:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-10:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e14ef85 */#image-11 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-11 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-11::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-11:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-11:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0cf849d */#image-1 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-1 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-1::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-1:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-1:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b943f7d */#image-2 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-2 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-2::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-2:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-2:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-efc51c5 */#image-3 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-3 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-3::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-3:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-3:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-427c99b */#image-4 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-4 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-4::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-4:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-4:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16ecf3e */#image-5 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-5 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-5::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-5:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-5:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb603b7 */#image-6 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-6 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-6::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-6:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-6:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-96816ad */#image-7 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-7 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-7::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-7:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-7:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-973bf3b */#image-8 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-8 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-8::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-8:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-8:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59b0d6b */#image-9 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-9 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-9::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-9:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-9:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ff1ff77 */#image-10 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-10 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-10::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-10:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-10:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e14ef85 */#image-11 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-11 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-11::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-11:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-11:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0cf849d */#image-1 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-1 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-1::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-1:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-1:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b943f7d */#image-2 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-2 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-2::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-2:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-2:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-efc51c5 */#image-3 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-3 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-3::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-3:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-3:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-427c99b */#image-4 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-4 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-4::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-4:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-4:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16ecf3e */#image-5 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-5 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-5::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-5:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-5:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb603b7 */#image-6 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-6 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-6::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-6:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-6:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-96816ad */#image-7 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-7 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-7::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-7:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-7:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-973bf3b */#image-8 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-8 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-8::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-8:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-8:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59b0d6b */#image-9 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-9 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-9::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-9:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-9:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ff1ff77 */#image-10 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-10 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-10::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-10:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-10:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e14ef85 */#image-11 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-11 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-11::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-11:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-11:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0cf849d */#image-1 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-1 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-1::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-1:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-1:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b943f7d */#image-2 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-2 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-2::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-2:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-2:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-efc51c5 */#image-3 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-3 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-3::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-3:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-3:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-427c99b */#image-4 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-4 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-4::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-4:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-4:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16ecf3e */#image-5 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-5 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-5::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-5:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-5:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb603b7 */#image-6 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-6 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-6::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-6:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-6:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-96816ad */#image-7 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-7 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-7::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-7:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-7:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-973bf3b */#image-8 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-8 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-8::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-8:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-8:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59b0d6b */#image-9 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-9 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-9::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-9:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-9:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ff1ff77 */#image-10 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-10 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-10::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-10:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-10:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e14ef85 */#image-11 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-11 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-11::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-11:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-11:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0cf849d */#image-1 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-1 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-1::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-1:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-1:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b943f7d */#image-2 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-2 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-2::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-2:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-2:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-efc51c5 */#image-3 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-3 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-3::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-3:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-3:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-427c99b */#image-4 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-4 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-4::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-4:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-4:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16ecf3e */#image-5 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-5 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-5::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-5:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-5:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb603b7 */#image-6 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-6 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-6::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-6:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-6:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-96816ad */#image-7 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-7 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-7::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-7:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-7:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-973bf3b */#image-8 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-8 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-8::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-8:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-8:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59b0d6b */#image-9 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-9 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-9::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-9:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-9:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ff1ff77 */#image-10 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-10 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-10::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-10:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-10:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e14ef85 */#image-11 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-11 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-11::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-11:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-11:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0cf849d */#image-1 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-1 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-1::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-1:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-1:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b943f7d */#image-2 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-2 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-2::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-2:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-2:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-efc51c5 */#image-3 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-3 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-3::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-3:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-3:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-427c99b */#image-4 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-4 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-4::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-4:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-4:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16ecf3e */#image-5 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-5 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-5::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-5:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-5:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb603b7 */#image-6 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-6 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-6::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-6:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-6:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-96816ad */#image-7 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-7 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-7::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-7:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-7:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-973bf3b */#image-8 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-8 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-8::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-8:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-8:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59b0d6b */#image-9 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-9 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-9::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-9:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-9:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ff1ff77 */#image-10 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-10 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-10::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-10:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-10:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e14ef85 */#image-11 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-11 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-11::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-11:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-11:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0cf849d */#image-1 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-1 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-1::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-1:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-1:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b943f7d */#image-2 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-2 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-2::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-2:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-2:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-efc51c5 */#image-3 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-3 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-3::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-3:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-3:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-427c99b */#image-4 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-4 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-4::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-4:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-4:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16ecf3e */#image-5 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-5 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-5::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-5:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-5:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb603b7 */#image-6 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-6 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-6::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-6:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-6:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-96816ad */#image-7 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-7 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-7::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-7:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-7:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-973bf3b */#image-8 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-8 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-8::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-8:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-8:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59b0d6b */#image-9 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-9 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-9::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-9:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-9:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ff1ff77 */#image-10 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-10 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-10::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-10:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-10:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e14ef85 */#image-11 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
}
#image-11 h2 {
  color: #3f69b5;
  position: relative;
  z-index: 2;
}
#image-11::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(89,121,194,255)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}
#image-11:hover {
  transform: scale(1.01);
  box-shadow: 0 0 20px rgba(89,121,194,255);
}
#image-11:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-99e0e90 */#bilhetes-button {
animation: glowing 1000ms infinite;
&:hover{
        animation: inherit;
    }
}
@keyframes glowing {
    50% {
        background-color: #65198F;
        box-shadow: 0 0 15px #65198F;
        }
    50% {
      background-color: #65198F;
      box-shadow: 0 0 15px #65198F;
    }
    50% {
      background-color: #65198F;
      box-shadow: 0 0 15px #65198F;
    }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'PP-Neue-Machina Plain Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://expofacic.pt/wp-content/uploads/2025/03/PPNeueMachina-PlainBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */