:root{--dark-blue:#091745;--yellow:#f8c006;--red:#dd2a29;--text-color:#fff}.autobog-header{background-color:var(--dark-blue);color:var(--text-color);font-family:Arial,sans-serif}.top-header{justify-content:space-between;padding:20px}.logo-section,.top-header{align-items:center;display:flex}.logo-section{flex-direction:column}.logo-section img{height:auto;max-width:120px}.logo-subtext{font-size:12px;margin-top:5px;text-align:center}.phone-block{align-items:center;color:#000;display:flex;flex-grow:1;font-size:20px;font-weight:700;height:100px;justify-content:center;padding:20px 40px;position:relative;z-index:1}.phone-block i{margin-right:10px}.phone-block:before{background-color:var(--yellow);content:"";height:100%;left:0;position:absolute;top:0;transform:skewX(-15deg);transform-origin:bottom left;width:100%;z-index:-1}.social-icons{align-items:center;display:flex;font-size:24px;gap:20px;padding:0 20px}.social-icons a{color:var(--text-color);transition:color .3s}.address-block{align-items:center;color:var(--text-color);display:flex;gap:15px;height:100px;justify-content:center;padding:0 20px;position:relative;text-align:left;z-index:1}.address-block img{height:auto;max-width:50px}.address-text{font-size:14px;line-height:1.4}.address-block:before{background-color:var(--red);content:"";height:100%;left:0;position:absolute;top:0;transform:skewX(-15deg);transform-origin:bottom left;width:100%;z-index:-1}.main-menu{background-color:var(--dark-blue);border-top:1px solid hsla(0,0%,100%,.1);padding:0 20px}.nav-menu{display:flex;justify-content:center;padding:0}.nav-menu-items{display:flex;list-style:none;margin:0;padding:0}.nav-menu-items li a{color:var(--text-color);display:block;font-size:14px;font-weight:700;padding:15px 20px;text-decoration:none;transition:background-color .3s}.nav-menu-items li a:hover{background-color:hsla(0,0%,100%,.1)}.nav-menu-items li a.active{background-color:hsla(0,0%,100%,.2)}