truncgit/citrus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend style fix

Browse Source
This commit is contained in:
Ümit Tunç
2026-01-01 16:25:27 +03:00
parent e8cdba4fd3
commit 0ca75829bb
454 changed files with 10087 additions and 9940 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/html/shop2.html
+27 -27
View File
@@ -543,7 +543,7 @@
<li class="nav-item !ml-[.8rem]">
<a class="nav-link !relative !flex !flex-row !items-center" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-cart">
<i class="uil uil-shopping-cart !text-[1.1rem] before:content-['\ecbd']"></i>
<span class="badge badge-cart bg-[#3f78e0] w-[0.9rem] h-[0.9rem] !flex items-center justify-center !text-[0.55rem] p-0 rounded-[100%] !bg-[rgba(63,120,224)] opacity-100">3</span>
<span class="badge badge-cart bg-[#e31e24] w-[0.9rem] h-[0.9rem] !flex items-center justify-center !text-[0.55rem] p-0 rounded-[100%] !bg-[rgba(63,120,224)] opacity-100">3</span>
</a>
</li>
<li class="nav-item xl:!hidden lg:!hidden">
@@ -569,7 +569,7 @@
<div class="flex flex-row">
<figure class="!rounded-[.4rem] !w-[7rem]"><a href='shop-product.html'><img class="!rounded-[.4rem]" src="../assets/img/photos/sth1.jpg" alt="image"></a></figure>
<div class="!w-full !ml-[1rem]">
<h3 class="post-title !text-[.8rem] !leading-[1.35] !mb-1"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Nike Air Sneakers</a></h3>
<h3 class="post-title !text-[.8rem] !leading-[1.35] !mb-1"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Nike Air Sneakers</a></h3>
<p class="price !text-[.7rem]"><del class="!text-[#9499a3]"><span class="amount">$55.00</span></del> <ins class="no-underline !text-[#e2626b]"><span class="amount">$45.99</span></ins></p>
<div class="form-select-wrapper">
<select class="form-select !w-auto !min-w-[2.5rem] !bg-[right_0.4rem_center] !px-2 !py-[0.2rem] !text-[.7rem] !rounded-[.4rem]">
@@ -583,14 +583,14 @@
<!--/.form-select-wrapper -->
</div>
</div>
<div class="!ml-[.5rem]"><a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]"><i class="uil uil-trash-alt before:content-['\ed4b']"></i></a></div>
<div class="!ml-[.5rem]"><a href="#" class="!text-[#343f52] hover:!text-[#e31e24]"><i class="uil uil-trash-alt before:content-['\ed4b']"></i></a></div>
</div>
<!--/.shopping-cart-item -->
<div class="shopping-cart-item flex justify-between !mb-4">
<div class="flex flex-row">
<figure class="!rounded-[.4rem] !w-[7rem]"><a href='shop-product.html'><img class="!rounded-[.4rem]" src="../assets/img/photos/sth2.jpg" alt="image"></a></figure>
<div class="!w-full !ml-[1rem]">
<h3 class="post-title !text-[.8rem] !leading-[1.35] !mb-1"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Colorful Sneakers</a></h3>
<h3 class="post-title !text-[.8rem] !leading-[1.35] !mb-1"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Colorful Sneakers</a></h3>
<p class="price !text-[.7rem]"><span class="amount">$45.00</span></p>
<div class="form-select-wrapper">
<select class="form-select !w-auto !min-w-[2.5rem] !bg-[right_0.4rem_center] !px-2 !py-[0.2rem] !text-[.7rem] !rounded-[.4rem]">
@@ -604,14 +604,14 @@
<!--/.form-select-wrapper -->
</div>
</div>
<div class="!ml-[.5rem]"><a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]"><i class="uil uil-trash-alt before:content-['\ed4b']"></i></a></div>
<div class="!ml-[.5rem]"><a href="#" class="!text-[#343f52] hover:!text-[#e31e24]"><i class="uil uil-trash-alt before:content-['\ed4b']"></i></a></div>
</div>
<!--/.shopping-cart-item -->
<div class="shopping-cart-item flex justify-between !mb-4">
<div class="flex flex-row">
<figure class="!rounded-[.4rem] !w-[7rem]"><a href='shop-product.html'><img class="!rounded-[.4rem]" src="../assets/img/photos/sth3.jpg" alt="image"></a></figure>
<div class="!w-full !ml-[1rem]">
<h3 class="post-title !text-[.8rem] !leading-[1.35] !mb-1"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Polaroid Camera</a></h3>
<h3 class="post-title !text-[.8rem] !leading-[1.35] !mb-1"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Polaroid Camera</a></h3>
<p class="price !text-[.7rem]"><span class="amount">$45.00</span></p>
<div class="form-select-wrapper">
<select class="form-select !w-auto !min-w-[2.5rem] !bg-[right_0.4rem_center] !px-2 !py-[0.2rem] !text-[.7rem] !rounded-[.4rem]">
@@ -625,7 +625,7 @@
<!--/.form-select-wrapper -->
</div>
</div>
<div class="!ml-[.5rem]"><a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]"><i class="uil uil-trash-alt before:content-['\ed4b']"></i></a></div>
<div class="!ml-[.5rem]"><a href="#" class="!text-[#343f52] hover:!text-[#e31e24]"><i class="uil uil-trash-alt before:content-['\ed4b']"></i></a></div>
</div>
<!--/.shopping-cart-item -->
</div>
@@ -635,7 +635,7 @@
<span>Subtotal:</span>
<span class="h6 !mb-0">$135.99</span>
</div>
<a href="#" class="btn btn-primary !text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:!border-[#3f78e0] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] btn-icon btn-icon-start rounded !w-full !mb-4 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"><i class="uil uil-credit-card !text-[.9rem] !mr-[0.3rem] before:content-['\ea74']"></i> Checkout</a>
<a href="#" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] btn-icon btn-icon-start rounded !w-full !mb-4 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"><i class="uil uil-credit-card !text-[.9rem] !mr-[0.3rem] before:content-['\ea74']"></i> Checkout</a>
<p class="!text-[.7rem] !mb-0">Free shipping on all orders over $50</p>
</div>
<!-- /.offcanvas-footer-->
@@ -660,7 +660,7 @@
<div class="container py-3 xl:!py-5 lg:!py-5 md:!py-5">
<nav class="inline-block" aria-label="breadcrumb">
<ol class="breadcrumb flex flex-wrap bg-[none] p-0 !rounded-none list-none !mb-0">
<li class="breadcrumb-item flex !text-[#60697b]"><a class="!text-[#60697b] hover:!text-[#3f78e0]" href="#">Home</a></li>
<li class="breadcrumb-item flex !text-[#60697b]"><a class="!text-[#60697b] hover:!text-[#e31e24]" href="#">Home</a></li>
<li class="breadcrumb-item flex !text-[#60697b] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons active" aria-current="page">Shop</li>
</ol>
</nav>
@@ -709,7 +709,7 @@
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#9499a3] !mb-0">Shoes</div>
<span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(38,43,50,0.1)] after:inline-block after:not-italic after:font-normal after:absolute after:!text-[#fcc032] after:content-['\2605\2605\2605\2605\2605'] after:overflow-hidden after:left-0 after:top-0 before:inline-block before:not-italic before:font-normal before:absolute before:!text-[#fcc032] before:content-['\2605\2605\2605\2605\2605'] before:overflow-hidden before:left-0 before:top-0 five"></span>
</div>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Nike Air Sneakers</a></h2>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Nike Air Sneakers</a></h2>
<p class="price !m-0"><del class="!text-[#9499a3]"><span class="amount">$55.00</span></del> <ins class="no-underline !text-[#e2626b]"><span class="amount">$45.00</span></ins></p>
</div>
<!-- /.post-header -->
@@ -727,7 +727,7 @@
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#9499a3] !mb-0">Electronics</div>
<span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(38,43,50,0.1)] after:inline-block after:not-italic after:font-normal after:absolute after:!text-[#fcc032] after:content-['\2605\2605\2605\2605\2605'] after:overflow-hidden after:left-0 after:top-0 before:inline-block before:not-italic before:font-normal before:absolute before:!text-[#fcc032] before:content-['\2605\2605\2605\2605\2605'] before:overflow-hidden before:left-0 before:top-0 four"></span>
</div>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Apple Watch</a></h2>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Apple Watch</a></h2>
<p class="price !m-0"><span class="amount">$55.00</span></p>
</div>
<!-- /.post-header -->
@@ -745,7 +745,7 @@
<div class="flex flex-row items-center justify-between !mb-2">
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#9499a3] !mb-0">Electronics</div>
</div>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Headphones</a></h2>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Headphones</a></h2>
<p class="price !m-0"><span class="amount">$55.00</span></p>
</div>
<!-- /.post-header -->
@@ -763,7 +763,7 @@
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#9499a3] !mb-0">Shoes</div>
<span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(38,43,50,0.1)] after:inline-block after:not-italic after:font-normal after:absolute after:!text-[#fcc032] after:content-['\2605\2605\2605\2605\2605'] after:overflow-hidden after:left-0 after:top-0 before:inline-block before:not-italic before:font-normal before:absolute before:!text-[#fcc032] before:content-['\2605\2605\2605\2605\2605'] before:overflow-hidden before:left-0 before:top-0 three"></span>
</div>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Colorful Sneakers</a></h2>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Colorful Sneakers</a></h2>
<p class="price !m-0"><span class="amount">$55.00</span></p>
</div>
<!-- /.post-header -->
@@ -781,7 +781,7 @@
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#9499a3] !mb-0">Electronics</div>
<span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(38,43,50,0.1)] after:inline-block after:not-italic after:font-normal after:absolute after:!text-[#fcc032] after:content-['\2605\2605\2605\2605\2605'] after:overflow-hidden after:left-0 after:top-0 before:inline-block before:not-italic before:font-normal before:absolute before:!text-[#fcc032] before:content-['\2605\2605\2605\2605\2605'] before:overflow-hidden before:left-0 before:top-0 one"></span>
</div>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Polaroid Camera</a></h2>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Polaroid Camera</a></h2>
<p class="price !m-0"><span class="amount">$55.00</span></p>
</div>
<!-- /.post-header -->
@@ -799,7 +799,7 @@
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#9499a3] !mb-0">Cosmetics</div>
<span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(38,43,50,0.1)] after:inline-block after:not-italic after:font-normal after:absolute after:!text-[#fcc032] after:content-['\2605\2605\2605\2605\2605'] after:overflow-hidden after:left-0 after:top-0 before:inline-block before:not-italic before:font-normal before:absolute before:!text-[#fcc032] before:content-['\2605\2605\2605\2605\2605'] before:overflow-hidden before:left-0 before:top-0 two"></span>
</div>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Curology Cleanser</a></h2>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Curology Cleanser</a></h2>
<p class="price !m-0"><span class="amount">$55.00</span></p>
</div>
<!-- /.post-header -->
@@ -817,7 +817,7 @@
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#9499a3] !mb-0">Home & Kitchen</div>
<span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(38,43,50,0.1)] after:inline-block after:not-italic after:font-normal after:absolute after:!text-[#fcc032] after:content-['\2605\2605\2605\2605\2605'] after:overflow-hidden after:left-0 after:top-0 before:inline-block before:not-italic before:font-normal before:absolute before:!text-[#fcc032] before:content-['\2605\2605\2605\2605\2605'] before:overflow-hidden before:left-0 before:top-0 four"></span>
</div>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Q&Q Wall Clock</a></h2>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Q&Q Wall Clock</a></h2>
<p class="price !m-0"><span class="amount">$55.00</span></p>
</div>
<!-- /.post-header -->
@@ -834,7 +834,7 @@
<div class="flex flex-row items-center justify-between !mb-2">
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#9499a3] !mb-0">Electronics</div>
</div>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Earphones</a></h2>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Earphones</a></h2>
<p class="price !m-0"><span class="amount">$55.00</span></p>
</div>
<!-- /.post-header -->
@@ -852,7 +852,7 @@
<div class="uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#9499a3] !mb-0">Accessories</div>
<span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(38,43,50,0.1)] after:inline-block after:not-italic after:font-normal after:absolute after:!text-[#fcc032] after:content-['\2605\2605\2605\2605\2605'] after:overflow-hidden after:left-0 after:top-0 before:inline-block before:not-italic before:font-normal before:absolute before:!text-[#fcc032] before:content-['\2605\2605\2605\2605\2605'] before:overflow-hidden before:left-0 before:top-0 five"></span>
</div>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#3f78e0]' href='shop-product.html'>Apple Watch Milano Loop</a></h2>
<h2 class="post-title h3 text-[1.1rem]"><a class='!text-[#343f52] hover:!text-[#e31e24]' href='shop-product.html'>Apple Watch Milano Loop</a></h2>
<p class="price !m-0"><span class="amount">$55.00</span></p>
</div>
<!-- /.post-header -->
@@ -1112,7 +1112,7 @@
<div class="widget !text-[#cacaca]">
<h4 class="widget-title !text-white !mb-3">Get in Touch</h4>
<address class="xl:!pr-20 xxl:!pr-28 not-italic !leading-[inherit] block !mb-4">ÇAMTEPE MAH. MAHMUT TEVFİK ATAY BUL. GAZİANTEP TEKNOPARK NO: 4A İÇ KAPI NO: 1 ŞAHİNBEY / GAZİANTEP</address>
<a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="mailto:#">info@truncgil.com</a><br> 00 (123) 456 78 90
<a class="!text-[#cacaca] hover:!text-[#e31e24]" href="mailto:#">info@truncgil.com</a><br> 00 (123) 456 78 90
</div>
<!-- /.widget -->
</div>
@@ -1121,11 +1121,11 @@
<div class="widget !text-[#cacaca]">
<h4 class="widget-title !text-white !mb-3">Learn More</h4>
<ul class="pl-0 list-none !mb-0">
<li><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">About Us</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Our Story</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Projects</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Terms of Use</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">Privacy Policy</a></li>
<li><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">About Us</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Our Story</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Projects</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Terms of Use</a></li>
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">Privacy Policy</a></li>
</ul>
</div>
<!-- /.widget -->
@@ -1143,7 +1143,7 @@
<div class="!text-left input-group form-floating !relative flex flex-wrap items-stretch w-full">
<input type="email" value="" name="EMAIL" class="required email form-control block w-full text-[12px] font-medium !leading-[1.7] appearance-none bg-clip-padding shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] px-4 py-[0.6rem] rounded-[0.4rem] motion-reduce:transition-none focus:shadow-[0_0_1.25rem_rgba(30,34,40,0.04),unset] disabled:bg-[#aab0bc] disabled:opacity-100 file:!mt-[-0.6rem] file:mr-[-1rem] file:!mb-[-0.6rem] file:ml-[-1rem] file:!text-[#60697b] file:bg-[#fefefe] file:pointer-events-none file:transition-all file:duration-[0.2s] file:ease-in-out file:px-4 file:py-[0.6rem] file:rounded-none motion-reduce:file:transition-none placeholder:!text-[#959ca9] placeholder:opacity-100 border border-solid !border-[rgba(255,255,255,0.1)] !text-[#cacaca] bg-[rgba(255,255,255,.03)] focus-visible:!border-[rgba(63,120,224,0.5)] " placeholder="" id="mce-EMAIL2">
<label class="!ml-[0.05rem] !text-[#959ca9] text-[.75rem] absolute z-[2] h-full overflow-hidden text-start text-ellipsis whitespace-nowrap pointer-events-none origin-[0_0] px-4 py-[0.6rem] left-0 top-0" for="mce-EMAIL2">Email Address</label>
<input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary !text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:!border-[#3f78e0] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] !relative z-[2] focus:z-[5] hover:!transform-none hover:!translate-none border-0">
<input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] !relative z-[2] focus:z-[5] hover:!transform-none hover:!translate-none border-0">
</div>
<div id="mce-responses2" class="clear">
<div class="response" id="mce-error-response2" style="display:none"></div>
@@ -1166,9 +1166,9 @@
</div>
<!-- /.container -->
</footer>
<div class="progress-wrap fixed w-[2.3rem] h-[2.3rem] cursor-pointer block shadow-[inset_0_0_0_0.1rem_rgba(128,130,134,0.25)] z-[1010] opacity-0 invisible translate-y-3 transition-all duration-[0.2s] ease-[linear,margin-right] delay-[0s] rounded-[100%] right-6 bottom-6 motion-reduce:transition-none after:absolute after:content-['\e951'] after:text-center after:leading-[2.3rem] after:text-[1.2rem] after:!text-[#3f78e0] after:h-[2.3rem] after:w-[2.3rem] after:cursor-pointer after:block after:z-[1] after:transition-all after:duration-[0.2s] after:ease-linear after:left-0 after:top-0 motion-reduce:after:transition-none after:font-Unicons">
<div class="progress-wrap fixed w-[2.3rem] h-[2.3rem] cursor-pointer block shadow-[inset_0_0_0_0.1rem_rgba(128,130,134,0.25)] z-[1010] opacity-0 invisible translate-y-3 transition-all duration-[0.2s] ease-[linear,margin-right] delay-[0s] rounded-[100%] right-6 bottom-6 motion-reduce:transition-none after:absolute after:content-['\e951'] after:text-center after:leading-[2.3rem] after:text-[1.2rem] after:!text-[#e31e24] after:h-[2.3rem] after:w-[2.3rem] after:cursor-pointer after:block after:z-[1] after:transition-all after:duration-[0.2s] after:ease-linear after:left-0 after:top-0 motion-reduce:after:transition-none after:font-Unicons">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path class="fill-none stroke-[#3f78e0] stroke-[4] box-border transition-all duration-[0.2s] ease-linear motion-reduce:transition-none" d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
<path class="fill-none stroke-[#e31e24] stroke-[4] box-border transition-all duration-[0.2s] ease-linear motion-reduce:transition-none" d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
</svg>
</div>
<script src="../assets/js/plugins.js"></script>