<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">


<head>
    <!--required meta tags-->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--twitter og-->
    <meta name="twitter:site" content="@themetags" />
    <meta name="twitter:creator" content="@themetags" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="" />
    <meta name="twitter:description" content="" />
    <meta name="twitter:image" content="#" />

    <!--facebook og-->
    <meta property="og:url" content="#" />
    <meta name="twitter:title" content="" />
    <meta property="og:description" content="." />
    <meta property="og:image" content="#" />
    <meta property="og:image:secure_url" content="#" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="600" />

    <!--meta-->
    <meta name="description" content="" />
    <meta name="author" content="ThemeTags" />

    <!--favicon icon-->
    <link rel="icon" href="assets/okweb/ok-logo.png" type="image/png" sizes="16x16" />

    <!--title--> 
    <title> Ok charity</title>

    <!--google fonts-->
    <link
        href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700&amp;family=Urbanist:wght@600;700&amp;display=swap"
        rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> 
    <!--build:css-->
    <!--<link rel="stylesheet" href="assets/css/main.css" />-->
     <link rel="stylesheet" href="assets/css/style.css" />
    <!-- endbuild -->
    
    <!--custom css-->
    <link rel="stylesheet" href="assets/css/custom.css" />
   
   <style>
    .navbar-dark .navbar-toggler-icon {
        background-image: url(assets/okweb/hamburger.png);
}
/*     @media screen (max-width:600px) {*/
/*  .navbar-nav .nav-item{*/
/*           margin-bottom:10px */
/*        }*/
/*}  */
     .incol{
       background-color: transparent;
    border: 1px solid;"
     }
    
   </style>
</head>

<body>


    <!--body overlay -->
    <div class="body-overlay"></div>

    <!--scrolltop button -->
    <button class="scrolltop-btn"><i class="fa-solid fa-angle-up"></i></button>

    <!--preloader start-->
    <!-- <div class="loader-wrap">
        <div class="preloader">
            <div id="handle-preloader" class="handle-preloader">
                <div class="animation-preloader">
                    <div class="spinner"></div>
                    <div class="txt-loading">
                        <span data-text-preloader="F" class="letters-loading">F</span>
                        <span data-text-preloader="A" class="letters-loading">A</span>
                        <span data-text-preloader="Z" class="letters-loading">Z</span>
                        <span data-text-preloader="E" class="letters-loading">E</span>
                        <span data-text-preloader="R" class="letters-loading">R</span>
                        <span data-text-preloader="H" class="letters-loading">H</span>
                        <span data-text-preloader="O" class="letters-loading">O</span>
                        <span data-text-preloader="S" class="letters-loading">S</span>
                        <span data-text-preloader="T" class="letters-loading">T</span>


                    </div>
                </div>
            </div>
        </div>
    </div> -->
    <!--preloader end-->
    <!--main content wrapper start-->
    <div class="main-wrapper">
        <!-- Header -->
        <!-- <header class="header-section header-gradient"> -->
            <!-- <div class="topbar">
                <div class="container">
                    <div class="row align-item-center">
                        <div class="col-md-6">
                            <div class="topbar-left position-relative z-3">
                                <p class="mb-0 hds-body-color-two">Get 50% Discount Offer <mark
                                        class="hds-body-color-two">26 Days</mark></p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="topbar-right text-end position-relative z-3">
                                <a href="login.html" class="hds-body-color-two">Login</a>
                                <a href="signup.html" class="hds-body-color-eight">Sign up</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
            <!-- <div class="header-nav">
                <div class="container-fluid p-0">
                    <div class=" "> -->
                        <!-- <div class="row  justify-content-center align-items-center pb-10 pt-10">
                            <div class=" col-1 col-md-2 ">
                                <div class="">
                                    <a href="index.php" class="logo-black"><img src="assets/okweb/ok-logo.png"
                                            alt="logo" class="logo"></a>
                                    <a href="index.php" class="logo-white"><img src="assets/okweb/ok-logo.png"
                                            alt="logo" class="logo"></a>
                                </div>
                            </div>
                            <div class=" col-4 col-md-5 ">   
                                   
                                    <div class="input-field">                                           
                                            <input type="text" class="form-control  navinp" name="name" id="name" placeholder="Search a Complaint" required="required">
                                        </div>  
                                </div>
                           
                            <div class=" col-6 col-md-4 ">
                                <div class="header-right d-flex align-items-center justify-content-end">
                                <a href="#" class=" mobbb btn hds-btn hds-bg-color-two hds-body-color-two d-inline-flex    align-items-center hds-hover-bg hds-hover-color hds-btn-bg-overlay  mr-10" style="color:white !important;"><i class="fa-solid fa-arrow-right"></i>&nbsp sign in
                                     <span></span></a>
                                <a href="#" style="color:white !important;" class=" mobbb btn hds-btn hds-bg-color-two hds-body-color-two d-inline-flex    align-items-center hds-hover-bg hds-hover-color hds-btn-bg-overlay ">File a complaint
                                     <span></span></a> 
                                </div>
                                </div>
                                </div>
                        </div> -->
                       
                    <!-- </div>
                </div>
            </div>
        </header> -->



        <!-- <header>
        <nav class="navbar navbar-expand-sm navbar-dark bg-white">
  <a class="navbar-brand" href="index.php"><img src="assets/okweb/ok-logo.png"
                                            alt="logo" class="logo"></a>
  <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="navbar-collapse collapse" id="navbarsExample03" style="">
    
    <form class="form-inline my-2 my-md-0">
      <input class="form-control" type="text" placeholder="Search">
    </form>


    <ul class="navbar-nav mr-auto">
      <li class="nav-item ">
      <a href="#" class=" nav-link mobbb btn hds-btn hds-bg-color-two hds-body-color-two d-inline-flex    align-items-center hds-hover-bg hds-hover-color hds-btn-bg-overlay  mr-10" style="color:white !important;"><i class="fa-solid fa-arrow-right"></i>&nbsp sign in
                                     <span></span></a>
      </li>
      <li class="nav-item">
      <a href="#"  style="color:white !important;" class=" nav-link mobbb btn hds-btn hds-bg-color-two hds-body-color-two d-inline-flex    align-items-center hds-hover-bg hds-hover-color hds-btn-bg-overlay ">File a complaint
            <span></span></a>  
      </li>
      
      
    </ul>
  </div>
</nav>
        </header> -->

   <header>
   <nav class="navbar navbar-expand-md navbar-dark bg-white px-2 shadow-sm p-3 mb-2 bg-white rounded">
    <a class="navbar-brand" href="index.php">
      <img src="assets/okweb/ok-logo.png" alt="logo" class="logo">
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon "></span>
    </button>
    <div class="collapse navbar-collapse " id="navbarNav">
      <ul class="navbar-nav mr-auto"> 
        <li class="nav-item">
          <form class="form-inline my-2 my-lg-0">
            <input class="form-control mr-sm-2" type="search" placeholder="Search a Complaint" aria-label="Search " style="width:300px; background-color: transparent;
    border: 1px solid;">
            <!-- <button class="btn btn-outline-light my-2 my-sm-0" type="submit">Search</button> -->
          </form>
        </li>
      </ul>
      <ul class="navbar-nav">
        <li class="nav-item margm my-3">
          <a href="#" class="tabbtn1 fs-18  mx-2 text-dark"> <i class="fa-solid fa-arrow-right"></i>&nbsp; Sign In</a> 
        </li>
        <li class="nav-item margm my-3">
          <a href="#" class="tabbtn2 fs-18  mx-2 text-dark ">File a complaint</a>
        </li>
      </ul>
    </div> 
  </nav>
   </header>



        <!-- Header -->

        <!--mobile menu start-->
        <div class="mobile-menu position-fixed bg-white deep-shadow">
            <button class="close-menu position-absolute"><i class="fa-solid fa-xmark"></i></button>
            <a href="index.html" class="logo-wrapper"><img src="assets/img/logo.png" alt="logo"
                    class="logo logo-black"></a>
            <a href="index.html" class="logo-wrapper"><img src="assets/img/logo-white.png" alt="logo"
                    class="logo logo-white"></a>
            <nav class="mobile-menu-wrapper mt-40">
                <ul>
                    <li class="has-submenu"><a href="javascript:void(0)">Home</a>
                        <ul>
                            <li><a href="index.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/Web-Hosting.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Web Hosting</h6>
                                            <span>Powerful bare metal server</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-2.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/hosting-service.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Hosting Services</h6>
                                            <span>Flexible virtual machine</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li><a href="index-3.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/game-hosting.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Game Server</h6>
                                            <span>Super fast game server</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-4.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/application-hosting.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Application Hosting</h6>
                                            <span>Flexible Application Hosting</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-5.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/hosting-solution.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Hosting Solution</h6>
                                            <span>Powerful Hosting Solutions</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-6.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/home-minimal.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Minimal Hosting<span class="badge bg-danger ms-3">New</span></h6>
                                            <span>Minimal Web Hosting</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-7.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/silder-demo.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Slider Home</h6>
                                            <span>Web Hosting Services</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-8.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/dedicated-server.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Dedicated Server<span class="badge bg-danger ms-3">New</span></h6>
                                            <span>Dedicated Server Hosting</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-9.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/hosting-provider.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Hosting Provider<span class="badge bg-danger ms-3">New</span></h6>
                                            <span>Web Hosting Provider</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-10.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/web-hosting-2.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Web Hosting<span class="badge bg-danger ms-3">New</span></h6>
                                            <span>Web Hosting Server</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-11.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/promotional-home.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Promotional Hosting</h6>
                                            <span>Web Hosting Server</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-12.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/black-friday.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Isometric Hosting</h6>
                                            <span>Web Hosting Server</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-13.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/data-center.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Data Server</h6>
                                            <span>Web Hosting Server</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-14.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/Web-Hosting.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Cloud Serverr</h6>
                                            <span>Hosting Cloud</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-15.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/hosting-service.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>VPS Server</h6>
                                            <span>Hosting VPS</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-16.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/game-hosting.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Secure Server</h6>
                                            <span>Secure Server</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-17.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/Web-Hosting.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Server Hosting</h6>
                                            <span>Server Hosting</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-18.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/silder-demo.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Fast & Secure</h6>
                                            <span>Fast & Secure</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-19.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/data-center.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Fast & Secure Two</h6>
                                            <span>Fast & Secure</span>
                                        </div>
                                    </div>
                                </a></li>
                            <li><a href="index-20.html">
                                    <div class="menu-list-wrapper d-flex align-items-center">
                                        <img src="assets/img/home_dropdown/application-hosting.png" alt="server"
                                            class="list-logo">
                                        <div class="menu-list-content-right ms-3">
                                            <h6>Web Hosting</h6>
                                            <span>Web Hosting</span>
                                        </div>
                                    </div>
                                </a></li>
                        </ul>
                    </li>
                    <li><a href="about.html">About</a></li>
                    <li><a href="domain.html">Domain</a></li>
                    <li class="has-submenu"><a href="javascript:void(0)">Hosting</a>
                        <ul>
                            <li><a href="shared-hosting.html">Shared Hosting</a></li>
                            <li><a href="wp-hosting.html">WordPress Hosting</a></li>
                            <li><a href="vps-hosting.html">VPS Hosting</a></li>
                            <li><a href="dedicated-server.html">Dedicated Server</a></li>
                            <li><a href="reseller-hosting.html">Reseller Hosting</a></li>
                            <li><a href="game-hosting.html">Game Hosting</a></li>
                            <li><a href="cloud-hosting.html">Cloud Hosting</a></li>
                            <li><a href="email-hosting.html">Email Hosting</a></li>
                            <li><a href="black-friday.html">Black Friday</a></li>
                        </ul>
                    </li>
                    <li class="has-submenu"><a href="javascript:void(0)">Pages</a>
                        <ul class="submenu-wrapper">
                            <li><a href="service.html">Services</a></li>
                            <li><a href="pricing.html">Pricing</a></li>
                            <li><a href="features.html">Features</a></li>
                            <li><a href="blog-grids.html">Blog Grid</a></li>
                            <li><a href="blog-list.html">Blog List</a></li>
                            <li><a href="blog-details.html">Blog Details</a></li>
                            <li><a href="contact.html">Contact</a></li>
                            <li><a href="terms.html">Terms & Conditions</a></li>
                            <li><a href="privacy.html">Privacy Policy</a></li>
                            <li><a href="pricing-2.html">Pricing V2</a></li>
                            <li><a href="affiliate.html">Affiliate</a></li>
                            <li><a href="status.html">Status</a></li>
                            <li><a href="404.html">404</a></li>
                            <li><a href="data-center.html">Data Center<span class="badge bg-danger ms-3">New</span></a>
                            </li>
                            <li><a href="compare-pricing.html">Compare<span class="badge bg-danger ms-3">New</span></a>
                            </li>
                            <li><a href="career.html">Career<span class="badge bg-danger ms-3">New</span></a></li>
                            <li><a href="career-details.html">Career Details<span
                                        class="badge bg-danger ms-3">New</span></a>
                            </li>
                        </ul>
                    </li>
                    <li><a href="login.html">Login</a></li>
                    <li><a href="signup.html">Signup</a></li>
                </ul>
            </nav>

            <div class="contact-info mt-60">
                <h4 class="mb-20">Contact Info</h4>
                <p>Chicago 12, Melborne City, USA</p>
                <p>+88 01682648101</p>
                <p>info@example.com</p>
                <div class="contact-social">
                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                    <a href="#"><i class="fab fa-twitter"></i></a>
                    <a href="#"><i class="fab fa-instagram"></i></a>
                    <a href="#"><i class="fab fa-linkedin"></i></a>
                </div>
            </div>
        </div>
        <!--mobile menu end-->

        <!--offcanvus area start-->
        <div class="ofcanvus-menu">
            <button class="close-canvus"><i class="fa-solid fa-xmark"></i></button>
            <div class="megamenu">
                <h6 class="mb-20">Recommended Services</h6>
                <div class="row g-3">
                    <div class="col-lg-6">
                        <a href="shared-hosting.html" class="mg-item">
                            <div class="mg-item-wrapper d-flex align-items-center">
                                <span class="icon-wrapper"><i class="fa-solid fa-server"></i></span>
                                <div class="mg-item-content-right ms-2">
                                    <h6 class="mb-0">Shared Web Hosting</h6>
                                    <span>Flexible virtual machines</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-6">
                        <a href="email-hosting.html" class="mg-item">
                            <div class="mg-item-wrapper d-flex align-items-center">
                                <span class="icon-wrapper"><i class="fa-solid fa-envelope"></i></span>
                                <div class="mg-item-content-right ms-2">
                                    <h6 class="mb-0">Email Hosting</h6>
                                    <span>Flexible virtual machines</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-6">
                        <a href="vps-hosting.html" class="mg-item">
                            <div class="mg-item-wrapper d-flex align-items-center">
                                <span class="icon-wrapper"><i class="fa-solid fa-box"></i></span>
                                <div class="mg-item-content-right ms-2">
                                    <h6 class="mb-0">VPS Hosting</h6>
                                    <span>Start your host business</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-6">
                        <a href="shared-hosting.html" class="mg-item">
                            <div class="mg-item-wrapper d-flex align-items-center">
                                <span class="icon-wrapper"><i class="fa-brands fa-windows"></i></span>
                                <div class="mg-item-content-right ms-2">
                                    <h6 class="mb-0">Windows Hosting</h6>
                                    <span>Powerful bare metal servers</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-6">
                        <a href="vps-hosting.html" class="mg-item">
                            <div class="mg-item-wrapper d-flex align-items-center">
                                <span class="icon-wrapper"><i class="fa-solid fa-cloud"></i></span>
                                <div class="mg-item-content-right ms-2">
                                    <h6 class="mb-0">Cloud Hosting</h6>
                                    <span>Powerful bare metal servers</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-6">
                        <a href="vps-hosting.html" class="mg-item">
                            <div class="mg-item-wrapper d-flex align-items-center">
                                <span class="icon-wrapper"><i class="fa-solid fa-database"></i></span>
                                <div class="mg-item-content-right ms-2">
                                    <h6 class="mb-0">Dedicated Server Hosting</h6>
                                    <span>Keep your date safe</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-6">
                        <a href="wp-hosting.html" class="mg-item">
                            <div class="mg-item-wrapper d-flex align-items-center">
                                <span class="icon-wrapper"><i class="fa-solid fa-globe"></i></span>
                                <div class="mg-item-content-right ms-2">
                                    <h6 class="mb-0">Web Hosting</h6>
                                    <span>Start hosting your website</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-6">
                        <a href="shared-hosting.html" class="mg-item">
                            <div class="mg-item-wrapper d-flex align-items-center">
                                <span class="icon-wrapper"><i class="fa-solid fa-box"></i></span>
                                <div class="mg-item-content-right ms-2">
                                    <h6 class="mb-0">Virtual Private Server</h6>
                                    <span>Flexible virtual machine</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-6">
                        <a href="vps-hosting.html" class="mg-item">
                            <div class="mg-item-wrapper d-flex align-items-center">
                                <span class="icon-wrapper"><i class="fa-solid fa-globe"></i></span>
                                <div class="mg-item-content-right ms-2">
                                    <h6 class="mb-0">Cloud Hosting</h6>
                                    <span>Powerful bare metal servers</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-6">
                        <a href="shared-hosting.html" class="mg-item">
                            <div class="mg-item-wrapper d-flex align-items-center">
                                <span class="icon-wrapper"><i class="fa-solid fa-shield"></i></span>
                                <div class="mg-item-content-right ms-2">
                                    <h6 class="mb-0">Data Security</h6>
                                    <span>Keep your data safe</span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <h6 class="mb-20 mt-50">Supported Scripts</h6>
                <div class="row g-3">
                    <div class="col-lg-3">
                        <a href="#">
                            <div class="script-icon">
                                <span class="script-icon-wrapper"><i class="fa-brands fa-wordpress"></i></span>
                                <h6>WordPress</h6>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3">
                        <a href="#">
                            <div class="script-icon">
                                <span class="script-icon-wrapper"><i class="fa-brands fa-hubspot"></i></span>
                                <h6>Hubspot</h6>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3">
                        <a href="#">
                            <div class="script-icon">
                                <span class="script-icon-wrapper"><i class="fa-brands fa-joomla"></i></span>
                                <h6>Joomla</h6>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3">
                        <a href="#">
                            <div class="script-icon">
                                <span class="script-icon-wrapper"><i class="fa-brands fa-drupal"></i></span>
                                <h6>Drupal</h6>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3">
                        <a href="#">
                            <div class="script-icon">
                                <span class="script-icon-wrapper"><i class="fa-brands fa-wix"></i></span>
                                <h6>Wix</h6>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3">
                        <a href="#">
                            <div class="script-icon">
                                <span class="script-icon-wrapper"><i class="fa-brands fa-shopify"></i></span>
                                <h6>Shopify</h6>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3">
                        <a href="#">
                            <div class="script-icon">
                                <span class="script-icon-wrapper"><i class="fa-brands fa-magento"></i></span>
                                <h6>Magento</h6>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3">
                        <a href="#">
                            <div class="script-icon">
                                <span class="script-icon-wrapper"><i class="fa-brands fa-typo3"></i></span>
                                <h6>Typeo3</h6>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

        </div>
        <!--offcanvus area end-->