.ofblog-city{max-width:1180px;padding:36px 24px;margin:auto}.ofblog-city h2{margin:0 0 24px}.of-service-form{margin:36px 0;padding:28px;border:1px solid #d7e2de;border-radius:20px;background:#f2f7f4}.of-service-form form{display:grid;gap:16px}.of-service-form label{display:block;font-weight:600}.of-service-form input:not([type=checkbox]),.of-service-form textarea{display:block;width:100%;padding:12px;border:1px solid #8caaa5;border-radius:8px;background:#fff;margin-top:6px;color:#173c43}.of-service-form input[type=checkbox]{margin-right:8px}.of-service-form .of-form-consent{font-size:14px;line-height:1.7;font-weight:400}.of-service-form .of-form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.of-commercial-preview{border-radius:24px;padding:40px;background:#0e4f5a;color:#fff;aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:center;gap:20px}.of-commercial-preview strong{font-size:clamp(27px,3vw,40px);line-height:1.15}.of-commercial-preview>span:first-child{font-size:12px}.of-commercial-preview .ofblog-button{background:#fff;color:#0e4f5a!important;align-self:flex-start}.of-commercial section{margin-bottom:40px}.ofblog-search select{max-width:200px;padding:11px;border:1px solid #ccd9d6;border-radius:10px;color:#173c43;background:#fff}.ofblog :focus-visible{outline:3px solid #173c43;outline-offset:4px}.ofblog .ofblog-button:focus-visible{outline:3px solid #9f3510}@media(max-width:700px){.ofblog-city{text-align:center;padding:24px 18px}.of-service-form{padding:22px 18px;text-align:left}.of-commercial-preview{padding:28px;text-align:left}.ofblog-search{flex-wrap:wrap}.ofblog-search select{max-width:none;width:100%}.of-service-form .ofblog-button{width:100%}}