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=20250917045020" 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.    /* padding-bottom: 16px; */
  724.    display: flex;
  725.    flex-direction: column;
  726.    align-items: center;
  727.    max-width: 800px;
  728. }
  729. .switch-button-area{
  730.    max-width: 800px;
  731.    width: 100%;
  732.    padding: 10px 0;
  733.    display: flex;
  734.    align-items: center;
  735.    justify-content: flex-end;
  736.     width: 105%;
  737.    padding-right: 1rem;
  738.    padding-left: 1rem;
  739.    padding-bottom: 0;
  740. }
  741. @media(max-width: 900px){
  742.    .switch-button-area{
  743.        justify-content: flex-start;
  744.        padding-left: 1.4rem;
  745.    }
  746. }
  747. .switch-button.active {
  748.    background-color: #dedede !important;
  749.    border:none;
  750.    color:#1E242A;
  751. }
  752. .switch-button{
  753.    text-align: center;
  754.    /* color: #FFF; */
  755.    /* font-family: 'GT Walsheim Pro'; */
  756.    font-size: 14px;
  757.    font-style: normal;
  758.    font-weight: 500;
  759.    line-height: 1;
  760.    padding: 11px 25px;
  761.    border-radius: 36px;
  762.    transition: 0.3s;
  763.    cursor: pointer;
  764.    color:#1E242A;
  765. }
  766. .switch-button>span{
  767.    line-height: 1;
  768.    display: block;
  769. }
  770. .switch-button:not(.active):hover{
  771.    opacity: 0.5;
  772. }
  773. .cont-circle-area{
  774.    display: flex;
  775.    align-items: center;
  776.    gap: 8px;
  777. }
  778. .expadd-20{
  779.   padding-left: 20px;
  780. }
  781. .cont-circle-area>span,.blocks-title,.headingSpan{
  782.    font-size: 18px;
  783.    font-weight: 600;
  784.    line-height: 1.3;
  785.    text-decoration: none;
  786.    color: #080808 !important;;
  787.    width: 80%;
  788.    text-wrap: wrap;
  789.    display: inline-block;
  790.    word-break: break-word;
  791.    line-height: 1.5;
  792. }
  793. .headingSpan{
  794.    width: 100%;
  795. }
  796. .con-circle{
  797.    display: flex;
  798.    justify-content: center;
  799.    align-items: center;
  800.    border-radius: 100%;
  801.    z-index: 99;
  802.    width: 45px;
  803.    height: 45px;
  804.    position: relative;
  805.    aspect-ratio: 1;
  806.    background-color: #080808;
  807.    cursor: pointer;
  808. }
  809. .next-arrow svg path,.con-circle svg path{
  810.    stroke: #ffffff;
  811. }
  812. .play-icon svg path{
  813.    stroke: none;
  814.    fill: #ffffff !important;
  815. }
  816. .contact-area{
  817.    max-width: 800px;
  818.    width: 100%;
  819. }
  820. .social-area{
  821.    max-width: 800px;
  822.    width: 100%;
  823. }
  824. .links-area{
  825.    position: relative;
  826.    max-width: 800px;
  827.    width: 100%;
  828. }
  829. .p_l-24{
  830.    padding-left: 47px;
  831. }
  832. .position-relative{
  833.    position: relative;
  834.    width: 100%;
  835. }
  836. .link-slide{
  837.    position: relative;
  838.    overflow-y: hidden;
  839.    overflow-x: auto;
  840.    }
  841. .link-slide::-webkit-scrollbar{
  842.    display: none;
  843. }
  844. .link-box{
  845.    width: 100%;
  846.    display: flex;
  847.    margin-top: 15px !important;
  848.  
  849.    /*  */
  850. }
  851. .link-box:not(.swiper-wrapper){
  852.    gap: 15px;
  853. }
  854. .link-cards{
  855.    max-width: 340px !important;
  856.    min-width: 340px !important;
  857.    width: 100% !important;
  858.    border-radius: 24px;
  859.    overflow: hidden;
  860.    text-decoration: none;
  861.    transition: 0.3s ease-in-out !important;
  862.    height:380px;
  863.    display: flex;
  864.    flex-direction: column;
  865.    cursor: pointer;
  866. }
  867. .singleCard  .link-cards{
  868.     max-width: 100% !important;
  869. }
  870. .fullwidth .link-cards{
  871. max-width: 360px !important;
  872. }
  873. .fullwidth .link-cards.soft{
  874. max-width: 346px !important;
  875. }
  876. .fullwidth .link-cards.hard{
  877. max-width: 355px !important;
  878. }
  879. .link-cards:hover{
  880.    transform: translateY(-1%);
  881. }
  882. .link-cards a:not(.link-cards-btn) {
  883.    display: flex;
  884.    flex-direction: column;
  885.    height: 100%;
  886. }
  887. .card-banner-image{
  888.    max-height: 186px;
  889.    height: 100vh;
  890.    position: relative;
  891. }
  892. .card-banner-image::before{
  893.    content: '';
  894.    position: absolute;
  895.    bottom:-2px;
  896.    left: 0;
  897.    display: block;
  898.    right: 0;
  899.            background: linear-gradient(0deg, var(--color), 65%, transparent, transparent);
  900.        min-height: 30px;
  901.        }
  902.  
  903. .card-banner-image>img{
  904.    width: 100%;
  905.    height: 100%;
  906.    object-fit: cover;
  907.    border-radius: 0;
  908.    object-position: center;
  909. }
  910. .card-cont{
  911.    height: 100%;
  912.    position: relative;
  913.    display: flex;
  914.    align-items: flex-end;
  915.    width: 100%;
  916.    padding: 20px;
  917.    padding-top: 5px;
  918. }
  919. .card-cont>.d-flex{
  920.    width: 100%;
  921. }
  922.  
  923. .cont-box-card>h2{
  924.    font-size: 18px !important;
  925.    font-weight: 600 !important;
  926.    line-height: 1.2;
  927.    text-decoration: none;
  928.    margin-bottom: 0px;
  929. }
  930.  
  931. .cont-box-card>p{
  932.  
  933.    color: #e4f0c2;
  934.    margin-top: 10px;
  935.    margin-bottom: 0px;
  936.    font-size: 16px;
  937.    font-weight: 300;
  938.    line-height: 1.2;
  939. }
  940. .cont-black>h2{
  941.    color: #000;
  942. }
  943. .cont-black>p{
  944.    color: #000;
  945. }
  946. .visit-link{
  947.    margin-top: auto;
  948.    width: fit-content;
  949.    padding: 10px 15px;
  950.    background-color: #fff;
  951.    border-radius: 56px;
  952.    text-decoration: none;
  953.    font-weight: 500;
  954.    border: none;
  955.    line-height:1;
  956.    font-size: 16px;
  957.    color: #000;
  958.    mix-blend-mode: normal;
  959.    font-size: 14px;
  960. }
  961. .visit-link2{
  962.    width: fit-content;
  963.    height: 30px;
  964.    background-color: #2c2c2c;
  965.    border-radius: 30px;
  966.    flex-direction: row;
  967.    justify-content: center;
  968.    align-items: center;
  969.    margin-top: 0;
  970.    margin-right: 0;
  971.    padding-left: 18px;
  972.    padding-right: 18px;
  973.    text-decoration: none;
  974.    display: flex;
  975.    color: white;
  976.    font-weight: 500;
  977.    font-size:14px;
  978. }
  979. .text-yellow{
  980.    color: #ffc508;
  981. }
  982. .next-arrow{
  983.    position: absolute;
  984.    top: 50%;
  985.    z-index: 99;
  986.    width: 40px;
  987.    height: 40px;
  988.    background-color: #585858;
  989.    border-radius: 100%;
  990.    justify-content: center;
  991.    align-items: center;
  992.    margin-right: 7px;
  993.    opacity: 1;
  994.    display: flex;
  995.    transition: 0.5s;
  996.    background-color: #080808;
  997. }
  998. .left-arrow{
  999.    left: 0px;
  1000.    cursor: pointer;
  1001. }
  1002. .right-arrow{
  1003.    right: 0px;
  1004.    cursor: pointer;
  1005. }
  1006. .fade-left{
  1007.    background-image: linear-gradient(-90deg,rgba(52,54,47,0),#f7f7f7);
  1008.    width: 100px;
  1009.    position: absolute;
  1010.    left: 0;
  1011.    top:0;
  1012.    z-index: 3;
  1013.    bottom: 0;
  1014.    }
  1015. .instagram-right-fade{
  1016.    height: 320px !important;
  1017. }
  1018. .fade-right{
  1019.    background-image: linear-gradient(90deg,rgba(52,54,47,0),#f7f7f7);
  1020.    width: 100px;
  1021.    position: absolute;
  1022.    right: 0;
  1023.    z-index: 3;
  1024.    bottom: 0;
  1025.    top:0;
  1026. }
  1027. .banner_layout_mainContent .fade-left{
  1028.    background-image: linear-gradient(-90deg,rgba(52,54,47,0),#ffffff);
  1029. }
  1030. .banner_layout_mainContent .fade-right{
  1031.    background-image: linear-gradient(90deg,rgba(52,54,47,0),#ffffff);
  1032. }
  1033. .banner-box{
  1034.    width: 100%;
  1035.    border-radius: 24px;
  1036.    background: #dedede;
  1037.    padding: 24px 22px;
  1038.    margin-top: 30px;
  1039. }
  1040. .phonewidget .iti--inline-dropdown .iti__dropdown-content {
  1041.    border-color: #dedede !important;
  1042.    background-color: #f7f7f7 !important;
  1043.    border-radius: 15px;
  1044.    overflow: hidden;
  1045.    max-height: 165px;
  1046. }
  1047. .phonewidget .iti__search-input{
  1048.    border: none !important;
  1049.    outline: none !important;
  1050.    border-radius: 0 !important;
  1051.    background-color: #dedede !important;
  1052.    color: #1E242A !important;
  1053.    padding: 8px 10px !important;
  1054. }
  1055. .phonewidget .iti__country-name,
  1056. .phonewidget .iti__dial-code{
  1057.    color: #1E242A !important;
  1058. }
  1059. .phonewidget .iti__country-list::-webkit-scrollbar {
  1060.    width: 7px;
  1061.    height: 7px;
  1062. }
  1063. .phonewidget .iti__country-list::-webkit-scrollbar-track {
  1064.    background-color: #dedede !important;
  1065. }
  1066. .phonewidget .iti__country-list::-webkit-scrollbar-thumb {
  1067.    -webkit-border-radius: 10px;
  1068.    border-radius: 10px;
  1069.    background-color: #f7f7f7 !important;
  1070. }
  1071.  
  1072. .inp-area{
  1073.    display: flex;
  1074.    align-items: center;
  1075.    justify-content: center;
  1076.    gap: 12px;
  1077.    margin-top: 21px;
  1078. }
  1079. .inp-area>input{
  1080.    width: 100%;
  1081.    border: none;
  1082.    outline: none;
  1083.    padding: 15px 18px;
  1084.    border-radius: 48px;
  1085.    background: #33362F;
  1086.    color: #FFF;
  1087.    font-size: 15px;
  1088.    font-style: normal;
  1089.    font-weight: 500;
  1090.    line-height: 1.3;
  1091. }
  1092. .inp-area>input::placeholder{
  1093.    font-weight: 500;
  1094. }
  1095.  
  1096. .message-box>textarea {
  1097.    width: 100%;
  1098.    border-radius: 21px;
  1099.    /* background: #33362F; */
  1100.    border: none;
  1101.    outline: none;
  1102.    padding: 12px 20px;
  1103.    background-color: #f7f7f7 !important;
  1104.    color: #1E242A !important;
  1105. }
  1106. .message-box>textarea::placeholder{
  1107.    color: #1E242A !important;
  1108. }
  1109. .sub-btn{
  1110.    border: none;
  1111.    outline: none;
  1112.    border-radius: 56px;
  1113.    background: #FFF;
  1114.    color: #292B26;
  1115.    font-size: 14px;
  1116.    font-style: normal;
  1117.    font-weight: 500;
  1118.    line-height: normal;
  1119.    display: inline-flex;
  1120.    height: 30px;
  1121.    padding: 6px 20px;
  1122.    justify-content: center;
  1123.    align-items: center;
  1124.    gap: 5px;
  1125.    margin-top: 21px;
  1126. }
  1127. .para-cont{
  1128.    color: #FFF;
  1129.    font-size: 15px;
  1130.    font-style: normal;
  1131.    font-weight: 500;
  1132.    line-height: normal;
  1133. }
  1134. .inp-area2{
  1135.    display: flex;
  1136.    align-items: center;
  1137.    justify-content: center;
  1138.    gap: 5px;
  1139.    margin-top: 10px;
  1140. }
  1141. .inp-area2>input,.phone-dropdown-inp {
  1142.    width: 100%;
  1143.    border: none;
  1144.    outline: none;
  1145.    padding: 0px 18px;
  1146.    border-radius: 48px;
  1147.    background-color: #f7f7f7 !important;
  1148.    color: #1E242A;
  1149.    font-size: 15px;
  1150.    font-style: normal;
  1151.    font-weight: 500;
  1152.    line-height: 106.1%;
  1153.    height: 50px;
  1154.    /* font-family: 'GT Walsheim Pro'; */
  1155.    /* background: transparent; */
  1156.    /* border: 3px solid #1E242A !important; */
  1157. }
  1158. .inp-area2 input::placeholder,.message-box>textarea::placeholder,
  1159. .inp-area2 input,
  1160. .phone-dropdown .iti__selected-dial-code{
  1161.    color: #1E242A !important;
  1162. }
  1163. /* .inp-area2>input::placeholder{
  1164.    color: white;
  1165.    font-weight: 500;
  1166. } */
  1167. .sub-btn2{
  1168.    border:none;
  1169.    /* color: #fff; */
  1170.    font-size: 16px;
  1171.    font-weight: 500;
  1172.    line-height: 1.3;
  1173.    width: fit-content;
  1174.    padding: 0;
  1175.    border-radius: 45px !important;
  1176.    text-decoration: none;
  1177.    /* font-family: 'GT Walsheim Pro'; */
  1178.    background-color: #f7f7f7 !important;
  1179.    color:#1E242A !important;
  1180.    border:none;
  1181.    /*     color: #ffffff !important;
  1182.     */
  1183.    min-width: 100px;
  1184. }
  1185. .sub-btn2>span{
  1186.    height: 50px;
  1187.    padding-left: 20px !important;
  1188.    padding-right: 20px !important;
  1189.    justify-content: center !important;
  1190.    align-items: center !important;
  1191.    display: flex;
  1192. }
  1193. .mt-20{
  1194.    margin-top: 20px;
  1195. }
  1196. .banner-box2{
  1197.    width: 100%;
  1198.    border-radius: 24px;
  1199.    background: #292B26;
  1200.    padding: 12px;
  1201.    margin-top: 36px;
  1202.    display: flex;
  1203.    align-items: center;
  1204.    gap: 28px;
  1205. }
  1206. .best-link{
  1207.    width: 100%;
  1208.    /* max-width: 800px; */
  1209.    /* max-width: calc(100% - 3px); */
  1210.    /* background-color: #292b26; */
  1211.    border-radius: 24px;
  1212.    gap: 15px;
  1213.    align-items: center;
  1214.    padding: 18px;
  1215.    text-decoration: none;
  1216.    transition: all .2s;
  1217.    display: flex;
  1218.    overflow: hidden;
  1219.    margin-top: 28px;
  1220.    background: #dedede;
  1221.    color: #1E242A;
  1222.    }
  1223. .best-link:hover{
  1224.    transform: scale(1.01);
  1225.    /* background-color: #1d1f1c; */
  1226. }
  1227. .testimonial_card{
  1228.    background: #dedede;
  1229.    color: #1E242A;
  1230. }
  1231. .testimonial-stars svg{
  1232.    fill: #f7f7f7;
  1233. }
  1234. a:hover{
  1235.    text-decoration: none;  
  1236.    color: #1E242A;
  1237. }
  1238. .visit-link {
  1239.    color: #000000;
  1240. }
  1241. .banner-img{
  1242.    width: 150px;
  1243.    min-width: 150px;
  1244.    border-radius: 15px;
  1245.    justify-content: center;
  1246.    align-items: center;
  1247.    display: flex;
  1248.    position: relative;
  1249.    overflow: hidden;
  1250. }
  1251. .banner-img>img{
  1252.   width: 100%;
  1253. }
  1254. .banner-box2_right>h2{
  1255.    color: #FFF;
  1256.    font-size: 19px;
  1257.    font-style: normal;
  1258.    font-weight: 500;
  1259.    line-height: normal;
  1260.    text-align: left;
  1261. }
  1262. .banner-box2_right>p{
  1263.    color: #FFF;
  1264.    font-size: 14px;
  1265.    font-style: normal;
  1266.    font-weight: 500;
  1267.    line-height: normal;
  1268.    margin-top: 7px;
  1269.    text-align: left;
  1270.    width: 305px;
  1271. }
  1272. .banner-box2_right>a{
  1273.    border-radius: 56px;
  1274.    background: #FFF;
  1275.    display: inline-flex;
  1276.    padding: 6px 20px;
  1277.    justify-content: center;
  1278.    align-items: center;
  1279.    gap: 5px;
  1280.    flex-shrink: 0;
  1281.    text-decoration: none;
  1282.    color: #000000;
  1283.    margin-top: 15px;
  1284. }
  1285. .playbutton{
  1286.    margin-left: 24px;
  1287. }
  1288. .tiktok_video{
  1289.    width: 303px;
  1290.    height: 539px;
  1291.    /* background-color: red; */
  1292.    border-radius: 17px;
  1293.    overflow: hidden;
  1294.    position: relative;
  1295.    display: flex;
  1296.    align-items: center;
  1297.    justify-content: center;
  1298. }
  1299. .tiktok_video>img{
  1300.    height: 100%;
  1301.    pointer-events:none;
  1302. }
  1303. .extra-height{
  1304.    height: 545px;
  1305. }
  1306. .video-play{
  1307.    position: absolute;
  1308. }
  1309. .nopadding{
  1310.    padding: 0 0 !important;
  1311.    padding-bottom: 15px !important;
  1312.    overflow: hidden !important;
  1313. }
  1314. .padding-24{
  1315.    padding: 20px;
  1316. }
  1317. .tiktok_wrapper{
  1318.    margin-top: 10px;
  1319. }
  1320. .textbox {
  1321.    min-height: 59px;
  1322.    width: 100%;
  1323.    max-width: 800px;
  1324.    /* background-color: #292b26; */
  1325.    border-radius: 30px;
  1326.    /* flex-direction: column;
  1327.    justify-content: center;
  1328.    align-items: center; */
  1329.    margin-top: 28px;
  1330.    margin-bottom: 0;
  1331.    padding: 24px;
  1332.    /* display: flex; */
  1333.    background-color: #dedede !important;
  1334.    color: #1E242A;
  1335.    }
  1336. .slick-dots li button{
  1337.    background-color: #dedede !important;
  1338. }
  1339. .link-description {
  1340.    margin-top: 12px;
  1341.    font-size: 16px;
  1342.    font-weight: 300;
  1343.    line-height: 1.2;
  1344. }
  1345. .link-description.descp-heading-one{
  1346.  font-size: 28px;
  1347.  font-weight: 700;
  1348.  margin-top: 0;
  1349. }
  1350. .link-description.descp-heading-two {
  1351.  font-size: 22px;
  1352.  font-weight: 600;
  1353. }
  1354. @media(max-width:767px){
  1355.    .link-description.descp-heading-one {
  1356.        font-size: 25px;
  1357.    }
  1358.    .link-description.descp-heading-two {
  1359.        font-size: 18px;
  1360.        font-weight: 600;
  1361.    }
  1362.    .item-row-unit .link-cards{
  1363.        min-width: 340px !important;
  1364.    }
  1365. }
  1366. .youtube-videos{
  1367.    width: 100%;
  1368.    height: auto;
  1369.    max-width: 800px;
  1370.    background-color: #0d0101;
  1371.    border-radius: 30px;
  1372.    padding: 10px;
  1373.    position: relative;
  1374.    overflow: hidden;
  1375.    margin-top: 20px;
  1376. }
  1377. .youtube-videos>img,
  1378. .youtube-videos>iframe
  1379. {
  1380.    width: 100%;
  1381.    border-radius: 20px;
  1382. }
  1383. .youtube-videos>span{
  1384.    color: #e4f0c2;
  1385.    font-size: 20px;
  1386.    font-weight: 500;
  1387.    line-height: 1.3;
  1388.    text-decoration: none;
  1389.    position: absolute;
  1390.    bottom: 0;
  1391.    left: 0;
  1392. }
  1393. .div-block-535 {
  1394.    width: 100%;
  1395.    height: auto;
  1396.    background-color: rgba(41,43,38,0);
  1397.    /* background-image: linear-gradient(rgba(80,42,37,0),#0d0101 25%); */
  1398.    flex-direction: column;
  1399.    justify-content: center;
  1400.    align-items: center;
  1401.    padding: 20px;
  1402.    display: flex;
  1403.    position: absolute;
  1404.    top: 0;
  1405.    bottom: 0%;
  1406.    left: 0%;
  1407.    right: 0%;
  1408. }
  1409. .zaapheading {
  1410.    /* color: #e4f0c2; */
  1411.    font-size: 18px;
  1412.    font-weight: 600;
  1413.    line-height: 1.3;
  1414.    text-decoration: none;
  1415. }
  1416. .spaceer-10 {
  1417.    width: 100%;
  1418.    height: 15px;
  1419. }
  1420. .link-button {
  1421.    width: auto;
  1422.    height: 30px;
  1423.    background-color: #2c2c2c;
  1424.    border-radius: 30px;
  1425.    flex-direction: row;
  1426.    justify-content: center;
  1427.    align-items: center;
  1428.    margin-top: 0;
  1429.    margin-right: 0;
  1430.    padding-left: 18px;
  1431.    padding-right: 18px;
  1432.    text-decoration: none;
  1433.    display: flex;
  1434.    color: white;
  1435. }
  1436. .color-purple{
  1437.    background-color: #7b30e0;
  1438. }
  1439.  
  1440.  
  1441. @media (max-width:1200px) {
  1442.    .main-bio-section > div  {
  1443.        flex-direction: column;
  1444.        align-items: center;
  1445.    }
  1446.    .content-area {
  1447.        align-items: center;
  1448.        padding-left:0px !important;
  1449.    }
  1450.    .user-area {
  1451.        padding-left:0px !important;
  1452.        width: 100%;
  1453.        display: flex;
  1454.        flex-direction: column;
  1455.        align-items: center;
  1456.        gap: 0;
  1457.        justify-content: flex-start;
  1458.        height: fit-content;
  1459.        position: static;
  1460.        max-width: 735px;
  1461.    }
  1462.    .user-detail-area{
  1463.        max-width: 800px;
  1464.        width: 100%;
  1465.    }
  1466.    .content-area {
  1467.        width: 100%;
  1468.        padding-top: 0px !important;
  1469.    }
  1470.    .fade-right, .fade-left {
  1471.        width: 30px;
  1472.    }
  1473. }
  1474. @media (max-width:767px) {
  1475.    .next-arrow{
  1476.        display: none !important;
  1477.    }
  1478.    .link-slide {
  1479.        margin-right: -20px;
  1480.        margin-left: -20px;
  1481.        padding: 0 20px;
  1482.    }
  1483.    .fade-right,.fade-left{
  1484.        display: none !important;
  1485.    }
  1486. }
  1487. @media (max-width:600px) {
  1488.    .content-area {
  1489.        padding: 20px;
  1490.    }
  1491. }
  1492. @media (max-width:660px) {
  1493.    .banner-box2 {
  1494.        flex-direction: column;
  1495.        align-items: flex-start;
  1496.    }
  1497.    .banner-img {
  1498.        width: 100%;
  1499.        height: auto;
  1500.        max-width: 170px;
  1501.    }
  1502.    .banner-img>img{
  1503.        width: 100%;
  1504.        height: auto;
  1505.    }
  1506.    .inp-area2{
  1507.        display: flex;
  1508.        align-items: center;
  1509.        justify-content: center;
  1510.        gap: 12px;
  1511.        margin-top: 21px;
  1512.       flex-wrap: wrap;
  1513.    }
  1514.    .inp-area2>input,
  1515.    .inp-area2 .iti
  1516.    {
  1517.        flex-basis: 100%;
  1518.        width: 100%;
  1519.    }
  1520.    .inp-area2 .iti input{
  1521.        width:100% !important;
  1522.    }
  1523.    .sub-btn {
  1524.        width: 100%;
  1525.        background: #33362F;
  1526.        color: #fff;
  1527.        height: 45px;
  1528.    }
  1529.    .sub-btn>svg>path{
  1530.        fill: #fff;
  1531.    }
  1532.    .sub-btn2 {
  1533.        width: 100%;
  1534.    }
  1535.    .best-link{
  1536.        flex-direction: column;
  1537.    }
  1538.    .best-link-div{
  1539.        width: 100%;
  1540.        justify-content: flex-start !important;
  1541.    }
  1542. }
  1543. @media (max-width:530px) {
  1544.    .switch-button-area{
  1545.        justify-content: center;
  1546.    }
  1547.    .banner-img {
  1548.        max-width: 100%;
  1549.    }
  1550.  /* .user_profile_pic {
  1551.        width: 114px;
  1552.        height: 114px;
  1553.    } */
  1554.    .user-name {
  1555.        font-size: 25px;
  1556.        text-align: center;
  1557.    }
  1558.    .user-descrip {
  1559.        font-size: 16px;
  1560.        max-width: 400px;
  1561.        width: 100%;
  1562.        text-align: center;
  1563.    }
  1564.    .cont-box-card>h2 {
  1565.        font-size: 18px;
  1566.    }
  1567.    .banner-box {
  1568.        padding: 18px;
  1569.    }
  1570.    .best-link {
  1571.        flex-direction: column;
  1572.        padding:0;
  1573.        gap: 0;
  1574.    }
  1575.    .banner-img {
  1576.        padding: 10px;
  1577.    }
  1578.    .banner-img > img {
  1579.        border-radius: 10px;
  1580.    }
  1581.    .best-link-div {
  1582.        flex-direction: column;
  1583.        align-items: flex-start !important;
  1584.    }
  1585.    .visit-single-link{
  1586.        text-align: left;
  1587.        padding-bottom: 20px;
  1588.        padding-left: 20px;
  1589.    }
  1590.    .best-single-link{
  1591.        align-items: flex-start !important;
  1592.    }
  1593.    .singlelinkcontent .zaapheading,.singlelinkcontent .link-description{
  1594.        text-align: left;
  1595.    }
  1596.    .banner-img {
  1597.        border-radius: 0;
  1598.    }
  1599.    .user-area {
  1600.        padding: 20px ;
  1601.        padding-right: 0px !important;
  1602.    }
  1603.    .user-detail-area{
  1604.        display: flex !important;
  1605.        justify-content: center !important;
  1606.        flex-direction: column !important;
  1607.        align-items: center !important
  1608.    }
  1609.    .social-links-user{
  1610.        justify-content: center !important;
  1611.    }
  1612.    .link-description {
  1613.        margin-bottom: 0;
  1614.    }
  1615.    .singlelinkcontent {
  1616.        padding: 15px;
  1617.        /* background: linear-gradient(0deg, rgb(255 98 62)60%, transparent); */
  1618.        padding-top: 6rem;
  1619.        margin-top: -5rem;
  1620.        z-index: 1;
  1621.    }
  1622.    .best_single  .singlelinkcontent{
  1623.        padding: 0 !important;
  1624.        margin: 0 !important;
  1625.    }  
  1626. }
  1627. @media (max-width:1200px) {
  1628.    .forwebpromo{
  1629.        display: none;
  1630.    }
  1631.    .main-bio-banner-section  .forwebpromo{
  1632.        display: flex;
  1633.        position: fixed;
  1634.        transform: translate(-50%, 0);
  1635.        left: 50%;
  1636.        bottom: 16px;
  1637.    }
  1638.    .footer-area,.footer-area .forwebpromo{
  1639.        display: flex !important;
  1640.    }
  1641.    
  1642. }
  1643. @media (max-width:420px) {
  1644.    .inp-area2>input {
  1645.        flex-basis: 100%;
  1646.    }
  1647.    .inp-area {
  1648.        flex-wrap: wrap;
  1649.    }
  1650.    .fade-right, .fade-left {
  1651.        width: 20px;
  1652.    }
  1653.    .link-cards,
  1654.    .item-row-unit .link-cards {
  1655.        max-width: 315px !important;
  1656.        min-width: 315px !important;
  1657.    }
  1658. }
  1659. @media (max-width:375px) {
  1660.  .link-cards,
  1661.  .item-row-unit .link-cards {
  1662.        min-width: 280px !important;
  1663.        max-width: 280px !important;
  1664.    }
  1665. }
  1666. .new-bio-page-widgets-width{
  1667.    max-width: 735px;
  1668.    width: 100%;
  1669. }
  1670. .best-single-link{
  1671.    display: flex;
  1672.    justify-content: space-between;
  1673.    align-items: center;
  1674.    box-shadow: none;
  1675. }
  1676. .best-link-div{
  1677.    display: flex;
  1678.    align-items: center;
  1679.    justify-content: center;
  1680.    gap: 15px;
  1681. }
  1682. .visit-single-link{
  1683.    padding-left: 14px;
  1684. }
  1685. .view-insta-btn {
  1686.    background: #080808;
  1687.    color: #f7f7f7;
  1688.    border-radius: 50px;
  1689.    padding: 0px 18px;
  1690.    text-wrap:nowrap;
  1691.    font-size: 14px;
  1692.    font-style: normal;
  1693.    font-weight: 500;
  1694.    line-height: normal;
  1695.    height: 30px;
  1696.    display: flex;
  1697.    align-items:center;
  1698.    cursor:pointer;
  1699. }
  1700. .view-insta-btn:hover{
  1701.    color: #ffffff;
  1702.    text-decoration: none;
  1703.    opacity: 0.9;
  1704. }
  1705. .instagram-link-cards{
  1706.    transition: 0.3s ease;
  1707.    z-index: 0;
  1708. }
  1709. .instagram-link-cards:not(:first-child){
  1710.    margin-left: -2.5rem;
  1711. }
  1712. .instagram-link-cards:hover {
  1713.    transform:rotate(-5deg);
  1714. }
  1715. .instagram-link-box {
  1716.    padding: 0 10px 0px 0px;
  1717. }
  1718. .user-area {
  1719.    padding-left: 65px;
  1720.    padding-right: 20px ;
  1721. }
  1722. .content-area {
  1723.    padding-left: 65px;
  1724.    padding-right: 0px;
  1725.    min-width: 735px;
  1726. }
  1727. @media (max-width:800px) {
  1728.    .content-area{
  1729.        min-width: 100%;
  1730.    }
  1731. }
  1732. .link-card-shadow.hard {
  1733.            box-shadow: -6px 6px 0px 0px var(--color-light);
  1734.        margin-bottom: 8px;
  1735. }
  1736. .link-card-shadow.soft {
  1737.            box-shadow: 0px 0px 10px 3px var(--color-light);
  1738.        margin-left: 5px;
  1739.    margin-right: 5px;
  1740.    margin-bottom: 5px;
  1741. }
  1742. .lead-magnet-image-bg {
  1743.  background: #f7f7f7;
  1744.  border: 1px solid rgba(000, 000, 000, 0.06);
  1745. }
  1746. .lead-magnet-image-bg {
  1747.  border-radius: 16px;
  1748.  border: 1px solid rgba(255, 255, 255, 0.06);
  1749.  background: linear-gradient(0deg, #1F211E 0%, #1F211E 100%);
  1750.  width: 290.983px;
  1751.  min-height: 183.729px;
  1752.  transform: rotate(358deg);
  1753.  position: relative;
  1754.  height: 100%;
  1755.  margin-top: -5px;
  1756. }
  1757. .link-text-color, .cont-circle-area .link-text-color,
  1758. .nsfw-footer-link {
  1759.    color:#1E242A !important;
  1760. }
  1761. .nsfw-footer-link:hover {
  1762.    color:#1E242A !important;
  1763. }
  1764.  
  1765. .lead-magnet-terms {
  1766.    color:#1E242A;
  1767. }
  1768.  
  1769.  
  1770. /* Global button color styling */
  1771.  
  1772. .view-insta-btn,
  1773. .switch-button.active,
  1774. .visit-link,
  1775. .sub-btn2 {
  1776.    background-color: #080808 !important;
  1777.    color: #ffffff !important;
  1778. }
  1779. .visit-link.price{
  1780.  min-width: fit-content;
  1781.  position: relative;
  1782. }
  1783. .visit-link.price:before{
  1784.    content: '';
  1785.    display: block;
  1786.    border-style: solid;
  1787.    border-width: 20px 20px 0 20px;
  1788.    position: absolute;
  1789.    top: 0;
  1790.    right: -20px;
  1791.    border-color: #080808 transparent transparent transparent ;
  1792. }
  1793. .visit-link.price:after{
  1794.   content: '';
  1795.    display: block;
  1796.    border-style: solid;
  1797.    border-width: 0px 20px 20px 20px;
  1798.    position: absolute;
  1799.    bottom: 0;
  1800.    right: -20px;
  1801.    border-color: transparent transparent #080808 transparent;
  1802. }
  1803. .sub-btn2 .submit-arrow path{
  1804.    fill: #ffffff !important;
  1805. }
  1806. /* apply block_rounding to all except pp and Zaap Branding.*/
  1807. @media (max-width:330px) {
  1808.  .promo-u{
  1809.    font-size: 16px;
  1810.  }
  1811. }
  1812.  
  1813. </style>
  1814.    <link href="https://zaap.bio/assets/page/css/animate.min.css" rel="stylesheet" media="screen">
  1815.    <link href="https://zaap.bio/assets/page/css/growl-notification.min.css" rel="stylesheet" media="screen">
  1816.    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
  1817.  
  1818.  
  1819.    <link rel="canonical" href="https://zaap.bio/mitosbet " />
  1820.  
  1821.    
  1822.    <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>
  1823.        <!-- Include Mobiscroll JS and CSS files -->
  1824.        
  1825.            
  1826.        <!-- Google Tag Manager -->
  1827.        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  1828.        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  1829.        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  1830.        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  1831.        })(window,document,'script','dataLayer','GTM-NCJ94ZHH');</script>
  1832.        <!-- End Google Tag Manager -->
  1833.    
  1834.        
  1835.            
  1836.        
  1837.                    
  1838.    </head>
  1839.  
  1840.    <body>
  1841.            
  1842.        <!-- Google Tag Manager (noscript) -->
  1843.        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5FJWKTJ7"
  1844.        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  1845.        <!-- End Google Tag Manager (noscript) -->
  1846.    
  1847.  
  1848.    <div class="full-page-loader d-none">
  1849.        <div class="lds-ripple">
  1850.            <div></div>
  1851.            <div></div>
  1852.        </div>
  1853.    </div>
  1854.  
  1855.        
  1856.                    <section class="main-bio-section">
  1857.                <div class="blur-overlay"></div>
  1858.                <div class="profile_banner_main"></div>
  1859.                <div style="max-width: 1600px" class="d-flex container ">
  1860.                
  1861.                    <div class="user-area pb-0 ">
  1862.                        
  1863.                    <div class="user-detail-area ">
  1864.                                                        <div class="user_profile_pic">
  1865.                                <!-- Fallback when no crop coordinates -->
  1866.        <img
  1867.            src="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/4afe4d1d-21a8-4bf2-0a11-af112fcc2700/thumbnail"
  1868.            alt="Image"
  1869.            style="
  1870.                width: 100px;
  1871.                height: 100px;
  1872.                border-radius: 50%;
  1873.                object-fit: cover;
  1874.            "
  1875.            loading="lazy"
  1876.        >
  1877.                                </div>
  1878.                                                        <h2 class="user-name heading-font-size">MITOSBET
  1879.                                                            </h2>
  1880.                            <p class="user-descrip body-font-size">MITOSBET | SITUS MITOSBET | LIVECHAT MITOSBET | AGEN MITOSBET | BANDAR MITOSBET | DAFTAR MITOSBET | MITOSBET DEPOSIT PULSA</p>
  1881.                                                    </div>
  1882.                        
  1883.                        <a href="https://zaap.ai?utm_source=zaapbio&utm_medium=button&bio=mitosbet" target="_blank"
  1884.        class="promo-u forwebpromo">
  1885.        <span class="brand-font">Create your free</span>
  1886.        <img src="https://zaap.bio/assets/zaap-logo.svg" width="70px" alt="">
  1887.        <span class="brand-font">page</span>
  1888.    </a>
  1889.                        
  1890.                    </div>
  1891.  
  1892.                                            <div class="content-area">
  1893.  
  1894.                            
  1895.                            <div class="tab-content new-bio-page-widgets-width" id="tabs">
  1896.                                <div class="tab-pane active w-100" id="bio">
  1897.                                                                                                                                                                <div class="links-slider p-0">
  1898.  
  1899.        <a href="https://heylink.me/mitosbet__/" id="best-link-522020" class="best-link best-single-link align-items-end link-card-shadow " style="--color:#dedede" data-link-url="522020"   >
  1900.    <div class="best-link-div" >
  1901.                <div class="banner-img">
  1902.            <img src="https://images.zaap.ai/public/5c2d4739782807693a1540c642f1af85a647b26bce365bf2726e.png" alt="" loading="eager">
  1903.        </div>
  1904.                        <div class="singlelinkcontent">
  1905.            <div id="text-522020" class="linear-max-length zaapheading heading-font-size word-break">
  1906.                
  1907.                MITOSBET
  1908.            </div>
  1909.            <div id="text-522020" class="head-max-length link-description body-font-size" style="margin-top:12px;">
  1910.                
  1911.                Mitosbet Agen Slot Online Resmi
  1912.            </div>
  1913.        </div>
  1914.    </div>
  1915.    <div class="visit-single-link text-nowrap">
  1916.        <div id="button-522020"  class="dynamic-visibility visit-link">
  1917.            Discover
  1918.        </div>
  1919.    </div>
  1920.    </a>
  1921.  
  1922. </div>
  1923.  
  1924. <script>
  1925.    if (window.innerWidth < 530 ) {
  1926.        var element = document.querySelector("#best-link-522020");
  1927.        var elements2 = document.querySelectorAll('#text-522020');
  1928.        var element3 = document.querySelector('#button-522020');
  1929.        element.style.setProperty("--color","#dedede");
  1930.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  1931.        //     element3.style.backgroundColor = "#fff";
  1932.        //     element3.style.color = "rgb(30, 36, 42)";
  1933.        // }else {
  1934.        //     element3.style.backgroundColor = "#2c2c2c";
  1935.        //     element3.style.color = "rgb(255, 255, 255)";
  1936.        // }
  1937.    }
  1938. </script>
  1939.                                        
  1940.                                                                                                                                                                    <div class="links-slider p-0">
  1941.  
  1942.        <a href="https://mitosfakta108.net" id="best-link-522035" class="best-link best-single-link align-items-end link-card-shadow " style="--color:#dedede" data-link-url="522035"   >
  1943.    <div class="best-link-div" >
  1944.                <div class="banner-img">
  1945.            <img src="https://images.zaap.ai/public/c18e8756f8a7ac9df85a4ba94a55955b9081309d3276472669f9.png" alt="" loading="eager">
  1946.        </div>
  1947.                        <div class="singlelinkcontent">
  1948.            <div id="text-522035" class="linear-max-length zaapheading heading-font-size ">
  1949.                
  1950.                DAFTAR MITOSFAKTA108
  1951.            </div>
  1952.            <div id="text-522035" class="head-max-length link-description body-font-size" style="margin-top:12px;">
  1953.                
  1954.                Daftar Akun Gacor MItosfakta108
  1955.            </div>
  1956.        </div>
  1957.    </div>
  1958.    <div class="visit-single-link text-nowrap">
  1959.        <div id="button-522035"  class="dynamic-visibility visit-link">
  1960.            Discover
  1961.        </div>
  1962.    </div>
  1963.    </a>
  1964.  
  1965. </div>
  1966.  
  1967. <script>
  1968.    if (window.innerWidth < 530 ) {
  1969.        var element = document.querySelector("#best-link-522035");
  1970.        var elements2 = document.querySelectorAll('#text-522035');
  1971.        var element3 = document.querySelector('#button-522035');
  1972.        element.style.setProperty("--color","#dedede");
  1973.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  1974.        //     element3.style.backgroundColor = "#fff";
  1975.        //     element3.style.color = "rgb(30, 36, 42)";
  1976.        // }else {
  1977.        //     element3.style.backgroundColor = "#2c2c2c";
  1978.        //     element3.style.color = "rgb(255, 255, 255)";
  1979.        // }
  1980.    }
  1981. </script>
  1982.                                        
  1983.                                                                                                                                                                    <div class="links-slider p-0">
  1984.  
  1985.        <a href="https://heylink.me/MITOSFAFA" id="best-link-522038" class="best-link best-single-link align-items-end link-card-shadow " style="--color:#dedede" data-link-url="522038"   >
  1986.    <div class="best-link-div" >
  1987.                <div class="banner-img">
  1988.            <img src="https://images.zaap.ai/public/65a2ad2b93927b1a34304ebc4614ab929e0a73f3e902c5f42968.png" alt="" loading="eager">
  1989.        </div>
  1990.                        <div class="singlelinkcontent">
  1991.            <div id="text-522038" class="linear-max-length zaapheading heading-font-size ">
  1992.                
  1993.                Daftar Mitosfafa
  1994.            </div>
  1995.            <div id="text-522038" class="head-max-length link-description body-font-size" style="margin-top:12px;">
  1996.                
  1997.                Slot Mitosfafa
  1998.            </div>
  1999.        </div>
  2000.    </div>
  2001.    <div class="visit-single-link text-nowrap">
  2002.        <div id="button-522038"  class="dynamic-visibility visit-link">
  2003.            Discover
  2004.        </div>
  2005.    </div>
  2006.    </a>
  2007.  
  2008. </div>
  2009.  
  2010. <script>
  2011.    if (window.innerWidth < 530 ) {
  2012.        var element = document.querySelector("#best-link-522038");
  2013.        var elements2 = document.querySelectorAll('#text-522038');
  2014.        var element3 = document.querySelector('#button-522038');
  2015.        element.style.setProperty("--color","#dedede");
  2016.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2017.        //     element3.style.backgroundColor = "#fff";
  2018.        //     element3.style.color = "rgb(30, 36, 42)";
  2019.        // }else {
  2020.        //     element3.style.backgroundColor = "#2c2c2c";
  2021.        //     element3.style.color = "rgb(255, 255, 255)";
  2022.        // }
  2023.    }
  2024. </script>
  2025.                                        
  2026.                                                                        
  2027.                                                                        
  2028.                                                                            <div class="braning-wrapper">
  2029.                                            <a href="https://zaap.ai?utm_source=zaapbio&utm_medium=button&bio=mitosbet" target="_blank"
  2030.        class="promo-u forwebpromo brand-badge">
  2031.        <span class="brand-font">Create your free</span>
  2032.        <img src="https://zaap.bio/assets/zaap-logo.svg" width="70px" alt="">
  2033.        <span class="brand-font">page</span>
  2034.    </a>
  2035.                                        </div>
  2036.                                                                      
  2037.                                </div>
  2038.  
  2039.                                                            </div>
  2040.                        </div>
  2041.                                    </div>
  2042.            </section>
  2043.                
  2044.        
  2045.        
  2046.  
  2047.  
  2048.        
  2049.        <div class="modal fade" id="create_tiktok_widget" tabindex="-1" role="dialog" aria-hidden="true">
  2050.            <div class="modal-dialog modal-dialog-centered" role="document">
  2051.                <div class="position-relative">
  2052.                    <div class="modal-header-float">
  2053.                        <button type="button" class="btn-close opacity-100" data-bs-dismiss="modal" aria-label="Close"></button>
  2054.                    </div>
  2055.                    <div class="modal-content" style="height:100%;">
  2056.                        <iframe scrolling="yes" src="" style="height:700px;width:auto;" id="tiktok_iframe"
  2057.                            frameborder="0"></iframe>
  2058.                    </div>
  2059.                </div>
  2060.            </div>
  2061.        </div>
  2062.  
  2063.        
  2064.         <div class="modal fade" id="youtube_shorts_play" tabindex="-1" role="dialog" aria-hidden="true">
  2065.            <div class="modal-dialog modal-dialog-centered" role="document">
  2066.                <div class="modal-content" style="height:100%;">
  2067.                    <div class="modal-header-float">
  2068.                        <button type="button" class="btn-close opacity-100" data-bs-dismiss="modal" aria-label="Close"></button>
  2069.                    </div>
  2070.                    <iframe src="" style="height: 90vh;" id="youtube_shorts_iframe" frameborder="0"></iframe>
  2071.                </div>
  2072.            </div>
  2073.        </div>
  2074.  
  2075.        
  2076.        <div class="modal fade" id="youtube_play" tabindex="-1" role="dialog" aria-hidden="true">
  2077.            <div class="modal-dialog modal-dialog-centered modal-xlarge" role="document">
  2078.                <div class="modal-content" style="height:100%;">
  2079.                    <div class="modal-header-float">
  2080.                        <button type="button" class="btn-close opacity-100" data-bs-dismiss="modal" aria-label="Close"></button>
  2081.                    </div>
  2082.                    <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>
  2083.                </div>
  2084.            </div>
  2085.        </div>
  2086.  
  2087.        
  2088.        <div class="modal fade come-from-modal" id="postModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  2089.            <div class="modal-dialog modal-dialog-centered modal-md" style="max-width: 650px" role="document">
  2090.                <div class="modal-content" style="border-radius: 20px;padding:0; overflow:hidden">
  2091.                    <div class="modal-body" style="padding:0; overflow-y:auto; overflow-x:hidden">
  2092.                        
  2093.                    </div>
  2094.                </div>
  2095.            </div>
  2096.        </div>
  2097.  
  2098.  
  2099.  
  2100.        <input type="hidden" id="url" name="url" value="https://zaap.bio/" />
  2101.        <input type="hidden" name="global_token" value="d303e64f956b4524da5a4365dfafb91c" />
  2102.        <input type="hidden" name="number_decimal_point" value="." />
  2103.        <input type="hidden" name="number_thousands_separator" value="," />
  2104.  
  2105.        <script>
  2106.            /* Some global variables */
  2107.            window.altum = {};
  2108.            let global_token = document.querySelector('input[name="global_token"]').value;
  2109.            let url = document.querySelector('input[name="url"]').value;
  2110.            let decimal_point = document.querySelector('[name="number_decimal_point"]').value;
  2111.            let thousands_separator = document.querySelector('[name="number_thousands_separator"]').value;
  2112.        </script>
  2113.  
  2114.        <script src="https://zaap.bio/assets/page/js/libraries/jquery.min.js?v=3.1"></script>
  2115.        <script src="https://zaap.bio/assets/page/js/libraries/popper.min.js?v=3.1"></script>
  2116.        <script src="https://zaap.bio/assets/page/js/libraries/bootstrap.min.js?v=3.1"></script>
  2117.        <script src="https://zaap.bio/assets/page/js/main.js?v=3.1"></script>
  2118.        <script src="https://zaap.bio/assets/page/js/functions.js?v=3.1"></script>
  2119.  
  2120.        <script src="https://zaap.bio/assets/page/growl-notification/growl-notification.min.js"></script>
  2121.        <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@25.3.1/build/js/intlTelInput.min.js"></script>
  2122.  
  2123.        <script defer src="https://www.tiktok.com/embed.js"></script>
  2124.        
  2125.        
  2126.        <script>
  2127.                        let startTime = Date.now();
  2128.            let buttonClickCount = 0;
  2129.            document.addEventListener('click', async function (e) {
  2130.                // Check if clicked element is button or link
  2131.                if (!e.target.getAttribute('data-link-url') && ( e.target.tagName === 'BUTTON' || e.target.tagName === 'A')) {
  2132.                    // Immediately prevent default behavior
  2133.                    button_clicks(null,e);
  2134.                    
  2135.                }
  2136.            });
  2137.            async function button_clicks(url = null, e) {
  2138.                e.preventDefault(); // Prevent default click behavior
  2139.                buttonClickCount++;
  2140.                // Determine the URL and element
  2141.                const linkElement = e.currentTarget; // Clicked element
  2142.                const resolvedUrl = linkElement.tagName === 'A' ? linkElement.href : url;
  2143.                if (resolvedUrl) {
  2144.                    // Store stats (assuming this function exists)
  2145.                    // store_stats();
  2146.                    function moveToLink(){
  2147.                        setTimeout(() => {
  2148.                            // Handle navigation
  2149.                            if (linkElement.target === '_blank') {
  2150.                                // Open in a new tab
  2151.                                window.open(resolvedUrl, '_blank');
  2152.                            } else {
  2153.                                // Open in the same tab
  2154.                                window.location.href = resolvedUrl;
  2155.                            }
  2156.                        }, 300);
  2157.                    }
  2158.                    // Check if the link has `data-toggle="tab"`
  2159.                    const isTabToggle = linkElement.getAttribute('data-toggle') === 'tab';
  2160.                    if (!isTabToggle) {
  2161.                        try {
  2162.                            // Send interaction events
  2163.                            await sendInteractionEvents('link_clicked', resolvedUrl);
  2164.                            moveToLink();
  2165.                        } catch (error) {
  2166.                            console.error('Network error:', error);
  2167.                            moveToLink();
  2168.                        }
  2169.                    }
  2170.                } else {
  2171.                    console.warn('No valid URL found for the click event.');
  2172.                }
  2173.            }
  2174.            window.addEventListener('beforeunload', async function (event) {
  2175.                store_stats();
  2176.            });
  2177.            async function store_stats() {
  2178.                let timeOnPage = Math.floor((Date.now() - startTime) / 1000); // Time in seconds
  2179.                try {
  2180.                    const response = await fetch('https://zaap.bio/store-stats', {
  2181.                        method: 'POST',
  2182.                        headers: {
  2183.                            'Content-Type': 'application/json',
  2184.                            'X-CSRF-TOKEN': 'LD0umgFaIlNBOBxg6bwfLUMEehj1uzksoVlVKqdq'
  2185.                        },
  2186.                        body: JSON.stringify({
  2187.                            project_id: '85585',
  2188.                            time_on_page: timeOnPage,
  2189.                            button_clicks: buttonClickCount,
  2190.                            dynamic_id: ""
  2191.                        })
  2192.                    });
  2193.                } catch (error) {
  2194.                    console.error('Network error:', error);
  2195.                }
  2196.            }
  2197.            async function sendInteractionEvents(key, value) {
  2198.                fetch('https://zaap.bio/store-event', {
  2199.                    method: 'POST',
  2200.                    headers: {
  2201.                        'Content-Type': 'application/json',
  2202.                        'X-CSRF-TOKEN': 'LD0umgFaIlNBOBxg6bwfLUMEehj1uzksoVlVKqdq'
  2203.                    },
  2204.                    body: JSON.stringify({
  2205.                        dynamic_id: "",
  2206.                        event_type: key,
  2207.                        value: value,
  2208.                    })
  2209.                });
  2210.            }
  2211.                        // setTimeout(() => {
  2212.            //     $(".link-content").css('min-height','calc(100vh - '+($(".profile-main").height()+80)+'px)');
  2213.            //     $("footer").css('opacity','1');
  2214.            // }, 500);
  2215.  
  2216.            $(".btn-tiktok-play").click(function() {
  2217.                $("#create_tiktok_widget").modal('show');
  2218.                $("#tiktok_iframe").attr('src', $(this).attr('data-url'));
  2219.            });
  2220.  
  2221.            $(document).on('click', '#create_tiktok_widget .close', function() {
  2222.                $('#create_tiktok_widget').modal('hide');
  2223.            });
  2224.  
  2225.            $(document).on('click', ".btn-youtube-play", function () {
  2226.                $("#youtube_play").modal('show');
  2227.                $("#youtube_iframe").attr(
  2228.                    'src',
  2229.                    'https://www.youtube.com/embed/' + $(this).attr('data-url') +
  2230.                    '?controls=0&modestbranding=0&showinfo=0&autohide=1&iv_load_policy=3&autoplay=1'
  2231.                );
  2232.            });
  2233.  
  2234.            $(document).on('click',".btn-youtubeshorts-play",function() {
  2235.                $("#youtube_shorts_play").modal('show');
  2236.                $("#youtube_shorts_iframe").attr('src','https://www.youtube.com/embed/'+$(this).attr('data-url'));
  2237.            });
  2238.  
  2239.            $(document).on('click', '#youtube_shorts_play .close', function() {
  2240.                $('#youtube_shorts_play').modal('hide');
  2241.            });
  2242.                    
  2243.            // Hide the iframe when the modal is closed
  2244.            const modals = [
  2245.                { modalId: '#create_tiktok_widget', iframeId: '#tiktok_iframe' },
  2246.                { modalId: '#youtube_play', iframeId: '#youtube_iframe' },
  2247.                { modalId: '#youtube_shorts_play', iframeId: '#youtube_shorts_iframe' }
  2248.            ];
  2249.  
  2250.            modals.forEach(({ modalId, iframeId }) => {
  2251.                $(modalId).on('hidden.bs.modal', function () {
  2252.                    $(iframeId).attr('src', '');
  2253.                });
  2254.            });
  2255.  
  2256.            $(document).ready(function() {
  2257.  
  2258.                setTimeout(() => {
  2259.                    $(".twitter-card").removeClass('loading-skeleton');
  2260.                }, 5000);
  2261.            });
  2262.  
  2263.        </script>
  2264.        <script>
  2265.            /* Internal tracking for biolink links */
  2266.            $('[data-link-url]').on('click', event => {
  2267.                let url = $(event.currentTarget).data('link-url');
  2268.                let type = $(event.currentTarget).data('type') ?? 'block';
  2269.                $.ajaxSetup({
  2270.                    "headers": {
  2271.                        'X-CSRF-TOKEN': 'LD0umgFaIlNBOBxg6bwfLUMEehj1uzksoVlVKqdq'
  2272.                    }
  2273.                })
  2274.                $.ajax({
  2275.                    url: "https://zaap.bio/track-link",
  2276.                    type: "POST",
  2277.                    data: {
  2278.                        url: url,
  2279.                        type: type,
  2280.                    },
  2281.                });
  2282.                button_clicks(event.currentTarget?.href,event);
  2283.            });
  2284.        </script>
  2285.        <script>
  2286.            function handleRemoveBadge(){
  2287.                $('.banner-badge').addClass('d-none');
  2288.                $('.brand-badge').removeClass('d-none');
  2289.            }
  2290.            /* Go over all mail buttons to make sure the user can still submit mail */
  2291.            $(".subscribe-next-btn").click(function() {
  2292.                if ($(this).parent().find('input').val() == '') {
  2293.                    GrowlNotification.notify({
  2294.                        description: "Email is required",
  2295.                        type: "error",
  2296.                        position: "top-right",
  2297.                        closeTimeout: 3000
  2298.                    });
  2299.                    return;
  2300.                } else {
  2301.                    $(this).parent().addClass('d-none');
  2302.                    $(this).parent().removeClass('d-flex');
  2303.  
  2304.                    $(this).parent().next().addClass('d-flex');
  2305.                    $(this).parent().next().removeClass('d-none');
  2306.                }
  2307.            });
  2308.            $(".emailwidget").submit(function(e) {
  2309.                e.preventDefault();
  2310.  
  2311.                var subscription_email = $(this).find('input[name="email"]');
  2312.                var subscription_name = $(this).find('input[name="name"]');
  2313.                var downloadUrl = $(this).find('input[name="download-url"]');
  2314.                var block_id = $(this).find('input[name="block-id"]');
  2315.                var dataObject = {
  2316.                        subscription_email: subscription_email.val(),
  2317.                        subscription_name: subscription_name.val(),
  2318.                    };
  2319.                if (downloadUrl) {
  2320.                    dataObject.downloadUrl = downloadUrl.val();
  2321.                    dataObject.block_id = block_id.val();
  2322.                }
  2323.                if (subscription_name.val() == '') {
  2324.                    GrowlNotification.notify({
  2325.                        description: "Name is required",
  2326.                        type: "error",
  2327.                        position: "top-right",
  2328.                        closeTimeout: 3000
  2329.                    });
  2330.                    return false;
  2331.                }
  2332.                if (subscription_email.val() == '') {
  2333.                    GrowlNotification.notify({
  2334.                        description: "Email is required",
  2335.                        type: "error",
  2336.                        position: "top-right",
  2337.                        closeTimeout: 3000
  2338.                    });
  2339.                    return false;
  2340.                }
  2341.                $.ajaxSetup({
  2342.                    "headers": {
  2343.                        'X-CSRF-TOKEN': 'LD0umgFaIlNBOBxg6bwfLUMEehj1uzksoVlVKqdq'
  2344.                    }
  2345.                })
  2346.                // console.log("https://zaap.bio/mitosbet");
  2347.                $.ajax({
  2348.                    url: "https://zaap.bio/mitosbet",
  2349.                    type: "POST",
  2350.                    data: dataObject,
  2351.                    dataType: "json",
  2352.                    success: (data) => {
  2353.  
  2354.                        // data = JSON.parse(data);
  2355.                        if(data.error){
  2356.                            GrowlNotification.notify({
  2357.                                description: data.error,
  2358.                                type: "error",
  2359.                                position: "top-right",
  2360.                                closeTimeout: 5000
  2361.                            });
  2362.                            return false;
  2363.                        }
  2364.  
  2365.                        GrowlNotification.notify({
  2366.                                description: "Subscribed Successfully!",
  2367.                                type: "success",
  2368.                                position: "top-right",
  2369.                                closeTimeout: 5000
  2370.                            });
  2371.                        subscription_email.val('');
  2372.                        subscription_name.val('');
  2373.                        if (downloadUrl.val()) {
  2374.                            window.location.href = downloadUrl.val();
  2375.                        }
  2376.                        return false;
  2377.  
  2378.                    },
  2379.                    error: ($xhr) => {
  2380.                        var data = $xhr.responseJSON;
  2381.                        // console.log(data.status_code);
  2382.                        if (data.status_code != 200) {
  2383.                            for (i in data.errors) {
  2384.                                GrowlNotification.notify({
  2385.                                    description: data.errors[i][0],
  2386.                                    type: "error",
  2387.                                    position: "top-right",
  2388.                                    closeTimeout: 3000
  2389.                                });
  2390.                            }
  2391.                        }
  2392.                        return false;
  2393.                    }
  2394.                });
  2395.            });
  2396.            // phone widget
  2397.            $(document).ready(function () {
  2398.                // Store all phone input instances in this object
  2399.                window.phoneInputInstances = {};
  2400.                
  2401.                // Initialize each phone input
  2402.                $(".phone-dropdown-inp").each(function (index) {
  2403.                    // Ensure each input has a unique ID
  2404.                    if (!this.id) {
  2405.                        this.id = "phone_number_" + index;
  2406.                    }
  2407.                    
  2408.                    // Initialize intlTelInput and store the instance
  2409.                    const instance = window.intlTelInput(this, {
  2410.                        initialCountry: "us",
  2411.                        preferredCountries: ["us", "ca"],
  2412.                        formatOnDisplay: true,
  2413.                        containerClass: "phone-dropdown",
  2414.                        separateDialCode: true,
  2415.                        strictMode: true,
  2416.                        loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.3.1/build/js/utils.js"),
  2417.                    });
  2418.                    
  2419.                    // Store the instance with the input's ID
  2420.                    window.phoneInputInstances[this.id] = instance;
  2421.                });
  2422.            })
  2423.            $(document).on('submit', '.phonewidget', function (e) {
  2424.                e.preventDefault();
  2425.                showLoader();
  2426.                
  2427.                let form = $(this);
  2428.                let subscription_name = form.find('input[name="name"]').val().trim();
  2429.                let phoneInput = form.find('input[name="phone"]'); // Get the specific input field inside this form
  2430.  
  2431.                let iti = window.phoneInputInstances[phoneInput.attr('id')];// Get instance for this input
  2432.  
  2433.                // Frontend Validation
  2434.                if (!subscription_name) {
  2435.                    GrowlNotification.notify({
  2436.                        description: "Name is required",
  2437.                        type: "error",
  2438.                        position: "top-right",
  2439.                        closeTimeout: 3000
  2440.                    });
  2441.                    hideLoader();
  2442.                    return;
  2443.                }
  2444.                 // Ensure `iti` is initialized
  2445.                if (!iti) {
  2446.                    GrowlNotification.notify({
  2447.                        description: "Phone input is not initialized properly",
  2448.                        type: "error",
  2449.                        position: "top-right",
  2450.                        closeTimeout: 3000
  2451.                    });
  2452.                    hideLoader();
  2453.                    return;
  2454.                }
  2455.  
  2456.                // Extract country code
  2457.                let countryData = iti.getSelectedCountryData();
  2458.                let phone_code = '+' + countryData.dialCode;
  2459.                let country_code = countryData.iso2;
  2460.  
  2461.  
  2462.                // Check if phone number is valid
  2463.                if (!iti.isValidNumber()) {
  2464.                    GrowlNotification.notify({
  2465.                        description: "Enter a valid phone number",
  2466.                        type: "error",
  2467.                        position: "top-right",
  2468.                        closeTimeout: 3000
  2469.                    });
  2470.                    hideLoader();
  2471.                    return;
  2472.                }
  2473.  
  2474.                let subscription_phone = phoneInput.val().trim().replace(/\D/g, '');
  2475.                let dataObject = {
  2476.                    subscription_phone: subscription_phone,
  2477.                    subscription_name: subscription_name,
  2478.                    phone_code: phone_code,
  2479.                    country_code: country_code,
  2480.                };
  2481.  
  2482.                // CSRF Token Setup
  2483.                $.ajaxSetup({
  2484.                    headers: { 'X-CSRF-TOKEN': 'LD0umgFaIlNBOBxg6bwfLUMEehj1uzksoVlVKqdq' }
  2485.                });
  2486.  
  2487.                // AJAX Request
  2488.                $.ajax({
  2489.                    url: "https://zaap.bio/mitosbet/contact-subscribe",
  2490.                    type: "POST",
  2491.                    data: dataObject,
  2492.                    dataType: "json",
  2493.                    success: (data) => {
  2494.                        if (data.error) {
  2495.                            GrowlNotification.notify({
  2496.                                description: data.error,
  2497.                                type: "error",
  2498.                                position: "top-right",
  2499.                                closeTimeout: 5000
  2500.                            });
  2501.                            hideLoader();
  2502.                            return;
  2503.                        }
  2504.  
  2505.                        GrowlNotification.notify({
  2506.                            description: "Subscribed Successfully!",
  2507.                            type: "success",
  2508.                            position: "top-right",
  2509.                            closeTimeout: 5000
  2510.                        });
  2511.  
  2512.                        // Clear input fields
  2513.                        form.find('input[name="phone"]').val('');
  2514.                        form.find('input[name="name"]').val('');
  2515.                        hideLoader();
  2516.                    },
  2517.                    error: ($xhr) => {
  2518.                        hideLoader();
  2519.                        var data = $xhr.responseJSON;
  2520.                        // console.log(data.status_code);
  2521.                        if (data.status_code != 200) {
  2522.                            for (i in data.errors) {
  2523.                                GrowlNotification.notify({
  2524.                                    description: data.errors[i][0],
  2525.                                    type: "error",
  2526.                                    position: "top-right",
  2527.                                    closeTimeout: 3000
  2528.                                });
  2529.                            }
  2530.                        }
  2531.                        return false;
  2532.                    }
  2533.                });
  2534.            });
  2535.  
  2536.            $('form[id^="mail_"]').each((index, element) => {
  2537.                let link_id = $(element).find('input[name="link_id"]').val();
  2538.                let is_converted = localStorage.getItem(`mail_${link_id}`);
  2539.  
  2540.                if (is_converted) {
  2541.                    /* Set the submit button to disabled */
  2542.                    $(element).find('button[type="submit"]').attr('disabled', 'disabled');
  2543.                }
  2544.            });
  2545.            /* Form handling for mail submissions if any */
  2546.            $('form[id^="mail_"]').on('submit', event => {
  2547.                let base_url = $('[name="url"]').val();
  2548.                let link_id = $(event.currentTarget).find('input[name="link_id"]').val();
  2549.                let is_converted = localStorage.getItem(`mail_${link_id}`);
  2550.  
  2551.                if (!is_converted) {
  2552.  
  2553.                    $.ajax({
  2554.                        type: 'POST',
  2555.                        url: `${base_url}link-ajax`,
  2556.                        data: $(event.currentTarget).serialize(),
  2557.                        success: (data) => {
  2558.                            let notification_container = $(event.currentTarget).find(
  2559.                                '.notification-container');
  2560.  
  2561.                            if (data.status == 'error') {
  2562.                                notification_container.html('');
  2563.  
  2564.                                display_notifications(data.message, 'error', notification_container);
  2565.                            } else if (data.status == 'success') {
  2566.  
  2567.                                display_notifications(data.message, 'success', notification_container);
  2568.  
  2569.                                setTimeout(() => {
  2570.  
  2571.                                    /* Hide modal */
  2572.                                    $(event.currentTarget).closest('.modal').modal('hide');
  2573.  
  2574.                                    /* Remove the notification */
  2575.                                    notification_container.html('');
  2576.  
  2577.                                    /* Set the localstorage to mention that the user was converted */
  2578.                                    localStorage.setItem(`mail_${link_id}`, true);
  2579.  
  2580.                                    /* Set the submit button to disabled */
  2581.                                    $(event.currentTarget).find('button[type="submit"]').attr(
  2582.                                        'disabled', 'disabled');
  2583.  
  2584.                                }, 1000);
  2585.  
  2586.                            }
  2587.                        },
  2588.                        dataType: 'json'
  2589.                    });
  2590.  
  2591.                }
  2592.  
  2593.                event.preventDefault();
  2594.            });
  2595.  
  2596.  
  2597.  
  2598.    $(document).on('submit', '#form_contact', function(e) {
  2599.        e.preventDefault();
  2600.        var email = $(this).find('input[name="email"]');
  2601.        var name = $(this).find('input[name="name"]');
  2602.        var phone = $(this).find('input[name="phone"]');
  2603.        var message = $(this).find('textarea[name="message"]');
  2604.        console.log(message);
  2605.        var contact_form_id = $(this).find('input[name="contact_form_id"]');
  2606.        var url = "https://zaap.bio/mitosbet/contact-form-submit";
  2607.                if (name.attr("data-required") && name.val() == '') {
  2608.                    GrowlNotification.notify({
  2609.                        description: "Name is required",
  2610.                        type: "error",
  2611.                        position: "top-right",
  2612.                        closeTimeout: 3000
  2613.                    });
  2614.                    return false;
  2615.                }
  2616.                if (email.attr("data-required") && email.val() == '') {
  2617.                    GrowlNotification.notify({
  2618.                        description: "Email is required",
  2619.                        type: "error",
  2620.                        position: "top-right",
  2621.                        closeTimeout: 3000
  2622.                    });
  2623.                    return false;
  2624.                }
  2625.                if (phone.attr("data-required") && phone.val() == '') {
  2626.                    GrowlNotification.notify({
  2627.                        description: "Phone is required",
  2628.                        type: "error",
  2629.                        position: "top-right",
  2630.                        closeTimeout: 3000
  2631.                    });
  2632.                    return false;
  2633.                }
  2634.                if(message.attr("data-required") && message.val() == ''){
  2635.                    GrowlNotification.notify({
  2636.                            description: "Message is required",
  2637.                            type: "error",
  2638.                            position: "top-right",
  2639.                            closeTimeout: 3000
  2640.                        });
  2641.                        return false;
  2642.                }
  2643.            $.ajaxSetup({
  2644.                "headers": {
  2645.                    'X-CSRF-TOKEN': 'LD0umgFaIlNBOBxg6bwfLUMEehj1uzksoVlVKqdq'
  2646.                }
  2647.            })
  2648.            $.ajax({
  2649.            url:url,
  2650.            type: 'POST',
  2651.            data: {
  2652.                email: email.val(),
  2653.                name:  name.val(),
  2654.                phone: phone.val(),
  2655.                message: message.val(),
  2656.                contact_form_id: contact_form_id.val(),
  2657.            },
  2658.            success: (data) => {
  2659.                GrowlNotification.notify({
  2660.                    description: "Form Submitted Successfully!",
  2661.                    type: "success",
  2662.                    position: "top-right",
  2663.                    closeTimeout: 5000
  2664.                });
  2665.                email.val('');
  2666.                name.val('');
  2667.                phone.val('');
  2668.                message.val('');
  2669.                return false;
  2670.                },
  2671.            error: ($xhr) => {
  2672.                        var data = $xhr.responseJSON;
  2673.                        // console.log(data.status_code);
  2674.                        if (data.status_code != 200) {
  2675.                            for (i in data.errors) {
  2676.                                GrowlNotification.notify({
  2677.                                    description: data.errors[i][0],
  2678.                                    type: "error",
  2679.                                    position: "top-right",
  2680.                                    closeTimeout: 3000
  2681.                                });
  2682.                            }
  2683.                        }
  2684.                        return false;
  2685.                    }
  2686.        });
  2687.        });
  2688.  
  2689.       $(".contact-accordion-button").click(function () {
  2690.            const $btn = $(this);
  2691.            $btn.css({
  2692.                transform: "scale(1.3)",
  2693.            });
  2694.            setTimeout(() => {
  2695.                $btn.css({
  2696.                    transform: "scale(0)",
  2697.                });
  2698.                setTimeout(() => {
  2699.                    $btn.hide();
  2700.                    $btn.next().slideDown(500);
  2701.                }, 500);
  2702.            }, 300);
  2703.        });
  2704.  
  2705.  
  2706.        var postsLoaded = false;
  2707.        $(document).ready(function() {
  2708.        $(".tab-content .tab-pane").not(".active").hide();
  2709.  
  2710.        // Handle tab click event
  2711.        $(".tab").click(function() {
  2712.        var tabId = $(this).attr("data-value");
  2713.        showTab(tabId);
  2714.        window.location.hash = tabId;
  2715.        });
  2716.  
  2717.        });
  2718.  
  2719.        function showTab(tabId) {
  2720.        history.pushState(null, null, tabId);
  2721.        $(".tab").removeClass("active");
  2722.        $('a[data-value="' + tabId + '"]').addClass("active");
  2723.        $(".tab-content .tab-pane").hide();
  2724.        $(tabId).show();
  2725.  
  2726.        if (tabId === "#posts" && !postsLoaded && 0 > 0) {
  2727.            loadPosts();
  2728.        }
  2729.        }
  2730.  
  2731.        function loadPosts() {
  2732.        var url =
  2733.        "https://zaap.bio/mitosbet/get-posts";
  2734.        $.ajaxSetup({
  2735.        headers: {
  2736.        "X-CSRF-TOKEN": "LD0umgFaIlNBOBxg6bwfLUMEehj1uzksoVlVKqdq",
  2737.        },
  2738.        });
  2739.  
  2740.        $.ajax({
  2741.        url: url,
  2742.        type: "GET",
  2743.        success: function(response) {
  2744.        $(".posts-main").html(response);
  2745.        postsLoaded = true;
  2746.        },
  2747.        error: function(xhr, status, error) {
  2748.        console.log(error); // Check for any error messages
  2749.        },
  2750.        });
  2751.        }
  2752.  
  2753.        $(document).ready(function() {
  2754.        function hasQueryParameter(parameterName) {
  2755.            const urlParams = new URLSearchParams(window.location.search);
  2756.            return urlParams.has(parameterName);
  2757.        }
  2758.        // Handle initial tab based on the URL hash
  2759.        var tab = window.location.hash;
  2760.        if (tab) {
  2761.            showTab(tab);
  2762.        }
  2763.        else if(hasQueryParameter("post")){
  2764.            post();
  2765.        }
  2766.        function post() {
  2767.        var hash = window.location.href;
  2768.        var startIndex = hash.indexOf("?post=") + 6; // Add the length of "?post=" to get the starting index
  2769.        var slug = hash.substring(startIndex);
  2770.        console.log(slug);
  2771.        // if (window.location.hash == "#posts") {
  2772.        if (slug) {
  2773.            var url = "https://zaap.bio/mitosbet/get-posts";
  2774.            console.log(url,"hash");
  2775.            showLoader();
  2776.            $.ajaxSetup({
  2777.                "headers": {
  2778.                    'X-CSRF-TOKEN': 'LD0umgFaIlNBOBxg6bwfLUMEehj1uzksoVlVKqdq'
  2779.                }
  2780.            });
  2781.            $.ajax({
  2782.                url: url + '?slug=' + slug,
  2783.                type: "GET",
  2784.                success: function(response) {
  2785.                    if (response) {
  2786.                        $("#postModal").modal('show');
  2787.                        $("#postModal .modal-body").html(response);
  2788.                        hideLoader();
  2789.                    }
  2790.                    else{
  2791.                        hideLoader();
  2792.                        window.location.hash = "#posts";
  2793.                        // $('.container.animate__animated.animate__fadeIn').addClass('contain')
  2794.                        var tab = window.location.hash;
  2795.                        console.log(tab)
  2796.                        showTab(tab)
  2797.                    }
  2798.                }
  2799.            });
  2800.            $("#postModal").on('hide.bs.modal', function() {
  2801.                var url = window.location.href;
  2802.            if (url.indexOf("?post=") !== -1) {
  2803.                url = url.split("?post=")[0] + '#posts' ; // Update the URL with the modified hash
  2804.                history.pushState(null, null, url); // Update the URL in the browser without reloading the page
  2805.                // $('.container.animate__animated.animate__fadeIn').addClass('contain')
  2806.                showTab("#posts")
  2807.            }
  2808.            });
  2809.        }
  2810.        // }
  2811.        }
  2812.    });
  2813.  
  2814.    $(document).on('click', ".page-post", function() {
  2815.        var slug = $(this).attr('data-slug');
  2816.        var url = `${baseUrl}/${projectSlug}/post/${slug}`;
  2817.        // get current domain
  2818.        var currentHost = window.location.origin;
  2819.        let finalUrl = '';
  2820.        var baseUrl = "https://zaap.bio";
  2821.        if (currentHost == baseUrl) {
  2822.            // Use configured base URL (zaap.bio)
  2823.            var projectSlug = "mitosbet";
  2824.            finalUrl = `${baseUrl}/${projectSlug}/post/${slug}`;
  2825.        } else {
  2826.            // Use current domain (custom domain)
  2827.            finalUrl = `${currentHost}/post/${slug}`;
  2828.        }
  2829.  
  2830.        window.location.href = finalUrl;
  2831.        return;
  2832.        var postid = $(this).attr('data-id'); // Get the data-id of the clicked post
  2833.  
  2834.        var url = "https://zaap.bio/mitosbet/get-posts";
  2835.  
  2836.        showLoader();
  2837.        $.ajaxSetup({
  2838.            "headers": {
  2839.                'X-CSRF-TOKEN': 'LD0umgFaIlNBOBxg6bwfLUMEehj1uzksoVlVKqdq'
  2840.            }
  2841.        });
  2842.        $.ajax({
  2843.            url: url + '?post=' + postid,
  2844.            type: "GET",
  2845.            success: function(response) {
  2846.                hideLoader();
  2847.                $("#postModal").modal('show');
  2848.                $("#postModal .modal-body").html(response);
  2849.                var urlhash  = window.location.href
  2850.                var url = urlhash.replace('#posts','') +  '?post=' + slug ;
  2851.                console.log( url);
  2852.                window.history.pushState('','',url);
  2853.  
  2854.            }
  2855.        });
  2856.        // $("#postModal").on('hide.bs.modal', function() {
  2857.        //     var url = window.location.href;
  2858.        //     if (url.indexOf("?post=") !== -1) {
  2859.        //         url = url.split("?post=")[0] + "#posts"; // Update the URL with the modified hash
  2860.        //         history.pushState(null, null, url); // Update the URL in the browser without reloading the page
  2861.        //     }
  2862.        // });
  2863.    });
  2864.    var originalUrl = window.location.href;
  2865.    window.addEventListener('hashchange', function() {
  2866.        var updatedUrl = window.location.href;
  2867.        if (updatedUrl !== originalUrl) {
  2868.            originalUrl = updatedUrl;
  2869.        }
  2870.    });
  2871.        document.querySelector('#postModal').addEventListener('click', function() {
  2872.            var newUrl = originalUrl + '?post=posting';
  2873.            history.pushState(null, null, newUrl);
  2874.        });
  2875.  
  2876.        $("#postModal").on('hide.bs.modal', function() {
  2877.            history.pushState(null, null, originalUrl);
  2878.        });
  2879.        
  2880.        // "tiktok"
  2881.        // "folder-link"
  2882.        // "folder-portfolio"
  2883.        // "youtube"
  2884.        // "instagram"
  2885.        // "posts"
  2886.        // "spotify"
  2887.        // "product"
  2888.        // "meeting"
  2889.        </script>
  2890.        <!-- Swiper JS -->
  2891.        <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  2892.        <script>
  2893.            function initializeSwiper(sliderType) {
  2894.                $("." + sliderType + "-slider").each(function () {
  2895.                    try {
  2896.                        
  2897.                    
  2898.                    const $this = $(this);
  2899.                    const sliderId = $this.data('id');
  2900.                    if (!sliderId) return;
  2901.                    
  2902.                    const containerSelector = '.' + sliderType + '-slider-' + sliderId;
  2903.                    
  2904.                    const containerEl = document.querySelector(containerSelector);
  2905.                    console.log("sliderType",sliderType,"containerEl",containerEl)
  2906.                    if (!containerEl) return;
  2907.  
  2908.                    const leftArrow = document.querySelector("." + sliderType + '-left-arrow-' + sliderId);
  2909.                    const rightArrow = document.querySelector("." + sliderType + '-right-arrow-' + sliderId);
  2910.                    const leftFade = document.querySelector("." + sliderType + '-left-fade-' + sliderId);
  2911.                    const rightFade = document.querySelector("." + sliderType + '-right-fade-' + sliderId);
  2912.                    const swiper = new Swiper(containerSelector, {
  2913.                        slidesPerView: 'auto',
  2914.                        spaceBetween: sliderType == "instagram" ? 0 : 15,
  2915.                        freeMode: true,
  2916.                        navigation: {
  2917.                            nextEl: rightArrow,
  2918.                            prevEl: leftArrow,
  2919.                        },
  2920.                        on: {
  2921.                            init: function (swiperInstance) {
  2922.                                updateFadeVisibility(swiperInstance);
  2923.                            },
  2924.                            slideChange: function (swiperInstance) {
  2925.                                updateFadeVisibility(swiperInstance);
  2926.                            },
  2927.                            reachEnd: function (swiperInstance) {
  2928.                                updateFadeVisibility(swiperInstance);
  2929.                            },
  2930.                            reachBeginning: function (swiperInstance) {
  2931.                                updateFadeVisibility(swiperInstance);
  2932.                            },
  2933.                            fromEdge: function (swiperInstance) {
  2934.                                updateFadeVisibility(swiperInstance);
  2935.                            }
  2936.                        }
  2937.                    });
  2938.  
  2939.                    function updateFadeVisibility(swiperInstance) {
  2940.                        const isBeginning = swiperInstance.isBeginning;
  2941.                        const isEnd = swiperInstance.isEnd;
  2942.  
  2943.                        if (leftArrow) leftArrow.style.opacity = isBeginning ? '0' : '1';
  2944.                        if (leftFade) leftFade.style.display = isBeginning ? 'none' : 'block';
  2945.  
  2946.                        if (rightArrow) rightArrow.style.opacity = isEnd ? '0' : '1';
  2947.                        if (rightFade) rightFade.style.display = isEnd ? 'none' : 'block';
  2948.                    }} catch (error) {
  2949.                        console.log("error in initializeSwiper",sliderType,error)
  2950.                    }
  2951.                });
  2952.            }
  2953.            // ✅ Initialize all sliders
  2954.            $(document).ready(function () {
  2955.                const sliderTypes = [
  2956.                    "posts",
  2957.                    "tiktok",
  2958.                    "folder-link",
  2959.                    "folder-portfolio",
  2960.                    "youtube",
  2961.                    "instagram",
  2962.                    "spotify",
  2963.                    "instagram",
  2964.                    'testimonial',
  2965.                ];
  2966.  
  2967.                sliderTypes.forEach(type => initializeSwiper(type));
  2968.            });
  2969.        </script>
  2970.    </body>
  2971.    
  2972.            
  2973.    
  2974.    <!-- Google Tag Manager (noscript) -->
  2975.        <!-- End Google Tag Manager (noscript) -->
  2976.    
  2977.  
  2978.  
  2979.  
  2980.  
  2981. <script>
  2982.    // $(document).ready(function () {
  2983.    //     function updateArrows($slider) {
  2984.    //         const slick = $slider.slick('getSlick');
  2985.    //         const currentSlide = slick.currentSlide;
  2986.    //         const totalSlides = slick.slideCount;
  2987.    //         const slidesToShow = slick.options.slidesToShow;
  2988.  
  2989.    //         const $container = $slider.closest('.links-area');
  2990.    //         const $prevArrow = $container.find('.folder-link-left-arrow');
  2991.    //         const $nextArrow = $container.find('.folder-link-right-arrow');
  2992.    //         const $prevFade = $container.find('.fade-left');
  2993.    //         const $nextFade = $container.find('.fade-right');
  2994.  
  2995.    //         $prevArrow.toggle(currentSlide !== 0);
  2996.    //         $prevFade.toggle(currentSlide !== 0);
  2997.    //         $nextArrow.toggle(currentSlide < totalSlides - slidesToShow);
  2998.    //         $nextFade.toggle(currentSlide < totalSlides - slidesToShow);
  2999.    //     }
  3000.  
  3001.    //     function initSlider(selector, slidesToShow, dots) {
  3002.    //         $(selector).each(function () {
  3003.    //             const $slider = $(this);
  3004.    //             const $container = $slider.closest('.links-area');
  3005.  
  3006.    //             $slider.slick({
  3007.    //                 slidesToShow,
  3008.    //                 slidesToScroll: 1,
  3009.    //                 dots: dots,
  3010.    //                 arrows: true,
  3011.    //                 infinite: false,
  3012.    //                 prevArrow: $container.find('.folder-link-left-arrow'),
  3013.    //                 nextArrow: $container.find('.folder-link-right-arrow'),
  3014.    //                 responsive: [
  3015.    //                     {
  3016.    //                     breakpoint: 750,
  3017.    //                     settings: {
  3018.    //                         slidesToShow: 1,
  3019.    //                     }
  3020.    //                     },
  3021.    //                 ]
  3022.    //             });
  3023.  
  3024.    //             updateArrows($slider);
  3025.  
  3026.    //             $slider.on('afterChange', function () {
  3027.    //                 updateArrows($slider);
  3028.    //             });
  3029.    //         });
  3030.    //     }
  3031.  
  3032.    //     // Dynamic call based on type
  3033.    //     initSlider('.slick-slider-portrait', 2 , false);
  3034.    //     initSlider('.slick-slider-landscape', 1, true);
  3035.    // });
  3036.    </script>
  3037. </html>
  3038.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda