.elementor-100 .elementor-element.elementor-element-8f1b660{--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-100 .elementor-element.elementor-element-acca645{--spacer-size:100px;}.elementor-100 .elementor-element.elementor-element-aa1ac91{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-100 .elementor-element.elementor-element-80d5950{--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-100 .elementor-element.elementor-element-3d9b285{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-100 .elementor-element.elementor-element-7242d48{text-align:center;}.elementor-100 .elementor-element.elementor-element-7242d48 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-100 .elementor-element.elementor-element-93ad880{--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-100 .elementor-element.elementor-element-6ea007b{--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-100 .elementor-element.elementor-element-d287f3e{text-align:center;}.elementor-100 .elementor-element.elementor-element-d287f3e .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-100 .elementor-element.elementor-element-458f838{--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-100 .elementor-element.elementor-element-1c15afc{--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-100 .elementor-element.elementor-element-29c7bfb{text-align:center;}.elementor-100 .elementor-element.elementor-element-29c7bfb .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-100 .elementor-element.elementor-element-796a2d5{--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-100 .elementor-element.elementor-element-5597e51{--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-100 .elementor-element.elementor-element-aa31b1b{text-align:center;}.elementor-100 .elementor-element.elementor-element-aa31b1b .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-100 .elementor-element.elementor-element-80d5950{--width:33.3333%;}.elementor-100 .elementor-element.elementor-element-93ad880{--width:33.3333%;}.elementor-100 .elementor-element.elementor-element-458f838{--width:33.3333%;}.elementor-100 .elementor-element.elementor-element-796a2d5{--width:33.3333%;}}/* Start custom CSS for html, class: .elementor-element-914755d */.holographic-card {

  background: #111;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  transition: all 0.5s ease;
}

.holographic-card h2 {
  color: #0ff;
  font-size: 2rem;
  position: relative;
  z-index: 2;
  top: 5px;
}

.holographic-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 300%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(0,255,255,0.3)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}

.holographic-card:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(0,255,255,0.5);
}

.holographic-card:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}
.holographic-card:active{
    background: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-49295ba */.holographic-card {

  background: #111;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  transition: all 0.5s ease;
}

.holographic-card h2 {
  color: #0ff;
  font-size: 2rem;
  position: relative;
  z-index: 2;
  top: 5px;
}

.holographic-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 300%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(0,255,255,0.3)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}

.holographic-card:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(0,255,255,0.5);
}

.holographic-card:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}
.holographic-card:active{
    background: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-416bd10 */.holographic-card {

  background: #111;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  transition: all 0.5s ease;
}

.holographic-card h2 {
  color: #0ff;
  font-size: 2rem;
  position: relative;
  z-index: 2;
  top: 5px;
}

.holographic-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 300%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(0,255,255,0.3)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}

.holographic-card:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(0,255,255,0.5);
}

.holographic-card:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}
.holographic-card:active{
    background: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d26a6ab */.holographic-card {

  background: #111;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  transition: all 0.5s ease;
}

.holographic-card h2 {
  color: #0ff;
  font-size: 2rem;
  position: relative;
  z-index: 2;
  top: 5px;
}

.holographic-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 300%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(0,255,255,0.3)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}

.holographic-card:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(0,255,255,0.5);
}

.holographic-card:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}
.holographic-card:active{
    background: #fff;
}/* End custom CSS */