@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
a{text-decoration:none!important;}
a:hover{color: #fff;}
li{list-style-type: none!important;}
.heading1{font-family: Arial, sans-serif;font-size: clamp(30px, 1.5rem + 3vw, 40px);font-weight: 700;} 
.heading2{font-family: Arial, sans-serif;font-size: clamp(24px, 1.1rem + 1vw, 30px);font-weight: 600;line-height: 1.3;} 
.heading3{font-family: Arial, sans-serif;font-size: clamp(20px, 1rem + 0.5vw, 24px);font-weight: 600;} 
.heading4{font-size: 1.5rem;font-weight: 600;} .heading5{font-size: 1.25rem;font-weight: 600;} .heading6{font-size: 1rem;font-weight: 600;}
.wrdbrk{white-space:pre;}
.fullpad{padding: 0!important; margin:0!important;}
h1,h2,h3,h4,h5,h6{font-family: Arial, sans-serif; font-weight: 600;}
body{font-family: helvetica, sans-serif !important;font-size: 16px;}
html{scroll-behavior: smooth;}
.arial{font-family: Arial, sans-serif;}
.helvetica{font-family: helvetica, sans-serif;}
.marquee{background: #e39507; color: #fff; font-size: 15px; font-weight: 600; letter-spacing: 0.5px; overflow: hidden; z-index: 1; padding: 8px 0;}
/* Header Styles */
.logo{width: 160px;border-radius: 20%;}
.top-utility-bar{background: #fff; padding: 12px 0; border-top: 3px solid #e39507; border-bottom: 3px solid #e39507;}
.contact-item{color: #560000!important; font-size: 18px; font-weight: 600; display: inline-flex; align-items: center; transition: all 0.3s ease;}
.contact-item i{color: #560000; font-size: 18px; margin-right: 14px;}
.contact-topic{color: #e39507; font-size: 16px; font-weight: 700; letter-spacing: 1px; margin-bottom: 6px;}
.brand-block{text-decoration: none;}
.brand-title, .brand-text{color: #ffffff; font-size: 26px; font-weight: 800; letter-spacing: 1px; margin: 0; text-transform: uppercase; text-shadow: 2px 2px 4px rgba(0,0,0,0.4);}
.brand-sub{color: #ffd166; font-size: 11px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; display: block;}
.brand-link:hover{text-decoration: none;}
.brand-link:hover .brand-title, .brand-link:hover .brand-text{color: #ffd166;}
.address-text{color: #560000; font-size: 18px; font-weight: 600; padding: 7px 0; border-radius: 20px; display: inline-flex; align-items: center; justify-content: flex-start; text-align: right; direction: rtl;}
.address-text i{color: #560000; margin-left: 5px;font-size:18px;}
.price-list-btn{background: linear-gradient(45deg, #e39507, #ffc107); color: #000000!important; font-size: 16px; font-weight: 700; text-transform: uppercase; padding: 7px 18px; border-radius: 20px; display: inline-flex; align-items: center; box-shadow: 0 3px 10px rgba(227, 149, 7, 0.4); transition: all 0.3s ease; border: 1px solid #ffd166;}
.price-list-btn i{margin-right: 6px; font-size: 14px;}
.price-list-btn:hover{background: linear-gradient(45deg, #ffc107, #e39507); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(227, 149, 7, 0.6); color: #000000!important;}
/*.main-nav-row{position: sticky; top: 0; z-index: 999; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}*/
.navbg{background: #560000; border-bottom: 3px solid #e39507; padding:16px 0 !important;}
.navfnt{font-size: 15px; font-weight: 600; text-transform: uppercase;}
.navbg .navbar-nav .nav-link{color: #ffffff!important; font-weight: 600; padding: 12px 20px!important; letter-spacing: 0.8px; position: relative; transition: all 0.3s ease;}
.navbg .navbar-nav .nav-link:hover{color: #ffd166!important; background: rgba(255, 255, 255, 0.08);}
.navbg .navbar-nav .nav-item.active .nav-link{color: #000000!important; background: #ffd166; font-weight: 700; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.25);}
.navbar-toggler{border: 2px solid #ffd166!important; color: #ffffff!important; background: rgba(0,0,0,0.3)!important; padding: 6px 14px!important; font-size: 14px!important; font-weight: 600; border-radius: 6px; outline: none!important;}
.navbar-toggler:focus{box-shadow: 0 0 8px rgba(255, 209, 102, 0.6)!important;}
.navbar-toggler .bi-list{color: #ffd166; font-size: 18px; margin-right: 4px;}

/* Welcome section */
.pad {padding:70px 0;}
.wel-section {position:relative;background:#fff;overflow:hidden;padding-bottom:200px;padding-left:200px;padding-right:200px;}
.wel-img-container {position:relative;padding-bottom:50px;padding-right:30px;}
.wel-main-img-box {overflow:hidden;border-radius:28px;box-shadow:0 20px 40px rgba(0,0,0,.12);border:5px solid #fff;}
.wel-main-img {width:100%;height:520px;object-fit:cover;display:block;transition:transform .6s ease;}
.wel-main-img-box:hover .wel-main-img {transform:scale(1.04);}
.wel-review-card {position:absolute;right:0;bottom:-120px;width:290px;background:#fff;border-radius:22px;padding:24px 20px 18px;box-shadow:0 20px 45px rgba(0,0,0,.16);border:1px solid rgba(0,0,0,.06);z-index:3;text-align:center;transition:.35s ease;}
.wel-review-card:hover {transform:translateY(-5px);box-shadow:0 25px 55px rgba(179,0,0,.18);}
.wel-review-avatar-wrap {width:64px;height:64px;margin:0 auto 10px;border-radius:50%;overflow:hidden;border:3px solid #FFD166;box-shadow:0 6px 15px rgba(0,0,0,.12);}
.wel-review-avatar {width:100%;height:100%;object-fit:cover;display:block;}
.wel-review-stars {color:#F59E0B;font-size:14px;margin-bottom:8px;display:flex;justify-content:center;gap:3px;}
.wel-review-quote {font-size:13px;color:#444;line-height:1.5;font-style:italic;margin-bottom:10px;}
.wel-review-author {font-size:15px;font-weight:700;color:#0c1730;margin-bottom:2px;}
.wel-review-role {font-size:12px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:12px;}
.wel-review-footer {background:#FFF5F5;border-radius:12px;padding:8px 12px;font-size:12px;font-weight:700;color:#B30000;display:flex;align-items:center;justify-content:center;gap:6px;}
.wel-review-footer i {color:#B30000;font-size:14px;}
.wel-exp-badge {position:absolute;left:280px;bottom:-111px;width:150px;height:150px;z-index:4;display:flex;align-items:center;justify-content:center;}
.wel-exp-spin-box {position:absolute;inset:0;width:100%;height:100%;}
.wel-exp-svg {width:100%;height:100%;}
.wel-exp-text {font-size:11px;font-weight:800;fill:#B30000;letter-spacing:2.2px;text-transform:uppercase;font-family:Arial,sans-serif;}
.wel-exp-rotate {animation:rotateCircle 14s linear infinite;transform-origin:center;}
@keyframes rotateCircle {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.wel-exp-center {width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#FF1E1E 0%,#B30000 60%,#7A0000 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(179,0,0,.45);z-index:2;border:3px solid #fff;}
.wel-exp-num {font-size:24px;font-weight:800;line-height:1;color:#FFD166;font-family:Arial,sans-serif;}
.wel-exp-sub {font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#fff;margin-top:2px;}
.wel-content-wrap {padding-left:15px;}
.wel-badge-tag {display:inline-flex;align-items:center;gap:8px;background:rgba(179,0,0,.08);padding:6px 16px;border-radius:30px;border:1px solid rgba(179,0,0,.15);}
.wel-tag-dot {width:8px;height:8px;border-radius:50%;background:#B30000;display:inline-block;box-shadow:0 0 8px rgba(179,0,0,.6);}
.wel-tag-text {color:#B30000;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;}
.wel-heading {font-size:clamp(28px,1.4rem + 1.6vw,42px);font-weight:800;color:#0c1730;line-height:1.25;}
.wel-desc {color:#555;font-size:18px;line-height:1.7;}
.wel-features-row {margin-top:10px;}
.wel-feature-card {display:flex;align-items:flex-start;gap:14px;background:#fbfbfb;border:1px solid #f0f0f0;border-radius:18px;padding:16px;height:100%;transition:.35s ease;}
.wel-feature-card:hover {background:#fff;border-color:rgba(179,0,0,.2);box-shadow:0 12px 28px rgba(179,0,0,.08);transform:translateY(-3px);}
.wel-feature-icon {width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#FF1E1E 0%,#B30000 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;box-shadow:0 8px 18px rgba(179,0,0,.3);}
.wel-feature-info {flex-grow:1;}
.wel-feature-title {font-size:18px;font-weight:700;color:#0c1730;margin-bottom:4px;}
.wel-feature-text {font-size:16px;color:#666;line-height:1.4;margin:0;}
.wel-action-bar {margin-top:28px;}
.wel-btn-contact {display:inline-flex;align-items:center;justify-content:center;padding:14px 34px;border-radius:60px;background:linear-gradient(135deg,#FF1E1E 0%,#B30000 50%,#7A0000 100%);color:#fff!important;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;transition:.35s;box-shadow:0 12px 25px rgba(179,0,0,.35);}
.wel-btn-contact:hover {transform:translateY(-3px);box-shadow:0 18px 35px rgba(179,0,0,.5);color:#fff!important;}
.wel-call-box {display:flex;align-items:center;}
.wel-call-icon {width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#FFD166,#F59E0B);color:#7A0000!important;display:flex;align-items:center;justify-content:center;font-size:18px;text-decoration:none;box-shadow:0 8px 20px rgba(245,158,11,.3);transition:.35s;}
.wel-call-icon:hover {transform:scale(1.08);color:#7A0000!important;}
.wel-call-details {display:flex;flex-direction:column;}
.wel-call-label {font-size:12px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;}
.wel-call-num {font-size:18px;font-weight:800;color:#0c1730!important;text-decoration:none!important;transition:.3s;}
.wel-call-num:hover {color:#B30000!important;}
/* Why choose us  */
.snow {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: radial-gradient(4px 4px at 100px 50px, #fff , transparent), radial-gradient(6px 6px at 200px 150px, #fff, transparent), radial-gradient(3px 3px at 300px 250px, #fff 50%, transparent), radial-gradient(4px 4px at 400px 350px, #fff 50%, transparent), radial-gradient(6px 6px at 500px 100px, #fff 50%, transparent), radial-gradient(3px 3px at 50px 200px, #fff 50%, transparent), radial-gradient(4px 4px at 150px 300px, #fff 50%, transparent), radial-gradient(6px 6px at 250px 400px, #fff 50%, transparent), radial-gradient(3px 3px at 350px 500px, #fff 50%, transparent);
  background-size: 650px 650px;
  animation: snow 5s linear infinite;
  content: "";
}
.snow::after {
  margin-left: 0px;
  opacity: 0.5;
  filter: blur(2px);
  animation-duration: 6s;
  animation-direction: reverse;
  position: absolute;
  top: -650px;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: radial-gradient(4px 4px at 100px 50px, #fff , transparent), radial-gradient(6px 6px at 200px 150px, #fff, transparent), radial-gradient(3px 3px at 300px 250px, #fff 50%, transparent), radial-gradient(4px 4px at 400px 350px, #fff 50%, transparent), radial-gradient(6px 6px at 500px 100px, #fff 50%, transparent), radial-gradient(3px 3px at 50px 200px, #fff 50%, transparent), radial-gradient(4px 4px at 150px 300px, #fff 50%, transparent), radial-gradient(6px 6px at 250px 400px, #fff 50%, transparent), radial-gradient(3px 3px at 350px 500px, #fff 50%, transparent);
  background-size: 650px 650px;
  animation: snow 5s linear infinite;
  content: "";
}
.snow::before {
  margin-left: -350px;
  opacity: 0.7;
  filter: blur(1px);
  animation-duration: 9s;
  animation-direction: reverse;
  position: absolute;
  top: -650px;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: radial-gradient(4px 4px at 100px 50px, #fff , transparent), radial-gradient(6px 6px at 200px 150px, #fff, transparent), radial-gradient(3px 3px at 300px 250px, #fff 50%, transparent), radial-gradient(4px 4px at 400px 350px, #fff 50%, transparent), radial-gradient(6px 6px at 500px 100px, #fff 50%, transparent), radial-gradient(3px 3px at 50px 200px, #fff 50%, transparent), radial-gradient(4px 4px at 150px 300px, #fff 50%, transparent), radial-gradient(6px 6px at 250px 400px, #fff 50%, transparent), radial-gradient(3px 3px at 350px 500px, #fff 50%, transparent);
  background-size: 650px 650px;
  animation: snow 5s linear infinite;
  content: "";
}
@keyframes snow {
	100% {
  transform: translateY(650px);
}
}
.why-section {background: #560000; position: relative; overflow: hidden;padding:70px 200px;}
.why-intro-card {background: #ffffff; border-radius: 24px; padding: 45px 38px; border: 4px dashed #560000; box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: center; transition: transform 0.35s ease, box-shadow 0.35s ease;}
.why-intro-card:hover {transform: translateY(-4px); box-shadow: 0 16px 35px rgba(0,0,0,0.08);}
.why-tag {color: #B30000; font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 16px; display: flex; align-items: center; gap: 8px;}
.why-dash {width: 18px; height: 2.5px; background: #B30000; display: inline-block;}
.why-heading {font-size: clamp(28px, 1.3rem + 1.2vw, 38px); font-weight: 800; color: #0c1730; line-height: 1.22; margin-bottom: 18px; font-family: Arial, sans-serif;}
.why-desc {color: #555555; font-size: 16px; line-height: 1.7; margin-bottom: 28px;}
.why-intro-btn {display: inline-flex; align-items: center; gap: 8px; border: 1.5px solid #1a1a1a; color: #1a1a1a!important; padding: 11px 26px; border-radius: 30px; font-size: 14px; font-weight: 700; transition: all 0.3s ease; text-decoration: none!important; width: fit-content;}
.why-intro-btn:hover {background: #B30000; border-color: #B30000; color: #ffffff!important; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(179,0,0,0.25);}
.why-counter-card {background: #ffffff; border-radius: 24px; padding: 36px 25px; border: 4px dashed #560000; box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; min-height: 160px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; transition: all 0.35s ease; position: relative;}
.why-counter-card:hover {transform: translateY(-5px); box-shadow: 0 16px 35px rgba(0,0,0,0.08);}
.why-counter-num {color: #FF3838; font-size: clamp(34px, 1.8rem + 1.1vw, 44px); font-weight: 800; line-height: 1.1; margin-bottom: 8px; font-family: Arial, sans-serif;}
.why-counter-label {color: #666666; font-size: 15px; font-weight: 600; margin: 0;}
.why-counter-card-highlight {background: none; border: none; }
.why-counter-card-highlight .why-counter-num {color: #ffffff;}
.why-counter-card-highlight .why-counter-label {color: #ffffff;}
.why-card-decor-icon {position: absolute; top: 14px; right: 16px; color: rgba(255,255,255); font-size: 24px;}
.why-banner-wrap {position: relative; border-radius: 24px; overflow: hidden; box-shadow: 0 18px 45px rgba(0,0,0,0.12); border: 4px dashed #fff;}
.why-banner-img {width: 100%; height: 420px !important; object-fit: cover; display: block; transition: transform 0.6s ease;}
.why-banner-wrap:hover .why-banner-img {transform: scale(1.02);}
.why-banner-badge {position: absolute; bottom: 25px; left: 25px; background: rgba(12, 23, 48, 0.88); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #ffffff; padding: 10px 22px; border-radius: 30px; font-size: 13px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,0.15); box-shadow: 0 8px 20px rgba(0,0,0,0.3); z-index: 2;}
.why-badge-dot {width: 8px; height: 8px; border-radius: 50%; background: #FF3838; box-shadow: 0 0 10px #FF3838; display: inline-block;}

/* Products category  */
.prod-cat-section {background: #ffffff; position: relative; overflow: hidden; padding: 70px 200px;}
.prod-tag {color: #B30000; font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px;}
.prod-tag-dash {width: 18px; height: 2.5px; background: #B30000; display: inline-block;}
.prod-heading {font-size: clamp(28px, 1.3rem + 1.4vw, 40px); font-weight: 800; color: #0c1730; line-height: 1.25; margin-bottom: 12px; font-family: Arial, sans-serif;}
.prod-subheading {color: #555555; font-size: 16px; line-height: 1.6; max-width: 650px; margin: 0 auto;}
.prod-card {background: #ffffff; border-radius: 24px; padding: 35px 22px 30px;display: flex; flex-direction: column; align-items: center; text-align: center; height: 100%; transition: all 0.35s ease; position: relative; overflow: hidden;}
.prod-card:hover { transform: translateY(-8px); }
.prod-img-wrap {position: relative; width: 100%; height: 200px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.prod-unusual-shape {position: absolute; width: 170px; height: 170px; border-radius: 43% 57% 70% 30% / 48% 62% 38% 52%; background: linear-gradient(135deg, rgba(227, 149, 7, 0.16) 0%, rgba(179, 0, 0, 0.12) 100%); border: 3px dashed #e39507; animation: rotateUnusualShape 10s linear infinite; z-index: 1; transition: all 0.4s ease;}
@keyframes rotateUnusualShape {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
.prod-img {position: relative; z-index: 2; max-height: 170px; max-width: 85%; object-fit: contain; transition: transform 0.4s ease, filter 0.4s ease;}
.prod-card:hover .prod-img {transform: scale(1.1) translateY(-6px);}
.prod-card:hover .prod-unusual-shape {border-color: #B30000; background: linear-gradient(135deg, rgba(255, 30, 30, 0.22) 0%, rgba(227, 149, 7, 0.25) 100%); animation-duration: 5s; box-shadow: 0 0 25px rgba(227, 149, 7, 0.35);}
.prod-content {display: flex; flex-direction: column; align-items: center; flex-grow: 1; justify-content: space-between; width: 100%;}
.prod-name {font-size: 26px; font-weight: 800; color: #0c1730; margin-bottom: 10px; font-family: Arial, sans-serif; transition: color 0.3s ease;}
.prod-card:hover .prod-name {color: #B30000;}
.prod-desc {font-size: 16px; color: #666666; line-height: 1.6; margin-bottom: 20px; flex-grow: 1;}
.prod-card-btn {display: inline-flex; align-items: center; gap: 6px; padding: 8px 22px; border-radius: 30px; background: #fff5f5; color: #B30000!important; font-size: 13.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; border: 1.5px solid rgba(179,0,0,0.25); transition: all 0.3s ease; text-decoration: none!important;}
.prod-card:hover .prod-card-btn {background: linear-gradient(135deg, #FF1E1E 0%, #B30000 60%, #7A0000 100%); color: #ffffff!important; border-color: transparent; box-shadow: 0 6px 18px rgba(179,0,0,0.3);}

/* safety tips section  */
.safety-section {position: relative; background: #0b1322; overflow: hidden; padding: 70px 200px; color: #ffffff;}
.safety-blur-1 {position: absolute; top: -60px; left: 4%; width: 400px; height: 400px; background: rgba(16, 185, 129, 0.18); border-radius: 50%; filter: blur(95px); pointer-events: none;}
.safety-blur-2 {position: absolute; bottom: -60px; right: 4%; width: 420px; height: 420px; background: rgba(239, 68, 68, 0.18); border-radius: 50%; filter: blur(95px); pointer-events: none;}
.safety-blur-3 {position: absolute; top: 35%; left: 45%; width: 320px; height: 320px; background: rgba(227, 149, 7, 0.14); border-radius: 50%; filter: blur(100px); pointer-events: none;}
.safety-tag {color: #FFD166; font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px;}
.safety-tag-dash {width: 18px; height: 2.5px; background: #FFD166; display: inline-block;}
.safety-heading {font-size: clamp(28px, 1.3rem + 1.4vw, 40px); font-weight: 800; color: #ffffff; line-height: 1.25; margin-bottom: 12px; font-family: Arial, sans-serif;}
.safety-subheading {color: #cbd5e1; font-size: 16px; line-height: 1.6; max-width: 680px; margin: 0 auto;}
.safety-card {border-radius: 26px; padding: 40px 34px; height: 100%; transition: all 0.35s ease; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.safety-do-card {background: rgba(16, 185, 129, 0.05); border: 2px solid rgba(16, 185, 129, 0.3); box-shadow: 0 15px 35px rgba(16, 185, 129, 0.08);}
.safety-do-card:hover {transform: translateY(-6px); border-color: rgba(16, 185, 129, 0.6); box-shadow: 0 20px 45px rgba(16, 185, 129, 0.18);}
.safety-dont-card {background: rgba(239, 68, 68, 0.05); border: 2px solid rgba(239, 68, 68, 0.3); box-shadow: 0 15px 35px rgba(239, 68, 68, 0.08);}
.safety-dont-card:hover {transform: translateY(-6px); border-color: rgba(239, 68, 68, 0.6); box-shadow: 0 20px 45px rgba(239, 68, 68, 0.18);}
.safety-card-header {display: flex; align-items: center; gap: 16px; margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.safety-header-icon {width: 54px; height: 54px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 26px; flex-shrink: 0;}
.do-icon {background: rgba(16, 185, 129, 0.2); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.4);}
.dont-icon {background: rgba(239, 68, 68, 0.2); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.4);}
.safety-badge {font-size: 11px; font-weight: 800; letter-spacing: 1px; padding: 3px 10px; border-radius: 20px; display: inline-block; margin-bottom: 4px; text-transform: uppercase;}
.do-badge {background: rgba(16, 185, 129, 0.2); color: #34d399; border: 1px solid rgba(16, 185, 129, 0.35);}
.dont-badge {background: rgba(239, 68, 68, 0.2); color: #f87171; border: 1px solid rgba(239, 68, 68, 0.35);}
.safety-card-title {font-size: 24px; font-weight: 800; margin: 0; font-family: Arial, sans-serif;}
.do-title {color: #10b981;}
.dont-title {color: #ef4444;}
.safety-list {list-style: none; padding: 0; margin: 0;}
.safety-list strong{font-size: 24px;display:block;}
.safety-item {display: flex; align-items: flex-start; gap: 15px; margin-bottom: 20px; line-height: 1.55;}
.safety-item:last-child {margin-bottom: 0;}
.safety-item-icon {width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; margin-top: 2px;}
.do-check {background: #10b981; color: #ffffff;}
.dont-cross {background: #ef4444; color: #ffffff;}
.safety-item-text {font-size: 18px; color: #e2e8f0;}
.safety-item-text strong {color: #ffffff;}

/* Contact section  */
.contact-section {background: #fdfdfd; position: relative; overflow: hidden; padding: 70px 200px;}
.contact-tag {color: #B30000; font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px;}
.contact-tag-dash {width: 18px; height: 2.5px; background: #B30000; display: inline-block;}
.contact-heading {font-size: clamp(28px, 1.3rem + 1.4vw, 40px); font-weight: 800; color: #0c1730; line-height: 1.25; margin-bottom: 12px; font-family: Arial, sans-serif;}
.contact-subheading {color: #555555; font-size: 16px; line-height: 1.6; max-width: 650px; margin: 0 auto;}
.contact-info-card {background: #fff; border-radius: 24px; padding: 45px 30px; border: 3px dashed #7a0000; box-shadow: 0 12px 30px rgba(122,0,0,0.22); display: flex; flex-direction: column; align-items: center; text-align: center; height: 100%; transition: all 0.35s ease; position: relative; color: #ffffff;}
.contact-info-card:hover {transform: translateY(-8px); box-shadow: 0 20px 45px rgba(122,0,0,0.38); border-color: #ffffff;}
.contact-icon-box {width: 76px; height: 76px; border-radius: 50%; background: #7a0000; border: 2px solid #7a0000; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #ffd166; margin-bottom: 22px; transition: all 0.4s ease;}
.contact-info-card:hover .contact-icon-box {background: #fff; color: #7a0000; border-color: #7a0000; transform: scale(1.12); box-shadow: 0 0 25px #7a00003d;}
.contact-info-card:hover .contact-icon-box i {animation: iconShake 0.6s ease-in-out infinite alternate; display: inline-block;}
@keyframes iconShake {0% {transform: rotate(-15deg) scale(1.1);} 100% {transform: rotate(15deg) scale(1.2);}}
.contact-box-title {font-size: 22px; font-weight: 800; color: #000; margin-bottom: 12px; font-family: Arial, sans-serif; letter-spacing: 0.5px; text-transform: uppercase;}
.contact-box-detail {font-size: 18px; font-weight: 500; color: #000; line-height: 1.6; margin: 0;}
.contact-cta-banner {background: linear-gradient(135deg, #7a0000 0%, #b20000 50%, #7a0000 100%); border-radius: 24px; padding: 35px 45px; border: 3px solid #e39507; box-shadow: 0 15px 35px rgba(122,0,0,0.25); color: #ffffff;}
.contact-cta-title {font-size: clamp(20px, 1.1rem + 0.8vw, 28px); font-weight: 800; color: #ffffff; font-family: Arial, sans-serif;}
.contact-cta-desc {font-size: 15.5px; color: #fef08a;}
.contact-cta-btn {display: inline-flex; align-items: center; justify-content: center; padding: 13px 32px; border-radius: 30px; background: linear-gradient(45deg, #e39507, #ffc107); color: #000000!important; font-size: 15px; font-weight: 800; text-transform: uppercase; box-shadow: 0 6px 20px rgba(227,149,7,0.4); text-decoration: none!important; transition: all 0.3s ease;}
.contact-cta-btn:hover {transform: translateY(-3px); box-shadow: 0 10px 25px rgba(227,149,7,0.6); color: #000000!important;}
.footer-section {background-color: #560000; padding: 55px 0 25px 0; color: #ffffff; position: relative; overflow: hidden;}
.footer-yellow-card {background-color: #e39507; border-radius: 20px; padding: 35px 42px; margin-bottom: 45px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);}
.footer-brand-title {color: #1a1a1a; font-size: 26px; font-weight: 700; margin-bottom: 12px; letter-spacing: -0.2px;}
.footer-brand-desc {color: #222222; font-size: 16px; line-height: 1.6; max-width: 520px; font-weight: 400;}
.footer-logo-wrapper {display: flex; justify-content: flex-end; align-items: center;}
.footer-yellow-logo {max-width: 220px; max-height: 115px; width: auto; height: auto; object-fit: contain; transition: transform 0.3s ease;}
.footer-yellow-logo:hover {transform: scale(1.04);}
.footer-main-content {padding-bottom: 35px;}
.footer-col-title {color: #ffffff; font-size: 20px; font-weight: 600; margin-bottom: 22px; letter-spacing: -0.2px;}
.footer-quick-links {display: flex; flex-wrap: wrap; gap: 10px;}
.quick-link-pill {background-color: #ffffff52; color: #d1d5db !important; padding: 6px 15px; border-radius: 4px; font-size: 16px; font-weight: 500; font-style: italic; border: 1px solid #383838; transition: all 0.25s ease; display: inline-block; text-decoration: none !important;}
.quick-link-pill:hover {background-color: #e26b18; color: #111827 !important; border-color: #e26b18; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(247, 168, 0, 0.25);}
.footer-contact-info .footer-contact-item {margin-bottom: 14px;}
.footer-contact-info .contact-icon {color: #ffffff; font-size: 16px; min-width: 22px;}
.footer-contact-info .contact-text {color: #d1d5db; font-size: 16px; line-height: 1.5; transition: color 0.3s ease; text-decoration: none !important;}
.footer-contact-info a.contact-text:hover {color: #f7a800 !important;}
.footer-map-container {border-radius: 8px; overflow: hidden; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); border: 1px solid #333333;}
.footer-map-container iframe {display: block; width: 100%;}
.footer-bottom-bar {background-color: #560000; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 22px 0;}
.copyright-text {color: #fff; font-size: 16px;}
.copyright-text a {color: #fff; transition: color 0.3s ease; text-decoration: none !important;}
.copyright-text a:hover {color: #f7a800;}
.callBtnFixed {width: 50px; height: 50px; background: linear-gradient(120deg, rgb(173, 192, 255) 0%, rgb(72, 115, 255) 40%, rgb(0, 51, 145) 100%); display: flex; align-items: center; justify-content: center; border-radius: 40px; position: fixed; bottom: 80px; left: 20px; z-index: 99; animation: call 0.4s ease infinite alternate; cursor: pointer;}
.callBtnFixed i {font-size: 18px; color: white;}
.wpBtnFixed {width: 50px; height: 50px; background: linear-gradient(120deg, rgb(65, 255, 138) 0%, rgb(17, 180, 72) 40%, rgb(0, 146, 19) 100%); display: flex; align-items: center; justify-content: center; border-radius: 40px; position: fixed; bottom: 20px; left: 20px; z-index: 99; animation: call 0.4s ease infinite alternate; cursor: pointer;}
.wpBtnFixed i {font-size: 24px; color: white;}
.quickImgFixed {position: fixed; bottom: 0px; right: 10px; z-index: 99; animation: call 0.5s alternate infinite; cursor: pointer;}
.quickImgFixed img {width: 140px;}
@keyframes blink {from {opacity: 0%;} to {opacity: 100%;}}
@keyframes call {from {transform: translateY(0);} to {transform: translateY(-20px);}}

/* Brand we handle section  */
.brands-handle-section {
	padding-top: 55px;
	margin-top: 65px;
	border-top: 1px solid #e9ecef;
  max-width: 1400px;
}

.brand-heading-box {
	border-right: 1px solid #dee2e6;
	padding-right: 30px;
}

.brand-heading-title {

	color: #111827;
	line-height: 1.35;
	margin-bottom: 0;
}

.brands-carousel .brand-logo-item {
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 12px;
}

.brands-carousel .brand-logo-item img {
	max-height: 80px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	transition: transform 0.3s ease;
}

.brands-carousel .brand-logo-item:hover img {
	transform: scale(1.08);
}
@media (min-width:1px) and (max-width:767.98px){
  .logo{width: 100px;}
.pad{padding:40px 0;}
.top-utility-bar{padding: 10px 0;}
.brand-title, .brand-text{font-size: 20px;}
.brand-sub{font-size: 10px;}
.contact-info, .call-block{display: none !important;}
.contact-item{display: none !important;}
.header-right-block{margin-top: 6px;}
.price-list-btn{font-size: 12px; padding: 5px 14px;}
.navbg{padding: 6px 0;}
.navbg .navbar-nav{padding: 8px 0;}
.navbg .navbar-nav .nav-link{padding: 8px 12px!important; font-size: 14px; margin: 3px 0;}
.navbar-toggler{margin: 4px auto; display: block;}
.wel-img-container {padding-bottom:15px;padding-right:0;margin-bottom:20px;}
.wel-main-img {height:340px;}
.wel-review-card {position:static;width:100%;margin-top:20px;border-radius:18px;padding:18px 15px;}
.wel-exp-badge {left:10px;bottom:200px;width:115px;height:115px;}
.wel-exp-center {width:64px;height:64px;}
.wel-exp-num {font-size:18px;}
.wel-exp-sub {font-size:9px;}
.wel-content-wrap {padding-left:0;margin-top:15px;}
.wel-action-bar {gap:15px;justify-content:flex-start;}
.wel-call-box {margin-left:0!important;margin-top:10px;}
.wel-btn-contact {width:100%;text-align:center;}
.footer-section {padding: 35px 0 20px 0;}
.footer-yellow-card {padding: 25px 20px; margin-bottom: 35px; border-radius: 16px; text-align: center;}
.footer-brand-title {font-size: 22px; margin-bottom: 10px;}
.footer-brand-desc {font-size: 14px; margin-bottom: 18px;}
.footer-logo-wrapper {justify-content: center;}
.footer-yellow-logo {max-width: 180px; max-height: 90px;}
.footer-col-title {font-size: 18px; margin-bottom: 16px;}
.footer-quick-links {gap: 8px; margin-bottom: 10px;}
.quick-link-pill {padding: 6px 13px; font-size: 13px;}
.footer-map-container iframe {height: 200px;}
.copyright-text {font-size: 16px; line-height: 1.6;}
.why-intro-card {padding: 30px 20px; text-align: center;}
.why-tag {justify-content: center;}
.why-intro-btn {margin: 0 auto;}
.why-counter-card {padding: 26px 18px; min-height: 130px;}
.why-counter-num {font-size: 32px;}
.why-counter-label {font-size: 13px;}
.why-banner-wrap {border-radius: 16px; border-width: 2px;}
.why-banner-img {height: 240px;}
.why-banner-badge {bottom: 12px; left: 12px; padding: 7px 14px; font-size: 10px; gap: 6px;}
.prod-cat-section {padding: 40px 15px;}
.prod-card {padding: 25px 18px 22px; margin-bottom: 20px;}
.prod-img-wrap {height: 170px;}
.prod-unusual-shape {width: 140px; height: 140px;}
.prod-img {max-height: 140px;}
.prod-name {font-size: 19px;}
.prod-desc {font-size: 13.5px;}
.safety-section {padding: 40px 15px;}
.safety-card {padding: 26px 18px;}
.safety-card-title {font-size: 20px;}
.safety-item-text {font-size: 14px;}
.contact-section {padding: 40px 15px;}
.contact-info-card {padding: 28px 18px; margin-bottom: 20px;}
.contact-cta-banner {padding: 25px 20px; text-align: center;}
.brands-handle-section {
		margin-top: 35px;
		padding-top: 25px;
	}

	.brand-heading-box {
		border-right: none;
		border-bottom: 1px solid #dee2e6;
		padding-right: 0;
		padding-bottom: 15px;
		margin-bottom: 15px;
		text-align: center;
	}

	.brand-heading-title {
		font-size: 18px;
	}
}

@media (min-width:768px) and (max-width:991.98px){
.pad{padding:40px 0;}
.brand-title, .brand-text{font-size: 22px;}
.navbg .navbar-nav .nav-link{padding: 10px 12px!important; font-size: 13px;}
.contact-item{font-size: 12px;}

.wel-main-img {height:440px;}
.wel-review-card {width:260px;right:-10px;bottom:0px;padding:18px;}
.wel-content-wrap {padding-left:0;margin-top:35px;}
.footer-section {padding: 45px 0 25px 0;}
.footer-yellow-card {padding: 30px 28px; margin-bottom: 40px;}
.footer-yellow-logo {max-width: 190px; max-height: 100px;}
.footer-map-container {margin-top: 20px;}
.footer-map-container iframe {height: 220px;}
.why-intro-card {padding: 35px 26px;}
.why-counter-card {padding: 28px 18px;}
.why-banner-img {height: 320px;}
.prod-cat-section {padding: 50px 30px;}
.prod-card {padding: 28px 18px; margin-bottom: 20px;}
.prod-unusual-shape {width: 150px; height: 150px;}
.prod-img-wrap {height: 180px;}
.safety-section {padding: 50px 30px;}
.safety-card {padding: 30px 22px;}
.contact-section {padding: 50px 30px;}
.contact-info-card {padding: 30px 20px;}
.contact-cta-banner {padding: 30px 28px;}
}

#notfound {position: relative; height: 100vh;}
#notfound .notfound {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.notfound {max-width: 410px; width: 100%; text-align: center;}
.oopslogo{width:350px;}
.notfound h2 {color: #000; font-size: 30px; font-weight: 700; text-transform: uppercase; margin-top: 0; margin-bottom: 0;}
.notfound p {color: #000; font-size: 18px; font-weight: 400; margin-bottom: 15px; margin-top: 5px;}
.notfound a {font-size: 14px; text-decoration: none; text-transform: uppercase; background: #0046d5; display: inline-block; padding: 15px 30px; border-radius: 40px; color: #fff; font-weight: 700; box-shadow: 0px 4px 15px -5px #0046d5;}

@media only screen and (max-width: 767px) {
.notfound .notfound-404 {height: 142px;}
}

.time-of-year {margin: 100px 75px 10px 75px; position: relative; transform: translateZ(0); -webkit-transform: translateZ(0);}
.time-of-year .tooltip {background: #db2a1b; border-radius: 3px; bottom: -49px; font-size: 20px; display: block; left: -67px; padding: 15px; pointer-events: none; position: absolute; width: 320px; height: 100px; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .7s ease-out; transition: all .7s ease-out;}
.time-of-year .tooltip::after {border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #db2a1b; bottom: 58px; content: " "; position: absolute; left: 0%; margin-left: -13px; transform: rotate(92deg);}
.time-of-year:hover .tooltip {opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px);}