.category-section {
background: #f7f5f2;
}

/* Heading */
.pro-header {
padding: 25px 0;
}

/* EYEBROW */
.pro-eyebrow {
font-size: 13px;
letter-spacing: 2px;
color: #052B20;
text-transform: uppercase;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
}

/* left line */
.pro-eyebrow::before {
content: "";
width: 30px;
height: 1.5px;
background: #C5A47E;
}

/* HEADING (premium typography) */
.pro-heading {
font-size: 44px;
font-weight: 700;
color: #052B20;
margin: 10px 0;
font-family: "Playfair Display", serif;
}

/* DIVIDER */
.pro-divider {
width: 60px;
height: 2px;
background: #C5A47E;
margin: 15px 0 20px;
}

/* TEXT */
.pro-text {
font-size: 18px;
color: #2b2b2b;
/* 👈 strong readable */
line-height: 1.8;
margin-bottom: 10px;
}

/* HIDE */
.more-text {
display: none;
}

/* READ MORE */
.pro-read {
font-size: 15px;
font-weight: 700;
color: #052B20;
cursor: pointer;
position: relative;
padding-right: 26px;
display: inline-block;
}

/* LINE */
.pro-read::after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 20px;
height: 2px;
background: #C5A47E;
transform: translateY(-50%);
transition: transform 0.3s ease;
}

/* HEAD */
.pro-read::before {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 7px;
height: 7px;
border-top: 2px solid #C5A47E;
border-right: 2px solid #C5A47E;
transform: translateY(-50%) rotate(45deg);
transition: transform 0.3s ease;
}

/* ✅ FIXED HOVER */
.pro-read:hover::after {
transform: translate(6px, -50%);
}

.pro-read:hover::before {
transform: translate(6px, -50%) rotate(45deg);
}

/* CARD */
.category-card-v3 {
background: #fff;
border-radius: 14px;
overflow: hidden;
transition: 0.4s;
position: relative;
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}

.category-card-v3:hover {
transform: translateY(-6px);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.10);
}

/* IMAGE */
.category-img {
position: relative;
overflow: hidden;
}

.category-img img {
width: 100%;
height: 340px;
object-fit: cover;
transition: 0.6s;
}

/* PRODUCT COUNT BADGE */
.category-badge {
position: absolute;
top: 15px;
right: 15px;
background: rgba(5, 43, 32, 0.9);
color: #fff;
font-size: 12px;
padding: 6px 10px;
border-radius: 20px;
}

/* CONTENT */
.category-content {
padding: 20px;
}

.category-content h4 {
font-size: 18px;
font-weight: 600;
color: #052B20;
margin-bottom: 8px;
}

.category-content p {
font-size: 13px;
color: #777;
margin-bottom: 15px;
}

/* FOOTER */
.category-footer a {
font-size: 13px;
text-decoration: none;
color: #052B20;
font-weight: 500;
transition: 0.3s;
}

/* HOVER EFFECT 🔥 */
.category-card-v3:hover {
transform: translateY(-10px);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

.category-card-v3:hover img {
transform: scale(1.08);
}

.category-card-v3:hover .category-footer a {
color: #C5A47E;
}

/* GOLD LINE EFFECT */
.category-card-v3::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 3px;
background: #C5A47E;
transition: 0.4s;
}

.category-card-v3:hover::after {
width: 100%;
}

/* ===== SLIDER FIX ===== */

.zenvira-slider .owl-stage-outer {
height: auto !important;
}

/* REMOVE LEFT SHIFT */
.zenvira-slider .owl-stage {
display: flex;
align-items: stretch;
}

/* ===== CARD ===== */
.z-card {
position: relative;
display: block;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
transition: 0.4s;
}

/* IMAGE */
.z-card img {
width: 100%;
height: 420px;
object-fit: cover;
transition: 0.5s;
}

/* OVERLAY */
.z-overlay {
position: absolute;
inset: 0;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: flex-end;
background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
color: #fff;
}

/* TEXT */
.z-overlay h5 {
font-size: 16px;
font-weight: 600;
}

.short {
font-size: 13px;
opacity: 0.85;
}

/* HOVER DETAILS */
.z-hover {
max-height: 0;
overflow: hidden;
transition: 0.4s ease;
}

.z-card:hover .z-hover {
max-height: 120px;
}

/* LINK */
.z-link {
display: inline-block;
margin-top: 8px;
font-size: 13px;
color: #C5A47E;
}

/* HOVER EFFECT */
.z-card:hover img {
transform: scale(1.08);
}

/* ===== MOBILE FIX ===== */
@media (max-width: 767px) {

/* CENTER CARD */
.zenvira-slider .owl-item {
display: flex;
justify-content: center;
}

/* FULL WIDTH CARD */
.z-card {
width: 100%;
}

/* SHOW ALL TEXT (NO HOVER ON MOBILE) */
.z-hover {
max-height: none;
}

.z-overlay {
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
}

}

.zen-wa {
position: fixed;
left: 16px;
bottom: 40px;

width: 58px;
height: 58px;
border-radius: 50%;

display: flex;
align-items: center;
justify-content: center;

background: #25D366;
/* 👈 ORIGINAL WHATSAPP COLOR */
color: #fff;

text-decoration: none;

box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
transition: all 0.3s ease;

z-index: 999;
}

/* ICON */
.zen-wa i {
font-size: 22px;
}

/* HOVER */
.zen-wa:hover {
transform: translateY(-4px) scale(1.05);
box-shadow: 0 14px 35px rgba(0, 0, 0, 0.3);
}

/* PREMIUM SOFT RING */
.zen-wa::before {
content: "";
position: absolute;
width: 72px;
height: 72px;
border-radius: 50%;
background: rgba(37, 211, 102, 0.15);
z-index: -1;
}

/* SUBTLE PULSE (VERY PREMIUM, NOT CHEAP) */
@keyframes waPulse {
0% {
transform: scale(1);
opacity: 0.6;
}

70% {
transform: scale(1.4);
opacity: 0;
}

100% {
transform: scale(1.4);
opacity: 0;
}
}

.zen-wa::after {
content: "";
position: absolute;
width: 72px;
height: 72px;
border-radius: 50%;
background: rgba(37, 211, 102, 0.2);
animation: waPulse 2.5s infinite;
z-index: -1;
}

/* MOBILE */
@media (max-width: 767px) {
.zen-wa {
width: 64px;
height: 64px;
}

.zen-wa i {
font-size: 24px;
}
}

/* =========================================
PREMIUM PRODUCT GALLERY
========================================= */

.premium-gallery {
width: 100%;
}

/* MAIN SLIDER */
.premium-gallery .main-slider {
border: 1px solid #e8e8e8;
border-radius: 20px;
overflow: hidden;
background: #fff;
position: relative;
}

/* SLIDE */
.premium-gallery .main-slider .swiper-slide {
position: relative;
overflow: hidden;
cursor: zoom-in;
background: #fff;

display: flex;
align-items: center;
justify-content: center;

height: 650px !important;
}

/* IMAGE */
.premium-gallery .main-slider .swiper-slide img {
width: 100% !important;
height: 100% !important;

max-width: 100% !important;

object-fit: cover !important;

transition: transform .15s ease;
transform-origin: center center;

padding: 0 !important;
margin: 0 !important;

display: block !important;
}

/* NAVIGATION BUTTONS */
.premium-gallery .swiper-button-next,
.premium-gallery .swiper-button-prev {

width: 55px;
height: 55px;

border-radius: 50%;

background: rgba(255,255,255,.95);

box-shadow: 0 6px 18px rgba(0,0,0,.15);

color: #000;

transition: .3s ease;
}

.premium-gallery .swiper-button-next:hover,
.premium-gallery .swiper-button-prev:hover {

transform: scale(1.05);
background: #fff;
}

.premium-gallery .swiper-button-next:after,
.premium-gallery .swiper-button-prev:after {

font-size: 18px;
font-weight: 700;
}

/* THUMBNAILS */
.premium-gallery .thumb-slider {
margin-top: 18px;
}

.premium-gallery .thumb-slider .swiper-slide {

width: 90px !important;
height: 90px;

border-radius: 14px;

overflow: hidden;

cursor: pointer;

border: 2px solid transparent;

opacity: .6;

transition: .3s ease;
}

/* ACTIVE THUMB */
.premium-gallery .thumb-slider .swiper-slide-thumb-active {



opacity: 1;

transform: scale(1.03);

box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

/* THUMB IMAGE */
.premium-gallery .thumb-slider img {

width: 100%;
height: 100%;

object-fit: cover;

display: block;
}

/* MOBILE */
@media(max-width:768px) {

.premium-gallery .main-slider .swiper-slide {
height: 420px !important;
}

.premium-gallery .swiper-button-next,
.premium-gallery .swiper-button-prev {

width: 42px;
height: 42px;
}

.premium-gallery .swiper-button-next:after,
.premium-gallery .swiper-button-prev:after {

font-size: 14px;
}

.premium-gallery .thumb-slider .swiper-slide {

width: 70px !important;
height: 70px;
}
}


/* =========================================
PREMIUM FAQ SECTION
========================================= */
/* HEADER */
.faq-header {
text-align: left;
margin-bottom: 50px;
}

.faq-eyebrow {
font-size: 13px;
letter-spacing: 2px;
text-transform: uppercase;
color: #9b7b52;
font-weight: 600;
margin-bottom: 12px;
display: inline-block;
}

.faq-heading {
font-size: 46px;
font-weight: 700;
color: #052B20;
font-family: "Playfair Display", serif;
margin-bottom: 14px;
}

.faq-subtext {
margin: auto;
font-size: 16px;
line-height: 1.8;
color: #666;
}

/* FAQ BOX */
.faq-wrap {
margin: auto;
}

.faq-item {
background: #fff;
border-radius: 18px;
margin-bottom: 18px;
overflow: hidden;
border: 1px solid rgba(0,0,0,0.06);
box-shadow: 0 8px 25px rgba(0,0,0,0.04);
transition: .3s ease;
}

.faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* BUTTON */
.faq-btn {
width: 100%;
background: #fff;
border: none;
outline: none;
padding: 24px 28px;
font-size: 18px;
font-weight: 600;
color: #052B20;
text-align: left;

display: flex;
align-items: center;
justify-content: space-between;

cursor: pointer;
}

/* ICON */
.faq-icon {
width: 34px;
height: 34px;
border-radius: 50%;
background: #f5efe8;
color: #9b7b52;

display: flex;
align-items: center;
justify-content: center;

font-size: 20px;
transition: .3s ease;
flex-shrink: 0;
}

.faq-item.active .faq-icon {
transform: rotate(45deg);
background: #9b7b52;
color: #fff;
}

/* CONTENT */
.faq-content {
max-height: 0;
overflow: hidden;
transition: max-height .4s ease;
}

.faq-answer {
padding: 0 28px 26px;
font-size: 16px;
line-height: 1.9;
color: #666;
}

/* ACTIVE */
.faq-item.active .faq-content {
max-height: 300px;
}

/* MOBILE */
@media(max-width:768px){

.premium-faq{
padding:60px 0;
}

.faq-heading{
font-size:34px;
}

.faq-btn{
font-size:16px;
padding:20px;
}

.faq-answer{
font-size:15px;
padding:0 20px 22px;
}
}

.simple-spec-table{
width:100%;
border-collapse:collapse;
font-size:15px;
}

.simple-spec-table th,
.simple-spec-table td{
border:1px solid #ddd;
padding:12px 15px;
text-align:left;
}

.simple-spec-table th{
width:30%;
background:#f5f5f5;
font-weight:600;
}

.simple-spec-table tr:nth-child(even){
background:#fafafa;
}

.gallery-sticky{
position: sticky;
top: 120px;
}

@media(max-width:991px){

.gallery-sticky{
position: relative;
top: 0;
}

}

/* =========================================
COMPACT PREMIUM SIDE ENQUIRY
========================================= */

.side-enquiry {

background: #142b1f;

border-radius: 22px;

padding: 28px;

border: 1px solid rgba(0,0,0,0.06);

box-shadow: 0 10px 35px rgba(0,0,0,0.05);

position: sticky;

top: 100px;

overflow: hidden;

margin: 50px 0;
}

/* TOP GOLD LINE */
.side-enquiry::before {

content: "";

position: absolute;

top: 0;
left: 0;

width: 100%;
height: 3px;

background: linear-gradient(to right, #c8a46b, #896a3a, #c8a46b);
}

/* TAG */
.side-tag {

font-size: 11px;

letter-spacing: 2px;

text-transform: uppercase;

color: #b18a5a;

font-weight: 700;

margin-bottom: 10px;

display: inline-block;
}

/* TITLE */
.side-title {

font-size: 28px;

line-height: 1.25;

color: #fff;

font-weight: 700;

font-family: "Playfair Display", serif;

margin-bottom: 12px;
}

/* TEXT */
.side-text {

font-size: 14px;

line-height: 1.7;

color: #fff;

margin-bottom: 22px;
}

/* FORM GROUP */
.side-form .form-group {
margin-bottom: 14px;
}

/* INPUT */
.side-form .form-control,
.side-form .form-select {

height: 50px;

border-radius: 12px;

border: 1px solid #ddd;

background: #fafafa;

padding: 0 16px;

font-size: 14px;

color: #222;

box-shadow: none !important;

transition: .3s ease;
}

/* TEXTAREA */
.side-form textarea.form-control {

height: 110px;

padding-top: 14px;

resize: none;
}

/* FOCUS */
.side-form .form-control:focus,
.side-form .form-select:focus {

border-color: #c8a46b;

background: #fff;

box-shadow: 0 0 0 4px rgba(200,164,107,.10) !important;
}

/* BUTTON */
.side-btn {

width: 100%;

height: 52px;

border: none;

border-radius: 12px;

background: #b18a5a;

color: #fff;

font-size: 14px;

font-weight: 600;

transition: .3s ease;
}

.side-btn:hover {

background: #b18a5a;

transform: translateY(-2px);
}

/* CONTACT */
.side-contact {

margin-top: 20px;

padding-top: 18px;

border-top: 1px solid rgba(255,255,255,0.12);

display: flex;

align-items: center;

gap: 28px;

flex-wrap: wrap;
}

.side-contact-item {

display: flex;

align-items: center;

gap: 10px;
}

.side-contact-item i {

width: 34px;
height: 34px;

border-radius: 50%;

background: #f5efe7;

color: #b18a5a;

display: flex;

align-items: center;

justify-content: center;

font-size: 13px;

flex-shrink: 0;
}

.side-contact-item span {

font-size: 13px;

color: #b18a5a;

line-height: 1.5;
}

/* MOBILE */
@media(max-width:768px){

.side-contact{

flex-direction: column;

align-items: flex-start;

gap: 14px;
}
}

/* MOBILE */
@media(max-width:991px){

.side-enquiry{
position: relative;
top: 0;
}
}





.za-view-address {
display: inline-block;
margin-top: 10px;
color: #d4af37;
text-decoration: none;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
transition: .3s;
}

.za-view-address:hover {
color: #f5d27a;
}

.za-address-content {
margin-top: 12px;
color: #f7f2e8;
line-height: 1.8;
font-size: 15px;
}

.secure-note{
font-size:13px;
color:#666;
line-height:1.5;
margin-top:10px;
}

.secure-note span{
color:#d4af37;
}

.enquiry-subtitle{
font-family:'Cormorant Garamond', serif;
font-size:28px;
font-style:italic;
color:#b48a3c;
margin-bottom:10px;
}

.tagline-form{
font-size:20px;
color:#012b28;
font-weight:500;
line-height:1.6;
margin-bottom:15px;
}

.enquiry-text{
color:#666;
font-size:16px;
line-height:1.8;
margin-bottom:0;
}
.response-note{
font-size:14px;
color:#7a7a7a;
margin-top:10px;
margin-bottom:0;
line-height:1.6;
}




.recognition-section{
padding:50px 0;
background:linear-gradient(
180deg,
#faf8f5 0%,
#f3ede5 100%
);
position:relative;
overflow:hidden;
}

.recognition-section::before{
content:'';
position:absolute;
top:-200px;
left:-200px;
width:500px;
height:500px;
background:radial-gradient(
circle,
rgba(184,145,79,.08),
transparent 70%
);
}

.container{
max-width:1400px;
margin:auto;
padding:0 30px;
}

/* Header */

.recognition-header{
text-align:center;
max-width:900px;
margin:0 auto 80px;
}

.section-tag{
display:inline-block;
padding:12px 30px;
border-radius:50px;
border:1px solid rgba(184,145,79,.25);
color:#b8914f;
font-size:12px;
letter-spacing:3px;
font-weight:600;
margin-bottom:25px;
}

.recognition-header h2{
font-family:'Cormorant Garamond', serif;
font-size:50px;
line-height:1.05;
font-weight:500;
color:#1f1f1f;
margin-bottom:25px;
}

.recognition-header p{
max-width:700px;
margin:auto;
color:#666;
line-height:1.8;
font-size:16px;
}

/* Recognition Wall */

.recognition-wall{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:30px;
align-items:center;
}

/* Premium Logo Blocks */

.logo-item{
height:220px;

display:flex;
align-items:center;
justify-content:center;

background:rgba(255,255,255,.55);

backdrop-filter:blur(15px);

border:1px solid rgba(184,145,79,.15);

border-radius:28px;

transition:.4s ease;

position:relative;
}

.logo-item::before{
content:'';
position:absolute;
inset:0;

border-radius:28px;

background:linear-gradient(
135deg,
rgba(255,255,255,.4),
transparent
);

pointer-events:none;
}

.logo-item:hover{
transform:translateY(-10px);

border-color:#b8914f;

box-shadow:
0 25px 50px rgba(0,0,0,.08);
}

.logo-item img{
max-width:170px;
max-height:120px;

width:auto;
height:auto;

object-fit:contain;

transition:.4s ease;
}

.logo-item:hover img{
transform:scale(1.08);
}

/* Tablet */

@media(max-width:1200px){

.recognition-wall{
grid-template-columns:repeat(3,1fr);
}

.recognition-header h2{
font-size:58px;
}
}

/* Mobile */

@media(max-width:768px){

.recognition-section{
padding:80px 0;
}

.recognition-header h2{
font-size:32px;
}

.recognition-wall{
grid-template-columns:repeat(2,1fr);
gap:20px;
}

.logo-item{
height:180px;
}

.logo-item img{
max-width:120px;
max-height:90px;
}

}

.section-heading{
max-width:900px;
margin:0 auto;
}

.heading-badge{

display:inline-flex;
align-items:center;
gap:12px;

padding:10px 24px;

border:1px solid rgba(184,145,79,.25);
border-radius:50px;

color:#b8914f;

font-size:12px;
font-weight:600;
letter-spacing:3px;
text-transform:uppercase;

margin-bottom:25px;
}

.section-heading h2{

font-family:'Cormorant Garamond', serif;

font-size:40px;
font-weight:500;
line-height:1.05;

color:#1f1f1f;

margin-bottom:20px;
}

.section-heading h2 span{
color:#b8914f;
}

.section-heading p{

max-width:650px;
margin:0 auto;

font-size:17px;
line-height:1.9;

color:#6b6b6b;
}
@media(max-width:768px){


.section-heading{
margin-top:30px;
}
}


.za-auth-hero {
position: relative;
overflow: hidden;
padding: 30px 20px;
background:
linear-gradient(rgba(0, 43, 36, .88),
rgba(0, 43, 36, .88)),
url('https://lifetimeleather.com/cdn/shop/files/Photo_Jul_04_2023_12_14_55_PM_4020c89f-4f3a-4666-97a5-805b77c9d5d0.jpg?v=1741368828');
background-size: cover;
background-position: center;
}

.za-auth-content {
max-width: 850px;
margin: auto;
text-align: center;
}

.za-auth-label {
color: #c7a56b;
font-size: 13px;
letter-spacing: 4px;
display: block;
margin-bottom: 20px;
}

.za-auth-content h1 {
font-family: 'Playfair Display', serif;
line-height: 1.1;
color: #fff;
margin-bottom: 25px;
}

.za-line {
width: 90px;
height: 2px;
background: #c7a56b;
margin: 0 auto 30px;
}

.za-auth-content p {
max-width: 700px;
margin: auto;
color: rgba(255, 255, 255, .85);
font-size: 20px;
line-height: 1.9;
}

/* */
.za-editorial-section {
max-width: 1200px;
margin: 50px auto;
padding: 0 20px;
}

.za-feature-card {
background: #fff;
border-radius: 24px;
padding: 35px;
margin-bottom: 35px;
border: 1px solid #e7dcc7;
box-shadow: 0 20px 50px rgba(0, 0, 0, .05);
transition: .4s ease;
}

.za-feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 25px 60px rgba(0, 0, 0, .08);
}

.za-title-wrap {
display: flex;
align-items: center;
gap: 18px;
margin-bottom: 18px;
}

.za-feature-icon {
width: 65px;
height: 65px;
min-width: 65px;

border-radius: 16px;

background: linear-gradient(135deg,
#00352b,
#014438);

display: flex;
align-items: center;
justify-content: center;
}

.za-feature-icon i {
color: #c8a56a;
font-size: 24px;
}

.za-heading-block span {
display: block;
color: #c8a56a;
letter-spacing: 3px;
font-size: 11px;
font-weight: 600;
margin-bottom: 6px;
}

.za-heading-block h3 {
font-family: 'Playfair Display', serif;
font-size: 36px;
line-height: 1.2;
color: #16211d;
margin: 0;
}

.za-feature-content p {
color: #666;
line-height: 1.9;
font-size: 16px;
margin: 0;
}

/* Mobile */

@media(max-width:767px) {

.za-feature-card {
padding: 25px;
border-radius: 20px;
}

.za-title-wrap {
gap: 12px;
margin-bottom: 15px;
}

.za-feature-icon {
width: 55px;
height: 55px;
min-width: 55px;
}

.za-feature-icon i {
font-size: 20px;
}

.za-heading-block h3 {
font-size: 28px;
}

.za-heading-block span {
font-size: 10px;
letter-spacing: 2px;
}

.za-feature-content p {
font-size: 15px;
line-height: 1.8;
}
}

/* */
.za-trust-strip {
background:
linear-gradient(90deg,
#002f2b 0%,
#004d45 50%,
#002f2b 100%);

padding: 55px 40px;

display: grid;
grid-template-columns: repeat(4, 1fr);

align-items: center;

border-top: 1px solid rgba(212, 175, 55, .25);
border-bottom: 1px solid rgba(212, 175, 55, .25);
}

.za-trust-item {
display: flex;
align-items: center;
gap: 18px;

padding: 0 25px;

position: relative;
}

.za-trust-item:not(:last-child)::after {
content: '';

position: absolute;

right: 0;
top: 50%;

transform: translateY(-50%);

width: 1px;
height: 55px;

background: rgba(212, 175, 55, .35);
}

.za-trust-item i {
font-size: 42px;
color: #d4af37;
min-width: 42px;
}

.za-trust-text h4 {
margin: 0 0 4px;

color: #ffffff;

font-size: 13px;

font-weight: 500;

letter-spacing: 1px;

text-transform: uppercase;
}

.za-trust-text p {
margin: 0;

color: #ffffff;

font-size: 13px;

line-height: 1.5;

font-weight: 400;
}

@media(max-width:991px) {

.za-trust-strip {
grid-template-columns: 1fr 1fr;
gap: 25px;
}

.za-trust-item:nth-child(2)::after {
display: none;
}
}

@media(max-width:767px) {

.za-trust-strip {
grid-template-columns: 1fr;
padding: 25px;
}

.za-trust-item {
padding: 15px 0;
}

.za-trust-item::after {
display: none;
}

.za-trust-item i {
font-size: 34px;
}
}

.za-trust-strip {
position: relative;
z-index: 10;

margin-bottom: 80px;
/* increase if needed */

display: grid;
grid-template-columns: repeat(4, 1fr);
}

@media(max-width:768px) {

.za-trust-strip {
grid-template-columns: 1fr;
row-gap: 30px;

padding: 35px 25px;

margin-bottom: 120px;
}

}

@media (max-width:768px) {

.za-trust-strip {
display: grid;
grid-template-columns: repeat(2, 1fr);

gap: 0;

padding: 0;

margin-bottom: 40px;

border-radius: 0;
}

.za-trust-item {
flex-direction: column;

text-align: center;

justify-content: center;

min-height: 140px;

padding: 25px 15px;

gap: 12px;

border-bottom: 1px solid rgba(212, 175, 55, .15);
}

.za-trust-item:nth-child(odd) {
border-right: 1px solid rgba(212, 175, 55, .15);
}

.za-trust-item::after {
display: none !important;
}

.za-trust-item i {
font-size: 30px;
min-width: auto;
}

.za-trust-text h4 {
font-size: 12px;
margin-bottom: 4px;
}

.za-trust-text p {
font-size: 11px;
line-height: 1.5;
}
}

.za-policy-meta {
text-align: center;
margin-top: 20px;
}

.za-policy-meta span {
display: inline-flex;
align-items: center;
gap: 8px;

padding: 8px 18px;

background: rgba(212, 175, 55, .08);

border: 1px solid rgba(212, 175, 55, .25);

border-radius: 30px;

color: #ffe6b2;

font-size: 13px;

font-weight: 500;
}

.za-policy-meta i {
color: #ffe6b2;
}



/* */
.za-policy-meta {
text-align: center;
margin-top: 20px;
}

.za-policy-meta span {
display: inline-flex;
align-items: center;
gap: 8px;

padding: 8px 18px;

background: rgba(212, 175, 55, .08);

border: 1px solid rgba(212, 175, 55, .25);

border-radius: 30px;

color: #ffe6b2;

font-size: 13px;

font-weight: 500;
}

.za-policy-meta i {
color: #ffe6b2;
}

/* */
.za-policy-section {
padding: 60px 0;
}

.za-policy-grid {

display: grid;
grid-template-columns: repeat(2, 1fr);

gap: 18px;
}

.za-policy-card {

background: #fbfaf7;

border: 1px solid rgba(198, 161, 91, .22);

border-radius: 14px;

padding: 20px;

display: flex;
align-items: flex-start;

gap: 16px;

transition: .3s;
}

.za-policy-card:hover {

transform: translateY(-4px);

box-shadow: 0 12px 25px rgba(0, 0, 0, .05);

background: #fff;
}

.za-policy-icon {

width: 62px;
height: 62px;

min-width: 62px;

border-radius: 12px;

background: linear-gradient(135deg,
#003831,
#00544b);

display: flex;
align-items: center;
justify-content: center;
}

.za-policy-icon i {

font-size: 24px;

color: #d4af37;
}

.za-policy-content {
flex: 1;
}

.za-policy-content h3 {

margin: 0 0 10px;

font-family: 'Cormorant Garamond', serif;

font-size: 20px;

font-weight: 700;

line-height: 1.3;

color: #111;
}

.za-policy-content p {

margin-bottom: 10px;

color: #444;

font-size: 14px;

line-height: 1.7;
}

.za-policy-content ul {

margin: 0;
padding-left: 18px;
}

.za-policy-content li {

color: #555;

font-size: 14px;

line-height: 1.7;

margin-bottom: 4px;
}

.za-policy-content li::marker {
color: #c6a15b;
}

/* Tablet */

@media(max-width:991px) {

.za-policy-grid {
grid-template-columns: 1fr;
}

}

/* Mobile */

@media(max-width:767px) {

.za-policy-section {
padding: 40px 0;
}

.za-policy-card {

padding: 16px;

gap: 12px;
}

.za-policy-icon {

width: 52px;
height: 52px;

min-width: 52px;
}

.za-policy-icon i {
font-size: 20px;
}

.za-policy-content h3 {
font-size: 17px;
}

.za-policy-content p,
.za-policy-content li {
font-size: 13px;
}

}

/* */

/* CONTACT SECTION */

.za-contact-policy {

display: grid;
grid-template-columns: 220px 1fr;

border: 1px solid rgba(198, 161, 91, .30);

border-radius: 12px;

overflow: hidden;

background: #fff;
}

.za-contact-left {

background:
linear-gradient(135deg,
#003831,
#00544b);

padding: 30px 25px;

display: flex;
flex-direction: column;
justify-content: center;
}

.za-contact-left h3 {

color: #f4e6bd;

font-size: 26px;

line-height: 1.2;

margin: 8px 0 15px;

font-family: 'Cormorant Garamond', serif;
}

.za-contact-divider {

width: 70px;
height: 2px;

background: #d4af37;
}

.za-contact-right {

padding: 25px 30px;
}

.za-contact-heading {

margin: 0 0 25px;

font-size: 15px;

color: #333;
}

.za-contact-items {

display: grid;
grid-template-columns: repeat(3, 1fr);
}

.za-contact-item {

display: flex;
align-items: center;

gap: 14px;

padding: 0 25px;

position: relative;
}

.za-contact-item:not(:last-child)::after {

content: '';

position: absolute;

right: 0;
top: 50%;

transform: translateY(-50%);

width: 1px;
height: 50px;

background: rgba(198, 161, 91, .30);
}

.za-contact-icon {

width: 50px;
height: 50px;

border-radius: 50%;

background: #d4af37;

display: flex;
align-items: center;
justify-content: center;
}

.za-contact-icon i {

color: #fff;

font-size: 18px;
}

.za-contact-item span {

display: block;

color: #666;

font-size: 13px;

margin-bottom: 4px;
}

.za-contact-item strong {

color: #111;

font-size: 16px;

font-weight: 600;
}

/* ACKNOWLEDGEMENT */

.za-privacy-ack {

margin: 20px 0;

border: 1px solid rgba(198, 161, 91, .30);

border-radius: 10px;

background: #fff;

display: flex;
align-items: center;

overflow: hidden;
}

.za-ack-icon {

width: 90px;
height: 70px;

background:
linear-gradient(135deg,
#003831,
#00544b);

display: flex;
align-items: center;
justify-content: center;
}

.za-ack-icon i {

color: #d4af37;

font-size: 24px;
}

.za-privacy-ack p {

margin: 0;

padding: 0 25px;

color: #222;

font-size: 15px;

line-height: 1.6;
}

/* MOBILE */

@media(max-width:768px) {

.za-contact-policy {
grid-template-columns: 1fr;
}

.za-contact-left {
text-align: center;
}

.za-contact-divider {
margin: auto;
}

.za-contact-items {
grid-template-columns: 1fr;
gap: 20px;
}

.za-contact-item {
padding: 0;
}

.za-contact-item::after {
display: none !important;
}

.za-privacy-ack {
flex-direction: column;
}

.za-ack-icon {
width: 100%;
height: 60px;
}

.za-privacy-ack p {
padding: 18px;
text-align: center;
}
}


        .za-cert-section {
            padding: 80px 0;
        }

        .za-cert-title-wrap {
            text-align: center;
            margin-bottom: 50px;
        }

        .za-cert-title {
            display: inline-block;
            background: linear-gradient(180deg, #01453f, #003731);
            color: #d4af37;

            padding: 14px 50px;

            font-size: 34px;
            font-family: 'Cormorant Garamond', serif;

            letter-spacing: 2px;
        }

        .za-cert-grid {
            max-width: 1200px;
            margin: auto;

            display: grid;
            grid-template-columns: repeat(3, 1fr);

            gap: 30px;
        }

        .za-cert-card {
            background: #fffdf8;

            border: 1px solid #e0cf9f;

            border-radius: 16px;

            padding: 30px 25px;

            text-align: center;

            text-decoration: none;

            transition: .35s ease;

            color: #222;

            min-height: 420px;
        }

        .za-cert-card:hover {
            transform: translateY(-10px);

            border-color: #c9a85c;

            box-shadow:
                0 25px 50px rgba(0, 0, 0, .08);
        }

        .za-cert-logo {
            height: 120px;

            display: flex;
            align-items: center;
            justify-content: center;

            margin-bottom: 20px;
        }

        .za-cert-logo img {
            max-width: 110px;
            max-height: 110px;
            object-fit: contain;
        }

        .za-cert-card h3 {
            font-family: 'Cormorant Garamond', serif;

            font-size: 32px;

            color: #0f1d20;

            margin-bottom: 10px;
        }

        .za-cert-card h4 {
            font-size: 15px;

            font-weight: 600;

            color: #444;

            margin-bottom: 18px;
        }

        .za-cert-card p {
            font-size: 14px;

            line-height: 1.9;

            color: #666;
        }

        .za-cert-ornament {
            margin-top: 20px;

            color: #c9a85c;

            font-size: 18px;
        }

        /* Tablet */

        @media (max-width: 991px) {

            .za-cert-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
            }

            .za-cert-card {
                min-height: auto;
                padding: 25px 20px;
            }

            .za-cert-card h3 {
                font-size: 26px;
            }

        }

        /* Mobile */

        @media (max-width: 767px) {

            .za-cert-section {
                padding: 50px 15px;
            }

            .za-cert-grid {
                display: grid;
                grid-template-columns: 1fr;
                gap: 18px;
            }

            .za-cert-title {
                font-size: 20px;
                padding: 12px 25px;
                width: 100%;
                text-align: center;
                box-sizing: border-box;
            }

            .za-cert-card {

                width: 100%;
                min-height: auto;

                padding: 25px 18px;

                border-radius: 14px;
            }

            .za-cert-logo {
                height: auto;
                margin-bottom: 15px;
            }

            .za-cert-logo img {
                max-width: 90px;
                max-height: 90px;
            }

            .za-cert-card h3 {
                font-size: 22px;
                line-height: 1.3;
                margin-bottom: 8px;

                word-break: break-word;
            }

            .za-cert-card h4 {
                font-size: 14px;
                margin-bottom: 12px;
            }

            .za-cert-card p {
                font-size: 14px;
                line-height: 1.7;
            }

        }
    
        
        /* ===========================
   MODAL SIZE
=========================== */

        .za-catalog-dialog {
            max-width: 980px;
        }

        .za-catalog-modal {
            border: none;
            border-radius: 22px;
            overflow: hidden;

            background: #fffdf9;

            box-shadow:
                0 40px 90px rgba(0, 0, 0, .18);
        }

        /* ===========================
   CLOSE BUTTON
=========================== */

        .za-modal-close {

            position: absolute;

            right: 18px;
            top: 15px;

            width: 42px;
            height: 42px;

            border: none;

            background: #fff;

            border-radius: 50%;

            z-index: 50;

            box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
        }

        .za-modal-close i {
            font-size: 18px;
            color: #111;
        }

        /* ===========================
   WRAPPER
=========================== */

        .za-catalog-wrapper {

            display: flex;

            min-height: 620px;
        }

        /* ==================================
   LEFT PANEL PREMIUM DESIGN
================================== */

        .za-catalog-left {

            width: 42%;

            position: relative;

            overflow: hidden;

            background: #013c37;

            min-height: 650px;
        }

        /* IMAGE AREA */

        .za-image-frame {

            position: absolute;

            top: 0;
            left: 0;
            right: 0;
            bottom: 90px;

            overflow: hidden;
        }

        .za-image-frame img {

            width: 100%;
            height: 100%;

            object-fit: cover;

            object-position: center center;

            display: block;
        }

        /* REMOVE OLD CURVE */

        .za-image-frame:after {
            display: none !important;
        }

        /* GOLD BORDER BETWEEN IMAGE & FORM */

        .za-catalog-right {

            width: 58%;

            background: #fffdf9;

            padding: 35px 40px;

            border-left: 1px solid rgba(212, 175, 55, .35);

            position: relative;
        }

        /* ==================================
   CERTIFICATION STRIP
================================== */

        .za-cert-strip {

            position: absolute;

            left: 15px;
            right: 15px;
            bottom: 5px;

            display: flex;

            justify-content: space-between;

            align-items: center;

            gap: 10px;

            z-index: 20;

            background: transparent;

            border: none;

            height: auto;
        }

        .za-cert-strip:before {
            display: none;
        }

        /* CERT ITEMS */

        .za-cert-box {

            flex: 1;

            background: rgba(0, 60, 55, .78);

            backdrop-filter: blur(10px);

            -webkit-backdrop-filter: blur(10px);

            border: 1px solid rgba(255, 255, 255, .15);

            border-radius: 12px;

            padding: 12px 8px;

            text-align: center;

            min-height: 78px;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;
        }

        .za-cert-box i {

            font-size: 18px;

            color: #d4af37;

            margin-bottom: 6px;
        }

        .za-cert-box span {

            color: #fff;

            font-size: 10px;

            font-weight: 500;

            line-height: 1.4;

            letter-spacing: .5px;

            text-transform: uppercase;
        }

        .za-cert-box:not(:last-child):after {
            display: none;
        }

        /* ===========================
   RIGHT PANEL
=========================== */

        .za-catalog-right {

            width: 64%;

            padding: 35px 45px;

            background: #fffdf9;
        }

        /* ===========================
   LOGO
=========================== */

        .za-popup-logo {

            width: 85px;

            display: block;

            margin: 0 auto 15px;
        }

        /* ===========================
   HEADING
=========================== */

        .za-catalog-right h2 {

            text-align: center;

            font-family:
                'Cormorant Garamond', serif;

            font-size: 30px;

            line-height: .95;

            color: #013c37;

            margin-bottom: 18px;

            font-weight: 700;
        }

        .za-divider {

            width: 80px;
            height: 2px;

            background: #d4af37;

            margin: 0 auto 20px;
        }

        .za-popup-text {

            text-align: center;

            color: #555;

            font-size: 14px;

            line-height: 1.8;

            max-width: 520px;

            margin: 0 auto 25px;
        }

        /* ===========================
   FIELDS
=========================== */

        .za-field {
            margin-bottom: 16px;
        }

        .za-field label {

            display: block;

            font-size: 13px;

            font-weight: 600;

            margin-bottom: 6px;

            color: #111;
        }

        .za-field .form-control {

            height: 52px;

            border-radius: 10px;

            border: 1px solid #ddd;

            box-shadow: none;
        }

        .za-field .form-control:focus {

            border-color: #d4af37;

            box-shadow: none;
        }

        /* ===========================
   SECURITY
=========================== */

        .za-security-box {

            display: flex;

            align-items: center;

            gap: 12px;

            background: #faf6ee;

            border: 1px solid #ead7aa;

            padding: 12px 14px;

            border-radius: 12px;

            margin: 12px 0 18px;
        }

        .za-security-icon {

            width: 38px;
            height: 38px;

            border-radius: 50%;

            background: #013c37;

            color: #d4af37;

            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* ===========================
   BUTTON
=========================== */

        .za-request-btn {

            width: 100%;

            height: 58px;

            border: none;

            border-radius: 12px;

            background:
                linear-gradient(180deg,
                    #01453f,
                    #00332f);

            color: #d4af37;

            font-size: 15px;

            font-weight: 600;

            letter-spacing: 1px;
        }

        .za-request-btn i {
            margin-right: 8px;
        }

        /* ===========================
   FOOTER
=========================== */

        .za-modal-footer {

            margin-top: 18px;

            display: flex;

            justify-content: space-between;

            border-top: 1px solid #ead7aa;

            padding-top: 15px;

            font-size: 12px;

            color: #666;
        }

        .za-modal-footer i {
            color: #c9a85c;
            margin-right: 5px;
        }

        /* ===========================
   BACKDROP
=========================== */

        .modal-backdrop.show {
            opacity: .8;
        }

        /* =====================================
   MOBILE RESPONSIVE FIX
===================================== */

@media (max-width:768px){

    .za-catalog-dialog{

        max-width:95% !important;

        margin:15px auto;
    }

    .za-catalog-modal{

        border-radius:20px;
    }

    .za-catalog-wrapper{

        display:block !important;
    }

    /* IMAGE SECTION */

    .za-catalog-left{

        width:100% !important;

        min-height:320px !important;
    }

    .za-image-frame{

        position:absolute;

        top:0;
        left:0;
        right:0;
        bottom:0;
    }

    /* FORM SECTION */

    .za-catalog-right{

        width:100% !important;

        padding:30px 20px !important;

        border-left:none !important;
    }

    /* HEADING */

    .za-catalog-right h2{

        font-size:42px !important;

        line-height:1.05;
    }

    /* FORM FIELDS */

    .za-field .form-control{

        height:50px;
    }

    /* SECURITY BOX */

    .za-security-box{

        font-size:13px;
    }

    /* FOOTER */

    .za-modal-footer{

        flex-direction:column;

        gap:10px;

        text-align:center;
    }

    /* CERTIFICATE STRIP */

    .za-cert-strip{

        left:10px;
        right:10px;
        bottom:10px;

        gap:8px;
    }

    .za-cert-box{

        min-height:65px;

        padding:8px 4px;
    }

    .za-cert-box i{

        font-size:14px;
    }

    .za-cert-box span{

        font-size:8px;
    }

}

/* SMALL MOBILE */

@media (max-width:480px){

    .za-catalog-right h2{

        font-size:32px !important;
    }

    .za-popup-text{

        font-size:14px;

        line-height:1.7;
    }

    .za-popup-logo{

        width:75px;
    }

}

/* ===================================
OVERLAY
=================================== */

.za-popup-overlay {

display: none;

position: fixed;

inset: 0;

background: rgba(0, 0, 0, .78);

z-index: 999999;

overflow-y: auto;

padding: 40px 20px;
}

/* ===================================
CONTAINER
=================================== */

.za-popup-container {

max-width: 1100px;

margin: auto;

background: #fffdf8;

border-radius: 26px;

overflow: hidden;

position: relative;

box-shadow:
0 30px 90px rgba(0, 0, 0, .30);
}

/* ===================================
CLOSE
=================================== */

.za-popup-close {

position: absolute;

top: 18px;
right: 18px;

width: 54px;
height: 54px;

border: none;

border-radius: 50%;

background: #fff;

z-index: 100;

font-size: 24px;

color: #111;

box-shadow:
0 10px 25px rgba(0, 0, 0, .10);
}

/* ===================================
BODY
=================================== */

.za-popup-body {

display: flex;

min-height: 560px;
}

/* ===================================
LEFT
=================================== */

.za-popup-left {

width: 38%;

position: relative;

background: #013c37;

overflow: hidden;
}

.za-image-section {

height: 100%;
}

.za-image-section img {

width: 100%;
height: 100%;

object-fit: cover;
}

/* GOLD CURVE */

.za-image-section:after {

content: '';

position: absolute;

top: 0;
right: -70px;

width: 200px;
height: 100%;

border-left: 4px solid #c79a3d;

border-radius: 120px 0 0 120px;

background: #fffdf8;
}

/* ===================================
RIGHT
=================================== */

.za-popup-right {

width: 50%;

padding: 35px 0;

text-align: center;
}

/* LOGO */

.za-popup-logo {

width: 90px;

margin-bottom: 22px;
}

/* TITLE */

.za-mini-title {

color: #013c37;

font-size: 18px;

letter-spacing: 2px;

margin-bottom: 10px;

font-weight: 600;
}

.za-main-title {

font-family: 'Cormorant Garamond', serif;

font-size: 42px;

line-height: .95;

color: #b48832;

margin-bottom: 20px;

font-weight: 700;
}

/* DIVIDERS */
.za-divider-two {

display: flex;

align-items: center;

justify-content: center;

gap: 15px;

margin: 20px 0;
}

.za-divider-two span {

width: 120px;
height: 1px;

background: #d4af37;
}

.za-divider-two i {

color: #d4af37;
}

/* TEXT */

.za-tagline {

font-size: 18px;

color: #222;

line-height: 1.8;

margin-bottom: 15px;
}

.za-description {

font-size: 18px;

line-height: 1.9;

color: #222;

max-width: 540px;

margin: 0 auto 28px;
}

.za-description strong {

color: #b48832;
}

/* ===================================
FORM
=================================== */

.za-form-area {

max-width: 480px;

margin: auto;
}

.za-input-group {

position: relative;

margin-bottom: 16px;
}

.za-input-group i {

position: absolute;

left: 20px;
top: 22px;

color: #333;

font-size: 18px;
}

.za-input-group input {

width: 100%;

height: 68px;

border: 1px solid #ddd;

border-radius: 12px;

padding-left: 58px;

font-size: 17px;

background: #fff;
}

.za-input-group input:focus {

outline: none;

border-color: #c79a3d;
}

/* BUTTON */

.za-submit-btn {

width: 100%;

height: 68px;

border: none;

border-radius: 12px;

color: #d4af37;

font-size: 22px;

font-weight: 600;

background:
linear-gradient(90deg,
#013c37,
#004c43);
}

/* PRIVACY */

.za-privacy-text {

margin-top: 22px;

color: #666;

font-size: 15px;
}

.za-privacy-text i {

color: #c79a3d;

margin-right: 8px;
}

/* ===================================
FOOTER
=================================== */

.za-popup-footer {

background: #fffaf4;

border-top: 1px solid #ead7aa;

display: flex;

justify-content: space-between;

align-items: center;

padding: 25px 35px;
}

.za-footer-left {

color: #222;

font-size: 17px;
}

.za-footer-left i {

color: #c79a3d;

margin-right: 10px;
}

.za-footer-right {

font-family: cursive;

font-size: 18px;

color: #222;
}

/* ===================================
MOBILE
=================================== */

@media(max-width:991px) {

.za-popup-body {

display: block;
}

.za-popup-left {

width: 100%;

height: 420px;
}

.za-popup-right {

width: 100%;

padding: 35px 25px;
}

.za-main-title {

font-size: 48px;
}

.za-popup-footer {

display: block;

text-align: center;
}

.za-footer-left {

margin-bottom: 15px;
}

.za-footer-right {

font-size: 22px;
}
}

@media(max-width:576px) {

.za-popup-overlay {

padding: 10px;
}

.za-popup-left {

height: 320px;
}




.za-main-title {

font-size: 36px;
}

.za-tagline,
.za-description {

font-size: 15px;
}

.za-input-group input {

height: 60px;
}

.za-submit-btn {

height: 60px;

font-size: 18px;
}
}

.header-enquiry-btn{
    display:flex;
    align-items:center;
    justify-content:center;
}

.header-enquiry-btn .btn-enquiry{
    width:50px;
    height:50px;
    min-width:50px;
    min-height:50px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:2px solid #d9b36c;
    border-radius:50%;

    background:transparent;
    color:#d9b36c;

    text-decoration:none;
    transition:all .35s ease;
}

.header-enquiry-btn .btn-enquiry i{
    font-size:20px;
    line-height:1;
}

.header-enquiry-btn .btn-enquiry:hover{
    background:#d9b36c;
    color:#012f28;
}

@media(max-width:991px){

    .header-enquiry-btn .btn-enquiry{
        width:44px;
        height:44px;
        min-width:44px;
        min-height:44px;
    }

    .header-enquiry-btn .btn-enquiry i{
        font-size:18px;
    }

}