.numered-list-title{text-align:center;padding-bottom:40px}.numered-list-item-1 .index-around{background:#55adcd}.numered-list-item-2 .index-around{background:#f6b219}.numered-list-item-3 .index-around{background:#e6d300}.numered-list-item-4 .index-around{background:#9fc54b}.numered-list-item-5 .index-around{background:#5faa5f}.numered-list-item-6 .index-around{background:#007e7e}.numered-list-item-7 .index-around{background:#0b5c71}#modules-menu,#numbered-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;list-style:none;padding:0;margin:0;gap:20px}#modules-menu li .index-around,#numbered-menu li .index-around{padding:5px;line-height:1;border-radius:100%;width:62px;height:62px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:2rem;color:#fff}.module-navigation{background-color:#1a2b38;width:100%;margin-top:80px!important;overflow:hidden;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;display:none;background-image:url(https://skycityroofing.com/wp-content/themes/skycity-Roofing/blocks/../assets/icons/icon-line.png);background-repeat:no-repeat;background-position:bottom;background-size:100%}.module-navigation.active{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;display:block}.module-navigation-content{max-width:1000px;margin:0 auto;color:#fff;padding:100px 0}.module-navigation-content .toggleButton{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-size:11px;margin-bottom:40px;cursor:pointer}.module-navigation-content .toggleButton .icon-close{width:13px;height:13px}.module-navigation-headline{font-size:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:40px;padding-bottom:20px;border-bottom:1px solid #fff}.module-navigation-headline .icon-arrow{width:40px;height:20px}.module-navigation-subHeadline{margin:30px 0 10px 0}.module-navigation #modules-menu{display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,auto);grid-template-columns:45% 45%;-webkit-column-gap:120px;-moz-column-gap:120px;column-gap:120px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.module-navigation #modules-menu li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;width:100%;padding:20px 0}.module-navigation #modules-menu li .icon-arrow{width:40px;height:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;background-position:right}.module-navigation #modules-menu li a{font-size:1.3rem;color:#fff;max-width:300px;line-height:1.2}