.elementor-512 .elementor-element.elementor-element-2da648c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-512 .elementor-element.elementor-element-2da648c:not(.elementor-motion-effects-element-type-background), .elementor-512 .elementor-element.elementor-element-2da648c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020304;}.elementor-512 .elementor-element.elementor-element-0b1ac09{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-512 .elementor-element.elementor-element-2fa36a1{text-align:center;}.elementor-512 .elementor-element.elementor-element-2fa36a1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-512 .elementor-element.elementor-element-9a56598{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-512 .elementor-element.elementor-element-7ad5504 img{width:79%;}.elementor-512 .elementor-element.elementor-element-3e03c6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-512 .elementor-element.elementor-element-23d7b04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-512 .elementor-element.elementor-element-23d7b04:not(.elementor-motion-effects-element-type-background), .elementor-512 .elementor-element.elementor-element-23d7b04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E1F22;}.elementor-512 .elementor-element.elementor-element-7dc203e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-512 .elementor-element.elementor-element-58acee0{--display:flex;}.elementor-512 .elementor-element.elementor-element-58acee0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-512 .elementor-element.elementor-element-2574920.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-512 .elementor-element.elementor-element-2574920.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-512 .elementor-element.elementor-element-2574920.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-512 .elementor-element.elementor-element-2574920 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-512 .elementor-element.elementor-element-2574920 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-512 .elementor-element.elementor-element-2574920 .elementor-image-box-description{color:#FFFFFF;}.elementor-512 .elementor-element.elementor-element-d0d4b55{--display:flex;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-512 .elementor-element.elementor-element-c5b3fe6 > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(215deg, #FFFFFF00 0%, #6EC1E400 100%);}.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;}.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--main .elementor-item:focus{color:#66A0B9;fill:#66A0B9;}.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#66A0B9;}.elementor-512 .elementor-element.elementor-element-c5b3fe6 .e--pointer-framed .elementor-item:before,
					.elementor-512 .elementor-element.elementor-element-c5b3fe6 .e--pointer-framed .elementor-item:after{border-color:#66A0B9;}.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-style:solid;border-radius:9px 9px 9px 9px;}.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--dropdown a:hover,
					.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--dropdown a:focus,
					.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-menu-toggle:hover,
					.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--dropdown a:hover,
					.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--dropdown a:focus,
					.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--dropdown a.highlighted{background-color:#D67221;}.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--dropdown a.elementor-item-active{color:#68B9E4;}.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--dropdown .elementor-item, .elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:9px;border-top-right-radius:9px;}.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:9px;border-bottom-left-radius:9px;}.elementor-512 .elementor-element.elementor-element-c5b3fe6 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;}.elementor-512 .elementor-element.elementor-element-0754042{--display:flex;}.elementor-512 .elementor-element.elementor-element-f1e5706{text-align:center;}.elementor-512 .elementor-element.elementor-element-f1e5706 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-512 .elementor-element.elementor-element-d649864{text-align:center;font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;color:#FFFFFF;}.elementor-512 .elementor-element.elementor-element-38a9063{text-align:center;font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;color:#FFFFFF;}@media(min-width:768px){.elementor-512 .elementor-element.elementor-element-58acee0{--width:33.401%;}}@media(max-width:767px){.elementor-512 .elementor-element.elementor-element-2fa36a1 .elementor-heading-title{font-size:28px;}.elementor-512 .elementor-element.elementor-element-2574920 .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for nav-menu, class: .elementor-element-c5b3fe6 */<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Quick Links</title>
  <style>
    body {
      margin: 0;
      padding: 40px;
      background: #0f172a;
      font-family: Arial, sans-serif;
    }

    h2 {
      color: #38bdf8;
      margin-bottom: 30px;
    }

    .quick-links {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    .link-box {
      flex: 1 1 180px;
      padding: 20px;
      border-radius: 14px;
      text-align: center;
      font-size: 18px;
      font-weight: bold;
      color: white;
      cursor: pointer;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .link-box:hover {
      transform: translateY(-6px);
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    }

    .bg1 { background: linear-gradient(135deg, #ff6ec4, #7873f5); }
    .bg2 { background: linear-gradient(135deg, #42e695, #3bb2b8); }
    .bg3 { background: linear-gradient(135deg, #f093fb, #f5576c); }
    .bg4 { background: linear-gradient(135deg, #5ee7df, #b490ca); }
    .bg5 { background: linear-gradient(135deg, #ff9a9e, #fad0c4); }
  </style>
</head>
<body>

  <h2>Quick Links</h2>

  <div class="quick-links">
    <div class="link-box bg1">🏠 Home</div>
    <div class="link-box bg2">📄 About</div>
    <div class="link-box bg3">🛠️ Services</div>
    <div class="link-box bg4">📞 Contact</div>
    <div class="link-box bg5">❓ Support</div>
  </div>

</body>
</html>/* End custom CSS */