@charset "utf-8";
/* CSS Document */

/* CSS Document © 2026 ENVINTO */
/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

@font-face {
    font-family: 'Brittany Signature';
    src: url('../fonts/BrittanySignatureRegular.eot');
    src: url('../fonts/BrittanySignatureRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrittanySignatureRegular.woff2') format('woff2'),
        url('../fonts/BrittanySignatureRegular.woff') format('woff'),
        url('../fonts/BrittanySignatureRegular.ttf') format('truetype'),
        url('../fonts/BrittanySignatureRegular.svg#BrittanySignatureRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */



::-moz-selection{ background:#7b7d7f; color:var(--global); text-shadow:none;}
::selection { background:#7b7d7f; color:var(--global); text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family: "Inter", sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#000000; background: #ffffff; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden; overflow-y: scroll; scroll-behavior: smooth;}
:root { --primary: #FE0000; --secondary:#333333; --global: #ffffff;}
a { text-decoration:none; transition:all 0.25s ease-out 0s; outline: none; box-shadow: none;}
a:hover{text-decoration: none;}
h1, h2, h3 , h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ font-family: "Inter", sans-serif;}
p, p span {font-family: "Open Sans", sans-serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:#000;
}
::-moz-placeholder { 
  color:#000;
}
:-ms-input-placeholder {
  color:#000;
}
:-moz-placeholder {
  color:#000;
}

section, header, footer {width: 100%; float: left;}

img{max-width: 100%; display: block;}

strong{font-weight: bold;}

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


strong{font-weight: bold;}



.error-page-section {background: var(--primary);}
.error-page-row {max-width: 800px; margin: 50px auto;}
.error-page-col1 h1 {font-size: 40px;color: #000;}
.error-page-col1 h2 {font-size: 40px;font-weight: 700;margin: 0 0 20px;color: #000;}
.error-page-col1 p {font-size: 16px;font-weight: 600;line-height: 1.67;margin: 0 0 22px;color: #000;}
.search-form { width: 100%; display: flex; align-items: center;}
.search-form input {width: 197px;height: 45px;border: 1px solid #000;margin: 0 7px 0 0;padding: 0 10px;color: #000;outline: none;box-shadow: none;display: inline-block;border-radius: 80px;}
.search-form .search-submit {width: auto;height: 45px;display: inline-block;padding: 0 25px;color: #ffff;border: 1px solid #000;background: #000;transition all 0.25s ease-in-out;border-radius: 80px;}
.search-form .search-submit .screen-reader-text { position: relative !important;  display: block;  height: auto;  width: auto;  color: #ffff;  clip-path: none;  transition: all 0.25s ease-in-out;}
.search-form .search-submit:hover { color: #000; background: none;}
.search-form .search-submit:hover .screen-reader-text { color: #000;}
.search-form input::placeholder { color: #000;}
.search-page-section {padding: 80px 0px;background: #ffff;}
.search-page-row {  max-width: 1320px;  margin: 0 auto;}
.search-page-row .page-header .page-title {font-size: 40px;margin: 0 0 35px;display: flex;color: #000;font-weight: 500;}
.search-page-card {  margin: 0 0 50px;}
.search-page-content { padding: 0; max-width: inherit;  width: 100%;  text-align: left;  flex: 1 0 0;}
.search-page-content h3 {font-size: 32px;color: #000;font-weight: 500;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid var(--primary);}
.search-page-content p {font-size: 16px;font-weight: 500;line-height: 1.67;margin: 0 0 22px;color: #000;}
.search-btn1 {padding: 12px 24px;background-color: #000;border-radius: 80px;color: #ffffff;border: 1px solid #000;transition: 0.3s all ease-in-out;font-size: 16px;font-weight: 400;display: inline-block;margin: 10px auto 0;}
.search-btn1:hover {background-color: #ffffff;color: #000;}



.defualt-page-section {padding: 60px 0; background: #fff;}
.content-wrap h2 { font-size: 46px; font-weight: 500; color: var(--primary); margin: 0 0 20px;}
.content-wrap p { font-size: 16px; color: var(--secondary); line-height: 1.56; margin: 0 0 20px;}
.content-wrap ul {width: 100%; margin: 0 0 20px;}
.content-wrap ul li { font-size: 16px; line-height: 1.56; color: var(--primary); padding-left: 10px; position: relative;}
.content-wrap ul li:before { content: "\2022"; position: absolute; left: 0; top: 0;}
.content-wrap ol { width: 100%;float: none; counter-reset: my-awesome-counter; margin: 0 auto 28px;position: relative;}
.content-wrap ol li {font-size: 16px; line-height: 1.56; color: var(--primary); padding-left: 20px;position: relative;counter-increment: step-counter;}
.content-wrap ol li:before { content: counter(step-counter) '.'; margin-right: 0px; position: absolute; left: -4px; top: 0;}
.content-wrap p a, .content-wrap ul li a, .content-wrap ol li a{color:var(--primary);}
.content-wrap p a:hover, .content-wrap ul li a:hover, .content-wrap ol li a:hover{color: #000000;}



.whatsup-icon { position: fixed; bottom: 10px; right: 10px; z-index: 9999;background: #fff;padding: 15px;border-radius: 11px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.whatsup-icon img { width: 50px; height: 50px; }
.whatsup-icon  h3{font-size: 12px;text-align: center;color: var(--primary);margin: 0 0 10px;}




.overlay{display: none;}
.burger-btn{display: none;}


.header-sec.sticky{position: fixed;top: 0;left: 0;z-index: 999;background:#fff;animation: .7s slide-down;box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;}
.header-sec.sticky .menu-list ul li a{color:var(--primary);}
.header-sec.sticky {padding: 0;margin: 10px 0px;}
.header-sec.sticky .header-col .logo img{height: 50px;}




.header-section{padding:24px 0px;border-bottom: 1px solid #DCDCDC;}
.header-row{display: flex;align-items: center;justify-content: space-between;}
.logo img{height:60px;}
.menu ul{display:flex;list-style:none;gap:40px;}
.menu ul li a{position:relative;text-decoration:none;font-size:15px;color:#333;font-weight:500;padding:8px 0;transition:.3s;}
.menu ul li a.active,.menu ul li a:hover{font-weight:700;}
.menu ul li a.active::after,.menu ul li a:hover::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:#333;}



.primary-btn a{padding:14px 32px;background:var(--primary);color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:700;border-radius:30px;box-shadow:0 8px 18px rgba(255,20,0,.25);transition:.3s;letter-spacing: 0.8px;}
.primary-btn a:hover{background:#e10f00;transform:translateY(-2px);}




.hero-slider{overflow:hidden;}
.hero-item{padding:130px 0;background:#f8f8f8;position: relative;}
.hero-content{width:60%;position:relative;z-index: 5;}
.hero-content h1{font-size:60px;line-height:1.08;font-weight:700;color:#111;margin-bottom:25px;}
.hero-content p{font-size:18px;line-height:1.8;color:#666;max-width:470px;margin-bottom:35px;}
.theme-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 35px;background:#ff1a00;color:#fff;text-decoration:none;font-weight:700;border-radius:40px;text-transform:uppercase;font-size:14px;transition:.4s;}
.theme-btn:hover{background:#111;}
.hero-image{width:55%;text-align:right;}
.hero-image img{max-width:100%;display:block;position: absolute;left: 0;top: 0;width:100%;object-fit: cover;height: 100%;}




.hero-slider .slick-prev,.hero-slider .slick-next{width:44px;height:44px;border:0;border-radius:50%;background:#d9d9d9;display:flex !important;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:99;cursor:pointer;
transition:.3s ease;box-shadow:0 4px 12px rgba(0,0,0,.08);}
.hero-slider .slick-prev{left:15px;}
.hero-slider .slick-next{right:15px;}
.hero-slider .slick-prev i,.hero-slider .slick-next i{color:#fff;font-size:16px;line-height:1;}
.hero-slider .slick-prev:hover,.hero-slider .slick-next:hover{background:var(--primary);}
.hero-slider .slick-prev::before,.hero-slider .slick-next::before{display:none;}



.category-section{padding:60px 0;background:#fff;}
.sec-title{text-align:center;margin-bottom:40px;}
.sec-title span{display:block;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--primary);text-transform:uppercase;margin-bottom:12px;}
.sec-title h2{font-size:40px;line-height:1.15;font-weight:700;color:#1d1d1d;}
.category-row{display:flex;gap:25px;}
.category-card{width:33.333%;background:#fff;border:1px solid #e6e6e6;border-radius:12px;overflow:hidden;transition:.4s;margin-bottom: 25px;}
.category-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.08);}
.category-img{height:280px;overflow:hidden;}
.category-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s;}
.category-card:hover img{transform:scale(1.05);}
.category-content{padding:25px 20px;}
.category-content h3{font-size:22px;line-height:1.4;font-weight:700;color:#15284b;margin-bottom:10px;}
.category-content p{font-size:14px;line-height:1.5;color:#7d7d7d;margin-bottom:18px;}
.category-content a{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#15284b;text-decoration:none;transition:.3s;}
.category-content a i{font-size:12px;transition:.3s;}
.category-content a:hover{color:var(--primary);}
.category-content a:hover i{transform:translateX(5px);}





.about-section{padding:60px 0;background:#F7F8FA;}
.about-section .container{max-width:1320px;margin:auto;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:80px;}
.about-content{max-width:520px;}
.about-content span{display:block;font-size:13px;font-weight:700;letter-spacing:1.5px;color:#ff1b00;text-transform:uppercase;margin-bottom:12px;}
.about-content h2{font-size:36px;line-height:1.15;font-weight:700;color:#1a1a1a;margin-bottom:25px;}
.about-content p{font-size:16px;line-height:1.9;color:#666;margin-bottom:15px;}
.about-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:1.5px solid #ff1b00;border-radius:50px;text-decoration:none;font-size:14px;font-weight:700;color:#ff1b00;text-transform:uppercase;margin-top:20px;transition:.3s;}
.about-btn:hover{background:#ff1b00;color:#fff;}
.about-image{flex:1;}
.about-image img{width:100%;display:block;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.08);}






.why-choose{padding:60px 0;background:#fff;}
.why-box{display:flex;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.12);}
.why-image{width:46%;position: relative;}
.why-image img::after{box-shadow: 0px 20px 25px -5px #00000043;content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.why-image img{width:100%;height:100%;display:block;object-fit:cover;}
.why-content{width:54%;background:#060606;padding:55px 50px;color:#fff;}
.why-content .sub-title{display:block;font-size:12px;font-weight:700;letter-spacing:1.6px;color:var(--primary);text-transform:uppercase;margin-bottom:14px;}
.why-content h2{font-size:36px;line-height:1.18;font-weight:700;margin-bottom:24px;}
.why-content p{font-size:15px;line-height:1.9;color:#b8b8b8;margin-bottom:35px;}
.why-content ul{list-style:none;}
.why-content ul li{position:relative;padding-left:34px;font-size:15px;color:#d8d8d8;margin-bottom:18px;}
.why-content ul li::before{content:"✓";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border:1px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:11px;font-weight:700;}
.why-bottom{margin-top:40px;display:flex;align-items:center;gap:30px;flex-wrap:wrap;}
.theme-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 34px;background:var(--primary);color:#fff;text-decoration:none;border-radius:40px;font-size:13px;font-weight:700;transition:.35s;}
.theme-btn:hover{background:#fff;color:#111;}
.theme-btn i{font-size:12px;}
.trusted{display:flex;align-items:center;gap:14px;}
.avatars{display:flex;}
.avatars img{width:38px;height:38px;border-radius:50%;border:2px solid #fff;object-fit:cover;margin-left:-10px;}
.avatars img:first-child{margin-left:0;}
.trusted span{font-size:13px;font-weight:600;color:#fff;}




 
.contact-section{position:relative;padding:60px 0;background:url('../images/contact-bg.png') center/cover no-repeat;}
.contact-head{text-align:center;max-width:700px;margin:0 auto 55px;}
.contact-head span{display:block;font-size:13px;font-weight:700;letter-spacing:1.6px;color:var(--primary);text-transform:uppercase;margin-bottom:12px;}
.contact-head h2{font-size:42px;font-weight:700;color:#fff;margin-bottom:18px;}
.contact-head p{font-size:15px;line-height:1.8;color:#c6c9cf;}
.contact-wrap{display:flex;align-items:stretch;gap:48px;}
.contact-info{flex:0.8;border: 1px solid #FFFFFF33;border-radius:24px;padding:35px;backdrop-filter:blur(4px);}
.contact-info-item{display:flex;align-items:flex-start;gap:18px;padding:22px 0;border-bottom:1px solid #FFFFFF33;}
/* .contact-info-item:first-child{padding-top:0;} */
.contact-info-item:last-child{border-bottom:none;}
.contact-info-item i{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;background: #FFFFFF4D;border-radius:50%;color:var(--primary);font-size:15px;}
.contact-info-text label{display:block;font-size:13px;font-weight:700;letter-spacing:1px;color:#9a9ea6;text-transform:uppercase;margin-bottom:6px;}
.contact-info-text p{font-size:16px;font-weight:600;line-height:1.5;color:#fff;}
.contact-info-text a{display: inline-block;text-decoration: none;transition: .3s;font-size: 16px;font-weight: 600;line-height: 1.5;color: #fff;}
.contact-info-text a:hover{color: var(--primary);}
.contact-form{flex:1.2;background:#fff;border-radius:24px;padding:35px;box-shadow:0 25px 60px rgba(0,0,0,.35);}
.contact-row{display:flex;gap:20px;margin-bottom:22px;}
.contact-field{flex:1;}
.contact-field label{display:block;font-size:11px;font-weight:700;letter-spacing:1px;color:#8a8f98;text-transform:uppercase;margin-bottom:10px;}
.contact-field input, .contact-field textarea{width:100%;padding:14px 16px;border:1px solid #e3e5e9;border-radius:8px;font-size:14px;color:#1a1a1a;outline:none;transition:.25s;}
.contact-field textarea{resize:vertical;min-height:110px;font-family:inherit;}
.contact-field input:focus, .contact-field textarea:focus{border-color:var(--primary);}
.contact-field input::placeholder, .contact-field textarea::placeholder{color:#b3b6bc;}
 
.contact-btn{width:100%;padding:16px;border-radius:8px;background:var(--primary);color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:.3s;display: block;text-align: center;border: 1px solid var(--primary);}
.contact-btn:hover{background:transparent;color: var(--primary);}
 



.footer-section{background:#0d0d0d;padding:70px 0 0;}
.footer-top{display:flex;gap:40px;justify-content:space-between;padding-bottom:50px;}
.footer-about{flex:0 0 26%;}
.footer-logo{width:70px;height:70px;border:2px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.footer-logo span{font-size:20px;font-weight:800;color:var(--primary);letter-spacing:.5px;}
.footer-about p{font-size:13.5px;line-height:1.9;color:#9a9a9a;margin-bottom:22px;}
.footer-socials{display:flex;gap:12px;}
.footer-socials a{width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:13px;text-decoration:none;transition:.3s;}
.footer-socials a:hover{background:var(--primary);color:#fff;}
.footer-col{flex:0 0 18%;}
.footer-col h4{font-size:15px;font-weight:700;letter-spacing:.5px;color:var(--primary);text-transform:uppercase;margin-bottom:22px;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:20px;}
.footer-col ul li a{font-size:14px;color:#c9c9c9;text-decoration:none;transition:.25s;}
.footer-col ul li a:hover{color:var(--primary);}
.footer-contact{flex:0 0 24%;}
.footer-contact h4{font-size:15px;font-weight:700;letter-spacing:.5px;color:var(--primary);text-transform:uppercase;margin-bottom:22px;}
.footer-contact-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;}
.footer-contact-item i{color:var(--primary);font-size:14px;margin-top:3px;}
.footer-contact-item p{font-size:14px;line-height:1.6;color:#c9c9c9;margin-bottom: 20px;}
.footer-contact-item a{text-decoration: none;transition: .3s;color: #c9c9c9;}
.footer-contact-item a:hover{color:var(--primary);  }
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:22px 15px;display:flex;align-items:center;justify-content:space-between;margin:auto;}
.footer-bottom p{font-size:13px;color:#8a8a8a;}
.footer-bottom p a{text-decoration: none;transition: .3s;color: var(--primary);}
.footer-bottom p strong{color:#fff;font-weight:600;}
.footer-bottom .footer-credit a{color:var(--primary);text-decoration:none;font-weight:700;}
.footer-bottom-row{display: flex;align-items: center;justify-content: space-between;}





.inner-banner-section{position:relative;height:500px;display:flex;align-items:center;justify-content:center;background:url('../images/inner-banner.png') center 30%/cover no-repeat;}
.inner-banner-section::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: #00000033;}
.inner-banner-content{position:relative;z-index:2;text-align:center;max-width:640px;padding:0 20px;}
.inner-banner-content h1{font-size:60px;font-weight:600;line-height:1.25;color:#fff;margin-bottom:14px;}
.inner-banner-content p{font-size:16px;line-height:1.8;color:#f1f1f1;}





 
.shop-section{padding:50px 0;}
.shop-layout{display:flex;gap:35px;align-items:flex-start;}
.shop-sidebar{flex:0 0 220px;}
.shop-sidebar h3{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:18px;}
.shop-cat-item{display:flex;align-items:center;gap:10px;margin-bottom:16px;cursor:pointer;}
.shop-cat-item i.shop-cat-icon{width:16px;text-align:center;font-size:14px;color:#8a8a8a;transition:.2s;}
.shop-cat-item input{appearance:none;-webkit-appearance:none;width:17px;height:17px;flex:0 0 17px;border:1px solid #E8BCB7;border-radius:4px;position:relative;cursor:pointer;transition:.2s;}
.shop-cat-item input:hover{border-color:var(--primary);}
.shop-cat-item input:checked{background:var(--primary);border-color:#E8BCB7;}
.shop-cat-item input:checked::after{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:9px;}
.shop-cat-item label{font-size:14px;color:#4a4a4a;cursor:pointer;}
.shop-cat-item.active i.shop-cat-icon{color:var(--primary);}
.shop-cat-item.active label{color:var(--primary);font-weight:600;}
.shop-main{flex:1;}
.shop-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;justify-content: flex-end;}
.shop-tab{padding:9px 20px;border: 1px solid #E8BCB7;border-radius:30px;background:#fff;font-size:13px;font-weight:500;color:#5F5E5E;cursor:pointer;transition:.25s;}
.shop-tab:hover{border-color:var(--primary);color:var(--primary);}
.shop-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;}
.shop-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
.shop-card{border:1px solid #eee;border-radius:10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:.3s;}
.shop-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.1);transform:translateY(-3px);}
.shop-card img{width:100%;height:250px;object-fit:cover;}
.shop-card h4{font-size:14px;font-weight:700;color:#1a1a1a;line-height:1.4;margin-bottom:16px;min-height:40px;}
.shop-btn{display:inline-block;padding:11px 26px;border:1px solid var(--primary);border-radius:30px;background:#fff;color:var(--primary);font-size:12.5px;font-weight:600;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:.25s;width: 100%;}
.shop-btn:hover{background:var(--primary);color:#fff;}
.shop-empty{display:none;text-align:center;padding:60px 0;color:#999;font-size:14px;}
.shop-card-content{padding: 30px 20px;}


 
.shop-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;}
.shop-page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#4a4a4a;font-size:13px;font-weight:600;cursor:pointer;transition:.2s;}
.shop-page-btn:hover{border-color:var(--primary);color:var(--primary);}
.shop-page-btn.active{background:#1a1a1a;border-color:#1a1a1a;color:#fff;cursor:default;}
.shop-page-btn.disabled{opacity:.4;cursor:not-allowed;}
.shop-page-btn.disabled:hover{border-color:#e0e0e0;color:#4a4a4a;}
.shop-page-dots{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#9a9a9a;font-size:13px;}
 

 .other-category-section{background-color: #F7F8FA;padding: 50px 0;}
 .sec-btn{ text-align: center; margin-top: 30px;width: fit-content; margin: auto;}











 
.pd-section{padding:60px 0;}
.pd-breadcrumb{font-size:12.5px;color:#6a6a6a;margin-bottom:28px;}
.pd-breadcrumb span{color:#1a1a1a;font-weight:600;}
.pd-top{display:flex;gap:40px;}
.pd-gallery{display:flex;gap:14px;flex:1;}
.pd-thumbs{display:flex;flex-direction:column;gap:12px;}
.pd-thumb{width:64px;height:64px;border:1px solid #e2e2e2;border-radius:6px;padding:4px;cursor:pointer;transition:.2s;}
.pd-thumb img{width:100%;height:100%;object-fit:contain;}
.pd-thumb.active{border-color:var(--primary);}
.pd-main-img{flex:1;border:1px solid #e2e2e2;border-radius:6px;padding:20px;display:flex;align-items:center;justify-content:center;height:550px;}
.pd-main-img img{max-width:100%;max-height:100%;object-fit:contain;}
.pd-info{flex:1;padding-top:4px;}
.pd-info h2{font-size:42px;font-weight:700;line-height:1.2;color:#111;margin-bottom:14px;}
.pd-info h2::after{content:"";display:block;width:56px;height:3px;background:#434655;margin-top:12px;}
.pd-info .pd-desc{font-size:14px;line-height:1.85;color:#000000;margin:22px 0;}
.pd-block{margin-bottom:16px;}
.pd-block h4{font-size:12.5px;font-weight:700;letter-spacing:.5px;color:var(--primary);text-transform:uppercase;margin-bottom:6px;}
.pd-block p{font-size:13.5px;color:#3a3a3a;}
.pd-colors{display:flex;gap:10px;}
.pd-color{width:26px;height:26px;border-radius:5px;cursor:pointer;border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:.2s;}
.pd-color.active{border-color:#1a1a1a;transform:scale(1.08);}
.pd-order-btn{margin-top:12px;padding:14px 42px;border:none;border-radius:30px;background:var(--primary);color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:.25s;}
.pd-order-btn:hover{background:#d91700;}
.pd-details{margin-top:60px;}
.pd-details-head{display:flex;align-items:center;gap:20px;margin-bottom:22px;}
.pd-details-head h2{font-size:22px;font-weight:700;color:#111;white-space:nowrap;}
.pd-details-head::after{content:"";flex:1;height:1px;background:#e2e2e2;}
.pd-table{width:100%;border-collapse:collapse;border: 1px solid #434655;border-radius:10px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.05);}
.pd-table th{background:var(--primary);color:#fff;text-align:left;font-size:13px;font-weight:700;padding:14px 22px;}
.pd-table td{padding:16px 22px;font-size:13.5px;color:#333;border: 1px solid #E5E7EB;}
.pd-table td:first-child{font-weight:600;color:#1a1a1a;width:220px;}
.pd-table tr:nth-child(even) td{background:#fafafa;}
 




.related-section{padding:60px 0;background:#000;}
.related-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px;gap:20px;}
.related-head h2{font-size:28px;font-weight:600;color:#fff;margin-bottom:8px;}
.related-head p{font-size:13.5px;color:#a8a8a8;}
.related-viewall{font-size:13px;font-weight:700;color:var(--primary);text-decoration:none;white-space:nowrap;transition:.2s;}
.related-viewall:hover{opacity:.75;}
.related-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
.related-card{background:#fff;border-radius:8px;padding:22px;text-align:center;}
.related-card img{width:100%;height:170px;object-fit:contain;margin-bottom:16px;}
.related-card h4{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:16px;}
.related-btn{display:inline-block;padding:10px 24px;border:1.5px solid var(--primary);border-radius:30px;background:#fff;color:var(--primary);font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:.25s;width: 100%;}
.related-btn:hover{background:var(--primary);color:#fff;}






.articles-section { padding: 60px 0; background: #fff; }
.articles-grid { display: flex; gap: 30px; }
.article-featured { flex: 0 0 calc(65% - 15px); display: flex; flex-direction: column; border: 1px solid #eaeaea; border-radius: 8px; overflow: hidden; }
.article-featured .article-img { position: relative; height: 380px; }
.article-featured .article-img img { width: 100%; height: 100%; object-fit: cover; }
.badge-featured { position: absolute; top: 15px; left: 15px; background: #ffcc00; color: #111; font-size: 10px; font-weight: 800; padding: 4px 10px; border-radius: 4px; z-index: 2; letter-spacing: 1px; }
.article-featured .article-content { padding: 35px 30px; background: #fff; flex: 1; display: flex; flex-direction: column; }
.article-featured .article-meta { font-size: 11px; font-weight: 700; color: #888; letter-spacing: 1px; margin-bottom: 12px; text-transform: uppercase; }
.article-featured h2 { font-size: 24px; font-weight: 700; color: #111; line-height: 1.3; margin-bottom: 15px; }
.article-featured p { font-size: 16px; color: #666; line-height: 1.7; margin-bottom: 30px; flex: 1; }
.article-featured .read-more { font-size: 13px; font-weight: 700; color: #111; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: 0.3s; }
.article-featured .read-more:hover { color: var(--primary); }
.article-list { flex: 0 0 calc(35% - 15px); display: flex; flex-direction: column; gap: 25px; }
.article-item { display: flex; flex-direction: column; gap: 12px; }
.article-item .article-img { width: 100%; height: 150px; border-radius: 8px; overflow: hidden; }
.article-item .article-img img { width: 100%; height: 100%; object-fit: cover; }
.article-item .article-content { display: flex; flex-direction: column; gap: 6px; }
.article-item .article-cat { font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
.text-red { color: var(--primary); }
.text-gold { color: #b8860b; }
.article-item h3 { font-size: 15px; font-weight: 400; color: #111; line-height: 1.4; cursor: pointer; transition: 0.3s; margin:0; }
.article-item h3:hover { color: var(--primary); }

/* Blog Listing Section */
.blog-listing-section { background: #F7F8FA; padding: 60px 0; }
.blog-filter-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; gap: 20px; flex-wrap: wrap; }
.blog-search { display: flex; align-items: center; background: #fff; padding: 12px 20px; border-radius: 6px; flex: 1; border: 1px solid #e0e0e0; max-width: 700px; }
.blog-search i { color: #888; font-size: 16px; margin-right: 12px; }
.blog-search input { border: none; outline: none; background: transparent; width: 100%; font-size: 14px; color: #333; }
.blog-search input::placeholder { color: #999; }
.blog-filters { display: flex; gap: 15px; }
.custom-select { position: relative; }
.custom-select select { appearance: none; -webkit-appearance: none; background: #fff; border: 1px solid #e0e0e0; padding: 12px 40px 12px 20px; border-radius: 6px; font-size: 14px; color: #333; cursor: pointer; outline: none; width: 160px; font-weight: 500;}
.custom-select::after { content: '\f107'; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #888; pointer-events: none; font-size: 14px; }

.blog-layout { display: flex; gap: 40px; align-items: flex-start; }
.blog-main { flex: 1; }
.blog-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.blog-card { background: #fff; border-radius: 8px; overflow: hidden; border: 1px solid #eaeaea; transition: .3s; }
.blog-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.06); transform: translateY(-3px); }
.blog-card-img { position: relative; height: 220px; }
.blog-card-img img { width: 100%; height: 100%; object-fit: cover; }
.read-time { position: absolute; bottom: 15px; left: 15px; background: rgba(255,255,255,0.9); font-size: 10px; font-weight: 700; padding: 4px 10px; border-radius: 4px; color: #111; letter-spacing: 1px; text-transform: uppercase; }
.blog-card-content { padding: 30px; }
.blog-card-meta { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.blog-cat { font-size: 11px; font-weight: 700; color: #b8860b; text-transform: uppercase; letter-spacing: 1px; }
.blog-date { font-size: 11px; color: #888; text-transform: uppercase; font-weight: 600;}
.blog-card-content h3 { font-size: 20px; font-weight: 700; color: #111; line-height: 1.35; margin-bottom: 12px; transition: .3s; }
.blog-card-content p { font-size: 14px; color: #666; line-height: 1.7; margin-bottom: 22px; }
.blog-card-content .read-more { font-size: 12px; font-weight: 700; color: #111; text-decoration: none; display: flex; align-items: center; gap: 6px; transition: .3s; text-transform: uppercase;}
.blog-card-content .read-more:hover, .blog-card:hover .blog-card-content h3 { color: var(--primary); }

.blog-pagination { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 50px; }
.page-num, .page-arrow, .page-dots { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; color: #111; font-size: 14px; font-weight: 600; text-decoration: none; transition: .3s; }
.page-num:hover, .page-arrow:hover { border-color: #111; background: #111; color: #fff; }
.page-num.active { background: #111; color: #fff; border-color: #111; }
.page-dots { background: transparent; border: none; color: #888; }

.blog-sidebar { flex: 0 0 300px; display: flex; flex-direction: column; gap: 40px; }
.widget-title { font-size: 14px; font-weight: 700; color: #111; text-transform: uppercase; letter-spacing: 1.5px; position: relative; padding-left: 12px; margin-bottom: 25px; }
.widget-title::before { content: ""; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: #ffcc00; }

.recent-posts-list { display: flex; flex-direction: column; gap: 30px; }
.recent-post-item { display: flex; align-items: center; gap: 15px; }
.recent-post-item img { width: 65px; height: 65px; border-radius: 6px; object-fit: cover; }
.recent-post-content { flex: 1; }
.recent-date { display: block; font-size: 11px; color: #888; font-weight: 600; text-transform: uppercase; margin-bottom: 6px; }
.recent-post-content h5 { font-size: 13.5px; font-weight: 700; color: #111; line-height: 1.4; transition: .3s; cursor: pointer; margin: 0; }
.recent-post-content h5:hover { color: var(--primary); }

.tags-list { display: flex; flex-wrap: wrap; gap: 10px; }
.tags-list a { display: inline-block; padding: 8px 16px; background: #fff; border: 1px solid #e0e0e0; border-radius: 30px; font-size: 12px; font-weight: 600; color: #333; text-decoration: none; transition: .3s; }
.tags-list a:hover { background: var(--primary); color: #fff; border-color: var(--primary); }

/* Blog Detail Section */
.blog-detail-section { padding: 40px 0 80px; background: #fff; }
.breadcrumb { font-size: 11px; color: #888; margin-bottom: 40px; font-weight: 500; }
.breadcrumb a { color: #888; text-decoration: none; transition: .3s; }
.breadcrumb a:hover { color: var(--primary); }
.breadcrumb span { color: #111; font-weight: 600; }
.blog-detail-layout { display: flex; gap: 50px; align-items: flex-start; }
/* Sidebar */
.blog-detail-sidebar { flex: 0 0 280px; display: flex; flex-direction: column; gap: 30px; position: sticky; top: 20px; align-self: flex-start; }
.toc-widget { background: #F7F8FA; padding: 30px; border-radius: 12px; }
.toc-widget h4 { font-size: 13px; font-weight: 700; color: #333; margin-bottom: 20px; text-transform: uppercase; letter-spacing: .5px; }
.toc-widget ul { list-style: none; display: flex; flex-direction: column; gap: 15px; }
.toc-widget ul li { position: relative; padding-left: 15px; }
.toc-widget ul li::before { content: ""; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; background: var(--primary); border-radius: 50%; }
.toc-widget ul li a { font-size: 13.5px; color: #555; text-decoration: none; transition: .3s; }
.toc-widget ul li a:hover { color: var(--primary); }
.support-widget { background: #ff1b00; color: #fff; padding: 30px; border-radius: 12px; }
.support-widget h4 { font-size: 15px; font-weight: 600; margin-bottom: 10px; }
.support-widget p { font-size: 12px; line-height: 1.5; margin-bottom: 20px; opacity: .9; }
.support-widget a { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: #fff; text-decoration: none; }
.share-widget { display: flex; align-items: center; gap: 20px; padding: 0 10px; }
.share-widget strong { font-size: 12px; color: #555; }
.share-icons { display: flex; gap: 10px; }
.share-icons a { width: 32px; height: 32px; background: #eaeaea; color: #555; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; text-decoration: none; transition: .3s; }
.share-icons a:hover { background: var(--primary); color: #fff; }
/* Content */
.blog-detail-content { flex: 1; }
.blog-intro-row { display: flex; gap: 40px; align-items: flex-start; margin-bottom: 60px; }
.blog-intro-text { flex: 1; }
.blog-intro-text h1 { font-size: 32px; font-weight: 700; color: #111; line-height: 1.25; margin-bottom: 20px; }
.blog-intro-text p { font-size: 15px; color: #666; line-height: 1.7; margin-bottom: 30px; }
.stats-row { display: flex; gap: 20px; }
.stat-box { background: #F7F8FA; padding: 20px; border-radius: 8px; text-align: center; flex: 1; border-bottom: 3px solid #ccc; }
.stat-box h3 { font-size: 22px; font-weight: 700; color: #111; margin-bottom: 5px; }
.stat-box span { font-size: 11px; color: #777; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; }
.blog-intro-image { flex: 0 0 500px; }
.blog-intro-image img { width: 100%; border-radius: 12px; }
.top-list-header { text-align: center; margin-bottom: 40px; }
.top-list-header h2 { font-size: 26px; font-weight: 700; color: #111; margin-bottom: 10px; }
.top-list-header p { font-size: 14px; color: #666; max-width: 500px; margin: auto; line-height: 1.6; }
.ppe-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.ppe-card { border: 1px solid #eaeaea; border-radius: 12px; padding: 30px; display: flex; flex-direction: column; }
.ppe-card-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; }
.ppe-num { font-size: 40px; font-weight: 800; color: #E5E7EB; line-height: 1; }
.ppe-tag { font-size: 10px; font-weight: 700; padding: 4px 10px; border-radius: 4px; letter-spacing: .5px; }
.ppe-tag.critical { background: #FFF7E6; color: #B38600; }
.ppe-tag.popular { background: #ffcc00; color: #111; }
.ppe-card-img { height: 200px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.ppe-card-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.ppe-card h3 { font-size: 18px; font-weight: 700; color: #111; margin-bottom: 10px; }
.ppe-card p { font-size: 13.5px; color: #666; line-height: 1.6; margin-bottom: 25px; }
.ppe-features { background: #F7F8FA; padding: 20px; border-radius: 8px; margin-bottom: 25px; flex: 1; }
.ppe-features h5 { font-size: 12px; font-weight: 600; color: #111; margin-bottom: 12px; }
.ppe-features ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.ppe-features ul li { font-size: 12.5px; color: #555; display: flex; gap: 8px; align-items: flex-start; }
.ppe-features ul li i { font-size: 14px; color: #888; margin-top: 2px; }

.btn-outline-red { display: block; text-align: center; padding: 14px; border: 1.5px solid var(--primary); border-radius: 30px; color: var(--primary); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; transition: .3s; margin-top: auto; }
.btn-outline-red:hover { background: var(--primary); color: #fff; }

/* Daily Safety Check */
.daily-safety-check { background: #111; color: #fff; padding: 40px 60px; border-radius: 12px; margin-top: 60px; text-align: center; }
.daily-safety-check h4 { font-size: 15px; font-weight: 400; margin-bottom: 40px; color: #fff; }
.safety-icons { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.safety-icon-item { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.safety-icon-circle { width: 50px; height: 50px; border: 1.5px solid #ffcc00; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffcc00; font-size: 18px; }
.safety-icon-item span { font-size: 13px; color: #ccc; }

/* Compliance Section */
.compliance-section { display: flex; gap: 40px; margin-top: 60px; align-items: center; }
.compliance-text { flex: 1; }
.compliance-text h3 { font-size: 22px; font-weight: 700; color: #111; margin-bottom: 15px; }
.compliance-text p { font-size: 14px; color: #666; line-height: 1.7; margin-bottom: 25px; }
.compliance-badges { display: flex; gap: 15px; flex-wrap: wrap; }
.comp-badge { border: 1px solid #eaeaea; padding: 8px 15px; border-radius: 6px; font-size: 12px; font-weight: 600; color: #333; display: flex; align-items: center; gap: 8px; }
.comp-badge:nth-child(1) i { color: #dc3545; }
.comp-badge:nth-child(2) i { color: #b8860b; }
.comp-badge:nth-child(3) i { color: #666; }

.compliance-steps { flex: 1; background: #F7F8FA; padding: 40px; border-radius: 12px; display: flex; flex-direction: column; gap: 30px; }
.comp-step { display: flex; gap: 15px; align-items: flex-start; position: relative; }
.comp-step:not(:last-child)::after { content: ""; position: absolute; left: 11px; top: 24px; bottom: -30px; width: 1.5px; background: #e0e0e0; z-index: 1; }
.comp-num { width: 24px; height: 24px; background: #ffcc00; color: #111; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0; position: relative; z-index: 2; }
.comp-step-text h5 { font-size: 14px; font-weight: 700; color: #111; margin-bottom: 5px; }
.comp-step-text p { font-size: 12px; color: #777; line-height: 1.5; margin: 0; }

/* FAQ Section */
.faq-section { background: #F7F8FA; padding: 50px; border-radius: 12px; margin-top: 60px; text-align: center; }
.faq-section h3 { font-size: 24px; font-weight: 700; color: #111; margin-bottom: 30px; }
.faq-list { display: flex; flex-direction: column; gap: 15px; text-align: left; }
.faq-item { background: #fff; border: 1px solid #eaeaea; padding: 18px 25px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; transition: .3s; }
.faq-item:hover { border-color: #ccc; }
.faq-item h5 { font-size: 14px; font-weight: 600; color: #333; margin: 0; }
.faq-item i { color: #888; font-size: 12px; }

/* Continue Reading Section */
.continue-reading { margin-top: 60px; }
.continue-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
.continue-top h4 { font-size: 14px; font-weight: 600; color: #333; margin: 0; }
.continue-top a { font-size: 13px; font-weight: 600; color: #dc3545; text-decoration: none; display: flex; align-items: center; gap: 5px; }
.continue-top a:hover { text-decoration: underline; }
.continue-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.cont-card img { width: 100%; height: 160px; object-fit: cover; border-radius: 8px; margin-bottom: 15px; }
.cont-card h5 { font-size: 14px; font-weight: 700; color: #111; line-height: 1.4; margin-bottom: 8px; }
.cont-card p { font-size: 11px; color: #666; line-height: 1.5; margin:0; }