It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://zaap.bio/mitosbet

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

Home · About · News · Docs · Terms

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