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

Home · About · News · Docs · Terms

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