Shop Page

.hyaloid-section-nav {
position: relative;
width: 100%;
min-width: 0;
}
.hyaloid-section-nav p {
margin: 0 !important;
line-height: 1.5;
}
.hyaloid-section-nav a {
display: inline-block;
position: relative;
margin-right: 30px;
padding-bottom: 6px;
color: #10245c !important;
font-size: 19px;
font-weight: 600;
white-space: nowrap;
text-decoration: none !important;
border-bottom: 3px solid transparent !important;
}
.hyaloid-section-nav a::before,
.hyaloid-section-nav a::after {
content: none !important;
}
.hyaloid-section-nav a:last-of-type {
margin-right: 0;
}
/* Water inside hovered and active letters */
.hyaloid-section-nav a:is(
:hover,
:focus-visible,
[aria-current=”location”]
) {
color: transparent !important;
-webkit-text-fill-color: transparent;
background-image:
repeating-radial-gradient(
ellipse at 30% 120%,
transparent 0 7px,
rgba(210, 251, 255, 0.85) 8px 9px,
transparent 11px 18px
),
repeating-radial-gradient(
ellipse at 75% -30%,
transparent 0 10px,
rgba(155, 235, 249, 0.6) 11px 12px,
transparent 14px 24px
),
linear-gradient(
180deg,
#03406b 0%,
#008bad 35%,
#00b8d9 55%,
#03517c 100%
);
background-size:
100px 60px,
130px 70px,
100% 100%;
background-repeat: repeat, repeat, no-repeat;
background-clip: text;
-webkit-background-clip: text;
animation: hyaloid-water-letters 18s linear infinite;
}
@keyframes hyaloid-water-letters {
from {
background-position: 0 0, 0 0, 0 0;
}
to {
background-position: 100px 0, -130px 0, 0 0;
}
}
/* Section scroll spacing */
:is(#home, #about, #how-to-use, #shop) {
scroll-margin-top: 100px;
}
/* Hide burger on desktop and tablet */
.hyaloid-section-nav .hyaloid-nav-toggle {
display: none;
}
/* Tablet — all links in one row */
@media (min-width: 768px) and (max-width: 1024px) {
.hyaloid-section-nav p {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: center !important;
align-items: center !important;
gap: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
white-space: nowrap !important;
}
.hyaloid-section-nav p a {
flex: 0 0 auto !important;
margin: 0 10px 0 0 !important;
padding-bottom: 4px;
font-size: 18px !important;
line-height: 1.5 !important;
border-bottom-width: 2px !important;
}
.hyaloid-section-nav p a:last-of-type {
margin-right: 0 !important;
}
}
/* Phone — burger and dropdown */
@media (max-width: 767px) {
.hyaloid-section-nav {
display: flex;
justify-content: flex-end;
align-items: center;
}
.hyaloid-section-nav .hyaloid-nav-toggle {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
width: 44px;
height: 44px;
margin: 0;
padding: 10px;
border: 0;
border-radius: 6px;
background: transparent;
color: #10245c;
cursor: pointer;
box-shadow: none;
}
.hyaloid-nav-toggle span {
display: block;
flex-shrink: 0;
width: 24px;
height: 2px;
background: currentColor;
border-radius: 2px;
transition: transform 0.25s ease, opacity 0.25s ease;
}
.hyaloid-nav-toggle[aria-expanded=”true”] span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.hyaloid-nav-toggle[aria-expanded=”true”] span:nth-child(2) {
opacity: 0;
}
.hyaloid-nav-toggle[aria-expanded=”true”] span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
.hyaloid-nav-toggle:focus-visible {
outline: 2px solid #00a6c7;
outline-offset: 3px;
}
.hyaloid-section-nav p {
display: none !important;
position: absolute;
top: calc(100% + 10px);
right: 0;
width: min(230px, calc(100vw – 32px));
box-sizing: border-box;
margin: 0 !important;
padding: 12px 18px;
background: #ffffff;
border: 1px solid rgba(16, 36, 92, 0.1);
border-radius: 10px;
box-shadow: 0 12px 30px rgba(16, 36, 92, 0.14);
z-index: 1000;
white-space: normal !important;
}
.hyaloid-section-nav.is-open p {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 4px !important;
}
.hyaloid-section-nav p a {
display: block;
flex: none !important;
align-self: flex-start;
margin: 0 !important;
padding: 10px 0 !important;
font-size: 16px !important;
line-height: 1.5 !important;
border-bottom-width: 2px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.hyaloid-section-nav a {
animation: none !important;
}
.hyaloid-nav-toggle span {
transition: none !important;
}
}

SHOP

Shop Hyaloid

.hyaloid-shop-heading {
width: 100%;
min-width: 0;
text-align: left;
}
.hyaloid-shop-heading__label {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 12px;
color: #0086a4;
font-family: inherit;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.7px;
}
.hyaloid-shop-heading__line {
display: block;
width: 44px;
height: 3px;
background: #ffd200;
}
.hyaloid-shop-heading h1 {
margin: 0;
padding: 0;
color: #081b46;
font-family: inherit;
font-size: clamp(36px, 4.6vw, 64px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -1.5px;
}
.hyaloid-shop-heading h1 span {
color: #0086a4;
}
/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
.hyaloid-shop-heading h1 {
font-size: 48px;
letter-spacing: -1px;
}
}
/* Phone */
@media (max-width: 767px) {
.hyaloid-shop-heading__label {
gap: 12px;
margin-bottom: 10px;
font-size: 11px;
}
.hyaloid-shop-heading__line {
width: 34px;
height: 2px;
}
.hyaloid-shop-heading h1 {
font-size: clamp(30px, 9vw, 42px);
letter-spacing: -1px;
}
}

/* ONLY this product shortcode */
.elementor-element-e1e4703 {
width: 100% !important;
min-width: 0 !important;
}
.elementor-element-e1e4703 #product-386 {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: start;
gap: 48px;
width: 100% !important;
max-width: 1160px !important;
margin: 0 auto !important;
padding: 0 !important;
color: #10245c;
}
/* Remove WooCommerce float-clearing elements */
.elementor-element-e1e4703 #product-386::before,
.elementor-element-e1e4703 #product-386::after {
display: none !important;
}
.elementor-element-e1e4703 #product-386 > .images,
.elementor-element-e1e4703 #product-386 > .summary {
float: none !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-e1e4703 #product-386 > .summary {
display: grid !important;
grid-template-columns: minmax(90px, 1fr) auto;
align-content: start;
column-gap: 20px;
row-gap: 0;
}
/* Gallery: preserve WooCommerce’s sliding track widths */
.elementor-element-e1e4703 .flex-viewport {
height: clamp(280px, 32vw, 405px) !important;
border-radius: 12px;
overflow: hidden !important;
}
.elementor-element-e1e4703
.woocommerce-product-gallery__image > a {
display: block;
}
.elementor-element-e1e4703
.woocommerce-product-gallery__image > a > img {
display: block !important;
width: 100% !important;
height: clamp(280px, 32vw, 405px) !important;
object-fit: cover !important;
border-radius: 12px;
}
/* Prevent the hover zoom overlay covering the gallery */
.elementor-element-e1e4703 .zoomImg {
display: none !important;
}
.elementor-element-e1e4703
.woocommerce-product-gallery__trigger {
display: none !important;
}
/* Three thumbnails per row */
.elementor-element-e1e4703 .flex-control-thumbs {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px !important;
margin: 16px 0 0 !important;
padding: 0 !important;
}
.elementor-element-e1e4703 .flex-control-thumbs li {
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.elementor-element-e1e4703 .flex-control-thumbs img {
display: block !important;
width: 100% !important;
height: 112px !important;
object-fit: cover !important;
box-sizing: border-box;
border: 3px solid transparent !important;
border-radius: 9px !important;
opacity: 1 !important;
cursor: pointer;
}
.elementor-element-e1e4703 .flex-control-thumbs img.flex-active {
border-color: #008ba8 !important;
}
/* Small blue label with yellow line */
.elementor-element-e1e4703 .hy-shop-label {
grid-column: 1 / -1;
display: flex;
align-items: center;
gap: 16px;
margin: 6px 0 14px;
color: #0086a4;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.7px;
}
.elementor-element-e1e4703 .hy-shop-label::after {
content: “”;
width: 44px;
height: 3px;
background: #ffd200;
}
/* Product heading */
.elementor-element-e1e4703 #product-386 .product_title {
grid-column: 1 / -1;
order: 0;
margin: 0 0 14px !important;
color: #081b46 !important;
font-size: clamp(28px, 3vw, 42px) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: -1px;
}
/* Description */
.elementor-element-e1e4703
.woocommerce-product-details__short-description {
grid-column: 1 / -1;
margin: 0 0 28px !important;
color: #69738b;
font-size: 18px;
line-height: 1.6;
}
.elementor-element-e1e4703
.woocommerce-product-details__short-description p {
margin: 0 !important;
}
/* Size and treatment volume */
.elementor-element-e1e4703 .hy-shop-specs {
grid-column: 1 / -1;
display: flex;
align-items: center;
gap: 26px;
padding: 0 0 28px;
margin: 0 0 24px;
border-bottom: 1px solid #d1d7e1;
}
.elementor-element-e1e4703 .hy-shop-spec {
display: flex;
align-items: center;
gap: 14px;
color: #10245c;
font-size: 16px;
line-height: 1.4;
}
.elementor-element-e1e4703 .hy-shop-spec + .hy-shop-spec {
border-left: 1px solid #d1d7e1;
padding-left: 26px;
}
.elementor-element-e1e4703 .hy-shop-icon {
display: grid;
place-items: center;
flex: 0 0 54px;
width: 54px;
height: 54px;
border-radius: 50%;
background: #e8faff;
color: #007fa2;
}
.elementor-element-e1e4703 .hy-shop-icon svg {
width: 32px;
height: 32px;
fill: none;
stroke: currentColor;
stroke-width: 1.6;
stroke-linecap: round;
stroke-linejoin: round;
}
/* Actual WooCommerce price */
.elementor-element-e1e4703 #product-386 .price {
grid-column: 1;
align-self: center;
margin: 0 !important;
color: #081b46 !important;
font-size: 32px !important;
font-weight: 700 !important;
line-height: 1.2;
}
.elementor-element-e1e4703 #product-386 .price del {
font-size: 18px;
opacity: 0.55;
}
.elementor-element-e1e4703 #product-386 .price ins {
text-decoration: none;
background: transparent;
}
/* Quantity and functioning WooCommerce submit button */
.elementor-element-e1e4703 #product-386 form.cart {
grid-column: 2;
display: flex !important;
align-items: center;
gap: 18px;
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-e1e4703 form.cart .quantity {
display: flex !important;
align-items: stretch;
float: none !important;
height: 52px;
margin: 0 !important;
border: 1px solid #bac3d3;
border-radius: 7px;
overflow: hidden;
}
.elementor-element-e1e4703 form.cart .qty {
width: 40px !important;
min-width: 0 !important;
height: 50px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: #fff !important;
color: #10245c !important;
font-size: 16px;
text-align: center !important;
box-shadow: none !important;
appearance: textfield;
-moz-appearance: textfield;
}
.elementor-element-e1e4703 .qty::-webkit-inner-spin-button,
.elementor-element-e1e4703 .qty::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.elementor-element-e1e4703 .hy-qty-button {
width: 36px;
min-width: 36px;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: #fff !important;
color: #10245c !important;
font-size: 20px;
box-shadow: none !important;
cursor: pointer;
}
.elementor-element-e1e4703 .hy-qty-button:first-of-type {
border-right: 1px solid #bac3d3 !important;
}
.elementor-element-e1e4703 .hy-qty-button:last-of-type {
border-left: 1px solid #bac3d3 !important;
}
.elementor-element-e1e4703 #product-386
.single_add_to_cart_button {
display: flex !important;
align-items: center;
justify-content: center;
gap: 18px;
float: none !important;
min-height: 52px;
margin: 0 !important;
padding: 12px 24px !important;
border: 0 !important;
border-radius: 8px !important;
background: #073653 !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
white-space: nowrap;
transition: background 0.2s ease;
}
.elementor-element-e1e4703
.single_add_to_cart_button::after {
content: “→”;
font-size: 24px;
}
.elementor-element-e1e4703 #product-386
.single_add_to_cart_button:hover {
background: #0086a4 !important;
}
/* Label guidance */
.elementor-element-e1e4703 .hy-shop-guidance {
grid-column: 1 / -1;
margin: 18px 0 24px;
color: #69738b;
font-size: 14px;
line-height: 1.5;
}
/* Two working dropdowns */
.elementor-element-e1e4703 .hy-shop-details {
grid-column: 1 / -1;
margin: 0 0 12px;
border: 1px solid #cbd2df;
border-radius: 8px;
background: #fff;
}
.elementor-element-e1e4703 .hy-shop-details summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 17px 18px;
color: #10245c;
font-size: 16px;
font-weight: 600;
line-height: 1.4;
cursor: pointer;
list-style: none;
}
.elementor-element-e1e4703
.hy-shop-details summary::-webkit-details-marker {
display: none;
}
.elementor-element-e1e4703 .hy-shop-details summary::after {
content: “”;
width: 10px;
height: 10px;
flex-shrink: 0;
border-right: 2px solid #10245c;
border-bottom: 2px solid #10245c;
transform: rotate(45deg);
transition: transform 0.2s ease;
}
.elementor-element-e1e4703
.hy-shop-details[open] summary::after {
transform: rotate(225deg);
}
.elementor-element-e1e4703 .hy-shop-details-content {
padding: 0 18px 18px;
color: #69738b;
font-size: 15px;
line-height: 1.65;
}
.elementor-element-e1e4703 .hy-shop-details-content p {
margin: 0 0 10px;
}
.elementor-element-e1e4703 .hy-shop-details-content ol {
padding-left: 20px;
margin: 0;
}
.elementor-element-e1e4703 .hy-shop-details-content li {
margin-bottom: 10px;
}
/* Remove old metadata and bottom tabs */
.elementor-element-e1e4703 #product-386 .product_meta,
.elementor-element-e1e4703 #product-386 > .woocommerce-tabs,
.elementor-element-e1e4703 #product-386 > .related,
.elementor-element-e1e4703 #product-386 > .upsells {
display: none !important;
}
/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-element-e1e4703 #product-386 {
gap: 26px;
}
.elementor-element-e1e4703 #product-386 > .summary {
grid-template-columns: 1fr;
}
.elementor-element-e1e4703 #product-386 form.cart {
grid-column: 1;
margin-top: 16px !important;
justify-content: space-between;
}
.elementor-element-e1e4703 .hy-shop-specs {
gap: 14px;
}
.elementor-element-e1e4703 .hy-shop-spec + .hy-shop-spec {
padding-left: 14px;
}
.elementor-element-e1e4703 .hy-shop-spec {
gap: 8px;
font-size: 14px;
}
.elementor-element-e1e4703 .hy-shop-icon {
flex-basis: 42px;
width: 42px;
height: 42px;
}
}
/* Mobile */
@media (max-width: 767px) {
.elementor-element-e1e4703 #product-386 {
grid-template-columns: 1fr;
gap: 28px;
}
.elementor-element-e1e4703 .flex-viewport,
.elementor-element-e1e4703
.woocommerce-product-gallery__image > a > img {
height: clamp(240px, 72vw, 405px) !important;
}
.elementor-element-e1e4703 .flex-control-thumbs {
gap: 8px !important;
}
.elementor-element-e1e4703 .flex-control-thumbs img {
height: 85px !important;
}
.elementor-element-e1e4703 #product-386 > .summary {
grid-template-columns: 1fr;
}
.elementor-element-e1e4703 #product-386 .product_title {
font-size: 30px !important;
}
.elementor-element-e1e4703
.woocommerce-product-details__short-description {
font-size: 16px;
}
.elementor-element-e1e4703 .hy-shop-specs {
gap: 16px;
padding-bottom: 22px;
}
.elementor-element-e1e4703 .hy-shop-spec {
gap: 9px;
font-size: 14px;
}
.elementor-element-e1e4703 .hy-shop-spec + .hy-shop-spec {
padding-left: 16px;
}
.elementor-element-e1e4703 .hy-shop-icon {
flex-basis: 42px;
width: 42px;
height: 42px;
}
.elementor-element-e1e4703 #product-386 form.cart {
grid-column: 1;
justify-content: space-between;
gap: 12px;
margin-top: 16px !important;
}
.elementor-element-e1e4703 #product-386
.single_add_to_cart_button {
flex: 1;
padding: 12px 16px !important;
}
}

Hyaloid Gel Pool Cube
Hyaloid Gel Pool Cube - Image 2
Hyaloid Gel Pool Cube - Image 3
Sparkling blue gel product backdrop with a white blur on top for mobile view
Hyaloid Gel Pool Cube - Image 5
Hyaloid Gel Pool Cube - Image 6

Hyaloid Gel Pool Cube

R40.00

Help tackle fine particles that leave your pool looking cloudy. Hyaloid Gel Pool Cube is placed in your pool’s weir basket, where flowing water gradually dissolves it. It helps tiny particles clump together and settle for removal through cleaning. Use alongside your normal chlorine treatment, water balancing and pool maintenance.

SKU: HYALOID-CUBE-001 Category:

Description

Cloudy pool? Meet Hyaloid.

Fine dust and dirt can remain suspended in your pool water, even after you have removed leaves and larger debris. Hyaloid helps these tiny particles gather into larger clumps and settle on the pool floor, ready to be removed through cleaning.

Meet the little blue cube

Hyaloid is a gel pool clarifier placed in your pool’s weir basket. As water flows over the cube, it gradually dissolves and releases the treatment. It is a simple addition to your pool care routine when suspended dirt is causing cloudiness.

How to use Hyaloid

  1. Prepare your pool
    Check your water balance and chlorine level. Clean the baskets and filter as appropriate.
  2. Add the cube
    Place the correct dose in your weir basket, following the product label.
  3. Run your pump
    Circulating water helps dissolve and distribute the treatment. Follow the label’s recommended running time.
  4. Remove settled dirt
    Clean away the particles that settle, using the correct vacuuming method for your pool system.

Continue your usual chlorine treatment, water testing and cleaning. Always follow the product label for dosage and use.

Reviews

There are no reviews yet.

Be the first to review “Hyaloid Gel Pool Cube”

Your email address will not be published. Required fields are marked *


73 g gel cube

Treats 50,000 litres

Placed in your weir basket

A pool water clarifier to help tiny
particles clump together for easier removal.

GET IN TOUCH

Email

hello@mrstheron.co.za

☎
Phone

+27 65 026 1635

.hyaloid-contact-card,
.hyaloid-contact-card * {
box-sizing: border-box !important;
}
.hyaloid-contact-card {
width: 100% !important;
max-width: 430px !important;
display: flex !important;
flex-direction: column !important;
gap: 27px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
color: #ffffff !important;
font-family: Arial, Helvetica, sans-serif !important;
position: relative !important;
}
/* ==============================
HEADING
============================== */
.hyaloid-contact-heading {
display: flex !important;
align-items: center !important;
gap: 20px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.hyaloid-contact-heading span {
color: #ffffff !important;
font-size: 22px !important;
font-weight: 800 !important;
letter-spacing: 1.5px !important;
line-height: 1 !important;
text-transform: uppercase !important;
margin: 0 !important;
padding: 0 !important;
}
.hyaloid-contact-heading i {
display: block !important;
width: 62px !important;
height: 4px !important;
flex: 0 0 62px !important;
border-radius: 999px !important;
background: #f5c400 !important;
box-shadow:
0 0 12px rgba(245,196,0,.18) !important;
}
/* ==============================
CONTACT ROWS
============================== */
.hyaloid-contact-row {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 22px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
/* ==============================
ICON CIRCLES
============================== */
.hyaloid-contact-icon {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 78px !important;
height: 78px !important;
min-width: 78px !important;
min-height: 78px !important;
flex: 0 0 78px !important;
margin: 0 !important;
padding: 0 !important;
border: 2px solid #00d9f5 !important;
border-radius: 50% !important;
background:
radial-gradient(
circle at 35% 30%,
rgba(71,232,255,.25),
rgba(0,161,205,.14) 42%,
rgba(0,80,140,.08) 70%
) !important;
box-shadow:
0 0 10px rgba(0,218,245,.40),
0 0 26px rgba(0,218,245,.18),
inset 0 0 16px rgba(0,218,245,.14) !important;
overflow: hidden !important;
transition:
transform .35s ease,
box-shadow .35s ease !important;
}
.hyaloid-contact-row:hover .hyaloid-contact-icon {
transform: translateY(-3px) scale(1.035) !important;
box-shadow:
0 0 14px rgba(0,218,245,.58),
0 0 34px rgba(0,218,245,.26),
inset 0 0 20px rgba(0,218,245,.17) !important;
}
/* ==============================
EMAIL ICON
============================== */
.hyaloid-mail-icon span {
position: relative !important;
display: block !important;
width: 34px !important;
height: 25px !important;
border: 2px solid #ffffff !important;
border-radius: 2px !important;
}
.hyaloid-mail-icon span::before,
.hyaloid-mail-icon span::after {
content: “” !important;
position: absolute !important;
top: 5px !important;
width: 21px !important;
height: 2px !important;
background: #ffffff !important;
}
.hyaloid-mail-icon span::before {
left: -2px !important;
transform:
rotate(34deg) !important;
transform-origin: left center !important;
}
.hyaloid-mail-icon span::after {
right: -2px !important;
transform:
rotate(-34deg) !important;
transform-origin: right center !important;
}
/* ==============================
PHONE ICON
============================== */
.hyaloid-phone-icon span {
color: #ffffff !important;
font-size: 35px !important;
font-weight: 400 !important;
line-height: 1 !important;
transform: rotate(-15deg) !important;
}
/* ==============================
TEXT
============================== */
.hyaloid-contact-copy {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
gap: 4px !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.hyaloid-contact-label {
color: #00d5ef !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1.25 !important;
margin: 0 !important;
padding: 0 !important;
}
.hyaloid-contact-value,
.hyaloid-contact-value:link,
.hyaloid-contact-value:visited {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: 23px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
text-decoration: none !important;
border: 0 !important;
background: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
transition:
color .25s ease,
transform .25s ease !important;
}
.hyaloid-contact-value:hover,
.hyaloid-contact-value:focus {
color: #8cefff !important;
-webkit-text-fill-color: #8cefff !important;
transform: translateX(3px) !important;
text-decoration: none !important;
}
/* ==============================
TABLET
============================== */
@media (min-width:768px) and (max-width:1024px) {
.hyaloid-contact-card {
max-width: 360px !important;
gap: 23px !important;
}
.hyaloid-contact-heading span {
font-size: 19px !important;
}
.hyaloid-contact-heading i {
width: 48px !important;
flex-basis: 48px !important;
}
.hyaloid-contact-row {
gap: 17px !important;
}
.hyaloid-contact-icon {
width: 64px !important;
height: 64px !important;
min-width: 64px !important;
min-height: 64px !important;
flex-basis: 64px !important;
}
.hyaloid-contact-label {
font-size: 16px !important;
}
.hyaloid-contact-value {
font-size: 19px !important;
}
}
/* ==============================
MOBILE
============================== */
@media (max-width:767px) {
.hyaloid-contact-card {
max-width: 100% !important;
gap: 20px !important;
}
.hyaloid-contact-heading {
gap: 12px !important;
}
.hyaloid-contact-heading span {
font-size: 17px !important;
}
.hyaloid-contact-heading i {
width: 42px !important;
height: 3px !important;
flex-basis: 42px !important;
}
.hyaloid-contact-row {
gap: 14px !important;
}
.hyaloid-contact-icon {
width: 56px !important;
height: 56px !important;
min-width: 56px !important;
min-height: 56px !important;
flex-basis: 56px !important;
}
.hyaloid-mail-icon span {
width: 27px !important;
height: 20px !important;
}
.hyaloid-mail-icon span::before,
.hyaloid-mail-icon span::after {
width: 17px !important;
}
.hyaloid-phone-icon span {
font-size: 27px !important;
}
.hyaloid-contact-label {
font-size: 14px !important;
}
.hyaloid-contact-value {
font-size: 16px !important;
}
}

Quick Links