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://zaap.bio/mitosbet

  1. <!DOCTYPE html>
  2. <html lang="en" class="link-html">
  3.  
  4. <head>
  5.    <title>MITOSBET</title>
  6.    
  7.    <meta name="description" content="MITOSBET | SITUS MITOSBET | LIVECHAT MITOSBET | AGEN MITOSBET | BANDAR MITOSBET | DAFTAR MITOSBET | MITOSBET DEPOSIT PULSA">
  8.    
  9.    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  10.    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  11.    <meta property="og:site_name" content="MITOSBET">
  12.    <meta property="og:title" content="MITOSBET">
  13.    <meta property="og:description" content="MITOSBET | SITUS MITOSBET | LIVECHAT MITOSBET | AGEN MITOSBET | BANDAR MITOSBET | DAFTAR MITOSBET | MITOSBET DEPOSIT PULSA">
  14.    <meta property="og:image" content="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/4afe4d1d-21a8-4bf2-0a11-af112fcc2700/thumbnail">
  15.    <meta property="og:url" content="https://zaap.bio/mitosbet">
  16.    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  17.    <meta name="twitter:title" content="MITOSBET">
  18.    <meta name="twitter:description" content="MITOSBET | SITUS MITOSBET | LIVECHAT MITOSBET | AGEN MITOSBET | BANDAR MITOSBET | DAFTAR MITOSBET | MITOSBET DEPOSIT PULSA">
  19.    <meta name="twitter:image" content="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/4afe4d1d-21a8-4bf2-0a11-af112fcc2700/thumbnail">
  20.    <meta name="twitter:card" content="summary_large_image">
  21.    
  22.        
  23.                        <meta name="robots" content="noindex">
  24.            
  25.    <!-- Open Graph / Facebook -->
  26.    <!-- <meta property="og:" content="" /> -->
  27.  
  28.    <!-- Twitter -->
  29.    <meta property="twitter:type" content="website" />
  30.    <meta property="twitter:url" content="https://zaap.bio/mitosbet" />
  31.  
  32.  
  33.    <link href="https://zaap.bio/favicon.ico" rel="icon" />
  34.  
  35.    <link href="https://zaap.bio/assets/page/css/app.css" rel="stylesheet" media="screen">
  36.  
  37.    
  38.    <link href="https://zaap.bio/assets/page/css/link-custom.css?v=20251023011535" rel="stylesheet" media="screen">
  39.  
  40.  
  41.    <link href="https://zaap.bio/assets/page/css/growl-notification.min.css" rel="stylesheet" media="screen">
  42.  
  43.  
  44.    <link rel="canonical" href="https://zaap.bio/mitosbet" />
  45.  
  46.    
  47.  
  48.        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
  49.    
  50.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@25.3.1/build/css/intlTelInput.css">
  51.  
  52.    <link href="https://zaap.bio/assets/page/css/bootstrap.min.css" rel="stylesheet" media="screen">
  53. <link href="https://zaap.bio/assets/page/css/custom.css" rel="stylesheet" media="screen">
  54. <link href="https://zaap.bio/assets/page/css/bannerLayout.css" rel="stylesheet" media="screen">
  55. <link href="https://zaap.bio/assets/page/css/productTab.css" rel="stylesheet" media="screen">
  56. <style>
  57. html {
  58.    background-color: white !important;
  59. }
  60.  
  61. .profile_banner_main.portfolioBanner{
  62.    left: 0;
  63.    right: 0;
  64.    top: 0;
  65.    border-radius: 0px !important;
  66. }
  67.  
  68. #navbar,
  69. .footer {
  70.    display: none;
  71. }
  72.  
  73.  
  74. .link-body {
  75.    background-color: #f7f7f7 !important;
  76. }
  77.  
  78. .link-footer {
  79.    /* background-color: #212930; */
  80.    padding: 30px 0;
  81.    margin-top: 30px;
  82.    padding-bottom:20px;
  83.    color: #1E242A;
  84.        /* border-top: 1px dashed #1E242A; */
  85.        font-size: 12px;
  86.    font-weight:500;
  87. }
  88.  
  89. .container {
  90.    max-width: 1300px;
  91. }
  92.  
  93. .link-card a,.link-card .link-btn-rounded {
  94.    border-radius: 40px;
  95.    padding: 16px;
  96.    min-height: 360px;
  97.    max-height: 360px;
  98. }
  99.  
  100. .product-card-a {
  101.    border-radius: 40px;
  102.    padding: 16px;
  103.    min-height: 360px;
  104.    max-height: 360px;
  105.    height: 100%;
  106.    min-height: inherit;
  107. }
  108.  
  109. .link-card-single div:first-child,
  110. .link-card-single div:first-child a,
  111. .product-card-a {
  112.    height: 100%;
  113.    min-height: inherit;
  114. }
  115.  
  116. .link-card-single div:first-child a,
  117. .product-card-a {
  118.    max-height: fit-content !important;
  119. }
  120.  
  121.  
  122. .product-link-title {
  123.    font-size: 18px;
  124. }
  125.  
  126.  
  127. .product-link-description {
  128.    font-size: 14px;
  129. }
  130.  
  131.  
  132. .slick-track {
  133.    margin-left: 0 !important;
  134. }
  135.  
  136. .font-weight-medium2 {
  137.    font-weight: 600;
  138. }
  139.  
  140. .profile-img-div {
  141.    justify-content: center;
  142. }
  143.  
  144. .profile-info-div h2,
  145. .profile-info-div p,
  146. .profile-info-div small {
  147.    text-align: center;
  148. }
  149.  
  150.  
  151. @media(max-width:767px) {
  152.    .user-avatar {
  153.        width: 100px;
  154.        height: 100px;
  155.    }
  156.  
  157.    .profile-main {
  158.        padding: 25px 0;
  159.    }
  160. }
  161.  
  162. @media(max-width:550px) {
  163.    footer {
  164.        height: auto;
  165.    }
  166.    .checkout-modal-dialog{
  167.        width: 96% !important;
  168.    }
  169.    
  170. }
  171.  
  172. @media(max-width:500px) {
  173.    .purchase-btn,.price-btn{
  174.        min-width: 45% !important;
  175.        font-size: 14px !important
  176.    }
  177. }
  178.  
  179. @media(max-width:400px) {
  180.    .link-img-div {
  181.        /* height:150px; */
  182.    }
  183. }
  184.  
  185. .slick-track {
  186.    display: flex !important;
  187. }
  188.  
  189. .slick-slide {
  190.    height: inherit !important;
  191. }
  192.  
  193. .links-slider {
  194.    flex-basis: 100%;
  195.    padding-left: 10px;
  196.    padding-right: 10px;
  197.    /* padding-bottom:20px; */
  198.    padding-bottom: 10px;
  199.    padding-top: 10px;
  200. }
  201.  
  202. .links-slider-main {
  203.    margin-bottom: 10px;
  204. }
  205.  
  206.  
  207. ._embed_video_wrapper {
  208.    border: none !important;
  209. }
  210.  
  211. .links-slider-main::-webkit-scrollbar {
  212.    height: 0.5em;
  213. }
  214.  
  215. .links-slider-main::-webkit-scrollbar-track {}
  216.  
  217. .links-slider-main::-webkit-scrollbar-thumb {
  218.    background-color: #d3d3d3;
  219.    border-radius: 50px;
  220. }
  221.  
  222. @media(min-width:767px) {
  223.    .links-slider {
  224.        flex-wrap: wrap;
  225.        display: flex;
  226.        align-items: center;
  227.        margin: 0;
  228.    }
  229.  
  230.    
  231. }
  232. @media(max-width:767px) {
  233.    .link-content {
  234.        padding: 0rem 1rem;
  235.    }
  236.  
  237.    .links-slider-main {
  238.        overflow-x: scroll;
  239.        overflow-y: hidden;
  240.    }
  241.  
  242.    .links-slider {
  243.        display: flex;
  244.    }
  245.  
  246. }
  247.  
  248. .post-card h4,
  249. .post-card p {
  250.    color: #1E242A !important;
  251. }
  252.  
  253. .single-link-block-arrow svg rect{
  254.    fill: #1E242A !important;
  255. }
  256.  
  257. .folder-title{
  258.    color: #1E242A !important;
  259. }
  260.  
  261. .product-title,.product-short-description,.product-description{
  262.    color: #1E242A !important;
  263. }
  264. .product-title{
  265.    letter-spacing: -1px;
  266.    font-weight: 600;
  267. }
  268. .folder-title {
  269.    font-size: 22px;
  270.    text-align: center;
  271.    font-weight: 500 !important;
  272. }
  273.  
  274. .btn-primary:focus,
  275. .btn-primary.focus {
  276.    box-shadow: 0px 0px 15px #00008024 !important;
  277. }
  278.  
  279. .div-block-342,
  280. .product-card-price-badge {
  281.    color: #fff;
  282. }
  283.  
  284. .profile_title {
  285.    overflow-wrap: anywhere;
  286. }
  287.  
  288. .single-link-block-img{
  289.    background-color: #ededed !important;
  290. }
  291. .widget-block {
  292.    background-color: #ededed !important;
  293. }
  294. .post-border-light {
  295.    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
  296.    transition: box-shadow 0.3s ease;
  297. }
  298.    
  299. .post-border-light:hover {
  300.    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.08);
  301. }
  302.    
  303. .post-border-dark {
  304.    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);
  305.    transition: box-shadow 0.3s ease;
  306. }
  307.    
  308. .post-border-dark:hover {
  309.    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.08);
  310. }
  311.  
  312. .skeleton-line,.skeleton-img,.skeleton-button{
  313.    background-color: #080808 !important;
  314.    filter: brightness(0.5);
  315. }
  316.  
  317. .subscribe-next-btn, .subscribe-btn,.page-menu-btn, .page-menu-btn-inverse, .purchase-btn{
  318.    background-color: #1E242A !important;
  319.    border:none;
  320.        color: #ffffff !important;
  321.        font-weight: 500;
  322. }
  323. .product-card-a a.product-card-learn-more-btn{
  324.    border-color: transparent !important;
  325.    background-color: #080808 !important;
  326.    color: #ffffff !important;
  327. }
  328. .price-btn,.page-menu-btn-inverse{
  329.    border: 3px solid #1E242A !important;
  330.    color: #1E242A !important;
  331.    background: transparent !important;
  332. }
  333. .purchase-btn{
  334.    border: 3px solid transparent !important;
  335.       padding-top:15px !important;
  336.    padding-bottom:13px !important;
  337. }
  338. .purchase-btn,.price-btn{
  339.    border-radius: 16px !important;
  340.    min-width: 220px;
  341.    font-size: 16px;
  342.    font-weight: 700;
  343. }
  344. .price-btn{
  345.    padding-top:12px !important;
  346.    padding-bottom:12px !important;
  347. }
  348. /*
  349. input.brand_input{
  350.  font-weight: 400;
  351.  font-size: 16px !important;
  352.  line-height: 1.3;
  353.  letter-spacing: 0;
  354.  color: #3A3A40 !important;
  355.  padding: 10px 14px !important;
  356.  border-radius: 8px;
  357.  background: #fff;
  358.  outline: none !important;
  359.  height: 42px;
  360.  width: 100%;
  361.  flex-basis: 100%;
  362.  border: 1px solid #DDDDED !important;
  363.  border-radius: 8px !important;
  364. box-shadow: 0px 1px 2px 0px #0A0D120D !important;
  365. } */
  366. .brand_Label{
  367.    color: #6E6E77;
  368.    font-weight: 600;
  369.    font-size: 14px;
  370.    line-height: 1.3;
  371.    letter-spacing: 0%;
  372.    margin: 0 ;
  373.    margin-bottom: 6px
  374. }
  375. .brand_button{
  376.    height: 40px;
  377.    padding: 10px 16px;
  378.    font-size: 14px;
  379.    line-height: 1.3;
  380.    font-weight: 600;
  381.    box-shadow: none;
  382.    border: 0;
  383.    background-color: #5345F5;
  384.    color: white;
  385.    width: 100%;
  386.    box-shadow: 0px 4px 8px 0px #5345F54D;
  387.    min-width: auto;
  388.    border-radius: 8px !important;
  389. }
  390.  
  391.  
  392.  
  393.  
  394. .link-body {
  395.    min-height: 100vh;
  396. }
  397.  
  398. .text-block-main {
  399.    border-radius: 40px;
  400. }
  401.  
  402. a.product-card-purchase-btn {
  403.    font-weight: 600
  404. }
  405.  
  406. .product-card-a a.product-card-purchase-btn,
  407. .product-card-a .product-card-price-badge {
  408.    border-color: transparent !important;
  409.    background-color: #080808 !important;
  410.    color: #ffffff !important;
  411. }
  412.  
  413.  
  414. .come-from-modal.left .modal-dialog,
  415. .come-from-modal.right .modal-dialog {
  416.    position: fixed;
  417.    margin: auto;
  418.    width: 500px;
  419.    height: 100%;
  420.    -webkit-transform: translate3d(0%, 0, 0);
  421.    -ms-transform: translate3d(0%, 0, 0);
  422.    -o-transform: translate3d(0%, 0, 0);
  423.    transform: translate3d(0%, 0, 0);
  424. }
  425.  
  426. .come-from-modal.left .modal-content,
  427. .come-from-modal.right .modal-content {
  428.    height: 90vh;
  429.    overflow-y: auto;
  430.    border-radius: 15px;
  431.    padding: 24px !important;
  432. }
  433. .checkout_modal h4{
  434.    font-weight: 600;
  435.    font-size: 18px;
  436.    line-height: 1;
  437.    letter-spacing: 0%;
  438.    color: #3A3A40;
  439.    margin-bottom: 24px;
  440. }
  441.  
  442. .come-from-modal.left .modal-body,
  443. .come-from-modal.right .modal-body {
  444.    padding: 15px 15px 80px;
  445. }
  446. .come-from-modal.right.fade .modal-dialog {
  447.    right: 2%;
  448.    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  449.    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  450.    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  451.    transition: opacity 0.3s linear, right 0.3s ease-out;
  452. }
  453.  
  454. .come-from-modal.right.fade.in .modal-dialog {
  455.    right: 0;
  456. }
  457.  
  458. #checkoutModal .modal-body h4{
  459.    font-weight: 600;
  460. }
  461. .cart-details img{
  462.    border-radius: 10px;
  463. }
  464. .cart-details p{
  465.    color: #5B5B5B !important;
  466.    font-weight: 500;
  467. }
  468. .cart-details strong{
  469.    color: #5B5B5B !important;
  470.    font-weight: 700;
  471. }
  472. #checkoutModal .up-in-toggle {
  473.  width: 100%;
  474.  display: flex;
  475.  align-items: center;
  476.  justify-content: center;
  477.  padding: 0;
  478.  border-radius: 7px;
  479.  color: #5B5B5B;
  480.  background: #f1f1f1;
  481.  min-height: 45px;
  482. }
  483. #checkoutModal .up-in-toggle label {
  484.  display: inline-block;
  485.  width: 60px;
  486.  text-align: center;
  487.  font-size: 0.9rem;
  488.  padding: 10px 16px;
  489.  text-align: center;
  490.  width: 50%;
  491.  float: left;
  492.  color: #5B5B5B;
  493.  transition: all 0.1s ease-in-out;
  494. }
  495. #checkoutModal .up-in-toggle label:hover {
  496.  cursor: pointer;
  497. }
  498.  
  499. #checkoutModal .up-in-toggle input {
  500.  clip: rect(0, 0, 0, 0);
  501.  height: 1px;
  502.  width: 1px;
  503.  border: 0;
  504.  overflow: hidden;
  505.  flex-basis: auto;
  506. }
  507. #checkoutModal .up-in-toggle input:checked + label {
  508.  background: #ffffff;
  509.  font-weight: 500;
  510.  border: 1px solid #DDDDED;
  511. }
  512. .marketing_checkbox{
  513.    display: flex;
  514.    align-items: center;
  515.    gap: 8px;
  516. }
  517. .marketing_checkbox>label{
  518.    font-weight: 300;
  519.    font-size: 14px;
  520.    line-height: 1.3;
  521.    letter-spacing: 0%;
  522.    color: #8D8D98;
  523. }
  524. #checkoutModal .up-in-toggle label:first-of-type {
  525.  border-radius: 7px;
  526. }
  527.  
  528. #checkoutModal .up-in-toggle label:last-of-type {
  529.  border-radius: 7px;
  530.  
  531. }
  532.  
  533. #checkoutModal input.form-control, #checkoutModal textarea.form-control{
  534.    border-radius: 14px !important;
  535.    border: 1px solid #D6D6D6 !important;
  536.    padding: 8px 15px !important;
  537.    font-weight: 500 !important;
  538. }
  539. #checkoutModal input.form-control:focus, #checkoutModal textarea.form-control:focus{
  540.    color: #5b5b5b !important;
  541. }
  542. #checkoutModal input.form-control::placeholder, #checkoutModal textarea.form-control::placeholder{
  543.    color: #8991A8 !important;
  544.    font-weight:500 !important;
  545. }
  546. .btn-purchase-block{
  547.    border-radius: 14px !important;
  548.    color: white;
  549. }
  550. #checkoutModal small{
  551.    color: #8991A8 !important;
  552. }
  553. #checkoutModal .modal-footer{
  554.    border: none !important;
  555.    display: flex;
  556.    /* padding:10px 10%; */
  557.    align-items: center;
  558.    justify-content: center;
  559. }
  560. #checkoutModal .modal-content{
  561.    overflow: hidden;
  562. }
  563. .modal-content-indiv{
  564.    overflow-y: auto;
  565. }
  566. .modal-content-indiv::-webkit-scrollbar {
  567.  width: 0.25em;
  568. }
  569. .modal-content-indiv::-webkit-scrollbar-thumb {
  570.  background-color: #dfdfdf;
  571. }
  572. .link-content{
  573.    padding-bottom: 100px;
  574. }
  575. .page-footer{
  576.    /* position: absolute; */
  577.    width: 100%;
  578.    display: flex;
  579.    align-items: center;
  580.    justify-content: center;
  581.    flex-direction: column;
  582.    bottom: 0;
  583.    left: 0;
  584.    padding: 30px 0;
  585.    transition: 0.6s all ease;
  586. }
  587. .accordion-body  {
  588.    background-color: #ededed !important;
  589.    color:  #1E242A !important;
  590.    border-color: #ededed !important;
  591. }
  592. .content-text a{
  593.    color: #1E242A;
  594.    text-decoration: underline;
  595.    font-weight: 600;
  596. }
  597.  
  598. .product-content-divider {
  599.    background: #1E242A !important;
  600.    opacity: 0.2;
  601. }
  602. .product-content-image{
  603.    border: 2px solid #1E242A;
  604. }
  605.  
  606.    body{
  607.    font-family: 'GT Walsheim Pro';
  608. }
  609. .mt-0{
  610.    margin-top: 0 !important;
  611. }
  612. .main-bio-section{
  613.    min-height: 100dvh;
  614.    width: 100%;
  615.    position: relative;
  616.    display: flex;
  617.    background-color: #f7f7f7 !important;
  618.        background-size: cover;
  619.    background-repeat: no-repeat;
  620.    background-position: center center;
  621.    background-attachment: fixed;
  622. }
  623.  
  624. .banner_layout_wrapper{
  625.   background-color: #ffffff !important;
  626. }
  627. .artist-image:after{
  628.    background: linear-gradient(0deg, #ffffff , transparent) !important;
  629. }
  630. .blur-overlay {
  631.  position: absolute;
  632.  top: 0;
  633.  left: 0;
  634.  width: 100%;
  635.  height: 100%;
  636.  backdrop-filter: blur(0px);
  637.  -webkit-backdrop-filter: blur(0px);
  638. }
  639. .main-bio-section:not(.blur-overlay)>*{
  640.    z-index: 1;
  641. }
  642. .main-bio-section:not(.blur-overlay)>.modal{
  643.    z-index: 1050 !important;
  644. }
  645. .user-area{
  646.    width: 30%;
  647.    height: fit-content;
  648.    padding: 50px;
  649.    display: flex;
  650.    flex-direction: column;
  651.    justify-content: space-between;
  652.    align-items: flex-start;
  653.    position: sticky;
  654.    top: 0px;
  655. }
  656.  
  657. .user_profile_pic .crop-container{
  658.           filter: drop-shadow(0px 0px 20px #ffffff58);
  659.    }
  660. .user-name{
  661.    font-size: 30px;
  662.    font-style: normal;
  663.    font-weight: 500;
  664.    line-height: 1;
  665.    margin-top: 20px;
  666.    color: #080808 !important;
  667. }
  668. .user-name>svg{
  669.    margin-bottom: 5px
  670. }
  671. .user-descrip{
  672.    font-style: normal;
  673.    margin-top: 10px;
  674.    font-size: 16px;
  675.    font-weight: 500;
  676.    line-height: 1.3em;
  677.    color: #080808 !important;
  678. }
  679. .social-links-user{
  680.    display: flex;
  681.    flex-wrap:wrap;
  682.    align-items: center;
  683.    justify-content: flex-start;
  684.    gap: 7px;
  685.    margin-top: 20px;
  686.    margin-bottom: 0px;
  687. }
  688. .social-links-u{
  689.    border-radius: 100%;
  690.    display: flex;
  691.    justify-content: center;
  692.    align-items: center;
  693.    flex-direction: column;
  694.    transition: 0.5s ease-out !important;
  695.    width: 50px;
  696.    height: 50px;
  697.    aspect-ratio: 1/1;
  698.    position: relative;
  699.     background-color: #ededed;
  700. }
  701. .category-btn.active{
  702.    background-color: #ededed !important;
  703.    color :#1E242A !important;
  704. }
  705. .social-links-u:not(.youtube) svg path {
  706.    fill:#1E242A !important;
  707. }
  708.  
  709. .social-links-u:hover{
  710.    opacity: 0.5;
  711. }
  712. .promo-u{
  713.    display: flex;
  714.    justify-content: center;
  715.    align-items: center;
  716.    color: #000000;
  717.    font-weight: 500;
  718.    gap: 5px;
  719.    font-size: 17px;
  720.    line-height: 1.3;
  721.    background-color: #000;
  722.    border-radius: 100px;
  723.    padding: 13px 18px 12px;
  724.    margin-bottom: 24px;
  725.    position: fixed;
  726.    bottom: 24px;
  727. }
  728. .promo-u:hover{
  729.    color: #333 !important
  730. }
  731. .content-area{
  732.    width: 100%;
  733.    padding: 50px;
  734.    /* padding-bottom: 16px; */
  735.    display: flex;
  736.    flex-direction: column;
  737.    align-items: center;
  738.    max-width: 800px;
  739. }
  740. .switch-button-area{
  741.    max-width: 800px;
  742.    width: 100%;
  743.    padding: 10px 0;
  744.    display: flex;
  745.    align-items: center;
  746.    justify-content: flex-end;
  747.    padding-right: 1rem;
  748.    padding-left: 1rem;
  749.    padding-bottom: 0;
  750. }
  751. @media(max-width: 900px){
  752.    .switch-button-area{
  753.        justify-content: flex-start;
  754.        padding-left: 1.4rem;
  755.    }
  756. }
  757.  
  758. .switch-button{
  759.    text-align: center;
  760.    /* color: #FFF; */
  761.    /* font-family: 'GT Walsheim Pro'; */
  762.    font-size: 14px;
  763.    font-style: normal;
  764.    font-weight: 500;
  765.    line-height: 1;
  766.    transition: 0.3s;
  767.    cursor: pointer;
  768.    color:#1E242A !important;
  769.    position: relative;
  770.    overflow: hidden;
  771.    padding: 16px 10px;
  772.    border-radius: 0 !important;
  773. }
  774. .switch-button>span{
  775.    line-height: 1;
  776.    display: block;
  777. }
  778. .switch-button:not(.active):hover{
  779.    opacity: 0.5;
  780. }
  781. .cont-circle-area{
  782.    display: flex;
  783.    align-items: center;
  784.    gap: 8px;
  785. }
  786. .expadd-20{
  787.   padding-left: 20px;
  788. }
  789. .cont-circle-area>span,.blocks-title,.headingSpan{
  790.    font-size: 18px;
  791.    font-weight: 600;
  792.    line-height: 1.3;
  793.    text-decoration: none;
  794.    color: #080808 !important;;
  795.    width: 80%;
  796.    text-wrap: wrap;
  797.    display: inline-block;
  798.    word-break: break-word;
  799.    line-height: 1.5;
  800. }
  801. .headingSpan{
  802.    width: 100%;
  803. }
  804. .con-circle{
  805.    display: flex;
  806.    justify-content: center;
  807.    align-items: center;
  808.    border-radius: 100%;
  809.    z-index: 99;
  810.    width: 45px;
  811.    height: 45px;
  812.    position: relative;
  813.    aspect-ratio: 1;
  814.    background-color: #080808;
  815.    cursor: pointer;
  816. }
  817. .next-arrow svg path,.con-circle svg path{
  818.    stroke: #ffffff;
  819. }
  820. .play-icon svg path{
  821.    stroke: none;
  822.    fill: #ffffff !important;
  823. }
  824. .contact-area{
  825.    max-width: 800px;
  826.    width: 100%;
  827. }
  828. .social-area{
  829.    max-width: 800px;
  830.    width: 100%;
  831. }
  832. .links-area{
  833.    position: relative;
  834.    max-width: 800px;
  835.    width: 100%;
  836. }
  837. .p_l-24{
  838.    padding-left: 47px;
  839. }
  840. .position-relative{
  841.    position: relative;
  842.    width: 100%;
  843. }
  844. .link-slide{
  845.    position: relative;
  846.    overflow-y: hidden;
  847.    overflow-x: auto;
  848.    }
  849. .link-slide::-webkit-scrollbar{
  850.    display: none;
  851. }
  852. .link-box{
  853.    width: 100%;
  854.    display: flex;
  855.    margin-top: 15px !important;
  856.  
  857.    /*  */
  858. }
  859. .link-box:not(.swiper-wrapper){
  860.    gap: 15px;
  861. }
  862. .link-cards{
  863.    max-width: 340px !important;
  864.    min-width: 340px !important;
  865.    width: 100% !important;
  866.    border-radius: 24px;
  867.    overflow: hidden;
  868.    text-decoration: none;
  869.    transition: 0.3s ease-in-out !important;
  870.    height:380px;
  871.    display: flex;
  872.    flex-direction: column;
  873.    cursor: pointer;
  874. }
  875. .singleCard  .link-cards{
  876.     max-width: 100% !important;
  877. }
  878. .fullwidth .link-cards{
  879. max-width: 360px !important;
  880. }
  881. .fullwidth .link-cards.soft{
  882. max-width: 346px !important;
  883. }
  884. .fullwidth .link-cards.hard{
  885. max-width: 355px !important;
  886. }
  887. .link-cards:hover{
  888.    transform: translateY(-1%);
  889. }
  890. .link-cards a:not(.link-cards-btn) {
  891.    display: flex;
  892.    flex-direction: column;
  893.    height: 100%;
  894. }
  895. .card-banner-image{
  896.    max-height: 186px;
  897.    height: 100vh;
  898.    position: relative;
  899. }
  900. .card-banner-image::before{
  901.    content: '';
  902.    position: absolute;
  903.    bottom:-2px;
  904.    left: 0;
  905.    display: block;
  906.    right: 0;
  907.            background: linear-gradient(0deg, var(--color), 65%, transparent, transparent);
  908.        min-height: 30px;
  909.        }
  910.  
  911. .card-banner-image>img{
  912.    width: 100%;
  913.    height: 100%;
  914.    object-fit: cover;
  915.    border-radius: 0;
  916.    object-position: center;
  917. }
  918. .card-cont{
  919.    height: 100%;
  920.    position: relative;
  921.    display: flex;
  922.    align-items: flex-end;
  923.    width: 100%;
  924.    padding: 20px;
  925.    padding-top: 5px;
  926. }
  927. .card-cont>.d-flex{
  928.    width: 100%;
  929. }
  930.  
  931. .cont-box-card>h2{
  932.    font-size: 18px !important;
  933.    font-weight: 600 !important;
  934.    line-height: 1.2;
  935.    text-decoration: none;
  936.    margin-bottom: 0px;
  937. }
  938.  
  939. .cont-box-card>p{
  940.  
  941.    color: #e4f0c2;
  942.    margin-top: 10px;
  943.    margin-bottom: 0px;
  944.    font-size: 16px;
  945.    font-weight: 300;
  946.    line-height: 1.2;
  947. }
  948. .cont-black>h2{
  949.    color: #000;
  950. }
  951. .cont-black>p{
  952.    color: #000;
  953. }
  954. .visit-link{
  955.    margin-top: auto;
  956.    width: fit-content;
  957.    padding: 10px 15px;
  958.    background-color: #fff;
  959.    border-radius: 56px;
  960.    text-decoration: none;
  961.    font-weight: 500;
  962.    border: none;
  963.    line-height:1;
  964.    font-size: 16px;
  965.    color: #000;
  966.    mix-blend-mode: normal;
  967.    font-size: 14px;
  968. }
  969. .visit-link2{
  970.    width: fit-content;
  971.    height: 30px;
  972.    background-color: #2c2c2c;
  973.    border-radius: 30px;
  974.    flex-direction: row;
  975.    justify-content: center;
  976.    align-items: center;
  977.    margin-top: 0;
  978.    margin-right: 0;
  979.    padding-left: 18px;
  980.    padding-right: 18px;
  981.    text-decoration: none;
  982.    display: flex;
  983.    color: white;
  984.    font-weight: 500;
  985.    font-size:14px;
  986. }
  987. .text-yellow{
  988.    color: #ffc508;
  989. }
  990. .next-arrow{
  991.    position: absolute;
  992.    top: 50%;
  993.    z-index: 99;
  994.    width: 40px;
  995.    height: 40px;
  996.    background-color: #585858;
  997.    border-radius: 100%;
  998.    justify-content: center;
  999.    align-items: center;
  1000.    margin-right: 7px;
  1001.    opacity: 1;
  1002.    display: flex;
  1003.    transition: 0.5s;
  1004.    background-color: #080808;
  1005. }
  1006. .left-arrow{
  1007.    left: 0px;
  1008.    cursor: pointer;
  1009. }
  1010. .right-arrow{
  1011.    right: 0px;
  1012.    cursor: pointer;
  1013. }
  1014. .fade-left{
  1015.    background-image: linear-gradient(-90deg,rgba(52,54,47,0),#f7f7f7);
  1016.    width: 100px;
  1017.    position: absolute;
  1018.    left: 0;
  1019.    top:0;
  1020.    z-index: 3;
  1021.    bottom: 0;
  1022.    }
  1023. .instagram-right-fade{
  1024.    height: 320px !important;
  1025. }
  1026. .fade-right{
  1027.    background-image: linear-gradient(90deg,rgba(52,54,47,0),#f7f7f7);
  1028.    width: 100px;
  1029.    position: absolute;
  1030.    right: 0;
  1031.    z-index: 3;
  1032.    bottom: 0;
  1033.    top:0;
  1034. }
  1035. .banner_layout_mainContent .fade-left{
  1036.    background-image: linear-gradient(-90deg,rgba(52,54,47,0),#ffffff);
  1037. }
  1038. .banner_layout_mainContent .fade-right{
  1039.    background-image: linear-gradient(90deg,rgba(52,54,47,0),#ffffff);
  1040. }
  1041. .banner-box{
  1042.    width: 100%;
  1043.    border-radius: 24px;
  1044.    background: #ededed;
  1045.    padding: 24px 22px;
  1046.    margin-top: 30px;
  1047. }
  1048. .phonewidget .iti--inline-dropdown .iti__dropdown-content {
  1049.    border-color: #ededed !important;
  1050.    background-color: #f7f7f7 !important;
  1051.    border-radius: 15px;
  1052.    overflow: hidden;
  1053.    max-height: 165px;
  1054. }
  1055. .phonewidget .iti__search-input{
  1056.    border: none !important;
  1057.    outline: none !important;
  1058.    border-radius: 0 !important;
  1059.    background-color: #ededed !important;
  1060.    color: #1E242A !important;
  1061.    padding: 8px 10px !important;
  1062. }
  1063. .phonewidget .iti__country-name,
  1064. .phonewidget .iti__dial-code{
  1065.    color: #1E242A !important;
  1066. }
  1067. .phonewidget .iti__country-list::-webkit-scrollbar {
  1068.    width: 7px;
  1069.    height: 7px;
  1070. }
  1071. .phonewidget .iti__country-list::-webkit-scrollbar-track {
  1072.    background-color: #ededed !important;
  1073. }
  1074. .phonewidget .iti__country-list::-webkit-scrollbar-thumb {
  1075.    -webkit-border-radius: 10px;
  1076.    border-radius: 10px;
  1077.    background-color: #f7f7f7 !important;
  1078. }
  1079.  
  1080. .inp-area{
  1081.    display: flex;
  1082.    align-items: center;
  1083.    justify-content: center;
  1084.    gap: 12px;
  1085.    margin-top: 21px;
  1086. }
  1087. .inp-area>input{
  1088.    width: 100%;
  1089.    border: none;
  1090.    outline: none;
  1091.    padding: 15px 18px;
  1092.    border-radius: 48px;
  1093.    background: #33362F;
  1094.    color: #FFF;
  1095.    font-size: 15px;
  1096.    font-style: normal;
  1097.    font-weight: 500;
  1098.    line-height: 1.3;
  1099. }
  1100. .inp-area>input::placeholder{
  1101.    font-weight: 500;
  1102. }
  1103.  
  1104. .message-box>textarea {
  1105.    width: 100%;
  1106.    border-radius: 21px;
  1107.    /* background: #33362F; */
  1108.    border: none;
  1109.    outline: none;
  1110.    padding: 12px 20px;
  1111.    background-color: #f7f7f7 !important;
  1112.    color: #1E242A !important;
  1113. }
  1114. .message-box>textarea::placeholder{
  1115.    color: #1E242A !important;
  1116. }
  1117. .sub-btn{
  1118.    border: none;
  1119.    outline: none;
  1120.    border-radius: 56px;
  1121.    background: #FFF;
  1122.    color: #292B26;
  1123.    font-size: 14px;
  1124.    font-style: normal;
  1125.    font-weight: 500;
  1126.    line-height: normal;
  1127.    display: inline-flex;
  1128.    height: 30px;
  1129.    padding: 6px 20px;
  1130.    justify-content: center;
  1131.    align-items: center;
  1132.    gap: 5px;
  1133.    margin-top: 21px;
  1134. }
  1135. .para-cont{
  1136.    color: #FFF;
  1137.    font-size: 15px;
  1138.    font-style: normal;
  1139.    font-weight: 500;
  1140.    line-height: normal;
  1141. }
  1142. .inp-area2{
  1143.    display: flex;
  1144.    align-items: center;
  1145.    justify-content: center;
  1146.    gap: 5px;
  1147.    margin-top: 10px;
  1148. }
  1149. .inp-area2>input,.phone-dropdown-inp {
  1150.    width: 100%;
  1151.    border: none;
  1152.    outline: none;
  1153.    padding: 0px 18px;
  1154.    border-radius: 48px;
  1155.    background-color: #f7f7f7 !important;
  1156.    color: #1E242A;
  1157.    font-size: 15px;
  1158.    font-style: normal;
  1159.    font-weight: 500;
  1160.    line-height: 106.1%;
  1161.    height: 50px;
  1162.    /* font-family: 'GT Walsheim Pro'; */
  1163.    /* background: transparent; */
  1164.    /* border: 3px solid #1E242A !important; */
  1165. }
  1166. .inp-area2 input::placeholder,.message-box>textarea::placeholder,
  1167. .inp-area2 input,
  1168. .phone-dropdown .iti__selected-dial-code{
  1169.    color: #1E242A !important;
  1170. }
  1171. /* .inp-area2>input::placeholder{
  1172.    color: white;
  1173.    font-weight: 500;
  1174. } */
  1175. .sub-btn2{
  1176.    border:none;
  1177.    /* color: #fff; */
  1178.    font-size: 16px;
  1179.    font-weight: 500;
  1180.    line-height: 1.3;
  1181.    width: fit-content;
  1182.    padding: 0;
  1183.    border-radius: 45px !important;
  1184.    text-decoration: none;
  1185.    /* font-family: 'GT Walsheim Pro'; */
  1186.    background-color: #f7f7f7 !important;
  1187.    color:#1E242A !important;
  1188.    border:none;
  1189.    /*     color: #ffffff !important;
  1190.     */
  1191.    min-width: 100px;
  1192. }
  1193. .sub-btn2>span{
  1194.    height: 50px;
  1195.    padding-left: 20px !important;
  1196.    padding-right: 20px !important;
  1197.    justify-content: center !important;
  1198.    align-items: center !important;
  1199.    display: flex;
  1200. }
  1201. .mt-20{
  1202.    margin-top: 20px;
  1203. }
  1204. .banner-box2{
  1205.    width: 100%;
  1206.    border-radius: 24px;
  1207.    background: #292B26;
  1208.    padding: 12px;
  1209.    margin-top: 36px;
  1210.    display: flex;
  1211.    align-items: center;
  1212.    gap: 28px;
  1213. }
  1214. .best-link{
  1215.    width: 100%;
  1216.    /* max-width: 800px; */
  1217.    /* max-width: calc(100% - 3px); */
  1218.    /* background-color: #292b26; */
  1219.    border-radius: 24px;
  1220.    gap: 15px;
  1221.    align-items: center;
  1222.    padding: 18px;
  1223.    text-decoration: none;
  1224.    transition: all .2s;
  1225.    display: flex;
  1226.    overflow: hidden;
  1227.    margin-top: 28px;
  1228.    background: #ededed;
  1229.    color: #1E242A;
  1230.    }
  1231. .best-link:hover{
  1232.    transform: scale(1.01);
  1233.    /* background-color: #1d1f1c; */
  1234. }
  1235. .testimonial_card{
  1236.    background: #ededed;
  1237.    color: #1E242A;
  1238. }
  1239. :root{
  1240.    /* product tab page root colors  */
  1241.    --price-tag-color: #080808;
  1242.    --price-tag-text: #ffffff;  
  1243.    --cardBackground: #ededed;
  1244.    --cardFontColor: #1E242A;
  1245. }
  1246. .testimonial-stars svg{
  1247.    fill: #f7f7f7;
  1248. }
  1249. a:hover{
  1250.    text-decoration: none;  
  1251.    color: #1E242A;
  1252. }
  1253. .visit-link {
  1254.    color: #000000;
  1255. }
  1256. .banner-img{
  1257.    width: 150px;
  1258.    min-width: 150px;
  1259.    border-radius: 15px;
  1260.    justify-content: center;
  1261.    align-items: center;
  1262.    display: flex;
  1263.    position: relative;
  1264.    overflow: hidden;
  1265. }
  1266. .banner-img>img{
  1267.   width: 100%;
  1268. }
  1269. .banner-box2_right>h2{
  1270.    color: #FFF;
  1271.    font-size: 19px;
  1272.    font-style: normal;
  1273.    font-weight: 500;
  1274.    line-height: normal;
  1275.    text-align: left;
  1276. }
  1277. .banner-box2_right>p{
  1278.    color: #FFF;
  1279.    font-size: 14px;
  1280.    font-style: normal;
  1281.    font-weight: 500;
  1282.    line-height: normal;
  1283.    margin-top: 7px;
  1284.    text-align: left;
  1285.    width: 305px;
  1286. }
  1287. .banner-box2_right>a{
  1288.    border-radius: 56px;
  1289.    background: #FFF;
  1290.    display: inline-flex;
  1291.    padding: 6px 20px;
  1292.    justify-content: center;
  1293.    align-items: center;
  1294.    gap: 5px;
  1295.    flex-shrink: 0;
  1296.    text-decoration: none;
  1297.    color: #000000;
  1298.    margin-top: 15px;
  1299. }
  1300. .playbutton{
  1301.    margin-left: 24px;
  1302. }
  1303. .tiktok_video{
  1304.    width: 303px;
  1305.    height: 539px;
  1306.    /* background-color: red; */
  1307.    border-radius: 17px;
  1308.    overflow: hidden;
  1309.    position: relative;
  1310.    display: flex;
  1311.    align-items: center;
  1312.    justify-content: center;
  1313. }
  1314. .tiktok_video>img{
  1315.    height: 100%;
  1316.    pointer-events:none;
  1317. }
  1318. .extra-height{
  1319.    height: 545px;
  1320. }
  1321. .video-play{
  1322.    position: absolute;
  1323. }
  1324. .nopadding{
  1325.    padding: 0 0 !important;
  1326.    padding-bottom: 15px !important;
  1327.    overflow: hidden !important;
  1328. }
  1329. .padding-24{
  1330.    padding: 20px;
  1331. }
  1332. .tiktok_wrapper{
  1333.    margin-top: 10px;
  1334. }
  1335. .textbox {
  1336.    min-height: 59px;
  1337.    width: 100%;
  1338.    max-width: 800px;
  1339.    /* background-color: #292b26; */
  1340.    border-radius: 30px;
  1341.    /* flex-direction: column;
  1342.    justify-content: center;
  1343.    align-items: center; */
  1344.    margin-top: 28px;
  1345.    margin-bottom: 0;
  1346.    padding: 24px;
  1347.    /* display: flex; */
  1348.    background-color: #ededed !important;
  1349.    color: #1E242A;
  1350.    }
  1351. .slick-dots li button{
  1352.    background-color: #ededed !important;
  1353. }
  1354. .link-description {
  1355.    margin-top: 12px;
  1356.    font-size: 16px;
  1357.    font-weight: 300;
  1358.    line-height: 1.2;
  1359. }
  1360. .link-description.descp-heading-one{
  1361.  font-size: 28px;
  1362.  font-weight: 700;
  1363.  margin-top: 0;
  1364. }
  1365. .link-description.descp-heading-two {
  1366.  font-size: 22px;
  1367.  font-weight: 600;
  1368. }
  1369. @media(max-width:767px){
  1370.    .link-description.descp-heading-one {
  1371.        font-size: 25px;
  1372.    }
  1373.    .link-description.descp-heading-two {
  1374.        font-size: 18px;
  1375.        font-weight: 600;
  1376.    }
  1377.    .item-row-unit .link-cards{
  1378.        min-width: 340px !important;
  1379.    }
  1380. }
  1381. .youtube-videos{
  1382.    width: 100%;
  1383.    height: auto;
  1384.    max-width: 800px;
  1385.    background-color: #0d0101;
  1386.    border-radius: 30px;
  1387.    padding: 10px;
  1388.    position: relative;
  1389.    overflow: hidden;
  1390.    margin-top: 20px;
  1391. }
  1392. .youtube-videos>img,
  1393. .youtube-videos>iframe
  1394. {
  1395.    width: 100%;
  1396.    border-radius: 20px;
  1397. }
  1398. .youtube-videos>span{
  1399.    color: #e4f0c2;
  1400.    font-size: 20px;
  1401.    font-weight: 500;
  1402.    line-height: 1.3;
  1403.    text-decoration: none;
  1404.    position: absolute;
  1405.    bottom: 0;
  1406.    left: 0;
  1407. }
  1408. .div-block-535 {
  1409.    width: 100%;
  1410.    height: auto;
  1411.    background-color: rgba(41,43,38,0);
  1412.    /* background-image: linear-gradient(rgba(80,42,37,0),#0d0101 25%); */
  1413.    flex-direction: column;
  1414.    justify-content: center;
  1415.    align-items: center;
  1416.    padding: 20px;
  1417.    display: flex;
  1418.    position: absolute;
  1419.    top: 0;
  1420.    bottom: 0%;
  1421.    left: 0%;
  1422.    right: 0%;
  1423. }
  1424. .zaapheading {
  1425.    /* color: #e4f0c2; */
  1426.    font-size: 18px;
  1427.    font-weight: 600;
  1428.    line-height: 1.3;
  1429.    text-decoration: none;
  1430. }
  1431. .spaceer-10 {
  1432.    width: 100%;
  1433.    height: 15px;
  1434. }
  1435. .link-button {
  1436.    width: auto;
  1437.    height: 30px;
  1438.    background-color: #2c2c2c;
  1439.    border-radius: 30px;
  1440.    flex-direction: row;
  1441.    justify-content: center;
  1442.    align-items: center;
  1443.    margin-top: 0;
  1444.    margin-right: 0;
  1445.    padding-left: 18px;
  1446.    padding-right: 18px;
  1447.    text-decoration: none;
  1448.    display: flex;
  1449.    color: white;
  1450. }
  1451. .color-purple{
  1452.    background-color: #7b30e0;
  1453. }
  1454.  
  1455.  
  1456. @media (max-width:1200px) {
  1457.    .main-bio-section > div  {
  1458.        flex-direction: column;
  1459.        align-items: center;
  1460.    }
  1461.    .content-area {
  1462.        align-items: center;
  1463.        padding-left:0px !important;
  1464.    }
  1465.    .user-area {
  1466.        padding-left:0px !important;
  1467.        width: 100%;
  1468.        display: flex;
  1469.        flex-direction: column;
  1470.        align-items: center;
  1471.        gap: 0;
  1472.        justify-content: flex-start;
  1473.        height: fit-content;
  1474.        position: static;
  1475.        max-width: 735px;
  1476.    }
  1477.    .user-detail-area{
  1478.        max-width: 800px;
  1479.        width: 100%;
  1480.    }
  1481.    .content-area {
  1482.        width: 100%;
  1483.        padding-top: 0px !important;
  1484.    }
  1485.    .fade-right, .fade-left {
  1486.        width: 30px;
  1487.    }
  1488. }
  1489. @media (max-width:767px) {
  1490.    .next-arrow{
  1491.        display: none !important;
  1492.    }
  1493.    .link-slide {
  1494.        margin-right: -20px;
  1495.        margin-left: -20px;
  1496.        padding: 0 20px;
  1497.    }
  1498.    .fade-right,.fade-left{
  1499.        display: none !important;
  1500.    }
  1501. }
  1502. @media (max-width:600px) {
  1503.    .content-area {
  1504.        padding: 20px;
  1505.    }
  1506. }
  1507. @media (max-width:660px) {
  1508.    .banner-box2 {
  1509.        flex-direction: column;
  1510.        align-items: flex-start;
  1511.    }
  1512.    .banner-img {
  1513.        width: 100%;
  1514.        height: auto;
  1515.        max-width: 170px;
  1516.    }
  1517.    .banner-img>img{
  1518.        width: 100%;
  1519.        height: auto;
  1520.    }
  1521.    .inp-area2{
  1522.        display: flex;
  1523.        align-items: center;
  1524.        justify-content: center;
  1525.        gap: 12px;
  1526.        margin-top: 21px;
  1527.       flex-wrap: wrap;
  1528.    }
  1529.    .inp-area2>input,
  1530.    .inp-area2 .iti
  1531.    {
  1532.        flex-basis: 100%;
  1533.        width: 100%;
  1534.    }
  1535.    .inp-area2 .iti input{
  1536.        width:100% !important;
  1537.    }
  1538.    .sub-btn {
  1539.        width: 100%;
  1540.        background: #33362F;
  1541.        color: #fff;
  1542.        height: 45px;
  1543.    }
  1544.    .sub-btn>svg>path{
  1545.        fill: #fff;
  1546.    }
  1547.    .sub-btn2 {
  1548.        width: 100%;
  1549.    }
  1550.    .best-link{
  1551.        flex-direction: column;
  1552.    }
  1553.    .best-link-div{
  1554.        width: 100%;
  1555.        justify-content: flex-start !important;
  1556.    }
  1557. }
  1558. @media (max-width:530px) {
  1559.    .switch-button-area{
  1560.        justify-content: center;
  1561.    }
  1562.    .banner-img {
  1563.        max-width: 100%;
  1564.    }
  1565.  /* .user_profile_pic {
  1566.        width: 114px;
  1567.        height: 114px;
  1568.    } */
  1569.    .user-name {
  1570.        font-size: 25px;
  1571.        text-align: center;
  1572.    }
  1573.    .user-descrip {
  1574.        font-size: 18px;
  1575.        max-width: 400px;
  1576.        width: 100%;
  1577.        text-align: center;
  1578.    }
  1579.    .cont-box-card>h2 {
  1580.        font-size: 18px;
  1581.    }
  1582.    .banner-box {
  1583.        padding: 18px;
  1584.    }
  1585.    .best-link {
  1586.        flex-direction: column;
  1587.        padding:0;
  1588.        gap: 0;
  1589.    }
  1590.    .banner-img {
  1591.        padding: 10px;
  1592.    }
  1593.    .banner-img > img {
  1594.        border-radius: 10px;
  1595.    }
  1596.    .best-link-div {
  1597.        flex-direction: column;
  1598.        align-items: flex-start !important;
  1599.    }
  1600.    .visit-single-link{
  1601.        text-align: left;
  1602.        padding-bottom: 20px;
  1603.        padding-left: 20px;
  1604.    }
  1605.    .best-single-link{
  1606.        align-items: flex-start !important;
  1607.    }
  1608.    .singlelinkcontent .zaapheading,.singlelinkcontent .link-description{
  1609.        text-align: left;
  1610.    }
  1611.    .banner-img {
  1612.        border-radius: 0;
  1613.    }
  1614.    .user-area {
  1615.        padding: 20px ;
  1616.        padding-right: 0px !important;
  1617.        padding-top: 0px !important;
  1618.    }
  1619.    .user-detail-area{
  1620.        display: flex !important;
  1621.        justify-content: center !important;
  1622.        flex-direction: column !important;
  1623.        align-items: center !important
  1624.    }
  1625.    .social-links-user{
  1626.        justify-content: center !important;
  1627.    }
  1628.    .link-description {
  1629.        margin-bottom: 0;
  1630.    }
  1631.    .singlelinkcontent {
  1632.        padding: 15px;
  1633.        /* background: linear-gradient(0deg, rgb(255 98 62)60%, transparent); */
  1634.        padding-top: 6rem;
  1635.        margin-top: -5rem;
  1636.        z-index: 1;
  1637.    }
  1638.    .best_single  .singlelinkcontent{
  1639.        padding: 0 !important;
  1640.        margin: 0 !important;
  1641.    }  
  1642. }
  1643. @media (max-width:1200px) {
  1644.    .forwebpromo{
  1645.        display: none;
  1646.    }
  1647.    .main-bio-banner-section  .forwebpromo{
  1648.        display: flex;
  1649.        position: fixed;
  1650.        transform: translate(-50%, 0);
  1651.        left: 50%;
  1652.        bottom: 16px;
  1653.    }
  1654.    .footer-area,.footer-area .forwebpromo{
  1655.        display: flex !important;
  1656.    }
  1657.    
  1658. }
  1659. @media (max-width:420px) {
  1660.    .inp-area2>input {
  1661.        flex-basis: 100%;
  1662.    }
  1663.    .inp-area {
  1664.        flex-wrap: wrap;
  1665.    }
  1666.    .fade-right, .fade-left {
  1667.        width: 20px;
  1668.    }
  1669.    .link-cards,
  1670.    .item-row-unit .link-cards {
  1671.        max-width: 315px !important;
  1672.        min-width: 315px !important;
  1673.    }
  1674. }
  1675. @media (max-width:375px) {
  1676.  .link-cards,
  1677.  .item-row-unit .link-cards {
  1678.        min-width: 280px !important;
  1679.        max-width: 280px !important;
  1680.    }
  1681. }
  1682. .new-bio-page-widgets-width{
  1683.    max-width: 735px;
  1684.    width: 100%;
  1685. }
  1686. .best-single-link{
  1687.    display: flex;
  1688.    justify-content: space-between;
  1689.    align-items: center;
  1690.    box-shadow: none;
  1691. }
  1692. .best-link-div{
  1693.    display: flex;
  1694.    align-items: center;
  1695.    justify-content: center;
  1696.    gap: 15px;
  1697. }
  1698. .visit-single-link{
  1699.    padding-left: 14px;
  1700. }
  1701. .view-insta-btn {
  1702.    background: #080808;
  1703.    color: #f7f7f7;
  1704.    border-radius: 50px;
  1705.    padding: 0px 18px;
  1706.    text-wrap:nowrap;
  1707.    font-size: 14px;
  1708.    font-style: normal;
  1709.    font-weight: 500;
  1710.    line-height: normal;
  1711.    height: 30px;
  1712.    display: flex;
  1713.    align-items:center;
  1714.    cursor:pointer;
  1715. }
  1716. .view-insta-btn:hover{
  1717.    color: #ffffff;
  1718.    text-decoration: none;
  1719.    opacity: 0.9;
  1720. }
  1721. .instagram-link-cards{
  1722.    transition: 0.3s ease;
  1723.    z-index: 0;
  1724. }
  1725. .instagram-link-cards:not(:first-child){
  1726.    margin-left: -2.5rem;
  1727. }
  1728. .instagram-link-cards:hover {
  1729.    transform:rotate(-5deg);
  1730. }
  1731. .instagram-link-box {
  1732.    padding: 0 10px 0px 0px;
  1733. }
  1734. .user-area {
  1735.    padding-left: 65px;
  1736.    padding-right: 20px ;
  1737. }
  1738. .content-area {
  1739.    padding-left: 65px;
  1740.    padding-right: 0px;
  1741.    min-width: 735px;
  1742. }
  1743. @media (max-width:800px) {
  1744.    .content-area{
  1745.        min-width: 100%;
  1746.    }
  1747. }
  1748. .link-card-shadow.hard {
  1749.            box-shadow: -6px 6px 0px 0px var(--color-light);
  1750.        margin-bottom: 8px;
  1751. }
  1752. .link-card-shadow.soft {
  1753.            box-shadow: 0px 0px 10px 3px var(--color-light);
  1754.        margin-left: 5px;
  1755.    margin-right: 5px;
  1756.    margin-bottom: 5px;
  1757. }
  1758. .testimonial_card.link-card-shadow.soft {
  1759.    margin-top: 5px
  1760. }
  1761. .lead-magnet-image-bg {
  1762.  background: #f7f7f7;
  1763.  border: 1px solid rgba(000, 000, 000, 0.06);
  1764. }
  1765. .lead-magnet-image-bg {
  1766.  border-radius: 16px;
  1767.  border: 1px solid rgba(255, 255, 255, 0.06);
  1768.  background: linear-gradient(0deg, #1F211E 0%, #1F211E 100%);
  1769.  width: 290.983px;
  1770.  min-height: 183.729px;
  1771.  transform: rotate(358deg);
  1772.  position: relative;
  1773.  height: 100%;
  1774.  margin-top: -5px;
  1775. }
  1776. .link-text-color, .cont-circle-area .link-text-color,
  1777. .nsfw-footer-link {
  1778.    color:#1E242A !important;
  1779. }
  1780. .nsfw-footer-link:hover {
  1781.    color:#1E242A !important;
  1782. }
  1783.  
  1784. .lead-magnet-terms {
  1785.    color:#1E242A;
  1786. }
  1787.  
  1788.  
  1789. /* Global button color styling */
  1790.  
  1791. .view-insta-btn,
  1792. .visit-link,
  1793. .sub-btn2 {
  1794.    background-color: #080808 !important;
  1795.    color: #ffffff !important;
  1796. }
  1797. .visit-link.price{
  1798.  min-width: fit-content;
  1799.  position: relative;
  1800. }
  1801. .visit-link.price:before{
  1802.    content: '';
  1803.    display: block;
  1804.    border-style: solid;
  1805.    border-width: 20px 20px 0 20px;
  1806.    position: absolute;
  1807.    top: 0;
  1808.    right: -20px;
  1809.    border-color: #080808 transparent transparent transparent ;
  1810. }
  1811. .visit-link.price:after{
  1812.   content: '';
  1813.    display: block;
  1814.    border-style: solid;
  1815.    border-width: 0px 20px 20px 20px;
  1816.    position: absolute;
  1817.    bottom: 0;
  1818.    right: -20px;
  1819.    border-color: transparent transparent #080808 transparent;
  1820. }
  1821. .sub-btn2 .submit-arrow path{
  1822.    fill: #ffffff !important;
  1823. }
  1824. /* apply block_rounding to all except pp and Zaap Branding.*/
  1825. @media (max-width:330px) {
  1826.  .promo-u{
  1827.    font-size: 16px;
  1828.  }
  1829. }
  1830.  
  1831. </style><link href="https://zaap.bio/assets/page/css/animate.min.css" rel="stylesheet" media="screen">
  1832. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
  1833.    integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
  1834. </script>
  1835. <script src="https://player.twitch.tv/js/embed/v1.js"></script>  
  1836.    
  1837.  
  1838.            
  1839.        <!-- Google Tag Manager -->
  1840.        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  1841.        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  1842.        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  1843.        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  1844.        })(window,document,'script','dataLayer','GTM-NCJ94ZHH');</script>
  1845.        <!-- End Google Tag Manager -->
  1846.    
  1847.        
  1848.            
  1849.        
  1850.                    
  1851.    </head>
  1852.  
  1853.    <body>
  1854.                <!-- Google Tag Manager (noscript) -->
  1855.        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5FJWKTJ7" height="0" width="0"
  1856.                style="display:none;visibility:hidden"></iframe></noscript>
  1857.        <!-- End Google Tag Manager (noscript) -->
  1858.    
  1859.  
  1860.    <div class="full-page-loader d-none">
  1861.        <div class="lds-ripple">
  1862.            <div></div>
  1863.            <div></div>
  1864.        </div>
  1865.    </div>
  1866.  
  1867.    
  1868.            <section class="main-bio-section">
  1869.    <div class="blur-overlay"></div>
  1870.    <div class="profile_banner_main"></div>
  1871.    <div style="max-width: 1600px;" class="d-flex container ">
  1872.  
  1873.        <div class="user-area pb-0 overlayProfile ">
  1874.                        
  1875.            <div class="user-detail-area ">
  1876.                                    <div class="user_profile_pic">
  1877.                        <!-- Fallback when no crop coordinates -->
  1878.        <img
  1879.            src="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/4afe4d1d-21a8-4bf2-0a11-af112fcc2700/thumbnail"
  1880.            alt="Image"
  1881.            style="
  1882.                width: 100px;
  1883.                height: 100px;
  1884.                border-radius: 50%;
  1885.                object-fit: cover;
  1886.            "
  1887.            loading="lazy"
  1888.        >
  1889.                        </div>
  1890.                                <h1 class="user-name heading-font-size">MITOSBET
  1891.                                    </h1>
  1892.                <h2 class="user-descrip body-font-size">
  1893.                    MITOSBET | SITUS MITOSBET | LIVECHAT MITOSBET | AGEN MITOSBET | BANDAR MITOSBET | DAFTAR MITOSBET | MITOSBET DEPOSIT PULSA</h2>
  1894.                            </div>
  1895.  
  1896.            <a href="https://zaap.ai?utm_source=zaapbio&utm_medium=button&bio=mitosbet" target="_blank"
  1897.        class="promo-u forwebpromo">
  1898.        <span class="brand-font">Create your free</span>
  1899.        <img src="https://zaap.bio/assets/zaap-logo.svg" width="70px" alt="">
  1900.        <span class="brand-font">page</span>
  1901.    </a>
  1902.  
  1903.        </div>
  1904.        <div class="content-area d-block">
  1905.            
  1906.            
  1907.            <div class="tab-content new-bio-page-widgets-width" id="tabs">
  1908.               <div class=" tab-pane active w-100" id="bio">
  1909.                                <div class="links-slider p-0">
  1910.  
  1911.        <a href="https://heylink.me/mitosbet__/" id="best-link-522020" class="best-link best-single-link align-items-end link-card-shadow " style="--color:#ededed" data-link-url="522020"   >
  1912.    <div class="best-link-div" >
  1913.                <div class="banner-img">
  1914.            <img src="https://images.zaap.ai/public/5c2d4739782807693a1540c642f1af85a647b26bce365bf2726e.png" alt="" loading="eager">
  1915.        </div>
  1916.                        <div class="singlelinkcontent">
  1917.            <div id="text-522020" class="linear-max-length zaapheading heading-font-size word-break">
  1918.                
  1919.                MITOSBET
  1920.            </div>
  1921.                        <div id="text-522020" class="head-max-length link-description body-font-size" style="margin-top:12px;">
  1922.                
  1923.                Mitosbet Agen Slot Online Resmi
  1924.            </div>
  1925.                    </div>
  1926.    </div>
  1927.    <div class="visit-single-link text-nowrap">
  1928.        <div id="button-522020"  class="dynamic-visibility visit-link">
  1929.            Discover
  1930.        </div>
  1931.    </div>
  1932.    </a>
  1933.  
  1934. </div>
  1935.  
  1936. <script>
  1937.    if (window.innerWidth < 530 ) {
  1938.        var element = document.querySelector("#best-link-522020");
  1939.        var elements2 = document.querySelectorAll('#text-522020');
  1940.        var element3 = document.querySelector('#button-522020');
  1941.        element.style.setProperty("--color","#ededed");
  1942.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  1943.        //     element3.style.backgroundColor = "#fff";
  1944.        //     element3.style.color = "rgb(30, 36, 42)";
  1945.        // }else {
  1946.        //     element3.style.backgroundColor = "#2c2c2c";
  1947.        //     element3.style.color = "rgb(255, 255, 255)";
  1948.        // }
  1949.    }
  1950. </script>
  1951.        
  1952.                                <div class="links-slider p-0">
  1953.  
  1954.        <a href="https://mitosfakta108.net" id="best-link-522035" class="best-link best-single-link align-items-end link-card-shadow " style="--color:#ededed" data-link-url="522035"   >
  1955.    <div class="best-link-div" >
  1956.                <div class="banner-img">
  1957.            <img src="https://images.zaap.ai/public/c18e8756f8a7ac9df85a4ba94a55955b9081309d3276472669f9.png" alt="" loading="eager">
  1958.        </div>
  1959.                        <div class="singlelinkcontent">
  1960.            <div id="text-522035" class="linear-max-length zaapheading heading-font-size ">
  1961.                
  1962.                DAFTAR MITOSFAKTA108
  1963.            </div>
  1964.                        <div id="text-522035" class="head-max-length link-description body-font-size" style="margin-top:12px;">
  1965.                
  1966.                Daftar Akun Gacor MItosfakta108
  1967.            </div>
  1968.                    </div>
  1969.    </div>
  1970.    <div class="visit-single-link text-nowrap">
  1971.        <div id="button-522035"  class="dynamic-visibility visit-link">
  1972.            Discover
  1973.        </div>
  1974.    </div>
  1975.    </a>
  1976.  
  1977. </div>
  1978.  
  1979. <script>
  1980.    if (window.innerWidth < 530 ) {
  1981.        var element = document.querySelector("#best-link-522035");
  1982.        var elements2 = document.querySelectorAll('#text-522035');
  1983.        var element3 = document.querySelector('#button-522035');
  1984.        element.style.setProperty("--color","#ededed");
  1985.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  1986.        //     element3.style.backgroundColor = "#fff";
  1987.        //     element3.style.color = "rgb(30, 36, 42)";
  1988.        // }else {
  1989.        //     element3.style.backgroundColor = "#2c2c2c";
  1990.        //     element3.style.color = "rgb(255, 255, 255)";
  1991.        // }
  1992.    }
  1993. </script>
  1994.        
  1995.                                <div class="links-slider p-0">
  1996.  
  1997.        <a href="https://heylink.me/MITOSFAFA" id="best-link-522038" class="best-link best-single-link align-items-end link-card-shadow " style="--color:#ededed" data-link-url="522038"   >
  1998.    <div class="best-link-div" >
  1999.                <div class="banner-img">
  2000.            <img src="https://images.zaap.ai/public/65a2ad2b93927b1a34304ebc4614ab929e0a73f3e902c5f42968.png" alt="" loading="eager">
  2001.        </div>
  2002.                        <div class="singlelinkcontent">
  2003.            <div id="text-522038" class="linear-max-length zaapheading heading-font-size ">
  2004.                
  2005.                Daftar Mitosfafa
  2006.            </div>
  2007.                        <div id="text-522038" class="head-max-length link-description body-font-size" style="margin-top:12px;">
  2008.                
  2009.                Slot Mitosfafa
  2010.            </div>
  2011.                    </div>
  2012.    </div>
  2013.    <div class="visit-single-link text-nowrap">
  2014.        <div id="button-522038"  class="dynamic-visibility visit-link">
  2015.            Discover
  2016.        </div>
  2017.    </div>
  2018.    </a>
  2019.  
  2020. </div>
  2021.  
  2022. <script>
  2023.    if (window.innerWidth < 530 ) {
  2024.        var element = document.querySelector("#best-link-522038");
  2025.        var elements2 = document.querySelectorAll('#text-522038');
  2026.        var element3 = document.querySelector('#button-522038');
  2027.        element.style.setProperty("--color","#ededed");
  2028.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2029.        //     element3.style.backgroundColor = "#fff";
  2030.        //     element3.style.color = "rgb(30, 36, 42)";
  2031.        // }else {
  2032.        //     element3.style.backgroundColor = "#2c2c2c";
  2033.        //     element3.style.color = "rgb(255, 255, 255)";
  2034.        // }
  2035.    }
  2036. </script>
  2037.        
  2038.        
  2039. </div>
  2040.  
  2041.  
  2042. <div class="tab-pane " id="products">
  2043.    
  2044.    <div class="product-card-grid"></div>
  2045. </div>
  2046.            </div>
  2047.            
  2048.                             <div class="braning-wrapper">
  2049.                     <a href="https://zaap.ai?utm_source=zaapbio&utm_medium=button&bio=mitosbet" target="_blank"
  2050.        class="promo-u forwebpromo brand-badge">
  2051.        <span class="brand-font">Create your free</span>
  2052.        <img src="https://zaap.bio/assets/zaap-logo.svg" width="70px" alt="">
  2053.        <span class="brand-font">page</span>
  2054.    </a>
  2055.                 </div>
  2056.                     </div>
  2057.    </div>
  2058. </section>
  2059.    
  2060.    
  2061.    
  2062.    
  2063.    
  2064.    <script>
  2065.    async function addToCart(tier, product_id) {
  2066.        const productId = product_id || "";
  2067.        const url = "https://zaap.bio/mitosbet/cart/add/" + productId;
  2068.  
  2069.        try {
  2070.            const res = await fetch(url, {
  2071.                method: "POST",
  2072.                headers: {
  2073.                    "X-CSRF-TOKEN": "rNmrmNTGS6Wnd1FL0ioahENmTaEQb0J9hMVvxiet",
  2074.                    "Accept": "application/json",
  2075.                    "Content-Type": "application/json"
  2076.                },
  2077.                body: JSON.stringify({
  2078.                    tier
  2079.                })
  2080.            });
  2081.  
  2082.            const data = await res.json();
  2083.            try{
  2084.                if (data.success) {
  2085.                    document.getElementById("item_count").innerText = data.cart_count;
  2086.                }
  2087.            }catch(error){
  2088.                console.log(error.message);
  2089.            }
  2090.  
  2091.            return data;
  2092.        } catch (error) {
  2093.            console.error("Error adding to cart:", error);
  2094.            return {
  2095.                success: false
  2096.            };
  2097.        }
  2098.    }
  2099.  
  2100.    async function buyNow(tier) {
  2101.        const data = await addToCart(tier);
  2102.        if (data.success) {
  2103.            window.location.href = "https://zaap.bio/mitosbet/checkout";
  2104.        }
  2105.    }
  2106.    
  2107.    async function handleProductCardClick(navigationOption, product_id, product_slug) {
  2108.        if (navigationOption === 'product') {
  2109.            window.location.href = "https://zaap.bio/mitosbet/" + product_slug;
  2110.        } else if (navigationOption === 'checkout') {
  2111.            const data = await addToCart(undefined, product_id);
  2112.            console.log(data);
  2113.            if (data.success) {
  2114.                window.location.href = "https://zaap.bio/mitosbet/checkout";
  2115.            }
  2116.        }
  2117.    }
  2118.    
  2119.  
  2120. </script>        
  2121.        
  2122.        <div class="modal fade" id="create_tiktok_widget" tabindex="-1" role="dialog" aria-hidden="true">
  2123.            <div class="modal-dialog modal-dialog-centered" role="document">
  2124.                <div class="position-relative">
  2125.                    <div class="modal-header-float">
  2126.                        <button type="button" class="btn-close opacity-100" data-bs-dismiss="modal" aria-label="Close"></button>
  2127.                    </div>
  2128.                    <div class="modal-content" style="height:100%;">
  2129.                        <iframe scrolling="yes" src="" style="height:700px;width:auto;" id="tiktok_iframe"
  2130.                            frameborder="0"></iframe>
  2131.                    </div>
  2132.                </div>
  2133.            </div>
  2134.        </div>
  2135.  
  2136.        
  2137.         <div class="modal fade" id="youtube_shorts_play" tabindex="-1" role="dialog" aria-hidden="true">
  2138.            <div class="modal-dialog modal-dialog-centered" role="document">
  2139.                <div class="modal-content" style="height:100%;">
  2140.                    <div class="modal-header-float">
  2141.                        <button type="button" class="btn-close opacity-100" data-bs-dismiss="modal" aria-label="Close"></button>
  2142.                    </div>
  2143.                    <iframe src="" style="height: 90vh;" id="youtube_shorts_iframe" frameborder="0"></iframe>
  2144.                </div>
  2145.            </div>
  2146.        </div>
  2147.  
  2148.        
  2149.        <div class="modal fade" id="youtube_play" tabindex="-1" role="dialog" aria-hidden="true">
  2150.            <div class="modal-dialog modal-dialog-centered modal-xlarge" role="document">
  2151.                <div class="modal-content" style="height:100%;">
  2152.                    <div class="modal-header-float">
  2153.                        <button type="button" class="btn-close opacity-100" data-bs-dismiss="modal" aria-label="Close"></button>
  2154.                    </div>
  2155.                    <iframe style="min-height: 500px" id="youtube_iframe"src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  2156.                </div>
  2157.            </div>
  2158.        </div>
  2159.  
  2160.        
  2161.        <div class="modal fade come-from-modal" id="postModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  2162.            <div class="modal-dialog modal-dialog-centered modal-md" style="max-width: 650px" role="document">
  2163.                <div class="modal-content" style="border-radius: 20px;padding:0; overflow:hidden">
  2164.                    <div class="modal-body" style="padding:0; overflow-y:auto; overflow-x:hidden">
  2165.                        
  2166.                    </div>
  2167.                </div>
  2168.            </div>
  2169.        </div>
  2170.  
  2171.  
  2172.  
  2173.        <input type="hidden" id="url" name="url" value="https://zaap.bio/" />
  2174.        <input type="hidden" name="global_token" value="d303e64f956b4524da5a4365dfafb91c" />
  2175.        <input type="hidden" name="number_decimal_point" value="." />
  2176.        <input type="hidden" name="number_thousands_separator" value="," />
  2177.  
  2178.        <script>
  2179.            /* Some global variables */
  2180.            window.altum = {};
  2181.            let global_token = document.querySelector('input[name="global_token"]').value;
  2182.            let url = document.querySelector('input[name="url"]').value;
  2183.            let decimal_point = document.querySelector('[name="number_decimal_point"]').value;
  2184.            let thousands_separator = document.querySelector('[name="number_thousands_separator"]').value;
  2185.        </script>
  2186.  
  2187.        <script src="https://zaap.bio/assets/page/js/libraries/jquery.min.js?v=3.1"></script>
  2188.        <script src="https://zaap.bio/assets/page/js/libraries/popper.min.js?v=3.1"></script>
  2189.        <script src="https://zaap.bio/assets/page/js/libraries/bootstrap.min.js?v=3.1"></script>
  2190.        <script src="https://zaap.bio/assets/page/js/main.js?v=3.1"></script>
  2191.        <script src="https://zaap.bio/assets/page/js/functions.js?v=3.1"></script>
  2192.  
  2193.        <script src="https://zaap.bio/assets/page/growl-notification/growl-notification.min.js"></script>
  2194.        <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@25.3.1/build/js/intlTelInput.min.js"></script>
  2195.  
  2196.        <script defer src="https://www.tiktok.com/embed.js"></script>
  2197.        
  2198.        
  2199.        <script>
  2200.            const projectTabs =  [{"name":"Bio","type":"bio","slug":"bio","is_active":false},{"name":"Posts","type":"posts","slug":"posts","is_active":false}];
  2201.            const isPro = false;
  2202.            let hash = window.location.hash.replace('#', '') || null;
  2203.            let activeTabType =
  2204.                projectTabs.find(t => (t.slug === hash) || (!t.slug && t.type === hash))
  2205.                    ?.type
  2206.                || projectTabs[0]?.type
  2207.                || 'bio';
  2208.  
  2209.            // Handle Tabs
  2210.            function initTabs() {
  2211.                $(".tab-content .tab-pane").hide();
  2212.  
  2213.                const hash = window.location.hash.replace('#', '');
  2214.                let tab = null;
  2215.                
  2216.                if (hash) {
  2217.                    tab = projectTabs.find(t => (t.slug && t.slug === hash) || (!t.slug && t.type === hash));
  2218.                }
  2219.                if (!tab) {
  2220.                    tab = projectTabs[0] || { id: null, slug: 'bio', type: 'bio' };
  2221.                }
  2222.                
  2223.                const tabSlug = '#' + (tab.slug || tab.type);
  2224.                const tabId = tab.id;
  2225.                const tabType = tab.type;
  2226.  
  2227.                let $tab = $('a[data-value="' + (tabSlug || tabType) + '"]');
  2228.                if (tabType) {
  2229.                    showTab($tab, tabId, tabType, tabSlug);
  2230.                }
  2231.            }
  2232.  
  2233.            $(document).ready(function() {
  2234.                if ("bio" != "bio"){
  2235.                    initTabs();
  2236.                }
  2237.            });
  2238.            // Handle tab click event
  2239.            $(document).on('click', '.tab', function() {
  2240.                var tabSlug = $(this).attr("data-value");
  2241.                var tabType = $(this).attr("data-type");
  2242.                var tabId = $(this).attr("data-id");
  2243.                showTab($(this), tabId, tabType, tabSlug);
  2244.                window.location.hash = tabSlug;
  2245.            });
  2246.                        let startTime = Date.now();
  2247.            let buttonClickCount = 0;
  2248.            document.addEventListener('click', async function (e) {
  2249.                // Check if clicked element is button or link
  2250.                if (!e.target.getAttribute('data-link-url') && ( e.target.tagName === 'BUTTON' || e.target.tagName === 'A')) {
  2251.                    // Immediately prevent default behavior
  2252.                    button_clicks(null,e);
  2253.                    
  2254.                }
  2255.            });
  2256.            async function button_clicks(url = null, e) {
  2257.                e.preventDefault(); // Prevent default click behavior
  2258.                buttonClickCount++;
  2259.                // Determine the URL and element
  2260.                const linkElement = e.currentTarget; // Clicked element
  2261.                const resolvedUrl = linkElement.tagName === 'A' ? linkElement.href : url;
  2262.                if (resolvedUrl) {
  2263.                    // Store stats (assuming this function exists)
  2264.                    // store_stats();
  2265.                    function moveToLink(){
  2266.                        setTimeout(() => {
  2267.                            // Handle navigation
  2268.                            if (linkElement.target === '_blank') {
  2269.                                // Open in a new tab
  2270.                                window.open(resolvedUrl, '_blank');
  2271.                            } else {
  2272.                                // Open in the same tab
  2273.                                window.location.href = resolvedUrl;
  2274.                            }
  2275.                        }, 300);
  2276.                    }
  2277.                    // Check if the link has `data-toggle="tab"`
  2278.                    const isTabToggle = linkElement.getAttribute('data-toggle') === 'tab';
  2279.                    if (!isTabToggle) {
  2280.                        try {
  2281.                            // Send interaction events
  2282.                            await sendInteractionEvents('link_clicked', resolvedUrl);
  2283.                            moveToLink();
  2284.                        } catch (error) {
  2285.                            console.error('Network error:', error);
  2286.                            moveToLink();
  2287.                        }
  2288.                    }
  2289.                } else {
  2290.                    console.warn('No valid URL found for the click event.');
  2291.                }
  2292.            }
  2293.            window.addEventListener('beforeunload', async function (event) {
  2294.                store_stats();
  2295.            });
  2296.            async function store_stats() {
  2297.                let timeOnPage = Math.floor((Date.now() - startTime)); // Time in milliseconds
  2298.                try {
  2299.                    const response = await fetch('https://zaap.bio/store-stats', {
  2300.                        method: 'POST',
  2301.                        headers: {
  2302.                            'Content-Type': 'application/json',
  2303.                            'X-CSRF-TOKEN': 'rNmrmNTGS6Wnd1FL0ioahENmTaEQb0J9hMVvxiet'
  2304.                        },
  2305.                        body: JSON.stringify({
  2306.                            project_id: '85585',
  2307.                            time_on_page: timeOnPage,
  2308.                            button_clicks: buttonClickCount,
  2309.                            dynamic_id: ""
  2310.                        })
  2311.                    });
  2312.                } catch (error) {
  2313.                    console.error('Network error:', error);
  2314.                }
  2315.            }
  2316.            async function sendInteractionEvents(key, value) {
  2317.                fetch('https://zaap.bio/store-event', {
  2318.                    method: 'POST',
  2319.                    headers: {
  2320.                        'Content-Type': 'application/json',
  2321.                        'X-CSRF-TOKEN': 'rNmrmNTGS6Wnd1FL0ioahENmTaEQb0J9hMVvxiet'
  2322.                    },
  2323.                    body: JSON.stringify({
  2324.                        dynamic_id: "",
  2325.                        event_type: key,
  2326.                        value: value,
  2327.                    })
  2328.                });
  2329.            }
  2330.            
  2331.            $(".btn-tiktok-play").click(function() {
  2332.                $("#create_tiktok_widget").modal('show');
  2333.                $("#tiktok_iframe").attr('src', $(this).attr('data-url'));
  2334.            });
  2335.  
  2336.            $(document).on('click', '#create_tiktok_widget .close', function() {
  2337.                $('#create_tiktok_widget').modal('hide');
  2338.            });
  2339.  
  2340.            $(document).on('click', ".btn-youtube-play", function () {
  2341.                $("#youtube_play").modal('show');
  2342.                $("#youtube_iframe").attr(
  2343.                    'src',
  2344.                    'https://www.youtube.com/embed/' + $(this).attr('data-url') +
  2345.                    '?controls=0&modestbranding=0&showinfo=0&autohide=1&iv_load_policy=3&autoplay=1'
  2346.                );
  2347.            });
  2348.  
  2349.            $(document).on('click',".btn-youtubeshorts-play",function() {
  2350.                $("#youtube_shorts_play").modal('show');
  2351.                $("#youtube_shorts_iframe").attr('src','https://www.youtube.com/embed/'+$(this).attr('data-url'));
  2352.            });
  2353.  
  2354.            $(document).on('click', '#youtube_shorts_play .close', function() {
  2355.                $('#youtube_shorts_play').modal('hide');
  2356.            });
  2357.                    
  2358.            // Hide the iframe when the modal is closed
  2359.            const modals = [
  2360.                { modalId: '#create_tiktok_widget', iframeId: '#tiktok_iframe' },
  2361.                { modalId: '#youtube_play', iframeId: '#youtube_iframe' },
  2362.                { modalId: '#youtube_shorts_play', iframeId: '#youtube_shorts_iframe' }
  2363.            ];
  2364.  
  2365.            modals.forEach(({ modalId, iframeId }) => {
  2366.                $(modalId).on('hidden.bs.modal', function () {
  2367.                    $(iframeId).attr('src', '');
  2368.                });
  2369.            });
  2370.  
  2371.            $(document).ready(function() {
  2372.  
  2373.                setTimeout(() => {
  2374.                    $(".twitter-card").removeClass('loading-skeleton');
  2375.                }, 5000);
  2376.            });
  2377.  
  2378.        </script>
  2379.        <script>
  2380.            /* Internal tracking for biolink links */
  2381.            $(document).on('click', '[data-link-url]', event => {
  2382.                let url = $(event.currentTarget).data('link-url');
  2383.                let type = $(event.currentTarget).data('type') ?? 'block';
  2384.                $.ajaxSetup({
  2385.                    "headers": {
  2386.                        'X-CSRF-TOKEN': 'rNmrmNTGS6Wnd1FL0ioahENmTaEQb0J9hMVvxiet'
  2387.                    }
  2388.                })
  2389.                $.ajax({
  2390.                    url: "https://zaap.bio/track-link",
  2391.                    type: "POST",
  2392.                    data: {
  2393.                        url: url,
  2394.                        type: type,
  2395.                    },
  2396.                });
  2397.                button_clicks(event.currentTarget?.href,event);
  2398.            });
  2399.        </script>
  2400.        <script>
  2401.            function handleRemoveBadge(){
  2402.                $('.banner-badge').addClass('d-none');
  2403.                $('.brand-badge').removeClass('d-none');
  2404.            }
  2405.            /* Go over all mail buttons to make sure the user can still submit mail */
  2406.            $(document).on("click", ".subscribe-next-btn", function(e) {
  2407.                if ($(this).parent().find('input').val() == '') {
  2408.                    GrowlNotification.notify({
  2409.                        description: "Email is required",
  2410.                        type: "error",
  2411.                        position: "top-right",
  2412.                        closeTimeout: 3000
  2413.                    });
  2414.                    return;
  2415.                } else {
  2416.                    $(this).parent().addClass('d-none');
  2417.                    $(this).parent().removeClass('d-flex');
  2418.  
  2419.                    $(this).parent().next().addClass('d-flex');
  2420.                    $(this).parent().next().removeClass('d-none');
  2421.                }
  2422.            });
  2423.  
  2424.            $(document).on("submit", ".emailwidget", function(e) {
  2425.                e.preventDefault();
  2426.                var subscription_email = $(this).find('input[name="email"]');
  2427.                var subscription_name = $(this).find('input[name="name"]');
  2428.                var downloadUrl = $(this).find('input[name="download-url"]');
  2429.                var block_id = $(this).find('input[name="block-id"]');
  2430.                var dataObject = {
  2431.                        subscription_email: subscription_email.val(),
  2432.                        subscription_name: subscription_name.val(),
  2433.                    };
  2434.                if (downloadUrl) {
  2435.                    dataObject.downloadUrl = downloadUrl.val();
  2436.                    dataObject.block_id = block_id.val();
  2437.                }
  2438.                if (subscription_name.val() == '') {
  2439.                    GrowlNotification.notify({
  2440.                        description: "Name is required",
  2441.                        type: "error",
  2442.                        position: "top-right",
  2443.                        closeTimeout: 3000
  2444.                    });
  2445.                    return false;
  2446.                }
  2447.                if (subscription_email.val() == '') {
  2448.                    GrowlNotification.notify({
  2449.                        description: "Email is required",
  2450.                        type: "error",
  2451.                        position: "top-right",
  2452.                        closeTimeout: 3000
  2453.                    });
  2454.                    return false;
  2455.                }
  2456.                $.ajaxSetup({
  2457.                    "headers": {
  2458.                        'X-CSRF-TOKEN': 'rNmrmNTGS6Wnd1FL0ioahENmTaEQb0J9hMVvxiet'
  2459.                    }
  2460.                })
  2461.                // console.log("https://zaap.bio/mitosbet");
  2462.                $.ajax({
  2463.                    url: "https://zaap.bio/mitosbet",
  2464.                    type: "POST",
  2465.                    data: dataObject,
  2466.                    dataType: "json",
  2467.                    success: (data) => {
  2468.  
  2469.                        // data = JSON.parse(data);
  2470.                        if(data.error){
  2471.                            GrowlNotification.notify({
  2472.                                description: data.error,
  2473.                                type: "error",
  2474.                                position: "top-right",
  2475.                                closeTimeout: 5000
  2476.                            });
  2477.                            return false;
  2478.                        }
  2479.  
  2480.                        GrowlNotification.notify({
  2481.                                description: "Subscribed Successfully!",
  2482.                                type: "success",
  2483.                                position: "top-right",
  2484.                                closeTimeout: 5000
  2485.                            });
  2486.                        subscription_email.val('');
  2487.                        subscription_name.val('');
  2488.                        if (downloadUrl.val()) {
  2489.                            window.location.href = downloadUrl.val();
  2490.                        }
  2491.                        return false;
  2492.  
  2493.                    },
  2494.                    error: ($xhr) => {
  2495.                        var data = $xhr.responseJSON;
  2496.                        // console.log(data.status_code);
  2497.                        if (data.status_code != 200) {
  2498.                            for (i in data.errors) {
  2499.                                GrowlNotification.notify({
  2500.                                    description: data.errors[i][0],
  2501.                                    type: "error",
  2502.                                    position: "top-right",
  2503.                                    closeTimeout: 3000
  2504.                                });
  2505.                            }
  2506.                        }
  2507.                        return false;
  2508.                    }
  2509.                });
  2510.            });
  2511.  
  2512.            function initPhoneInput(){
  2513.                window.phoneInputInstances = {};
  2514.                
  2515.                // Initialize each phone input
  2516.                $(".phone-dropdown-inp").each(function (index) {
  2517.                    // Ensure each input has a unique ID
  2518.                    if (!this.id) {
  2519.                        this.id = "phone_number_" + index;
  2520.                    }
  2521.                    
  2522.                    // Initialize intlTelInput and store the instance
  2523.                    const instance = window.intlTelInput(this, {
  2524.                        initialCountry: "us",
  2525.                        preferredCountries: ["us", "ca"],
  2526.                        formatOnDisplay: true,
  2527.                        containerClass: "phone-dropdown",
  2528.                        separateDialCode: true,
  2529.                        strictMode: true,
  2530.                        loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.3.1/build/js/utils.js"),
  2531.                    });
  2532.                    
  2533.                    // Store the instance with the input's ID
  2534.                    window.phoneInputInstances[this.id] = instance;
  2535.                });
  2536.            }
  2537.            // phone widget
  2538.            $(document).ready(function () {
  2539.                // Store all phone input instances in this object
  2540.                initPhoneInput();
  2541.            })
  2542.            $(document).on('submit', '.phonewidget', function (e) {
  2543.                e.preventDefault();
  2544.                showLoader();
  2545.                
  2546.                let form = $(this);
  2547.                let subscription_name = form.find('input[name="name"]').val().trim();
  2548.                let phoneInput = form.find('input[name="phone"]'); // Get the specific input field inside this form
  2549.  
  2550.                let iti = window.phoneInputInstances[phoneInput.attr('id')];// Get instance for this input
  2551.  
  2552.                // Frontend Validation
  2553.                if (!subscription_name) {
  2554.                    GrowlNotification.notify({
  2555.                        description: "Name is required",
  2556.                        type: "error",
  2557.                        position: "top-right",
  2558.                        closeTimeout: 3000
  2559.                    });
  2560.                    hideLoader();
  2561.                    return;
  2562.                }
  2563.                 // Ensure `iti` is initialized
  2564.                if (!iti) {
  2565.                    GrowlNotification.notify({
  2566.                        description: "Phone input is not initialized properly",
  2567.                        type: "error",
  2568.                        position: "top-right",
  2569.                        closeTimeout: 3000
  2570.                    });
  2571.                    hideLoader();
  2572.                    return;
  2573.                }
  2574.  
  2575.                // Extract country code
  2576.                let countryData = iti.getSelectedCountryData();
  2577.                let phone_code = '+' + countryData.dialCode;
  2578.                let country_code = countryData.iso2;
  2579.  
  2580.  
  2581.                // Check if phone number is valid
  2582.                if (!iti.isValidNumber()) {
  2583.                    GrowlNotification.notify({
  2584.                        description: "Enter a valid phone number",
  2585.                        type: "error",
  2586.                        position: "top-right",
  2587.                        closeTimeout: 3000
  2588.                    });
  2589.                    hideLoader();
  2590.                    return;
  2591.                }
  2592.  
  2593.                let subscription_phone = phoneInput.val().trim().replace(/\D/g, '');
  2594.                let dataObject = {
  2595.                    subscription_phone: subscription_phone,
  2596.                    subscription_name: subscription_name,
  2597.                    phone_code: phone_code,
  2598.                    country_code: country_code,
  2599.                };
  2600.  
  2601.                // CSRF Token Setup
  2602.                $.ajaxSetup({
  2603.                    headers: { 'X-CSRF-TOKEN': 'rNmrmNTGS6Wnd1FL0ioahENmTaEQb0J9hMVvxiet' }
  2604.                });
  2605.  
  2606.                // AJAX Request
  2607.                $.ajax({
  2608.                    url: "https://zaap.bio/mitosbet/contact-subscribe",
  2609.                    type: "POST",
  2610.                    data: dataObject,
  2611.                    dataType: "json",
  2612.                    success: (data) => {
  2613.                        if (data.error) {
  2614.                            GrowlNotification.notify({
  2615.                                description: data.error,
  2616.                                type: "error",
  2617.                                position: "top-right",
  2618.                                closeTimeout: 5000
  2619.                            });
  2620.                            hideLoader();
  2621.                            return;
  2622.                        }
  2623.  
  2624.                        GrowlNotification.notify({
  2625.                            description: "Subscribed Successfully!",
  2626.                            type: "success",
  2627.                            position: "top-right",
  2628.                            closeTimeout: 5000
  2629.                        });
  2630.  
  2631.                        // Clear input fields
  2632.                        form.find('input[name="phone"]').val('');
  2633.                        form.find('input[name="name"]').val('');
  2634.                        hideLoader();
  2635.                    },
  2636.                    error: ($xhr) => {
  2637.                        hideLoader();
  2638.                        var data = $xhr.responseJSON;
  2639.                        // console.log(data.status_code);
  2640.                        if (data.status_code != 200) {
  2641.                            for (i in data.errors) {
  2642.                                GrowlNotification.notify({
  2643.                                    description: data.errors[i][0],
  2644.                                    type: "error",
  2645.                                    position: "top-right",
  2646.                                    closeTimeout: 3000
  2647.                                });
  2648.                            }
  2649.                        }
  2650.                        return false;
  2651.                    }
  2652.                });
  2653.            });
  2654.  
  2655.            $('form[id^="mail_"]').each((index, element) => {
  2656.                let link_id = $(element).find('input[name="link_id"]').val();
  2657.                let is_converted = localStorage.getItem(`mail_${link_id}`);
  2658.  
  2659.                if (is_converted) {
  2660.                    /* Set the submit button to disabled */
  2661.                    $(element).find('button[type="submit"]').attr('disabled', 'disabled');
  2662.                }
  2663.            });
  2664.            /* Form handling for mail submissions if any */
  2665.            $(document).on('submit', 'form[id^="mail_"]', event => {
  2666.                let base_url = $('[name="url"]').val();
  2667.                let link_id = $(event.currentTarget).find('input[name="link_id"]').val();
  2668.                let is_converted = localStorage.getItem(`mail_${link_id}`);
  2669.  
  2670.                if (!is_converted) {
  2671.  
  2672.                    $.ajax({
  2673.                        type: 'POST',
  2674.                        url: `${base_url}link-ajax`,
  2675.                        data: $(event.currentTarget).serialize(),
  2676.                        success: (data) => {
  2677.                            let notification_container = $(event.currentTarget).find(
  2678.                                '.notification-container');
  2679.  
  2680.                            if (data.status == 'error') {
  2681.                                notification_container.html('');
  2682.  
  2683.                                display_notifications(data.message, 'error', notification_container);
  2684.                            } else if (data.status == 'success') {
  2685.  
  2686.                                display_notifications(data.message, 'success', notification_container);
  2687.  
  2688.                                setTimeout(() => {
  2689.  
  2690.                                    /* Hide modal */
  2691.                                    $(event.currentTarget).closest('.modal').modal('hide');
  2692.  
  2693.                                    /* Remove the notification */
  2694.                                    notification_container.html('');
  2695.  
  2696.                                    /* Set the localstorage to mention that the user was converted */
  2697.                                    localStorage.setItem(`mail_${link_id}`, true);
  2698.  
  2699.                                    /* Set the submit button to disabled */
  2700.                                    $(event.currentTarget).find('button[type="submit"]').attr(
  2701.                                        'disabled', 'disabled');
  2702.  
  2703.                                }, 1000);
  2704.  
  2705.                            }
  2706.                        },
  2707.                        dataType: 'json'
  2708.                    });
  2709.  
  2710.                }
  2711.  
  2712.                event.preventDefault();
  2713.            });
  2714.  
  2715.  
  2716.  
  2717.            $(document).on('submit', '#form_contact', function(e) {
  2718.                e.preventDefault();
  2719.                var email = $(this).find('input[name="email"]');
  2720.                var name = $(this).find('input[name="name"]');
  2721.                var phone = $(this).find('input[name="phone"]');
  2722.                var message = $(this).find('textarea[name="message"]');
  2723.                console.log(message);
  2724.                var contact_form_id = $(this).find('input[name="contact_form_id"]');
  2725.                var url = "https://zaap.bio/mitosbet/contact-form-submit";
  2726.                        if (name.attr("data-required") && name.val() == '') {
  2727.                            GrowlNotification.notify({
  2728.                                description: "Name is required",
  2729.                                type: "error",
  2730.                                position: "top-right",
  2731.                                closeTimeout: 3000
  2732.                            });
  2733.                            return false;
  2734.                        }
  2735.                        if (email.attr("data-required") && email.val() == '') {
  2736.                            GrowlNotification.notify({
  2737.                                description: "Email is required",
  2738.                                type: "error",
  2739.                                position: "top-right",
  2740.                                closeTimeout: 3000
  2741.                            });
  2742.                            return false;
  2743.                        }
  2744.                        if (phone.attr("data-required") && phone.val() == '') {
  2745.                            GrowlNotification.notify({
  2746.                                description: "Phone is required",
  2747.                                type: "error",
  2748.                                position: "top-right",
  2749.                                closeTimeout: 3000
  2750.                            });
  2751.                            return false;
  2752.                        }
  2753.                        if(message.attr("data-required") && message.val() == ''){
  2754.                            GrowlNotification.notify({
  2755.                                    description: "Message is required",
  2756.                                    type: "error",
  2757.                                    position: "top-right",
  2758.                                    closeTimeout: 3000
  2759.                                });
  2760.                                return false;
  2761.                        }
  2762.                    $.ajaxSetup({
  2763.                        "headers": {
  2764.                            'X-CSRF-TOKEN': 'rNmrmNTGS6Wnd1FL0ioahENmTaEQb0J9hMVvxiet'
  2765.                        }
  2766.                    })
  2767.                    $.ajax({
  2768.                    url:url,
  2769.                    type: 'POST',
  2770.                    data: {
  2771.                        email: email.val(),
  2772.                        name:  name.val(),
  2773.                        phone: phone.val(),
  2774.                        message: message.val(),
  2775.                        contact_form_id: contact_form_id.val(),
  2776.                    },
  2777.                    success: (data) => {
  2778.                        GrowlNotification.notify({
  2779.                            description: "Form Submitted Successfully!",
  2780.                            type: "success",
  2781.                            position: "top-right",
  2782.                            closeTimeout: 5000
  2783.                        });
  2784.                        email.val('');
  2785.                        name.val('');
  2786.                        phone.val('');
  2787.                        message.val('');
  2788.                        return false;
  2789.                        },
  2790.                    error: ($xhr) => {
  2791.                                var data = $xhr.responseJSON;
  2792.                                // console.log(data.status_code);
  2793.                                if (data.status_code != 200) {
  2794.                                    for (i in data.errors) {
  2795.                                        GrowlNotification.notify({
  2796.                                            description: data.errors[i][0],
  2797.                                            type: "error",
  2798.                                            position: "top-right",
  2799.                                            closeTimeout: 3000
  2800.                                        });
  2801.                                    }
  2802.                                }
  2803.                                return false;
  2804.                            }
  2805.                });
  2806.            });
  2807.  
  2808.            $(document).on('click', '.contact-accordion-button', function() {
  2809.                const $btn = $(this);
  2810.                $btn.css({
  2811.                    transform: "scale(1.3)",
  2812.                });
  2813.                setTimeout(() => {
  2814.                    $btn.css({
  2815.                        transform: "scale(0)",
  2816.                    });
  2817.                    setTimeout(() => {
  2818.                        $btn.hide();
  2819.                        $btn.next().slideDown(500);
  2820.                    }, 500);
  2821.                }, 300);
  2822.            });
  2823.  
  2824.  
  2825.            var postsLoaded = false;
  2826.  
  2827.            function showTab(tab, tabId, tabType, tabSlug) {
  2828.                // Reset active tabs
  2829.                $(".tab").removeClass("active");
  2830.                $(".tab-content .tab-pane").hide();
  2831.  
  2832.                // Find tab anchor
  2833.                tab.addClass("active");
  2834.  
  2835.                // Show the right tab content
  2836.                $("#" + tabType).show();
  2837.                if (tabType === "posts" ) {
  2838.                    if (0 > 0 && isPro) {  
  2839.                        loadPosts();
  2840.                    }else {
  2841.                        $(".posts-main").hide();
  2842.                    }
  2843.                }else if (tabType === "products") {
  2844.                    loadProducts();
  2845.                } else {
  2846.                    if (tabId) {
  2847.                        loadTab(tabId);
  2848.                    }
  2849.                }
  2850.                let wrappers = tab.closest(".tabInit").parent().find(".tabInit");
  2851.                $('html,body').animate({scrollTop: 0}, 100);
  2852.                wrappers.each(function () {
  2853.                    updateActiveTab(tab, $(this));
  2854.                });
  2855.            }
  2856.            
  2857.            function updateActiveTab(tab, wrapper) {
  2858.                let index = tab.data("rel");
  2859.                let totalTabs = wrapper.find(".tab").length;
  2860.                let percentage = (100 / totalTabs) * (index - 1);
  2861.  
  2862.                wrapper.find(".tab-indicator").css({
  2863.                    "left": percentage + "%",
  2864.                });
  2865.                let $tabContent = $(".tab-content");
  2866.                $tabContent.css("opacity", 1);
  2867.            }
  2868.            
  2869.  
  2870.            function loadTab(tabId) {
  2871.  
  2872.                let $tabContent = $(".tab-content");
  2873.                $tabContent.css("opacity", 0);
  2874.                
  2875.                var url =
  2876.                    "https://zaap.bio/mitosbet/load-tab";
  2877.                $.ajaxSetup({
  2878.                    headers: {
  2879.                        "X-CSRF-TOKEN": "rNmrmNTGS6Wnd1FL0ioahENmTaEQb0J9hMVvxiet",
  2880.                    },
  2881.                });
  2882.  
  2883.                $.ajax({
  2884.                    url: url,
  2885.                    type: "GET",
  2886.                    data: {
  2887.                        tab: tabId,
  2888.                        slug: "mitosbet",
  2889.                        dynamic_id: ""
  2890.                    },
  2891.                    success: function(response) {
  2892.                        $tabContent.html(response);
  2893.                        $tabContent.css("opacity", 1);
  2894.                        initializeAllSliders();
  2895.                        initPhoneInput();
  2896.                    },
  2897.                    error: function(xhr, status, error) {
  2898.                        $tabContent.css("opacity", 1);
  2899.                        console.log(error);
  2900.                    },
  2901.                });
  2902.            }
  2903.            
  2904.            function loadPosts() {
  2905.                var url =
  2906.                    "https://zaap.bio/mitosbet/get-posts";
  2907.                $.ajaxSetup({
  2908.                    headers: {
  2909.                        "X-CSRF-TOKEN": "rNmrmNTGS6Wnd1FL0ioahENmTaEQb0J9hMVvxiet",
  2910.                    },
  2911.                });
  2912.  
  2913.                $.ajax({
  2914.                    url: url,
  2915.                    type: "GET",
  2916.                    success: function(response) {
  2917.                        $(".posts-main").html(response);
  2918.                        postsLoaded = true;
  2919.                    },
  2920.                    error: function(xhr, status, error) {
  2921.                        console.log(error); // Check for any error messages
  2922.                    },
  2923.                });
  2924.            }
  2925.  
  2926.          
  2927.  
  2928.            function loadProducts(category = "") {
  2929.                var url =
  2930.                    "https://zaap.bio/mitosbet/get-products";
  2931.  
  2932.                $.ajaxSetup({
  2933.                    headers: {
  2934.                        "X-CSRF-TOKEN": "rNmrmNTGS6Wnd1FL0ioahENmTaEQb0J9hMVvxiet",
  2935.                    },
  2936.                });
  2937.  
  2938.                $.ajax({
  2939.                    url: url,
  2940.                    type: "GET",
  2941.                    data: { category: category }, // 👈 category bhej rahe hain
  2942.                    success: function (response) {
  2943.                        $(".product-card-grid").html(response);
  2944.                        postsLoaded = true;
  2945.                    },
  2946.                    error: function (xhr, status, error) {
  2947.                        console.log(error);
  2948.                    },
  2949.                });
  2950.            }
  2951.  
  2952.            $(document).on("click", ".category-btn", function () {
  2953.                $(".category-btn").removeClass("active");
  2954.                $(this).addClass("active");
  2955.  
  2956.                let category = $(this).text().trim();
  2957.                if (category === "All") {
  2958.                    category = "";
  2959.                }
  2960.  
  2961.                loadProducts(category);
  2962.            });
  2963.  
  2964.            $(document).on('click', ".page-post", function() {
  2965.                var slug = $(this).attr('data-slug');
  2966.                var url = `${baseUrl}/${projectSlug}/post/${slug}`;
  2967.                // get current domain
  2968.                var currentHost = window.location.origin;
  2969.                let finalUrl = '';
  2970.                var baseUrl = "https://zaap.bio";
  2971.                if (currentHost == baseUrl) {
  2972.                    // Use configured base URL (zaap.bio)
  2973.                    var projectSlug = "mitosbet";
  2974.                    finalUrl = `${baseUrl}/${projectSlug}/post/${slug}`;
  2975.                } else {
  2976.                    // Use current domain (custom domain)
  2977.                    finalUrl = `${currentHost}/post/${slug}`;
  2978.                }
  2979.  
  2980.                window.location.href = finalUrl;
  2981.                return;
  2982.                var postid = $(this).attr('data-id'); // Get the data-id of the clicked post
  2983.  
  2984.                var url =
  2985.                    "https://zaap.bio/mitosbet/get-posts";
  2986.  
  2987.                showLoader();
  2988.                $.ajaxSetup({
  2989.                    "headers": {
  2990.                        'X-CSRF-TOKEN': 'rNmrmNTGS6Wnd1FL0ioahENmTaEQb0J9hMVvxiet'
  2991.                    }
  2992.                });
  2993.                $.ajax({
  2994.                    url: url + '?post=' + postid,
  2995.                    type: "GET",
  2996.                    success: function(response) {
  2997.                        hideLoader();
  2998.                        $("#postModal").modal('show');
  2999.                        $("#postModal .modal-body").html(response);
  3000.                        var urlhash = window.location.href
  3001.                        var url = urlhash.replace('#posts', '') + '?post=' + slug;
  3002.                        console.log(url);
  3003.                        window.history.pushState('', '', url);
  3004.  
  3005.                    }
  3006.                });
  3007.                // $("#postModal").on('hide.bs.modal', function() {
  3008.                //     var url = window.location.href;
  3009.                //     if (url.indexOf("?post=") !== -1) {
  3010.                //         url = url.split("?post=")[0] + "#posts"; // Update the URL with the modified hash
  3011.                //         history.pushState(null, null, url); // Update the URL in the browser without reloading the page
  3012.                //     }
  3013.                // });
  3014.            });
  3015.            var originalUrl = window.location.href;
  3016.            window.addEventListener('hashchange', function() {
  3017.                var updatedUrl = window.location.href;
  3018.                if (updatedUrl !== originalUrl) {
  3019.                    originalUrl = updatedUrl;
  3020.                }
  3021.            });
  3022.            document.querySelector('#postModal').addEventListener('click', function() {
  3023.                var newUrl = originalUrl + '?post=posting';
  3024.                history.pushState(null, null, newUrl);
  3025.            });
  3026.  
  3027.            $("#postModal").on('hide.bs.modal', function() {
  3028.                history.pushState(null, null, originalUrl);
  3029.            });
  3030.        
  3031.        </script>
  3032.        <!-- Swiper JS -->
  3033.        <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  3034.        <script>
  3035.            function initializeSwiper(sliderType) {
  3036.                $("." + sliderType + "-slider").each(function () {
  3037.                    try {
  3038.                        
  3039.                    
  3040.                    const $this = $(this);
  3041.                    const sliderId = $this.data('id');
  3042.                    if (!sliderId) return;
  3043.                    
  3044.                    const containerSelector = '.' + sliderType + '-slider-' + sliderId;
  3045.                    
  3046.                    const containerEl = document.querySelector(containerSelector);
  3047.                    // console.log("sliderType",sliderType,"containerEl",containerEl)
  3048.                    if (!containerEl) return;
  3049.  
  3050.                    const leftArrow = document.querySelector("." + sliderType + '-left-arrow-' + sliderId);
  3051.                    const rightArrow = document.querySelector("." + sliderType + '-right-arrow-' + sliderId);
  3052.                    const leftFade = document.querySelector("." + sliderType + '-left-fade-' + sliderId);
  3053.                    const rightFade = document.querySelector("." + sliderType + '-right-fade-' + sliderId);
  3054.                    const swiper = new Swiper(containerSelector, {
  3055.                        slidesPerView: 'auto',
  3056.                        spaceBetween: sliderType == "instagram" ? 0 : 15,
  3057.                        freeMode: true,
  3058.                        navigation: {
  3059.                            nextEl: rightArrow,
  3060.                            prevEl: leftArrow,
  3061.                        },
  3062.                        on: {
  3063.                            init: function (swiperInstance) {
  3064.                                updateFadeVisibility(swiperInstance);
  3065.                            },
  3066.                            slideChange: function (swiperInstance) {
  3067.                                updateFadeVisibility(swiperInstance);
  3068.                            },
  3069.                            reachEnd: function (swiperInstance) {
  3070.                                updateFadeVisibility(swiperInstance);
  3071.                            },
  3072.                            reachBeginning: function (swiperInstance) {
  3073.                                updateFadeVisibility(swiperInstance);
  3074.                            },
  3075.                            fromEdge: function (swiperInstance) {
  3076.                                updateFadeVisibility(swiperInstance);
  3077.                            }
  3078.                        }
  3079.                    });
  3080.  
  3081.                    function updateFadeVisibility(swiperInstance) {
  3082.                        const isBeginning = swiperInstance.isBeginning;
  3083.                        const isEnd = swiperInstance.isEnd;
  3084.  
  3085.                        if (leftArrow) leftArrow.style.opacity = isBeginning ? '0' : '1';
  3086.                        if (leftFade) leftFade.style.display = isBeginning ? 'none' : 'block';
  3087.  
  3088.                        if (rightArrow) rightArrow.style.opacity = isEnd ? '0' : '1';
  3089.                        if (rightFade) rightFade.style.display = isEnd ? 'none' : 'block';
  3090.                    }} catch (error) {
  3091.                        // console.log("error in initializeSwiper",sliderType,error)
  3092.                    }
  3093.                });
  3094.            }
  3095.            // ✅ Initialize all sliders
  3096.            function initializeAllSliders() {
  3097.                const sliderTypes = [
  3098.                    "posts",
  3099.                    "tiktok",
  3100.                    "folder-link",
  3101.                    "folder-portfolio",
  3102.                    "youtube",
  3103.                    "instagram",
  3104.                    "spotify",
  3105.                    "instagram",
  3106.                    'testimonial',
  3107.                ];
  3108.    
  3109.                sliderTypes.forEach(type => initializeSwiper(type));
  3110.            }
  3111.            $(document).ready(function () {
  3112.                initializeAllSliders();
  3113.            });
  3114.        </script>
  3115.    </body>
  3116.    
  3117.            
  3118.    
  3119.    <!-- Google Tag Manager (noscript) -->
  3120.        <!-- End Google Tag Manager (noscript) -->
  3121.  
  3122. </html>
  3123.  

Home · About · News · Docs · Terms

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