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/thicongalu

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

Home · About · News · Docs · Terms

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