.elementor-19 .elementor-element.elementor-element-877c08a:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-877c08a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nojavanlife.ir/wp-content/uploads/2026/01/Back-copy.jpg");background-size:cover;}.elementor-19 .elementor-element.elementor-element-877c08a > .elementor-background-overlay{background-color:#FFFFFF;opacity:0.51;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19 .elementor-element.elementor-element-877c08a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-19 .elementor-element.elementor-element-9ba9f27{--spacer-size:81px;}.elementor-19 .elementor-element.elementor-element-4708411{--iteration-count:infinite;--animation-duration:900ms;--dynamic-text-color:#00A9B4;}.elementor-19 .elementor-element.elementor-element-4708411 .elementor-headline{text-align:center;font-size:85px;font-weight:900;}.elementor-19 .elementor-element.elementor-element-4708411 .elementor-headline-plain-text{color:#CBCBCB;}.elementor-19 .elementor-element.elementor-element-4708411 .elementor-headline-dynamic-wrapper path{stroke:#000652;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;}.elementor-19 .elementor-element.elementor-element-4708411 .elementor-headline-dynamic-wrapper svg{z-index:2;}.elementor-19 .elementor-element.elementor-element-4708411 .elementor-headline-dynamic-text{z-index:auto;}.elementor-19 .elementor-element.elementor-element-23612ec .ajax-search-form button {background-color:#00A9B4;}.elementor-19 .elementor-element.elementor-element-a095b58{--spacer-size:138px;}.elementor-19 .elementor-element.elementor-element-ccc2339:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-ccc2339 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nojavanlife.ir/wp-content/uploads/2026/01/back-2-copy.jpg");background-size:cover;}.elementor-19 .elementor-element.elementor-element-ccc2339, .elementor-19 .elementor-element.elementor-element-ccc2339 > .elementor-background-overlay{border-radius:30px 30px 30px 30px;}.elementor-19 .elementor-element.elementor-element-ccc2339{box-shadow:5px 0px 22px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-19 .elementor-element.elementor-element-ccc2339 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19 .elementor-element.elementor-element-80cfcd8{--spacer-size:50px;}.elementor-19 .elementor-element.elementor-element-caa80ad > .elementor-widget-container{--e-transform-translateX:-207px;}.elementor-19 .elementor-element.elementor-element-caa80ad{text-align:center;}.elementor-19 .elementor-element.elementor-element-caa80ad .elementor-heading-title{font-size:52px;font-weight:900;line-height:90px;letter-spacing:9.3px;color:#000000;}.elementor-19 .elementor-element.elementor-element-27ae58e .elementor-counter-number-wrapper{font-weight:700;font-style:normal;text-decoration:none;}.elementor-19 .elementor-element.elementor-element-4c9be18{--spacer-size:162px;}.elementor-19 .elementor-element.elementor-element-7bfd774{--spacer-size:125px;}.elementor-19 .elementor-element.elementor-element-9f72ba0{width:var( --container-widget-width, 95.231% );max-width:95.231%;--container-widget-width:95.231%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-9f72ba0 .elementor-heading-title{font-size:57px;font-weight:700;color:#00A9B4;}.elementor-19 .elementor-element.elementor-element-360a950{--divider-border-style:double;--divider-color:#000652;--divider-border-width:5.4px;}.elementor-19 .elementor-element.elementor-element-360a950 .elementor-divider-separator{width:100%;}.elementor-19 .elementor-element.elementor-element-360a950 .elementor-divider{padding-block-start:30px;padding-block-end:30px;}.elementor-19 .elementor-element.elementor-element-219f46c > .elementor-widget-container{--e-transform-translateX:-86px;}.elementor-19 .elementor-element.elementor-element-43c331e{width:var( --container-widget-width, 104.465% );max-width:104.465%;--container-widget-width:104.465%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-43c331e > .elementor-widget-container{--e-transform-translateX:86px;}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-e1cd0ea{width:65.197%;}.elementor-19 .elementor-element.elementor-element-5194bc2{width:34.721%;}.elementor-19 .elementor-element.elementor-element-e78e114{width:30.376%;}.elementor-19 .elementor-element.elementor-element-9016550{width:2.448%;}.elementor-19 .elementor-element.elementor-element-64af504{width:35.031%;}.elementor-19 .elementor-element.elementor-element-1cab521{width:32.143%;}.elementor-19 .elementor-element.elementor-element-d6b8fcd{width:29.102%;}.elementor-19 .elementor-element.elementor-element-b21a1dc{width:70.898%;}}/* Start custom CSS for wd_image_or_svg, class: .elementor-element-219f46c */<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>افکت شیشه‌ای دور عکس</title>
<style>
  body {
    background: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    font-family: sans-serif;
  }

  .glass-card {
    position: relative;
    width: 250px;      /* میتونی تغییر بدی */
    height: 440px;     /* نسبت عمودی تصویر 1080x1920 */
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  /* استروک شیشه‌ای دور عکس */
  .glass-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3); /* حاشیه شفاف */
    backdrop-filter: blur(5px); /* تاری خفیف برای حس شیشه‌ای */
    pointer-events: none; /* کلیک روی عکس باطل نشود */
  }

  .glass-card img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* تصویر کامل بدون برش */
    border-radius: 20px; /* گوشه‌های صاف عکس */
    transition: transform 0.3s ease;
    display: block;
  }

  /* هاور: زوم و تپش قلب */
  .glass-card:hover {
    animation: heartbeat 0.6s ease-in-out 1;
  }

  .glass-card:hover img {
    transform: scale(1.05);
  }

  @keyframes heartbeat {
    0% { transform: scale(1); }
    25% { transform: scale(1.08); }
    50% { transform: scale(1.05); }
    75% { transform: scale(1.08); }
    100% { transform: scale(1); }
  }

</style>
</head>
<body>

<div class="glass-card">
  <img src="http://nojavanlife.ir/wp-content/uploads/2026/01/01.jpg" alt="دوره نوجوانان">
</div>

</body>
</html>/* End custom CSS */