.elementor-258813 .elementor-element.elementor-element-2691c16{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:60px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-258813 .elementor-element.elementor-element-2691c16:not(.elementor-motion-effects-element-type-background), .elementor-258813 .elementor-element.elementor-element-2691c16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00002C;background-image:url("https://kidan.com/wp-content/uploads/2025/11/Neon-Pattern-vInfinity-3.png");background-position:top left;background-repeat:no-repeat;}.elementor-258813 .elementor-element.elementor-element-e48151d{text-align:center;}.elementor-258813 .elementor-element.elementor-element-e48151d .elementor-heading-title{font-family:"Gantari", Sans-serif;font-size:32px;font-weight:400;text-transform:capitalize;color:#FFFFFF;}.elementor-258813 .elementor-element.elementor-element-9a84bab{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-258813 .elementor-element.elementor-element-fa60e93{--display:flex;--min-height:301px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-258813 .elementor-element.elementor-element-fa60e93:not(.elementor-motion-effects-element-type-background), .elementor-258813 .elementor-element.elementor-element-fa60e93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00002600;}.elementor-258813 .elementor-element.elementor-element-36d1d2a{--display:flex;--min-height:193px;--justify-content:center;border-style:groove;--border-style:groove;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#353646;--border-color:#353646;}.elementor-258813 .elementor-element.elementor-element-36d1d2a:not(.elementor-motion-effects-element-type-background), .elementor-258813 .elementor-element.elementor-element-36d1d2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-258813 .elementor-element.elementor-element-c0b6101{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-258813 .elementor-element.elementor-element-c0b6101 .elementor-heading-title{font-family:"Gantari", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-258813 .elementor-element.elementor-element-13fd354{--display:flex;--min-height:301px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:40px;--padding-bottom:40px;--padding-left:50px;--padding-right:50px;}.elementor-258813 .elementor-element.elementor-element-13fd354:not(.elementor-motion-effects-element-type-background), .elementor-258813 .elementor-element.elementor-element-13fd354 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D41FF;}.elementor-258813 .elementor-element.elementor-element-0e06ba8{padding:5px 5px 5px 5px;text-align:center;}.elementor-258813 .elementor-element.elementor-element-0e06ba8 .elementor-heading-title{font-family:"Gantari", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-258813 .elementor-element.elementor-element-f383a3d{text-align:center;font-family:"Gantari", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-258813 .elementor-element.elementor-element-36cbd83{--display:flex;--min-height:301px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-258813 .elementor-element.elementor-element-36cbd83:not(.elementor-motion-effects-element-type-background), .elementor-258813 .elementor-element.elementor-element-36cbd83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-258813 .elementor-element.elementor-element-5504156{--display:flex;--min-height:193px;--justify-content:center;border-style:groove;--border-style:groove;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#353646;--border-color:#353646;}.elementor-258813 .elementor-element.elementor-element-5504156:not(.elementor-motion-effects-element-type-background), .elementor-258813 .elementor-element.elementor-element-5504156 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-258813 .elementor-element.elementor-element-d1e6456{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-258813 .elementor-element.elementor-element-d1e6456 .elementor-heading-title{font-family:"Gantari", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-258813 .elementor-element.elementor-element-3fc8170{--display:flex;--min-height:301px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:40px;--padding-bottom:40px;--padding-left:50px;--padding-right:50px;}.elementor-258813 .elementor-element.elementor-element-3fc8170:not(.elementor-motion-effects-element-type-background), .elementor-258813 .elementor-element.elementor-element-3fc8170 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D41FF;}.elementor-258813 .elementor-element.elementor-element-7f620ab{padding:5px 5px 5px 5px;text-align:center;}.elementor-258813 .elementor-element.elementor-element-7f620ab .elementor-heading-title{font-family:"Gantari", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-258813 .elementor-element.elementor-element-1479c2a{text-align:center;font-family:"Gantari", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-258813 .elementor-element.elementor-element-2a119d2{--display:flex;--min-height:301px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-258813 .elementor-element.elementor-element-2a119d2:not(.elementor-motion-effects-element-type-background), .elementor-258813 .elementor-element.elementor-element-2a119d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-258813 .elementor-element.elementor-element-bc07b46{--display:flex;--min-height:193px;--justify-content:center;border-style:groove;--border-style:groove;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#353646;--border-color:#353646;}.elementor-258813 .elementor-element.elementor-element-bc07b46:not(.elementor-motion-effects-element-type-background), .elementor-258813 .elementor-element.elementor-element-bc07b46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-258813 .elementor-element.elementor-element-b005f44{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-258813 .elementor-element.elementor-element-b005f44 .elementor-heading-title{font-family:"Gantari", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-258813 .elementor-element.elementor-element-43ebb1b{--display:flex;--min-height:301px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:40px;--padding-bottom:40px;--padding-left:50px;--padding-right:50px;}.elementor-258813 .elementor-element.elementor-element-43ebb1b:not(.elementor-motion-effects-element-type-background), .elementor-258813 .elementor-element.elementor-element-43ebb1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D41FF;}.elementor-258813 .elementor-element.elementor-element-ff24f26{padding:5px 5px 5px 5px;text-align:center;}.elementor-258813 .elementor-element.elementor-element-ff24f26 .elementor-heading-title{font-family:"Gantari", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-258813 .elementor-element.elementor-element-18b4fb4{text-align:center;font-family:"Gantari", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}@media(min-width:768px){.elementor-258813 .elementor-element.elementor-element-2691c16{--content-width:100%;}.elementor-258813 .elementor-element.elementor-element-9a84bab{--width:100%;}.elementor-258813 .elementor-element.elementor-element-fa60e93{--width:100%;}.elementor-258813 .elementor-element.elementor-element-36d1d2a{--width:100%;}.elementor-258813 .elementor-element.elementor-element-5504156{--width:100%;}.elementor-258813 .elementor-element.elementor-element-bc07b46{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-36d1d2a */.elementor-258813 .elementor-element.elementor-element-36d1d2a{
    height: 81px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa60e93 *//* === Base collapsed state === */
.card-hover1 {
  position: relative;
  overflow: hidden;
  perspective: 1000px;
  transition: all 0.6s ease;
  width: 314px;
  height: 193px;
  padding: 40px;
}

/* Dark overlay (optional) */
.card-hover1::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
}

/* Corner dots */
.card-hover1 .dot {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #0057ff;
  z-index: 2;
}
.card-hover1 .dot.tl { top: 0; left: 0; }
.card-hover1 .dot.tr { top: 0; right: 0; }
.card-hover1 .dot.bl { bottom: 0; left: 0; }
.card-hover1 .dot.br { bottom: 0; right: 0; }

/* Faces */
.card-hover1 .card-front1,
.card-hover1 .card-back1 {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Default state (front visible) */
.card-hover1 .card-front1 {
  opacity: 1;
  transform: scale(1) translateY(0);
  z-index: 2;
}
.card-hover1 .card-back1 {
  opacity: 0;
  transform: scale(1.05) translateY(20px);
  z-index: 1;
}

/* === Active (expanded) state === */
.card-hover1.active {
  width: 585px;
  height: 301px;
}

.card-hover1.active .card-front1 {
  opacity: 0;
  transform: scale(0.97) translateY(-20px);
}

.card-hover1.active .card-back1 {
  opacity: 1;
  transform: scale(1) translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5504156 */.elementor-258813 .elementor-element.elementor-element-5504156{
    height: 81px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbd83 *//* === Base collapsed state === */
.card-hover2 {
  position: relative;
  overflow: hidden;
  perspective: 1000px;
  transition: all 0.6s ease;
  width: 314px;
  height: 193px;
  padding: 40px;
}

/* Dark overlay (optional) */
.card-hover2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
}

/* Corner dots */
.card-hover2 .dot {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #0057ff;
  z-index: 2;
}
.card-hover2 .dot.tl { top: 0; left: 0; }
.card-hover2 .dot.tr { top: 0; right: 0; }
.card-hover2 .dot.bl { bottom: 0; left: 0; }
.card-hover2 .dot.br { bottom: 0; right: 0; }

/* Faces */
.card-hover2 .card-front2,
.card-hover2 .card-back2 {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Default state (front visible) */
.card-hover2 .card-front2 {
  opacity: 1;
  transform: scale(1) translateY(0);
  z-index: 2;
}
.card-hover2 .card-back2 {
  opacity: 0;
  transform: scale(1.05) translateY(20px);
  z-index: 1;
}

/* === Active (expanded) state === */
.card-hover2.active {
  width: 585px;
  height: 301px;
}

.card-hover2.active .card-front2 {
  opacity: 0;
  transform: scale(0.97) translateY(-20px);
}

.card-hover2.active .card-back2 {
  opacity: 1;
  transform: scale(1) translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc07b46 */.elementor-258813 .elementor-element.elementor-element-bc07b46{
    height: 81px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a119d2 *//* === Base collapsed state === */
.card-hover3 {
  position: relative;
  overflow: hidden;
  perspective: 1000px;
  transition: all 0.6s ease;
  width: 314px;
  height: 193px;
  padding: 40px;
}

/* Dark overlay (optional) */
.card-hover3::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
}

/* Corner dots */
.card-hover3 .dot {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #0057ff;
  z-index: 2;
}
.card-hover3 .dot.tl { top: 0; left: 0; }
.card-hover3 .dot.tr { top: 0; right: 0; }
.card-hover3 .dot.bl { bottom: 0; left: 0; }
.card-hover3 .dot.br { bottom: 0; right: 0; }

/* Faces */
.card-hover3 .card-front3,
.card-hover3 .card-back3 {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Default state (front visible) */
.card-hover3 .card-front3 {
  opacity: 1;
  transform: scale(1) translateY(0);
  z-index: 2;
}
.card-hover3 .card-back3 {
  opacity: 0;
  transform: scale(1.05) translateY(20px);
  z-index: 1;
}

/* === Active (expanded) state === */
.card-hover3.active {
  width: 585px;
  height: 301px;
}

.card-hover3.active .card-front3 {
  opacity: 0;
  transform: scale(0.97) translateY(-20px);
}

.card-hover3.active .card-back3 {
  opacity: 1;
  transform: scale(1) translateY(0);
}/* End custom CSS */