.elementor-2 .elementor-element.elementor-element-2ec1578f{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2 .elementor-element.elementor-element-e63da59{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-2 .elementor-element.elementor-element-e63da59 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-2 .elementor-element.elementor-element-e63da59:after{content:"0.66";}.elementor-2 .elementor-element.elementor-element-e63da59 .elementor-post__thumbnail__link{width:100%;}.elementor-2 .elementor-element.elementor-element-e63da59 .elementor-post__meta-data span + span:before{content:"///";}.elementor-2 .elementor-element.elementor-element-e63da59.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-2 .elementor-element.elementor-element-e63da59.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-2 .elementor-element.elementor-element-e63da59.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-2 .elementor-element.elementor-element-77878a7{--display:flex;--flex-direction:column-reverse;--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2 .elementor-element.elementor-element-77878a7:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-77878a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2880CA;}.elementor-2 .elementor-element.elementor-element-f17f5dd{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2 .elementor-element.elementor-element-f17f5dd:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-f17f5dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#705BDF;background-image:url("https://s34.picofile.com/file/8490004534/1086684_%D9%85%DB%8C%DA%A9%D8%B1%D9%88%D9%81%D9%86_%D9%87%D8%A7%DB%8C_%D8%AC%D9%84%D8%B3%D9%87_%DA%A9%D9%86%D9%81%D8%B1%D8%A7%D9%86%D8%B3_%D8%A2%D9%85%D8%A7%D8%AF%D9%87_%D8%B4%D8%AF%D9%87_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B3%D8%AE%D9%86%D8%B1%D8%A7%D9%86_%D8%AC%D8%AF%D8%A7_%D8%B4%D8%AF%D9%87_%D8%AF%D8%B1_%D9%BE%D8%B3_%D8%B2%D9%85%DB%8C%D9%86%D9%87_%D8%B3%D9%81%DB%8C%D8%AF_removebg_preview.png");background-repeat:no-repeat;background-size:contain;}.elementor-2 .elementor-element.elementor-element-d3caddb{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-evenly;--align-items:flex-end;--overlay-opacity:0.78;}.elementor-2 .elementor-element.elementor-element-d3caddb::before, .elementor-2 .elementor-element.elementor-element-d3caddb > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-d3caddb > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-d3caddb > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-d3caddb > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-d3caddb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#E9ECF3;--background-overlay:'';}.elementor-2 .elementor-element.elementor-element-d3caddb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-6f88e4e .elementor-wrapper{--video-aspect-ratio:1.77777;}.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-2 .elementor-element.elementor-element-8c2543f{--display:flex;}.elementor-2 .elementor-element.elementor-element-8c2543f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-da6f43e{width:var( --container-widget-width, 100.918% );max-width:100.918%;--container-widget-width:100.918%;--container-widget-flex-grow:0;font-family:"Vazirmatn", Sans-serif;font-weight:400;color:#000000;}.elementor-2 .elementor-element.elementor-element-da6f43e.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-f17f5dd{--width:100%;}.elementor-2 .elementor-element.elementor-element-d3caddb{--width:38.561%;}.elementor-2 .elementor-element.elementor-element-8c2543f{--width:27.239%;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-e63da59 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2 .elementor-element.elementor-element-e63da59:after{content:"0.5";}.elementor-2 .elementor-element.elementor-element-e63da59 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-77878a7 */<!-- بلاک تمام صفحه -->
<section class="hero-section">
  <div class="content">
    <h1>عنوان یا متن دلخواه</h1>
  </div>

  <!-- دکمه فلش SVG -->
  <a href="#next-section" class="scroll-down" aria-label="برو به پایین">
    <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="white" viewBox="0 0 24 24">
      <path d="M12 21l-12-18h24z"/>
    </svg>
  </a>
</section>

<!-- سکشن بعدی (مقصد اسکرول) -->
<section id="next-section" style="height:100vh; background:#f4f4f4;">
  <h2>سکشن بعدی</h2>
</section>

<style>
  .hero-section {
    position: relative;
    width: 100%;
    height: 100vh; /* تمام صفحه */
    display: flex;
    align-items: center;
    justify-content: center;
    background: #222; /* رنگ پس‌زمینه */
    color: #fff;
    text-align: center;
  }

  .scroll-down {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    text-decoration: none;
    animation: bounce 1.5s infinite;
  }

  .scroll-down svg {
    width: 40px;
    height: 40px;
    fill: #fff;
    transition: fill 0.3s;
  }

  .scroll-down:hover svg {
    fill: #ff9800;
  }

  @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translate(-50%, 0);}
    40% {transform: translate(-50%, -10px);}
    60% {transform: translate(-50%, -5px);}
  }
</style>/* End custom CSS */