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://luxurysosmed.com

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.    <title>Luxury Sosmed - SMM Panel Indonesia Termurah</title>
  6.    <!-- Primary Meta Tags -->
  7.    <meta charset="utf-8">
  8.    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">-->
  9.    <meta content='width=device-width, initial-scale=1' name='viewport'/>
  10.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11.    <meta name="description" content="Luxury Sosmed Platform SMM Panel Indonesia Terbaik, Tersedia Berbagai Macam Produk, Layanan & Pembayaran yang bisa digunakan. Layanan CS 24JAM, Proses Otomatis, Aman, & Pastinya Terjangkau." />
  12.    <meta name="keywords" content="smmpanel, smmindonesia, smm,panelsmm, panelmurah, paneltermurah, smm panel murah, smm panel indonesia, smm panel terbaik, smm panel, social media marketing, smm panel indonesia, penambah followers ig, beli followers instagram, tik tok followers, beli followers ig, beli followers tiktok, smm panel, smmpanel, smm, smm panel indonesia, panel smm, panelsmm, pusat panel smm, pusat smm, smm pusat, smm indonesia, smm panel termurah, smm panel terbaik" />
  13.    <meta name="author" content="Luxurysosmed" />
  14.    <meta name="robots" content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large" />
  15.    <link rel="canonical" href="https://luxurysosmed.com/" />
  16.    <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
  17.    <meta content="desktop" name="device">
  18.  
  19.    <!-- Open Graph / Facebook -->
  20.    <meta property="og:type" content="website" />
  21.    <meta property="og:url" content="https://luxurysosmed.com/" />
  22.    <meta property="og:title" content="Luxury Sosmed - SMM Panel Indonesia Termurah" />
  23.    <meta property="og:description" content="Luxury Sosmed Platform SMM Panel Indonesia Terbaik, Tersedia Berbagai Macam Produk, Layanan & Pembayaran yang bisa digunakan. Layanan CS 24JAM, Proses Otomatis, Aman, & Pastinya Terjangkau." />
  24.    <meta property="og:image" content="https://luxurysosmed.com/uploads/website/f7ce52b51338d7ec123ea7fb99589434.png" />
  25.    <meta property="og:image:secure_url" content="https://luxurysosmed.com/uploads/website/f7ce52b51338d7ec123ea7fb99589434.png" />
  26.    <meta property="og:image:width" content="3000" />
  27.    <meta property="og:image:height" content="3000" />
  28.    <meta property="og:image:type" content="image/jpg" />
  29.    <meta property="og:image:alt" content="Luxury Sosmed - SMM Panel Indonesia Termurah" />
  30.    <meta property="og:locale" content="id_ID" />
  31.  
  32.    <!-- Twitter -->
  33.    <meta name="twitter:card" content="summary_large_image" />
  34.    <meta property="twitter:url" content="https://luxurysosmed.com/" />
  35.    <meta property="twitter:title" content="Luxury Sosmed - SMM Panel Indonesia Termurah" />
  36.    <meta property="twitter:description" content="Luxury Sosmed Platform SMM Panel Indonesia Terbaik, Tersedia Berbagai Macam Produk, Layanan & Pembayaran yang bisa digunakan. Layanan CS 24JAM, Proses Otomatis, Aman, & Pastinya Terjangkau." />
  37.    <meta property="twitter:image" content="https://luxurysosmed.com/uploads/website/f7ce52b51338d7ec123ea7fb99589434.png" />
  38.    
  39.    <!-- Open Graph data -->
  40. <meta property="og:site_name" content="Luxury Sosmed - SMM Panel Indonesia Termurah" />
  41.    <meta property="og:type" content="website">
  42.    <meta property="og:url" content="https://luxurysosmed.com/">
  43.    <meta property="og:title" content="Luxury Sosmed - SMM Panel Indonesia Termurah">
  44.    <meta property="og:description" content="Luxury Sosmed Platform SMM Panel Indonesia Terbaik, Tersedia Berbagai Macam Produk, Layanan & Pembayaran yang bisa digunakan. Layanan CS 24JAM, Proses Otomatis, Aman, & Pastinya Terjangkau.">
  45.    <meta name="coverage" content="Worldwide">
  46.    <meta name="apple-mobile-web-app-title" content="Luxury Sosmed - SMM Panel Indonesia Termurah">
  47.    <meta name="apple-mobile-web-app-capable" content="yes">
  48.    <meta name="apple-touch-fullscreen" content="yes">
  49.    <meta property="og:image" content="https://luxurysosmed.com/uploads/website/f7ce52b51338d7ec123ea7fb99589434.png">
  50.    <meta property="og:image:width" content="600">
  51.    <meta property="og:image:height" content="auto">
  52.  
  53.    <!-- Custom Tag -->
  54.    
  55.    <!-- App favicon -->
  56.    <link rel="icon" href="https://luxurysosmed.com/uploads/website/27a5836d1b79b75f6fb395554810758b.png" type="image/x-icon" />
  57.    <link rel="apple-touch-icon" href="https://luxurysosmed.com/uploads/website/27a5836d1b79b75f6fb395554810758b.png" />
  58.    <meta name="msapplication-TileImage" content="https://luxurysosmed.com/uploads/website/27a5836d1b79b75f6fb395554810758b.png" />
  59.  
  60.    <!-- Page specific CSS -->
  61.    <link data-type="css" data-href="https://luxurysosmed.com/assets/css/plugins/animate.min.css" rel="stylesheet" type="text/css">
  62.    <link data-type="css" data-href="https://luxurysosmed.com/assets/css/plugins/swiper-bundle.css" rel="stylesheet">
  63.  
  64.    <!-- Google Font : Public Sans -->
  65.    <link data-type="css" data-href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
  66.  
  67.    <!-- Icons -->
  68.    <link rel="stylesheet" data-type="css" data-href="https://luxurysosmed.com/assets/fonts/tabler-icons.min.css">
  69.    <link rel="stylesheet" data-type="css" data-href="https://luxurysosmed.com/assets/fonts/feather.css">
  70.    <link rel="stylesheet" data-type="css" data-href="https://luxurysosmed.com/assets/fonts/fontawesome.css">
  71.    <link rel="stylesheet" data-type="css" data-href="https://luxurysosmed.com/assets/fonts/material.css">
  72.  
  73.    <!-- Template CSS Files -->
  74.    <link rel="stylesheet" data-type="css" data-href="https://luxurysosmed.com/assets/css/style.css" id="main-style-link">
  75.    <link rel="stylesheet" data-type="css" data-href="https://luxurysosmed.com/assets/css/style-preset.css">
  76.    <link rel="stylesheet" data-type="css" data-href="https://luxurysosmed.com/assets/css/landing.css">
  77.    <link rel="stylesheet" data-type="css" data-href="https://luxurysosmed.com/assets/css/custom.css">
  78.    <script async data-ad-host="adsjs" attribute="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7641298042817360"
  79.     crossorigin="anonymous"></script>
  80.    
  81.     <style>
  82.     /*! CSS Used from: /assets/css/plugins/animate.min.css */
  83. :root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1;}
  84. .animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both;}
  85. @media (prefers-reduced-motion:reduce),print{
  86. .animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;}
  87. }
  88. /*! CSS Used from: /assets/css/plugins/swiper-bundle.css */
  89. :root{--swiper-theme-color:#007aff;}
  90. .swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block;}
  91. .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box;}
  92. .swiper-wrapper{transform:translate3d(0px, 0, 0);}
  93. .swiper-horizontal{touch-action:pan-y;}
  94. .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block;}
  95. .swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
  96. :root{--swiper-navigation-size:44px;}
  97. .swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10;}
  98. .swiper-horizontal > .swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%;}
  99. .swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2);}
  100. .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;}
  101. .swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color));}
  102. .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px);}
  103. .swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;}
  104. /*! CSS Used from: /assets/fonts/fontawesome.css */
  105. .fa{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
  106. .fa-bars:before{content:'';}
  107. .fa-headset:before{content:'';}
  108. .fa-home:before{content:'';}
  109. h3.fw-bold.text-black.mb-3 {
  110.    font-size: 1rem;
  111. }
  112. a.btn.btn-primary.me-3 {
  113.    display: inline-flex;
  114. }
  115. span.section-title.mb-0 {
  116.    font-size: calc(1.3125rem + 0.75vw);
  117.    margin-bottom: 0 !important;
  118.    margin-top: -4px;
  119.    font-weight: 600;
  120. }
  121. .fa{font-family:'Font Awesome 5 Free';font-weight:900;}
  122. /*! CSS Used from: /assets/css/style.css */
  123. /*! @import /assets/fonts/phosphor/duotone/style.css */
  124. .ph-duotone{font-family:"Phosphor-Duotone"!important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
  125. .ph-duotone.ph-cpu:before{content:"\ebe3";opacity:0.2;}
  126. .ph-duotone.ph-cpu:after{content:"\ebe4";margin-left:-1em;}
  127. .ph-duotone.ph-headset:before{content:"\ee0f";opacity:0.2;}
  128. .ph-duotone.ph-headset:after{content:"\ee10";margin-left:-1em;}
  129. .ph-duotone.ph-medal:before{content:"\eecf";opacity:0.2;}
  130. .ph-duotone.ph-medal:after{content:"\eed0";margin-left:-1em;}
  131. .ph-duotone.ph-moon:before{content:"\eefb";opacity:0.2;}
  132. .ph-duotone.ph-moon:after{content:"\eefc";margin-left:-1em;}
  133. .ph-duotone.ph-sign-in:before{content:"\f0d1";opacity:0.2;}
  134. .ph-duotone.ph-sign-in:after{content:"\f0d2";margin-left:-1em;}
  135. .ph-duotone.ph-sun-dim:before{content:"\f17b";opacity:0.2;}
  136. .ph-duotone.ph-sun-dim:after{content:"\f17c";margin-left:-1em;}
  137. .ph-duotone.ph-tag:before{content:"\f195";opacity:0.2;}
  138. .ph-duotone.ph-tag:after{content:"\f196";margin-left:-1em;}
  139. .ph-duotone.ph-thumbs-up:before{content:"\f1e3";opacity:0.2;}
  140. .ph-duotone.ph-thumbs-up:after{content:"\f1e4";margin-left:-1em;}
  141. /*! end @import */
  142. :root{--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--pc-heading-color:#1D2630;--pc-active-background:#F3F5F7;--pc-sidebar-background:#fff;--pc-sidebar-color:#5b6b79;--pc-sidebar-color-rgb:57, 70, 95;--pc-sidebar-submenu-border-color:var(--bs-gray-300);--pc-sidebar-active-color:#0d6efd;--pc-sidebar-shadow:0px 0px 24px rgba(27, 46, 94, 0.05);--pc-sidebar-caption-color:var(--pc-heading-color);--pc-sidebar-border:none;--pc-header-background:rgba(var(--bs-body-bg-rgb), 0.7);--pc-header-color:#5b6b79;--pc-header-shadow:none;--pc-card-box-shadow:0px 8px 24px rgba(27, 46, 94, 0.12);--pc-header-submenu-background:#ffffff;--pc-header-submenu-color:#5b6b79;}
  143. body{font-feature-settings:"salt";}
  144. h1,h2{font-weight:700;}
  145. :root{--bs-blue:#04A9F5;--bs-indigo:#6610f2;--bs-purple:#4c4c4c;--bs-pink:#e83e8c;--bs-red:#dc2626;--bs-orange:#fd7e14;--bs-yellow:#e58a00;--bs-green:#2ca87f;--bs-teal:#008080;--bs-cyan:#3ec9d6;--bs-black:#000000;--bs-white:#ffffff;--bs-gray:#5B6B79;--bs-gray-dark:#1D2630;--bs-gray-100:#f8f9fa;--bs-gray-200:#F3F5F7;--bs-gray-300:#DBE0E5;--bs-gray-400:#BEC8D0;--bs-gray-500:#8996A4;--bs-gray-600:#5B6B79;--bs-gray-700:#3E4853;--bs-gray-800:#1D2630;--bs-gray-900:#131920;--bs-primary:#04A9F5;--bs-secondary:#5b6b79;--bs-success:#2ca87f;--bs-info:#3ec9d6;--bs-warning:#e58a00;--bs-danger:#dc2626;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:4, 169, 245;--bs-secondary-rgb:91, 107, 121;--bs-success-rgb:44, 168, 127;--bs-info-rgb:62, 201, 214;--bs-warning-rgb:229, 138, 0;--bs-danger-rgb:220, 38, 38;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#B4E5FC;--bs-secondary-bg-subtle:#f8f9fa;--bs-success-bg-subtle:#c0e5d9;--bs-info-bg-subtle:#C5ECF9;--bs-warning-bg-subtle:#F8DC86;--bs-danger-bg-subtle:#F99B94;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#BEC8D0;--bs-primary-border-subtle:#82D4FA;--bs-secondary-border-subtle:#F3F5F7;--bs-success-border-subtle:#96d4bf;--bs-info-border-subtle:#9FDFF5;--bs-warning-border-subtle:#F7D56E;--bs-danger-border-subtle:#F88077;--bs-light-border-subtle:#F3F5F7;--bs-dark-border-subtle:#8996A4;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:"Public Sans", sans-serif;--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:0.875rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#5b6b79;--bs-body-color-rgb:57, 70, 95;--bs-body-bg:#F4F7FA;--bs-body-bg-rgb:244, 247, 250;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33, 37, 41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33, 37, 41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:#29344A;--bs-link-color:#04A9F5;--bs-link-color-rgb:4, 169, 245;--bs-link-decoration:none;--bs-link-hover-color:#0387c4;--bs-link-hover-color-rgb:3, 135, 196;--bs-link-hover-decoration:underline;--bs-code-color:#e83e8c;--bs-highlight-color:#212529;--bs-highlight-bg:#fcf8e3;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#DBE0E5;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:8px;--bs-border-radius-sm:6px;--bs-border-radius-lg:10px;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545;}
  146. *,*::before,*::after{box-sizing:border-box;}
  147. @media (prefers-reduced-motion: no-preference){
  148. :root{scroll-behavior:smooth;}
  149. }
  150. body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
  151. h5,h4,h2,h1{margin-top:0;margin-bottom:0.5rem;font-weight:600;line-height:1.2;color:var(--bs-heading-color);}
  152. h1{font-size:calc(1.3625rem + 1.35vw);}
  153. @media (min-width: 1200px){
  154. h1{font-size:2.375rem;}
  155. }
  156. h2{font-size:calc(1.3125rem + 0.75vw);}
  157. @media (min-width: 1200px){
  158. h2{font-size:1.875rem;}
  159. }
  160. h4{font-size:1.25rem;}
  161. h5{font-size:1rem;}
  162. p{margin-top:0;margin-bottom:1rem;}
  163. ul{padding-left:2rem;}
  164. ul{margin-top:0;margin-bottom:1rem;}
  165. ul ul{margin-bottom:0;}
  166. b{font-weight:bolder;}
  167. a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:none;}
  168. a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb);text-decoration:underline;}
  169. img{vertical-align:middle;}
  170. button{border-radius:0;}
  171. button:focus:not(:focus-visible){outline:0;}
  172. button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
  173. button{text-transform:none;}
  174. [role=button]{cursor:pointer;}
  175. button,[type=button]{-webkit-appearance:button;}
  176. button:not(:disabled),[type=button]:not(:disabled){cursor:pointer;}
  177. iframe{border:0;}
  178. .img-fluid{max-width:100%;height:auto;}
  179. .container,.container-fluid{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-right:auto;margin-left:auto;}
  180. @media (min-width: 576px){
  181. .container{max-width:540px;}
  182. }
  183. @media (min-width: 768px){
  184. .container{max-width:720px;}
  185. }
  186. @media (min-width: 992px){
  187. .container{max-width:960px;}
  188. }
  189. @media (min-width: 1200px){
  190. .container{max-width:1140px;}
  191. }
  192. @media (min-width: 1400px){
  193. .container{max-width:1320px;}
  194. }
  195. :root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px;}
  196. .row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x));}
  197. .row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y);}
  198. .col{flex:1 0 0%;}
  199. .col-11{flex:0 0 auto;width:91.66666667%;}
  200. .col-12{flex:0 0 auto;width:100%;}
  201. .g-3{--bs-gutter-x:1rem;}
  202. .g-3,.gy-3{--bs-gutter-y:1rem;}
  203. .g-4{--bs-gutter-x:1.5rem;}
  204. .g-4{--bs-gutter-y:1.5rem;}
  205. @media (min-width: 576px){
  206. .col-sm-10{flex:0 0 auto;width:83.33333333%;}
  207. .col-sm-12{flex:0 0 auto;width:100%;}
  208. .gy-sm-4{--bs-gutter-y:1.5rem;}
  209. }
  210. @media (min-width: 768px){
  211. .col-md-4{flex:0 0 auto;width:33.33333333%;}
  212. .col-md-6{flex:0 0 auto;width:50%;}
  213. .col-md-8{flex:0 0 auto;width:66.66666667%;}
  214. .col-md-9{flex:0 0 auto;width:75%;}
  215. }
  216. @media (min-width: 992px){
  217. .col-lg-4{flex:0 0 auto;width:33.33333333%;}
  218. .col-lg-7{flex:0 0 auto;width:58.33333333%;}
  219. .col-lg-8{flex:0 0 auto;width:66.66666667%;}
  220. .col-lg-12{flex:0 0 auto;width:100%;}
  221. }
  222. @media (min-width: 1200px){
  223. .col-xl-6{flex:0 0 auto;width:50%;}
  224. .col-xl-7{flex:0 0 auto;width:58.33333333%;}
  225. .col-xl-10{flex:0 0 auto;width:83.33333333%;}
  226. }
  227. @media (min-width: 1400px){
  228. .col-xxl-5{flex:0 0 auto;width:41.66666667%;}
  229. }
  230. .btn{--bs-btn-padding-x:1rem;--bs-btn-padding-y:0.562rem;--bs-btn-font-size:0.875rem;--bs-btn-font-weight:500;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:8px;--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.2rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
  231. @media (prefers-reduced-motion: reduce){
  232. .btn{transition:none;}
  233. }
  234. .btn:hover{color:var(--bs-btn-hover-color);text-decoration:none;background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);}
  235. :not(.btn-check)+.btn:active,.btn:first-child:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color);}
  236. .btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity);}
  237. .btn-primary{--bs-btn-color:#ffffff;--bs-btn-bg:#04A9F5;--bs-btn-border-color:#04A9F5;--bs-btn-hover-color:#ffffff;--bs-btn-hover-bg:#0390d0;--bs-btn-hover-border-color:#0387c4;--bs-btn-focus-shadow-rgb:42, 182, 247;--bs-btn-active-color:#ffffff;--bs-btn-active-bg:#0387c4;--bs-btn-active-border-color:#037fb8;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffffff;--bs-btn-disabled-bg:#04A9F5;--bs-btn-disabled-border-color:#04A9F5;}
  238. .btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#212529;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248, 249, 250;--bs-btn-active-color:#212529;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none;}
  239. .btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#ffffff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33, 37, 41;--bs-btn-active-color:#ffffff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none;}
  240. .collapse:not(.show){display:none;}
  241. .dropdown{position:relative;}
  242. .dropdown-toggle{white-space:nowrap;}
  243. .dropdown-toggle::after{display:inline-block;margin-left:0.255em;vertical-align:0.255em;content:"";border-top:0.3em solid;border-right:0.3em solid transparent;border-bottom:0;border-left:0.3em solid transparent;}
  244. .dropdown-toggle:empty::after{margin-left:0;}
  245. .dropdown-menu{--bs-dropdown-zindex:1026;--bs-dropdown-min-width:12rem;--bs-dropdown-padding-x:0.5rem;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:0.875rem;--bs-dropdown-color:#5b6b79;--bs-dropdown-bg:#ffffff;--bs-dropdown-border-color:rgba(0, 0, 0, 0.15);--bs-dropdown-border-radius:8px;--bs-dropdown-border-width:0;--bs-dropdown-inner-border-radius:8px;--bs-dropdown-divider-bg:#F3F5F7;--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.175);--bs-dropdown-link-color:#5b6b79;--bs-dropdown-link-hover-color:var(--bs-dropdown-link-color);--bs-dropdown-link-hover-bg:#F3F5F7;--bs-dropdown-link-active-color:var(--bs-dropdown-link-color);--bs-dropdown-link-active-bg:var(--pc-active-background);--bs-dropdown-link-disabled-color:#5B6B79;--bs-dropdown-item-padding-x:0.95rem;--bs-dropdown-item-padding-y:0.65rem;--bs-dropdown-header-color:#5B6B79;--bs-dropdown-header-padding-x:0.95rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius);}
  246. .dropdown-menu-end{--bs-position:end;}
  247. .dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius, 0);}
  248. .dropdown-item:hover,.dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);text-decoration:none;background-color:var(--bs-dropdown-link-hover-bg);}
  249. .dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg);}
  250. .dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent;}
  251. .nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);background:none;border:0;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;}
  252. @media (prefers-reduced-motion: reduce){
  253. .nav-link{transition:none;}
  254. }
  255. .nav-link:hover,.nav-link:focus{color:var(--bs-nav-link-hover-color);text-decoration:none;}
  256. .nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default;}
  257. .navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:calc(1rem / 2);--bs-navbar-color:rgba(0, 0, 0, 0.55);--bs-navbar-hover-color:rgba(0, 0, 0, 0.7);--bs-navbar-disabled-color:rgba(0, 0, 0, 0.3);--bs-navbar-active-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-padding-y:0.3359375rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.09375rem;--bs-navbar-brand-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-hover-color:rgba(0, 0, 0, 0.9);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.09375rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(0, 0, 0, 0.1);--bs-navbar-toggler-border-radius:8px;--bs-navbar-toggler-focus-width:0.2rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);}
  258. .navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between;}
  259. .navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none;}
  260. .navbar-nav .dropdown-menu{position:static;}
  261. .navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center;}
  262. .navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition);}
  263. @media (prefers-reduced-motion: reduce){
  264. .navbar-toggler{transition:none;}
  265. }
  266. .navbar-toggler:hover{text-decoration:none;}
  267. .navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width);}
  268. .navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%;}
  269. @media (min-width: 768px){
  270. .navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start;}
  271. .navbar-expand-md .navbar-nav{flex-direction:row;}
  272. .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute;}
  273. .navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x);}
  274. .navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto;}
  275. .navbar-expand-md .navbar-toggler{display:none;}
  276. }
  277. .card{--bs-card-spacer-y:25px;--bs-card-spacer-x:25px;--bs-card-title-spacer-y:0.5rem;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-border-color);--bs-card-border-radius:12px;--bs-card-box-shadow:0px 8px 24px rgba(27, 46, 94, 0.08);--bs-card-inner-border-radius:calc(12px - 1px);--bs-card-cap-padding-y:25px;--bs-card-cap-padding-x:25px;--bs-card-cap-bg:transparent;--bs-card-bg:#ffffff;--bs-card-img-overlay-padding:1.25rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius);}
  278. .card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color);}
  279. [data-pc-direction=ltr] .d-flex{display:flex!important;}
  280. [data-pc-direction=ltr] .shadow-none{box-shadow:none!important;}
  281. [data-pc-direction=ltr] .border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;}
  282. [data-pc-direction=ltr] .border-0{border:0!important;}
  283. [data-pc-direction=ltr] .border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb), var(--bs-border-opacity))!important;}
  284. [data-pc-direction=ltr] .border-0{border-width:0!important;}
  285. [data-pc-direction=ltr] .border-opacity-25{--bs-border-opacity:0.25;}
  286. [data-pc-direction=ltr] .flex-grow-1{flex-grow:1!important;}
  287. [data-pc-direction=ltr] .flex-shrink-0{flex-shrink:0!important;}
  288. [data-pc-direction=ltr] .justify-content-center{justify-content:center!important;}
  289. [data-pc-direction=ltr] .align-items-start{align-items:flex-start!important;}
  290. [data-pc-direction=ltr] .align-items-center{align-items:center!important;}
  291. [data-pc-direction=ltr] .my-0{margin-top:0!important;margin-bottom:0!important;}
  292. [data-pc-direction=ltr] .my-3{margin-top:1rem!important;margin-bottom:1rem!important;}
  293. [data-pc-direction=ltr] .mt-0{margin-top:0!important;}
  294. [data-pc-direction=ltr] .mt-1{margin-top:0.25rem!important;}
  295. [data-pc-direction=ltr] .mt-2{margin-top:0.5rem!important;}
  296. [data-pc-direction=ltr] .mt-3{margin-top:1rem!important;}
  297. [data-pc-direction=ltr] .me-0{margin-right:0!important;}
  298. [data-pc-direction=ltr] .me-2{margin-right:0.5rem!important;}
  299. [data-pc-direction=ltr] .me-3{margin-right:1rem!important;}
  300. [data-pc-direction=ltr] .mb-0{margin-bottom:0!important;}
  301. [data-pc-direction=ltr] .mb-2{margin-bottom:0.5rem!important;}
  302. [data-pc-direction=ltr] .mb-3{margin-bottom:1rem!important;}
  303. [data-pc-direction=ltr] .mb-4{margin-bottom:1.5rem!important;}
  304. [data-pc-direction=ltr] .ms-3{margin-left:1rem!important;}
  305. [data-pc-direction=ltr] .ms-auto{margin-left:auto!important;}
  306. [data-pc-direction=ltr] .p-4{padding:1.5rem!important;}
  307. [data-pc-direction=ltr] .px-1{padding-right:0.25rem!important;padding-left:0.25rem!important;}
  308. [data-pc-direction=ltr] .py-0{padding-top:0!important;padding-bottom:0!important;}
  309. [data-pc-direction=ltr] .pt-0{padding-top:0!important;}
  310. [data-pc-direction=ltr] .fs-3{font-size:calc(1.275rem + 0.3vw)!important;}
  311. [data-pc-direction=ltr] .fw-normal{font-weight:400!important;}
  312. [data-pc-direction=ltr] .fw-bold{font-weight:700!important;}
  313. [data-pc-direction=ltr] .fw-bolder{font-weight:bolder!important;}
  314. [data-pc-direction=ltr] .text-center{text-align:center!important;}
  315. [data-pc-direction=ltr] .text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb), var(--bs-text-opacity))!important;}
  316. [data-pc-direction=ltr] .text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb), var(--bs-text-opacity))!important;}
  317. [data-pc-direction=ltr] .text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb), var(--bs-text-opacity))!important;}
  318. [data-pc-direction=ltr] .text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb), var(--bs-text-opacity))!important;}
  319. [data-pc-direction=ltr] .text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important;}
  320. [data-pc-direction=ltr] .text-opacity-50{--bs-text-opacity:0.5;}
  321. [data-pc-direction=ltr] .text-opacity-75{--bs-text-opacity:0.75;}
  322. [data-pc-direction=ltr] .bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb), var(--bs-bg-opacity))!important;}
  323. [data-pc-direction=ltr] .bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb), var(--bs-bg-opacity))!important;}
  324. [data-pc-direction=ltr] .bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb), var(--bs-bg-opacity))!important;}
  325. [data-pc-direction=ltr] .rounded{border-radius:var(--bs-border-radius)!important;}
  326. [data-pc-direction=ltr] .rounded-circle{border-radius:50%!important;}
  327. @media (min-width: 576px){
  328. [data-pc-direction=ltr] .mx-sm-3{margin-right:1rem!important;margin-left:1rem!important;}
  329. }
  330. @media (min-width: 768px){
  331. [data-pc-direction=ltr] .mb-md-0{margin-bottom:0!important;}
  332. [data-pc-direction=ltr] .mb-md-5{margin-bottom:3rem!important;}
  333. [data-pc-direction=ltr] .p-md-5{padding:3rem!important;}
  334. }
  335. @media (min-width: 992px){
  336. [data-pc-direction=ltr] .mt-lg-0{margin-top:0!important;}
  337. [data-pc-direction=ltr] .mt-lg-4{margin-top:1.5rem!important;}
  338. [data-pc-direction=ltr] .mb-lg-0{margin-bottom:0!important;}
  339. }
  340. @media (min-width: 1200px){
  341. [data-pc-direction=ltr] .fs-3{font-size:1.5rem!important;}
  342. }
  343. .f-24{font-size:24px;}
  344. .f-w-400{font-weight:400;}
  345. .wid-40{width:40px;}
  346. .bg-light-primary{background:#e6f6fe;color:#04A9F5;}
  347. .text-sm{font-size:0.75rem!important;}
  348. *:focus{outline:none;}
  349. a:hover{outline:none;text-decoration:none;}
  350. p{font-size:14px;}
  351. h5,h4,h2,h1{color:var(--pc-heading-color);}
  352. b{font-weight:600;}
  353. @media (min-width: 1600px){
  354. .container{max-width:1540px;}
  355. }
  356. .avtar{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:18px;font-weight:600;width:48px;height:48px;}
  357. .btn{font-size:14px;}
  358. .btn i{font-size:18px;}
  359. .btn i.ph-duotone{vertical-align:text-bottom;}
  360. .btn[class*=btn-outline-]:not(:hover){box-shadow:none;}
  361. .btn.btn-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;font-size:14px;font-weight:600;padding:0;width:40px;height:40px;}
  362. .dropdown-toggle.arrow-none:after{display:none;}
  363. .dropdown .dropdown-item{display:flex;align-items:center;}
  364. .dropdown .dropdown-item:active,.dropdown .dropdown-item:focus,.dropdown .dropdown-item:hover{background:var(--pc-active-background);color:var(--bs-dropdown-link-color);}
  365. .dropdown-menu{--bs-dropdown-zindex:8;box-shadow:0 4px 24px 0 rgba(62, 57, 107, 0.18);border:none;padding:8px;}
  366. .dropdown-menu .dropdown-item{border-radius:8px;padding:10px 15px;}
  367. .dropdown-menu .dropdown-item i{font-size:18px;margin-right:10px;}
  368. .card{box-shadow:var(--pc-card-box-shadow);margin-bottom:24px;transition:box-shadow 0.2s ease-in-out;}
  369. @media (max-width: 575.98px){
  370. .card{margin-bottom:20px;}
  371. .card .card-body{padding:20px;}
  372. }
  373. .chat-badge{width:8px;height:8px;border-radius:50%;display:inline-block;position:relative;color:#fff;overflow:hidden;}
  374. .chat-avtar{position:relative;}
  375. .chat-avtar .chat-badge{position:absolute;bottom:1px;right:1px;}
  376. @media (max-width: 1399.98px){
  377. .chat-avtar .wid-40{min-width:35px;}
  378. }
  379. /*! CSS Used from: /assets/css/style-preset.css */
  380. body{font-feature-settings:"salt";}
  381. h1,h2{font-weight:700;}
  382. :root{--bs-body-bg:#F4F7FA;--bs-body-bg-rgb:244, 247, 250;--pc-heading-color:#1D2630;--pc-active-background:#F3F5F7;--pc-sidebar-background:#fff;--pc-sidebar-color:#39465F;--pc-sidebar-color-rgb:57, 70, 95;--pc-sidebar-submenu-border-color:var(--bs-gray-300);--pc-sidebar-active-color:#0d6efd;--pc-sidebar-shadow:0px 0px 24px rgba(27, 46, 94, 0.05);--pc-sidebar-caption-color:var(--pc-heading-color);--pc-sidebar-border:none;--pc-header-background:rgba(var(--bs-body-bg-rgb), 0.7);--pc-header-color:#39465F;--pc-header-shadow:none;--pc-card-box-shadow:0px 8px 24px rgba(27, 46, 94, 0.12);--pc-header-submenu-background:#ffffff;--pc-header-submenu-color:#39465F;}
  383. [data-pc-preset=preset-1]{--pc-sidebar-active-color:#04A9F5;--bs-blue:#04A9F5;--bs-primary:#04A9F5;--bs-primary-rgb:4, 169, 245;--bs-primary-light:#e6f6fe;--bs-link-color:#04A9F5;--bs-link-color-rgb:4, 169, 245;--bs-link-hover-color:#0387c4;--bs-link-hover-color-rgb:to-rgb(shift-color($pc-primary, $link-shade-percentage));--dt-row-selected:4, 169, 245;}
  384. [data-pc-preset=preset-1] .bg-light-primary{background:#e6f6fe;color:#04A9F5;}
  385. [data-pc-preset=preset-1] .btn-primary{--bs-btn-color:#ffffff;--bs-btn-bg:#04A9F5;--bs-btn-border-color:#04A9F5;--bs-btn-hover-color:#ffffff;--bs-btn-hover-bg:#0390d0;--bs-btn-hover-border-color:#0387c4;--bs-btn-focus-shadow-rgb:42, 182, 247;--bs-btn-active-color:#ffffff;--bs-btn-active-bg:#0387c4;--bs-btn-active-border-color:#037fb8;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffffff;--bs-btn-disabled-bg:#04A9F5;--bs-btn-disabled-border-color:#04A9F5;}
  386. [data-pc-theme=dark]{--bs-body-bg:#131920;--bs-body-bg-rgb:19, 25, 32;--pc-heading-color:rgba(255, 255, 255, 0.8);--pc-sidebar-background:#1D2630;--pc-sidebar-color:#FFFFFF;--pc-sidebar-color-rgb:255, 255, 255;--pc-sidebar-submenu-border-color:var(--bs-gray-600);--pc-sidebar-caption-color:#748892;--pc-header-background:rgba(var(--bs-body-bg-rgb), 0.7);--pc-header-color:#6f747f;--pc-header-shadow:none;--pc-active-background:#19212a;--pc-card-box-shadow:0px 8px 24px rgba(var(--bs-body-bg-rgb), 0.5);--pc-header-submenu-background:#263240;--pc-header-submenu-color:var(--bs-body-color);--bs-heading-color:#fafafa;--bs-body-color:#bfbfbf;--bs-body-color-rgb:to-rgb(#bfbfbf);--bs-border-color:#303f50;--ck-color-image-caption-background:#1b232d;--ck-color-image-caption-text:#bfbfbf;}
  387. [data-pc-theme=dark] .text-muted{color:#294d5f !important}
  388. [data-pc-theme=dark] .card{--bs-card-border-color:#303f50;--bs-card-bg:#1b232d;}
  389. [data-pc-theme=dark] .btn:not(.btn-light){--bs-btn-color:var(--bs-heading-color);}
  390. [data-pc-theme=dark] .dropdown-menu{--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-bg:#263240;--bs-dropdown-link-hover-bg:#19212a;--bs-dropdown-divider-bg:#1d2630;}
  391. [data-pc-theme=dark] .navbar.navbar-light .navbar-nav{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#ffffff;--bs-navbar-brand-color:#ffffff;--bs-navbar-brand-hover-color:#ffffff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
  392. [data-pc-theme=dark] .loader{background-color:rgba(19, 25, 32, 0.5);}
  393. [data-pc-theme=dark] .bg-light-primary{background:rgba(13, 110, 253, 0.2);}
  394. [data-pc-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
  395. /*! CSS Used from: /assets/css/landing.css */
  396. body{font-feature-settings:"salt";}
  397. h1,h2{font-weight:700;}
  398. :root{--bs-body-bg:#F4F7FA;--bs-body-bg-rgb:244, 247, 250;--pc-heading-color:#1D2630;--pc-active-background:#F3F5F7;--pc-sidebar-background:#fff;--pc-sidebar-color:#39465F;--pc-sidebar-color-rgb:57, 70, 95;--pc-sidebar-submenu-border-color:var(--bs-gray-300);--pc-sidebar-active-color:#0d6efd;--pc-sidebar-shadow:0px 0px 24px rgba(27, 46, 94, 0.05);--pc-sidebar-caption-color:var(--pc-heading-color);--pc-sidebar-border:none;--pc-header-background:rgba(var(--bs-body-bg-rgb), 0.7);--pc-header-color:#39465F;--pc-header-shadow:none;--pc-card-box-shadow:0px 8px 24px rgba(27, 46, 94, 0.12);--pc-header-submenu-background:#ffffff;--pc-header-submenu-color:#39465F;}
  399. section{padding:100px 0;}
  400. .section-title{margin-top:-6px;}
  401. @media (max-width: 940px){
  402. .section-title{margin-top:-5px;}
  403. }
  404. @media (max-width: 460px){
  405. .section-title{margin-top:-4px;}
  406. }
  407. .title{margin-bottom:50px;}
  408. .title h2{font-weight:600;}
  409. .landing-page{overflow-x:hidden;background:var(--bs-body-bg);}
  410. @media (min-width: 1600px){
  411. .landing-page .container{max-width:1200px;}
  412. }
  413. .navbar{position:fixed;padding:16px 0;width:100%;z-index:1099;top:0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-color:var(--pc-header-background);}
  414. .navbar.top-nav-collapse.default{box-shadow:none;}
  415. .navbar.default,.navbar.top-nav-collapse{box-shadow:0 8px 6px -10px rgba(0, 0, 0, 0.5);}
  416. .navbar .nav-link{font-weight:500;color:var(--bs-body-color);}
  417. .navbar .nav-link:active,.navbar .nav-link:hover,.navbar .nav-link:focus{color:var(--bs-primary);}
  418. header{overflow:hidden;position:relative;padding:90px 0 0px 0;display:flex;align-items:center;justify-content:center;background-size:cover;flex-direction:column;}
  419. header h1{font-size:55px;}
  420. header .container{position:relative;z-index:5;}
  421. header .header-content{position:relative;}
  422. header .header-content p{color:rgba(255, 255, 255, 0.8);}
  423. header > *{position:relative;z-index:5;}
  424. header .img-header-bg{position:absolute;top:0;left:54%;transform:translate(-50%, -50%);right:-5%;animation:anim-rotate 90s linear infinite;}
  425. @media (max-width: 1199.98px){
  426. header .img-header-bg{width:42%;}
  427. }
  428. .home-section{padding-top:90px;padding-bottom:90px;border-radius:40px;overflow:hidden;min-height:calc(100vh - 120px);display:flex;align-items:center;}
  429. @media (min-width: 1400px){
  430. .home-section .header-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:40px;}
  431. .home-section .header-content > .row{flex:1;width:100%;}
  432. }
  433. .home-section .header-badge{padding:10px 30px;background:rgba(91, 107, 121, 0.5);border-radius:40px;border:1px solid var(--bs-gray-600);font-weight:500;display:inline-flex;align-items:center;}
  434. @media (max-width: 575.98px){
  435. .home-section .header-badge{padding:8px 15px;}
  436. }
  437. .home-section .header-badge i{font-size:calc(18px + 14 * (100vw - 375px) / 1545);}
  438. .home-section.home-section-2{padding-bottom:0;padding-left:0;padding-right:0;position:relative;}
  439. .home-section.home-section-2 .img-header-main{margin-top:40px;border-radius:var(--bs-border-radius) var(--bs-border-radius) 0 0;overflow:hidden;position:relative;}
  440. .home-section.home-section-2 .img-header-main:after{content:"";position:absolute;bottom:0;left:0;right:0;top:0;background:linear-gradient(180deg, transparent 60%, rgba(23, 31, 39, 0.6));}
  441. @media (min-width: 1400px){
  442. .home-section.home-section-2 .header-content{gap:10px;}
  443. }
  444. .bg-dark{background:linear-gradient(198deg, #131920 21.56%, #1d2630 48.55%, #131920 91.02%), #f7f9fc;}
  445. .layout-card{border:1px solid var(--bs-border-color);margin-bottom:20px;box-shadow:none;background:var(--bs-primary-light);}
  446. .layout-card .card-body{padding:20px 20px 0;overflow:hidden;}
  447. .comminuties-slides p{font-size:16px;color:var(--pc-heading-color);}
  448. .product-section{position:relative;}
  449. .product-section > *{position:relative;z-index:5;}
  450. .product-section .section-title{margin-top:-5px;}
  451. @media (max-width: 818px){
  452. .product-section .section-title{margin-top:-4px;}
  453. }
  454. .product-section .card{margin-bottom:0;}
  455. .product-cards-block{position:relative;}
  456. .product-cards-block .card{min-height:150px;transition:0.5s;}
  457. .product-cards-block .card:hover{transform:translateY(-5px);transition:0.5s;}
  458. .counter-block{position:relative;}
  459. .counter-block .img-counter-bg{position:absolute;right:45%;top:0;transform:translateX(100%);}
  460. @media (max-width: 991.98px){
  461. .counter-block .img-counter-bg{right:0;transform:none;}
  462. }
  463. .counter-block .counter{font-weight:700;font-size:50px;}
  464. @media (max-width: 575.98px){
  465. .counter-block .counter{font-size:30px;}
  466. .counter-block .counter + h4{font-size:14px;}
  467. }
  468. .footer .footer-bottom{padding:22px 0;}
  469. @media (max-width: 991.98px){
  470. section{padding:40px 0;}
  471. }
  472. [data-pc-theme=dark].landing-page .bg-white{background:#1b232d!important;--bs-white:lighten($dark-layout-color, 4%);}
  473. [data-pc-theme=dark].landing-page .product-section:after{background:#1b232d;}
  474. [data-pc-theme=dark].landing-page .product-section .card{background:#1e2833;}
  475. @media (max-width: 991.98px){
  476. header h1{font-size:35px;}
  477. }
  478. @media (max-width: 767.98px){
  479. header .header-content{text-align:center;}
  480. header h1{font-size:30px;}
  481. }
  482. @media (max-width: 575.98px){
  483. header h1{font-size:24px;}
  484. }
  485. /*! CSS Used from: /assets/css/custom.css */
  486. .hp-hero-text-gradient{--hp-bg-size:400%;--hp-color-one:rgb(37, 161, 244);--hp-color-two:rgb(249, 31, 169);background:linear-gradient(90deg,              var(--hp-color-one),              var(--hp-color-two),              var(--hp-color-one)) 0 0 / var(--hp-bg-size) 100%;color:transparent!important;-webkit-background-clip:text;background-clip:text;animation:hp-move-bg 24s infinite linear;}
  487. .btn-primary{background-image:linear-gradient(180deg,              rgba(255, 255, 255, 0.25),              rgba(255, 255, 255, 0))!important;border:none;}
  488. .loader{position:fixed;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.5);z-index:999999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;transition:opacity 1s ease-out;}
  489. .custom-loader{margin:0 auto;width:50px;height:50px;--pc:radial-gradient(farthest-side, var(--bs-primary) 92%, #0000);background:var(--pc) 50% 0, var(--pc) 50% 100%, var(--pc) 100% 50%, var(--pc) 0 50%;background-size:10px 10px;background-repeat:no-repeat;animation:spin 0.6s infinite linear;position:relative;}
  490. .custom-loader::before{content:"";position:absolute;inset:0;margin:3px;background:repeating-conic-gradient(rgba(0, 0, 0, 0) 0 35deg, var(--bs-primary) 0 90deg);-webkit-mask:radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 3px), #000 0);border-radius:50%;}
  491. /*! CSS Used from: Embedded */
  492. .swiper-container{width:100%;overflow:hidden;}
  493. .comminuties-slides,.swiper-slide{box-sizing:border-box;}
  494. /*! CSS Used from: https://pt.wisernotify.com/pixel.css */
  495. #dvscl_prf_clctr{display:none;}
  496. /*! CSS Used keyframes */
  497. @keyframes anim-rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
  498. @keyframes hp-move-bg{0%{background-position:0 0;}100%{background-position:400% 0;}}
  499. @keyframes spin{100%{transform:rotate(0.5turn);}}
  500. </style>
  501.    
  502.     <!-- VERIFICATION -->
  503. <meta name="yandex-verification" content="812e8ba37de4a578" />
  504. <!-- Google tag (gtag.js) -->
  505.    <script async data-ad-host="adsjs" attribute="https://www.googletagmanager.com/gtag/js?id=G-0E7FV50LPM"></script>
  506.    <script>
  507.     window.dataLayer = window.dataLayer || [];
  508.     function gtag(){dataLayer.push(arguments);}
  509.     gtag('js', new Date());
  510.  
  511.     gtag('config', 'G-0E7FV50LPM');
  512.    </script>
  513.  
  514.   <!-- PINDAH KE FOOTER <script>
  515.        ! function() {
  516.            if (window.t4hto4) {
  517.                console.log("WiserNotify pixel installed multiple time in this page");
  518.            } else {
  519.                window.t4hto4 = !0;
  520.                var t = document,
  521.                    e = window,
  522.                    n = function() {
  523.                        var e = t.createElement("script");
  524.                        e.type = "text/javascript";
  525.                        e.async = !0;
  526.                        e.src = "https://pt.wisernotify.com/pixel.js?ti=1jclj6jkfc4hhry";
  527.                        document.body.appendChild(e);
  528.                    };
  529.                "complete" === t.readyState ? n() : window.attachEvent ? e.attachEvent("onload", n) : e.addEventListener("load", n, !1);
  530.            }
  531.        }();
  532.    </script>-->
  533.  
  534.    <style>
  535.        .swiper-container {
  536.            width: 100%;
  537.            overflow: hidden;
  538.        }
  539.  
  540.        .comminuties-slides,
  541.        .swiper-slide {
  542.            box-sizing: border-box;
  543.        }
  544.    </style>
  545. </head>
  546.  
  547. <body data-pc-preset="preset-1" data-pc-sidebar-caption="true" data-pc-direction="ltr" data-pc-theme="dark" class="landing-page">
  548.  
  549.    <!-- Main Content -->
  550.    <!-- GTM - Body -->
  551.    
  552.    <!-- Pre-loader -->
  553.    <div class="loader" id="page-loader">
  554.        <div class="p-4 text-center">
  555.            <div class="custom-loader"></div>
  556.            <h2 class="my-3 f-w-400">Loading..</h2>
  557.            <p class="mb-0">Silakan tunggu sebentar</p>
  558.        </div>
  559.    </div>
  560.  
  561.    <!-- Header -->
  562.    <header id="home">
  563.        <!-- Navigation -->
  564.        <nav class="navbar navbar-expand-md navbar-light default">
  565.            <div class="container">
  566.                <a class="pc-navbar-brand my-0 py-0 fs-3 fw-bolder" href="https://luxurysosmed.com/"><img src="https://luxurysosmed.com/assets/images/authentication/Logoputih.webp" alt="images" class="img-fluid mb-0 height="130" width="130""></a>
  567.                <button class="navbar-toggler rounded" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
  568.                    <span class="navbar-toggler-icon"></span>
  569.                </button>
  570.                <div class="collapse navbar-collapse" id="navbarTogglerDemo01">
  571.                    <ul class="navbar-nav ms-auto mt-lg-0 mt-2 mb-2 mb-lg-0 align-items-start">
  572.                        <li class="nav-item px-1">
  573.                            <a class="nav-link" href="https://luxurysosmed.com/"><i class="fa fa-home">
  574. </i>&nbsp;Beranda</a>
  575.                        </li>
  576.                        <li class="nav-item px-1">
  577.                            <a class="nav-link" href="https://luxurysosmed.com/page/site/tentang-kami"><i class="fa fa-ribbon">
  578. </i>&nbsp;About</a>
  579.                        </li>
  580.                        <li class="nav-item px-1">
  581.                            <a class="nav-link" href="https://luxurysosmed.com/#"><i class="fa fa-blog">
  582. </i>&nbsp;Blog</a>
  583.                        </li>
  584.                        <li class="nav-item px-1">
  585.                            <a class="nav-link" href="https://luxurysosmed.com/page/site/kontak-kami"><i class="fa fa-headset">
  586. </i>&nbsp;Kontak</a>
  587.                        </li>
  588.                        </li>
  589.                        <li class="nav-item dropdown px-1">
  590.                            <a class="nav-link dropdown-toggle" href="javascript:;" data-bs-toggle="dropdown"><i class="fa fa-bars">
  591. </i>&nbsp;Halaman</a>
  592.                            <ul class="dropdown-menu">
  593.                                    <li><a class="dropdown-item" href="https://luxurysosmed.com/page/site/pertanyaan-umum">Pertanyaan Umum</a></li>
  594.                                    <li><a class="dropdown-item" href="https://luxurysosmed.com/page/site/kebijakan-privasi">Kebijakan Privasi</a></li>
  595.                                    <li><a class="dropdown-item" href="https://luxurysosmed.com/page/site/syarat-dan-ketentuan">Syarat & Ketentuan</a></li>
  596.                                    <li><a class="dropdown-item" href="https://luxurysosmed.com/page/site/sewa-smm">Sewa SMM</a></li>
  597.                            </ul>
  598.                        </li>
  599.                    </ul>
  600.                    <ul class="navbar-nav mb-2 mb-lg-0 align-items-start">
  601.                        <li class="dropdown px-1 me-2 mb-2 mb-md-0">
  602.                            <a aria-label="outline" class="btn btn-icon btn-outline-dark border border-secondary border-opacity-25 dropdown-toggle arrow-none me-0 rounded" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
  603.                                <i class="ph-duotone ph-sun-dim text-warning"></i>
  604.                            </a>
  605.                            <div class="dropdown-menu dropdown-menu-end pc-h-dropdown">
  606.                                <a aria-label="outline" href="#!" class="dropdown-item" onclick="layout_change('dark')">
  607.                                    <i class="ph-duotone ph-moon"></i><span>Gelap</span>
  608.                                </a>
  609.                                <a aria-label="outline" href="#!" class="dropdown-item" onclick="layout_change('light')">
  610.                                    <i class="ph-duotone ph-sun-dim"></i><span>Terang</span>
  611.                                </a>
  612.                                <a aria-label="outline" href="#!" class="dropdown-item" onclick="layout_change_default()">
  613.                                    <i class="ph-duotone ph-cpu"></i><span>Default</span>
  614.                                </a>
  615.                            </div>
  616.                        </li>
  617.                        <li class="nav-item">
  618.                            <a href="https://luxurysosmed.com/page/price_list" class="btn btn-primary"><i class="ph-duotone ph-tag me-2"></i> Daftar Layanan</a>
  619.                        </li>
  620.                    </ul>
  621.                </div>
  622.            </div>
  623.        </nav>
  624.  
  625.        <!-- Home Section -->
  626.        <div class="container-fluid">
  627.            <div class="bg-dark mx-sm-3 home-section home-section-2">
  628.                <img src="https://luxurysosmed.com/assets/images/landing/img-header-bg.svg" alt="background shape" class="img-fluid img-header-bg">
  629.                <div class="swiper language-slides-hero">
  630.                    <div class="swiper-wrapper">
  631.                        <div class="swiper-slide">
  632.                            <div class="row align-items-center justify-content-center text-center">
  633.                                <div class="col-sm-12 header-content mt-0">
  634.                                    <span class="header-badge text-white fw-normal">
  635.                                        <i class="ph-duotone ph-medal text-warning me-2"></i>
  636.                                        Luxury Sosmed - #1 SMM Panel Indonesia
  637.                                    </span>
  638.                                    <div class="row justify-content-center text-center">
  639.                                        <div class="col-xl-7 col-lg-8 col-md-9 col-sm-10 col-11">
  640.                                            <h1 class="my-3">
  641.                                                SMM Panel <span class="hp-hero-text-gradient">Terbaik</span> dan <span class="hp-hero-text-gradient">Termurah</span> di Indonesia.                                            </h1>
  642.                                        </div>
  643.                                    </div>
  644.                                    <div class="row justify-content-center text-center">
  645.                                        <div class="col-xxl-5 col-xl-6 col-lg-7 col-md-8 col-sm-10 col-11">
  646.                                            <p>
  647.                                                Luxury Sosmed adalah Pusat Panel SMM Indonesia Menyediakan berbagai layanan Sosial Media Terlengkap dan Berkualitas dengan Proses yang Cepat, Aman, dan Pastinya Harga Terjangkau.                                            </p>
  648.                                        </div>
  649.                                    </div>
  650.                                    <div class="wow">
  651.                                        <a href="https://luxurysosmed.com/auth/login" class="btn btn-primary me-3">Masuk <i class="ph-duotone ph-sign-in"></i></a>
  652.                                        <a href="https://luxurysosmed.com/auth/register" class="btn btn-outline-light">Daftar</a>
  653.                                    </div>
  654.                                </div>
  655.                            </div>
  656.                        </div>
  657.                    </div>
  658.                    <div class="container">
  659.                        <div class="row justify-content-center">
  660.                            <div class="col-sm-10">
  661.                                <div class="img-header-main">
  662.                                    <img src="https://luxurysosmed.com/assets/images/landing/Bannerutama-minify.webp" alt="img" class="img-fluid">
  663.                                </div>
  664.                            </div>
  665.                        </div>
  666.                    </div>
  667.                </div>
  668.            </div>
  669.        </div>
  670.    </header>
  671.  
  672.    <!-- Page-versions Section -->
  673.    <section class="bg-white">
  674.        <div class="container">
  675.            <div class="row justify-content-center text-center">
  676.                <div class="col-md-8 col-xl-6">
  677.                    <h2>Kenapa Harus Luxury Sosmed?</h2>
  678.                    <p class="mt-lg-4 mt-2 mb-4 mb-md-5">Dapatkan lebih banyak followers, likes, dan views dengan harga terjangkau bersama Luxury Sosmed - Provider SMM Panel Terbaik dan Termurah.</p>
  679.                </div>
  680.            </div>
  681.            <div class="row g-4 text-center">
  682.                <div class="col-lg-4 col-md-6">
  683.                    <div class="card layout-card mb-0">
  684.                        <div class="card-body">
  685.                            <h3 class="fw-bold text-black mb-3">HARGA TERMURAH</h3>
  686.                            <img src="https://luxurysosmed.com/assets/images/landing/cheap467.webp" class="rounded-circle" style="width: 70px; height: 70px;" alt="feature-img"></img><br></br>
  687.                            <p class="text-muted mb-3">Nikmati layanan SMM Terbaik dengan Harga yang sangat Terjangkau sesuai dengan kebutuhan Pengguna.</p>
  688.                        </div>
  689.                    </div>
  690.                </div>
  691.                <div class="col-lg-4 col-md-6">
  692.                    <div class="card layout-card mb-0">
  693.                        <div class="card-body">
  694.                            <h3 class="fw-bold text-black mb-3">LAYANAN BERKUALITAS</h3>
  695.                            <img src="https://luxurysosmed.com/assets/images/landing/service353.webp" class="rounded-circle" style="width: 70px; height: 70px;" alt="feature-img"></img><br></br>
  696.                            <p class="text-muted mb-3">Kami menyediakan berbagai layanan Terbaik dan Berkualitas untuk menaikkan Peringkat Sosial Media Anda.</p>
  697.                        </div>
  698.                    </div>
  699.                </div>
  700.                <div class="col-lg-4 col-md-6">
  701.                    <div class="card layout-card mb-0">
  702.                        <div class="card-body">
  703.                            <h3 class="fw-bold text-black mb-3">PROSES SUPER CEPAT</h3>
  704.                            <img src="https://luxurysosmed.com/assets/images/landing/speedservice.webp" class="rounded-circle" style="width: 70px; height: 70px;" alt="feature-img"></img><br></br>
  705.                            <p class="text-muted mb-3">Di Luxury Sosmed, semua pesanan yang masuk akan langsung otomatis diproses oleh sistem kami selama 24 jam nonstop.</p>
  706.                        </div>
  707.                    </div>
  708.                </div>
  709.            </div>
  710.        </div>
  711.    </section>
  712.  
  713.    <!-- Numbers Section -->
  714.    <section class="bg-white pt-0">
  715.        <div class="container">
  716.            <div class="row">
  717.                <div class="col-12">
  718.                    <div class="card bg-dark counter-block mb-0">
  719.                        <img src="https://luxurysosmed.com/assets/images/landing/img-counter-bg.svg" alt="img" class="img-fluid img-counter-bg">
  720.                        <div class="card-body p-4 p-md-5">
  721.                            <div class="row align-items-center">
  722.                                <div class="col-lg-12 my-3">
  723.                                    <div class="row g-3 text-center">
  724.                                        <div class="col-12 col-md-4">
  725.                                            <span class="counter text-white">45.587</span>
  726.                                            <h4 class="f-w-400 mb-0 text-white text-opacity-50">Pengguna Aktif</h4>
  727.                                        </div>
  728.                                        <div class="col-12 col-md-4">
  729.                                            <span class="counter text-white">617.740</span>
  730.                                            <h4 class="f-w-400 mb-0 text-white text-opacity-50">Pesanan Dikerjakan</h4>
  731.                                        </div>
  732.                                        <div class="col-12 col-md-4">
  733.                                            <span class="counter text-white">956</span>
  734.                                            <h4 class="f-w-400 mb-0 text-white text-opacity-50">Layanan Tersedia</h4>
  735.                                        </div>
  736.                                    </div>
  737.                                </div>
  738.                            </div>
  739.                        </div>
  740.                    </div>
  741.                </div>
  742.            </div>
  743.        </div>
  744.    </section>
  745.  
  746.  
  747.    <!-- Features Section -->
  748.    <section class="bg-white product-section pt-0">
  749.        <div class="container">
  750.            <div class="row justify-content-center text-center">
  751.                <div class="col-xl-10">
  752.                    <span class="section-title mb-0">4 Langkah Mudah Menggunakan Luxury Sosmed</span>
  753.                </div>
  754.                <div class="col-md-8 col-xl-6">
  755.                    <p class="text-opacity-75 mt-lg-4 mt-2 mb-4 mb-md-5">Tingkatkan Popularitas Media Sosial Anda dengan 4 langkah mudah di bawah ini.</p>
  756.                </div>
  757.            </div>
  758.            <div class="row justify-content-center d-flex product-cards-block">
  759.                <div class="col-xl-10">
  760.                    <div class="row justify-content-center gy-sm-4 gy-3">
  761.                                                                            <div class="col-md-6">
  762.                                <div class="card">
  763.                                    <div class="card-body">
  764.                                        <h4 class="mt-1 mb-2">1. Daftarkan Akun</h4>
  765.                                        <p class="mb-0">Pertama, Anda harus mendaftar di portal Panel SMM kami dengan memasukkan data-data yang diperlukan. Dan lakukan konfirmasi yang tersedia.</p>
  766.                                    </div>
  767.                                </div>
  768.                            </div>
  769.                                                    <div class="col-md-6">
  770.                                <div class="card">
  771.                                    <div class="card-body">
  772.                                        <h4 class="mt-1 mb-2">2. Tambah Saldo</h4>
  773.                                        <p class="mb-0">Setelah melakukan pendaftaran, kamu harus melakukan deposit saldo agar dapat menggunakan layanan kami.</p>
  774.                                    </div>
  775.                                </div>
  776.                            </div>
  777.                                                    <div class="col-md-6">
  778.                                <div class="card">
  779.                                    <div class="card-body">
  780.                                        <h4 class="mt-1 mb-2">3. Buat Pemesanan</h4>
  781.                                        <p class="mb-0">Saldo kamu sudah siap? maka kamu bisa langsung memesan layanan yang kamu inginkan. Pilih layanan sosial media yang ingin kamu pesan. Pastikan kamu menginput data yang benar.</p>
  782.                                    </div>
  783.                                </div>
  784.                            </div>
  785.                                                    <div class="col-md-6">
  786.                                <div class="card">
  787.                                    <div class="card-body">
  788.                                        <h4 class="mt-1 mb-2">4. Pesanan Diproses</h4>
  789.                                        <p class="mb-0">Pesanan kamu akan diproses secara otomatis oleh sistem, dan kamu bisa melihat data pesanan pada menu Riwayat Pesanan.</p>
  790.                                    </div>
  791.                                </div>
  792.                            </div>
  793.                                            </div>
  794.                </div>
  795.            </div>
  796.        </div>
  797.    </section>
  798.  
  799.    <!-- Testimonials Section -->
  800.    <section class="bg-dark comminuties-section">
  801.        <div class="container">
  802.            <div class="row justify-content-center text-center">
  803.                <div class="col-md-8 col-xl-6">
  804.                    <span class="text-white section-title mb-0">Testimoni Pelanggan Kami!</span>
  805.                    <p class="text-white text-opacity-75 mt-lg-4 mt-2 mb-4 mb-md-5">Kami bangga dengan pengembangan Layanan kami, yang secara konsisten diberi ulasan positif oleh pelanggan kami yang puas. Kami senang berbagi umpan balik positif yang kami terima dari klien setia kami.</p>
  806.                </div>
  807.            </div>
  808.        </div>
  809.        <div class="container">
  810.            <div class="row">
  811.                <div class="col-12">
  812.                    <div class="swiper-container comminuties-slides">
  813.                        <div class="swiper-wrapper">
  814.                                                                                        <div class="swiper-slide">
  815.                                    <div class="card mb-0">
  816.                                        <div class="card-body">
  817.                                            <div class="d-flex align-items-start">
  818.                                                <div class="chat-avtar flex-shrink-0">
  819.                                                    <img class="rounded-circle img-fluid wid-40" src="https://luxurysosmed.com/assets/images/user/avatar-1.jpg" alt="User image">
  820.                                                    <div class="bg-success chat-badge"></div>
  821.                                                </div>
  822.                                                <div class="flex-grow-1 ms-3">
  823.                                                    <h5 class="mb-0">Lucky</h5>
  824.                                                    <span style="color:#fff!important" class="text-sm text-muted">Pengusaha</span>
  825.                                                </div>
  826.                                            </div>
  827.                                            <p class="mb-2 mt-3">Penjualan perusahaan saya meningkat Dengan PESAT setelah saya mulai menggunakan Luxury Sosmed di instagram perusahaan saya untuk Meningkatkannya!</p>
  828.                                        </div>
  829.                                    </div>
  830.                                </div>
  831.                                                            <div class="swiper-slide">
  832.                                    <div class="card mb-0">
  833.                                        <div class="card-body">
  834.                                            <div class="d-flex align-items-start">
  835.                                                <div class="chat-avtar flex-shrink-0">
  836.                                                    <img class="rounded-circle img-fluid wid-40" src="https://luxurysosmed.com/assets/images/user/avatar-6.jpg" alt="User image">
  837.                                                    <div class="bg-success chat-badge"></div>
  838.                                                </div>
  839.                                                <div class="flex-grow-1 ms-3">
  840.                                                    <h5 class="mb-0">Indah</h5>
  841.                                                    <span style="color:#fff!important" class="text-sm text-muted">Mahasiswa</span>
  842.                                                </div>
  843.                                            </div>
  844.                                            <p class="mb-2 mt-3">Sangat terbantu sekali sebagai pemilik usaha bisa meningkatkan sosial media akun bisnis saya. Akun bisnis saya jadi lebih terkenal dan bisa menjangkau pasar Internasional. Terima kasih tim Luxury Sosmed atas bantuannya.</p>
  845.                                        </div>
  846.                                    </div>
  847.                                </div>
  848.                                                            <div class="swiper-slide">
  849.                                    <div class="card mb-0">
  850.                                        <div class="card-body">
  851.                                            <div class="d-flex align-items-start">
  852.                                                <div class="chat-avtar flex-shrink-0">
  853.                                                    <img class="rounded-circle img-fluid wid-40" src="https://luxurysosmed.com/assets/images/user/avatar-1.jpg" alt="User image">
  854.                                                    <div class="bg-success chat-badge"></div>
  855.                                                </div>
  856.                                                <div class="flex-grow-1 ms-3">
  857.                                                    <h5 class="mb-0">Sonia</h5>
  858.                                                    <span style="color:#fff!important" class="text-sm text-muted">Influencer</span>
  859.                                                </div>
  860.                                            </div>
  861.                                            <p class="mb-2 mt-3">Sebelum menemukan Luxury Sosmed, saya biasanya memesan layanan SMM panel di berbagai instansi SMM dengan harganya sangat mahal. Luxury Sosmed menawarkan layanan SMM yang luar biasa dengan harga yang murah, itulah mengapa Luxury Sosmed adalah pilihan terbaik!</p>
  862.                                        </div>
  863.                                    </div>
  864.                                </div>
  865.                                                    </div>
  866.                        <div class="swiper-pagination"></div>
  867.                    </div>
  868.                </div>
  869.            </div>
  870.        </div>
  871.    </section>
  872.  
  873.    <!-- Why Section -->
  874.    <section class="bg-white feature-section">
  875.        <div class="container title mb-0">
  876.            <div class="row justify-content-center text-center">
  877.                <div class="col-md-8 col-l-6">
  878.                    <h3>Beli Layanan SMM Panel Termurah dan Terpercaya untuk Reseller</h3>
  879.                    <p class="mt-lg-4 mt-2 mb-4 mb-md-5">Dapatkan followers, likes, views, dan layanan lainnya untuk platform seperti Instagram, Youtube, Tiktok, dan Facebook dengan harga terbaik. Nikmati layanan SMM Panel terpercaya untuk meningkatkan popularitas media sosial Anda!</p>
  880.                </div>
  881.            </div>
  882.        </div>
  883.        <div class="container">
  884.            <div class="row g-3">
  885.                <div class="col-md-6 col-lg-4">
  886.                    <div class="card border-0 shadow-none">
  887.                        <div class="card-body">
  888.                            <div class="d-flex align-items-start">
  889.                                <div class="avtar bg-light-primary flex-shrink-0">
  890.                                    <i class="ph-duotone ph-thumbs-up"></i>
  891.                                </div>
  892.                                <div class="flex-grow-1 ms-3">
  893.                                    <h5>Keamanan Data</h5>
  894.                                    <p class="mb-0">Semua layanan SMM di Luxury Sosmed menjamin keamanan data akun Anda. 100% Aman tanpa password dan tanpa menambah following pada akun Anda.</p>
  895.                                    </div>
  896.                            </div>
  897.                        </div>
  898.                    </div>
  899.                </div>
  900.                <div class="col-md-6 col-lg-4">
  901.                    <div class="card border-0 shadow-none">
  902.                        <div class="card-body">
  903.                            <div class="d-flex align-items-start">
  904.                                <div class="avtar bg-light-primary flex-shrink-0">
  905.                                    <i class="ph-duotone ph-tag f-24"></i>
  906.                                </div>
  907.                                <div class="flex-grow-1 ms-3">
  908.                                    <h5>Jaminan Kepuasan</h5>
  909.                                    <p class="mb-0">Kami ingin Anda merasa nyaman dan percaya diri melalui seluruh proses order di Luxury Sosmed. Kami menawarkan pengembalian dana penuh untuk setiap pesanan yang tidak diselesaikan.</p>
  910.                                    </div>
  911.                            </div>
  912.                        </div>
  913.                    </div>
  914.                </div>
  915.                <div class="col-md-6 col-lg-4">
  916.                    <div class="card border-0 shadow-none">
  917.                        <div class="card-body">
  918.                            <div class="d-flex align-items-start">
  919.                                <div class="avtar bg-light-primary flex-shrink-0">
  920.                                    <i class="ph-duotone ph-headset f-24"></i>
  921.                                </div>
  922.                                <div class="flex-grow-1 ms-3">
  923.                                    <h5>Staf Berpengalaman</h5>
  924.                                    <p class="mb-0">Kami memiliki staf dukungan pelanggan yang berpengalaman dan tersedia 24/7 untuk menjawab semua pertanyaan Anda dan memastikan pengalaman order Anda semudah mungkin.</p>
  925.                                    </div>
  926.                            </div>
  927.                        </div>
  928.                    </div>
  929.                </div>
  930.            </div>
  931.        </div>
  932.    </section>
  933.  
  934.    <!-- Footer -->
  935.    <footer class="footer">
  936.        <div class="footer-bottom">
  937.            <div class="container">
  938.                <div class="row align-items-center text-center">
  939.                    <div class="col my-"1>
  940.                        <p class="mb-0">Copyright © 2024 <a href="http://luxurysosmed.com" target="_blank" title="Luxury Sosmed"><b>Luxury Sosmed</b></a>. All Rights Reserved.</p>
  941.                    </div>
  942.                </div>
  943.            </div>
  944.        </div>
  945.    </footer>
  946.  
  947.    <!-- Required Js -->
  948.    <script src="https://luxurysosmed.com/assets/js/plugins/popper.min.js"></script>
  949.    <script src="https://luxurysosmed.com/assets/js/plugins/simplebar.min.js"></script>
  950.    <script src="https://luxurysosmed.com/assets/js/plugins/bootstrap.min.js"></script>
  951.    <script data-ad-host="adsjs" attribute="https://luxurysosmed.com/assets/js/fonts/custom-font.js"></script>
  952.    <script src="https://luxurysosmed.com/assets/js/pcoded.js"></script>
  953.    <script src="https://luxurysosmed.com/assets/js/plugins/feather.min.js"></script>
  954.    <script src="https://luxurysosmed.com/assets/js/custom.js"></script>
  955.  
  956.    <script>
  957.        layout_change('dark');
  958.        layout_sidebar_change('false');
  959.        change_box_container('false');
  960.        layout_caption_change('true');
  961.        layout_rtl_change('false');
  962.        preset_change("preset-1");
  963.    </script>
  964.  
  965.    <!-- Page Specific JS -->
  966.    <script src="https://luxurysosmed.com/assets/js/plugins/wow.min.js"></script>
  967.    <script src="https://luxurysosmed.com/assets/js/plugins/swiper-bundle.js"></script>
  968.    <script>
  969.        document.addEventListener('scroll', function() {
  970.            const cOst = document.documentElement.scrollTop;
  971.            const navbar = document.querySelector('.navbar');
  972.            if (cOst == 0) {
  973.                navbar.classList.add('top-nav-collapse');
  974.            } else if (cOst > ost) {
  975.                navbar.classList.add('top-nav-collapse');
  976.                navbar.classList.remove('default');
  977.            } else {
  978.                navbar.classList.add('default');
  979.                navbar.classList.remove('top-nav-collapse');
  980.            }
  981.            ost = cOst;
  982.        });
  983.  
  984.        const wow = new WOW({
  985.            animateClass: 'animate__animated'
  986.        });
  987.        wow.init();
  988.  
  989.        const swiperConfig = {
  990.            loop: true,
  991.            speed: 1000,
  992.            autoplay: {
  993.                delay: 2000
  994.            },
  995.            breakpoints: {
  996.                0: {
  997.                    slidesPerView: 1,
  998.                    spaceBetween: 10
  999.                },
  1000.                768: {
  1001.                    slidesPerView: 2,
  1002.                    spaceBetween: 20
  1003.                },
  1004.                1200: {
  1005.                    slidesPerView: 3,
  1006.                    spaceBetween: 20
  1007.                },
  1008.            },
  1009.        };
  1010.  
  1011.        new Swiper('.comminuties-slides', {
  1012.            ...swiperConfig,
  1013.            centeredSlides: false,
  1014.            pagination: {
  1015.                el: '.swiper-pagination',
  1016.                clickable: true
  1017.            },
  1018.        });
  1019.  
  1020.        new Swiper('.language-slides', {
  1021.            slidesPerView: 8,
  1022.            spaceBetween: 20,
  1023.            centeredSlides: true,
  1024.            thumbs: {
  1025.                swiper: new Swiper('.language-slides-hero', {
  1026.                    slidesPerView: 1,
  1027.                    autoplay: {
  1028.                        delay: 2000
  1029.                    }
  1030.                })
  1031.            },
  1032.            breakpoints: {
  1033.                0: {
  1034.                    slidesPerView: 2,
  1035.                    spaceBetween: 10
  1036.                },
  1037.                520: {
  1038.                    slidesPerView: 3,
  1039.                    spaceBetween: 10
  1040.                },
  1041.                720: {
  1042.                    slidesPerView: 4,
  1043.                    spaceBetween: 10
  1044.                },
  1045.                900: {
  1046.                    slidesPerView: 5,
  1047.                    spaceBetween: 10
  1048.                },
  1049.                1100: {
  1050.                    slidesPerView: 6,
  1051.                    spaceBetween: 10
  1052.                },
  1053.                1280: {
  1054.                    slidesPerView: 7,
  1055.                    spaceBetween: 20
  1056.                },
  1057.                1400: {
  1058.                    slidesPerView: 8,
  1059.                    spaceBetween: 20
  1060.                },
  1061.            },
  1062.        });
  1063.    </script>
  1064.    
  1065.        
  1066.    <script> //<![CDATA[
  1067. void 0===localStorage.loc&&(localStorage.loc="3335000");
  1068.  
  1069.  
  1070. //JS
  1071. const userInteractionEvents=["mouseover","keydown","touchstart","touchmove","wheel"];userInteractionEvents.forEach(function(event){window.addEventListener(event,triggerScriptLoader,{passive:!0})});function triggerScriptLoader(){loadScripts();functionCounterTimer(0);localStorage.setItem('star', 'load');userInteractionEvents.forEach(function(event){window.removeEventListener(event,triggerScriptLoader,{passive:!0})})}
  1072. function loadScripts(){document.querySelectorAll("script[data-ad-host='adsjs']").forEach(function(elem){elem.setAttribute("src",elem.getAttribute("attribute"))})}
  1073.  
  1074.  
  1075. //CSS
  1076. const userInteractionEventscss=["mouseover","keydown","touchstart","touchmove","wheel"];userInteractionEventscss.forEach(function(event){window.addEventListener(event,triggerScriptLoadercss,{passive:!0})});function triggerScriptLoadercss(){loadScriptscss();localStorage.setItem('loc', '0');userInteractionEventscss.forEach(function(event){window.removeEventListener(event,triggerScriptLoadercss,{passive:!0})})}
  1077.  
  1078. function loadScriptscss(){document.querySelectorAll("link[data-type='css']").forEach(function(elem){elem.setAttribute("href",elem.getAttribute("data-href"))})}
  1079. window.addEventListener(localStorage.getItem('star'), afterLoaded,false);
  1080. function afterLoaded(){
  1081. functionCounterTimer(0);
  1082. }
  1083.  
  1084. var next = 0;
  1085. const functionCounterTimer = (callCount) => {
  1086.  if (callCount < 1) {
  1087.    setTimeout(() => {
  1088.      ++callCount
  1089.      functionCounterTimer(callCount);
  1090.  
  1091. next +=1;
  1092. if(next == 1){
  1093. loadScriptscss();
  1094. loadScripts();
  1095.  
  1096. ! function() {
  1097.            if (window.t4hto4) {
  1098.                console.log("WiserNotify pixel installed multiple time in this page");
  1099.            } else {
  1100.                window.t4hto4 = !0;
  1101.                var t = document,
  1102.                    e = window,
  1103.                    n = function() {
  1104.                        var e = t.createElement("script");
  1105.                        e.type = "text/javascript";
  1106.                        e.async = !0;
  1107.                        e.src = "https://pt.wisernotify.com/pixel.js?ti=1jclj6jkfc4hhry";
  1108.                        document.body.appendChild(e);
  1109.                    };
  1110.                "complete" === t.readyState ? n() : window.attachEvent ? e.attachEvent("onload", n) : e.addEventListener("load", n, !1);
  1111.            }
  1112.        }();
  1113.  
  1114.  var ROBBY = document.getElementsByTagName("img");
  1115. for (var i=0; i < ROBBY.length; i++) {
  1116.    if(ROBBY[i].getAttribute('oper-src')) {
  1117.       ROBBY[i].setAttribute('src',ROBBY[i].getAttribute('oper-src').replace("/w1/", "/w300/"));
  1118. }}
  1119.  
  1120. }
  1121. //localStorage.setItem('loc', '0');
  1122.    }, 0);
  1123.  }
  1124. }
  1125.  
  1126.  
  1127.  
  1128. //localStorage.setItem('loc', '0');
  1129. //]]></script>
  1130. </body>
  1131.  
  1132. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda