.elementor-kit-7{--e-global-color-primary:#F1F5F9;--e-global-color-secondary:#33BBFF;--e-global-color-text:#F1F5F9;--e-global-color-accent:#33BBFF;--e-global-color-0377f0f:#080C16;--e-global-color-8bb0b1c:#00E5FF;--e-global-color-9d67675:#33BBFF;--e-global-color-de0578b:#00E5FF26;--e-global-color-a17ac9c:#00E5FF4D;--e-global-color-c26c1f7:#03040780;--e-global-color-c6939d1:#05080F;--e-global-color-ec5db12:#20283C;--e-global-color-f68a9b0:#0E1525;--e-global-color-6855b18:#F1F5F9;--e-global-color-be3a0bf:#7588A3;--e-global-color-ed31b3e:#EF4343CC;--e-global-typography-primary-font-family:"Syne";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-0377f0f );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-9d67675 );}.elementor-kit-7 a:hover{color:var( --e-global-color-8bb0b1c );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.portfolio-item {
  overflow: hidden;
  border: 1px solid #20283C;
  border-radius: 15px;
  transition: border-color 0.5s ease, box-shadow 0.5s ease, translate 0.5s ease;
  box-shadow: 0 0 15px #000000;
}

.portfolio-item:hover {
  border-color: #00E5FF4D;
  box-shadow: 0 0 15px #00E5FF4D;
  translate: 0 -5px;
}

.portfolio-item img {
  transition: transform 0.5s ease;
}

.portfolio-item:hover img {
  transform: scale(1.05);
}

.portfolio-item h3 {
    transition: color 0.5s ease;
}

.portfolio-item:hover h3 {
    color: #00E5FF !important;
}

.portfolio-item .elementor-icon svg {
    transition: stroke 0.5s ease;
}

.portfolio-item:hover .elementor-icon svg {
    stroke: #00E5FF !important;
}

/* Next */

.component-box {
  overflow: hidden;
  border: 1px solid #20283C;
  border-radius: 15px;
  transition: border-color 0.5s ease, box-shadow 0.5s ease;
  box-shadow: 0 0 15px #000000;
}

.component-box:hover {
  border-color: #00E5FF4D;
  box-shadow: 0 0 15px #00E5FF4D;
}

.component-box .elementor-icon svg {
    transition: stroke 0.5s ease;
}

.component-box:hover .elementor-icon svg {
    stroke: #00E5FF !important;
}/* End custom CSS */