html, body {
  overflow-x: hidden;  /* horizontal scroll বন্ধ */
  overflow-y: auto;    /* vertical scroll সবসময় চালু */
  height: auto;        /* height fix না, auto */
}


:root { --step6-top-offset: 140px; }
@media (max-width: 768px){ :root { --step6-top-offset: 160px; } }

.step6-page { font-family:'Poppins',system-ui; background:#ffffff; color:#FFA500; }

.step6-page .hero{margin-top: 10px;display:flex;justify-content:center;
margin: bottom 5px;px;background:transparent;}

.step6-page .hero img{max-width:calc(100% - 120px);height:auto;object-fit:contain;
display:block;border-radius:0;background:transparent;}
@media(max-width:992px){.step6-page .hero img{max-width:calc(100% - 60px);} }
@media(max-width:600px){.step6-page .hero img{max-width:100%;} }
.step6-page .main-container{max-width:1100px;margin:0 auto;padding:16px 16px 44px;}
.step6-page .main-section{background:#ffffff;border-radius:16px;padding:24px;
box-shadow:0 14px 50px rgba(255,165,0,0.9);}
.step6-page .section-title{font-size:26px;font-weight:700;text-align:center;color:#FFA500;margin:6px 0 20px;}
.step6-page .section-text{font-size:16px;line-height:1.7;color:#FFA500;margin:0 0 14px;}
/* tray same */
.tray-menu{position:fixed;top:20%;left:-220px;width:200px;background:#ffa500;
border-radius:0 14px 14px 0;box-shadow:0 12px 30px rgba(0,0,0,.15);z-index:1200;
transition:left .3s ease;overflow:hidden;}
.tray-menu.open{left:0;}
.tray-menu a{display:block;padding:12px 14px;color:#ffffff;font-weight:600;text-decoration:none;
border-bottom:1px solid #f1f1f1;font-size:15px;}
.tray-menu a:hover{background:rgba(255,165,0,0.12);}
.tray-toggle-vertical{position:fixed;left:0;top:40%;transform:translateY(-50%) rotate(180deg);
background:#ffffff;color:#FFA500;padding:18px 12px;min-height:140px;border-radius:12px 0 0 12px;
font-weight:700;letter-spacing:.3px;font-size:16px;cursor:pointer;z-index:1100;
display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;
white-space:nowrap;line-height:1;user-select:none;border:3px solid #FFA500;
box-shadow:0 0 22px 8px rgba(255,165,0,0.45);transition:transform .25s ease,box-shadow .25s ease,
filter .25s ease,opacity .25s ease;}
.tray-toggle-vertical:hover,.tray-toggle-vertical:focus-visible{transform:translateY(-50%) rotate(180deg) translateX(2px) scale(1.03);
box-shadow:0 0 36px 14px rgba(255,165,0,0.65);filter:brightness(1.03);outline:none;}
@media(max-width:600px){.tray-toggle-vertical{padding:20px 14px;font-size:14px;}}


@media only screen and (max-width: 768px) {
  #trayMenu,
  #trayButton,
  .tray-menu,
  .tray-toggle-vertical {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}