#ceo, #history { scroll-margin-top: 150px; }
#member { scroll-margin-top: 100px; }

body { overflow-x: hidden; }

.brand { display: block; }
.approach-message-container,
.history-message-container { color:#333; }

body::-webkit-scrollbar { display: none; }
html, body {
margin: 0;
padding: 0;
scroll-behavior: smooth;
background-color: #f5f5f5;
direction: ltr; /* بجای text-align */
}

body .vazna {
transform: translateY(-50%) rotate(180deg) !important;   /* translateY + rotate(180deg) */
}

.active { background-color:#F16A23; color:#fff !important; }


.ceo { font-family:'enmed'; }


.site-nav  {
position: fixed !important;
top: 50% !important;
right: 30px !important;
transform: translateY(-50%) !important;
}

.vazna{
position: fixed !important;
display: flex !important;
}

.ceo-container {
display:flex;
flex-direction: row !important;    /* FA: row-reverse | EN: row */
}

.ceo-message-container {
direction: ltr !important;
}

/* ===== Media Query ===== */
@media screen and (max-width: 1000px){
.site-nav { font-size: 12px !important; transition-duration: 2s !important; }
.vazna { height: 90vh !important; }
.minimal-logo { width: 40px !important; height: 40px !important; }
.vazna h4 { font-size: 10px !important; }
}
@media screen and (max-width: 650px){
.site-nav { font-size: 12px !important; transition-duration: 2s !important; right: 15px !important; gap:15px !important; }
.vazna { left: 10px !important; }
.vazna h4 { font-size: 8px !important; }
.about-top-nav-menu { font-size : 10px !important; }
}
@media screen and (max-width: 500px){

.site-nav { right: 10px !important; }

.vazna { left: 10px !important; }
.vazna h4 { font-size: 15px !important; }
.about-top-nav-menu { font-size : 10px !important; }
}
@media screen and (max-width: 360px){
.site-nav { font-size: 8px !important; transition-duration: 2s !important; right: 8px !important; gap:15px !important; }
.vazna { left: 10px !important; }
.member-profile { min-width : 200px !important; }
.vazna h4 { font-size: 10px !important; }
.about-top-nav-menu { font-size : 10px !important; }
}
@media screen and (max-width: 250px){
.brand { display: none !important; }
.site-nav { right : -15px !important; }
.about-top-nav-menu { font-size : 5px !important; justify-content: normal !important; left: auto !important; }
}
@media screen and (max-width: 170px){
.site-nav { right : -35px !important; }
.about-top-nav-menu {}
}