*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'IRANYekan',sans-serif;
}

body{
background:#fff;
color:#0B1F3A;
}

/* Navbar */

header{
height:90px;
background:#fff;
box-shadow:0 2px 15px rgba(0,0,0,.05);
position:fixed;
width:100%;
top:0;
z-index:999;
}

.container{
width:90%;
margin:auto;
}

.navbar{
display:flex;
justify-content:space-between;
align-items:center;
height:90px;
}

.logo img{
height:65px;
}

.menu{
display:flex;
gap:45px;
}

.menu a{
text-decoration:none;
color:#0B1F3A;
font-size:17px;
font-weight:500;
position:relative;
transition:.3s;
}

.menu a:hover{
color:#C8A24A;
}

.menu a::after{
content:'';
position:absolute;
right:0;
bottom:-8px;
width:0;
height:2px;
background:#C8A24A;
transition:.3s;
}

.menu a:hover::after{
width:100%;
}

/* Hero */

.hero{
height:100vh;
margin-top:90px;

background:
linear-gradient(
90deg,
rgba(255,255,255,.92),
rgba(255,255,255,.55)
),
url("images/hero.jpg");

background-size:cover;
background-position:center;

display:flex;
align-items:center;
}

.hero-content{
max-width:650px;
margin-right:8%;
}

.hero h1{
font-size:85px;
line-height:1.2;
margin-bottom:20px;
}

.hero h1 span{
color:#C8A24A;
}

.hero h2{
font-size:45px;
margin-bottom:25px;
}

.hero p{
font-size:22px;
color:#444;
line-height:2;
}

.gold-line{
width:90px;
height:4px;
background:#C8A24A;
margin-top:35px;
border-radius:50px;
}


.about .container{
    width:90%;
    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:60px;
}


.about-content{
    flex:1;
}

.about-image{
    flex:1;
}

.about-image img{
    width:100%;
    display:block;
    border-radius:20px;
}
body{
    direction:rtl;
}
.about .container{
    direction:ltr;
}
.about-content{
    direction:rtl;
    text-align:right;
}
.about .container{
    display:grid;
    grid-template-columns:1fr 1fr;
}
.about .container{
    direction:ltr;
}
.about{
    padding:100px 0;
    background:#fff;
}

.about .container{
    width:90%;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.about-image img{
    width:100%;
    border-radius:20px;
    display:block;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.section-tag{
    color:#C8A24A;
    font-weight:700;
    font-size:18px;
    position:relative;
    padding-right:45px;
}

.section-tag::before{
    content:'';
    position:absolute;
    right:0;
    top:50%;
    width:35px;
    height:2px;
    background:#C8A24A;
}

.about-content h2{
    margin-top:20px;
    font-size:42px;
    color:#0B1F3A;
    line-height:1.5;
}

.about-content p{
    margin-top:20px;
    color:#555;
    line-height:2.2;
    font-size:17px;
}

.about-btn{
    display:inline-block;
    margin-top:30px;
    background:#0B1F3A;
    color:#fff;
    padding:14px 35px;
    border-radius:10px;
    text-decoration:none;
    transition:.3s;
}

.about-btn:hover{
    background:#C8A24A;
}
.values{
    padding:90px 0;
    background:#F8FAFC;
}

.values .container{
    width:90%;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.value-card{
    background:#fff;
    padding:40px 30px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.35s;
}

.value-card:hover{
    transform:translateY(-10px);
}

.icon{
    font-size:45px;
    margin-bottom:20px;
}

.value-card h3{
    color:#0B1F3A;
    margin-bottom:15px;
    font-size:24px;
}

.value-card p{
    color:#666;
    line-height:2;
    font-size:15px;
}
.gallery{
    padding:100px 0;
    background:#fff;
}

.section-title{
    text-align:center;
    margin-bottom:60px;
}

.section-title span{
    color:#C8A24A;
    font-size:18px;
    font-weight:700;
}

.section-title h2{
    margin-top:15px;
    color:#0B1F3A;
    font-size:42px;
}

.gallery-grid{
    width:90%;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.gallery-item{
    overflow:hidden;
    border-radius:18px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.gallery-item img{
    width:100%;
    height:300px;
    object-fit:cover;
    transition:.5s;
    display:block;
}

.gallery-item:hover img{
    transform:scale(1.08);
}
.news{
    padding:100px 0;
    background:#F8FAFC;
}

.news-container{
    width:90%;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.news-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.news-card img{
    width:100%;
    height:240px;
    object-fit:cover;
}

.news-content{
    padding:25px;
}

.news-content h3{
    color:#0B1F3A;
    margin-bottom:15px;
}

.news-content p{
    color:#666;
    line-height:2;
}
.stats{
    background:url(images/stats-bg.jpg);
    background-size:cover;
    background-position:center;
}

.stats-overlay{
    background:rgba(11,31,58,.9);
    padding:100px 0;
}

.stats .container{
    width:90%;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    text-align:center;
}

.stat-item h2{
    color:#C8A24A;
    font-size:55px;
}

.stat-item p{
    color:#fff;
    margin-top:15px;
}
.manager{
    padding:120px 0;
    background:#fff;
}

.manager .container{
    width:90%;
    margin:auto;
    display:grid;
    grid-template-columns:350px 1fr;
    gap:60px;
    align-items:center;
}

.manager-image img{
    width:100%;
    border-radius:20px;
}

.manager-content span{
    color:#C8A24A;
    font-weight:700;
}

.manager-content h2{
    color:#0B1F3A;
    margin:20px 0;
    font-size:42px;
}

.manager-content p{
    color:#666;
    line-height:2.4;
}

.manager-content h4{
    margin-top:30px;
    color:#0B1F3A;
}
.contact{
    background:#F8FAFC;
    padding:100px 0;
}

.contact h2{
    text-align:center;
    color:#0B1F3A;
    margin-bottom:50px;
}

.contact-box{
    width:90%;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.contact-box div{
    background:#fff;
    padding:35px;
    border-radius:18px;
    text-align:center;
    box-shadow:0 10px 20px rgba(0,0,0,.05);
}

.contact-box h4{
    color:#C8A24A;
    margin-bottom:15px;
}
.footer{
    background:#071B35;
    color:#fff;
    margin-top:80px;
}

.footer-top{
    height:4px;
    background:#C8A24A;
}

.footer-container{
    width:90%;
    margin:auto;
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:50px;
    padding:70px 0;
}

.footer-logo{
    width:170px;
    margin-bottom:20px;
}

.company p{
    line-height:2.2;
    color:#cfd6df;
    margin-top:15px;
}

.footer-col h4{
    margin-bottom:25px;
    color:#C8A24A;
    font-size:20px;
}

.footer-col ul{
    list-style:none;
}

.footer-col ul li{
    margin-bottom:15px;
    color:#d9d9d9;
}

.footer-col a{
    color:#d9d9d9;
    text-decoration:none;
    transition:.3s;
}

.footer-col a:hover{
    color:#C8A24A;
    padding-right:6px;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    text-align:center;
    padding:25px;
    color:#cfd6df;
}

@media(max-width:992px){

.footer-container{
    grid-template-columns:1fr 1fr;
}

}

@media(max-width:768px){

.footer-container{
    grid-template-columns:1fr;
    text-align:center;
}

.footer-logo{
    margin:auto;
    display:block;
    margin-bottom:20px;
}

}
html{
  scroll-behavior:smooth;
}
section{
  scroll-margin-top:100px;
}


#home, #about, #values, #gallery, #news, #contact{
  scroll-margin-top:100px;
}
/* حالت اولیه */
.fade-up{
    opacity: 0;
    transform: translateY(70px);
    transition: all .8s ease;
}

/* وقتی وارد صفحه شد */
.fade-up.show{
    opacity: 1;
    transform: translateY(0);
}
@media (max-width:768px){

.container{
    width:95%;
}

header{
    height:70px;
}

.logo img{
    height:45px;
}

.menu{
    gap:18px;
}

.menu a{
    font-size:14px;
}

.hero{
    height:70vh;
}

.hero-content{
    width:60%;
}

.hero h1{
    font-size:34px;
}

.hero h2{
    font-size:22px;
}

.hero p{
    font-size:15px;
}

.about h2{
    font-size:28px;
}

.about p{
    font-size:15px;
}

.value-card{
    padding:20px;
}

.value-card h3{
    font-size:18px;
}

.value-card p{
    font-size:13px;
}

.gallery-item img{
    height:170px;
}

.news-card img{
    height:160px;
}

.footer{
    font-size:14px;
}

}
.about .container{
    display:flex;
}
.about .container{
    display:grid;
}
.container{
    width:90%;
}
body{
    min-width:1200px;
    overflow-x:auto;
}
.floating-buttons{

    position:fixed;

    left:25px;

    bottom:25px;

    display:flex;

    flex-direction:column;

    gap:15px;

    z-index:9999;

}

.floating-buttons a{

    width:58px;

    height:58px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    text-decoration:none;

    font-size:24px;

    box-shadow:0 10px 25px rgba(0,0,0,.25);

    transition:.3s;

}

.call-btn{

    background:#0B1F3A;

}

.whatsapp-btn{

    background:#25D366;

}

.floating-buttons a:hover{

    transform:translateY(-6px) scale(1.08);

}
.whatsapp-btn{

    animation:pulse 2s infinite;

}

@keyframes pulse{

0%{

box-shadow:0 0 0 0 rgba(37,211,102,.7);

}

70%{

box-shadow:0 0 0 18px rgba(37,211,102,0);

}

100%{

box-shadow:0 0 0 0 rgba(37,211,102,0);

}

}
.theme-btn{

    width:45px;
    height:45px;

    border:none;

    border-radius:50%;

    background:#0B1F3A;

    color:#fff;

    cursor:pointer;

    font-size:18px;

    transition:.3s;

}

.theme-btn:hover{

    background:#C8A24A;
    transform:rotate(180deg);

}
:root{

    --bg:#ffffff;
    --text:#0B1F3A;
    --card:#ffffff;
    --section:#F8FAFC;
    --gold:#C8A24A;
    --shadow:rgba(0,0,0,.08);

}
.dark{

    --bg:#0E1525;

    --text:#ffffff;

    --card:#182235;

    --section:#101827;

    --gold:#D4AF37;

    --shadow:rgba(255,255,255,.08);

}
body{

    background:var(--bg);

    color:var(--text);

    transition:.4s;

}
header{

    background:var(--card);

}
.about{

    background:var(--bg);

}
.values{

    background:var(--section);

}
.value-card{

    background:var(--card);

    box-shadow:0 10px 25px var(--shadow);

}
.news{

    background:var(--section);

}
.news-card{

    background:var(--card);

}
.footer{

    background:#071B35;
}