It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://masyitatrans.com

  1. <!DOCTYPE html>
  2. <html dir="ltr" lang="en">
  3. <head>
  4.  <meta charset="UTF-8">
  5.  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.  <link rel="icon" type="image/x-icon" href="https://masyitatrans.com/website-settings/favicon-en-67ad2128bd207-12-02-2025-.png" />
  8.  <link rel="icon" type="image/png" href="https://masyitatrans.com/website-settings/favicon-en-67ad2128bd207-12-02-2025-.png" />
  9.    <title>Masyita Trans - Insights on Technology, Business &amp; Travel</title>
  10. <meta name="description" content="Stay updated with Masyita Trans: your trusted source for the latest in technology, business, and travel insights.">
  11. <meta name="keywords" content="Masyita Trans, Reliable Transportation Services, Latest Technology Updates, Modern Business Guides, Budget Travel Tips, Masyita Trans Blog">
  12. <meta name="robots" content="all,index,follow" />
  13. <meta name="googlebot" content="index, follow" />
  14. <meta name="googlebot-news" content="index, follow" />
  15. <meta property="og:site_name" content="Masyita Trans.com" />
  16. <link rel="canonical" href="https://masyitatrans.com" />
  17. <meta property="og:locale" content="en_US" />
  18. <link rel="alternate" hreflang="id" href="/locale/id" />
  19. <link rel="alternate" hreflang="en" href="/locale/en" />
  20. <meta property="og:type" content="website" />
  21. <meta property="og:title" content="Masyita Trans - Insights on Technology, Business &amp; Travel" />
  22. <meta property="og:description" content="Stay updated with Masyita Trans: your trusted source for the latest in technology, business, and travel insights." />
  23. <meta property="og:url" content="https://masyitatrans.com" />
  24. <meta property="og:image" content="https://masyitatrans.com/website-settings/logo-en-678f4028acdf9-21-01-2025-.png" />
  25. <meta property="og:image:width" content="800" />
  26. <meta property="og:image:height" content="800" />
  27. <meta name="twitter:card" content="summary" />
  28. <meta name="twitter:description" content="Stay updated with Masyita Trans: your trusted source for the latest in technology, business, and travel insights." />
  29. <meta name="twitter:title" content="Masyita Trans - Insights on Technology, Business &amp; Travel" />
  30. <meta name="twitter:image" content="https://masyitatrans.com/website-settings/logo-en-678f4028acdf9-21-01-2025-.png" />
  31. <script type="application/ld+json">
  32.  {
  33.    "@context": "https://schema.org"
  34.    , "@type": "WebSite"
  35.    , "name": "Masyita Trans - Insights on Technology, Business &amp; Travel"
  36.    , "url": ""
  37.    , "potentialAction": {
  38.      "@type": "SearchAction"
  39.      , "target": "/search/{search_term_string}"
  40.      , "query-input": "required name=search_term_string"
  41.    }
  42.  }
  43. </script>
  44. <script type="application/ld+json">
  45.  {
  46.    "@context": "https://schema.org"
  47.    , "@type": "Organization"
  48.    , "name": "Masyita Trans"
  49.    , "url": ""
  50.    , "logo": {
  51.      "@type": "ImageObject"
  52.      , "url": "https://masyitatrans.com/website-settings/logo-en-678f4028acdf9-21-01-2025-.png"
  53.    }
  54.  }
  55. </script>
  56.  <link rel="preload" as="image" href="https://res.cloudinary.com/drtscardd/image/upload/v1735036089/pattern3_ihdgvk.avif" />
  57. <link rel="preload" as="image" href="https://masyitatrans.com/article-image/article-679992e0ab5e3679992e0ab5e4-29-01-2025-.jpg" />
  58.    <link rel="preload" as="style" href="https://masyitatrans.com/build/assets/app-CSvHTHbc.css" /><link rel="stylesheet" href="https://masyitatrans.com/build/assets/app-CSvHTHbc.css" data-navigate-track="reload" />  <link rel="preload" as="style" href="https://masyitatrans.com/build/assets/flatpickr-CksuuEqD.css" /><link rel="preload" as="style" href="https://masyitatrans.com/build/assets/@yaireo-Bi8h0K9W.css" /><link rel="preload" as="style" href="https://masyitatrans.com/build/assets/apexcharts-D7C-5Ii-.css" /><link rel="preload" as="style" href="https://masyitatrans.com/build/assets/swiper-Ds_YmOBQ.css" /><link rel="preload" as="style" href="https://masyitatrans.com/build/assets/@fancyapps-ds4Gh1HN.css" /><link rel="preload" as="style" href="https://masyitatrans.com/build/assets/app-bST8zy7M.css" /><link rel="modulepreload" href="https://masyitatrans.com/build/assets/app-C4sIA3uN.js" /><link rel="modulepreload" href="https://masyitatrans.com/build/assets/axios-t--hEgTQ.js" /><link rel="modulepreload" href="https://masyitatrans.com/build/assets/preline-B3sKsAfu.js" /><link rel="modulepreload" href="https://masyitatrans.com/build/assets/flatpickr-GxH7uxF1.js" /><link rel="modulepreload" href="https://masyitatrans.com/build/assets/@yaireo-BKJkE2ua.js" /><link rel="modulepreload" href="https://masyitatrans.com/build/assets/lodash-Bc_Bz3Id.js" /><link rel="modulepreload" href="https://masyitatrans.com/build/assets/apexcharts-Ca-EIgVU.js" /><link rel="modulepreload" href="https://masyitatrans.com/build/assets/sweetalert2-B0Dix5B2.js" /><link rel="modulepreload" href="https://masyitatrans.com/build/assets/tom-select-CFqJZwW_.js" /><link rel="modulepreload" href="https://masyitatrans.com/build/assets/slim-select-BQ1i-5MK.js" /><link rel="modulepreload" href="https://masyitatrans.com/build/assets/swiper-DqcKpi7O.js" /><link rel="modulepreload" href="https://masyitatrans.com/build/assets/@fancyapps-CYgxqxvx.js" /><link rel="modulepreload" href="https://masyitatrans.com/build/assets/@floating-ui-B3OHjhX1.js" /><link rel="modulepreload" href="https://masyitatrans.com/build/assets/@orchidjs-BHPRxGz6.js" /><link rel="stylesheet" href="https://masyitatrans.com/build/assets/flatpickr-CksuuEqD.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://masyitatrans.com/build/assets/@yaireo-Bi8h0K9W.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://masyitatrans.com/build/assets/apexcharts-D7C-5Ii-.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://masyitatrans.com/build/assets/swiper-Ds_YmOBQ.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://masyitatrans.com/build/assets/@fancyapps-ds4Gh1HN.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://masyitatrans.com/build/assets/app-bST8zy7M.css" data-navigate-track="reload" /><script type="module" src="https://masyitatrans.com/build/assets/app-C4sIA3uN.js" data-navigate-track="reload"></script>    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3034648294439479"
  59.     crossorigin="anonymous"></script>
  60.    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}</style>
  61.  <script src="/livewire/livewire.min.js?id=fcf8c2ad"   data-csrf="GAUZpUKDD7Gq4AIPkd08xCBlFcONV8XOcemnVKOo" data-update-uri="/livewire/update" data-navigate-once="true"></script>
  62.  <script type="importmap">
  63.    {
  64.      "imports": {
  65.        "https://esm.sh/v135/prosemirror-model@1.19.3/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs",
  66.        "https://esm.sh/v135/prosemirror-model@1.21.0/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs",
  67.        "https://esm.sh/v135/prosemirror-model@1.22.1/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs",
  68.        "https://esm.sh/v135/prosemirror-model@1.23.0/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs",
  69.        "https://esm.sh/v135/prosemirror-model@1.24.0/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs",
  70.        "https://esm.sh/v135/prosemirror-model@1.24.1/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs"
  71.      }
  72.    }
  73.    </script>
  74.    <style>
  75.      :root {
  76.          --light-bg: #f3f4f6;
  77.          --dark-bg: #2c364e;
  78.      }
  79.  </style>
  80. </head>
  81. <body>
  82.  <div class="fixed h-screen inset-0 z-[9999] flex items-center justify-center bg-gray-900 transition-opacity duration-500" id="screen-loader">
  83.    <div class="relative w-[250px] aspect-square">
  84.      <!-- Logo -->
  85.      <div class="absolute inset-0 grid place-content-center p-[30%] z-[100]">
  86.        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94 94" class="w-full fill-current text-gray-500 animate-color-change">
  87.          <path d="M38.0481 4.82927C38.0481 2.16214 40.018 0 42.4481 0H51.2391C53.6692 0 55.6391 2.16214 55.6391 4.82927V40.1401C55.6391 48.8912 53.2343 55.6657 48.4248 60.4636C43.6153 65.2277 36.7304 67.6098 27.7701 67.6098C18.8099 67.6098 11.925 65.2953 7.11548 60.6663C2.37183 56.0036 3.8147e-06 49.2967 3.8147e-06 40.5456V4.82927C3.8147e-06 2.16213 1.96995 0 4.4 0H13.2405C15.6705 0 17.6405 2.16214 17.6405 4.82927V39.1265C17.6405 43.7892 18.4805 47.2018 20.1605 49.3642C21.8735 51.5267 24.4759 52.6079 27.9678 52.6079C31.4596 52.6079 34.0127 51.5436 35.6268 49.4149C37.241 47.2863 38.0481 43.8399 38.0481 39.0758V4.82927Z"></path>
  88.          <path d="M86.9 61.8682C86.9 64.5353 84.9301 66.6975 82.5 66.6975H73.6595C71.2295 66.6975 69.2595 64.5353 69.2595 61.8682V4.82927C69.2595 2.16214 71.2295 0 73.6595 0H82.5C84.9301 0 86.9 2.16214 86.9 4.82927V61.8682Z"></path>
  89.          <path d="M2.86102e-06 83.2195C2.86102e-06 80.5524 1.96995 78.3902 4.4 78.3902H83.6C86.0301 78.3902 88 80.5524 88 83.2195V89.1707C88 91.8379 86.0301 94 83.6 94H4.4C1.96995 94 0 91.8379 0 89.1707L2.86102e-06 83.2195Z"></path>
  90.        </svg>
  91.      </div>
  92.      <!-- Ripple Circles -->
  93.      <div class="absolute inset-[40%] z-[99] rounded-full border-t border-gray-700 bg-gradient-ripple animate-ripple"></div>
  94.      <div class="absolute inset-[30%] z-[98] rounded-full border-t border-gray-600 bg-gradient-ripple animate-ripple delay-[200ms]"></div>
  95.      <div class="absolute inset-[20%] z-[97] rounded-full border-t border-gray-500 bg-gradient-ripple animate-ripple delay-[400ms]"></div>
  96.      <div class="absolute inset-[10%] z-[96] rounded-full border-t border-gray-400 bg-gradient-ripple animate-ripple delay-[600ms]"></div>
  97.      <div class="absolute inset-0 z-[95] rounded-full border-t border-gray-300 bg-gradient-ripple animate-ripple delay-[800ms]"></div>
  98.    </div>
  99.  </div>
  100.  <!-- ========== HEADER ========== -->
  101.  <header class="sticky top-0 left-0 right-0 w-full z-50 transition-colors duration-300">
  102.  <div>
  103.    <div class="flex flex-wrap lg:justify-start lg:flex-nowrap w-full border-b border-gray-200 dark:border-gray-700 bg-[var(--light-bg)] dark:bg-[var(--dark-bg)]">
  104.      <nav class="relative max-w-[85rem] w-full mx-auto lg:flex lg:items-center lg:justify-between lg:gap-3 py-2 px-4 sm:px-6 lg:px-8">
  105.        <div class="flex justify-between items-center gap-x-1">
  106.          <a class="flex-none font-semibold text-xl text-black dark:text-white focus:outline-none focus:opacity-80 mx-auto lg:mx-0" href="https://masyitatrans.com" aria-label="Brand">
  107.            <img src="https://masyitatrans.com/website-settings/logo-en-678f4028acdf9-21-01-2025-.png" alt="Masyita Trans Logo" class="w-48 h-fit dark:brightness-0 dark:invert-[1]">
  108.          </a>
  109.          <button type="button" class="hs-collapse-toggle lg:hidden relative size-9 flex justify-center items-center font-medium text-[12px] rounded-lg text-gray-800 dark:text-gray-200 border border-gray-200 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none" id="hs-header-base-collapse" aria-expanded="false" aria-controls="hs-header-base" aria-label="Toggle navigation" data-hs-collapse="#hs-header-base">
  110.            <svg class="hs-collapse-open:hidden size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  111.              <line x1="3" x2="21" y1="6" y2="6" />
  112.              <line x1="3" x2="21" y1="12" y2="12" />
  113.              <line x1="3" x2="21" y1="18" y2="18" /></svg>
  114.            <svg class="hs-collapse-open:block shrink-0 hidden size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  115.              <path d="M18 6 6 18" />
  116.              <path d="m6 6 12 12" /></svg>
  117.            <span class="sr-only">Toggle navigation</span>
  118.          </button>
  119.        </div>
  120.        <div id="hs-header-base" class="hs-collapse hidden overflow-hidden transition-all duration-300 basis-full grow lg:block" aria-labelledby="hs-header-base-collapse">
  121.          <div class="overflow-hidden overflow-y-auto max-h-[75vh] [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 dark:[&::-webkit-scrollbar-track]:bg-gray-800 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-thumb]:bg-gray-600">
  122.            <div class="py-2 lg:py-0 flex flex-col lg:flex-row lg:items-center gap-0.5 lg:gap-1">
  123.              <div class="grow">
  124.                <div class="flex flex-col lg:flex-row lg:justify-end lg:items-center gap-0.5 lg:gap-1">
  125.                                                                        <a class="p-2 flex items-center text-sm text-gray-800 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors duration-500" href="https://masyitatrans.com" rel="nofollow">
  126.                    Home
  127.                  </a>
  128.                                                    </div>
  129.              </div>
  130.              <div class="my-2 lg:my-0 lg:mx-2">
  131.                <div class="w-full h-px lg:w-px lg:h-4 bg-gray-200 dark:bg-gray-700 lg:bg-gray-300 lg:dark:bg-gray-600"></div>
  132.              </div>
  133.              <div class="flex flex-wrap items-center gap-x-1.5">
  134.                <form class="flex flex-row relative items-center" action="https://masyitatrans.com/search" method="get">
  135.                  <input type="hidden" name="_token" value="GAUZpUKDD7Gq4AIPkd08xCBlFcONV8XOcemnVKOo" autocomplete="off">                  <svg class="w-5 h-5 absolute ml-3 text-gray-500 dark:text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
  136.                    <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
  137.                  </svg>
  138.                  <input type="text" name="query" id="small-input" class="block w-full p-2 pl-10 text-gray-900 dark:text-white rounded-lg text-xs bg-gray-50 dark:bg-gray-700 border border-gray-300 dark:border-gray-600 focus:ring-blue-500 focus:border-blue-500 dark:placeholder-gray-400 dark:focus:ring-blue-500 dark:focus:border-blue-500 transition-colors duration-500" placeholder="Search">
  139.                </form>
  140.                <div class="my-2 lg:my-0 lg:mx-2">
  141.                  <div class="w-full h-px lg:w-px lg:h-4 bg-gray-200 dark:bg-gray-700 lg:bg-gray-300 lg:dark:bg-gray-600"></div>
  142.                </div>
  143.                <a href="/contact-us" class="py-2 px-2.5 inline-flex items-center font-medium text-sm rounded-lg text-white disabled:opacity-50 disabled:pointer-events-none hover:opacity-90 transition-opacity duration-500" style="background-color: #213065">
  144.                  Contact Us                </a>
  145.                <div class="my-2 lg:my-0 lg:mx-2">
  146.                  <div class="w-full h-px lg:w-px lg:h-4 bg-gray-200 dark:bg-gray-700 lg:bg-gray-300 lg:dark:bg-gray-600"></div>
  147.                </div>
  148.                <button type="button" class="cursor-pointer hs-dark-mode-active:hidden block hs-dark-mode font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-hidden focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-theme-click-value="dark">
  149.                  <span class="group inline-flex shrink-0 justify-center items-center size-9">
  150.                    <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  151.                      <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path>
  152.                    </svg>
  153.                  </span>
  154.                </button>
  155.                <button type="button" class="cursor-pointer hs-dark-mode-active:block hidden hs-dark-mode font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-hidden focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-theme-click-value="light">
  156.                  <span class="group inline-flex shrink-0 justify-center items-center size-9">
  157.                    <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  158.                      <circle cx="12" cy="12" r="4"></circle>
  159.                      <path d="M12 2v2"></path>
  160.                      <path d="M12 20v2"></path>
  161.                      <path d="m4.93 4.93 1.41 1.41"></path>
  162.                      <path d="m17.66 17.66 1.41 1.41"></path>
  163.                      <path d="M2 12h2"></path>
  164.                      <path d="M20 12h2"></path>
  165.                      <path d="m6.34 17.66-1.41 1.41"></path>
  166.                      <path d="m19.07 4.93-1.41 1.41"></path>
  167.                    </svg>
  168.                  </span>
  169.                </button>
  170.                <div class="my-2 lg:my-0 lg:mx-2">
  171.                  <div class="w-full h-px lg:w-px lg:h-4 bg-gray-200 dark:bg-gray-700 lg:bg-gray-300 lg:dark:bg-gray-600"></div>
  172.                </div>
  173.                                <a href="https://masyitatrans.com/locale/id" class="p-1 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-500">
  174.                  <img class="h-6" src="https://res.cloudinary.com/drtscardd/image/upload/v1744259377/id-flag_hggjm8.png" alt="flag-id">
  175.                </a>
  176.                              </div>
  177.            </div>
  178.          </div>
  179.        </div>
  180.      </nav>
  181.    </div>
  182.    <nav class="w-full" style="background: linear-gradient(to right, #213065, #213065, #d22b27);">
  183.      <div class="max-w-[85rem] w-full mx-auto sm:flex sm:flex-row sm:justify-between sm:items-center sm:gap-x-3 py-3 px-4 sm:px-6 lg:px-8">
  184.        <div class="flex justify-between items-center gap-x-3">
  185.          <div class="grow">
  186.            <span class="font-semibold whitespace-nowrap text-gray-50 hidden lg:block">Menu</span>
  187.          </div>
  188.          <button type="button" class="hs-collapse-toggle sm:hidden py-1.5 px-2 inline-flex items-center font-medium text-xs rounded-md border border-gray-200 bg-white text-gray-800 shadow-inner hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-100" data-hs-collapse="#hs-nav-secondary" aria-controls="hs-nav-secondary" aria-label="Toggle navigation">
  189.            Menu
  190.            <svg class="hs-dropdown-open:rotate-180 shrink-0 size-4 ms-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  191.              <path d="m6 9 6 6 6-6" /></svg>
  192.          </button>
  193.        </div>
  194.        <div id="hs-nav-secondary" class="hs-collapse hidden overflow-x-auto no-scrollbar transition-all duration-300 basis-full grow sm:block">
  195.          <div class="py-2 sm:py-0 flex flex-col sm:flex-row w-fit sm:justify-end gap-y-2 sm:gap-y-0 sm:gap-x-3">
  196.                        <a href="https://masyitatrans.com/en/category/automotive" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap lg:ml-4" >Automotive</a>
  197.                        <a href="https://masyitatrans.com/en/category/education" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap " >Education</a>
  198.                        <a href="https://masyitatrans.com/en/category/finance" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap " >Finance</a>
  199.                        <a href="https://masyitatrans.com/en/category/health" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap " >Health</a>
  200.                        <a href="https://masyitatrans.com/en/category/insurance" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap " >Insurance</a>
  201.                        <a href="https://masyitatrans.com/en/category/technology" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap " >Technology</a>
  202.                      </div>
  203.        </div>
  204.      </div>
  205.    </nav>
  206.  </div>
  207. </header>
  208.  <!-- ========== END HEADER ========== -->
  209.    <!-- Content -->
  210.  <main class="bg-[var(--light-bg)] dark:bg-[var(--dark-bg)]">
  211.    <div class="grid grid-cols-12 gap-5 w-full px-2 md:px-5 lg:px-[5rem] py-5">
  212.  <div class="col-span-12 lg:col-span-8">
  213.                                <div wire:snapshot="{&quot;data&quot;:{&quot;dataWidget&quot;:[[],{&quot;key&quot;:3,&quot;class&quot;:&quot;App\\Models\\Widget&quot;,&quot;s&quot;:&quot;elmdl&quot;}],&quot;dataArticles&quot;:[[],{&quot;keys&quot;:[null,null,null,null],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Article&quot;,&quot;relations&quot;:[&quot;Categories&quot;],&quot;s&quot;:&quot;elcl&quot;}],&quot;randomBackgroundImage&quot;:&quot;https:\/\/res.cloudinary.com\/drtscardd\/image\/upload\/v1735036089\/pattern3_ihdgvk.avif&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;EYHpeUpF1vfsugcr5xx6&quot;,&quot;name&quot;:&quot;landing.style.swiper-one&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;d2b8ed72d9038945d2275ce8f4bd5e6702e426c2c9901a2bf74fddd80f8c7dec&quot;}" wire:effects="[]" wire:id="EYHpeUpF1vfsugcr5xx6" class="my-5">
  214.    <div class="w-full relative rounded-md p-2 space-y-3 my-5" style="background-image: url('https://res.cloudinary.com/drtscardd/image/upload/v1735036089/pattern3_ihdgvk.avif'); background-size: cover; background-position: center;">
  215.    <div class="flex flex-row justify-between">
  216.      <h2 type="button" class="py-2 px-4 inline-flex items-center gap-x-2 text-lg font-medium rounded-full border border-transparent opacity-90 bg-blue-600 text-white hover:bg-blue-700 focus:outline-hidden focus:bg-blue-700 focus:outline-hidden focus:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none">
  217.        For You Page 🔥
  218.      </h2>
  219.      <div class="flex z-30 items-center space-x-2">
  220.        <button id="slider-button-left" class="swiper-one-prev cursor-pointer group !p-0 flex justify-center items-center border-4 border-solid border-gray-600 transition-all duration-500 rounded-full bg-gray-50 hover:bg-gary-600 shadow-2xl" data-carousel-prev>
  221.          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left-icon lucide-circle-chevron-left">
  222.            <circle cx="12" cy="12" r="10" />
  223.            <path d="m14 16-4-4 4-4" /></svg>
  224.        </button>
  225.        <button id="slider-button-right" class="swiper-one-next cursor-pointer group !p-0 flex justify-center items-center border-4 border-solid border-gray-600 transition-all duration-500 rounded-full bg-gray-50 hover:bg-gary-600 shadow-2xl" data-carousel-next>
  226.          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-right-icon lucide-circle-chevron-right">
  227.            <circle cx="12" cy="12" r="10" />
  228.            <path d="m10 8 4 4-4 4" /></svg>
  229.        </button>
  230.      </div>
  231.    </div>
  232.    <div class="swiper-one relative group overflow-hidden w-full">
  233.      <div class="swiper-wrapper">
  234.                <div class="swiper-slide">
  235.          <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl  rounded-md w-full relative">
  236.            <a href="https://masyitatrans.com/en/article/the-rise-of-car-subscription-services-a-new-way-to-drive" title="The Rise of Car Subscription Services: A New Way to Drive">
  237.              <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-lg overflow-hidden">
  238.                <img class="w-full h-full object-cover transition-transform duration-300 hover:scale-105" src="https://masyitatrans.com/article-image/article-679992e0ab5e3679992e0ab5e4-29-01-2025-.jpg" alt="The Rise of Car Subscription Services: A New Way to Drive" loading="lazy" width="640" height="360" />
  239.              </div>
  240.            </a>
  241.            <div class="flex-auto p-4">
  242.                            <a href="https://masyitatrans.com/en/category/automotive" title="Automotive" class="focus:outline-none text-[12px] text-gray-100 dark:text-gray-800 rounded font-medium py-1 px-2" style="background-color:
  243.                        
  244.                        #FF5733
  245.                    ">Automotive</a>
  246.                            <a href="https://masyitatrans.com/en/article/the-rise-of-car-subscription-services-a-new-way-to-drive" title="The Rise of Car Subscription Services: A New Way to Drive" class="my-3 text-[20px] font-medium tracking-tight text-gray-800 dark:text-white line-clamp-3">
  247.                The Rise of Car Subscription Services: A New Way to Drive
  248.              </a>
  249.            </div>
  250.          </div>
  251.        </div>
  252.                <div class="swiper-slide">
  253.          <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl  rounded-md w-full relative">
  254.            <a href="https://masyitatrans.com/en/article/inside-b-and-d-automotive" title="Inside B and D Automotive">
  255.              <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-lg overflow-hidden">
  256.                <img class="w-full h-full object-cover transition-transform duration-300 hover:scale-105" src="https://masyitatrans.com/article-image/article-68699d4144e1b-05-07-2025.png" alt="Inside B and D Automotive" loading="lazy" width="640" height="360" />
  257.              </div>
  258.            </a>
  259.            <div class="flex-auto p-4">
  260.                            <a href="https://masyitatrans.com/en/category/automotive" title="Automotive" class="focus:outline-none text-[12px] text-gray-100 dark:text-gray-800 rounded font-medium py-1 px-2" style="background-color:
  261.                        
  262.                        #FF5733
  263.                    ">Automotive</a>
  264.                            <a href="https://masyitatrans.com/en/article/inside-b-and-d-automotive" title="Inside B and D Automotive" class="my-3 text-[20px] font-medium tracking-tight text-gray-800 dark:text-white line-clamp-3">
  265.                Inside B and D Automotive
  266.              </a>
  267.            </div>
  268.          </div>
  269.        </div>
  270.                <div class="swiper-slide">
  271.          <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl  rounded-md w-full relative">
  272.            <a href="https://masyitatrans.com/en/article/top-5-foods-for-muscle-recovery-after-your-workout" title="Top 5 Foods for Muscle Recovery After Your Workout">
  273.              <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-lg overflow-hidden">
  274.                <img class="w-full h-full object-cover transition-transform duration-300 hover:scale-105" src="https://masyitatrans.com/article-image/article-6799c9357ebaf-29-01-2025.jpg" alt="Top 5 Foods for Muscle Recovery After Your Workout" loading="lazy" width="640" height="360" />
  275.              </div>
  276.            </a>
  277.            <div class="flex-auto p-4">
  278.                            <a href="https://masyitatrans.com/en/category/health" title="Health" class="focus:outline-none text-[12px] text-gray-100 dark:text-gray-800 rounded font-medium py-1 px-2" style="background-color:
  279.                        
  280.                        #FF6F61
  281.                    ">Health</a>
  282.                            <a href="https://masyitatrans.com/en/article/top-5-foods-for-muscle-recovery-after-your-workout" title="Top 5 Foods for Muscle Recovery After Your Workout" class="my-3 text-[20px] font-medium tracking-tight text-gray-800 dark:text-white line-clamp-3">
  283.                Top 5 Foods for Muscle Recovery After Your Workout
  284.              </a>
  285.            </div>
  286.          </div>
  287.        </div>
  288.                <div class="swiper-slide">
  289.          <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl  rounded-md w-full relative">
  290.            <a href="https://masyitatrans.com/en/article/education-and-environmental-sustainability-a-crucial-connection" title="Education and Environmental Sustainability: A Crucial Connection">
  291.              <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-lg overflow-hidden">
  292.                <img class="w-full h-full object-cover transition-transform duration-300 hover:scale-105" src="https://masyitatrans.com/article-image/article-6799a62d34871-29-01-2025.jpg" alt="Education and Environmental Sustainability: A Crucial Connection" loading="lazy" width="640" height="360" />
  293.              </div>
  294.            </a>
  295.            <div class="flex-auto p-4">
  296.                            <a href="https://masyitatrans.com/en/category/education" title="Education" class="focus:outline-none text-[12px] text-gray-100 dark:text-gray-800 rounded font-medium py-1 px-2" style="background-color:
  297.                        
  298.                        #3A86FF
  299.                    ">Education</a>
  300.                            <a href="https://masyitatrans.com/en/article/education-and-environmental-sustainability-a-crucial-connection" title="Education and Environmental Sustainability: A Crucial Connection" class="my-3 text-[20px] font-medium tracking-tight text-gray-800 dark:text-white line-clamp-3">
  301.                Education and Environmental Sustainability: A Crucial Connection
  302.              </a>
  303.            </div>
  304.          </div>
  305.        </div>
  306.              </div>
  307.    </div>
  308.  </div>
  309.  </div>
  310.                            <div wire:snapshot="{&quot;data&quot;:{&quot;dataWidget&quot;:[[],{&quot;key&quot;:21,&quot;class&quot;:&quot;App\\Models\\Widget&quot;,&quot;s&quot;:&quot;elmdl&quot;}],&quot;dataArticles&quot;:[[],{&quot;keys&quot;:[null,null,null,null,null,null],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Article&quot;,&quot;relations&quot;:[&quot;Categories&quot;,&quot;Author&quot;],&quot;s&quot;:&quot;elcl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;PDuZgRef5DxwXMc4HalB&quot;,&quot;name&quot;:&quot;landing.style.index-one&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;b8b665cd9a312ab3c9f55419055c9eb0ef11d44f328a1d8067c70b9234009db1&quot;}" wire:effects="[]" wire:id="PDuZgRef5DxwXMc4HalB" class="grid grid-cols-12 gap-4 mb-4">
  311.  <!-- Widget Title -->
  312.  <h2 class="col-span-6 text-start text-xl font-semibold text-gray-800 dark:text-white">
  313.    Automotive
  314.  </h2>
  315.  <a
  316.    href="https://masyitatrans.com/en/article"
  317.    class="col-span-6 text-end text-gray-800 dark:text-white font-medium hover:text-cyan-500 duration-500"
  318.  >
  319.    View All  </a>
  320.  
  321.  <!-- Articles -->
  322.    <div class="col-span-12 md:col-span-4 lg:col-span-4">
  323.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-lg shadow-md overflow-hidden">
  324.      <!-- Image -->
  325.      <a href="https://masyitatrans.com/en/article/smart-tires-how-theyre-changing-vehicle-safety-and-efficiency" title="Smart Tires: How They&#039;re Changing Vehicle Safety and Efficiency">
  326.        <div class="aspect-w-4 aspect-h-3 bg-gray-200">
  327.          <img
  328.            class="w-full h-full object-cover rounded-t-lg"
  329.            src="https://masyitatrans.com/article-image/article-67987273b9ceb-28-01-2025.jpg"
  330.            alt="Smart Tires: How They&#039;re Changing Vehicle Safety and Efficiency"
  331.            loading="lazy"
  332.            width="400"
  333.            height="300"
  334.          />
  335.        </div>
  336.      </a>
  337.  
  338.      <!-- Content -->
  339.      <div class="p-4">
  340.        <!-- Category -->
  341.                <a
  342.          href="https://masyitatrans.com/en/category/automotive"
  343.          class="text-xs font-medium text-white rounded px-2 py-1 mb-2 inline-block"
  344.          style="background-color:
  345.                        
  346.                        #FF5733
  347.                    "
  348.        >
  349.          Automotive
  350.        </a>
  351.        
  352.        <!-- Date -->
  353.        <p class="text-xs text-gray-500 dark:text-gray-400 mb-3">
  354.          February 5, 2025
  355.        </p>
  356.  
  357.        <!-- Title -->
  358.        <a
  359.          href="https://masyitatrans.com/en/article/smart-tires-how-theyre-changing-vehicle-safety-and-efficiency"
  360.          class="block text-lg font-semibold text-gray-800 dark:text-white hover:underline line-clamp-2"
  361.        >
  362.          Smart Tires: How They&#039;re Changing Vehicle Safety and Efficiency
  363.        </a>
  364.  
  365.        <!-- Meta Description -->
  366.        <p class="text-sm text-gray-500 dark:text-gray-400 mt-2 line-clamp-3">
  367.          Discover how smart tires are enhancing vehicle safety, improving fuel efficiency, and revolutionizing automotive tech.
  368.        </p>
  369.  
  370.        <!-- Divider -->
  371.        <div class="border-b border-dashed border-gray-300 dark:border-gray-600 my-4"></div>
  372.  
  373.        <!-- Footer -->
  374.        <div class="flex justify-between items-center">
  375.          <!-- Author Info -->
  376.          <div class="flex items-center">
  377.            <div class="w-8 h-8 rounded-full overflow-hidden">
  378.              <img
  379.                class="w-full h-full object-cover"
  380.                src="https://masyitatrans.com/avatar/avatar-67973c5a839b267973c5a839b5-27-01-2025-.jpg"
  381.                alt="Luis Nashiruddin"
  382.                loading="lazy"
  383.                width="32"
  384.                height="32"
  385.              />
  386.            </div>
  387.            <div class="ml-2">
  388.              <p class="text-sm font-medium text-gray-800 dark:text-white">
  389.                Luis Nashiruddin
  390.              </p>
  391.              <p class="text-xs text-gray-500 dark:text-gray-400">
  392.                <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9ff7fef1fbfee6fef1f6b1ebf6edfedfe6fef7f0f0b1fcf0f2">[email&#160;protected]</a>
  393.              </p>
  394.            </div>
  395.          </div>
  396.  
  397.          <!-- Read More -->
  398.          <a
  399.            href="https://masyitatrans.com/en/article/smart-tires-how-theyre-changing-vehicle-safety-and-efficiency"
  400.            class="text-sm font-semibold text-cyan-500 hover:text-cyan-400"
  401.          >
  402.            Read More <i class="fas fa-arrow-right-long"></i>
  403.          </a>
  404.        </div>
  405.      </div>
  406.    </div>
  407.  </div>
  408.    <div class="col-span-12 md:col-span-4 lg:col-span-4">
  409.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-lg shadow-md overflow-hidden">
  410.      <!-- Image -->
  411.      <a href="https://masyitatrans.com/en/article/the-impact-of-automotive-manufacturing-on-global-carbon-emissions" title="The Impact of Automotive Manufacturing on Global Carbon Emissions">
  412.        <div class="aspect-w-4 aspect-h-3 bg-gray-200">
  413.          <img
  414.            class="w-full h-full object-cover rounded-t-lg"
  415.            src="https://masyitatrans.com/article-image/article-679872752824f-28-01-2025.jpg"
  416.            alt="The Impact of Automotive Manufacturing on Global Carbon Emissions"
  417.            loading="lazy"
  418.            width="400"
  419.            height="300"
  420.          />
  421.        </div>
  422.      </a>
  423.  
  424.      <!-- Content -->
  425.      <div class="p-4">
  426.        <!-- Category -->
  427.                <a
  428.          href="https://masyitatrans.com/en/category/automotive"
  429.          class="text-xs font-medium text-white rounded px-2 py-1 mb-2 inline-block"
  430.          style="background-color:
  431.                        
  432.                        #FF5733
  433.                    "
  434.        >
  435.          Automotive
  436.        </a>
  437.        
  438.        <!-- Date -->
  439.        <p class="text-xs text-gray-500 dark:text-gray-400 mb-3">
  440.          February 7, 2025
  441.        </p>
  442.  
  443.        <!-- Title -->
  444.        <a
  445.          href="https://masyitatrans.com/en/article/the-impact-of-automotive-manufacturing-on-global-carbon-emissions"
  446.          class="block text-lg font-semibold text-gray-800 dark:text-white hover:underline line-clamp-2"
  447.        >
  448.          The Impact of Automotive Manufacturing on Global Carbon Emissions
  449.        </a>
  450.  
  451.        <!-- Meta Description -->
  452.        <p class="text-sm text-gray-500 dark:text-gray-400 mt-2 line-clamp-3">
  453.          Discover how automotive manufacturing affects global carbon emissions and what the industry is doing to reduce its impact.
  454.        </p>
  455.  
  456.        <!-- Divider -->
  457.        <div class="border-b border-dashed border-gray-300 dark:border-gray-600 my-4"></div>
  458.  
  459.        <!-- Footer -->
  460.        <div class="flex justify-between items-center">
  461.          <!-- Author Info -->
  462.          <div class="flex items-center">
  463.            <div class="w-8 h-8 rounded-full overflow-hidden">
  464.              <img
  465.                class="w-full h-full object-cover"
  466.                src="https://masyitatrans.com/avatar/avatar-67973c5a839b267973c5a839b5-27-01-2025-.jpg"
  467.                alt="Luis Nashiruddin"
  468.                loading="lazy"
  469.                width="32"
  470.                height="32"
  471.              />
  472.            </div>
  473.            <div class="ml-2">
  474.              <p class="text-sm font-medium text-gray-800 dark:text-white">
  475.                Luis Nashiruddin
  476.              </p>
  477.              <p class="text-xs text-gray-500 dark:text-gray-400">
  478.                <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c4aca5aaa0a5bda5aaadeab0adb6a584bda5acababeaa7aba9">[email&#160;protected]</a>
  479.              </p>
  480.            </div>
  481.          </div>
  482.  
  483.          <!-- Read More -->
  484.          <a
  485.            href="https://masyitatrans.com/en/article/the-impact-of-automotive-manufacturing-on-global-carbon-emissions"
  486.            class="text-sm font-semibold text-cyan-500 hover:text-cyan-400"
  487.          >
  488.            Read More <i class="fas fa-arrow-right-long"></i>
  489.          </a>
  490.        </div>
  491.      </div>
  492.    </div>
  493.  </div>
  494.    <div class="col-span-12 md:col-span-4 lg:col-span-4">
  495.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-lg shadow-md overflow-hidden">
  496.      <!-- Image -->
  497.      <a href="https://masyitatrans.com/en/article/airport-automotive-services-guide" title="Airport Automotive Services Guide">
  498.        <div class="aspect-w-4 aspect-h-3 bg-gray-200">
  499.          <img
  500.            class="w-full h-full object-cover rounded-t-lg"
  501.            src="https://masyitatrans.com/article-image/article-68699d50bc97d-05-07-2025.png"
  502.            alt="Airport Automotive Services Guide"
  503.            loading="lazy"
  504.            width="400"
  505.            height="300"
  506.          />
  507.        </div>
  508.      </a>
  509.  
  510.      <!-- Content -->
  511.      <div class="p-4">
  512.        <!-- Category -->
  513.                <a
  514.          href="https://masyitatrans.com/en/category/automotive"
  515.          class="text-xs font-medium text-white rounded px-2 py-1 mb-2 inline-block"
  516.          style="background-color:
  517.                        
  518.                        #FF5733
  519.                    "
  520.        >
  521.          Automotive
  522.        </a>
  523.        
  524.        <!-- Date -->
  525.        <p class="text-xs text-gray-500 dark:text-gray-400 mb-3">
  526.          July 6, 2025
  527.        </p>
  528.  
  529.        <!-- Title -->
  530.        <a
  531.          href="https://masyitatrans.com/en/article/airport-automotive-services-guide"
  532.          class="block text-lg font-semibold text-gray-800 dark:text-white hover:underline line-clamp-2"
  533.        >
  534.          Airport Automotive Services Guide
  535.        </a>
  536.  
  537.        <!-- Meta Description -->
  538.        <p class="text-sm text-gray-500 dark:text-gray-400 mt-2 line-clamp-3">
  539.          Elevate your travel! Discover seamless airport car care services that save time, reduce stress, and keep your vehicle pristine upon return.
  540.        </p>
  541.  
  542.        <!-- Divider -->
  543.        <div class="border-b border-dashed border-gray-300 dark:border-gray-600 my-4"></div>
  544.  
  545.        <!-- Footer -->
  546.        <div class="flex justify-between items-center">
  547.          <!-- Author Info -->
  548.          <div class="flex items-center">
  549.            <div class="w-8 h-8 rounded-full overflow-hidden">
  550.              <img
  551.                class="w-full h-full object-cover"
  552.                src="https://masyitatrans.com/avatar/avatar-67973c5a839b267973c5a839b5-27-01-2025-.jpg"
  553.                alt="Luis Nashiruddin"
  554.                loading="lazy"
  555.                width="32"
  556.                height="32"
  557.              />
  558.            </div>
  559.            <div class="ml-2">
  560.              <p class="text-sm font-medium text-gray-800 dark:text-white">
  561.                Luis Nashiruddin
  562.              </p>
  563.              <p class="text-xs text-gray-500 dark:text-gray-400">
  564.                <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0d656c63696c746c63642379647f6c4d746c656262236e6260">[email&#160;protected]</a>
  565.              </p>
  566.            </div>
  567.          </div>
  568.  
  569.          <!-- Read More -->
  570.          <a
  571.            href="https://masyitatrans.com/en/article/airport-automotive-services-guide"
  572.            class="text-sm font-semibold text-cyan-500 hover:text-cyan-400"
  573.          >
  574.            Read More <i class="fas fa-arrow-right-long"></i>
  575.          </a>
  576.        </div>
  577.      </div>
  578.    </div>
  579.  </div>
  580.    <div class="col-span-12 md:col-span-4 lg:col-span-4">
  581.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-lg shadow-md overflow-hidden">
  582.      <!-- Image -->
  583.      <a href="https://masyitatrans.com/en/article/do-you-need-an-automotive-electrician" title="Do You Need an Automotive Electrician">
  584.        <div class="aspect-w-4 aspect-h-3 bg-gray-200">
  585.          <img
  586.            class="w-full h-full object-cover rounded-t-lg"
  587.            src="https://masyitatrans.com/article-image/article-68699d4c38a2b-05-07-2025.png"
  588.            alt="Do You Need an Automotive Electrician"
  589.            loading="lazy"
  590.            width="400"
  591.            height="300"
  592.          />
  593.        </div>
  594.      </a>
  595.  
  596.      <!-- Content -->
  597.      <div class="p-4">
  598.        <!-- Category -->
  599.                <a
  600.          href="https://masyitatrans.com/en/category/automotive"
  601.          class="text-xs font-medium text-white rounded px-2 py-1 mb-2 inline-block"
  602.          style="background-color:
  603.                        
  604.                        #FF5733
  605.                    "
  606.        >
  607.          Automotive
  608.        </a>
  609.        
  610.        <!-- Date -->
  611.        <p class="text-xs text-gray-500 dark:text-gray-400 mb-3">
  612.          July 7, 2025
  613.        </p>
  614.  
  615.        <!-- Title -->
  616.        <a
  617.          href="https://masyitatrans.com/en/article/do-you-need-an-automotive-electrician"
  618.          class="block text-lg font-semibold text-gray-800 dark:text-white hover:underline line-clamp-2"
  619.        >
  620.          Do You Need an Automotive Electrician
  621.        </a>
  622.  
  623.        <!-- Meta Description -->
  624.        <p class="text-sm text-gray-500 dark:text-gray-400 mt-2 line-clamp-3">
  625.          Unravel your car&#039;s electrical mysteries! Discover common symptoms &amp; when to call a specialized automotive electrician for help.
  626.        </p>
  627.  
  628.        <!-- Divider -->
  629.        <div class="border-b border-dashed border-gray-300 dark:border-gray-600 my-4"></div>
  630.  
  631.        <!-- Footer -->
  632.        <div class="flex justify-between items-center">
  633.          <!-- Author Info -->
  634.          <div class="flex items-center">
  635.            <div class="w-8 h-8 rounded-full overflow-hidden">
  636.              <img
  637.                class="w-full h-full object-cover"
  638.                src="https://masyitatrans.com/avatar/avatar-67973c5a839b267973c5a839b5-27-01-2025-.jpg"
  639.                alt="Luis Nashiruddin"
  640.                loading="lazy"
  641.                width="32"
  642.                height="32"
  643.              />
  644.            </div>
  645.            <div class="ml-2">
  646.              <p class="text-sm font-medium text-gray-800 dark:text-white">
  647.                Luis Nashiruddin
  648.              </p>
  649.              <p class="text-xs text-gray-500 dark:text-gray-400">
  650.                <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="690108070d0810080700471d001b08291008010606470a0604">[email&#160;protected]</a>
  651.              </p>
  652.            </div>
  653.          </div>
  654.  
  655.          <!-- Read More -->
  656.          <a
  657.            href="https://masyitatrans.com/en/article/do-you-need-an-automotive-electrician"
  658.            class="text-sm font-semibold text-cyan-500 hover:text-cyan-400"
  659.          >
  660.            Read More <i class="fas fa-arrow-right-long"></i>
  661.          </a>
  662.        </div>
  663.      </div>
  664.    </div>
  665.  </div>
  666.    <div class="col-span-12 md:col-span-4 lg:col-span-4">
  667.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-lg shadow-md overflow-hidden">
  668.      <!-- Image -->
  669.      <a href="https://masyitatrans.com/en/article/the-role-of-artificial-intelligence-in-modern-automotive-design" title="The Role of Artificial Intelligence in Modern Automotive Design">
  670.        <div class="aspect-w-4 aspect-h-3 bg-gray-200">
  671.          <img
  672.            class="w-full h-full object-cover rounded-t-lg"
  673.            src="https://masyitatrans.com/article-image/article-67987107337f2-28-01-2025.jpg"
  674.            alt="The Role of Artificial Intelligence in Modern Automotive Design"
  675.            loading="lazy"
  676.            width="400"
  677.            height="300"
  678.          />
  679.        </div>
  680.      </a>
  681.  
  682.      <!-- Content -->
  683.      <div class="p-4">
  684.        <!-- Category -->
  685.                <a
  686.          href="https://masyitatrans.com/en/category/automotive"
  687.          class="text-xs font-medium text-white rounded px-2 py-1 mb-2 inline-block"
  688.          style="background-color:
  689.                        
  690.                        #FF5733
  691.                    "
  692.        >
  693.          Automotive
  694.        </a>
  695.        
  696.        <!-- Date -->
  697.        <p class="text-xs text-gray-500 dark:text-gray-400 mb-3">
  698.          January 30, 2025
  699.        </p>
  700.  
  701.        <!-- Title -->
  702.        <a
  703.          href="https://masyitatrans.com/en/article/the-role-of-artificial-intelligence-in-modern-automotive-design"
  704.          class="block text-lg font-semibold text-gray-800 dark:text-white hover:underline line-clamp-2"
  705.        >
  706.          The Role of Artificial Intelligence in Modern Automotive Design
  707.        </a>
  708.  
  709.        <!-- Meta Description -->
  710.        <p class="text-sm text-gray-500 dark:text-gray-400 mt-2 line-clamp-3">
  711.          Learn how AI is revolutionizing car design, enhancing performance, and shaping the future of automotive innovation.
  712.        </p>
  713.  
  714.        <!-- Divider -->
  715.        <div class="border-b border-dashed border-gray-300 dark:border-gray-600 my-4"></div>
  716.  
  717.        <!-- Footer -->
  718.        <div class="flex justify-between items-center">
  719.          <!-- Author Info -->
  720.          <div class="flex items-center">
  721.            <div class="w-8 h-8 rounded-full overflow-hidden">
  722.              <img
  723.                class="w-full h-full object-cover"
  724.                src="https://masyitatrans.com/avatar/avatar-67973c5a839b267973c5a839b5-27-01-2025-.jpg"
  725.                alt="Luis Nashiruddin"
  726.                loading="lazy"
  727.                width="32"
  728.                height="32"
  729.              />
  730.            </div>
  731.            <div class="ml-2">
  732.              <p class="text-sm font-medium text-gray-800 dark:text-white">
  733.                Luis Nashiruddin
  734.              </p>
  735.              <p class="text-xs text-gray-500 dark:text-gray-400">
  736.                <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5139303f353028303f387f25382330112830393e3e7f323e3c">[email&#160;protected]</a>
  737.              </p>
  738.            </div>
  739.          </div>
  740.  
  741.          <!-- Read More -->
  742.          <a
  743.            href="https://masyitatrans.com/en/article/the-role-of-artificial-intelligence-in-modern-automotive-design"
  744.            class="text-sm font-semibold text-cyan-500 hover:text-cyan-400"
  745.          >
  746.            Read More <i class="fas fa-arrow-right-long"></i>
  747.          </a>
  748.        </div>
  749.      </div>
  750.    </div>
  751.  </div>
  752.    <div class="col-span-12 md:col-span-4 lg:col-span-4">
  753.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-lg shadow-md overflow-hidden">
  754.      <!-- Image -->
  755.      <a href="https://masyitatrans.com/en/article/how-to-keep-your-cars-paint-looking-new" title="How to Keep Your Car’s Paint Looking New">
  756.        <div class="aspect-w-4 aspect-h-3 bg-gray-200">
  757.          <img
  758.            class="w-full h-full object-cover rounded-t-lg"
  759.            src="https://masyitatrans.com/article-image/article-679974377a48e679974377a490-29-01-2025-.jpg"
  760.            alt="How to Keep Your Car’s Paint Looking New"
  761.            loading="lazy"
  762.            width="400"
  763.            height="300"
  764.          />
  765.        </div>
  766.      </a>
  767.  
  768.      <!-- Content -->
  769.      <div class="p-4">
  770.        <!-- Category -->
  771.                <a
  772.          href="https://masyitatrans.com/en/category/automotive"
  773.          class="text-xs font-medium text-white rounded px-2 py-1 mb-2 inline-block"
  774.          style="background-color:
  775.                        
  776.                        #FF5733
  777.                    "
  778.        >
  779.          Automotive
  780.        </a>
  781.        
  782.        <!-- Date -->
  783.        <p class="text-xs text-gray-500 dark:text-gray-400 mb-3">
  784.          February 23, 2025
  785.        </p>
  786.  
  787.        <!-- Title -->
  788.        <a
  789.          href="https://masyitatrans.com/en/article/how-to-keep-your-cars-paint-looking-new"
  790.          class="block text-lg font-semibold text-gray-800 dark:text-white hover:underline line-clamp-2"
  791.        >
  792.          How to Keep Your Car’s Paint Looking New
  793.        </a>
  794.  
  795.        <!-- Meta Description -->
  796.        <p class="text-sm text-gray-500 dark:text-gray-400 mt-2 line-clamp-3">
  797.          Learn the best methods to maintain your car’s paint and keep it looking brand new for longer.
  798.        </p>
  799.  
  800.        <!-- Divider -->
  801.        <div class="border-b border-dashed border-gray-300 dark:border-gray-600 my-4"></div>
  802.  
  803.        <!-- Footer -->
  804.        <div class="flex justify-between items-center">
  805.          <!-- Author Info -->
  806.          <div class="flex items-center">
  807.            <div class="w-8 h-8 rounded-full overflow-hidden">
  808.              <img
  809.                class="w-full h-full object-cover"
  810.                src="https://masyitatrans.com/avatar/avatar-67973c5a839b267973c5a839b5-27-01-2025-.jpg"
  811.                alt="Luis Nashiruddin"
  812.                loading="lazy"
  813.                width="32"
  814.                height="32"
  815.              />
  816.            </div>
  817.            <div class="ml-2">
  818.              <p class="text-sm font-medium text-gray-800 dark:text-white">
  819.                Luis Nashiruddin
  820.              </p>
  821.              <p class="text-xs text-gray-500 dark:text-gray-400">
  822.                <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9ff7fef1fbfee6fef1f6b1ebf6edfedfe6fef7f0f0b1fcf0f2">[email&#160;protected]</a>
  823.              </p>
  824.            </div>
  825.          </div>
  826.  
  827.          <!-- Read More -->
  828.          <a
  829.            href="https://masyitatrans.com/en/article/how-to-keep-your-cars-paint-looking-new"
  830.            class="text-sm font-semibold text-cyan-500 hover:text-cyan-400"
  831.          >
  832.            Read More <i class="fas fa-arrow-right-long"></i>
  833.          </a>
  834.        </div>
  835.      </div>
  836.    </div>
  837.  </div>
  838.  </div>                                                    <div wire:snapshot="{&quot;data&quot;:{&quot;dataWidget&quot;:[[],{&quot;key&quot;:22,&quot;class&quot;:&quot;App\\Models\\Widget&quot;,&quot;s&quot;:&quot;elmdl&quot;}],&quot;dataArticles&quot;:[[],{&quot;keys&quot;:[null,null,null,null,null,null,null],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Article&quot;,&quot;relations&quot;:[&quot;Categories&quot;,&quot;Author&quot;],&quot;s&quot;:&quot;elcl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;PlV84PVszPaV6z2grBjw&quot;,&quot;name&quot;:&quot;landing.style.index-two&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;b487cc03c14be1c42310d22b8a01aa9e53f6374a7c369d5e8cf40e652dfc6fb4&quot;}" wire:effects="[]" wire:id="PlV84PVszPaV6z2grBjw" class="col-span-12 ">
  839.  <!-- Widget Title -->
  840.  <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4">
  841.    <div class="flex justify-between items-center">
  842.      <h2 class="text-xl font-semibold text-gray-800 dark:text-slate-200">
  843.        Education
  844.      </h2>
  845.      <a href="https://masyitatrans.com/en/article" class="font-medium text-gray-800 dark:text-slate-200 hover:text-cyan-500 duration-500" title="Education">
  846.        View All      </a>
  847.    </div>
  848.  </div>
  849.  <!-- Articles -->
  850.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4">
  851.    <div class="grid grid-cols-12 gap-4 items-center">
  852.      <!-- Article Image -->
  853.      <div class="col-span-12 sm:col-span-6 md:col-span-4">
  854.        <a href="https://masyitatrans.com/en/article/school-leaderships-role-in-academic-achievement" title="School Leadership&#039;s Role in Academic Achievement">
  855.          <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden">
  856.            <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://masyitatrans.com/article-image/article-6799a1c77d03c6799a1c77d03d-29-01-2025-.jpg" alt="School Leadership&#039;s Role in Academic Achievement" loading="lazy" width="640" height="360" />
  857.          </div>
  858.        </a>
  859.      </div>
  860.      <!-- Article Content -->
  861.      <div class="col-span-12 sm:col-span-6 md:col-span-8">
  862.        <div class="h-full flex flex-col">
  863.          <!-- Category and Date -->
  864.          <div class="mb-3">
  865.                        <a href="https://masyitatrans.com/en/category/education" class="inline-block text-xs font-medium text-white rounded px-2 py-1" style="background-color:
  866.                        
  867.                        #3A86FF
  868.                    " title="Education">
  869.              Education
  870.            </a>
  871.                        <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2">
  872.              April 11, 2025
  873.            </span>
  874.          </div>
  875.          <!-- Title -->
  876.          <a href="https://masyitatrans.com/en/article/school-leaderships-role-in-academic-achievement" class="text-lg font-semibold text-gray-800 dark:text-slate-200 line-clamp-2 hover:underline" title="School Leadership&#039;s Role in Academic Achievement">
  877.            School Leadership&#039;s Role in Academic Achievement
  878.          </a>
  879.          <!-- Description -->
  880.          <p class="mt-2 mb-4 text-sm text-gray-500 dark:text-gray-400 line-clamp-2">
  881.            Uncover the crucial role school leadership plays in driving academic success and improving educational outcomes.
  882.          </p>
  883.          <!-- Author and Read More -->
  884.          <div class="flex justify-between mt-auto">
  885.            <!-- Author Info -->
  886.            <div class="flex items-center">
  887.              <div class="w-8 h-8 rounded-full overflow-hidden">
  888.                <img class="w-full h-full object-cover" src="https://masyitatrans.com/avatar/avatar-67973c5a839b267973c5a839b5-27-01-2025-.jpg" alt="Luis Nashiruddin" loading="lazy" width="32" height="32" />
  889.              </div>
  890.              <div class="ml-2">
  891.                <p class="text-sm font-medium text-gray-800 dark:text-slate-200">
  892.                  Luis Nashiruddin
  893.                </p>
  894.                <p class="text-xs font-medium text-gray-500 dark:text-gray-400">
  895.                  <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="284049464c4951494641065c415a49685149404747064b4745">[email&#160;protected]</a>
  896.                </p>
  897.              </div>
  898.            </div>
  899.            <!-- Read More -->
  900.            <a href="https://masyitatrans.com/en/article/school-leaderships-role-in-academic-achievement" class="text-sm font-medium text-cyan-500 hover:underline" title="School Leadership&#039;s Role in Academic Achievement">
  901.              Read More              <i data-lucide="arrow-right" class="inline-block ml-1 h-4 w-4"></i>
  902.            </a>
  903.          </div>
  904.        </div>
  905.      </div>
  906.    </div>
  907.  </div>
  908.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4">
  909.    <div class="grid grid-cols-12 gap-4 items-center">
  910.      <!-- Article Image -->
  911.      <div class="col-span-12 sm:col-span-6 md:col-span-4">
  912.        <a href="https://masyitatrans.com/en/article/lifelong-learning-key-to-career-advancement" title="Lifelong Learning: Key to Career Advancement">
  913.          <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden">
  914.            <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://masyitatrans.com/article-image/article-6799a6e3ea5f96799a6e3ea5fb-29-01-2025-.jpg" alt="Lifelong Learning: Key to Career Advancement" loading="lazy" width="640" height="360" />
  915.          </div>
  916.        </a>
  917.      </div>
  918.      <!-- Article Content -->
  919.      <div class="col-span-12 sm:col-span-6 md:col-span-8">
  920.        <div class="h-full flex flex-col">
  921.          <!-- Category and Date -->
  922.          <div class="mb-3">
  923.                        <a href="https://masyitatrans.com/en/category/education" class="inline-block text-xs font-medium text-white rounded px-2 py-1" style="background-color:
  924.                        
  925.                        #3A86FF
  926.                    " title="Education">
  927.              Education
  928.            </a>
  929.                        <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2">
  930.              April 24, 2025
  931.            </span>
  932.          </div>
  933.          <!-- Title -->
  934.          <a href="https://masyitatrans.com/en/article/lifelong-learning-key-to-career-advancement" class="text-lg font-semibold text-gray-800 dark:text-slate-200 line-clamp-2 hover:underline" title="Lifelong Learning: Key to Career Advancement">
  935.            Lifelong Learning: Key to Career Advancement
  936.          </a>
  937.          <!-- Description -->
  938.          <p class="mt-2 mb-4 text-sm text-gray-500 dark:text-gray-400 line-clamp-2">
  939.            Learn why lifelong learning is crucial for career advancement and how to stay ahead in your field.
  940.          </p>
  941.          <!-- Author and Read More -->
  942.          <div class="flex justify-between mt-auto">
  943.            <!-- Author Info -->
  944.            <div class="flex items-center">
  945.              <div class="w-8 h-8 rounded-full overflow-hidden">
  946.                <img class="w-full h-full object-cover" src="https://masyitatrans.com/avatar/avatar-67973c5a839b267973c5a839b5-27-01-2025-.jpg" alt="Luis Nashiruddin" loading="lazy" width="32" height="32" />
  947.              </div>
  948.              <div class="ml-2">
  949.                <p class="text-sm font-medium text-gray-800 dark:text-slate-200">
  950.                  Luis Nashiruddin
  951.                </p>
  952.                <p class="text-xs font-medium text-gray-500 dark:text-gray-400">
  953.                  <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="dcb4bdb2b8bda5bdb2b5f2a8b5aebd9ca5bdb4b3b3f2bfb3b1">[email&#160;protected]</a>
  954.                </p>
  955.              </div>
  956.            </div>
  957.            <!-- Read More -->
  958.            <a href="https://masyitatrans.com/en/article/lifelong-learning-key-to-career-advancement" class="text-sm font-medium text-cyan-500 hover:underline" title="Lifelong Learning: Key to Career Advancement">
  959.              Read More              <i data-lucide="arrow-right" class="inline-block ml-1 h-4 w-4"></i>
  960.            </a>
  961.          </div>
  962.        </div>
  963.      </div>
  964.    </div>
  965.  </div>
  966.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4">
  967.    <div class="grid grid-cols-12 gap-4 items-center">
  968.      <!-- Article Image -->
  969.      <div class="col-span-12 sm:col-span-6 md:col-span-4">
  970.        <a href="https://masyitatrans.com/en/article/how-emotional-intelligence-shapes-student-success" title="How Emotional Intelligence Shapes Student Success">
  971.          <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden">
  972.            <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://masyitatrans.com/article-image/article-67999d57dc15b67999d57dc15c-29-01-2025-.jpg" alt="How Emotional Intelligence Shapes Student Success" loading="lazy" width="640" height="360" />
  973.          </div>
  974.        </a>
  975.      </div>
  976.      <!-- Article Content -->
  977.      <div class="col-span-12 sm:col-span-6 md:col-span-8">
  978.        <div class="h-full flex flex-col">
  979.          <!-- Category and Date -->
  980.          <div class="mb-3">
  981.                        <a href="https://masyitatrans.com/en/category/education" class="inline-block text-xs font-medium text-white rounded px-2 py-1" style="background-color:
  982.                        
  983.                        #3A86FF
  984.                    " title="Education">
  985.              Education
  986.            </a>
  987.                        <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2">
  988.              March 20, 2025
  989.            </span>
  990.          </div>
  991.          <!-- Title -->
  992.          <a href="https://masyitatrans.com/en/article/how-emotional-intelligence-shapes-student-success" class="text-lg font-semibold text-gray-800 dark:text-slate-200 line-clamp-2 hover:underline" title="How Emotional Intelligence Shapes Student Success">
  993.            How Emotional Intelligence Shapes Student Success
  994.          </a>
  995.          <!-- Description -->
  996.          <p class="mt-2 mb-4 text-sm text-gray-500 dark:text-gray-400 line-clamp-2">
  997.            Uncover how emotional intelligence boosts academic performance and personal development in students.
  998.          </p>
  999.          <!-- Author and Read More -->
  1000.          <div class="flex justify-between mt-auto">
  1001.            <!-- Author Info -->
  1002.            <div class="flex items-center">
  1003.              <div class="w-8 h-8 rounded-full overflow-hidden">
  1004.                <img class="w-full h-full object-cover" src="https://masyitatrans.com/avatar/avatar-67973c5a839b267973c5a839b5-27-01-2025-.jpg" alt="Luis Nashiruddin" loading="lazy" width="32" height="32" />
  1005.              </div>
  1006.              <div class="ml-2">
  1007.                <p class="text-sm font-medium text-gray-800 dark:text-slate-200">
  1008.                  Luis Nashiruddin
  1009.                </p>
  1010.                <p class="text-xs font-medium text-gray-500 dark:text-gray-400">
  1011.                  <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e58d848b81849c848b8ccb918c9784a59c848d8a8acb868a88">[email&#160;protected]</a>
  1012.                </p>
  1013.              </div>
  1014.            </div>
  1015.            <!-- Read More -->
  1016.            <a href="https://masyitatrans.com/en/article/how-emotional-intelligence-shapes-student-success" class="text-sm font-medium text-cyan-500 hover:underline" title="How Emotional Intelligence Shapes Student Success">
  1017.              Read More              <i data-lucide="arrow-right" class="inline-block ml-1 h-4 w-4"></i>
  1018.            </a>
  1019.          </div>
  1020.        </div>
  1021.      </div>
  1022.    </div>
  1023.  </div>
  1024.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4">
  1025.    <div class="grid grid-cols-12 gap-4 items-center">
  1026.      <!-- Article Image -->
  1027.      <div class="col-span-12 sm:col-span-6 md:col-span-4">
  1028.        <a href="https://masyitatrans.com/en/article/why-sierra-education-is-worth-knowing" title="Why Sierra Education Is Worth Knowing">
  1029.          <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden">
  1030.            <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://masyitatrans.com/article-image/article-686a3b2b87fdf-06-07-2025.png" alt="Why Sierra Education Is Worth Knowing" loading="lazy" width="640" height="360" />
  1031.          </div>
  1032.        </a>
  1033.      </div>
  1034.      <!-- Article Content -->
  1035.      <div class="col-span-12 sm:col-span-6 md:col-span-8">
  1036.        <div class="h-full flex flex-col">
  1037.          <!-- Category and Date -->
  1038.          <div class="mb-3">
  1039.                        <a href="https://masyitatrans.com/en/category/education" class="inline-block text-xs font-medium text-white rounded px-2 py-1" style="background-color:
  1040.                        
  1041.                        #3A86FF
  1042.                    " title="Education">
  1043.              Education
  1044.            </a>
  1045.                        <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2">
  1046.              July 8, 2025
  1047.            </span>
  1048.          </div>
  1049.          <!-- Title -->
  1050.          <a href="https://masyitatrans.com/en/article/why-sierra-education-is-worth-knowing" class="text-lg font-semibold text-gray-800 dark:text-slate-200 line-clamp-2 hover:underline" title="Why Sierra Education Is Worth Knowing">
  1051.            Why Sierra Education Is Worth Knowing
  1052.          </a>
  1053.          <!-- Description -->
  1054.          <p class="mt-2 mb-4 text-sm text-gray-500 dark:text-gray-400 line-clamp-2">
  1055.            Unlock your full potential with Sierra Education! Embrace experiential learning, nature immersion, and environmental stewardship for holistic growth.
  1056.          </p>
  1057.          <!-- Author and Read More -->
  1058.          <div class="flex justify-between mt-auto">
  1059.            <!-- Author Info -->
  1060.            <div class="flex items-center">
  1061.              <div class="w-8 h-8 rounded-full overflow-hidden">
  1062.                <img class="w-full h-full object-cover" src="https://masyitatrans.com/avatar/avatar-67973c5a839b267973c5a839b5-27-01-2025-.jpg" alt="Luis Nashiruddin" loading="lazy" width="32" height="32" />
  1063.              </div>
  1064.              <div class="ml-2">
  1065.                <p class="text-sm font-medium text-gray-800 dark:text-slate-200">
  1066.                  Luis Nashiruddin
  1067.                </p>
  1068.                <p class="text-xs font-medium text-gray-500 dark:text-gray-400">
  1069.                  <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cba3aaa5afaab2aaa5a2e5bfa2b9aa8bb2aaa3a4a4e5a8a4a6">[email&#160;protected]</a>
  1070.                </p>
  1071.              </div>
  1072.            </div>
  1073.            <!-- Read More -->
  1074.            <a href="https://masyitatrans.com/en/article/why-sierra-education-is-worth-knowing" class="text-sm font-medium text-cyan-500 hover:underline" title="Why Sierra Education Is Worth Knowing">
  1075.              Read More              <i data-lucide="arrow-right" class="inline-block ml-1 h-4 w-4"></i>
  1076.            </a>
  1077.          </div>
  1078.        </div>
  1079.      </div>
  1080.    </div>
  1081.  </div>
  1082.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4">
  1083.    <div class="grid grid-cols-12 gap-4 items-center">
  1084.      <!-- Article Image -->
  1085.      <div class="col-span-12 sm:col-span-6 md:col-span-4">
  1086.        <a href="https://masyitatrans.com/en/article/how-socioeconomic-status-affects-educational-achievement" title="How Socioeconomic Status Affects Educational Achievement">
  1087.          <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden">
  1088.            <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://masyitatrans.com/article-image/article-67999e346bb2a-29-01-2025.jpg" alt="How Socioeconomic Status Affects Educational Achievement" loading="lazy" width="640" height="360" />
  1089.          </div>
  1090.        </a>
  1091.      </div>
  1092.      <!-- Article Content -->
  1093.      <div class="col-span-12 sm:col-span-6 md:col-span-8">
  1094.        <div class="h-full flex flex-col">
  1095.          <!-- Category and Date -->
  1096.          <div class="mb-3">
  1097.                        <a href="https://masyitatrans.com/en/category/education" class="inline-block text-xs font-medium text-white rounded px-2 py-1" style="background-color:
  1098.                        
  1099.                        #3A86FF
  1100.                    " title="Education">
  1101.              Education
  1102.            </a>
  1103.                        <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2">
  1104.              April 1, 2025
  1105.            </span>
  1106.          </div>
  1107.          <!-- Title -->
  1108.          <a href="https://masyitatrans.com/en/article/how-socioeconomic-status-affects-educational-achievement" class="text-lg font-semibold text-gray-800 dark:text-slate-200 line-clamp-2 hover:underline" title="How Socioeconomic Status Affects Educational Achievement">
  1109.            How Socioeconomic Status Affects Educational Achievement
  1110.          </a>
  1111.          <!-- Description -->
  1112.          <p class="mt-2 mb-4 text-sm text-gray-500 dark:text-gray-400 line-clamp-2">
  1113.            Understand the impact of socioeconomic status on student performance and the strategies to overcome barriers.
  1114.          </p>
  1115.          <!-- Author and Read More -->
  1116.          <div class="flex justify-between mt-auto">
  1117.            <!-- Author Info -->
  1118.            <div class="flex items-center">
  1119.              <div class="w-8 h-8 rounded-full overflow-hidden">
  1120.                <img class="w-full h-full object-cover" src="https://masyitatrans.com/avatar/avatar-67973c5a839b267973c5a839b5-27-01-2025-.jpg" alt="Luis Nashiruddin" loading="lazy" width="32" height="32" />
  1121.              </div>
  1122.              <div class="ml-2">
  1123.                <p class="text-sm font-medium text-gray-800 dark:text-slate-200">
  1124.                  Luis Nashiruddin
  1125.                </p>
  1126.                <p class="text-xs font-medium text-gray-500 dark:text-gray-400">
  1127.                  <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d5bdb4bbb1b4acb4bbbcfba1bca7b495acb4bdbabafbb6bab8">[email&#160;protected]</a>
  1128.                </p>
  1129.              </div>
  1130.            </div>
  1131.            <!-- Read More -->
  1132.            <a href="https://masyitatrans.com/en/article/how-socioeconomic-status-affects-educational-achievement" class="text-sm font-medium text-cyan-500 hover:underline" title="How Socioeconomic Status Affects Educational Achievement">
  1133.              Read More              <i data-lucide="arrow-right" class="inline-block ml-1 h-4 w-4"></i>
  1134.            </a>
  1135.          </div>
  1136.        </div>
  1137.      </div>
  1138.    </div>
  1139.  </div>
  1140.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4">
  1141.    <div class="grid grid-cols-12 gap-4 items-center">
  1142.      <!-- Article Image -->
  1143.      <div class="col-span-12 sm:col-span-6 md:col-span-4">
  1144.        <a href="https://masyitatrans.com/en/article/why-the-mini-educator-is-trending" title="Why the Mini Educator Is Trending">
  1145.          <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden">
  1146.            <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://masyitatrans.com/article-image/article-686a3b2303c20-06-07-2025.png" alt="Why the Mini Educator Is Trending" loading="lazy" width="640" height="360" />
  1147.          </div>
  1148.        </a>
  1149.      </div>
  1150.      <!-- Article Content -->
  1151.      <div class="col-span-12 sm:col-span-6 md:col-span-8">
  1152.        <div class="h-full flex flex-col">
  1153.          <!-- Category and Date -->
  1154.          <div class="mb-3">
  1155.                        <a href="https://masyitatrans.com/en/category/education" class="inline-block text-xs font-medium text-white rounded px-2 py-1" style="background-color:
  1156.                        
  1157.                        #3A86FF
  1158.                    " title="Education">
  1159.              Education
  1160.            </a>
  1161.                        <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2">
  1162.              July 11, 2025
  1163.            </span>
  1164.          </div>
  1165.          <!-- Title -->
  1166.          <a href="https://masyitatrans.com/en/article/why-the-mini-educator-is-trending" class="text-lg font-semibold text-gray-800 dark:text-slate-200 line-clamp-2 hover:underline" title="Why the Mini Educator Is Trending">
  1167.            Why the Mini Educator Is Trending
  1168.          </a>
  1169.          <!-- Description -->
  1170.          <p class="mt-2 mb-4 text-sm text-gray-500 dark:text-gray-400 line-clamp-2">
  1171.            The Mini Educator is trending! Uncover why this humane, feature-rich e-collar is transforming modern dog training for better canine communication.
  1172.          </p>
  1173.          <!-- Author and Read More -->
  1174.          <div class="flex justify-between mt-auto">
  1175.            <!-- Author Info -->
  1176.            <div class="flex items-center">
  1177.              <div class="w-8 h-8 rounded-full overflow-hidden">
  1178.                <img class="w-full h-full object-cover" src="https://masyitatrans.com/avatar/avatar-67973c5a839b267973c5a839b5-27-01-2025-.jpg" alt="Luis Nashiruddin" loading="lazy" width="32" height="32" />
  1179.              </div>
  1180.              <div class="ml-2">
  1181.                <p class="text-sm font-medium text-gray-800 dark:text-slate-200">
  1182.                  Luis Nashiruddin
  1183.                </p>
  1184.                <p class="text-xs font-medium text-gray-500 dark:text-gray-400">
  1185.                  <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e088818e848199818e89ce94899281a09981888f8fce838f8d">[email&#160;protected]</a>
  1186.                </p>
  1187.              </div>
  1188.            </div>
  1189.            <!-- Read More -->
  1190.            <a href="https://masyitatrans.com/en/article/why-the-mini-educator-is-trending" class="text-sm font-medium text-cyan-500 hover:underline" title="Why the Mini Educator Is Trending">
  1191.              Read More              <i data-lucide="arrow-right" class="inline-block ml-1 h-4 w-4"></i>
  1192.            </a>
  1193.          </div>
  1194.        </div>
  1195.      </div>
  1196.    </div>
  1197.  </div>
  1198.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4">
  1199.    <div class="grid grid-cols-12 gap-4 items-center">
  1200.      <!-- Article Image -->
  1201.      <div class="col-span-12 sm:col-span-6 md:col-span-4">
  1202.        <a href="https://masyitatrans.com/en/article/is-educational-systems-credit-union-good" title="Is Educational Systems Credit Union Good">
  1203.          <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden">
  1204.            <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://masyitatrans.com/article-image/article-686a3b27739e9-06-07-2025.png" alt="Is Educational Systems Credit Union Good" loading="lazy" width="640" height="360" />
  1205.          </div>
  1206.        </a>
  1207.      </div>
  1208.      <!-- Article Content -->
  1209.      <div class="col-span-12 sm:col-span-6 md:col-span-8">
  1210.        <div class="h-full flex flex-col">
  1211.          <!-- Category and Date -->
  1212.          <div class="mb-3">
  1213.                        <a href="https://masyitatrans.com/en/category/education" class="inline-block text-xs font-medium text-white rounded px-2 py-1" style="background-color:
  1214.                        
  1215.                        #3A86FF
  1216.                    " title="Education">
  1217.              Education
  1218.            </a>
  1219.                        <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2">
  1220.              July 10, 2025
  1221.            </span>
  1222.          </div>
  1223.          <!-- Title -->
  1224.          <a href="https://masyitatrans.com/en/article/is-educational-systems-credit-union-good" class="text-lg font-semibold text-gray-800 dark:text-slate-200 line-clamp-2 hover:underline" title="Is Educational Systems Credit Union Good">
  1225.            Is Educational Systems Credit Union Good
  1226.          </a>
  1227.          <!-- Description -->
  1228.          <p class="mt-2 mb-4 text-sm text-gray-500 dark:text-gray-400 line-clamp-2">
  1229.            Considering ESFCU? This guide explores Educational Systems Federal Credit Union&#039;s offerings, benefits, and eligibility for the education sector.
  1230.          </p>
  1231.          <!-- Author and Read More -->
  1232.          <div class="flex justify-between mt-auto">
  1233.            <!-- Author Info -->
  1234.            <div class="flex items-center">
  1235.              <div class="w-8 h-8 rounded-full overflow-hidden">
  1236.                <img class="w-full h-full object-cover" src="https://masyitatrans.com/avatar/avatar-67973c5a839b267973c5a839b5-27-01-2025-.jpg" alt="Luis Nashiruddin" loading="lazy" width="32" height="32" />
  1237.              </div>
  1238.              <div class="ml-2">
  1239.                <p class="text-sm font-medium text-gray-800 dark:text-slate-200">
  1240.                  Luis Nashiruddin
  1241.                </p>
  1242.                <p class="text-xs font-medium text-gray-500 dark:text-gray-400">
  1243.                  <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cda5aca3a9acb4aca3a4e3b9a4bfac8db4aca5a2a2e3aea2a0">[email&#160;protected]</a>
  1244.                </p>
  1245.              </div>
  1246.            </div>
  1247.            <!-- Read More -->
  1248.            <a href="https://masyitatrans.com/en/article/is-educational-systems-credit-union-good" class="text-sm font-medium text-cyan-500 hover:underline" title="Is Educational Systems Credit Union Good">
  1249.              Read More              <i data-lucide="arrow-right" class="inline-block ml-1 h-4 w-4"></i>
  1250.            </a>
  1251.          </div>
  1252.        </div>
  1253.      </div>
  1254.    </div>
  1255.  </div>
  1256.  </div>                                                    <div wire:snapshot="{&quot;data&quot;:{&quot;dataWidget&quot;:[[],{&quot;key&quot;:23,&quot;class&quot;:&quot;App\\Models\\Widget&quot;,&quot;s&quot;:&quot;elmdl&quot;}],&quot;dataArticles&quot;:[[],{&quot;keys&quot;:[null,null,null,null,null,null],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Article&quot;,&quot;s&quot;:&quot;elcl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;p1yZ21ps775igqhVCErr&quot;,&quot;name&quot;:&quot;landing.style.index-three&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;47baf5a05fc902b064db9f589655036a0512865a58450ce4fdbd9c7021ef225f&quot;}" wire:effects="[]" wire:id="p1yZ21ps775igqhVCErr" class="grid grid-cols-12 gap-4 my-5">
  1257.  <!-- Widget Title -->
  1258.  <h2 class="col-span-6 text-start font-semibold text-xl text-gray-800 dark:text-white">
  1259.    Finance
  1260.  </h2>
  1261.  <a href="https://masyitatrans.com/en/article" title="Finance" class="col-span-6 text-end font-medium text-gray-800 dark:text-white hover:text-cyan-500 duration-500">
  1262.    View All  </a>
  1263.  <!-- Articles -->
  1264.    <div class="col-span-12 md:col-span-6 lg:col-span-4">
  1265.    <!-- Image Container -->
  1266.    <div class="relative overflow-hidden rounded-xl aspect-w-16 aspect-h-9 bg-gray-200">
  1267.      <a href="https://masyitatrans.com/en/article/is-autonation-finance-worth-it" title="Is Autonation Finance Worth It">
  1268.        <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://masyitatrans.com/article-image/article-686a52a542238-06-07-2025.png" alt="Is Autonation Finance Worth It" loading="lazy" width="640" height="360" />
  1269.      </a>
  1270.    </div>
  1271.    <!-- Article Content -->
  1272.    <div class="flex flex-col gap-4 p-6">
  1273.      <!-- Date -->
  1274.      <span class="text-xs font-medium text-slate-700 dark:text-slate-300">
  1275.        July 10, 2025
  1276.      </span>
  1277.      <!-- Title -->
  1278.      <a href="https://masyitatrans.com/en/article/is-autonation-finance-worth-it" title="Is Autonation Finance Worth It" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2">
  1279.        Is Autonation Finance Worth It
  1280.      </a>
  1281.      <!-- Description -->
  1282.      <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3">
  1283.        Is AutoNation Finance worth it for your car loan? Get an unbiased look at their process, pros, and cons to make an informed decision.
  1284.      </p>
  1285.      <!-- Read More -->
  1286.      <a href="https://masyitatrans.com/en/article/is-autonation-finance-worth-it" title="Is Autonation Finance Worth It" class="flex items-center gap-2 text-black dark:text-white text-base font-medium text-primary transition-all duration-500 hover:text-secondary">
  1287.        Read More        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
  1288.          <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
  1289.        </svg>
  1290.      </a>
  1291.    </div>
  1292.  </div>
  1293.    <div class="col-span-12 md:col-span-6 lg:col-span-4">
  1294.    <!-- Image Container -->
  1295.    <div class="relative overflow-hidden rounded-xl aspect-w-16 aspect-h-9 bg-gray-200">
  1296.      <a href="https://masyitatrans.com/en/article/understanding-business-credit-a-key-to-success" title="Understanding Business Credit: A Key to Success">
  1297.        <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://masyitatrans.com/article-image/article-6799b8b769fa0-29-01-2025.jpg" alt="Understanding Business Credit: A Key to Success" loading="lazy" width="640" height="360" />
  1298.      </a>
  1299.    </div>
  1300.    <!-- Article Content -->
  1301.    <div class="flex flex-col gap-4 p-6">
  1302.      <!-- Date -->
  1303.      <span class="text-xs font-medium text-slate-700 dark:text-slate-300">
  1304.        May 30, 2025
  1305.      </span>
  1306.      <!-- Title -->
  1307.      <a href="https://masyitatrans.com/en/article/understanding-business-credit-a-key-to-success" title="Understanding Business Credit: A Key to Success" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2">
  1308.        Understanding Business Credit: A Key to Success
  1309.      </a>
  1310.      <!-- Description -->
  1311.      <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3">
  1312.        Learn why business credit matters and how to build it. Boost your business’s financial standing and access more opportunities!
  1313.      </p>
  1314.      <!-- Read More -->
  1315.      <a href="https://masyitatrans.com/en/article/understanding-business-credit-a-key-to-success" title="Understanding Business Credit: A Key to Success" class="flex items-center gap-2 text-black dark:text-white text-base font-medium text-primary transition-all duration-500 hover:text-secondary">
  1316.        Read More        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
  1317.          <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
  1318.        </svg>
  1319.      </a>
  1320.    </div>
  1321.  </div>
  1322.    <div class="col-span-12 md:col-span-6 lg:col-span-4">
  1323.    <!-- Image Container -->
  1324.    <div class="relative overflow-hidden rounded-xl aspect-w-16 aspect-h-9 bg-gray-200">
  1325.      <a href="https://masyitatrans.com/en/article/top-wealth-management-services-for-secure-retirement" title="Top Wealth Management Services for Secure Retirement">
  1326.        <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://masyitatrans.com/article-image/article-68696868a060e68696868a060f-05-07-2025-.webp" alt="Top Wealth Management Services for Secure Retirement" loading="lazy" width="640" height="360" />
  1327.      </a>
  1328.    </div>
  1329.    <!-- Article Content -->
  1330.    <div class="flex flex-col gap-4 p-6">
  1331.      <!-- Date -->
  1332.      <span class="text-xs font-medium text-slate-700 dark:text-slate-300">
  1333.        July 5, 2025
  1334.      </span>
  1335.      <!-- Title -->
  1336.      <a href="https://masyitatrans.com/en/article/top-wealth-management-services-for-secure-retirement" title="Top Wealth Management Services for Secure Retirement" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2">
  1337.        Top Wealth Management Services for Secure Retirement
  1338.      </a>
  1339.      <!-- Description -->
  1340.      <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3">
  1341.        Discover expert retirement planning strategies to build wealth, reduce risk, and ensure a financially secure future with top-rated advisors.
  1342.      </p>
  1343.      <!-- Read More -->
  1344.      <a href="https://masyitatrans.com/en/article/top-wealth-management-services-for-secure-retirement" title="Top Wealth Management Services for Secure Retirement" class="flex items-center gap-2 text-black dark:text-white text-base font-medium text-primary transition-all duration-500 hover:text-secondary">
  1345.        Read More        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
  1346.          <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
  1347.        </svg>
  1348.      </a>
  1349.    </div>
  1350.  </div>
  1351.    <div class="col-span-12 md:col-span-6 lg:col-span-4">
  1352.    <!-- Image Container -->
  1353.    <div class="relative overflow-hidden rounded-xl aspect-w-16 aspect-h-9 bg-gray-200">
  1354.      <a href="https://masyitatrans.com/en/article/passive-income-your-key-to-financial-freedom" title="Passive Income: Your Key to Financial Freedom">
  1355.        <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://masyitatrans.com/article-image/article-6799bfc60099b-29-01-2025.jpg" alt="Passive Income: Your Key to Financial Freedom" loading="lazy" width="640" height="360" />
  1356.      </a>
  1357.    </div>
  1358.    <!-- Article Content -->
  1359.    <div class="flex flex-col gap-4 p-6">
  1360.      <!-- Date -->
  1361.      <span class="text-xs font-medium text-slate-700 dark:text-slate-300">
  1362.        June 17, 2025
  1363.      </span>
  1364.      <!-- Title -->
  1365.      <a href="https://masyitatrans.com/en/article/passive-income-your-key-to-financial-freedom" title="Passive Income: Your Key to Financial Freedom" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2">
  1366.        Passive Income: Your Key to Financial Freedom
  1367.      </a>
  1368.      <!-- Description -->
  1369.      <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3">
  1370.        Discover how passive income can lead to financial freedom. Start earning money while you sleep with these proven strategies!
  1371.      </p>
  1372.      <!-- Read More -->
  1373.      <a href="https://masyitatrans.com/en/article/passive-income-your-key-to-financial-freedom" title="Passive Income: Your Key to Financial Freedom" class="flex items-center gap-2 text-black dark:text-white text-base font-medium text-primary transition-all duration-500 hover:text-secondary">
  1374.        Read More        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
  1375.          <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
  1376.        </svg>
  1377.      </a>
  1378.    </div>
  1379.  </div>
  1380.    <div class="col-span-12 md:col-span-6 lg:col-span-4">
  1381.    <!-- Image Container -->
  1382.    <div class="relative overflow-hidden rounded-xl aspect-w-16 aspect-h-9 bg-gray-200">
  1383.      <a href="https://masyitatrans.com/en/article/10-smart-ways-to-budget-for-beginners" title="10 Smart Ways to Budget for Beginners">
  1384.        <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://masyitatrans.com/article-image/article-6799af3d8ab026799af3d8ab04-29-01-2025-.jpg" alt="10 Smart Ways to Budget for Beginners" loading="lazy" width="640" height="360" />
  1385.      </a>
  1386.    </div>
  1387.    <!-- Article Content -->
  1388.    <div class="flex flex-col gap-4 p-6">
  1389.      <!-- Date -->
  1390.      <span class="text-xs font-medium text-slate-700 dark:text-slate-300">
  1391.        May 8, 2025
  1392.      </span>
  1393.      <!-- Title -->
  1394.      <a href="https://masyitatrans.com/en/article/10-smart-ways-to-budget-for-beginners" title="10 Smart Ways to Budget for Beginners" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2">
  1395.        10 Smart Ways to Budget for Beginners
  1396.      </a>
  1397.      <!-- Description -->
  1398.      <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3">
  1399.        Learn 10 easy budgeting tips for beginners to take control of your finances. Start managing your money effectively today!
  1400.      </p>
  1401.      <!-- Read More -->
  1402.      <a href="https://masyitatrans.com/en/article/10-smart-ways-to-budget-for-beginners" title="10 Smart Ways to Budget for Beginners" class="flex items-center gap-2 text-black dark:text-white text-base font-medium text-primary transition-all duration-500 hover:text-secondary">
  1403.        Read More        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
  1404.          <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
  1405.        </svg>
  1406.      </a>
  1407.    </div>
  1408.  </div>
  1409.    <div class="col-span-12 md:col-span-6 lg:col-span-4">
  1410.    <!-- Image Container -->
  1411.    <div class="relative overflow-hidden rounded-xl aspect-w-16 aspect-h-9 bg-gray-200">
  1412.      <a href="https://masyitatrans.com/en/article/national-finance-commission-made-simple" title="National Finance Commission Made Simple">
  1413.        <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://masyitatrans.com/article-image/article-686a52bb9c742-06-07-2025.png" alt="National Finance Commission Made Simple" loading="lazy" width="640" height="360" />
  1414.      </a>
  1415.    </div>
  1416.    <!-- Article Content -->
  1417.    <div class="flex flex-col gap-4 p-6">
  1418.      <!-- Date -->
  1419.      <span class="text-xs font-medium text-slate-700 dark:text-slate-300">
  1420.        July 4, 2025
  1421.      </span>
  1422.      <!-- Title -->
  1423.      <a href="https://masyitatrans.com/en/article/national-finance-commission-made-simple" title="National Finance Commission Made Simple" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2">
  1424.        National Finance Commission Made Simple
  1425.      </a>
  1426.      <!-- Description -->
  1427.      <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3">
  1428.        Demystify the National Finance Commission (NFC). Learn how it fairly distributes national funds, impacting schools, roads, and services in your community.
  1429.      </p>
  1430.      <!-- Read More -->
  1431.      <a href="https://masyitatrans.com/en/article/national-finance-commission-made-simple" title="National Finance Commission Made Simple" class="flex items-center gap-2 text-black dark:text-white text-base font-medium text-primary transition-all duration-500 hover:text-secondary">
  1432.        Read More        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
  1433.          <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
  1434.        </svg>
  1435.      </a>
  1436.    </div>
  1437.  </div>
  1438.  </div>                                                                                                                                                                                                                                                                                                                          </div>
  1439.  <div class="col-span-12 lg:col-span-4">
  1440.                                                                                                                                                                                                                                                                                                            <div wire:snapshot="{&quot;data&quot;:{&quot;dataWidget&quot;:[[],{&quot;key&quot;:24,&quot;class&quot;:&quot;App\\Models\\Widget&quot;,&quot;s&quot;:&quot;elmdl&quot;}],&quot;dataArticles&quot;:[[],{&quot;keys&quot;:[null,null,null,null],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Article&quot;,&quot;relations&quot;:[&quot;Categories&quot;],&quot;s&quot;:&quot;elcl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;F8OuF3fLDo0Vkv40SGgB&quot;,&quot;name&quot;:&quot;landing.style.sidebar-one&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;4c1f6f47c151a58031220f8e4324313eb96d987aa4c9b7b6617250f267ad1bd0&quot;}" wire:effects="[]" wire:id="F8OuF3fLDo0Vkv40SGgB" class="grid grid-cols-12 gap-3">
  1441.  <!-- Widget Title -->
  1442.  <p class="col-span-12 text-center text-xl font-semibold text-gray-800 dark:text-white">
  1443.    Health
  1444.  </p>
  1445.  
  1446.  <!-- Articles -->
  1447.    <div class="col-span-12">
  1448.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4">
  1449.      <div class="grid grid-cols-12 gap-4 items-center">
  1450.        <!-- Article Image -->
  1451.        <div class="col-span-12 md:col-span-6 lg:col-span-4">
  1452.          <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden">
  1453.            <img
  1454.              src="https://masyitatrans.com/article-image/article-686a794aec69c-06-07-2025.png"
  1455.              alt="Discover Baptist Health Lexington"
  1456.              class="w-full h-full object-cover"
  1457.              loading="lazy"
  1458.              width="640"
  1459.              height="360"
  1460.            />
  1461.          </div>
  1462.        </div>
  1463.  
  1464.        <!-- Article Content -->
  1465.        <div class="col-span-12 md:col-span-6 lg:col-span-8">
  1466.          <div class="h-full flex flex-col justify-between p-3">
  1467.            <!-- Category and Date -->
  1468.            <div class="mb-3">
  1469.                            <a
  1470.                href="https://masyitatrans.com/en/category/health"
  1471.                class="text-sm font-medium text-white rounded px-2 py-1 inline-block"
  1472.                style="background-color:
  1473.                        
  1474.                        #FF6F61
  1475.                    "
  1476.                title="Health"
  1477.              >
  1478.                Health
  1479.              </a>
  1480.                            <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2">
  1481.                July 6, 2025
  1482.              </span>
  1483.            </div>
  1484.  
  1485.            <!-- Title -->
  1486.            <a
  1487.              href="https://masyitatrans.com/en/article/discover-baptist-health-lexington"
  1488.              class="block text-lg font-medium text-gray-800 dark:text-slate-300 line-clamp-3 hover:underline"
  1489.              title="Discover Baptist Health Lexington"
  1490.            >
  1491.              Discover Baptist Health Lexington
  1492.            </a>
  1493.          </div>
  1494.        </div>
  1495.      </div>
  1496.    </div>
  1497.  </div>
  1498.    <div class="col-span-12">
  1499.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4">
  1500.      <div class="grid grid-cols-12 gap-4 items-center">
  1501.        <!-- Article Image -->
  1502.        <div class="col-span-12 md:col-span-6 lg:col-span-4">
  1503.          <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden">
  1504.            <img
  1505.              src="https://masyitatrans.com/article-image/article-6799cec4ce4af6799cec4ce4b0-29-01-2025-.webp"
  1506.              alt="How Cold Showers Can Transform Your Health"
  1507.              class="w-full h-full object-cover"
  1508.              loading="lazy"
  1509.              width="640"
  1510.              height="360"
  1511.            />
  1512.          </div>
  1513.        </div>
  1514.  
  1515.        <!-- Article Content -->
  1516.        <div class="col-span-12 md:col-span-6 lg:col-span-8">
  1517.          <div class="h-full flex flex-col justify-between p-3">
  1518.            <!-- Category and Date -->
  1519.            <div class="mb-3">
  1520.                            <a
  1521.                href="https://masyitatrans.com/en/category/health"
  1522.                class="text-sm font-medium text-white rounded px-2 py-1 inline-block"
  1523.                style="background-color:
  1524.                        
  1525.                        #FF6F61
  1526.                    "
  1527.                title="Health"
  1528.              >
  1529.                Health
  1530.              </a>
  1531.                            <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2">
  1532.                July 1, 2025
  1533.              </span>
  1534.            </div>
  1535.  
  1536.            <!-- Title -->
  1537.            <a
  1538.              href="https://masyitatrans.com/en/article/how-cold-showers-can-transform-your-health"
  1539.              class="block text-lg font-medium text-gray-800 dark:text-slate-300 line-clamp-3 hover:underline"
  1540.              title="How Cold Showers Can Transform Your Health"
  1541.            >
  1542.              How Cold Showers Can Transform Your Health
  1543.            </a>
  1544.          </div>
  1545.        </div>
  1546.      </div>
  1547.    </div>
  1548.  </div>
  1549.    <div class="col-span-12">
  1550.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4">
  1551.      <div class="grid grid-cols-12 gap-4 items-center">
  1552.        <!-- Article Image -->
  1553.        <div class="col-span-12 md:col-span-6 lg:col-span-4">
  1554.          <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden">
  1555.            <img
  1556.              src="https://masyitatrans.com/article-image/article-686a79413f7d6-06-07-2025.png"
  1557.              alt="Latest Kate Middleton Health Update"
  1558.              class="w-full h-full object-cover"
  1559.              loading="lazy"
  1560.              width="640"
  1561.              height="360"
  1562.            />
  1563.          </div>
  1564.        </div>
  1565.  
  1566.        <!-- Article Content -->
  1567.        <div class="col-span-12 md:col-span-6 lg:col-span-8">
  1568.          <div class="h-full flex flex-col justify-between p-3">
  1569.            <!-- Category and Date -->
  1570.            <div class="mb-3">
  1571.                            <a
  1572.                href="https://masyitatrans.com/en/category/health"
  1573.                class="text-sm font-medium text-white rounded px-2 py-1 inline-block"
  1574.                style="background-color:
  1575.                        
  1576.                        #FF6F61
  1577.                    "
  1578.                title="Health"
  1579.              >
  1580.                Health
  1581.              </a>
  1582.                            <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2">
  1583.                July 9, 2025
  1584.              </span>
  1585.            </div>
  1586.  
  1587.            <!-- Title -->
  1588.            <a
  1589.              href="https://masyitatrans.com/en/article/latest-kate-middleton-health-update"
  1590.              class="block text-lg font-medium text-gray-800 dark:text-slate-300 line-clamp-3 hover:underline"
  1591.              title="Latest Kate Middleton Health Update"
  1592.            >
  1593.              Latest Kate Middleton Health Update
  1594.            </a>
  1595.          </div>
  1596.        </div>
  1597.      </div>
  1598.    </div>
  1599.  </div>
  1600.    <div class="col-span-12">
  1601.    <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4">
  1602.      <div class="grid grid-cols-12 gap-4 items-center">
  1603.        <!-- Article Image -->
  1604.        <div class="col-span-12 md:col-span-6 lg:col-span-4">
  1605.          <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden">
  1606.            <img
  1607.              src="https://masyitatrans.com/article-image/article-686a793883ac0-06-07-2025.png"
  1608.              alt="What Is the Health Triangle About"
  1609.              class="w-full h-full object-cover"
  1610.              loading="lazy"
  1611.              width="640"
  1612.              height="360"
  1613.            />
  1614.          </div>
  1615.        </div>
  1616.  
  1617.        <!-- Article Content -->
  1618.        <div class="col-span-12 md:col-span-6 lg:col-span-8">
  1619.          <div class="h-full flex flex-col justify-between p-3">
  1620.            <!-- Category and Date -->
  1621.            <div class="mb-3">
  1622.                            <a
  1623.                href="https://masyitatrans.com/en/category/health"
  1624.                class="text-sm font-medium text-white rounded px-2 py-1 inline-block"
  1625.                style="background-color:
  1626.                        
  1627.                        #FF6F61
  1628.                    "
  1629.                title="Health"
  1630.              >
  1631.                Health
  1632.              </a>
  1633.                            <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2">
  1634.                July 11, 2025
  1635.              </span>
  1636.            </div>
  1637.  
  1638.            <!-- Title -->
  1639.            <a
  1640.              href="https://masyitatrans.com/en/article/what-is-the-health-triangle-about"
  1641.              class="block text-lg font-medium text-gray-800 dark:text-slate-300 line-clamp-3 hover:underline"
  1642.              title="What Is the Health Triangle About"
  1643.            >
  1644.              What Is the Health Triangle About
  1645.            </a>
  1646.          </div>
  1647.        </div>
  1648.      </div>
  1649.    </div>
  1650.  </div>
  1651.  
  1652.  <!-- View All Button -->
  1653.  <a
  1654.    href="https://masyitatrans.com/en/article"
  1655.    class="col-span-12 text-center px-4 py-2 bg-transparent text-base font-medium rounded border transition-all duration-300 w-full"
  1656.    style="color: #213065; border-color: #213065;"
  1657.    onmouseover="this.style.color='#fff'; this.style.backgroundColor='#213065';"
  1658.    onmouseout="this.style.color='#213065'; this.style.backgroundColor='transparent';"
  1659.    title="View All"
  1660.  >
  1661.    View All  </a>
  1662. </div>
  1663.                                                <div wire:snapshot="{&quot;data&quot;:{&quot;dataWidget&quot;:[[],{&quot;key&quot;:26,&quot;class&quot;:&quot;App\\Models\\Widget&quot;,&quot;s&quot;:&quot;elmdl&quot;}],&quot;dataArticles&quot;:[[],{&quot;keys&quot;:[null,null,null,null],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Article&quot;,&quot;s&quot;:&quot;elcl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;sjzmPdPOXGdtR2NLhL8t&quot;,&quot;name&quot;:&quot;landing.style.sidebar-two&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;226fed8e9e9a8b83c1d27fc111c4481a825cc22d237106094f24ab52e49be734&quot;}" wire:effects="[]" wire:id="sjzmPdPOXGdtR2NLhL8t" class="grid grid-cols-12 gap-3 my-4">
  1664.  <!-- Widget Title -->
  1665.  <p class="col-span-6 text-start font-semibold text-xl text-gray-800 dark:text-white">
  1666.    Insurance
  1667.  </p>
  1668.  <a
  1669.    href="https://masyitatrans.com/en/article"
  1670.    class="col-span-6 text-end font-medium text-gray-800 dark:text-white hover:text-cyan-500 transition duration-300"
  1671.    title="Insurance"
  1672.  >
  1673.    View All  </a>
  1674.  
  1675.  <!-- Articles List -->
  1676.    <div class="bg-white dark:bg-gray-800/40 p-5 rounded-md col-span-12">
  1677.    <div class="flex flex-wrap sm:flex-nowrap items-center gap-5">
  1678.      <!-- Article Details -->
  1679.      <div class="flex flex-col items-start w-full">
  1680.        <!-- Publish Date -->
  1681.        <p class="flex items-center gap-2 text-gray-500 dark:text-gray-400 text-sm mb-2">
  1682.          <svg
  1683.            class="h-4 w-4 text-blue-500"
  1684.            xmlns="http://www.w3.org/2000/svg"
  1685.            fill="none"
  1686.            viewBox="0 0 14 14"
  1687.          >
  1688.            <path
  1689.              d="M10.679 0.464H2.321A0.929 0.929 0 0 0 1.393 1.393v10.214c0 0.513 0.416 0.929 0.929 0.929h8.358a0.929 0.929 0 0 0 0.929-0.929V1.393A0.929 0.929 0 0 0 10.679 0.464zM1.393 5.107h10.214M3.946 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232zM6.5 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232zM9.054 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232z"
  1690.              stroke="currentColor"
  1691.              stroke-linecap="round"
  1692.              stroke-linejoin="round"
  1693.              stroke-width="1"
  1694.            />
  1695.          </svg>
  1696.          <span>July 6, 2025</span>
  1697.        </p>
  1698.  
  1699.        <!-- Article Title -->
  1700.        <h2 class="text-xl font-bold text-gray-800 dark:text-white mb-4 hover:text-blue-500 transition duration-300 line-clamp-3">
  1701.          First Insurance Funding Info
  1702.        </h2>
  1703.  
  1704.        <!-- Read More Button -->
  1705.        <a
  1706.          href="https://masyitatrans.com/en/article/first-insurance-funding-info"
  1707.          class="inline-flex items-center justify-center py-2 px-4 text-white font-medium rounded-full transition duration-300"
  1708.          style="background-color: #213065;"
  1709.          onmouseover="this.style.backgroundColor='#d22b27'"
  1710.          onmouseout="this.style.backgroundColor='#213065'"
  1711.          title="First Insurance Funding Info"
  1712.        >
  1713.          Read More          <svg
  1714.            xmlns="http://www.w3.org/2000/svg"
  1715.            class="w-5 h-5 ml-2"
  1716.            fill="none"
  1717.            viewBox="0 0 24 24"
  1718.            stroke="currentColor"
  1719.            stroke-width="1.5"
  1720.          >
  1721.            <path
  1722.              stroke-linecap="round"
  1723.              stroke-linejoin="round"
  1724.              d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"
  1725.            />
  1726.          </svg>
  1727.        </a>
  1728.      </div>
  1729.    </div>
  1730.  </div>
  1731.    <div class="bg-white dark:bg-gray-800/40 p-5 rounded-md col-span-12">
  1732.    <div class="flex flex-wrap sm:flex-nowrap items-center gap-5">
  1733.      <!-- Article Details -->
  1734.      <div class="flex flex-col items-start w-full">
  1735.        <!-- Publish Date -->
  1736.        <p class="flex items-center gap-2 text-gray-500 dark:text-gray-400 text-sm mb-2">
  1737.          <svg
  1738.            class="h-4 w-4 text-blue-500"
  1739.            xmlns="http://www.w3.org/2000/svg"
  1740.            fill="none"
  1741.            viewBox="0 0 14 14"
  1742.          >
  1743.            <path
  1744.              d="M10.679 0.464H2.321A0.929 0.929 0 0 0 1.393 1.393v10.214c0 0.513 0.416 0.929 0.929 0.929h8.358a0.929 0.929 0 0 0 0.929-0.929V1.393A0.929 0.929 0 0 0 10.679 0.464zM1.393 5.107h10.214M3.946 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232zM6.5 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232zM9.054 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232z"
  1745.              stroke="currentColor"
  1746.              stroke-linecap="round"
  1747.              stroke-linejoin="round"
  1748.              stroke-width="1"
  1749.            />
  1750.          </svg>
  1751.          <span>July 10, 2025</span>
  1752.        </p>
  1753.  
  1754.        <!-- Article Title -->
  1755.        <h2 class="text-xl font-bold text-gray-800 dark:text-white mb-4 hover:text-blue-500 transition duration-300 line-clamp-3">
  1756.          Loggerhead Insurance Overview
  1757.        </h2>
  1758.  
  1759.        <!-- Read More Button -->
  1760.        <a
  1761.          href="https://masyitatrans.com/en/article/loggerhead-insurance-overview"
  1762.          class="inline-flex items-center justify-center py-2 px-4 text-white font-medium rounded-full transition duration-300"
  1763.          style="background-color: #213065;"
  1764.          onmouseover="this.style.backgroundColor='#d22b27'"
  1765.          onmouseout="this.style.backgroundColor='#213065'"
  1766.          title="Loggerhead Insurance Overview"
  1767.        >
  1768.          Read More          <svg
  1769.            xmlns="http://www.w3.org/2000/svg"
  1770.            class="w-5 h-5 ml-2"
  1771.            fill="none"
  1772.            viewBox="0 0 24 24"
  1773.            stroke="currentColor"
  1774.            stroke-width="1.5"
  1775.          >
  1776.            <path
  1777.              stroke-linecap="round"
  1778.              stroke-linejoin="round"
  1779.              d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"
  1780.            />
  1781.          </svg>
  1782.        </a>
  1783.      </div>
  1784.    </div>
  1785.  </div>
  1786.    <div class="bg-white dark:bg-gray-800/40 p-5 rounded-md col-span-12">
  1787.    <div class="flex flex-wrap sm:flex-nowrap items-center gap-5">
  1788.      <!-- Article Details -->
  1789.      <div class="flex flex-col items-start w-full">
  1790.        <!-- Publish Date -->
  1791.        <p class="flex items-center gap-2 text-gray-500 dark:text-gray-400 text-sm mb-2">
  1792.          <svg
  1793.            class="h-4 w-4 text-blue-500"
  1794.            xmlns="http://www.w3.org/2000/svg"
  1795.            fill="none"
  1796.            viewBox="0 0 14 14"
  1797.          >
  1798.            <path
  1799.              d="M10.679 0.464H2.321A0.929 0.929 0 0 0 1.393 1.393v10.214c0 0.513 0.416 0.929 0.929 0.929h8.358a0.929 0.929 0 0 0 0.929-0.929V1.393A0.929 0.929 0 0 0 10.679 0.464zM1.393 5.107h10.214M3.946 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232zM6.5 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232zM9.054 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232z"
  1800.              stroke="currentColor"
  1801.              stroke-linecap="round"
  1802.              stroke-linejoin="round"
  1803.              stroke-width="1"
  1804.            />
  1805.          </svg>
  1806.          <span>July 9, 2025</span>
  1807.        </p>
  1808.  
  1809.        <!-- Article Title -->
  1810.        <h2 class="text-xl font-bold text-gray-800 dark:text-white mb-4 hover:text-blue-500 transition duration-300 line-clamp-3">
  1811.          Guide to Traders Insurance
  1812.        </h2>
  1813.  
  1814.        <!-- Read More Button -->
  1815.        <a
  1816.          href="https://masyitatrans.com/en/article/guide-to-traders-insurance"
  1817.          class="inline-flex items-center justify-center py-2 px-4 text-white font-medium rounded-full transition duration-300"
  1818.          style="background-color: #213065;"
  1819.          onmouseover="this.style.backgroundColor='#d22b27'"
  1820.          onmouseout="this.style.backgroundColor='#213065'"
  1821.          title="Guide to Traders Insurance"
  1822.        >
  1823.          Read More          <svg
  1824.            xmlns="http://www.w3.org/2000/svg"
  1825.            class="w-5 h-5 ml-2"
  1826.            fill="none"
  1827.            viewBox="0 0 24 24"
  1828.            stroke="currentColor"
  1829.            stroke-width="1.5"
  1830.          >
  1831.            <path
  1832.              stroke-linecap="round"
  1833.              stroke-linejoin="round"
  1834.              d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"
  1835.            />
  1836.          </svg>
  1837.        </a>
  1838.      </div>
  1839.    </div>
  1840.  </div>
  1841.    <div class="bg-white dark:bg-gray-800/40 p-5 rounded-md col-span-12">
  1842.    <div class="flex flex-wrap sm:flex-nowrap items-center gap-5">
  1843.      <!-- Article Details -->
  1844.      <div class="flex flex-col items-start w-full">
  1845.        <!-- Publish Date -->
  1846.        <p class="flex items-center gap-2 text-gray-500 dark:text-gray-400 text-sm mb-2">
  1847.          <svg
  1848.            class="h-4 w-4 text-blue-500"
  1849.            xmlns="http://www.w3.org/2000/svg"
  1850.            fill="none"
  1851.            viewBox="0 0 14 14"
  1852.          >
  1853.            <path
  1854.              d="M10.679 0.464H2.321A0.929 0.929 0 0 0 1.393 1.393v10.214c0 0.513 0.416 0.929 0.929 0.929h8.358a0.929 0.929 0 0 0 0.929-0.929V1.393A0.929 0.929 0 0 0 10.679 0.464zM1.393 5.107h10.214M3.946 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232zM6.5 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232zM9.054 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232z"
  1855.              stroke="currentColor"
  1856.              stroke-linecap="round"
  1857.              stroke-linejoin="round"
  1858.              stroke-width="1"
  1859.            />
  1860.          </svg>
  1861.          <span>July 11, 2025</span>
  1862.        </p>
  1863.  
  1864.        <!-- Article Title -->
  1865.        <h2 class="text-xl font-bold text-gray-800 dark:text-white mb-4 hover:text-blue-500 transition duration-300 line-clamp-3">
  1866.          Tooth Implant Cost Without Cover
  1867.        </h2>
  1868.  
  1869.        <!-- Read More Button -->
  1870.        <a
  1871.          href="https://masyitatrans.com/en/article/tooth-implant-cost-without-cover"
  1872.          class="inline-flex items-center justify-center py-2 px-4 text-white font-medium rounded-full transition duration-300"
  1873.          style="background-color: #213065;"
  1874.          onmouseover="this.style.backgroundColor='#d22b27'"
  1875.          onmouseout="this.style.backgroundColor='#213065'"
  1876.          title="Tooth Implant Cost Without Cover"
  1877.        >
  1878.          Read More          <svg
  1879.            xmlns="http://www.w3.org/2000/svg"
  1880.            class="w-5 h-5 ml-2"
  1881.            fill="none"
  1882.            viewBox="0 0 24 24"
  1883.            stroke="currentColor"
  1884.            stroke-width="1.5"
  1885.          >
  1886.            <path
  1887.              stroke-linecap="round"
  1888.              stroke-linejoin="round"
  1889.              d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"
  1890.            />
  1891.          </svg>
  1892.        </a>
  1893.      </div>
  1894.    </div>
  1895.  </div>
  1896.  </div>
  1897.                                                        <div wire:snapshot="{&quot;data&quot;:{&quot;dataWidget&quot;:[[],{&quot;key&quot;:27,&quot;class&quot;:&quot;App\\Models\\Widget&quot;,&quot;s&quot;:&quot;elmdl&quot;}],&quot;dataArticles&quot;:[[],{&quot;keys&quot;:[null,null,null,null,null],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Article&quot;,&quot;relations&quot;:[&quot;Categories&quot;],&quot;s&quot;:&quot;elcl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;dGOFioc4d0h14wQYkTz7&quot;,&quot;name&quot;:&quot;landing.style.sidebar-five&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;d4b28eab58211300de080d015cf18de640bedf781c5985d45fec642ccf3abe09&quot;}" wire:effects="[]" wire:id="dGOFioc4d0h14wQYkTz7" class="grid grid-cols-12 gap-4 my-4">
  1898.  <!-- Widget Title -->
  1899.  <h2 class="col-span-6 text-start text-xl font-semibold text-gray-800 dark:text-white">
  1900.    Technology
  1901.  </h2>
  1902.  <a href="https://masyitatrans.com/en/article" class="col-span-6 text-end text-gray-800 dark:text-white font-medium hover:text-cyan-500 duration-500" title="Technology">
  1903.    View All  </a>
  1904.  <!-- Articles -->
  1905.    <div class="flex flex-col col-span-12 md:col-span-6 overflow-hidden shadow-md rounded-xl bg-white dark:bg-gray-800/40">
  1906.    <!-- Image Section -->
  1907.    <a href="https://masyitatrans.com/en/article/central-academy-of-tech-and-arts" class="block transform transition duration-200 hover:scale-105" title="Central Academy of Tech and Arts">
  1908.      <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-xl overflow-hidden">
  1909.        <img src="https://masyitatrans.com/article-image/article-686bed2bf08dd-07-07-2025.png" alt="Central Academy of Tech and Arts" class="w-full h-full object-cover" loading="lazy" width="400" height="275" />
  1910.      </div>
  1911.    </a>
  1912.    <!-- Content Section -->
  1913.    <div class="p-6 border-t border-gray-200 dark:border-gray-700 rounded-b-xl">
  1914.      <!-- Category Badge -->
  1915.            <a href="https://masyitatrans.com/en/category/technology" class="absolute -top-3 left-6 inline-block rounded-full bg-gray-800 px-3 py-1 text-xs font-medium uppercase text-white" style="background-color:
  1916.                        
  1917.                        #5D3FD3
  1918.                    " title="Technology">
  1919.        Technology
  1920.      </a>
  1921.            <!-- Publish Date -->
  1922.      <p class="text-xs text-gray-500 dark:text-gray-400 mb-2">
  1923.        July 9, 2025
  1924.      </p>
  1925.      <!-- Title -->
  1926.      <h2 class="text-base font-semibold text-gray-800 dark:text-white mb-2 line-clamp-2">
  1927.        <a href="https://masyitatrans.com/en/article/central-academy-of-tech-and-arts" title="Central Academy of Tech and Arts" class="hover:underline">
  1928.          Central Academy of Tech and Arts
  1929.        </a>
  1930.      </h2>
  1931.      <!-- Description -->
  1932.      <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3">
  1933.        Discover how CATA&#039;s STEAM education blends tech &amp; arts to shape future innovators, fostering creativity &amp; essential skills for success.
  1934.      </p>
  1935.    </div>
  1936.  </div>
  1937.    <div class="flex flex-col col-span-12 md:col-span-6 overflow-hidden shadow-md rounded-xl bg-white dark:bg-gray-800/40">
  1938.    <!-- Image Section -->
  1939.    <a href="https://masyitatrans.com/en/article/tech-in-schools-breaking-language-barriers" class="block transform transition duration-200 hover:scale-105" title="Tech in Schools Breaking Language Barriers">
  1940.      <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-xl overflow-hidden">
  1941.        <img src="https://masyitatrans.com/article-image/article-686bed3aecf3b-07-07-2025.png" alt="Tech in Schools Breaking Language Barriers" class="w-full h-full object-cover" loading="lazy" width="400" height="275" />
  1942.      </div>
  1943.    </a>
  1944.    <!-- Content Section -->
  1945.    <div class="p-6 border-t border-gray-200 dark:border-gray-700 rounded-b-xl">
  1946.      <!-- Category Badge -->
  1947.            <a href="https://masyitatrans.com/en/category/technology" class="absolute -top-3 left-6 inline-block rounded-full bg-gray-800 px-3 py-1 text-xs font-medium uppercase text-white" style="background-color:
  1948.                        
  1949.                        #5D3FD3
  1950.                    " title="Technology">
  1951.        Technology
  1952.      </a>
  1953.            <!-- Publish Date -->
  1954.      <p class="text-xs text-gray-500 dark:text-gray-400 mb-2">
  1955.        July 6, 2025
  1956.      </p>
  1957.      <!-- Title -->
  1958.      <h2 class="text-base font-semibold text-gray-800 dark:text-white mb-2 line-clamp-2">
  1959.        <a href="https://masyitatrans.com/en/article/tech-in-schools-breaking-language-barriers" title="Tech in Schools Breaking Language Barriers" class="hover:underline">
  1960.          Tech in Schools Breaking Language Barriers
  1961.        </a>
  1962.      </h2>
  1963.      <!-- Description -->
  1964.      <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3">
  1965.        See how technology empowers diverse classrooms, breaking language barriers &amp; supporting multilingual learners for truly inclusive education.
  1966.      </p>
  1967.    </div>
  1968.  </div>
  1969.    <div class="flex flex-col col-span-12 md:col-span-6 overflow-hidden shadow-md rounded-xl bg-white dark:bg-gray-800/40">
  1970.    <!-- Image Section -->
  1971.    <a href="https://masyitatrans.com/en/article/inside-benjamin-franklin-tech-school" class="block transform transition duration-200 hover:scale-105" title="Inside Benjamin Franklin Tech School">
  1972.      <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-xl overflow-hidden">
  1973.        <img src="https://masyitatrans.com/article-image/article-686bed2f4b9e7-07-07-2025.png" alt="Inside Benjamin Franklin Tech School" class="w-full h-full object-cover" loading="lazy" width="400" height="275" />
  1974.      </div>
  1975.    </a>
  1976.    <!-- Content Section -->
  1977.    <div class="p-6 border-t border-gray-200 dark:border-gray-700 rounded-b-xl">
  1978.      <!-- Category Badge -->
  1979.            <a href="https://masyitatrans.com/en/category/technology" class="absolute -top-3 left-6 inline-block rounded-full bg-gray-800 px-3 py-1 text-xs font-medium uppercase text-white" style="background-color:
  1980.                        
  1981.                        #5D3FD3
  1982.                    " title="Technology">
  1983.        Technology
  1984.      </a>
  1985.            <!-- Publish Date -->
  1986.      <p class="text-xs text-gray-500 dark:text-gray-400 mb-2">
  1987.        July 9, 2025
  1988.      </p>
  1989.      <!-- Title -->
  1990.      <h2 class="text-base font-semibold text-gray-800 dark:text-white mb-2 line-clamp-2">
  1991.        <a href="https://masyitatrans.com/en/article/inside-benjamin-franklin-tech-school" title="Inside Benjamin Franklin Tech School" class="hover:underline">
  1992.          Inside Benjamin Franklin Tech School
  1993.        </a>
  1994.      </h2>
  1995.      <!-- Description -->
  1996.      <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3">
  1997.        Discover Benjamin Franklin Cummings Institute of Technology: your path to in-demand careers through hands-on, practical training. Unlock your potential!
  1998.      </p>
  1999.    </div>
  2000.  </div>
  2001.    <div class="flex flex-col col-span-12 md:col-span-6 overflow-hidden shadow-md rounded-xl bg-white dark:bg-gray-800/40">
  2002.    <!-- Image Section -->
  2003.    <a href="https://masyitatrans.com/en/article/where-to-find-top-it-internships" class="block transform transition duration-200 hover:scale-105" title="Where to Find Top IT Internships">
  2004.      <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-xl overflow-hidden">
  2005.        <img src="https://masyitatrans.com/article-image/article-686bed27baed4-07-07-2025.png" alt="Where to Find Top IT Internships" class="w-full h-full object-cover" loading="lazy" width="400" height="275" />
  2006.      </div>
  2007.    </a>
  2008.    <!-- Content Section -->
  2009.    <div class="p-6 border-t border-gray-200 dark:border-gray-700 rounded-b-xl">
  2010.      <!-- Category Badge -->
  2011.            <a href="https://masyitatrans.com/en/category/technology" class="absolute -top-3 left-6 inline-block rounded-full bg-gray-800 px-3 py-1 text-xs font-medium uppercase text-white" style="background-color:
  2012.                        
  2013.                        #5D3FD3
  2014.                    " title="Technology">
  2015.        Technology
  2016.      </a>
  2017.            <!-- Publish Date -->
  2018.      <p class="text-xs text-gray-500 dark:text-gray-400 mb-2">
  2019.        July 11, 2025
  2020.      </p>
  2021.      <!-- Title -->
  2022.      <h2 class="text-base font-semibold text-gray-800 dark:text-white mb-2 line-clamp-2">
  2023.        <a href="https://masyitatrans.com/en/article/where-to-find-top-it-internships" title="Where to Find Top IT Internships" class="hover:underline">
  2024.          Where to Find Top IT Internships
  2025.        </a>
  2026.      </h2>
  2027.      <!-- Description -->
  2028.      <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3">
  2029.        Unlock your tech career! IT internships offer vital experience, skills, and networking. Discover how to find the best opportunities and stand out.
  2030.      </p>
  2031.    </div>
  2032.  </div>
  2033.    <div class="flex flex-col col-span-12 md:col-span-6 overflow-hidden shadow-md rounded-xl bg-white dark:bg-gray-800/40">
  2034.    <!-- Image Section -->
  2035.    <a href="https://masyitatrans.com/en/article/where-to-park-at-wood-tech-center" class="block transform transition duration-200 hover:scale-105" title="Where to Park at Wood Tech Center">
  2036.      <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-xl overflow-hidden">
  2037.        <img src="https://masyitatrans.com/article-image/article-686bed3590304-07-07-2025.png" alt="Where to Park at Wood Tech Center" class="w-full h-full object-cover" loading="lazy" width="400" height="275" />
  2038.      </div>
  2039.    </a>
  2040.    <!-- Content Section -->
  2041.    <div class="p-6 border-t border-gray-200 dark:border-gray-700 rounded-b-xl">
  2042.      <!-- Category Badge -->
  2043.            <a href="https://masyitatrans.com/en/category/technology" class="absolute -top-3 left-6 inline-block rounded-full bg-gray-800 px-3 py-1 text-xs font-medium uppercase text-white" style="background-color:
  2044.                        
  2045.                        #5D3FD3
  2046.                    " title="Technology">
  2047.        Technology
  2048.      </a>
  2049.            <!-- Publish Date -->
  2050.      <p class="text-xs text-gray-500 dark:text-gray-400 mb-2">
  2051.        July 7, 2025
  2052.      </p>
  2053.      <!-- Title -->
  2054.      <h2 class="text-base font-semibold text-gray-800 dark:text-white mb-2 line-clamp-2">
  2055.        <a href="https://masyitatrans.com/en/article/where-to-park-at-wood-tech-center" title="Where to Park at Wood Tech Center" class="hover:underline">
  2056.          Where to Park at Wood Tech Center
  2057.        </a>
  2058.      </h2>
  2059.      <!-- Description -->
  2060.      <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3">
  2061.        Master Wood Tech Center parking! Your ultimate stress-free guide to finding convenient and affordable spots for visitors, students, and pros.
  2062.      </p>
  2063.    </div>
  2064.  </div>
  2065.  </div>                      </div>
  2066. </div>
  2067.  </main>
  2068.  <!-- End Content -->
  2069.  <!-- Footer -->
  2070.  <footer class="w-full py-14 bg-[var(--light-bg)] dark:bg-[var(--dark-bg)] transition-colors duration-300 border-t border-gray-400 dark:border-gray-300">
  2071.  <div class="mx-auto px-4 sm:px-6 lg:px-8">
  2072.    <div wire:snapshot="{&quot;data&quot;:{&quot;email&quot;:null,&quot;sudah&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;ETMJv90TnMtjpH3dXgyv&quot;,&quot;name&quot;:&quot;landing.subscribe&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;38537e9aa407130611b8abd32837096e68fd1daa128f6c7ba4984f3aaedeb41c&quot;}" wire:effects="[]" wire:id="ETMJv90TnMtjpH3dXgyv" class="border-b border-gray-200 dark:border-gray-700 pb-14 flex justify-between items-center flex-col gap-8 lg:gap-0 lg:flex-row transition-colors duration-300">
  2073.  <div class="block">
  2074.    <h3 class="font-manrope text-3xl text-gray-900 dark:text-white font-bold mb-2 text-center lg:text-left">
  2075.      Sign up to our webpage    </h3>
  2076.    <p class="text-gray-500 dark:text-gray-400 text-center lg:text-left">
  2077.      Stay up to date with the latest update and announcement.    </p>
  2078.  </div>
  2079.  <div class="flex items-center flex-col gap-4 lg:flex-row">
  2080.    <div class="flex flex-col w-full lg:w-auto">
  2081.      <input type="text" wire:model.live="email" class="py-3 px-6 h-14 border border-gray-300 dark:border-gray-600 shadow-sm rounded-full focus:outline-none focus:ring-2 focus:ring-blue-500 bg-white dark:bg-gray-800 text-gray-900 dark:text-white transition-colors duration-300" placeholder="Enter Your Mail" />
  2082.                </div>
  2083.    <button wire:click.prevent="store" class="h-14 py-3.5 px-7 shadow-sm rounded-full text-white font-bold hover:opacity-90 transition-opacity duration-300" style="background-color: #213065">
  2084.      Subscribe    </button>
  2085.  </div>
  2086. </div>    <div class="grid grid-cols-2 min-[690px]:grid-cols-4 lg:grid-cols-6 gap-4 xl:gap-8 pt-14 pb-10 max-w-xs mx-auto min-[690px]:max-w-2xl lg:max-w-full">
  2087.      <div class="col-span-full mb-10 lg:col-span-2 lg:mb-0">
  2088.        <a href="/" class="flex justify-center lg:justify-start">
  2089.          <img src="https://masyitatrans.com/website-settings/logo-en-678f4028acdf9-21-01-2025-.png" alt="Masyita Trans Logo" class="w-40 h-8 dark:brightness-0 dark:invert-[1]" loading="lazy">
  2090.        </a>
  2091.        <p class="py-8 text-gray-500 dark:text-gray-400 lg:max-w-xs text-center lg:text-left">
  2092.          Discover insights on technology, business, and travel with Masyita Trans – your reliable partner for trusted information.
  2093.        </p>
  2094.        <a href="https://masyitatrans.com/contact-us" class="py-2.5 px-5 h-9 block w-fit rounded-full shadow-sm text-xs text-white mx-auto transition-all duration-500 lg:mx-0 hover:opacity-90" style="background-color: #213065">
  2095.          Contact Us        </a>
  2096.      </div>
  2097.            <div class="lg:mx-auto text-left">
  2098.        <h4 class="text-lg text-gray-900 dark:text-white font-medium mb-5">Category</h4>
  2099.        <ul class="text-sm transition-all duration-300 grid gap-1 grid-cols-1 sm:grid-cols-2 md:grid-cols-1">
  2100.                    <li>
  2101.            <a href="https://masyitatrans.com/en/category/automotive" class="text-gray-600 dark:text-gray-400 hover:text-[#213065] dark:hover:text-[#213065] transition-colors duration-300" rel="nofollow">
  2102.              Automotive
  2103.            </a>
  2104.          </li>
  2105.                    <li>
  2106.            <a href="https://masyitatrans.com/en/category/education" class="text-gray-600 dark:text-gray-400 hover:text-[#213065] dark:hover:text-[#213065] transition-colors duration-300" rel="nofollow">
  2107.              Education
  2108.            </a>
  2109.          </li>
  2110.                    <li>
  2111.            <a href="https://masyitatrans.com/en/category/finance" class="text-gray-600 dark:text-gray-400 hover:text-[#213065] dark:hover:text-[#213065] transition-colors duration-300" rel="nofollow">
  2112.              Finance
  2113.            </a>
  2114.          </li>
  2115.                    <li>
  2116.            <a href="https://masyitatrans.com/en/category/health" class="text-gray-600 dark:text-gray-400 hover:text-[#213065] dark:hover:text-[#213065] transition-colors duration-300" rel="nofollow">
  2117.              Health
  2118.            </a>
  2119.          </li>
  2120.                    <li>
  2121.            <a href="https://masyitatrans.com/en/category/insurance" class="text-gray-600 dark:text-gray-400 hover:text-[#213065] dark:hover:text-[#213065] transition-colors duration-300" rel="nofollow">
  2122.              Insurance
  2123.            </a>
  2124.          </li>
  2125.                    <li>
  2126.            <a href="https://masyitatrans.com/en/category/technology" class="text-gray-600 dark:text-gray-400 hover:text-[#213065] dark:hover:text-[#213065] transition-colors duration-300" rel="nofollow">
  2127.              Technology
  2128.            </a>
  2129.          </li>
  2130.                  </ul>
  2131.      </div>
  2132.            <div class="lg:mx-auto text-left">
  2133.        <h4 class="text-lg text-gray-900 dark:text-white font-medium mb-5">About Us</h4>
  2134.        <ul class="text-sm transition-all duration-300 grid gap-1 grid-cols-1 sm:grid-cols-2 md:grid-cols-1">
  2135.                    <li>
  2136.            <a href="https://masyitatrans.com/pages/about-us" class="text-gray-600 dark:text-gray-400 hover:text-[#213065] dark:hover:text-[#213065] transition-colors duration-300" rel="nofollow">
  2137.              About Us
  2138.            </a>
  2139.          </li>
  2140.                    <li>
  2141.            <a href="https://masyitatrans.com/pages/privacy-policy" class="text-gray-600 dark:text-gray-400 hover:text-[#213065] dark:hover:text-[#213065] transition-colors duration-300" rel="nofollow">
  2142.              Privacy Policy
  2143.            </a>
  2144.          </li>
  2145.                    <li>
  2146.            <a href="https://masyitatrans.com/pages/disclaimer" class="text-gray-600 dark:text-gray-400 hover:text-[#213065] dark:hover:text-[#213065] transition-colors duration-300" rel="nofollow">
  2147.              Disclaimer
  2148.            </a>
  2149.          </li>
  2150.                    <li>
  2151.            <a href="https://masyitatrans.com/pages/terms-of-service" class="text-gray-600 dark:text-gray-400 hover:text-[#213065] dark:hover:text-[#213065] transition-colors duration-300" rel="nofollow">
  2152.              Terms of Service
  2153.            </a>
  2154.          </li>
  2155.                  </ul>
  2156.      </div>
  2157.            <div class="lg:mx-auto text-left">
  2158.        <h4 class="text-lg text-gray-900 dark:text-white font-medium mb-5">Network</h4>
  2159.        <ul class="text-sm transition-all duration-300 grid gap-1 grid-cols-1 sm:grid-cols-2 md:grid-cols-1">
  2160.                    <li>
  2161.            <a href="https://cybtuts.com" class="text-gray-600 dark:text-gray-400 hover:text-[#213065] dark:hover:text-[#213065] transition-colors duration-300" rel="nofollow">
  2162.              Cybtuts
  2163.            </a>
  2164.          </li>
  2165.                    <li>
  2166.            <a href="https://dhuf.biz.id" class="text-gray-600 dark:text-gray-400 hover:text-[#213065] dark:hover:text-[#213065] transition-colors duration-300" rel="nofollow">
  2167.              Dhuf
  2168.            </a>
  2169.          </li>
  2170.                    <li>
  2171.            <a href="https://wartakompas.com" class="text-gray-600 dark:text-gray-400 hover:text-[#213065] dark:hover:text-[#213065] transition-colors duration-300" rel="nofollow">
  2172.              Warta Kompas
  2173.            </a>
  2174.          </li>
  2175.                  </ul>
  2176.      </div>
  2177.          </div>
  2178.    <div class="py-7 border-t border-gray-200 dark:border-gray-700">
  2179.      <div class="flex items-center justify-center flex-col lg:justify-between lg:flex-row">
  2180.        <span class="text-sm text-gray-500 dark:text-gray-400">Copyright 2024 Masyita Trans - All Rights Reserved.</span>
  2181.        <div class="flex mt-4 space-x-4 sm:justify-center lg:mt-0">
  2182.                    <a href="https://facebook.com" class="relative w-8 h-8 rounded-full transition-all duration-300 flex justify-center items-center bg-[#337FFF] hover:bg-gray-900 dark:hover:bg-gray-700">
  2183.            <svg class="w-[1rem] h-[1rem] text-white" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  2184.              <path d="M7.04111 7.81204L7.41156 5.46043H5.1296V3.93188C5.1296 3.28886 5.44818 2.66054 6.46692 2.66054H7.51899V0.657999C6.90631 0.560385 6.28723 0.507577 5.66675 0.5C3.78857 0.5 2.56239 1.62804 2.56239 3.66733V5.46043H0.480469V7.81204H2.56239V13.5H5.1296V7.81204H7.04111Z" fill="currentColor" />
  2185.            </svg>
  2186.          </a>
  2187.                              <a href="https://twitter.com" class="w-8 h-8 rounded-full transition-all duration-300 flex justify-center items-center bg-[#33CCFF] hover:bg-gray-900 dark:hover:bg-gray-700">
  2188.            <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  2189.              <g id="Social Media">
  2190.                <path id="Vector" d="M11.8214 9.81691L16.9919 3.93591H15.7667L11.2772 9.0423L7.6914 3.93591H3.55566L8.97803 11.6577L3.55566 17.8248H4.78097L9.522 12.4323L13.3088 17.8248H17.4446L11.8211 9.81691H11.8214ZM10.1432 11.7257L9.59382 10.9568L5.22246 4.83846H7.10445L10.6322 9.77615L11.1816 10.5451L15.7672 16.9633H13.8852L10.1432 11.726V11.7257Z" fill="white" />
  2191.              </g>
  2192.            </svg>
  2193.          </a>
  2194.                                                  <a href="https://youtube.com" class="relative w-8 h-8 rounded-full transition-all duration-300 flex justify-center items-center bg-[#FF0000] hover:bg-gray-900 dark:hover:bg-gray-700">
  2195.            <svg class="w-[1.25rem] h-[0.875rem] text-white" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  2196.              <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9191 1.10651C14.558 1.27906 15.0602 1.78251 15.2299 2.42069C15.5388 3.57887 15.5388 5.99687 15.5388 5.99687C15.5388 5.99687 15.5388 8.41487 15.2299 9.57306C15.0578 10.2136 14.5556 10.7171 13.9191 10.8872C12.7638 11.1969 8.12875 11.1969 8.12875 11.1969C8.12875 11.1969 3.49603 11.1969 2.33844 10.8872C1.69952 10.7147 1.19735 10.2112 1.0276 9.57306C0.71875 8.41487 0.71875 5.99687 0.71875 5.99687C0.71875 5.99687 0.71875 3.57887 1.0276 2.42069C1.1997 1.78015 1.70188 1.27669 2.33844 1.10651C3.49603 0.796875 8.12875 0.796875 8.12875 0.796875C8.12875 0.796875 12.7638 0.796875 13.9191 1.10651ZM10.4981 5.99687L6.6481 8.22578V3.76796L10.4981 5.99687Z" fill="white" />
  2197.            </svg>
  2198.          </a>
  2199.                                                </div>
  2200.      </div>
  2201.    </div>
  2202.  </div>
  2203. </footer>
  2204.  <!-- End Footer -->
  2205.    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript">var _Hasync= _Hasync|| [];
  2206. _Hasync.push(['Histats.start', '1,4962029,4,0,0,0,00010000']);
  2207. _Hasync.push(['Histats.fasi', '1']);
  2208. _Hasync.push(['Histats.track_hits', '']);
  2209. (function() {
  2210. var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
  2211. hs.src = ('//s10.histats.com/js15_as.js');
  2212. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
  2213. })();</script>
  2214. <noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?4962029&101" alt="" border="0"></a></noscript>
  2215.      <script>
  2216.    document.addEventListener("DOMContentLoaded",function(){let e=JSON.parse(localStorage.getItem("riwayatBerita"))||[];document.querySelectorAll(".read-status-list").forEach(t=>{let a=t.innerText.trim();e.find(e=>e.slug===a)&&(t.classList.remove("hidden"),t.innerText='Has Read')})});
  2217.   </script>
  2218. <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"3f83f27b728f4370abfc775f6cbcabe4","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
  2219. </body>
  2220. </html>
  2221.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda