/*
.custom-cursor {
    position: absolute; !* Wird innerhalb des Divs relativ positioniert *!
    width: 70vw;
    height: 70vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 0, 0, 0.8) 40%, rgba(255, 0, 0, 0) 70%);
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 999;
    mix-blend-mode: multiply;
    opacity: 0.7;
    display: none;
    animation: colorCycle 120s infinite linear;
}


!* Ausschließen von Bildern und Bild-Containern *!
img,
.carousel,
.slick-slider,
.wp-block-cover, !* Beispiel für ein WordPress-Cover-Block, der Hintergrundbilder verwenden kann *!
.some-plugin-class { !* Füge hier weitere Klassen hinzu, die du ausschließen möchtest *!
    z-index: 1000; !* Stellt sicher, dass diese Elemente über dem Cursor liegen *!
    position: relative; !* Damit der z-index wirkt *!
}

!* Für kleinere Bildschirme (z.B. Smartphones) *!
@media (max-width: 768px) {
    .custom-cursor {
        width: 100vw; !* 100% der Bildschirmbreite *!
        height: 100vw; !* Gleiche Höhe für einen perfekten Kreis *!
    }
}

@keyframes colorCycle {
    0% { background: radial-gradient(circle, rgba(255, 0, 0, 0.8) 0%, rgba(255, 0, 0, 0) 70%); }
    1% { background: radial-gradient(circle, rgba(255, 10, 0, 0.8) 0%, rgba(255, 10, 0, 0) 70%); }
    2% { background: radial-gradient(circle, rgba(255, 20, 0, 0.8) 0%, rgba(255, 20, 0, 0) 70%); }
    3% { background: radial-gradient(circle, rgba(255, 30, 0, 0.8) 0%, rgba(255, 30, 0, 0) 70%); }
    4% { background: radial-gradient(circle, rgba(255, 40, 0, 0.8) 0%, rgba(255, 40, 0, 0) 70%); }
    5% { background: radial-gradient(circle, rgba(255, 50, 0, 0.8) 0%, rgba(255, 50, 0, 0) 70%); }
    6% { background: radial-gradient(circle, rgba(255, 60, 0, 0.8) 0%, rgba(255, 60, 0, 0) 70%); }
    7% { background: radial-gradient(circle, rgba(255, 70, 0, 0.8) 0%, rgba(255, 70, 0, 0) 70%); }
    8% { background: radial-gradient(circle, rgba(255, 80, 0, 0.8) 0%, rgba(255, 80, 0, 0) 70%); }
    9% { background: radial-gradient(circle, rgba(255, 90, 0, 0.8) 0%, rgba(255, 90, 0, 0) 70%); }
    10% { background: radial-gradient(circle, rgba(255, 100, 0, 0.8) 0%, rgba(255, 100, 0, 0) 70%); }
    11% { background: radial-gradient(circle, rgba(255, 110, 0, 0.8) 0%, rgba(255, 110, 0, 0) 70%); }
    12% { background: radial-gradient(circle, rgba(255, 120, 0, 0.8) 0%, rgba(255, 120, 0, 0) 70%); }
    13% { background: radial-gradient(circle, rgba(255, 130, 0, 0.8) 0%, rgba(255, 130, 0, 0) 70%); }
    14% { background: radial-gradient(circle, rgba(255, 140, 0, 0.8) 0%, rgba(255, 140, 0, 0) 70%); }
    15% { background: radial-gradient(circle, rgba(255, 150, 0, 0.8) 0%, rgba(255, 150, 0, 0) 70%); }
    16% { background: radial-gradient(circle, rgba(255, 160, 0, 0.8) 0%, rgba(255, 160, 0, 0) 70%); }
    17% { background: radial-gradient(circle, rgba(255, 170, 0, 0.8) 0%, rgba(255, 170, 0, 0) 70%); }
    18% { background: radial-gradient(circle, rgba(255, 180, 0, 0.8) 0%, rgba(255, 180, 0, 0) 70%); }
    19% { background: radial-gradient(circle, rgba(255, 190, 0, 0.8) 0%, rgba(255, 190, 0, 0) 70%); }
    20% { background: radial-gradient(circle, rgba(255, 200, 0, 0.8) 0%, rgba(255, 200, 0, 0) 70%); }
    21% { background: radial-gradient(circle, rgba(255, 210, 0, 0.8) 0%, rgba(255, 210, 0, 0) 70%); }
    22% { background: radial-gradient(circle, rgba(255, 220, 0, 0.8) 0%, rgba(255, 220, 0, 0) 70%); }
    23% { background: radial-gradient(circle, rgba(255, 230, 0, 0.8) 0%, rgba(255, 230, 0, 0) 70%); }
    24% { background: radial-gradient(circle, rgba(255, 240, 0, 0.8) 0%, rgba(255, 240, 0, 0) 70%); }
    25% { background: radial-gradient(circle, rgba(255, 250, 0, 0.8) 0%, rgba(255, 250, 0, 0) 70%); }
    26% { background: radial-gradient(circle, rgba(240, 255, 0, 0.8) 0%, rgba(240, 255, 0, 0) 70%); }
    27% { background: radial-gradient(circle, rgba(225, 255, 0, 0.8) 0%, rgba(225, 255, 0, 0) 70%); }
    28% { background: radial-gradient(circle, rgba(210, 255, 0, 0.8) 0%, rgba(210, 255, 0, 0) 70%); }
    29% { background: radial-gradient(circle, rgba(195, 255, 0, 0.8) 0%, rgba(195, 255, 0, 0) 70%); }
    30% { background: radial-gradient(circle, rgba(180, 255, 0, 0.8) 0%, rgba(180, 255, 0, 0) 70%); }
    31% { background: radial-gradient(circle, rgba(165, 255, 0, 0.8) 0%, rgba(165, 255, 0, 0) 70%); }
    32% { background: radial-gradient(circle, rgba(150, 255, 0, 0.8) 0%, rgba(150, 255, 0, 0) 70%); }
    33% { background: radial-gradient(circle, rgba(135, 255, 0, 0.8) 0%, rgba(135, 255, 0, 0) 70%); }
    34% { background: radial-gradient(circle, rgba(120, 255, 0, 0.8) 0%, rgba(120, 255, 0, 0) 70%); }
    35% { background: radial-gradient(circle, rgba(105, 255, 0, 0.8) 0%, rgba(105, 255, 0, 0) 70%); }
    36% { background: radial-gradient(circle, rgba(90, 255, 0, 0.8) 0%, rgba(90, 255, 0, 0) 70%); }
    37% { background: radial-gradient(circle, rgba(75, 255, 0, 0.8) 0%, rgba(75, 255, 0, 0) 70%); }
    38% { background: radial-gradient(circle, rgba(60, 255, 0, 0.8) 0%, rgba(60, 255, 0, 0) 70%); }
    39% { background: radial-gradient(circle, rgba(45, 255, 0, 0.8) 0%, rgba(45, 255, 0, 0) 70%); }
    40% { background: radial-gradient(circle, rgba(30, 255, 0, 0.8) 0%, rgba(30, 255, 0, 0) 70%); }
    41% { background: radial-gradient(circle, rgba(15, 255, 0, 0.8) 0%, rgba(15, 255, 0, 0) 70%); }
    42% { background: radial-gradient(circle, rgba(0, 240, 0, 0.8) 0%, rgba(0, 240, 0, 0) 70%); }
    43% { background: radial-gradient(circle, rgba(0, 225, 0, 0.8) 0%, rgba(0, 225, 0, 0) 70%); }
    44% { background: radial-gradient(circle, rgba(0, 210, 0, 0.8) 0%, rgba(0, 210, 0, 0) 70%); }
    45% { background: radial-gradient(circle, rgba(0, 195, 0, 0.8) 0%, rgba(0, 195, 0, 0) 70%); }
    46% { background: radial-gradient(circle, rgba(0, 180, 0, 0.8) 0%, rgba(0, 180, 0, 0) 70%); }
    47% { background: radial-gradient(circle, rgba(0, 165, 0, 0.8) 0%, rgba(0, 165, 0, 0) 70%); }
    48% { background: radial-gradient(circle, rgba(0, 150, 0, 0.8) 0%, rgba(0, 150, 0, 0) 70%); }
    49% { background: radial-gradient(circle, rgba(0, 135, 0, 0.8) 0%, rgba(0, 135, 0, 0) 70%); }
    50% { background: radial-gradient(circle, rgba(0, 120, 0, 0.8) 0%, rgba(0, 120, 0, 0) 70%); }
    51% { background: radial-gradient(circle, rgba(0, 105, 0, 0.8) 0%, rgba(0, 105, 0, 0) 70%); }
    52% { background: radial-gradient(circle, rgba(0, 90, 0, 0.8) 0%, rgba(0, 90, 0, 0) 70%); }
    53% { background: radial-gradient(circle, rgba(0, 75, 0, 0.8) 0%, rgba(0, 75, 0, 0) 70%); }
    54% { background: radial-gradient(circle, rgba(0, 60, 0, 0.8) 0%, rgba(0, 60, 0, 0) 70%); }
    55% { background: radial-gradient(circle, rgba(0, 45, 0, 0.8) 0%, rgba(0, 45, 0, 0) 70%); }
    56% { background: radial-gradient(circle, rgba(0, 30, 0, 0.8) 0%, rgba(0, 30, 0, 0) 70%); }
    57% { background: radial-gradient(circle, rgba(0, 15, 0, 0.8) 0%, rgba(0, 15, 0, 0) 70%); }
    58% { background: radial-gradient(circle, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 70%); }
    59% { background: radial-gradient(circle, rgba(15, 15, 15, 0.8) 0%, rgba(15, 15, 15, 0) 70%); }
    60% { background: radial-gradient(circle, rgba(30, 30, 30, 0.8) 0%, rgba(30, 30, 30, 0) 70%); }
    61% { background: radial-gradient(circle, rgba(45, 45, 45, 0.8) 0%, rgba(45, 45, 45, 0) 70%); }
    62% { background: radial-gradient(circle, rgba(60, 60, 60, 0.8) 0%, rgba(60, 60, 60, 0) 70%); }
    63% { background: radial-gradient(circle, rgba(75, 75, 75, 0.8) 0%, rgba(75, 75, 75, 0) 70%); }
    64% { background: radial-gradient(circle, rgba(90, 90, 90, 0.8) 0%, rgba(90, 90, 90, 0) 70%); }
    65% { background: radial-gradient(circle, rgba(105, 105, 105, 0.8) 0%, rgba(105, 105, 105, 0) 70%); }
    66% { background: radial-gradient(circle, rgba(120, 120, 120, 0.8) 0%, rgba(120, 120, 120, 0) 70%); }
    67% { background: radial-gradient(circle, rgba(135, 135, 135, 0.8) 0%, rgba(135, 135, 135, 0) 70%); }
    68% { background: radial-gradient(circle, rgba(150, 150, 150, 0.8) 0%, rgba(150, 150, 150, 0) 70%); }
    69% { background: radial-gradient(circle, rgba(165, 165, 165, 0.8) 0%, rgba(165, 165, 165, 0) 70%); }
    70% { background: radial-gradient(circle, rgba(180, 180, 180, 0.8) 0%, rgba(180, 180, 180, 0) 70%); }
    71% { background: radial-gradient(circle, rgba(195, 195, 195, 0.8) 0%, rgba(195, 195, 195, 0) 70%); }
    72% { background: radial-gradient(circle, rgba(210, 210, 210, 0.8) 0%, rgba(210, 210, 210, 0) 70%); }
    73% { background: radial-gradient(circle, rgba(225, 225, 225, 0.8) 0%, rgba(225, 225, 225, 0) 70%); }
    74% { background: radial-gradient(circle, rgba(240, 240, 240, 0.8) 0%, rgba(240, 240, 240, 0) 70%); }
    75% { background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 70%); }
    76% { background: radial-gradient(circle, rgba(240, 240, 255, 0.8) 0%, rgba(240, 240, 255, 0) 70%); }
    77% { background: radial-gradient(circle, rgba(225, 225, 255, 0.8) 0%, rgba(225, 225, 255, 0) 70%); }
    78% { background: radial-gradient(circle, rgba(210, 210, 255, 0.8) 0%, rgba(210, 210, 255, 0) 70%); }
    79% { background: radial-gradient(circle, rgba(195, 195, 255, 0.8) 0%, rgba(195, 195, 255, 0) 70%); }
    80% { background: radial-gradient(circle, rgba(180, 180, 255, 0.8) 0%, rgba(180, 180, 255, 0) 70%); }
    81% { background: radial-gradient(circle, rgba(165, 165, 255, 0.8) 0%, rgba(165, 165, 255, 0) 70%); }
    82% { background: radial-gradient(circle, rgba(150, 150, 255, 0.8) 0%, rgba(150, 150, 255, 0) 70%); }
    83% { background: radial-gradient(circle, rgba(135, 135, 255, 0.8) 0%, rgba(135, 135, 255, 0) 70%); }
    84% { background: radial-gradient(circle, rgba(120, 120, 255, 0.8) 0%, rgba(120, 120, 255, 0) 70%); }
    85% { background: radial-gradient(circle, rgba(105, 105, 255, 0.8) 0%, rgba(105, 105, 255, 0) 70%); }
    86% { background: radial-gradient(circle, rgba(90, 90, 255, 0.8) 0%, rgba(90, 90, 255, 0) 70%); }
    87% { background: radial-gradient(circle, rgba(75, 75, 255, 0.8) 0%, rgba(75, 75, 255, 0) 70%); }
    88% { background: radial-gradient(circle, rgba(60, 60, 255, 0.8) 0%, rgba(60, 60, 255, 0) 70%); }
    89% { background: radial-gradient(circle, rgba(45, 45, 255, 0.8) 0%, rgba(45, 45, 255, 0) 70%); }
    90% { background: radial-gradient(circle, rgba(30, 30, 255, 0.8) 0%, rgba(30, 30, 255, 0) 70%); }
    91% { background: radial-gradient(circle, rgba(15, 15, 255, 0.8) 0%, rgba(15, 15, 255, 0) 70%); }
    92% { background: radial-gradient(circle, rgba(0, 0, 255, 0.8) 0%, rgba(0, 0, 255, 0) 70%); }
    93% { background: radial-gradient(circle, rgba(15, 15, 240, 0.8) 0%, rgba(15, 15, 240, 0) 70%); }
    94% { background: radial-gradient(circle, rgba(30, 30, 225, 0.8) 0%, rgba(30, 30, 225, 0) 70%); }
    95% { background: radial-gradient(circle, rgba(45, 45, 210, 0.8) 0%, rgba(45, 45, 210, 0) 70%); }
    96% { background: radial-gradient(circle, rgba(60, 60, 195, 0.8) 0%, rgba(60, 60, 195, 0) 70%); }
    97% { background: radial-gradient(circle, rgba(75, 75, 180, 0.8) 0%, rgba(75, 75, 180, 0) 70%); }
    98% { background: radial-gradient(circle, rgba(90, 90, 165, 0.8) 0%, rgba(90, 90, 165, 0) 70%); }
    99% { background: radial-gradient(circle, rgba(105, 105, 150, 0.8) 0%, rgba(105, 105, 150, 0) 70%); }
    100% { background: radial-gradient(circle, rgba(120, 120, 135, 0.8) 0%, rgba(120, 120, 135, 0) 70%); }
}
*/

html {
  scroll-behavior: smooth;
}

html, body {
  overflow-x: hidden;
  font-weight: 400; 
} 

body {
  overscroll-behavior-x: none;
  height: 100%;
}

body:not(.home) .elementor-widget-container h1:not(.elementor-heading-title) {
  margin-top: 100px;
  margin-bottom: 60px;
}

body:not(.home) .elementor-widget-container h2 {
    margin-top: 80px;
    margin-bottom: 40px;
}

body:not(.home) .elementor-widget-container h3 {
    margin-top: 60px;
    margin-bottom: 30px;
}

.qodef-e-inner a {
  text-decoration: underline;
}

#qodef-woo-page.qodef--single
.woocommerce-tabs
.wc-tabs
li.qodef-product-tabs-line,
#yith-quick-view-content.single-product
.woocommerce-tabs
.wc-tabs
li.qodef-product-tabs-line {
  border-bottom: none;
}

#qodef-page-header {
  border-bottom: none;
}

.color-burn {
  mix-blend-mode: color-burn;
  transform:translate3d(0,0,0);
}

.e-con {
  --content-width: min(100%,var(--container-max-width,2500px)) !important;
  --container-max-width: 2500px !important;
}

.elementor-element-c80e3b5,
.elementor-element-82f7af1 {
  mix-blend-mode: color-burn;
  transform:translate3d(0,0,0);
}

.elementor-element-376efee,
.elementor-element-fa79e51 {
  mix-blend-mode: color-burn;
  transform:translate3d(0,0,0);
}

.qodef-header--standard.qodef-header-standard-custom-borders--enabled
#qodef-page-header-inner
#qodef-page-header-inner-2 {
  border-bottom: none;
}

#qodef-page-header,
#qodef-page-mobile-header {
  background-color: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: saturate(180%) blur(5px);
  -webkit-backdrop-filter: saturate(180%) blur(5px);
}




.qodef-header-sticky {
  background-color: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: saturate(180%) blur(5px);
  -webkit-backdrop-filter: blur(5px);
}



.qodef-header-logo-link {
  position: absolute;
  width: 300px;
}

.qodef-header-logo-link img {
  max-height: none !important;
}

#qodef-page-header .qodef-header-logo-link {
  height: initial;
  margin-top: 0px;  /*????*/
}

#qodef-page-footer-top-area {
  background-color: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: saturate(180%) blur(5px);
}

#qodef-page-footer-bottom-area {
  background-color: rgba(255, 255, 255, 0.3) !important;
  backdrop-filter: saturate(180%) blur(5px);
}

pre {
  font-size: 1em;
  mix-blend-mode: plus-darker;
  transform:translate3d(0,0,0);
  line-height: 1.3em;
}

code {
  background-color: none;
}

.elementor-element-b04c344,
.elementor-element-d29af8a,
.elementor-element-2590bce {
  mix-blend-mode: overlay;
  transform:translate3d(0,0,0);
}

.elementor-element-f306d61 .elementor-widget-container,
.elementor-element-f306d61 {
  mix-blend-mode: color-burn;
  transform:translate3d(0,0,0);
}
.elementor-element-8358522 {
  margin: 0 auto;
}

.we-drive-text {
  mix-blend-mode: color-burn;
  transform:translate3d(0,0,0);
}

/* fix for the responsive element on safari sometimes loses the blend effect and falls back to white*/
/*.elementor-element-ac53d1b {
  transform:translate3d(0,0,0);
}*/

.qodef-testimonials-list .qodef-e-text {
  font-weight: 200;
}

.we-drive-text ul li {}
.elementor-element-8358522 p {
  font-family: poppins !important;
  font-size: 15vw !important;
  line-height: 1.3em !important;
  font-weight: bold !important;
  color: rgba(255, 255, 255, 0.7);
  mix-blend-mode: difference;
  transform:translate3d(0,0,0);
}

#qodef-single-portfolio-navigation .qodef-m-inner {
  border-top: 0;
  margin-top: 8vh; 
}
.elementor-element-6182a06 {
  mix-blend-mode: darken;
  transform:translate3d(0,0,0);
}

.elementor-element-8be6fe7 {
  mix-blend-mode: normal;
  transform:translate3d(0,0,0);
  overflow: hidden;
}

.elementor-element-8be6fe7 h1 {
  mix-blend-mode: color-dodge !important; 
  transform:translate3d(0,0,0);
  font-size: 15vw;
  color: #fff;
  transition: 1.2s ease-out;
}

.qodef-m-lines-circle {
  background-color: transparent !important;
  border: 1px solid #000;
}

.qodef-m-line {
  border: 1px solid black;
  background-color: transparent !important;
  height: 5px !important;
}

.elementor-element-8358522 p {
  mix-blend-mode: difference !important;
  transform:translate3d(0,0,0);
  transition: 0.8s ease-out;
}

.elementor-element-8be6fe7 {
  mix-blend-mode: saturation;
  transform:translate3d(0,0,0);
}

.elementor-element-8be6fe7 h1,
.elementor-element-8358522 p {
  transform: translateY(50%);
  font-weight: bold;
}

.elementor-element-8be6fe7 h1.slide-down,
.elementor-element-8358522 p.slide-down {
  transform: translateY(0%);
}

.elementor-element-251ca93 {
  display: none !important;
}

.elementor-element-00c00d1 img {
  mix-blend-mode: difference;
  transform:translate3d(0,0,0);
}

.page-id-4468 .qodef-content-grid {
  width: 100% !important;
}

.qodef-portfolio-list.qodef-item-layout--info-below .qodef-e-content {
  margin-bottom: 0;
}

.elementor-widget-lucrezia_core_portfolio_list .qodef-m-filter {
  display: none;
}

.elementor-widget-lucrezia_core_button {
  mix-blend-mode: overlay;
}

.vast-universe h1 {
  font-size: 30em !important;
}

/*Header fix: fixed*/
#qodef-page-header, #qodef-top-area {
  position:fixed;
  top:0;
  left:0;
  width:100%;
}

.elementor-widget-lucrezia_core_testimonials_list .swiper-pagination {
  display: none !important;
}

@media only screen and (min-width: 1025px) {
  #qodef-page-outer {
    padding-top: 100px !important;
  }
}

@media only screen and (max-width: 768px) {
  .vast-universe > div > h1 {
    font-size: 50px !important;
    margin-top: -180px;
  }

  .impressive-designs h1 {
    font-size: 41vw !important;
  }
}

@media only screen and (max-width: 539px) and (min-height: 600px) {
  .rev_slider_textbox {
    margin-top: calc(5vh);/*????*/
  }
}

@media only screen and (max-width: 539px) and (min-height: 800px) {
  .rev_slider_textbox {
    margin-top: calc(10vh);/*????*/
  }
}

.we-bring h1 {
  font-size: 6vw;
  font-weight: 300;
}

.we-will-push h4 {
  font-size: 2.5vw;
  font-weight: 300;
}

/*.qodef-grid-item.portfolio-item.type-portfolio-item img {
  mix-blend-mode: color-burn;
}*/

.qodef-grid-item.portfolio-item.type-portfolio-item:hover img {
  mix-blend-mode: normal;
  transform:translate3d(0,0,0);
  transition: opacity 0.5s linear;
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover
article
.qodef-e-content {
  background-color: transparent;
  transition: opacity 0.5s linear;
}

.elementor-element-52ef6d3 .qodef-e-title-link {
  background-color: white;
}

.elementor-element-1d4226b .swiper-wrapper {
  mix-blend-mode: exclusion;
  transform:translate3d(0,0,0);
}



/* Added by Huang */


/* ================================================
   Header Styles
   ================================================ */

/* Remove the second hamburger in the header */
#qodef-page-header-inner-2 div {
  display: none !important; /* Hide the second hamburger icon */
}

/* Scrollbar always visible with the overlay of the hamburger */
.qodef-fullscreen-menu--opened {
  overflow-y: scroll; /* Enable scroll bar when fullscreen menu is opened */
}

/* Mobile header with background blur */
.qodef-mobile-header-navigation {
  background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent white background */
  backdrop-filter: blur(5px); /* Adds blur effect */
  -webkit-backdrop-filter: blur(5px);
}

/* Fix the disalign of full screen menu button with the hamburger logo*/
.qodef-opener-icon {
  position: relative !important; 
}

/* Mobile Header Logo Size */
#qodef-page-mobile-header .qodef-mobile-header-logo-link img {
  width: 144px; /* This code fix the logo not show problem, and the black line around logo */
}

.webtech_pingpong_outer.e-con {
  padding-inline-start: 0;
}

.webtech_pingpong_outer.e-con>.e-con-inner {
  height: 100vh;
  padding-block-start: 0;
  padding-block-end: 0;
}


/* ================================================
Logo Animation
================================================ */

/* Hide the heading logo slowly when opening fullscreen menu */
/* .qodef-header-logo-link {
  opacity: 1;
  visibility: visible; 
}

.qodef-header-logo-link.show-logo {
  opacity: 1;
  visibility: visible; 
  transition: opacity 2s ease, visibility 0s 0s;
}

.qodef-header-logo-link.hide-logo {
  opacity: 0; 
} */


/* ================================================
   WhatsApp Button Styles
   ================================================ */

/* WhatsApp logo button */
/* .magneto {
  position: absolute;
  top: 50%;
  right: 100px;
  transform: translateY(-50%);
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: none;
  background: linear-gradient(145deg, #f09db2, #d25a78);
  color: #ffffff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.25),
  inset 4px 4px 8px rgba(255, 255, 255, 0.3);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  font-size: 1.5rem;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
} */

/* Hover effect on WhatsApp button */
/* .magneto:hover {
  transform: translateY(-50%) scale(1.05); 
  box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.3),
  inset 6px 6px 10px rgba(255, 255, 255, 0.4);} */


/* ================================================
   Responsive Design - WhatsApp Button
   ================================================ */

/* Medium screens (Tablets, small desktops) */
/* @media (max-width: 1024px) {
  .magneto {
    width: 18rem;
    height: 18rem;
    right: 80px;
    font-size: 1.3rem;
  }
} */

/* Small screens (Large phones, small tablets) */
/* @media (max-width: 768px) {
  .magneto {
    width: 13rem;
    height: 13rem;
    right: 50px;
    font-size: 1.2rem;
  }
} */

/* Extra small screens (Phones) */
/* @media (max-width: 480px) {
  .magneto {
    width: 12rem;
    height: 12rem;
    right: 20px;
    font-size: 1rem;
  }
} */



/* ================================================
   Fullscreen Menu Styles
   ================================================ */

/* Adjust spacing for fullscreen menu items */
.qodef-fullscreen-menu ul li {
  margin-left: 30%;
}

/* Fullscreen menu blur effect */
#qodef-fullscreen-area {
  background: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(5px) !important; /* Add blur to the fullscreen menu */
  -webkit-backdrop-filter: blur(5px);
}


/* make the underline for "Home" disappear in full screen menu */
.qodef-fullscreen-menu>ul>li.current-menu-item>a .qodef-menu-item-text  { 
  background-size: 0 !important; 
}


/* ================================================
   Portfolio Page Design 
   ================================================ */


/* Portfolio Info Tag Display */
.qodef-portfolio-single .qodef-portfolio-info .qodef-e-value.qodef-e-tag {
  display: block;
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word; 
  hyphens: auto; /* Enable hyphenation for word wrapping */
  -webkit-hyphens: auto;
}

/* Remove all the labels in the portfolio page */
.qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--sidebar{
  display: none;
}

/* ================================================
   Serices Page Design 
   ================================================ */
   /* Add some space below the breadcrumb in the services page */

  #qodef-page-inner {
    padding-top: 5px !important;
  }

  /* Add some space above the breadcrumb in the services page */
  #qodef-page-outer .qodef-breadcrumbs {
    padding-top: 100px;
  }

  .term-projects .qodef-breadcrumbs {
    padding-top: 100px;
    margin-bottom: 65px;
  }

/* ================================================
   Portfolio List Hover Effects
   ================================================ */

.portfolio-list .qodef-e-inner {
  position: relative;
  display: block;
  transition: all 0.8s ease; /* Smooth transition for all changes */
}

.portfolio-list .qodef-e-inner .qodef-e-media-image {
  position: relative;
  overflow: hidden;
}

.portfolio-list .qodef-e-inner img {
  transition: transform 0.8s ease; /* Image zoom on hover */
  display: block;
}

.portfolio-list .qodef-e-inner .qodef-e-media-image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.7) 100%);
  opacity: 0;
  transition: opacity 0.8s ease;
  z-index: 11;
}

.portfolio-list .qodef-e-inner:hover .qodef-e-media-image::after {
  opacity: 1; /* Show gradient overlay on hover */
}

.portfolio-list .qodef-e-inner:hover img {
  transform: scale(1.1); /* Zoom in on hover */
}

.portfolio-list .qodef-e-inner h5,
.portfolio-list .qodef-e-inner p {
  transition: color 0.8s ease, text-shadow 0.8s ease;
  color: rgba(0, 0, 0, 0.6);
}

.portfolio-list .qodef-e-inner:hover h5,
.portfolio-list .qodef-e-inner:hover p {
  color: rgba(0, 0, 0, 1); /* Darker text color on hover */
}

.portfolio-list .qodef-e-inner * {
  position: relative;
  z-index: 10; /* Ensure content stays above overlay */
}

/* Number effect with stroke */
.portfolio-list .qodef-e-number {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px black;
  transition: -webkit-text-fill-color 1.2s ease;
}

/* Change text color on hover */
.portfolio-list .qodef-e-inner:hover .qodef-e-number {
  -webkit-text-fill-color: rgba(255,255,255, 0.2);
}

/* ================================================
   Posts Page Design
   ================================================ */

/*.single-post #qodef-page-inner {
  padding-top: 48px !important;
}
.single-post article .qodef-e-content {
  margin-top: 70px !important;
}

.single-post .qodef-e-content a {
  text-decoration: underline;
}*/

.single-post h1 {
  padding-bottom: 46px;
}

.single-post h2 {
  padding-bottom: 10px;
  padding-top: 40px;
}

.single-post h3, .single-post h4, .single-post h5, .single-post h6 {
  padding-bottom: 8px;
  padding-top: 32px;
}

.single-post .qodef-e-top-holder {
  display: none;
}

.qodef-blog.qodef--single .qodef-blog-item .qodef-e-bottom-holder {
  margin-top: 0;
}

.elementor-widget-heading .elementor-heading-title {
  font-weight: 500 !important;
}

#lucrezia_core_side_area_opener-2 {
  display: none;
}

.wa-contact {
  position: fixed;
  bottom: 25px;
  top: auto;
  right: 60px;
  z-index: 200002;
  padding: 6px 0px 3px;
}

.wa-contact img {
  width: 70px;
  height: 70px;
}

#qodef-back-to-top {
  position: fixed;
  width: 50px;
  height: 50px;
  right: 70px;
  bottom: 104px;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

.rs-layer .fa-circle {
  font-size: 12px;
  margin-right: 11px;
}

.testimonial-carousel .qodef-e-title {
  display:none;
}

.testimonial-carousel .e-con-inner {
  margin: 0 auto !important; 
}

.testimonial-carousel .swiper-button-outside {
  display: none;
}

.testimonial-carousel .qodef-e-mark {
  display: none !important;
}
/*????*/
/* .play-a-round h1 {
  mix-blend-mode: saturation;
  color: blue;
  font-family: Poppins;
  font-size: 9vw;
  text-align: center;
} */
/*????*/
.play-a-round h1 {/*????*/
  transform:translate3d(0,0,0);
  mix-blend-mode: saturation;
  font-family: Poppins !important;
  font-size: 9vw;
  text-align: center;
  color: red !important;
  user-select: none;
}/*????*/

/*#rev_slider_2_1 {
  height: calc(100% + 100px) !important;
}*/

.trading-bot-img {
  mix-blend-mode: multiply;
  transform:translate3d(0,0,0);
}

/*====================================
   Plugin Custom Image Top Display 
  ====================================*/


/* add margin top of the plugin Custom Image Top Display in case not overlap of the header*/
.qodef-page-title {
  height: auto !important;
}

/* remove the padding of left right*/
.qodef-page-title .qodef-m-content.qodef-content-full-width {
  padding: 0;
}



/* remove the margin between the breadcrumbs and title*/
.qodef-portfolio-single .qodef-variations--big .qodef-e-content {
  margin-top: 0;
}

.qodef-portfolio-list .qodef-e-info {
  display:none;
}

#qodef-page-header-inner {
  padding: 0 70px;
}

.single-portfolio-item .elementor-element.e-con {
  padding: 0; 
}
.page-id-10409 .elementor-element.e-con {
  padding: 0; 
}
.page-id-10389 .elementor-element.e-con {
  padding: 0; 
}
.page-id-10414 .elementor-element.e-con {
  padding: 0; 
}
.term-projects .elementor-element.e-con {
  padding: 0; 
}


.elementor-element.e-con>.e-con-inner{
  margin: 0; 
  margin-top: 25px;
} 

/*====================================
   Designer Home
  ====================================*/

.page-id-2720 .qodef-content-grid{
  width: 100%;
}

.elementor-2720 .elementor-element.elementor-element-ff47d02 {
  --margin-block-start: 130px;
  --margin-block-end: 142px;
  --margin-inline-start: 0px;
  --margin-inline-end: 0px;
  --padding-block-start: 0px;
  --padding-block-end: 0px;
  --padding-inline-start: 40px;
  --padding-inline-end: 40px;
}

#qodef-page-header .qodef-header-logo-link img.qodef--light {
  opacity: initial !important;
}

.qodef-fullscreen-menu--opened #qodef-page-header .qodef-header-logo-link img.qodef--dark {
  opacity: inherit !important;
}

/* safari hack */
@media not all and (min-resolution:.001dpcm) {
  .elementor-element-8be6fe7 {
    display: none;
  }
}


/* ================================================
   Responsive Design - Typography Adjustments
   ================================================ */
/* ------------------------------------------------------------ 
Big screens (desktops) (min-width: 1025px)
------------------------------------------------------------ */
/* Padding of portfolio page text */
/* .single-portfolio-item #qodef-page-inner {
  padding: 0 10vw 0 !important;
} */

/* Width of breadcrumbs */
.qodef-breadcrumbs {
  width: 1100px;
  margin: 0 auto;
}
/* Width of breadcrumbs */
@media (min-width: 1441px) {
  .qodef-breadcrumbs {
      width: 1300px;
  }
}

/* Width of breadcrumbs */
@media (min-width: 1025px) and (max-width: 1199px) {
  .qodef-breadcrumbs {
      width: 884px;
  }
}

/* Remove the padding of the content */
/* .qodef-content-grid {
width: 100% !important;
}  */

/* Width of breadcrumbs */

.qodef-breadcrumbs {
  margin-bottom: 25px;
}

.single-portfolio-item .qodef-breadcrumbs {
  margin-bottom: 25px;
  margin-top: 30px;
}  

@media screen and (min-width: 1025px) {
  .single-portfolio-item .qodef-breadcrumbs {
    margin-bottom: 55px;
    margin-top: 30px;
  }
}


@media screen and (min-width: 1025px) {
  .qodef-grid.qodef-layout--template.qodef-grid-template--9-3>.qodef-grid-inner {
    grid-template-columns: minmax(0, 9fr) 0;
  }

  .testimonial-carousel .qodef-testimonials-list .qodef-e-text {
    font-size: 47px;
  }
}



/* ------------------------------------------------------------ 
   Medium screens (Tablets, small desktops) (max-width: 1024px)
   ------------------------------------------------------------ */
@media (min-width: 767px) and (max-width: 1024px) {
  .elementor-4468 .elementor-element.elementor-element-c4ca69a.e-con {
    margin-top: 15px;
}
}

@media only screen and (max-width: 1024px) {
  #qodef-page-inner {
    padding: 0px 0px 200px !important; 
  }
}

/* Width of breadcrumbs */
@media (max-width: 1024px) {
  .qodef-breadcrumbs {
      width: 86%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  h4.qodef-e-title.entry-title {
    font-size: 1.5em;    
  }
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .qodef-content-grid {
    width: 884px;
  }
}

@media (min-width: 769px) {
  #qodef-page-footer-top-area-inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (min-width: 1025px) {
  #qodef-page-footer-top-area-inner {
    padding-left: 70px;
    padding-right: 70px;
  }
}

@media (min-width: 480px) {
  #qodef-page-mobile-header .qodef-mobile-header-logo-link img {
    width: 193px;
  }
}

@media (max-width: 480px) {
  #qodef-page-footer .wp-block-image {
    max-width: calc(100% - 52px) !important;
  }
}


/* make the title in portfolio page bigger than other details */
@media (max-width: 768px) {
  .qodef-e-title.entry-title.qodef-portfolio-title {
    font-size: 2.5em;
    font-weight:550;
  }
  /**/
  .fintech-teaser .we-blend {
    margin-left: 25px;
  }
  .qodef-section-title.qodef-title-line--yes .qodef-m-title {
    border-bottom: none;
    margin-bottom: -39px;
  }
}

/* decreace the marge top of the button of portfolio page */
@media (max-width: 768px) {
  #qodef-single-portfolio-navigation {
    top: -50px;
  }
}

/* Add margin top to the images in portfolio page in case images not overlap by header */
@media (min-width: 769px) and (max-width: 1024px) {
  .qodef-page-title {
    margin-top: 70px;
  }
}




@media only screen and (max-width: 1024px) {
  .testimonial-carousel .elementor-widget-container h2, .qodef-h2 {
    font-size: 45px !important;
  }

  .testimonial-carousel .elementor-widget-container h3, .qodef-h3 {
    font-size: 35px !important;
  }
}

@media only screen and (max-width: 1024px) {
  #qodef-page-mobile-header {
    background-color: rgba(255, 255, 255, 0.2) !important;
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    backdrop-filter: saturate(180%) blur(5px);
  }
}

/* Portfolio Page Styles for Devices Up to 1024px */
@media only screen and (max-width: 1024px) { 
  .qodef-portfolio-single .qodef-variations--big .qodef-e-content {
      margin: 25px 0 0 0;  
      width: 100%;
      word-wrap: break-word; /* Enable word wrapping */
      hyphens: auto;
      -webkit-hyphens: auto;
      padding-left: 25px;
      padding-right: 25px;
  }
}
@media only screen and (max-width: 1024px) {
  .single-portfolio-item .qodef-portfolio-single .qodef-variations--big .qodef-e-content {
      padding-left: 0;
      padding-right: 0;
      padding-top: 5px;
  }
}

/* Fullscreen Menu Styles : To ensure the header is always visible on mobile devices, rather than depending on scroll behavior. */
@media only screen and (max-width: 1024px) {
  header {
    position: fixed !important;
    width: 100% !important;
    left: 0 !important;
    top: 0px !important;
  }
  body:not(.admin-bar) .content {
    top: 100px !important;
    padding-bottom: 100px !important;
  }
}

/* button font size */
@media only screen and (max-width: 1024px) {
  .qodef-button {
    font-size: 23px !important;
  }
}

/* Add padding left to the our team porfiles */
@media only screen and (min-width: 769px) {
  .qodef--drag-cursor .swiper-wrapper {
    padding-left: 30%;
  }
}

/* Modify the space between the breadcrumb and title in the services page */
@media only screen and (max-width: 1024px) {
  .page-id-10409 .e-con-full, .e-con>.e-con-inner {
    padding-block-start: 5px !important;
  }
  .page-id-10389 .e-con-full, .e-con>.e-con-inner {
    padding-block-start: 5px !important;
  }
  .page-id-10414 .e-con-full, .e-con>.e-con-inner {
    padding-block-start: 5px !important;
  }
}

/* -------------------------------------------------------------- 
   Small screens (Large phones, small tablets) (max-width: 768px)
   -------------------------------------------------------------- */

/* Width of breadcrumbs */
@media (max-width: 768px) {
  .page-id-10409 .qodef-breadcrumbs {
      width:100%;
      margin: 0 25px 25px 25px;
  }
  .page-id-10389 .qodef-breadcrumbs {
    width:100%;
    margin: 0 25px 25px 25px;
  }
  .page-id-10414 .qodef-breadcrumbs {
    width:100%;
    margin: 0 25px 25px 25px;
  }
  .single-portfolio-item .qodef-breadcrumbs {
    margin: 30px 25px 25px 25px;
  }
  .term-projects .qodef-breadcrumbs {
    margin: 0 25px 57.5px 25px;
  }
}

@media only screen and (max-width: 768px) {
  .we-will-push h4 {
    font-size: 36px;
  }

  .we-bring h1 {
    font-size: 45px;
  }

  .we-bring .elementor-widget-container,
  .we-will-push .elementor-widget-container,
  .testimonial-carousel .elementor-widget-container{
    padding: 0 10% 0 10% !important;
  }

  .qodef-button {
    font-size: 23px !important;
  }

  .top-notch h1 {
    font-size: 38px;
  }

  .testimonial-carousel .elementor-widget-container h2, .qodef-h2 {
    font-size: 38px !important;
  }

  .testimonial-carousel .elementor-widget-container h3, .qodef-h3 {
    font-size: 27px !important;
  }
}


@media (max-width: 768px) {
  .single-portfolio-item .qodef-content-grid {
    width: 86%;  /* Add margin to the contain in portfolio page */
    margin: 0 25px;
  }
  .term-projects .qodef-content-grid {
    width: 86%;  /* Add margin to the contain in portfolio page */
    margin: 0 25px;
  }
  .e-con {
    padding: 0 !important;
  }
  .qodef-e-title.entry-title {
    font-size: 16px;
  }

  .single-post .qodef-e-title.entry-title {
    font-size: 28px;
  }

  .single-post h2, .single-post .qodef-h2 {
    font-size: 24px;
  }

  .single-post h3, .single-post .qodef-h3 {
    font-size: 20px;
  }

  .single-post h4, .single-post .qodef-h4 {
    font-size: 16px;
  }

  .single-post h5, .single-post .qodef-h5 {
    font-size: 14px;
  }

  .single-post h6, .single-post .qodef-h6 {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .page-id-10409 .qodef-content-grid {
      width: 100%;
  }
  .page-id-10389 .qodef-content-grid {
    width: 100%;
  }
  .page-id-10414 .qodef-content-grid {
    width: 100%;
  }
  .fintech-teaser .elementor-widget-lucrezia_core_icon_with_text {
    padding: 25px;
    margin: 0 auto; 
  }
}

@media (max-width: 1023px) {
  /* Add some space above the breadcrumb in the services page */
  #qodef-page-outer .qodef-breadcrumbs {
    padding-top: 52px;
  }
}

/* Padding left of footer area */
@media only screen and (max-width: 768px)  {
  #qodef-page-footer-top-area-inner {
      padding-left: 25px !important;
  }
}

/* Position of whatapps logo and back-to-top button move right a bit */
@media only screen and (max-width: 1024px)  {
  .wa-contact {
      right: 15px;
  }

  #qodef-back-to-top {
      right: 25px;
  }
}

/* Margin in left right of the arrow in portfolio page */
@media only screen and (max-width: 768px) {
  #qodef-single-portfolio-navigation .qodef-m-inner {
    margin: 8vh 0 3px;
}
}

/* All the page body add padding top except home page for the heading not cover the content on the body top  */
@media only screen and (max-width: 768px) {	
  body:not(.home):not(.page-id-4468) {
      padding-top: 60px; 
  }
  }
      
/* Adjust the space between title and portfolio images for services page and portfolio page */
@media only screen and (max-width: 768px) {
    /* Add padding to the inner page container */
    #qodef-page-inner {
        padding: 0px 0px 50px!important;
    }
  
    /* Adjust top padding for the page title */
    body:not(.qodef-content-behind-header) .qodef-page-title .qodef-m-content {
        padding-top: 10px !important; /* Ensure adequate space above the title */
    }
}

/* Portfolio Page Styles for Devices Up to 768px */
@media only screen and (max-width: 768px) { 
  .qodef-portfolio-single .qodef-variations--big .qodef-e-content {
      width: 100%;
      word-wrap: break-word; /* Enable word wrapping */
      hyphens: auto;
      -webkit-hyphens: auto;
  }
}

/* Disable scroll on mobile */
@media (max-width: 768px) {
  .qodef-fullscreen-menu--opened {
    overflow-y: hidden; 
  }
}

/* Add padding to the title and detail in the portfolio page */
@media only screen and (max-width: 768px) { 
  .qodef-portfolio-single .qodef-variations--big .qodef-e-content {
      padding-left: 25px;
      padding-right: 25px;
  }
}

/* ------------------------------------------------- 
   Extra small screens (Phones)  (max-width: 480px)
   ------------------------------------------------- */

@media only screen and (max-width: 480px) {

  .we-will-push h4 {
    font-size: 23px;
  }

  .we-bring h1 {
    font-size: 30px;
  }

  .testimonial-carousel .elementor-widget-container h2, .qodef-h2 {
    font-size: 35px !important;
  }

  .testimonial-carousel .elementor-widget-container h3, .qodef-h3 {
    font-size: 25px !important;
  }
}



/* Font Size for Menu Items on Small Devices */
@media only screen and (max-width: 480px) {
  .qodef-drop-down-second-inner .sub-menu li a .qodef-menu-item-text-inner {
      font-size: 16px; /* Adjust font size for mobile devices */
  }
}

/* Smaller hamburger  */
@media only screen and (max-width: 1024px) {
  .qodef-opener-icon.qodef-source--predefined .qodef-m-lines-circle {
       width: 30px;
      height: 30px;
  }
  
  .qodef-opener-icon.qodef-source--predefined .qodef-m-lines-circle .qodef-m-lines {
      width: 18px;
      height: 11px;
  }
  
  .qodef-m-line {
      height: 4px !important;
  }
}

/* Button in portfolio page same size as hambergur */
@media only screen and (max-width: 1024px) {
  #qodef-single-portfolio-navigation .qodef-m-nav>* {
    width: 30px;
  }
}

/* remove the padding top of the inner page container in portfolio page */
@media only screen and (max-width: 480px) {
  #qodef-page-inner {
    padding: 0px 0px 50px!important; 
  }
}
  

/* Margin in left right of the arrow in portfolio page */
@media only screen and (max-width: 480px) {
  #qodef-single-portfolio-navigation .qodef-m-inner {
    margin: 8vh 0 3px;
}
}

/* Decrease full screen menu margin left */
@media only screen and (max-width: 480px) {
.qodef-fullscreen-menu ul li {
  margin-left: 18%;
}
}

/* Decrease sub menu of full screen menu line height */
@media only screen and (max-width: 480px) {
.qodef-drop-down-second .sub-menu li {
    margin-top: -10px;
}
}

/* Portfolio page images 3 column  */
@media only screen and (max-width: 480px) {
    .qodef-grid.qodef-responsive--predefined.qodef-col-num--3>.qodef-grid-inner {
        --qode-columns: 3;
    }
}
  
/* Portfolio list title and describtion margin left  */
@media only screen and (max-width: 480px) {
  .qodef-portfolio-list.qodef-number-layout--enabled .qodef-e .qodef-e-number {
    margin-left: 25px
  }
  
/* 	.qodef-shortcode h1 a, .qodef-shortcode h2 a, .qodef-shortcode h3 a, .qodef-shortcode h4 a, .qodef-shortcode h5 a, .qodef-shortcode h6 a {
  margin-left: 25px
  } */
  
  .qodef-e-info>:not(.qodef-e-tags) {
    argin-left: 25px
  }

  .single-post .qodef-e-info>:not(.qodef-e-tags) {
    margin-left: inherit;
  }
  
  .qodef-e-title-link {
    display: inline-block; 
    text-align: left;
}
}
  
/* Portfolio page and services page column gap  */
@media only screen and (max-width: 480px) {
  .qodef-grid.qodef-gutter--medium {
    --qode-columns-col-gap: 15px;
}
  .qodef-grid {
    --qode-columns-col-gap: 15px;
}
  }

/* Hide the protfolio project detail of services page  */
@media only screen and (max-width: 480px) {
  .qodef-portfolio-list .qodef-e-bottom-holder {
    display: none;
}
  }

/* All fullscrenn menu move up 7px  */
.qodef-fullscreen-menu {
    transform: translateY(-7px)
}
    
/* Sercice page add margin left and right */
@media only screen and (max-width: 768px) {
  
  .elementor-widget-lucrezia_core_team_list .elementor-widget-container h4 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  
    /* Add margin for paragraphs */
  .elementor-widget-container p {
      margin-left: 25px !important;
      margin-right: 25px !important;
  }

  .fintech-teaser .elementor-widget-container p {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
      
  /* Add margin for h2, h3, and list items */
  .elementor-widget-container h1,
  .elementor-widget-container h2,
  .elementor-widget-container h3,
  .elementor-widget-container ul li {
      margin-left: 25px;
      margin-right: 25px;
  }
  
  /* Add margin for text below images */
  .elementor-widget-container .qodef-e-media + .qodef-e-content .qodef-e-text {
      margin-left: 3px;
      margin-right: 3px;
  }
}

/* Posts Page Styles for Devices Up to 768px */
@media only screen and (max-width: 768px) {
  .single-post h1 {
    padding-top: 56px;
    padding-bottom: 36px;
  }
  
  .single-post h2 {
    padding-top: 46px;
    padding-bottom: 31px;
  }
  
  .single-post h3, .single-post h4, .single-post h5, .single-post h6 {
    padding-top: 36px;
    padding-bottom: 26px;
  }
}

  
  
/* Portfolio Page Styles for Devices Up to 480px */
@media only screen and (max-width: 480px) { 
  .qodef-portfolio-single .qodef-variations--big .qodef-e-content {
      word-wrap: break-word; /* Enable word wrapping */
      hyphens: auto;
      -webkit-hyphens: auto;
  }
}

/* Basis-Skalierung über body */
body {
  font-size: 100%; /* Standard-Basis */
}

/* Responsive Skalierung */
@media screen and (min-width: 1256px) {
  body {
      font-size: 120%; /* +20% auf größeren Bildschirmen */
  }
}

@media screen and (min-width: 1600px) {
  body {
      font-size: 140%; /* +20% auf größeren Bildschirmen */
  }
}

@media screen and (max-width: 768px) {
  body {
      font-size: 95%; /* -10% auf Tablets */
  }
}

@media screen and (max-width: 480px) {
  body {
      font-size: 90%; /* -20% auf Smartphones */
  }
}