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

Home · About · News · Docs · Terms

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