@charset "UTF-8";:root{--main-color:#06c;--hover-shadow:0 8px 16px rgba(0,0,0,0.15);--transition-speed:0.3s}.service-container{max-width:1200px;margin:0 auto;padding:20px;direction:rtl}.service-title{text-align:center;margin-bottom:40px;color:#333;font-size:2em;font-weight:bold}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.service-box{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,0.1);text-align:center;transition:all var(--transition-speed) ease;border:1px solid rgba(0,0,0,0.05)}.service-box:hover{transform:translateY(-8px);box-shadow:var(--hover-shadow);border-color:var(--main-color)}.icon-wrapper{width:100px;height:100px;margin:0 auto 20px;padding:15px;transition:transform var(--transition-speed) ease}.service-box:hover .icon-wrapper{transform:scale(1.1)}.service-icon{width:100%;height:100%;object-fit:contain;transition:filter var(--transition-speed) ease}.service-box:hover .service-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.service-box h3{color:#333;margin-bottom:15px;font-size:1.4em;transition:color var(--transition-speed) ease}.service-box:hover h3{color:var(--main-color)}.service-box p{color:#666;font-size:1em;line-height:1.8;transition:color var(--transition-speed) ease}.service-box:hover p{color:#444}@media screen and (max-width:1024px){.service-grid{grid-template-columns:repeat(2,1fr);gap:25px}.icon-wrapper{width:90px;height:90px}}@media screen and (max-width:768px){.service-grid{grid-template-columns:1fr;gap:30px}.service-box{max-width:450px;margin:0 auto;padding:30px}.icon-wrapper{width:110px;height:110px}.service-title{font-size:1.8em;margin-bottom:30px}}@media screen and (max-width:480px){.service-container{padding:15px}.service-box{padding:20px}.icon-wrapper{width:80px;height:80px}.service-title{font-size:1.5em}}