body{font-family:Arial,sans-serif;margin:0;padding:0}header{display:flex;align-items:center;justify-content:space-between;background-color:#6688f1;padding:10px;text-align:left;color:#fff}header h1{margin:0;padding:10px;font-family:Times New Roman,sans-serif;font-size:25px}nav{margin:0;padding:10px;font-family:Times New Roman,sans-serif;font-size:19px}nav ul{display:flex;list-style:none;margin:0;padding:0}nav ul li{margin-right:28px}nav ul li a{color:#000;text-decoration:none;padding:10px 15px;display:block}.right{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;padding-left:100px}.phone{margin-bottom:5px;color:#000}.cabinet{background-color:#fff;color:#369;padding:5px 10px;border-radius:4px;text-decoration:none;font-weight:700;transition:background-color .3s}.cabinet:hover{background-color:#f0f0f0}footer{width:100%}.footer{justify-content:space-between;align-items:center;background:#6688f1;display:flex;height:200px;margin:20px 0;padding:20px 0;box-sizing:border-box}.info{display:flex;flex-direction:column;color:#000}.social{display:flex;gap:10px;align-items:center}.social img{width:40px;height:40px;border-radius:8px;padding:5px}.icon{display:inline-block;position:relative;margin:10px}.name{position:absolute;bottom:-20px;transform:translate(-50%);color:#fff;padding:2px 5px;font-size:20px;opacity:0;transition:.3s}.icon:hover .name{opacity:1}.main-content{position:relative;width:100%;height:60vh;overflow:hidden}.main-content img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}section{padding:10px 20px}.uslugi h2{text-align:left;margin-bottom:20px;font-size:30px}.uslugi h2 a{text-decoration:none;color:#000}.uslugi p{text-indent:2em;line-height:1.6;margin-bottom:15px;color:#000;font-size:20px}.container{display:flex;justify-content:space-between;gap:30px;padding:20px}.tri{background:linear-gradient(#ece9e9,#80acd6);padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:350px;transition:transform .3s,box-shadow .3s}.tri:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.tri h3{margin-bottom:15px;font-size:25px;color:#000;align-items:center}.tri p{font-size:17px;color:#010101}.custom-line{border:none;height:1px;background-color:#000;width:100%}.rukovod h2{text-align:left;margin-bottom:20px;font-size:30px}.rukovod p{text-indent:2em;line-height:1.6;margin-bottom:15px;color:#000;font-size:20px}.great{margin:0 auto;padding:10px 20px;line-height:1.6;color:#000}.great h1{font-size:30px;margin-top:40px;color:#2c3e50}.great p{text-indent:2em;line-height:1.6;margin-bottom:15px;color:#000;font-size:20px}.great h2{font-size:20px;font-weight:400}.korobka{display:flex;flex-wrap:wrap;gap:20px}.item{display:flex;flex-direction:column;justify-content:space-between;width:300px;height:330px;border:1px solid gray;padding:10px;background-color:#e5e8e8;position:relative}.item img{width:100%;display:block}.item .hover-text{position:absolute;top:0;left:0;width:100%;height:65%;background:#000000b3;color:#fff;display:flex;align-items:center;opacity:0;transition:opacity .3s ease;font-size:18px;text-align:center;font-family:Times New Roman,sans-serif}.item:hover .hover-text{opacity:1}.item p{display:flex;flex-direction:column;align-items:center}.item h2{display:flex;flex-direction:column;align-items:center;margin-top:auto}.box{display:flex;flex-direction:column;align-items:center}.box h3{font-size:20px;color:#3a3939;text-decoration:none;font-weight:400;margin-bottom:30px;padding:8px}.box-content{width:80%;cursor:pointer;padding:10px;margin-bottom:25px;border:1px solid black;border-radius:3px;background-color:#ebeff1;transition:background-color .3s}.box-content:hover{background-color:#a0a9ba}.questions{font-weight:700;font-size:15px;height:40px}.otvet{display:none;font-size:15px;color:#000;padding:10px;background-color:#fff;border-radius:4px;line-height:1.5}.box-content:hover .otvet{display:block}.chat-bot{width:100%;max-width:500px;margin:0 auto;padding:20px}.creamer{border-radius:10px;box-shadow:0 0 20px #a6a4a41a;overflow:hidden;display:flex;flex-direction:column;height:70vh;border:2px solid #ccc}.chat-header{background-color:#c0c3c5;color:#000;padding:15px;text-align:center}.chat-header h3{margin:0;font-size:1.5rem}.chat-messages{flex:1;padding:20px;overflow-y:auto;background-color:#f9f9f9}.message{margin-bottom:15px;padding:10px 15px;border-radius:8px;max-width:80%;word-wrap:break-word}.user-message{background-color:#2981df;color:#fff;margin-left:auto;border-bottom-right-radius:0;border:2px solid #ccc}.bot-message{background-color:#e9ecef;color:#000;margin-right:auto;border-bottom-left-radius:0;border:2px solid #ccc}.chat-input{display:flex;padding:15px;background-color:#fff;border-top:1px solid #ddd}.chat-input input{flex:1;padding:10px;border:1px solid #ddd;border-radius:5px;outline:none}.chat-input button{margin-left:10px;padding:10px 20px;background-color:#06213c;color:#fff;border:none;border-radius:5px;cursor:pointer}.chat-input button:hover{background-color:#0056b3}*{box-sizing:border-box;padding:0;margin:0}html,.regb{height:100vh}.regb{width:100%;background:#efeeee;display:flex;align-items:center;justify-content:center;padding:20px}.form-title{text-align:center;font-size:24px;font-weight:700;margin-bottom:20px;color:#333;padding-bottom:10px;border-bottom:1px solid #eee}form{width:100%;max-width:400px;background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a}form>*{display:block;width:100%}label{font-weight:600;margin-bottom:5px;color:#333;font-size:14px}input{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;font-size:14px;transition:border .3s}input:focus{outline:none;border-color:#007bff}button{background:#007bff;color:#fff;border:none;padding:12px;border-radius:5px;font-size:16px;cursor:pointer;transition:background .3s;margin-top:10px}button:hover{background:#0056b3}a{display:block;text-align:center;margin-top:15px;color:#007bff;text-decoration:none}a:hover{text-decoration:underline}.error{color:#dc3545;font-size:12px;margin-bottom:10px}@media (max-width: 768px){header{flex-direction:column;padding:15px 10px;text-align:center;gap:15px}header h1{font-size:20px;padding:5px;order:1}.right{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;margin:10px 0;padding-left:0;width:100%;order:2}.phone{color:#fff;font-size:16px;margin:0;font-weight:700}.cabinet{background-color:#fff;color:#369;padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:700;font-size:14px;min-height:44px;display:flex;align-items:center}nav{padding:5px;order:3;width:100%}nav ul{flex-direction:column;width:100%}nav ul li{margin-right:0;margin-bottom:8px;width:100%}nav ul li a{padding:12px 15px;font-size:16px}.main-content{height:40vh}.container{flex-direction:column;padding:10px;gap:15px}.tri{max-width:100%;margin:0 auto 15px;padding:15px}.uslugi h2,.rukovod h2{font-size:22px;text-align:center}.uslugi p,.rukovod p,.great p{font-size:16px;text-align:justify}.great h1{font-size:24px;text-align:center}.korobka{justify-content:center}.item{width:100%;max-width:300px;margin:0 auto}.footer{flex-direction:column;height:auto;padding:20px;text-align:center;gap:20px}form{margin:10px;max-width:100%}.chat-bot{padding:10px}.creamer{height:60vh}.item .hover-text{position:relative;opacity:1;height:auto;background:#000c;padding:10px;margin-bottom:10px}}