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

Home · About · News · Docs · Terms

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