@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap");
:root {
--color-primary: #25525B;
--color-secondary: #D9B353 !important;
--color-accent: #D9B353 !important;
--color-text: #414141 !important;
--color-bg-glossy: #F8F8F8 !important;
--color-bg-bright: #FFFFFF !important;
--color-border: #D9D9D9 !important;
--color-soft: #A7A7A7 !important;
--color-hover: #517651 !important;
--font-main: 'Inter', sans-serif !important;
--font-serif: 'Playfair Display', serif !important;
}
html,
body {
font-family: var(--font-main) !important;
color: var(--color-text) !important;
margin: 0 !important;
padding: 0 !important;
overflow-x: clip !important; -webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: var(--font-serif) !important;
color: var(--color-primary) !important;
}
a {
text-decoration: none !important;
transition: color 0.3s ease, text-decoration 0.3s ease !important;
} .site-header {
background-color: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
height: 80px !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
z-index: 1030 !important; } .site-header.scrolled {
height: 65px;
background-color: rgba(255, 255, 255, 0.92) !important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.04) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
} .logo-link {
display: inline-flex !important;
align-items: center !important;
text-decoration: none !important;
transition: opacity 0.2s ease !important;
}
.logo-link:hover {
opacity: 0.95 !important;
}
.site-logo {
height: 58px !important;
width: auto !important;
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.logo-link:hover .site-logo {
transform: scale(1.05) !important;
}
.site-header.scrolled .site-logo {
height: 46px !important;
} .main-nav .nav-link {
color: #414141;
font-weight: 600 !important;
font-size: 15px !important;
padding: 10px 20px !important;
position: relative !important;
transition: color 0.3s ease !important;
}
.main-nav .nav-link::after {
content: '' !important;
position: absolute !important;
width: 0 !important;
height: 2px !important;
bottom: -2px !important;
left: 50% !important;
background-color: #25525B !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
transform: translateX(-50%) !important;
}
.main-nav .nav-link:hover {
color: #25525B !important;
}
.main-nav .nav-link:hover::after {
width: 30px !important;
} .mobile-menu-toggle {
background: none !important;
border: none !important;
color: #25525B !important;
padding: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: transform 0.2s ease, background-color 0.2s ease !important;
border-radius: 8px !important;
}
.mobile-menu-toggle:hover {
background-color: rgba(37, 82, 91, 0.06) !important;
color: #D9B353 !important;
}
.mobile-menu-toggle:active {
transform: scale(0.92) !important;
} .mobile-offcanvas {
background-color: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
border-left: 1px solid rgba(0, 0, 0, 0.05) !important;
width: 320px !important;
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.mobile-offcanvas .nav-link {
color: #414141 !important;
font-size: 18px !important;
font-weight: 600 !important;
padding: 12px 16px !important;
border-radius: 8px !important;
transition: all 0.25s ease !important;
}
.mobile-offcanvas .nav-link:hover {
color: #25525B !important;
background-color: rgba(37, 82, 91, 0.05) !important;
padding-left: 24px !important;
}
.btn-close-custom {
background-size: 12px !important;
border-radius: 50% !important;
background-color: rgba(0, 0, 0, 0.05) !important;
padding: 12px !important;
transition: all 0.25s ease !important;
}
.btn-close-custom:hover {
background-color: rgba(0, 0, 0, 0.1) !important;
transform: rotate(90deg) !important;
} .btn-quote {
background: linear-gradient(135deg, #D9B353 0%, #C8A042 100%) !important;
color: #FFFFFF !important;
border: none !important;
border-radius: 30px !important; padding: 11px 26px;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 0.2px !important;
box-shadow: 0 4px 14px rgba(217, 179, 83, 0.25) !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.btn-quote:hover {
background: linear-gradient(135deg, #25525B 0%, #1D4148 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(37, 82, 91, 0.3) !important;
}
.btn-quote:active {
transform: translateY(0) !important;
box-shadow: 0 4px 10px rgba(37, 82, 91, 0.2) !important;
} .action-btn-link {
color: #25525B !important;
background-color: rgba(37, 82, 91, 0.05) !important;
border-radius: 50% !important;
width: 42px !important;
height: 42px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
text-decoration: none !important;
}
.action-btn-link:hover {
color: #FFFFFF !important;
background-color: #25525B !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(37, 82, 91, 0.15) !important;
}
.action-btn-link:active {
transform: translateY(0) !important;
} .cart-badge {
background-color: #D9B353;
color: #FFFFFF !important;
font-size: 9px !important;
font-weight: 700 !important;
padding: 3px 5px !important;
border: 2px solid #FFFFFF !important;
transition: all 0.3s ease !important;
}
.action-btn-link:hover .cart-badge {
background-color: #FFFFFF !important;
color: #25525B !important;
} .mobile-action-link {
color: #414141 !important;
font-weight: 600 !important;
font-size: 15px !important;
padding: 10px 16px !important;
border-radius: 30px !important;
background-color: rgba(0, 0, 0, 0.03) !important;
transition: all 0.25s ease !important;
width: 45% !important;
display: flex !important;
justify-content: center !important;
}
.mobile-action-link:hover {
color: #25525B !important;
background-color: rgba(37, 82, 91, 0.06) !important;
} .hero-section {
height: 90vh;
min-height: 650px !important;
background: #F8F8F8 !important;
position: relative !important;
overflow: hidden !important;
} .hero-section::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 80%) !important;
pointer-events: none !important;
z-index: 1 !important;
}
.hero-left {
display: flex !important;
align-items: center !important;
height: 100% !important;
position: relative !important;
z-index: 2 !important;
}
.hero-content-wrapper {
max-width: 580px !important;
margin-right: auto !important;
}
.hero-label {
color: #25525B !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
display: inline-block !important;
position: relative !important;
}
.hero-label::after {
content: '' !important;
display: block !important;
width: 30px !important;
height: 2.5px !important;
background-color: #D9B353 !important;
margin-top: 6px !important;
border-radius: 2px !important;
}
.hero-title {
color: #25525B !important;
font-size: 48px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: -1px !important;
}
@media (max-width: 768px) {
.hero-title {
font-size: 36px !important;
}
}
.hero-body {
color: #414141 !important;
font-size: 17px !important;
line-height: 1.75 !important;
}
.hero-right {
position: relative !important;
overflow: hidden !important;
}
.hero-image-container {
width: 100% !important;
height: 100% !important;
position: relative !important;
} .hero-image-container::before {
content: '';
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(90deg, #F8F8F8 0%, rgba(248, 248, 248, 0.7) 10%, rgba(248, 248, 248, 0) 40%) !important;
z-index: 2 !important;
pointer-events: none !important;
}
.hero-img {
width: 100% !important;
height: 90vh !important;
min-height: 650px !important;
object-fit: cover !important;
object-position: center !important;
filter: brightness(0.98) contrast(1.01) !important;
transition: transform 6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.hero-section:hover .hero-img {
transform: scale(1.04) !important;
} .btn-hero-primary {
background: linear-gradient(135deg, #D9B353 0%, #C8A042 100%) !important;
color: #FFFFFF !important;
border: none !important;
border-radius: 30px !important;
padding: 15px 36px !important;
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: 0.2px !important;
box-shadow: 0 4px 14px rgba(217, 179, 83, 0.25) !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.btn-hero-primary:hover {
background: linear-gradient(135deg, #517651 0%, #436243 100%) !important;
transform: translateY(-3px) !important;
box-shadow: 0 6px 20px rgba(81, 118, 81, 0.35) !important;
}
.btn-hero-primary:active {
transform: translateY(-1px) !important;
}
.btn-hero-secondary {
background-color: transparent !important;
color: #25525B !important;
border: 2px solid #25525B !important;
border-radius: 30px !important;
padding: 13px 34px !important;
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: 0.2px !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.btn-hero-secondary:hover {
background-color: #25525B !important;
color: #FFFFFF !important;
transform: translateY(-3px) !important;
box-shadow: 0 6px 20px rgba(37, 82, 91, 0.2) !important;
}
.btn-hero-secondary:active {
transform: translateY(-1px) !important;
} .carousel-control-prev,
.carousel-control-next {
width: 70px;
height: 100% !important;
opacity: 0.85 !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
z-index: 5 !important;
}
#heroCarousel:hover .carousel-control-prev,
#heroCarousel:hover .carousel-control-next {
opacity: 0.85 !important;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
width: 46px !important;
height: 46px !important;
background-color: rgba(255, 255, 255, 0.25) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
border-radius: 50% !important;
background-size: 14px !important;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}
.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
background-color: #25525B !important;
border-color: #25525B !important;
transform: scale(1.08) !important;
box-shadow: 0 4px 15px rgba(37, 82, 91, 0.3) !important;
} .carousel-indicators [data-bs-target] {
width: 9px !important;
height: 9px !important;
border-radius: 50% !important;
background-color: rgba(37, 82, 91, 0.35) !important;
border: none !important;
margin: 0 6px !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.carousel-indicators .active {
width: 26px !important;
border-radius: 10px !important;
background-color: #25525B !important;
} .cards-section {
background-color: #FFFFFF;
}
.info-card {
position: relative !important;
height: 320px !important;
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
padding: 30px !important;
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.card-bg-container {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 1 !important;
overflow: hidden !important;
}
.card-bg-img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.info-card:hover .card-bg-img {
transform: scale(1.06) !important; } .card-overlay {
position: absolute;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.85) 100%) !important;
z-index: 2 !important;
transition: opacity 0.3s ease !important;
}
.card-content-box {
position: relative !important;
z-index: 3 !important;
color: #FFFFFF !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}
.info-card .card-title {
font-size: 24px !important;
font-weight: 700 !important;
color: #FFFFFF !important;
margin-bottom: 6px !important;
letter-spacing: -0.3px !important;
}
.info-card .card-text {
font-size: 14px !important;
line-height: 1.5 !important;
color: rgba(255, 255, 255, 0.88) !important;
margin-bottom: 20px !important;
max-width: 95% !important;
} .btn-card-action {
background-color: #25525B !important;
color: #FFFFFF !important;
border: none !important;
border-radius: 30px !important;
padding: 10px 24px !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 0.2px !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
box-shadow: 0 4px 12px rgba(37, 82, 91, 0.2) !important;
}
.btn-card-action:hover {
background-color: #D9B353 !important;
color: #414141 !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 15px rgba(217, 179, 83, 0.35) !important;
}
.btn-card-action:active {
transform: translateY(0) !important;
} .audience-section {
background-color: #FFFFFF;
position: relative !important;
} .pink-pill {
background-color: #3f603e !important;
color: #FFFFFF !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
padding: 6px 16px !important;
border-radius: 30px !important;
display: inline-block !important;
box-shadow: 0 4px 10px rgba(244, 36, 120, 0.15) !important;
}
.audience-section .section-title {
color: #25525B !important;
font-size: 38px !important;
font-weight: 800 !important;
letter-spacing: -0.5px !important;
} .audience-item {
padding: 24px 16px;
border-radius: 16px !important;
background-color: rgba(37, 82, 91, 0.02) !important;
border: 1px solid rgba(37, 82, 91, 0.03) !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
height: 100% !important;
}
.audience-item:hover {
background-color: #FFFFFF !important;
border-color: rgba(37, 82, 91, 0.08) !important;
transform: translateY(-4px) !important;
box-shadow: 0 10px 30px rgba(37, 82, 91, 0.06) !important;
}
.audience-icon {
color: #25525B !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
height: 48px !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.audience-item:hover .audience-icon {
color: #D9B353 !important;
transform: scale(1.1) !important;
}
.audience-label {
color: #414141 !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
}
.audience-desc {
color: #787878 !important;
font-size: 13.5px !important;
line-height: 1.45 !important;
margin: 0 !important;
} .features-block-section {
background-color: #FFFFFF !important;
}
.feature-row {
padding: 80px 0 !important; background-color: #FFFFFF;
}
.feature-row:nth-child(even) {
background-color: #FDFDFD !important; }
.feature-text-wrapper {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
.feature-label {
color: #25525B !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
display: inline-block !important;
}
.feature-label::after {
content: '' !important;
display: block !important;
width: 30px !important;
height: 2.5px !important;
background-color: #D9B353 !important;
margin-top: 6px !important;
border-radius: 2px !important;
}
.feature-title {
color: #25525B !important;
font-size: 38px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: -0.5px !important;
}
@media (max-width: 768px) {
.feature-title {
font-size: 30px !important;
}
}
.feature-desc {
color: #414141 !important;
font-size: 16px !important;
line-height: 1.7 !important;
}
.feature-image-container {
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06) !important;
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
background-color: #FFFFFF !important;
}
.feature-image-container:hover {
transform: translateY(-4px) !important;
box-shadow: 0 16px 45px rgba(0, 0, 0, 0.1) !important;
}
.feature-img {
width: 100% !important;
height: 400px !important;
object-fit: cover !important;
object-position: center !important;
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
@media (max-width: 992px) {
.feature-img {
height: 300px !important;
}
}
.feature-image-container:hover .feature-img {
transform: scale(1.03) !important;
} .btn-feature-primary {
background: linear-gradient(135deg, #D9B353 0%, #C8A042 100%);
color: #FFFFFF !important;
border: none !important;
border-radius: 30px !important;
padding: 14px 36px !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 0.2px !important;
box-shadow: 0 4px 14px rgba(217, 179, 83, 0.25) !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
align-self: flex-start !important;
}
.btn-feature-primary:hover {
background: linear-gradient(135deg, #517651 0%, #436243 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 18px rgba(81, 118, 81, 0.3) !important;
}
.btn-feature-primary:active {
transform: translateY(0) !important;
}
.btn-feature-secondary {
background-color: transparent !important;
color: #25525B !important;
border: 2px solid #25525B !important;
border-radius: 30px !important;
padding: 12px 34px !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 0.2px !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
align-self: flex-start !important;
}
.btn-feature-secondary:hover {
background-color: #25525B !important;
color: #FFFFFF !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 18px rgba(37, 82, 91, 0.15) !important;
}
.btn-feature-secondary:active {
transform: translateY(0) !important;
} .new-arrivals-section {
background-color: #F8F8F8 !important;
position: relative !important;
} .btn-outlined-primary {
background-color: transparent;
color: #25525B !important;
border: 2px solid #25525B !important;
border-radius: 30px !important;
padding: 11px 32px !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 0.2px !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.btn-outlined-primary:hover {
background-color: #25525B !important;
color: #FFFFFF !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 18px rgba(37, 82, 91, 0.15) !important;
} .product-card {
background-color: #FFFFFF !important;
border: 1px solid #D9D9D9 !important;
border-radius: 16px !important;
overflow: hidden !important;
position: relative !important;
display: flex !important;
flex-direction: column !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
height: 100% !important;
}
.product-card:hover {
transform: translateY(-5px) !important;
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06) !important;
border-color: rgba(37, 82, 91, 0.3) !important;
}
.product-img-wrapper {
position: relative !important;
overflow: hidden !important;
height: 260px !important;
background-color: #FFFFFF !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.product-img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
padding: 24px !important;
transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.product-card:hover .product-img {
transform: scale(1.05) !important;
} .add-to-cart-overlay {
position: absolute;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: rgba(37, 82, 91, 0.08) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
opacity: 0 !important;
transition: opacity 0.3s ease !important;
z-index: 3 !important;
}
.product-card:hover .add-to-cart-overlay {
opacity: 1 !important;
}
.btn-add-to-cart {
background: linear-gradient(135deg, #D9B353 0%, #C8A042 100%) !important;
color: #414141 !important;
font-weight: 700 !important;
border: none !important;
padding: 12px 26px !important;
border-radius: 30px !important;
font-size: 14px !important;
transform: translateY(15px) !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
box-shadow: 0 4px 12px rgba(217, 179, 83, 0.3) !important;
}
.product-card:hover .btn-add-to-cart {
transform: translateY(0) !important;
}
.btn-add-to-cart:hover {
background: linear-gradient(135deg, #25525B 0%, #1D4148 100%) !important;
color: #FFFFFF !important;
box-shadow: 0 4px 15px rgba(37, 82, 91, 0.3) !important;
}
.product-info {
padding: 20px !important;
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
border-top: 1px solid rgba(0, 0, 0, 0.04) !important;
background-color: #FFFFFF !important;
flex-grow: 1 !important;
}
.product-name {
font-weight: 700 !important;
color: #414141 !important;
font-size: 15.5px !important;
margin: 0 !important;
line-height: 1.35 !important;
}
.product-price {
color: #25525B !important;
font-weight: 700 !important;
font-size: 16px !important;
margin: 0 !important;
} .trust-bar {
background-color: #D9D9D9 !important;
border-radius: 16px !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02) !important;
}
.trust-icon {
color: #25525B !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
background-color: rgba(37, 82, 91, 0.06) !important;
border-radius: 50% !important;
transition: transform 0.3s ease !important;
}
.trust-bar .col-md-4:hover .trust-icon {
transform: scale(1.1) !important;
}
.trust-title {
font-size: 16px !important;
font-weight: 700 !important;
color: #414141 !important;
}
.trust-subtitle {
font-size: 13.5px !important;
color: #656565 !important;
}
@media (min-width: 768px) {
.border-md-start {
border-left: 1px solid rgba(0, 0, 0, 0.12) !important;
}
} .dtf-section {
background-color: #414141;
position: relative !important;
overflow: hidden !important;
}
.dtf-image-container {
width: 100% !important;
height: 100% !important;
min-height: 450px !important;
}
.dtf-img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
filter: brightness(0.9) contrast(1.05) !important;
transition: transform 6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.dtf-section:hover .dtf-img {
transform: scale(1.03) !important;
}
.dtf-text-col {
background-color: #414141 !important;
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.dtf-text-wrapper {
max-width: 580px !important;
}
.dtf-label {
color: #D9B353 !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
display: inline-block !important;
}
.dtf-label::after {
content: '' !important;
display: block !important;
width: 30px !important;
height: 2.5px !important;
background-color: #FFFFFF !important;
margin-top: 6px !important;
border-radius: 2px !important;
}
.dtf-title {
color: #FFFFFF !important;
font-size: 40px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: -0.8px !important;
}
@media (max-width: 768px) {
.dtf-title {
font-size: 32px !important;
}
}
.dtf-desc {
color: #D9D9D9 !important;
font-size: 16px !important;
line-height: 1.75 !important;
} .btn-dtf-action {
background-color: transparent !important;
color: #FFFFFF !important;
border: 2px solid #FFFFFF !important;
border-radius: 30px !important;
padding: 13px 36px !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.2px !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
align-self: flex-start !important;
}
.btn-dtf-action:hover {
background-color: #D9B353 !important;
border-color: #D9B353 !important;
color: #414141 !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 18px rgba(217, 179, 83, 0.25) !important;
}
.btn-dtf-action:active {
transform: translateY(0) !important;
} .values-section {
background-color: #FFFFFF;
position: relative !important;
}
.craft-quote {
font-family: 'Playfair Display', Georgia, serif !important;
font-size: 38px !important;
font-weight: 700 !important;
color: #25525B !important;
line-height: 1.25 !important;
border-left: 4.5px solid #D9B353 !important; padding-left: 24px !important;
margin-bottom: 24px !important;
}
@media (max-width: 768px) {
.craft-quote {
font-size: 30px !important;
padding-left: 16px !important;
}
}
.craft-body-text {
color: #414141 !important;
font-size: 16px !important;
line-height: 1.75 !important;
} .value-item {
padding: 24px;
border-radius: 16px !important;
background-color: rgba(217, 179, 83, 0.02) !important;
border: 1px solid rgba(217, 179, 83, 0.04) !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
height: 100% !important;
}
.value-item:hover {
background-color: #FFFFFF !important;
border-color: rgba(37, 82, 91, 0.1) !important;
transform: translateY(-4px) !important;
box-shadow: 0 10px 30px rgba(37, 82, 91, 0.05) !important;
}
.value-icon {
color: #D9B353 !important; display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
background-color: rgba(217, 179, 83, 0.05) !important;
border-radius: 50% !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.value-item:hover .value-icon {
color: #25525B !important; background-color: rgba(37, 82, 91, 0.06);
transform: scale(1.1) rotate(5deg) !important;
}
.value-title {
color: #414141 !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
}
.value-desc {
color: #787878 !important;
font-size: 13.5px !important;
line-height: 1.45 !important;
margin: 0 !important;
} .featured-products-section {
position: relative !important;
} .supplier-section {
background-color: #F8F8F8;
position: relative !important;
overflow: hidden !important;
}
.supplier-label {
color: #25525B !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
} .supplier-slider-container {
overflow: hidden !important;
width: 100% !important;
position: relative !important;
padding: 15px 0 !important; mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
-webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent) !important;
}
.supplier-slider-track {
display: flex !important;
align-items: center !important;
gap: 80px !important; width: max-content !important;
animation: scrollLogos 25s linear infinite !important;
}
.supplier-logo {
color: #656565 !important;
filter: grayscale(100%) !important;
opacity: 0.55 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
flex-shrink: 0 !important;
}
.supplier-logo:hover {
color: #25525B !important;
filter: grayscale(0%) !important;
opacity: 1 !important;
transform: scale(1.08) !important;
} .supplier-slider-container:hover .supplier-slider-track {
animation-play-state: paused;
}
@keyframes scrollLogos {
0% {
transform: translateX(0) !important;
}
100% { transform: translateX(calc(-50% - 40px)) !important;
}
} .blog-section {
background-color: #FFFFFF;
position: relative !important;
}
.blog-card {
background-color: #FFFFFF !important;
border: 1px solid #D9D9D9 !important;
border-radius: 16px !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
height: 100% !important;
}
.blog-card:hover {
transform: translateY(-5px) !important;
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.05) !important;
border-color: rgba(37, 82, 91, 0.15) !important;
}
.blog-img-wrapper {
width: 100% !important;
height: 220px !important;
overflow: hidden !important;
position: relative !important;
}
.blog-img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.blog-card:hover .blog-img {
transform: scale(1.04) !important;
}
.blog-category {
background-color: #D9B353 !important;
color: #FFFFFF !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
padding: 4px 12px !important;
border-radius: 30px !important;
display: inline-block !important;
}
.blog-post-title {
color: #414141 !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.35 !important; display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
height: 48px !important;
}
.blog-excerpt {
color: #787878 !important;
font-size: 14px !important;
line-height: 1.55 !important; display: -webkit-box;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
height: 65px !important;
}
.blog-read-more-btn {
color: #25525B !important;
font-weight: 700 !important;
font-size: 14px !important;
text-decoration: none !important;
transition: all 0.25s ease !important;
}
.blog-read-more-btn:hover {
color: #D9B353 !important;
transform: translateX(3px) !important;
} .site-footer {
background-color: #F8F8F8 !important; color: #414141; font-family: 'Inter', sans-serif !important;
font-size: 14.5px !important;
line-height: 1.6 !important;
border-top: 1px solid rgba(0, 0, 0, 0.06) !important; }
.footer-top {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
} .footer-logo {
display: inline-flex !important;
align-items: center !important;
transition: transform 0.3s ease !important;
}
.footer-logo:hover {
transform: translateY(-1px) !important;
}
.footer-logo-img {
height: 125px !important;
width: auto !important;
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.footer-logo:hover .footer-logo-img {
transform: scale(1.05) !important;
}
.footer-tagline {
color: #5A5A5A !important; font-size: 13.5px;
line-height: 1.6 !important;
}
.contact-label {
color: #5A5A5A !important;
font-weight: 600 !important;
margin-right: 6px !important;
}
.contact-value {
color: #25525B !important; text-decoration: none !important;
transition: color 0.25s ease !important;
}
.contact-value:hover {
color: #D9B353 !important; text-decoration: underline;
}
.social-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
height: 36px !important;
background-color: rgba(0, 0, 0, 0.03) !important; border-radius: 50% !important;
color: #656565 !important; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
text-decoration: none !important;
}
.social-icon:hover {
color: #414141 !important;
background-color: #D9B353 !important; transform: translateY(-3px) !important;
box-shadow: 0 5px 12px rgba(217, 179, 83, 0.25) !important;
} .footer-heading {
color: #25525B; font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
position: relative !important;
padding-bottom: 10px !important;
}
.footer-heading::after {
content: '' !important;
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
width: 30px !important;
height: 2px !important;
background-color: #D9B353 !important; border-radius: 2px;
}
.footer-links {
list-style: none !important;
padding-left: 0 !important;
}
.footer-links li {
margin-bottom: 10px !important;
}
.footer-links a {
color: #5A5A5A !important; text-decoration: none !important;
transition: all 0.25s ease !important;
display: inline-block !important;
}
.footer-links a:hover {
color: #25525B !important; transform: translateX(4px);
} .map-container {
position: relative !important;
overflow: hidden !important;
border: 1px solid rgba(0, 0, 0, 0.06) !important;
transition: border-color 0.3s ease !important;
height: 110px !important;
}
.map-container:hover {
border-color: rgba(37, 82, 91, 0.2) !important;
}
.map-thumbnail {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform 0.5s ease !important;
}
.map-container:hover .map-thumbnail {
transform: scale(1.04) !important;
}
.get-directions-link {
color: #FFFFFF !important; background-color: #25525B; font-weight: 700 !important;
font-size: 13.5px !important;
text-decoration: none !important;
padding: 8px 18px !important;
border-radius: 30px !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
box-shadow: 0 4px 10px rgba(37, 82, 91, 0.15) !important;
}
.get-directions-link:hover {
background-color: #D9B353 !important; color: #414141; transform: translateY(-2px) !important;
box-shadow: 0 6px 15px rgba(217, 179, 83, 0.25) !important;
}
.get-directions-link svg {
transition: transform 0.25s ease !important;
}
.get-directions-link:hover svg {
transform: translateX(2px) !important;
} .footer-bottom {
background-color: #EAEAEA; border-top: 1px solid rgba(0, 0, 0, 0.04) !important;
}
.copyright,
.developer {
color: #656565 !important; font-size: 12.5px;
letter-spacing: 0.1px !important;
}
.developer-link {
color: #656565 !important;
text-decoration: none !important;
transition: color 0.25s ease !important;
font-weight: 600 !important;
}
.developer-link:hover {
color: #25525B !important; } .back-to-top {
position: fixed;
bottom: 30px !important;
right: 30px !important;
width: 48px !important;
height: 48px !important;
background-color: #25525B !important; color: #FFFFFF !important;
border: none !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(20px) scale(0.8) !important;
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
z-index: 999 !important;
box-shadow: 0 4px 15px rgba(37, 82, 91, 0.25) !important;
}
.back-to-top.show {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) scale(1) !important;
}
.back-to-top:hover {
background-color: #D9B353 !important; color: #414141; transform: translateY(-4px) scale(1.05) !important;
box-shadow: 0 6px 20px rgba(217, 179, 83, 0.35) !important;
}
.back-to-top:active {
transform: translateY(-1px) scale(0.98) !important;
}
.back-to-top svg {
transition: transform 0.3s ease !important;
stroke: #FFFFFF !important;
}
.back-to-top:hover svg {
transform: translateY(-2px) !important;
stroke: #414141 !important; } html {
scroll-behavior: smooth;
scroll-padding-top: 80px !important; } .reveal-section {
opacity: 0;
transform: translateY(30px) !important;
transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1) !important;
will-change: opacity, transform !important;
} .reveal-section.visible {
opacity: 1 !important;
transform: translateY(0) !important;
} @media (prefers-reduced-motion: reduce) {
.reveal-section {
opacity: 1;
transform: none !important;
transition: none !important;
}
html {
scroll-behavior: auto !important;
}
} .services-hero {
position: relative !important;
height: 70vh !important;
min-height: 480px !important; background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
display: flex !important;
align-items: center !important;
overflow: hidden !important;
}
.services-hero-overlay {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: #25525B !important; opacity: 0.70; z-index: 1 !important;
}
.services-hero-container {
position: relative !important;
z-index: 2 !important;
padding-top: 40px !important; } .services-breadcrumb .breadcrumb-item a {
color: rgba(255, 255, 255, 0.6);
text-decoration: none !important;
font-size: 14.5px !important;
font-weight: 500 !important;
transition: color 0.25s ease !important;
}
.services-breadcrumb .breadcrumb-item a:hover {
color: #FFFFFF !important;
}
.services-breadcrumb .breadcrumb-item.active {
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14.5px !important;
font-weight: 500 !important;
}
.services-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
color: rgba(255, 255, 255, 0.4) !important;
} .services-hero-title {
font-family: 'Playfair Display', Georgia, serif !important;
font-size: 52px !important;
font-weight: 800 !important;
color: #FFFFFF !important;
letter-spacing: -0.5px !important;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
}
@media (max-width: 768px) {
.services-hero-title {
font-size: 38px !important;
}
}
.services-hero-subtitle {
color: #D9D9D9 !important;
font-size: 17px !important;
line-height: 1.65 !important;
max-width: 760px !important;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) !important;
} .btn-services-explore {
background-color: #D9B353; color: #414141 !important;
border: 2px solid #D9B353 !important;
border-radius: 30px !important;
padding: 13px 36px !important;
font-size: 14.5px !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
box-shadow: 0 4px 15px rgba(217, 179, 83, 0.25) !important;
}
.btn-services-explore:hover {
background-color: transparent !important;
color: #FFFFFF !important;
border-color: #FFFFFF !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(255, 255, 255, 0.15) !important;
}
.btn-services-quote {
background-color: transparent !important;
color: #FFFFFF !important;
border: 2px solid #FFFFFF !important; border-radius: 30px;
padding: 13px 36px !important;
font-size: 14.5px !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.btn-services-quote:hover {
background-color: #D9B353 !important;
color: #414141 !important;
border-color: #D9B353 !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(217, 179, 83, 0.25) !important;
} .services-scroll-down {
position: absolute !important;
bottom: 30px !important;
left: 50% !important;
transform: translateX(-50%) !important;
z-index: 2 !important;
}
.scroll-down-arrow {
color: #D9B353 !important;
display: inline-flex !important;
animation: bounceDown 2s infinite !important;
transition: color 0.3s ease !important;
}
.scroll-down-arrow:hover {
color: #FFFFFF !important;
}
@keyframes bounceDown {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0) !important;
}
40% {
transform: translateY(-8px) !important;
}
60% {
transform: translateY(-4px) !important;
}
} .service-card {
background-color: #FFFFFF;
border: 1px solid #D9D9D9 !important;
border-radius: 12px !important;
padding: 28px !important;
transition: all 0.3s ease !important;
position: relative !important;
overflow: hidden !important;
}
.service-card-icon {
color: #D9B353 !important; transition: color 0.3s ease, transform 0.3s ease !important;
display: inline-flex !important;
}
.service-card-title {
color: #414141 !important;
font-size: 20px !important;
font-weight: 700 !important;
transition: color 0.3s ease !important;
}
.service-card-desc {
color: #787878 !important;
font-size: 14.5px !important;
line-height: 1.6 !important;
transition: color 0.3s ease !important;
}
.service-card-link {
color: #25525B !important; font-weight: 700;
text-decoration: none !important;
font-size: 14.5px !important;
transition: color 0.3s ease, transform 0.3s ease !important;
display: inline-block !important;
} .service-card:hover {
background-color: #25525B !important; border-color: transparent;
box-shadow: 0 12px 30px rgba(37, 82, 91, 0.18) !important;
transform: translateY(-6px) !important;
}
.service-card:hover .service-card-icon {
color: #D9B353 !important; transform: scale(1.08) rotate(3deg) !important;
}
.service-card:hover .service-card-title {
color: #FFFFFF !important; }
.service-card:hover .service-card-desc {
color: #FFFFFF; }
.service-card:hover .service-card-link {
color: #FFFFFF !important; transform: translateX(4px);
}  .dtf-feature-section {
background-color: #414141;
overflow: hidden !important;
} .dtf-feature-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
min-height: 560px !important;
} .dtf-feature-img-col {
overflow: hidden;
position: relative !important;
}
.dtf-feature-img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
transition: transform 6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.dtf-feature-section:hover .dtf-feature-img {
transform: scale(1.03) !important;
} .dtf-feature-text-col {
display: flex !important;
align-items: center !important;
padding: 80px 80px 80px 60px !important;
background-color: #414141 !important;
}
.dtf-feature-text-inner {
max-width: 560px !important;
} .dtf-pill-tag {
display: inline-block;
background-color: #3f603e !important;
color: white !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
padding: 6px 16px !important;
border-radius: 30px !important;
margin-bottom: 22px !important;
} .dtf-feature-title {
color: #FFFFFF !important;
font-size: 38px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: -0.5px !important;
margin-bottom: 20px !important;
}
@media (max-width: 992px) {
.dtf-feature-title {
font-size: 30px !important;
}
} .dtf-feature-desc {
color: #D9D9D9;
font-size: 16px !important;
line-height: 1.75 !important;
margin-bottom: 28px !important;
} .dtf-feature-list {
list-style: none !important;
padding: 0 !important;
margin: 0 0 36px 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
.dtf-feature-list li {
display: flex !important;
align-items: center !important;
gap: 12px !important;
color: #D9D9D9 !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
} .dtf-check-icon {
color: #D9B353;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
width: 28px !important;
height: 28px !important;
background-color: rgba(217, 179, 83, 0.12) !important;
border-radius: 50% !important;
} .btn-dtf-discover {
display: inline-block !important;
background-color: #D9B353 !important;
color: #414141 !important;
border: 2px solid #D9B353 !important;
border-radius: 30px !important;
padding: 14px 36px !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.2px !important;
text-decoration: none !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
box-shadow: 0 4px 15px rgba(217, 179, 83, 0.25) !important;
}
.btn-dtf-discover:hover {
background-color: #517651 !important;
border-color: #517651 !important;
color: #FFFFFF !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(81, 118, 81, 0.3) !important;
}
.btn-dtf-discover:active {
transform: translateY(0) !important;
} @media (max-width: 768px) {
.dtf-feature-grid {
grid-template-columns: 1fr;
}
.dtf-feature-img-col {
min-height: 280px !important;
max-height: 320px !important;
}
.dtf-feature-text-col {
padding: 48px 28px !important;
}
}  .emb-feature-section {
background-color: #FFFFFF;
overflow: hidden !important;
} .emb-feature-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
min-height: 560px !important;
} .emb-feature-text-col {
display: flex;
align-items: center !important;
padding: 80px 60px 80px 80px !important;
background-color: #FFFFFF !important;
}
.emb-feature-text-inner {
max-width: 560px !important;
} .emb-pill-tag {
display: inline-block !important;
background-color: #3f603e !important;
color: #FFFFFF !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
padding: 6px 16px !important;
border-radius: 30px !important;
margin-bottom: 22px !important;
} .emb-feature-title {
color: #25525B;
font-size: 38px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: -0.5px !important;
margin-bottom: 20px !important;
}
@media (max-width: 992px) {
.emb-feature-title {
font-size: 30px !important;
}
} .emb-feature-desc {
color: #414141 !important;
font-size: 16px !important;
line-height: 1.75 !important;
margin-bottom: 28px !important;
} .emb-feature-list {
list-style: none;
padding: 0 !important;
margin: 0 0 36px 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
.emb-feature-list li {
display: flex !important;
align-items: center !important;
gap: 12px !important;
color: #414141 !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
} .emb-check-icon {
color: #D9B353 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
width: 28px !important;
height: 28px !important;
background-color: rgba(217, 179, 83, 0.1) !important;
border-radius: 50% !important;
} .btn-emb-contact {
display: inline-block;
background-color: #25525B !important;
color: #FFFFFF !important;
border: 2px solid #25525B !important;
border-radius: 30px !important;
padding: 14px 36px !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.2px !important;
text-decoration: none !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
box-shadow: 0 4px 15px rgba(37, 82, 91, 0.2) !important;
}
.btn-emb-contact:hover {
background-color: #517651 !important;
border-color: #517651 !important;
color: #FFFFFF !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(81, 118, 81, 0.3) !important;
}
.btn-emb-contact:active {
transform: translateY(0) !important;
} .emb-feature-img-col {
overflow: hidden !important;
position: relative !important;
}
.emb-feature-img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
transition: transform 6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.emb-feature-section:hover .emb-feature-img {
transform: scale(1.03) !important;
} @media (max-width: 768px) {
.emb-feature-grid {
grid-template-columns: 1fr;
grid-template-rows: 280px auto !important;
}
.emb-feature-img-col {
order: -1 !important; min-height: 280px !important;
max-height: 320px !important;
}
.emb-feature-text-col {
padding: 48px 28px !important;
}
} .hiw-section {
background-color: #25525B;
padding: 80px 0 !important;
position: relative !important;
overflow: hidden !important;
} .hiw-section::before {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: radial-gradient(ellipse at 80% 20%, rgba(217, 179, 83, 0.06) 0%, transparent 60%),
radial-gradient(ellipse at 20% 80%, rgba(255, 255, 255, 0.03) 0%, transparent 50%) !important;
pointer-events: none !important;
} .hiw-header {
margin-bottom: 64px;
position: relative !important;
z-index: 1 !important;
} .hiw-label {
display: inline-block !important;
color: #FFFFFF !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
padding: 6px 18px !important;
border: 1px solid rgba(255, 255, 255, 0.25) !important;
border-radius: 30px !important;
margin-bottom: 20px !important;
backdrop-filter: blur(4px) !important;
} .hiw-title {
color: #FFFFFF;
font-size: 42px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: -0.5px !important;
margin-bottom: 14px !important;
}
@media (max-width: 768px) {
.hiw-title {
font-size: 32px !important;
}
} .hiw-subtitle {
color: #D9D9D9 !important;
font-size: 17px !important;
line-height: 1.65 !important;
max-width: 520px !important;
margin: 0 auto !important;
} .hiw-steps-wrapper {
position: relative;
z-index: 1 !important;
} .hiw-connector {
display: none !important; position: absolute;
top: 40px !important; left: calc(12.5% + 40px) !important; right: calc(12.5% + 40px); height: 2px !important;
border-top: 2.5px dashed rgba(217, 179, 83, 0.45) !important;
z-index: 0 !important;
}
@media (min-width: 769px) {
.hiw-connector {
display: block !important;
}
} .hiw-steps {
display: grid;
grid-template-columns: repeat(4, 1fr) !important;
gap: 32px !important;
position: relative !important;
z-index: 1 !important;
} .hiw-step {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
position: relative !important;
} .hiw-step-number-wrap {
position: relative;
z-index: 2 !important;
margin-bottom: 24px !important;
}
.hiw-step-number {
width: 80px !important;
height: 80px !important;
border-radius: 50% !important;
background-color: #D9B353 !important;
color: #25525B !important;
font-size: 22px !important;
font-weight: 900 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
letter-spacing: 1px !important;
box-shadow: 0 8px 24px rgba(217, 179, 83, 0.35) !important;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
box-shadow 0.35s ease !important;
position: relative !important;
} .hiw-step-number::after {
content: '' !important;
position: absolute !important;
inset: -5px !important;
border-radius: 50% !important;
border: 2px solid rgba(217, 179, 83, 0.25) !important;
transition: opacity 0.35s ease, inset 0.35s ease !important;
opacity: 0 !important;
}
.hiw-step:hover .hiw-step-number {
transform: translateY(-4px) scale(1.06) !important;
box-shadow: 0 14px 32px rgba(217, 179, 83, 0.45) !important;
}
.hiw-step:hover .hiw-step-number::after {
opacity: 1 !important;
inset: -8px !important;
} .hiw-step-content {
padding: 0 8px;
}
.hiw-step-title {
color: #FFFFFF !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
margin-bottom: 10px !important;
}
.hiw-step-desc {
color: #D9D9D9 !important;
font-size: 14px !important;
line-height: 1.6 !important;
margin: 0 !important;
} @media (max-width: 768px) {
.hiw-section {
padding: 60px 0 !important;
}
.hiw-steps {
grid-template-columns: 1fr !important;
gap: 40px !important;
max-width: 360px !important;
margin: 0 auto !important;
}
.hiw-step {
align-items: flex-start !important;
text-align: left !important;
flex-direction: row !important;
gap: 20px !important;
}
.hiw-step-number-wrap {
margin-bottom: 0 !important;
flex-shrink: 0 !important;
}
.hiw-step-number {
width: 60px !important;
height: 60px !important;
font-size: 18px !important;
} .hiw-step:not(:last-child)::after {
content: '';
position: absolute !important;
left: 29px !important; top: 70px !important; bottom: -40px;
width: 2px !important;
border-left: 2.5px dashed rgba(217, 179, 83, 0.35) !important;
z-index: 0 !important;
}
.hiw-step-content {
padding: 6px 0 0 !important;
} !important} .wcu-section {
background-color: #F8F8F8 !important;
padding: 80px 0 !important;
position: relative !important;
} .wcu-header {
margin-bottom: 56px;
} .wcu-title {
color: #25525B !important;
font-size: 38px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: -0.5px !important;
margin-bottom: 14px !important;
margin-top: 12px !important;
}
@media (max-width: 768px) {
.wcu-title {
font-size: 28px !important;
}
}
.wcu-subtitle {
color: #787878 !important;
font-size: 16px !important;
line-height: 1.65 !important;
max-width: 560px !important;
margin: 0 auto !important;
} .wcu-grid {
display: grid;
grid-template-columns: repeat(4, 1fr) !important;
gap: 0 !important;
} .wcu-col {
padding: 40px 36px !important;
border-right: 1px solid rgba(0, 0, 0, 0.06) !important;
position: relative !important;
transition: background-color 0.3s ease !important; border-bottom: 3px solid transparent;
transition: border-bottom-color 0.3s ease, background-color 0.3s ease !important;
}
.wcu-col:last-child {
border-right: none !important;
} .wcu-col:hover {
background-color: #FFFFFF !important;
border-bottom-color: #D9B353 !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
} .wcu-icon {
color: #25525B; margin-bottom: 20px !important;
display: inline-flex !important;
transition: color 0.3s ease, transform 0.3s ease !important;
}
.wcu-col:hover .wcu-icon {
color: #D9B353 !important; transform: scale(1.08) translateY(-2px);
} .wcu-col-title {
color: #414141 !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
margin-bottom: 10px !important;
}
.wcu-col-desc {
color: #787878 !important;
font-size: 14.5px !important;
line-height: 1.65 !important;
margin: 0 !important;
} @media (max-width: 992px) {
.wcu-grid {
grid-template-columns: repeat(2, 1fr);
}
.wcu-col:nth-child(2) {
border-right: none !important;
}
.wcu-col:nth-child(1),
.wcu-col:nth-child(2) {
border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
} !important}
@media (max-width: 576px) {
.wcu-grid {
grid-template-columns: 1fr !important;
}
.wcu-col {
border-right: none !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
padding: 32px 24px !important;
}
.wcu-col:last-child {
border-bottom: none !important;
} !important} .testimonials-section {
background-color: #FFFFFF !important;
padding: 80px 0 !important;
} .testimonials-header {
margin-bottom: 52px;
}
.testimonials-title {
color: #25525B !important;
font-size: 38px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: -0.5px !important;
margin-top: 14px !important;
margin-bottom: 0 !important;
}
@media (max-width: 768px) {
.testimonials-title {
font-size: 28px !important;
}
} .testimonials-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 28px !important;
align-items: stretch !important;
} .testi-card {
background-color: #FFFFFF;
border: 1px solid #D9D9D9 !important;
border-radius: 12px !important;
padding: 28px !important;
display: flex !important;
flex-direction: column !important;
gap: 20px !important;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
box-shadow 0.35s ease,
border-color 0.3s ease !important;
position: relative !important;
overflow: hidden !important;
}
.testi-card:hover {
transform: translateY(-6px) !important;
box-shadow: 0 14px 36px rgba(37, 82, 91, 0.1) !important;
border-color: rgba(37, 82, 91, 0.2) !important;
} .testi-card--featured {
background: linear-gradient(160deg, rgba(37, 82, 91, 0.03) 0%, #FFFFFF 60%) !important;
border-color: #D9B353 !important;
border-top: 3px solid #D9B353 !important;
box-shadow: 0 6px 24px rgba(217, 179, 83, 0.15) !important;
}
.testi-card--featured:hover {
box-shadow: 0 16px 40px rgba(217, 179, 83, 0.22) !important;
border-color: #D9B353 !important;
} .testi-quote-icon {
font-size: 64px;
line-height: 1 !important;
color: #D9B353 !important;
font-family: Georgia, 'Times New Roman', serif !important;
font-weight: 700 !important;
margin-bottom: -12px !important; opacity: 0.9 !important;
display: block !important;
} .testi-body {
color: #414141;
font-size: 15px !important;
font-style: italic !important;
line-height: 1.7 !important;
margin: 0 !important;
flex-grow: 1 !important;
} .testi-footer {
display: flex !important;
align-items: center !important;
gap: 14px !important;
margin-top: auto !important;
padding-top: 16px !important;
border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
} .testi-avatar {
width: 46px;
height: 46px !important;
border-radius: 50% !important;
background-color: #25525B !important;
color: #FFFFFF !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
box-shadow: 0 3px 10px rgba(37, 82, 91, 0.2) !important;
}
.testi-meta {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
} .testi-stars {
display: flex !important;
align-items: center !important;
gap: 2px !important;
color: #D9B353 !important;
margin-bottom: 4px !important;
} .testi-name {
color: #414141;
font-size: 15px !important;
font-weight: 700 !important;
margin: 0 !important;
line-height: 1.2 !important;
} .testi-company {
color: #787878 !important;
font-size: 13px !important;
margin: 0 !important;
line-height: 1.2 !important;
} @media (max-width: 992px) {
.testimonials-grid {
grid-template-columns: 1fr;
max-width: 560px !important;
margin: 0 auto !important;
}
.testi-card--featured {
order: -1 !important; }
}  .testi-carousel {
padding-bottom: 60px;
position: relative !important;
} .testi-carousel-inner {
overflow: visible !important; padding: 8px 4px; } .testi-slide-wrap {
display: flex;
justify-content: center !important;
padding: 8px 0 !important;
} .testi-carousel .testi-card {
max-width: 680px !important;
width: 100% !important;
} .testi-indicators {
position: absolute;
bottom: 16px !important;
left: 50% !important;
transform: translateX(-50%) !important;
margin: 0 !important;
gap: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.testi-indicators button {
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
border: none !important;
background-color: rgba(37, 82, 91, 0.25) !important;
transition: all 0.3s ease !important;
padding: 0 !important;
margin: 0 4px !important;
opacity: 1 !important;
}
.testi-indicators button.active {
background-color: #D9B353 !important;
width: 28px !important;
border-radius: 10px !important;
} .testi-arrow { position: absolute;
top: 50% !important;
transform: translateY(-60%) !important; width: 48px !important;
height: 48px !important;
background-color: #FFFFFF !important;
border: 1.5px solid rgba(37, 82, 91, 0.2) !important;
border-radius: 50% !important;
color: #25525B !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
opacity: 1 !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
z-index: 10 !important;
}
.testi-arrow--prev {
left: calc(50% - 380px) !important;
}
.testi-arrow--next {
right: calc(50% - 380px) !important;
}
.testi-arrow:hover {
background-color: #25525B !important;
color: #FFFFFF !important;
border-color: #25525B !important;
transform: translateY(-60%) scale(1.08) !important;
box-shadow: 0 6px 20px rgba(37, 82, 91, 0.2) !important;
}
.testi-arrow svg {
stroke: #25525B !important;
transition: stroke 0.3s ease !important;
}
.testi-arrow:hover svg {
stroke: #FFFFFF !important;
} .testi-arrow .carousel-control-prev-icon,
.testi-arrow .carousel-control-next-icon {
display: none;
} @media (max-width: 860px) {
.testi-arrow--prev {
left: 4px !important;
}
.testi-arrow--next {
right: 4px !important;
}
}
@media (max-width: 576px) {
.testi-arrow {
width: 40px !important;
height: 40px !important;
}
.testi-carousel .testi-card {
max-width: 100% !important;
}
} .cta-banner {
background-color: #25525B;
padding: 90px 0 !important;
position: relative !important;
overflow: hidden !important;
} .cta-banner-texture {
position: absolute !important;
inset: 0 !important;
background-image: repeating-linear-gradient(-45deg,
rgba(255, 255, 255, 0.05) 0px,
rgba(255, 255, 255, 0.05) 1px,
transparent 1px,
transparent 12px) !important;
pointer-events: none !important;
z-index: 0 !important;
} .cta-banner::after {
content: '';
position: absolute !important;
inset: 0 !important;
background: radial-gradient(ellipse at 50% 50%, rgba(217, 179, 83, 0.08) 0%, transparent 65%) !important;
pointer-events: none !important;
z-index: 0 !important;
} .cta-banner-inner {
position: relative !important;
z-index: 1 !important;
max-width: 780px !important;
} .cta-label {
color: rgba(255, 255, 255, 0.7);
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
margin-bottom: 18px !important;
} .cta-heading {
color: #FFFFFF !important;
font-size: 46px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: -0.8px !important;
margin-bottom: 20px !important;
}
@media (max-width: 768px) {
.cta-heading {
font-size: 32px !important;
}
} .cta-subtext {
color: #D9D9D9;
font-size: 17px !important;
line-height: 1.7 !important;
max-width: 620px !important;
margin: 0 auto 40px !important;
} .cta-buttons {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 16px !important;
margin-bottom: 40px !important;
} .btn-cta-primary {
background-color: #D9B353;
color: #414141 !important;
border: 2px solid #D9B353 !important;
border-radius: 30px !important;
padding: 15px 40px !important;
font-size: 15.5px !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
box-shadow: 0 4px 18px rgba(217, 179, 83, 0.3) !important;
letter-spacing: 0.2px !important;
}
.btn-cta-primary:hover {
background-color: #517651 !important;
border-color: #517651 !important;
color: #FFFFFF !important;
transform: translateY(-3px) !important;
box-shadow: 0 8px 24px rgba(81, 118, 81, 0.35) !important;
}
.btn-cta-primary:active {
transform: translateY(-1px) !important;
} .btn-cta-secondary {
background-color: transparent !important;
color: #FFFFFF !important;
border: 2px solid rgba(255, 255, 255, 0.8) !important;
border-radius: 30px !important;
padding: 15px 40px !important;
font-size: 15.5px !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
letter-spacing: 0.2px !important;
}
.btn-cta-secondary:hover {
background-color: #FFFFFF !important;
border-color: #FFFFFF !important;
color: #25525B !important;
transform: translateY(-3px) !important;
box-shadow: 0 8px 24px rgba(255, 255, 255, 0.15) !important;
}
.btn-cta-secondary:active {
transform: translateY(-1px) !important;
} .cta-contact-row {
display: flex;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: center !important;
gap: 12px 20px !important;
}
.cta-contact-item {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
color: rgba(255, 255, 255, 0.75) !important;
font-size: 13.5px !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: color 0.25s ease !important;
}
.cta-contact-item:hover {
color: #D9B353 !important;
}
.cta-contact-item svg {
flex-shrink: 0 !important;
opacity: 0.85 !important;
}
.cta-contact-divider {
color: rgba(255, 255, 255, 0.25) !important;
font-size: 16px !important;
line-height: 1 !important;
display: inline-block !important;
} @media (max-width: 576px) {
.cta-banner {
padding: 70px 0 !important;
}
.cta-buttons {
flex-direction: column !important;
align-items: center !important;
}
.btn-cta-primary,
.btn-cta-secondary {
width: 100% !important;
max-width: 320px !important;
text-align: center !important;
}
.cta-contact-divider {
display: none !important;
}
}  @media (max-width: 768px) {
.services-hero {
min-height: 75vh;
padding: 100px 20px 60px !important;
}
.services-hero-title {
font-size: 36px !important;
line-height: 1.2 !important;
}
.services-hero-subtitle {
font-size: 15px !important;
padding: 0 8px !important;
}
}
@media (max-width: 480px) {
.services-hero-title {
font-size: 28px !important;
}
.services-hero-subtitle {
font-size: 14px !important;
}
} @media (max-width: 576px) {
.service-card {
padding: 24px 20px !important;
}
.service-card-title {
font-size: 16px !important;
}
} @media (max-width: 768px) { .dtf-feature-grid,
.emb-feature-grid {
grid-template-columns: 1fr;
min-height: auto !important;
} .dtf-feature-img-col {
min-height: 260px !important;
max-height: 320px !important;
}
.dtf-feature-text-col {
padding: 44px 24px !important;
} .emb-feature-grid {
grid-template-rows: auto auto;
}
.emb-feature-img-col {
order: 2 !important;
min-height: 260px !important;
max-height: 320px !important;
}
.emb-feature-text-col {
order: 1 !important;
padding: 44px 24px !important;
}
.dtf-feature-title,
.emb-feature-title {
font-size: 26px !important;
}
.dtf-feature-text-inner,
.emb-feature-text-inner {
max-width: 100% !important;
}
!important} @media (max-width: 576px) {
.hiw-section {
padding: 60px 0 !important;
}
.hiw-title {
font-size: 26px !important;
}
.hiw-subtitle {
font-size: 15px !important;
}
} @media (max-width: 576px) {
.wcu-title {
font-size: 24px;
}
.wcu-col {
padding: 28px 20px !important;
}
} @media (max-width: 576px) {
.testimonials-section {
padding: 60px 0 !important;
}
.testimonials-title {
font-size: 24px !important;
}
.testi-card {
padding: 24px 20px !important;
}
.testi-quote-icon {
font-size: 48px !important;
}
.testi-body {
font-size: 14px !important;
} .testi-arrow {
display: none;
}
} @media (max-width: 576px) {
.cta-heading {
font-size: 26px !important;
}
.cta-subtext {
font-size: 15px !important;
}
.cta-contact-row {
flex-direction: column !important;
gap: 10px !important;
}
.cta-contact-divider {
display: none !important;
}
} @media (max-width: 768px) {
.dtf-feature-section,
.emb-feature-section {
overflow-x: hidden;
}
} .gallery-hero {
height: 65vh !important;
min-height: 500px !important;
position: relative !important;
display: flex !important;
align-items: center !important;
}
.gallery-hero-bg {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: #25525B !important;
opacity: 0.75 !important;
z-index: 1 !important;
}
.gallery-hero .container-fluid {
z-index: 2 !important;
}
.hero-breadcrumb {
color: rgba(255, 255, 255, 0.55) !important;
font-size: 14px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}
.hero-breadcrumb a {
color: rgba(255, 255, 255, 0.55) !important;
text-decoration: none !important;
transition: color 0.3s ease !important;
}
.hero-breadcrumb a:hover {
color: #FFFFFF !important;
}
.gold-pill {
display: inline-block !important;
background-color: #D9B353 !important;
color: #414141 !important;
font-size: 13px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
padding: 6px 16px !important;
border-radius: 50px !important;
}
.gallery-hero-title {
font-family: 'Playfair Display', serif !important;
color: #FFFFFF !important;
font-size: 4.5rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
}
.gallery-hero-subtext {
color: #D9D9D9 !important;
font-size: 1.1rem !important;
line-height: 1.6 !important;
max-width: 500px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.btn-gallery-primary {
background-color: #D9B353 !important;
color: #414141 !important;
padding: 14px 32px !important;
border-radius: 4px !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
display: inline-block !important;
}
.btn-gallery-primary:hover {
background-color: #e0be69 !important;
color: #25525B !important;
transform: translateY(-2px) !important;
}
.btn-outlined-white {
background-color: transparent !important;
color: #FFFFFF !important;
border: 2px solid #FFFFFF !important;
padding: 12px 30px !important;
border-radius: 4px !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
display: inline-block !important;
}
.btn-outlined-white:hover {
background-color: #FFFFFF !important;
color: #25525B !important;
transform: translateY(-2px) !important;
}
.hero-bottom-divider {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 2px !important;
background-color: #D9B353 !important;
z-index: 3 !important;
} @media (max-width: 768px) {
.gallery-hero-title {
font-size: 3rem;
}
.gallery-hero-subtext {
font-size: 1rem !important;
}
} .gallery-filters .filter-btn {
background-color: #D9D9D9 !important;
color: #414141 !important;
border: none !important;
border-radius: 50px !important;
padding: 8px 20px !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 1px !important;
transition: all 0.3s ease !important;
}
.gallery-filters .filter-btn:hover,
.gallery-filters .filter-btn.active {
background-color: #25525B !important;
color: #FFFFFF !important;
}
.masonry-grid {
column-count: 3 !important;
column-gap: 12px !important;
}
.masonry-item {
position: relative !important;
overflow: hidden !important;
border-radius: 8px !important;
cursor: pointer !important;
background-color: #eee !important; } .masonry-item img {
width: 100%;
height: 100% !important;
object-fit: cover !important;
display: block !important;
transition: transform 0.5s ease !important;
}
.masonry-item:hover img {
transform: scale(1.05) !important;
}
.masonry-overlay {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background-color: rgba(37, 82, 91, 0.7) !important;
opacity: 0 !important;
transition: opacity 0.3s ease !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.masonry-item:hover .masonry-overlay {
opacity: 1 !important;
}
.expand-icon {
color: #FFFFFF !important;
background: rgba(255, 255, 255, 0.2) !important;
border-radius: 50% !important;
padding: 12px !important;
transform: scale(0.8) !important;
transition: all 0.3s ease !important;
}
.masonry-item:hover .expand-icon {
transform: scale(1) !important;
}
.masonry-category {
position: absolute !important;
bottom: 15px !important;
left: 15px !important;
color: #FFFFFF !important;
font-size: 13px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
transform: translateY(10px) !important;
transition: all 0.3s ease !important;
}
.masonry-item:hover .masonry-category {
transform: translateY(0) !important;
}
.btn-outline-teal {
background-color: transparent !important;
color: #25525B !important;
border: 2px solid #25525B !important;
padding: 12px 32px !important;
border-radius: 4px !important;
transition: all 0.3s ease !important;
}
.btn-outline-teal:hover {
background-color: #25525B !important;
color: #FFFFFF !important;
} .lightbox-overlay {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: #1A1A1A !important;
z-index: 2000 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
opacity: 0 !important;
pointer-events: none !important;
transition: opacity 0.3s ease !important;
}
.lightbox-overlay.active {
opacity: 1 !important;
pointer-events: auto !important;
}
.lightbox-content {
max-width: 90% !important;
max-height: 90vh !important;
}
#lightbox-img {
max-width: 100% !important;
max-height: 90vh !important;
object-fit: contain !important;
border-radius: 4px !important;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}
.lightbox-close {
position: absolute !important;
top: 20px !important;
right: 30px !important;
background: none !important;
border: none !important;
color: #FFFFFF !important;
font-size: 40px !important;
cursor: pointer !important;
transition: color 0.2s !important;
}
.lightbox-close:hover {
color: #D9B353 !important;
}
.lightbox-prev,
.lightbox-next {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
background: none !important;
border: none !important;
color: #D9B353 !important;
cursor: pointer !important;
padding: 20px !important;
transition: color 0.2s !important;
}
.lightbox-prev:hover,
.lightbox-next:hover {
color: #FFFFFF !important;
}
.lightbox-prev {
left: 20px !important;
}
.lightbox-next {
right: 20px !important;
} @media (max-width: 992px) {
.masonry-grid {
column-count: 2;
}
}
}
@media (max-width: 576px) {
.masonry-grid {
column-count: 1 !important;
}
} .statistics-strip {
border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.stat-number {
font-size: 48px !important;
font-weight: 700 !important;
line-height: 1 !important;
font-family: 'Playfair Display', serif !important;
}
.stat-label {
font-size: 1.1rem !important;
} .stat-divider {
position: absolute;
top: 15% !important;
right: 0 !important;
width: 1px !important;
height: 70% !important;
background-color: rgba(255, 255, 255, 0.2) !important;
} @media (max-width: 991px) { .stat-col:nth-child(even) .stat-divider {
display: none;
} !important}
@media (min-width: 992px) { .stat-col:last-child .stat-divider {
display: none !important;
} !important} .commitment-content {
padding: 60px;
}
@media (max-width: 991px) {
.commitment-content {
padding: 20px 0 0 0 !important;
}
.bento-large {
height: 250px !important;
}
.bento-small {
height: 150px !important;
}
}
@media (max-width: 576px) {
.commitment-list {
grid-template-columns: 1fr !important;
}
}
.btn-commitment:hover {
background-color: #517651 !important;
color: #FFFFFF !important;
} .editorial-overlay {
background-color: rgba(37, 82, 91, 0) !important; transition: background-color 0.4s ease;
}
.editorial-card:hover .editorial-overlay {
background-color: rgba(37, 82, 91, 0.65) !important; }
.editorial-text {
transform: translateY(100%) !important;
opacity: 0 !important;
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.editorial-card:hover .editorial-text {
transform: translateY(0) !important;
opacity: 1 !important;
}
.editorial-card img {
transition: transform 0.5s ease !important;
}
.editorial-card:hover img {
transform: scale(1.05) !important;
} .contact-hero {
position: relative;
height: 60vh !important;
min-height: 400px !important; background-size: cover !important;
background-position: center !important;
border-bottom: 2px solid #D9B353 !important;
}
.contact-hero-overlay {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: rgba(37, 82, 91, 0.78) !important;
}
.contact-hero-content {
position: relative !important;
z-index: 1 !important;
} .contact-info-section {
background-color: #F8F8F8;
padding: 80px 0 !important;
}
.contact-card {
background-color: #FFFFFF !important;
border: 1px solid #D9D9D9 !important;
border-radius: 14px !important;
padding: 36px !important;
text-align: center !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
transition: all 0.3s ease !important;
height: 100% !important;
}
.contact-card-icon-container {
width: 56px !important;
height: 56px !important;
background-color: #25525B !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #FFFFFF !important;
margin-bottom: 24px !important;
transition: all 0.3s ease !important;
}
.contact-card-title {
color: #414141 !important;
font-weight: 700 !important;
font-size: 1.25rem !important;
margin-bottom: 16px !important;
transition: color 0.3s ease !important;
}
.contact-card-divider {
width: 40px !important;
height: 2px !important;
background-color: #D9B353 !important;
margin: 0 auto 16px auto !important;
}
.contact-card-detail {
color: #414141 !important;
font-size: 1rem !important;
margin-bottom: 24px !important;
transition: color 0.3s ease !important;
}
.contact-card-link {
color: #25525B !important;
font-weight: 600 !important;
text-decoration: underline !important;
transition: color 0.3s ease !important;
} .contact-card:hover {
background-color: #25525B !important;
border-color: transparent !important;
box-shadow: 0 10px 25px rgba(37, 82, 91, 0.2) !important;
}
.contact-card:hover .contact-card-icon-container {
background-color: #D9B353 !important;
}
.contact-card:hover .contact-card-title,
.contact-card:hover .contact-card-detail,
.contact-card:hover .contact-card-link {
color: #FFFFFF !important;
} .contact-form-wrapper {
background-color: #FFFFFF;
padding: 60px !important;
}
@media (max-width: 991px) {
.contact-form-wrapper {
padding: 40px 20px !important;
}
}
.custom-form-control {
background-color: #FFFFFF !important;
border: 1.5px solid #D9D9D9 !important;
border-radius: 8px !important;
padding: 14px 16px !important;
font-size: 14px !important;
color: #414141 !important;
width: 100% !important;
transition: all 0.3s ease !important;
appearance: none !important;
}
.custom-form-select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23414141' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
background-repeat: no-repeat !important;
background-position: right 16px center !important;
background-size: 16px 12px !important;
}
.custom-form-control:focus {
outline: none !important;
border-color: #25525B !important;
box-shadow: 0 0 0 3px rgba(37, 82, 91, 0.2) !important;
}
.custom-form-control::placeholder {
color: #A0A0A0 !important;
}
.btn-form-submit {
background-color: #D9B353 !important;
color: #414141 !important;
font-weight: 700 !important;
height: 52px !important;
border-radius: 8px !important;
width: 100% !important;
border: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.3s ease !important;
}
.btn-form-submit:hover {
background-color: #517651 !important;
color: #FFFFFF !important;
}
.map-card {
background-color: #FFFFFF !important;
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
}
.map-card-header {
background-color: #25525B !important;
height: 50px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #FFFFFF !important;
font-weight: 600 !important;
font-size: 1.1rem !important;
}
.map-card-iframe {
width: 100% !important;
height: 380px !important;
border: none !important;
}
.map-card-footer {
background-color: #FFFFFF !important;
padding: 20px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
gap: 10px !important;
}
.map-card-address {
display: flex !important;
align-items: center !important;
gap: 8px !important;
color: #414141 !important;
font-weight: 700 !important;
}
.map-card-link {
color: #D9B353 !important;
font-weight: 600 !important;
text-decoration: none !important;
font-size: 0.9rem !important;
transition: opacity 0.3s ease !important;
}
.map-card-link:hover {
opacity: 0.8 !important;
} .info-section {
background-color: #F8F8F8 !important;
padding: 70px 0 !important;
}
.hours-table {
width: 100% !important;
}
.hours-row {
display: flex !important;
justify-content: space-between !important;
padding: 16px 0 !important;
border-bottom: 1px solid #D9D9D9 !important;
}
.hours-row:last-child {
border-bottom: none !important;
}
.hours-day {
color: #414141 !important;
font-weight: 700 !important;
}
.hours-time {
color: #787878 !important;
}
.hours-closed {
color: #D9B353 !important;
font-weight: 600 !important;
}
.urgent-note {
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
background-color: rgba(37, 82, 91, 0.05) !important;
padding: 16px !important;
border-radius: 8px !important;
border-left: 4px solid #25525B !important;
margin-top: 24px !important;
}
.urgent-note-text {
color: #25525B !important;
font-size: 0.95rem !important;
font-weight: 500 !important;
line-height: 1.5 !important;
margin: 0 !important;
}
.social-grid {
display: grid !important;
grid-template-columns: repeat(2, 64px) !important;
gap: 16px !important;
margin-top: 24px !important;
}
.social-btn {
width: 64px !important;
height: 64px !important;
border-radius: 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #FFFFFF !important;
text-decoration: none !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
border: 2px solid transparent !important;
}
.social-btn:hover {
transform: scale(1.05) !important;
border-color: #25525B !important;
color: #FFFFFF !important;
}
.social-btn-fb {
background-color: #1877F2 !important;
}
.social-btn-ig {
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
}
.social-btn-tk {
background-color: #000000 !important;
}
.social-btn-pi {
background-color: #E60023 !important;
}
.column-divider {
border-right: 1px dashed #D9D9D9 !important;
}
@media (max-width: 991px) {
.column-divider {
border-right: none !important;
border-bottom: 1px dashed #D9D9D9 !important;
margin-bottom: 40px !important;
padding-bottom: 40px !important;
}
} .faq-section {
background-color: #FFFFFF;
padding: 80px 0 !important;
}
.custom-accordion {
max-width: 760px !important;
margin: 0 auto !important;
}
.custom-accordion .accordion-item {
background-color: #FFFFFF !important;
border: 1px solid #D9D9D9 !important;
border-radius: 10px !important;
margin-bottom: 8px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
border-left: 3px solid transparent !important;
}
.custom-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
border-color: #25525B !important;
border-left-color: #25525B !important;
}
.custom-accordion .accordion-button {
background-color: #FFFFFF !important;
color: #414141 !important;
font-weight: 700 !important;
padding: 20px !important;
box-shadow: none !important;
border: none !important;
border-radius: 10px !important;
}
.custom-accordion .accordion-button:not(.collapsed) {
background-color: #FFFFFF !important;
color: #25525B !important;
}
.custom-accordion .accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23D9B353'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e") !important;
transition: transform 0.3s ease !important;
}
.custom-accordion .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23D9B353'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3e%3c/svg%3e") !important;
transform: rotate(180deg) !important;
}
.custom-accordion .accordion-body {
padding: 0 20px 20px 20px !important;
color: #787878 !important;
line-height: 1.6 !important;
font-size: 0.95rem !important;
} @media (max-width: 991px) { .faq-section,
.info-section,
.contact-info-section,
.testimonials-section,
.hiw-section,
.wcu-section,
.audience-section,
.feature-row {
padding: 50px 0;
}
}
@media (max-width: 768px) { .section-title {
font-size: 32px !important;
}
.gallery-hero {
min-height: 380px !important;
} .contact-hero {
min-height: 350px;
}
.contact-hero-content h1 {
font-size: 2.8rem !important;
}
.map-card-iframe {
height: 280px !important;
}
.social-grid {
grid-template-columns: repeat(4, 56px) !important;
gap: 12px !important;
}
.social-btn {
width: 56px !important;
height: 56px !important;
} .footer-top {
text-align: center !important;
}
.footer-links {
margin-bottom: 24px !important;
text-align: center !important;
}
.footer-heading::after {
left: 50% !important;
transform: translateX(-50%) !important;
}
.map-container {
max-width: 320px !important;
margin: 0 auto !important;
}
.footer-bottom {
text-align: center !important;
}
.footer-bottom .text-md-end {
text-align: center !important;
margin-top: 12px !important;
} !important}
@media (max-width: 576px) { .gallery-hero-title {
font-size: 2.5rem;
}
.stat-number {
font-size: 36px !important;
}
.stat-label {
font-size: 1rem !important;
}
.social-grid {
grid-template-columns: repeat(4, 50px) !important;
}
.social-btn {
width: 50px !important;
height: 50px !important;
}
.custom-accordion .accordion-button {
padding: 16px !important;
font-size: 0.95rem !important;
}
.info-card {
height: 280px !important;
}
.feature-title,
.audience-section .section-title {
font-size: 28px !important;
}
} .woocommerce ul.products li.product a img {
border-radius: 16px !important;
transition: transform 0.3s ease !important;
}
.woocommerce ul.products li.product a img:hover {
transform: scale(1.03) !important;
}
.woocommerce ul.products li.product .price {
color: var(--color-primary) !important;
font-weight: 700 !important;
}
.woocommerce ul.products li.product .button {
background: #3f603e !important;
color: white !important;
border-radius: 30px !important;
padding: 10px 24px !important;
font-weight: 700 !important;
transition: all 0.35s ease !important;
border: none !important;
display: inline-block !important;
text-align: center !important;
}
.woocommerce ul.products li.product .button:hover {
background: linear-gradient(135deg, var(--color-secondary) 0%, #C8A042 100%) !important;
color: var(--color-bg-bright) !important;
box-shadow: 0 4px 15px rgba(37, 82, 91, 0.3) !important;
}
.woocommerce div.product .product_title {
color: var(--color-primary) !important;
font-family: var(--font-serif) !important;
font-weight: 800 !important;
}
.woocommerce div.product .price {
color: var(--color-primary) !important;
font-weight: 700 !important;
}
.woocommerce div.product form.cart .button {
background-color: var(--color-secondary) !important;
color: var(--color-text) !important;
border-radius: 30px !important;
transition: all 0.3s ease !important;
}
.woocommerce div.product form.cart .button:hover {
background-color: var(--color-hover) !important;
color: var(--color-bg-bright) !important;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
background-color: var(--color-bg-glossy) !important;
color: var(--color-text) !important;
border-top: 3px solid var(--color-primary) !important;
border-radius: 8px !important;
}
.woocommerce-message::before {
color: var(--color-primary) !important;
}
.woocommerce-page div.product div.summary {
width: auto !important;
}
.supplier-label {
color: #787878 !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
.supplier-logo {
height: 100px !important;
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #fff !important;
border-radius: 12px !important;
padding: 20px !important;
transition: all .3s ease !important;
}
.supplier-logo:hover {
transform: translateY(-5px) !important;
box-shadow: 0 10px 25px rgba(0, 0, 0, .08) !important;
}
.supplier-logo-img {
max-height: 60px !important;
max-width: 180px !important;
width: auto !important;
object-fit: contain !important;
filter: grayscale(100%) !important;
opacity: .7 !important;
transition: all .3s ease !important;
}
.supplier-logo:hover .supplier-logo-img {
filter: none !important;
opacity: 1 !important;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
filter: invert(1) grayscale(100%) !important;
opacity: .5 !important;
}
.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
opacity: 1 !important;
}
.checkbox-button-container input[type="checkbox"] {
width: 18px !important;
height: 18px !important;
cursor: pointer !important;
}
.checkbox-button-container input[type="checkbox"]:checked {
accent-color: #517651 !important;
}
#wapo-total-price-table {
background: #ffffff !important;
border: 1px solid #e5e5e5 !important;
border-radius: 12px !important;
padding: 15px !important;
margin-top: 20px !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}
#wapo-total-price-table table {
width: 100% !important;
border-collapse: collapse !important;
}
#wapo-total-price-table th,
#wapo-total-price-table td {
padding: 12px 0 !important;
text-align: left !important; }
#wapo-total-price-table th {
font-weight: 600 !important;
color: #333 !important;
}
#wapo-total-price-table td {
text-align: right !important;
color: #517651 !important;
font-weight: 600 !important;
}
#wapo-total-price-table tr:not(:last-child) {
border-bottom: 1px solid #eee !important;
}
#wapo-total-price-table .wapo-total-order {
background: #f8faf8 !important;
}
#wapo-total-price-table .wapo-total-order th,
#wapo-total-price-table .wapo-total-order td {
font-size: 18px !important;
font-weight: 700 !important;
color: #517651 !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
#wapo-total-price-table td {
line-height: 0px !important;
padding: 0px !important;
}
label[for="wau_file_addon"] {
font-size: 0 !important;
}
label[for="wau_file_addon"]::after {
content: "Please upload Logos or email to hello@dalesembroidery.co.uk" !important;
font-size: 16px !important;
}
.wau_wrapper_div {
margin-top: 15px !important;
}
.wau_wrapper_div label {
display: block !important;
margin-bottom: 10px !important;
font-size: 16px !important;
font-weight: 600 !important;
color: #517651 !important;
}
#wau_file_addon {
width: 100% !important;
padding: 12px !important;
border: 2px dashed #517651 !important;
border-radius: 12px !important;
background: #f8faf8 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
}
#wau_file_addon:hover {
background: #eef5ee !important;
border-color: #3f5d3f !important;
}
#wau_file_addon::file-selector-button {
background: #517651 !important;
color: #fff !important;
border: none !important;
padding: 10px 18px !important;
margin-right: 15px !important;
border-radius: 8px !important;
cursor: pointer !important;
font-weight: 600 !important;
transition: 0.3s !important;
}
#wau_file_addon::file-selector-button:hover {
background: #3f5d3f !important;
} .gform-theme--foundation .gform_fields {
row-gap: 20px;
} .gform_wrapper {
--primary: #25525B;
--secondary: #D9B353;
--accent: #F42478;
--text: #414141;
--bg: #F8F8F8;
} .gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="url"],
.gform_wrapper textarea,
.gform_wrapper select {
width: 100%;
background: #fff !important;
border: 2px solid #D9B353 !important;
border-radius: 10px !important;
padding: 14px 18px !important;
color: #414141 !important;
font-size: 16px !important;
transition: all .3s ease !important;
} .gform_wrapper ::placeholder {
color: #414141 !important;
opacity: .7 !important;
} .gform_wrapper input:hover,
.gform_wrapper textarea:hover,
.gform_wrapper select:hover {
border-color: #25525B;
} .gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
outline: none !important;
border-color: #25525B !important;
box-shadow: 0 0 0 4px rgba(37, 82, 91, 0.15) !important;
} .gform_wrapper .gfield_label {
color: #25525B;
font-weight: 600 !important;
margin-bottom: 8px !important;
} .gform_wrapper .gfield_required {
color: #F42478 !important;
} .gform_wrapper .gform_button {
background: #25525B;
color: #fff !important;
border: 2px solid #25525B !important;
border-radius: 10px !important;
padding: 14px 30px !important;
font-weight: 600 !important;
transition: all .3s ease !important;
} .gform_wrapper .gform_button:hover {
background: #D9B353 !important;
border-color: #D9B353 !important;
color: #25525B !important;
} .gform_wrapper .validation_message,
.gform_wrapper .gfield_validation_message {
color: #F42478;
font-size: 14px !important;
} .gform_wrapper input[type="checkbox"],
.gform_wrapper input[type="radio"] {
accent-color: #25525B !important;
transform: scale(1.2) !important;
}
.gform_title {
display: none !important;
}
.woocommerce-page div.product div.images {
float: left !important;
width: auto !important;
} .search-btn-header {
width: 44px;
height: 44px !important;
border: 1px solid #E5E5E5 !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
color: #25525B !important;
background: #fff !important;
transition: .3s !important;
}
.search-btn-header:hover {
background: #25525B !important;
color: #fff !important;
border-color: #25525B !important;
} .search-modal {
border: none !important;
border-radius: 20px !important;
overflow: hidden !important;
}
.search-title {
color: #25525B !important;
font-weight: 700 !important;
margin-bottom: 10px !important;
}
.search-subtitle {
color: #777 !important;
margin-bottom: 0 !important;
}
.search-input-wrapper {
position: relative !important;
margin-top: 25px !important;
}
.search-icon {
position: absolute !important;
left: 22px !important;
top: 50% !important;
transform: translateY(-50%) !important;
color: #999 !important;
font-size: 18px !important;
z-index: 2 !important;
}
.search-input {
height: 65px !important;
border: 2px solid #D9B353 !important;
border-radius: 50px !important;
padding-left: 60px !important;
padding-right: 140px !important;
font-size: 16px !important;
}
.search-input:focus {
border-color: #25525B !important;
box-shadow: 0 0 0 .25rem rgba(37, 82, 91, .15) !important;
}
.search-submit-btn {
position: absolute !important;
right: 8px !important;
top: 8px !important;
height: 49px !important;
padding: 0 30px !important;
border-radius: 30px !important;
background: #3f603e !important;
color: #fff !important;
font-weight: 600 !important;
border: none !important;
}
.search-submit-btn:hover {
background: #D9B353 !important;
color: #25525B !important;
}
@media(max-width:768px) {
.search-input {
padding-right: 20px !important;
}
.search-submit-btn {
position: relative !important;
width: 100% !important;
top: auto !important;
right: auto !important;
margin-top: 15px !important;
}
}
.widget.woocommerce.widget_price_filter .widgettitle {
display: none !important;
} .woocommerce .widget_price_filter .price_slider_amount .button {
background: #3f603e;
color: #fff !important;
border: 2px solid #25525B !important;
border-radius: 50px !important;
padding: 10px 24px !important;
font-size: 14px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
transition: all 0.3s ease !important;
box-shadow: 0 4px 12px rgba(37, 82, 91, 0.15) !important;
}
.woocommerce .widget_price_filter .price_slider_amount .button:hover,
.woocommerce .widget_price_filter .price_slider_amount .button:focus {
background: #D9B353 !important;
border-color: #D9B353 !important;
color: #25525B !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 20px rgba(217, 179, 83, 0.25) !important;
} .woocommerce .widget_price_filter .price_slider_amount .button:active {
background: #F42478 !important;
border-color: #F42478 !important;
color: #fff !important;
transform: translateY(0) !important;
}
table.variations th.label {
width: 100% !important;
padding-bottom: 0px !important;
}
form .variations tbody tr {
display: flex !important;
flex-direction: column !important;
}
.woocommerce div.product form.cart table td {
padding-top: 0px !important;
padding-left: 0 !important;
}
.featured-products-section .product-price{
display:none !important;
}
.carousel-control-prev , .carousel-control-next{
display: none !important;
}
.carousel-control-next.testi-arrow.testi-arrow--next{
display: none !important;
}
.ff-default .ff-el-input--label label {
display: none;
}