.container {  margin: 50px; background: white; border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); overflow: hidden; }
        .header { background: linear-gradient(45deg, #ff6b6b, #4ecdc4); color: white; text-align: center; padding: 40px 20px; }
        .header h1 { font-size: 2.2em; margin-bottom: 10px; }
        .header p { font-size: 1.1em; opacity: 0.9; }
        .contact-section { padding: 40px 30px; }
        .section-title { text-align: center; font-size: 1.5em; color: #333; margin-bottom: 30px; position: relative; }
        .section-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background: #ff6b6b; border-radius: 2px; }
        .social-buttons { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 40px; }
        .social-btn { display: flex; align-items: center; justify-content: center; gap: 15px; padding: 20px; background: linear-gradient(45deg, #667eea, #764ba2); color: white; text-decoration: none; border-radius: 15px; font-size: 1.1em; font-weight: bold; transition: all 0.3s ease; box-shadow: 0 10px 25px rgba(102,126,234,0.3); }
        .social-btn:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(102,126,234,0.4); }
        .social-btn i { font-size: 1.5em; }
        .phones { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin-bottom: 30px; }
        .phone-item { background: #f8f9ff; padding: 20px; border-radius: 12px; text-align: center; border-right: 4px solid #4ecdc4; transition: all 0.3s; }
        .phone-item:hover { background: #e8f4f8; transform: scale(1.02); }
        .phone-item i { font-size: 2em; color: #4ecdc4; margin-bottom: 10px; }
        .address { background: linear-gradient(45deg, #ff9a9e, #fecfef); padding: 25px; border-radius: 15px; text-align: center; font-size: 1.1em; color: #333; line-height: 1.6; box-shadow: 0 8px 20px rgba(255,154,158,0.2); }
        @media (max-width: 480px) { .social-buttons { grid-template-columns: 1fr; } .phones { grid-template-columns: 1fr; } }
.social-btn[href*="eitaa.com"] {
background: linear-gradient(45deg, #00a651, #128c7e);
}

.social-btn[href*="rubika.ir"] {
background: linear-gradient(45deg, #f74337, #e53935);
}

.social-btn[href*="ble.ir"] {
background: linear-gradient(45deg, #00d4aa, #00b894);
}

.social-btn[href*="t.me"] {
background: linear-gradient(45deg, #0088cc, #229ED9);
}

.social-btn[href*="wa.me"] {
background: linear-gradient(45deg, #25D366, #128C7E);
}

.social-btn[href*="instagram.com"] {
background: linear-gradient(45deg, #E4405F, #F77737);
}
iframe {
border: 0px;
border-radius:10px;
}
@media (max-width:600px) {
.container {
margin: 30px;
}}

a {
text-decoration:none;
}