html { scroll-behavior:smooth;}
body{ font-family:'Inter',sans-serif; font-size:15px; color:#2e2e2e; background:#fff; margin:0; padding:0;}
a, a:hover, a:active, a:focus, button {outline:0 !important; text-decoration:none; transition:all 0.3s ease; -moz-transition:all 0.3s ease;	-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
b, strong {font-weight:600;}
a, .btn, .btn:focus, .btn:active { box-shadow:none !important;}
a, a:hover{ color:#0e7cc9;}

h1{font-family:'DM Serif Display',sans-serif; font-size:46px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:700;}
h2{font-family:'DM Serif Display',sans-serif; font-size:32px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:500;}
h3{font-family:'DM Serif Display',sans-serif; font-size:26px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:500;}
h4{font-family:'DM Serif Display',sans-serif; font-size:22px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:500;}
h5{font-family:'DM Serif Display',sans-serif; font-size:20px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:500;}
h6{font-family:'Inter',sans-serif; font-size:18px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
p{font-family:'Inter',sans-serif; font-size:16px; font-weight:400; line-height:1.6; word-break:keep-all;}
.text-danger { color:#f00 !important;}
.imgrounded{border-radius:12px !important;}

header{ position:relative; background:#FFFFFF; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); overflow:inherit;}
.sticky { position:fixed; top:0; width:100%; background:#FFFFFF; z-index:9999;}
header .topHead{ background:#142134; padding:9px 0; font-size:12px; color:#fff; font-weight:500; text-transform:uppercase; letter-spacing:0.6px;}
header .topHead .rightPart{ text-align: right;}
header .topHead .rightPart ul{ margin:0; padding:0;}
header .topHead .rightPart ul li {list-style:none; display:inline-block;}
header .topHead .rightPart ul li a { text-decoration:none; color:#fff; padding:0 0 0 12px;}
header .topHead .rightPart .btn {padding:0 0 0 8px; background:none; color:#fff; font-size:12px; font-weight:500; vertical-align:baseline; text-transform:uppercase; letter-spacing:0.6px;}
header .topHead .rightPart ul.dropdown-menu{ margin-top:4px; padding-bottom:6px;}
header .topHead .rightPart ul.dropdown-menu li{ display:block; padding:3px 2px;}
header .topHead .rightPart ul.dropdown-menu li a{ font-size:13px; color:#000; letter-spacing:0; text-transform:capitalize; font-weight:400;}
header .topHead .rightPart ul.dropdown-menu li a:hover{color:#0e7cc9;}
header .topHead .rightPart .dropdown-toggle::after{ display:none;}
header .toplogo { padding:15px;}

.searchForm{display:none; background:#000; padding:20px; position:absolute; z-index:2; width:100%;}
.searchForm .form-control{ position:relative; background:none; box-shadow:none; border:solid #fff 1px; height:40px; font-size:15px; color:#fff;}
.searchForm .form-control::placeholder { color:#fff; opacity:0.9;}
.searchForm button{ background:none; border:none; font-size:18px; color:#fff; position:absolute; right:26px; top:10px;}

.marquee-wrapper { background:#ededed; overflow:hidden; white-space:nowrap; position:relative; padding:10px 0; color:#000; border-top:solid #dddddd 1px;}
.marquee-track { display:flex; width:max-content; animation:scroll 80s linear infinite;}
.marquee-content { display:flex;}
.marquee-content span { margin:0 20px; font-size:13px; font-weight:400; text-transform:uppercase; letter-spacing:0.8px; display:flex; align-items:center;}
/* Divider line */
.marquee-content span::after { content:""; width:15px; height:1px; background:#8c8c8c; margin-left:10px;}
@keyframes scroll { 
0% { transform: translateX(0);}
100% { transform: translateX(-50%);}
}

.slider{ position:relative; overflow:hidden;}
.slider .item{ height:540px; overflow:hidden;}
.slider .bannercaption{ position:absolute; width:100%; z-index:2; top:50%; bottom:auto; transform:translateY(-50%); text-align:center; left:0; right:0;}
.slider .bannercaption .banner-text-box{ display:inline-block; max-width:860px; margin:0 auto; background:rgba(15, 23, 42, 0.32); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border:1px solid rgba(255, 255, 255, 0.20); border-radius:12px; padding:28px 42px; box-shadow:0 8px 28px rgba(0, 0, 0, 0.15);}
.slider .bannercaption h2{font-family:'Inter'; background:rgba(255, 255, 255, 0.15); border:1px solid rgba(255, 255, 255, 0.25); font-size:11.5px; font-weight:600; color:#fff; letter-spacing:2px; text-transform:uppercase; display:inline-block; padding:6px 14px; border-radius:4px; margin-bottom:14px;}
.slider .bannercaption h1{ font-family:'DM Serif Display', serif; font-size:clamp(24px, 3.4vw, 42px); font-weight:400; color:#fff; line-height:1.2; text-transform:uppercase !important; margin:0 auto; max-width:800px; padding-bottom:10px; text-shadow:0 2px 8px rgba(0,0,0,0.4);}
.slider .bannercaption h1 small{font-family:'Inter', sans-serif; font-size:13px; color:#cbd5e1; letter-spacing:2px; display:block; margin-bottom:4px;}
.slider .bannercaption p{font-family:'Inter', sans-serif; font-size:17.5px; font-weight:400; color:#f1f5f9; line-height:1.55; text-transform:none; margin:0 auto; max-width:720px; padding-bottom:16px; text-shadow:0 1px 4px rgba(0,0,0,0.4);}
.slider .bannercaption .btn-primary { background:#fff; text-transform:uppercase; font-size:12.5px; letter-spacing:1.8px; font-weight:600; padding:13px 28px; color:#142134; border:0; border-radius:4px; display:inline-block; box-shadow:0 4px 14px rgba(0,0,0,0.25); transition:all 0.2s ease;}
.slider .bannercaption .btn-primary i{ padding-left:4px;}
.slider .bannercaption .btn-primary:hover{ background:#1083d4; color:#fff; transform:translateY(-2px); box-shadow:0 6px 18px rgba(16, 131, 212, 0.35);}
.slider .owl-theme .owl-nav.disabled + .owl-dots{ position:absolute; z-index:9999; left:0; right:0; bottom:10px;}
.slider .owl-theme .owl-dots .owl-dot span{ width:20px; height:6px; border:1px solid #ccc; margin:5px 6px; background:none;}
.slider .owl-theme .owl-dots .owl-dot.active span, .slider .owl-theme .owl-dots .owl-dot:hover span{ background:#fff; border-color:#fff;}

.bestsellerPart{ background:#fff; padding:65px 0;}
.bestsellerPart h1 span{ color:#1083d4; font-style:italic;}
.bestsellerPart .product-card{background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.15); transition:0.3s; height:100%; display: flex; flex-direction: column;}
.bestsellerPart .product-card:hover{transform:translateY(-6px);}
.bestsellerPart .product-content{position:relative; padding:25px 20px 25px; display: flex; flex-direction: column; flex-grow: 1;}
.bestsellerPart .product-content .sale-badge{position:absolute; z-index:22; left:18px; top:-15px; background:#0e7cc9; color:#fff; font-size:12px; font-weight:600; padding:5px 12px;}
.bestsellerPart .brand{font-size:12px; text-transform:uppercase; letter-spacing:1px; margin-bottom:8px;}
.bestsellerPart .price-row{font-size:14px; margin:20px 0 5px; }
.bestsellerPart .old-price{ color:#333; text-decoration:line-through; margin-right:6px;}
.bestsellerPart .save{color:#a52a2a; font-weight:500;}
.bestsellerPart .new-price{ font-size:20px; font-weight:700; color:#000;}

.shopByStyle{ background:#f5f7fa; border-bottom:solid #dfe5ec 1px; padding:65px 0;}
.shopByStyle h1 span{ color:#1083d4; font-style:italic;}
.shopByStyle .style-card {position:relative; overflow:hidden; margin-top:30px;}
.shopByStyle .style-card img { width:100%; height:385px; object-fit:cover; transition:0.4s;}
.shopByStyle .style-card:hover img {transform: scale(1.05);}
.shopByStyle .style-overlay {position:absolute;left:0; bottom:0; width:100%; padding:20px 15px; background:linear-gradient(to top, rgba(0,0,0,0.75), transparent);}
.shopByStyle .style-overlay h5 {color:#fff; display:flex; align-items:center; justify-content:space-between;}
.shopByStyle .style-overlay i {font-size:14px;}
.category-sidebar {border-left:1px solid #d2d2d2; padding-left:30px; height:100%;}
.category-sidebar h3 span {color:#1083d4; font-style:italic;}
.category-sidebar .category-list {padding:0; margin:12px 0 0; list-style:none;}
.category-sidebar .category-list li { margin-top:3px;}
.category-sidebar .category-list li a {color:#000; font-size:13px; text-decoration:none; transition:0.3s;}
.category-sidebar .category-list li a:hover { color:#1e7fe5; padding-left:5px;}

.ourBrands{ background:#fff; padding:60px 0; text-align:center;}
.ourBrands .brands-wrapper{ display:flex; justify-content:center; align-items:center; gap:70px; margin-top:35px; flex-wrap:wrap;}
.ourBrands .brands-wrapper .brand-item{ display:inline-flex; align-items:center; justify-content:center; padding:10px 20px; transition:transform 0.25s ease;}
.ourBrands .brands-wrapper .brand-item img{ max-height:52px; width:auto; object-fit:contain; transition:filter 0.25s ease, transform 0.25s ease; filter:grayscale(15%);}
.ourBrands .brands-wrapper .brand-item:hover img{ filter:grayscale(0%); transform:scale(1.06);}

.swatchesPart{ background:#fcfbf8; border-top:solid #dfe5ec 1px; padding:70px 0;}
.swatchesPart .image-wrapper{position:relative;}
.swatchesPart .image-wrapper img{ width:100%; display:block;}
.swatchesPart .image-wrapper .floating-box{ position:absolute; top:40px; right:-25px; background:#1083d4; color:#fff; padding:22px 20px; width:220px; }
.swatchesPart .image-wrapper .floating-box i{ font-size:24px; margin-bottom:10px; display:block;}
.swatchesPart .image-wrapper .floating-box h6{font-family:'Playfair Display',serif; margin:0; font-size:18px; line-height:1.3; font-style:italic; color:#fff;}

.swatch-content{ padding:0 0 0 45px;}
.swatch-content .small-title{ color:#0083df; font-size:12px; font-weight:600; letter-spacing:2px; text-transform:uppercase; display:block; margin-bottom:10px;}
.swatch-content h1 span{color:#1083d4; font-style:italic;}
.swatch-content .steps{list-style:none; padding:0; margin:0 0 30px;}
.swatch-content .steps li{display:flex; align-items:flex-start; margin-bottom:12px; font-size:15px; color:#142134;}
.swatch-content .steps .step-number{ width:24px; height:24px; border-radius:50%; background:#1083d4; color:#fff; display:flex; align-items:center; justify-content:center; margin-right:15px; font-size:12px; font-weight:600;}
.swatch-content .btn-primary { background:#0f1c2e; text-transform:uppercase; font-size:12px; letter-spacing:2px; font-weight:600; padding:16px 24px; color:#fff; border:0; border-radius:0px;}
.swatch-content .btn-primary i{ padding-left:4px;}
.swatch-content .btn-primary:hover{ background:#1083d4; color:#fff;}

.testimonialsPart{ background:#0f1c2e; padding:60px 0 70px;}
.testimonialsPart h1{color:#fff;}
.testimonialsPart h1 span{color:#1083d4; font-style:italic;}
.testimonialsPart a{ text-transform:uppercase; font-size:12px; letter-spacing:2px; font-weight:600; color:#fff; float:right; border-bottom:solid #fff 1px; line-height:2;}
.testimonialsPart .testimonials{ margin:25px 0 0;}
.testimonialsPart .testimonials .rating {display:block; padding:4px 0 10px;}
.testimonialsPart .testimonials .rating i { font-size:14px; color:#1a81ef;}
.testimonialsPart .testimonials p { font-size:14px; color:#e2e2e2;}
.testimonialsPart .testimonials .titleName { font-size:12px; color:#b3b3b3; text-transform:uppercase; letter-spacing:2px; padding:4px 0 0;}

.whybuyPart{ background:#fff; padding:65px 0;}
.whybuyPart h1 span{ color:#1083d4; font-style:italic;}
.whybuyPart .featureBox{display:flex; align-items:flex-start; margin-top:25px;}
.whybuyPart .featureBox i{ width:42px; margin:4px 18px 0; color:#1083d4; font-size:28px;}
.whybuyPart .featureBox p{ font-size:14px; padding:4px 0 0;}

footer{ background:#0f1c2e; padding:54px 0 0;}
footer img{ margin:0 4px 15px 0;}
footer h6{ font-size:14px; color:#1991e5; text-transform:uppercase; font-weight:400; letter-spacing:1px; margin-bottom:20px; }
footer p{ font-size:13px; color:#bcbcbd; line-height:1.7; margin-bottom:8px;}
footer ul{ list-style:none; margin:0; padding:0 0 16px 0;}
footer ul li a{ font-size:13px; color:#bcbcbd; display:block; text-decoration:none; font-weight:400; position:relative; padding:0 0 10px;}
footer ul li a:hover{ color:#fff;}
footer .futContact{}
footer .futContact li { position:relative; font-size:13px; color:#bcbcbd; padding:12px 0 0 20px;}
footer .futContact li i {position:absolute; left:0px; top:16px; font-size:13px;}
footer .newsletter{ position:relative; margin-bottom:25px;}
footer .newsletter input{ width:100%; background:none; border:none; border-bottom:1px solid rgba(255,255,255,0.6); padding:10px 25px 10px 0; color:#fff; outline:none; font-size:14px; color:#bcbcbd;}
footer .newsletter button{ position:absolute; bottom:8px; right:0; background:none; border:none; color:#00a2ff; font-size:14px; outline:none;}
footer .social { margin-bottom:15px;}
footer .social i{width:36px; height:36px; line-height:36px; font-size:15px;text-align:center; border-radius:100%; color:#bcbcbd; border:solid #bcbcbd 1px;}
footer .social i:hover{ color:#fff; border:solid #fff 1px;}
footer .copyright { font-size:13px; color:#bcbcbd; padding:26px 0 28px; border-top:solid #606a78 1px;}
footer .copyright a{color:#bcbcbd; text-decoration:underline; margin-left:4px; display:inline-block;}
footer .copyright a:hover{color:#fff;}
footer .copyright .poweredby { font-size:12px; color:#585a5d !important; text-decoration:none; float:right;}


/*---------------------- Inner page CSS ------------------------*/
.titlePart{ padding:60px 15px; display:flex; align-items:center; flex-direction:column;}
.titlePart h1{ color:#fff;}
.titlePart p{ font-size:15px; color:#fff; padding:8px 0 0; text-align:center;}
.titlePart ul{ margin:12px auto 4px; padding:0; color:#fff;}
.titlePart ul li {list-style:none; font-size:15px; position:relative; padding:4px 0 0 22px;}
.titlePart ul li::before {position:absolute; font-family:FontAwesome; font-size:15px; font-weight:900; top:5px; left:0; content:"\f00c"; color:#fff;}

.innerpage-contant{ padding:20px 0 50px;}
.innerpage-contant h1{ padding-bottom:12px;}
.innerpage-contant h2, .innerpage-contant h3, .innerpage-contant h4, .innerpage-contant h5, .innerpage-contant h6{ padding-bottom:8px;}
ul.breadcrumb { padding:0; margin:0 0 12px; list-style:none; background:none; display:block;}
ul.breadcrumb li {display:inline; font-size:13px; color:#000;}
ul.breadcrumb li+li:before {font-family: FontAwesome; padding:8px 6px; content:"\f105";}
ul.breadcrumb li a { color:#1083d4; text-decoration:none; font-weight:400;}
ul.breadcrumb li a:hover { color:#1083d4;}

.aboutBox{ background:#f9fcff; border:solid #e0e5eb 1px; border-radius:10px; padding:15px 10px 5px 10px; text-align:center; margin:20px 0 0; height:90%;}
.aboutBox h6{ font-size:18px; color:#1083d4; font-weight:700;}
.aboutBox h6 small{ font-size:14px; color:#2e2e2e; display:block; padding-top:4px;}

ul.about { margin:4px 6px 4px 2px; padding:0;}
ul.about li {list-style:none; font-size:15px; position:relative; background:#f9fcff; border:solid #e0e5eb 1px; padding:12px 12px 12px 42px; margin:0 0 10px; border-radius:10px;}
ul.about li::before {position:absolute; font-family:FontAwesome; font-size:10px; font-weight:900; top:14px; left:14px; content:"\f00c"; color:#1083d4; border:solid #1083d4 2px; width:18px; height:18px; line-height:14px; text-align:center; border-radius:100%;}

.cart-item{ padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #ddd6cf;}
.item-card-info { border-radius:0; border:0; overflow:hidden; box-shadow:none; border-bottom: 1px solid rgba(0,0,0,.125); margin-bottom:10px;}
.item-card-info .card-header {padding:0; background:#fff; border-bottom:0;}
.item-card-info .card-header .btn-header-link { display:block; text-align:left; color:#0a0a0a; padding:10px 0 8px; font-size:14px; font-weight:500;}
.item-card-info .card-header .btn-header-link:after { content:"\f106"; font-family:'Font Awesome 5 Free'; font-weight:900; float:right;}
.item-card-info .card-header .btn-header-link.collapsed:after { content:"\f107";}
.item-card-info .item-choices{}
.item-card-info .item-choices .item-row{display:flex; justify-content:space-between; border-bottom:1px solid #ddd6cf; padding:6px 0; font-size:12px;}
.item-card-info .item-choices .item-row .item-label{color:#777;}
.item-card-info .item-choices .item-row .item-value{font-weight:500; color:#222;}
	
.cart-item .product-price{ font-size:18px; color:#000; font-weight:600; text-align:right;}
.cart-item .product-price span{ font-size:14px; font-weight:400; color:#333; text-decoration:line-through; display:block;}
.cart-item .qty-box{ display:flex; align-items:center; justify-content:flex-end; margin:20px 0; font-size:14px; color:#000; letter-spacing:2px;}
.cart-item select { background:none; border:none; border-bottom: solid 1px; font-size:14px;}		
.cart-item .rightBtns{ text-align:right;}		
.cart-item .rightBtns .right-btn{ border:1px solid #cfc7bf; background:none; padding:6px 8px; font-size:11px; text-transform:uppercase; margin:3px 0;}
.cart-item .rightBtns .right-btn:hover{background:#0f1c2e; color:#fff;}	

.summary-box{background:#f5f7fa; border:1px solid #dfe5ec; padding:25px;}
.summary-box p{ font-size:14px; line-height:1.5;}
.summary-box .promo-box{display:flex; justify-content:space-between; border-bottom:1px solid #9ba2aa; padding-bottom:8px; margin:15px 0 30px 0;}
.summary-box .promo-box input{ border:none;background:transparent; width:100%; font-size:13px; outline:none;}
.summary-box .promo-box button{ border:none; background:none; color:#0e7cc9; font-size:14px; letter-spacing:0.5px; font-weight:600;}			
.summary-box .summary-row{display:flex; justify-content:space-between; margin-bottom:15px; font-size:15px; color:#000;}
.summary-box .summary-total{display:flex; justify-content:space-between; align-items:center; margin-bottom:15px;}
.summary-box .summary-total span{font-size:22px; color:#000; font-weight:700;}
.summary-box .continue-btn, .summary-box .checkout-btn{ width:100%; background:#0f1c2e; color:#fff; border:none; padding:16px; font-size:12px; text-transform:uppercase; letter-spacing:2px; font-weight:600; margin-bottom:6px; border:solid #0f1c2e 1px;}
.summary-box .continue-btn{ background:none; color:#0f1c2e; padding:15px;}
.summary-box .continue-btn:hover, .summary-box .checkout-btn:hover{background:#1083d4; color:#fff; border:solid #1083d4 1px;}
.summary-box ul li{ list-style:none; display:inline-block;}
.summary-box ul li a{ font-size:14px; text-decoration:underline; color:#0e7cc9; margin:0 6px 0 0;}

.loginForm{ background:#fff; padding:40px;  box-shadow: 0 0 25px rgba(0,0,0,0.15); margin:20px 0 0;}
.loginForm .form-group label { font-size:14px; color:#000; font-weight:500;}
.loginForm .form-control, .loginForm .form-select { font-size:14px; height:42px;}
.loginForm textarea{height:auto !important;}
.loginForm .btn-primary {background:#0f1c2e; text-transform:uppercase; font-size:12px; font-weight:600; letter-spacing:2px; padding:18px 35px; color:#fff; border:0; display:inline-block; border-radius:0; min-width:210px; margin:0 10px 0 0;}
.loginForm .btn-primary:hover{ background:#1083d4 !important; border:0; color:#fff; text-decoration:none;}
.loginForm ul{ list-style:none; padding:0; margin:0 0 28px;}
.loginForm ul li{ font-size:15px; color:#4b5563; margin-bottom:14px;}
.loginForm ul li i{color:#1083d4; font-size:14px; margin-right:8px;}
.loginForm a{ font-size:14px; color:#000;}
.loginForm a:hover{ text-decoration:underline; color:#1083d4;}

.testimonials-card { background:#fff; border:1px solid #c7cacd; border-radius:3px; padding:22px; height:100%;}
.testimonials-card:hover { box-shadow:0 0 20px rgba(0,0,0,0.09);}
.testimonials-card h6{font-size:16px; margin-left:10px; padding-bottom:0px;}
.testimonials-card .titleName {width:44px; height:44px; line-height:44px; text-align:center; background:#eaedf2; color:#000; border-radius:50%; font-size:14px; font-weight:500;}
.testimonials-card .rating {display:block; padding:8px 0 6px;}
.testimonials-card .rating i { font-size:12px; color:#f5a924;}
.testimonials-card p { color:#313131; margin-bottom:10px;}
.testimonial-btn{background:#0f1c2e; text-transform:uppercase; font-size:12px; font-weight:600; letter-spacing:2px; padding:16px 20px; color:#fff; border:0; display:inline-block; border-radius:3px; float:right;}
.testimonial-btn:hover{background:#1083d4; color:#fff;}
.pagination{ margin:8px 0;}
.page-item.active .page-link { background:#1083d4; border-color:#1083d4;}
.page-link {color:#060e17; padding:.5rem .85rem; font-size:15px;}

#contactModal { background-color:rgba(0, 0, 0, 0.8); z-index:99999;}
#contactModal .modal-dialog {max-width:600px;}
#contactModal .modal-header { padding: 0.8rem 1.4rem 0.4rem;}
#contactModal .modal-header .close {font-size:30px; padding: 20px 16px 0;}
#contactModal .modal-body .form-group {margin-bottom:12px;}
#contactModal .modal-body label { font-size:14px; color:#000; font-weight:500; margin-bottom:6px;}
#contactModal .modal-body .txt{ font-size:13px; color:#333333; line-height:1.4;}
#contactModal .modal-body .btn-primary{ background:#0f1c2e; text-transform:uppercase; font-size:12px; letter-spacing:2px; font-weight:600; padding:16px 24px; border:0; margin:10px 0;}
#contactModal .modal-body .btn-primary:hover{ background:#1083d4 !important; color:#fff;}

#faq .card { margin-top:10px; border-radius:12px; border:1px solid #d5d6d9; overflow:hidden;}
#faq .card:hover{ box-shadow:0 0 25px rgba(0,0,0,0.08); transition:0.2s;}
#faq .card .card-header {padding:0; background:#fff;}
#faq .card .card-header .btn-header-link { display:block; text-align:left; color:#0a0a0a; padding:13px 20px; font-size:18px; font-weight:500;}
#faq .card .card-header .btn-header-link:after { content:"\f106"; font-family:'Font Awesome 5 Free'; font-weight:900; float:right;}
#faq .card .card-header .btn-header-link.collapsed:after { content:"\f107";}

.shop-sidebar{}
.shop-sidebar .close-sidebar{ position:absolute; top:15px; right:15px; background:none; border:none; font-size:32px; line-height:1;}
.shop-sidebar .filter-group{margin-bottom:24px;}
.shop-sidebar .filter-group h6{font-size:15px; margin:10px 0 5px;}
.shop-sidebar label.filter-check{ display:flex; align-items:center; font-size:14px; color:#000; cursor:pointer; margin-bottom:8px;}
.shop-sidebar label.filter-check input{margin-right:8px; width:21px; height:21px;}

.form-group { margin-bottom: 1rem; }
.form-group label { margin-bottom: 0.5rem; }

.btn-block { display: block; width: 100%; }
.close { background: transparent; border: 0; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; opacity: .5; margin-left: auto; }
.close:hover { opacity: .75; color: #000; text-decoration: none; }

.colorimage{ margin:0 0 28px;}
.colorimage img{border-radius:8px; box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.sort-bar{ padding:0 0 20px; font-size:15px;}
.sort-bar a{ margin-right:15px; color:#1a73d9; text-decoration:none;}
.sort-bar a.active{ color:#000; font-weight:700;}
.mobile-sort{ display:flex; justify-content:flex-end; align-items:center; font-size:13px; font-weight:500; margin-bottom:8px; position:relative;}
.mobile-sort .mobile-filter-btn{ position:absolute; top:10px; left:0; z-index:999; background:none; border:none; padding:0; font-size:13px; font-weight:500; z-index:22;}
.mobile-sort .form-control{ width:130px; border:0px solid #ddd; border-radius:0; box-shadow:none; font-size:13px; font-weight:500;}

.products-card{ background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.15); height:100%; margin-bottom:10px;}
.products-card .productImg{ width:100%; height:265px; object-fit:cover;}
.products-card .product-content{ padding:10px 20px 20px; display:flex; flex-direction:column; height:calc(100% - 265px);}
.products-card .product-content .brand{font-size:12px; text-transform:uppercase; letter-spacing:1px; margin-bottom:8px;}
.products-card .product-content .price-area{ margin-top:auto;}
.products-card .product-content .price-area .old-price{ font-size:14px; fcolor:#333; text-decoration:line-through;}
.products-card .product-content .price-area .price{font-size:20px; font-weight:700; color:#000; margin-bottom:6px;}
.products-card .product-content .buy-btn { background:#0f1c2e; text-transform:uppercase; font-size:10px; letter-spacing:1.5px; font-weight:500; padding:12px 14px; color:#fff; border:0; border-radius:0px; }
.products-card .product-content .buy-btn:hover{ background:#1083d4; color:#fff;}
.more-products-btn {color:#000; font-size:13px; font-weight:500; letter-spacing:0.5px; text-transform:uppercase; margin:15px 0 0; display: inline-block;}
.more-products-btn:hover { color:#1083d4; text-decoration:none;}
.more-products-btn i { font-size:11px; padding-left:2px;}

.product-gallery{position:relative;}
.product-slider .item img{width:100%; display:block;}
.thumb-gallery{display:flex; flex-direction:column; gap:5px; padding-right:15px;}
.thumb-item{ border:2px solid transparent; cursor:pointer; transition:0.3s;}
.thumb-item.active{ border-color:#111;}
.thumb-item img{ width:100%;  display:block;}

#color-wrapper, #color2-wrapper { position: static; }
.color-title{ margin-bottom:4px;}
.color-title span{ font-size:14px; color:#1083d4;}
.color-list{ display:flex; flex-wrap:wrap; justify-content:flex-start; gap:10px; }
.color-list .color-item{ width:90px; padding:2px; margin:0 0 16px 0; text-align:center; }
.color-list .color-item .color-box{ width:70px; height:70px; overflow:hidden; margin:0 auto 6px; cursor:pointer; border:1px solid #ccc; }
.color-list .color-item .color-box img{ width:70px; height:70px; object-fit:cover; display:block; }
.color-list .color-item .color-box.active{ border:2px solid #000; }
.color-list .color-item .sample-btn{ background:#fff; border:1px solid #ccc; font-size:11px; color:#272727; padding:4px 6px; transition:0.3s; }
.color-list .color-item .sample-btn:hover{ background:#111; color:#fff; }
.color-list .color-item .color-name-label{ font-size:12px; line-height:1.3em; height:calc(1.3em * 3); overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-word; text-align:center; }
#colorModal{ background-color:rgba(0, 0, 0, 0.8); z-index:99999;}
#colorModal .modal-dialog {max-width:350px;}

.detailright{}
.detailright .brand-name{color:#1083d4; font-size:12px; font-weight:600; text-transform:uppercase;  margin-bottom:10px;}
.detailright h1{ font-size:38px; line-height:1.1;}
.detailright .rating{color:#ffb400; margin-bottom:20px;}
.detailright .rating span{ color:#666; margin-left:10px; font-size:12px;}
.detailright h5{ font-size:18px;}

.detailright .price-area{margin-bottom:15px;}
.detailright .current-price{font-size:22px; font-weight:700; color:#000; line-height:1;}
.detailright .old-price{color:#6a6a6a; text-decoration:line-through; font-size:14px; margin-left:10px;}
.detailright .info-links a{display:block; margin:10px 0 25px; font-size:14px; text-decoration:underline;}
.detailright .form-control{ height:44px; font-size:14px;}
.detailright label{ font-size:14px;}
.detailright textarea.form-control{height:auto;}
.detailright .table td, .table th { padding:8px; border-top:0; font-size:13px;}

.detailright .shipping-box{ margin-top:25px;}
.detailright .shipping-box span{ display:block; color:#000; font-weight:500; margin-bottom:4px;}
.detailright .shipping-box .form-control{ width:60px; height:auto;}
.detailright .shipping-box .total-price del{ font-size:14px; color:#6a6a6a;}
.detailright .shipping-box .total-price h6{font-size:20px; font-weight:700;}
.detailright .cart-btn{width:100%; background:#0f1c2e; color:#fff; border:none; padding:16px; font-size:12px; font-weight:600; letter-spacing:2px; margin-top:10px; text-transform:uppercase;}
.detailright .cart-btn:hover{ background:#1083d4;}

.accordion-card { border-radius:0; border:0; overflow:hidden; box-shadow:none; border-bottom: 1px solid rgba(0,0,0,.125); scroll-margin-top:130px;}
.accordion-card .card-header {padding:0; background:#fff; border-bottom:0;}
.accordion-card .card-header .btn-header-link { display:block; text-align:left; color:#0a0a0a; padding:16px 2px; font-size:24px; font-weight:500;}
.accordion-card .card-header .btn-header-link:after { content:"\f106"; font-family:'Font Awesome 5 Free'; font-weight:900; float:right;}
.accordion-card .card-header .btn-header-link.collapsed:after { content:"\f107";}
.accordion-card .add-reviews-btn { background:#0f1c2e; border:none; font-size:11px; color:#fff; text-transform: uppercase; padding:9px 12px; letter-spacing:1px; border-radius:3px; margin-bottom:12px; }
.accordion-card .add-reviews-btn:hover{ background:#1083d4; color:#fff;}
.review-box {background:#fff; border:1px solid #d9dee5;	border-radius:10px;	padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.05); margin-bottom:15px;}
.rating-list {margin:6px auto 0; padding:0; list-style:none;}
.rating-list li {display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; font-size:12px;text-transform:uppercase;letter-spacing:1px;}
.stars {color:#f5a623; font-size:12px;}
.review-right {border-left:1px solid #d9dee5; height:100%; padding-left:35px;}
.user-info {display:flex; align-items:center; margin-bottom:10px;}
.user-avatar {width:40px; height:40px; border-radius:50%; background:#eef1f5; font-weight:600; display:flex; align-items:center; justify-content:center; margin-right:10px; font-size:12px;}
.user-name {font-size:16px; font-weight:600;}

#reviewModal { background-color:rgba(0, 0, 0, 0.8); z-index:99999;}
#reviewModal .modal-dialog {max-width:750px;}
.modal-content { padding:20px;}
#reviewModal .modal-header { padding:0; border:0; padding-bottom:8px;}
#reviewModal .modal-header .close {font-size:30px; padding: 20px 16px 0;}
#reviewModal .form-group {margin-bottom:12px;}
#reviewModal label { font-size:14px; color:#000; font-weight:500; margin-bottom:6px;}
#reviewModal .form-control { font-size:14px;}
#reviewModal .txt{ font-size:13px; color:#333333; line-height:1.4;}
#reviewModal .rating-box{background:#f8faff; border-radius:3px; padding:15px 20px; border-top:2px solid #1083d4; height:100%;}
#reviewModal .rating-box h5{margin-bottom:12px;}
#reviewModal .rating-item{margin-bottom:16px;}
#reviewModal .stars i{color:#d1d5df; font-size:16px; cursor:pointer;}
#reviewModal .stars i.active,
#reviewModal .stars i:hover{color:#ffb400;}
#reviewModal .btn-primary{ background:#0f1c2e; text-transform:uppercase; font-size:12px; letter-spacing:2px; font-weight:600; padding:16px 24px; border:0; margin:15px 0 0;}
#reviewModal .btn-primary:hover{ background:#1083d4 !important; color:#fff;}

.discount-wrap{ display:flex; align-items:flex-start;}
.discount-icon{width:120px; height:120px; min-width:120px; border-radius:50%; background:#eef5ff; display:flex; align-items:center; justify-content:center;margin-right:35px;}
.discount-icon i{font-size:55px; color:#0f1c2e;}
.discount-content p{font-size:18px;}
.support-box{background:#fff; border:1px solid #dbe7ff; border-radius:12px; padding:30px; box-shadow:0 10px 30px rgba(0,0,0,0.05); margin-top:15px;}
.support-box .support-icon{width:50px; height:50px; min-width:50px; border-radius:50%; background:#eef5ff; display:flex; align-items:center; justify-content:center; margin-bottom:10px;}
.support-box .support-icon .support-icon i{font-size:18px; color:#1083d4;}
.support-box a{ padding:0 20px 8px 0;}

.account-sidebar{background:#fff; border-radius:4px; overflow:hidden; box-shadow:0 0 25px rgba(0,0,0,0.15);}
.account-sidebar h6{ background:#0f1c2e; padding:20px 20px; color:#fff;}
.account-sidebar h6 i{ font-size:20px; margin-right:10px;}
.account-menu a{display:flex; align-items:center; padding:16px 20px; color:#2b2b2b; font-size:15px; border-bottom:1px solid #edf0f5; text-decoration:none;}
.account-menu a i{ margin-right:10px;}
.account-menu a.active{background:#fff; color:#1083d4; font-weight:500;}
.account-menu a:hover{ background:#fff; color:#1083d4;}

.account-card{background:#fff; border-radius:4px; box-shadow:0 0 25px rgba(0,0,0,0.15); }
.account-card .card-section{ padding:25px; border-bottom:1px solid #edf0f5;}
.account-card .card-section h4{display:flex; align-items:center; margin-bottom:15px;}
.account-card .card-section h4 i{ width:40px; height:40px; background:#f2f7ff; color:#1083d4; border-radius:5px; display:flex; align-items:center; justify-content:center; margin-right:12px; font-size:18px;}
.account-card .card-section .form-group label { font-size:14px; color:#000; font-weight:500;}
.account-card .card-section .form-group .form-control { font-size:14px; height:42px;}
.account-card .card-section .form-group small{color:#8d98ab; font-size:13px;}
.account-card .btn-primary {background:#0f1c2e; text-transform:uppercase; font-size:12px; font-weight:600; letter-spacing:2px; padding:18px 30px; color:#fff; border:0; display:inline-block; border-radius:0; margin:10px 0;}
.account-card .btn-primary:hover{ background:#1083d4 !important; border:0; color:#fff; text-decoration:none;}
.account-card .card-section .table th,
.account-card .card-section .table td{ font-size:14px; padding:10px;}

.product-color-card{ background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.15); margin-bottom:25px; padding:15px;}
.product-color-card .productImg { width:100%; height:280px; object-fit:cover;}
.product-color-card .product-content{ display:flex; flex-direction:column; height:calc(100% - 265px);}
.product-color-card .product-content .brand{font-size:12px; text-transform:uppercase; letter-spacing:1px; margin-bottom:8px;}
.product-color-card .product-content .price-area{ margin-top:auto;}
.product-color-card .product-content .price-area .old-price{ font-size:14px; fcolor:#333; text-decoration:line-through;}
.product-color-card .product-content .price-area .old-price{ font-size:14px; fcolor:#333; text-decoration:line-through;}
.product-color-card .product-content .price-area .price{font-size:20px; font-weight:700; color:#000; margin-bottom:6px;}
.product-color-card .buy-btn { background:#0f1c2e; text-transform:uppercase; font-size:10px; letter-spacing:1.5px; font-weight:500; padding:12px 14px; color:#fff; border:0; border-radius:0px; }
.product-color-card .buy-btn:hover{ background:#1083d4; color:#fff;}
.product-color-card .color-list{display:flex; flex-wrap:wrap;}
.product-color-card .color-list .color-box{width:80px; height:60px; object-fit:cover; overflow:hidden; cursor:pointer; margin:15px 8px 0 0; border:1px solid #ccc;}

#colorModalBig{ background-color:rgba(0, 0, 0, 0.8); z-index:99999;}
#colorModalBig .modal-dialog {max-width:400px;}
#colorModalBig .btn-primary{ background:#0f1c2e; text-transform:uppercase; display:inline-block; font-size:12px; letter-spacing:2px; font-weight:500; padding:12px 24px; border:0; margin:10px 0 0;}
#colorModalBig .btn-primary:hover{ background:#1083d4 !important; color:#fff;}





















       


/*---------------------- Responsive CSS ------------------------*/

@media ( min-width: 1200px) {
	.container { max-width:1240px;}	
}
@media ( max-width: 1199px) {
	header .toplogo img{ width:260px;}	
	header .topHead { font-size:11px; letter-spacing:0;}
	header .topHead .rightPart .btn { font-size:11px; letter-spacing:0;}
}
@media ( max-width: 991px) {
	h1{font-size:30px;}
	h2{font-size:26px;}
	h3{font-size:22px;}
	h4{ font-size:20px;}
	h5{font-size:18px;}
	h6{font-size:15px;}
	p{font-size:15px;}
	
	.shopByStyle .style-card img { height:auto;}
	.testimonialsPart a {float:none; margin-top:10px; display:inline-block;}
	footer .copyright { padding:20px 0 22px;text-align:center;}
	footer .copyright .poweredby { float:none; margin:8px 0 0; display:block;}	
	
	.thumb-gallery{flex-direction:row; padding-right:0; margin-bottom:15px;}
    .thumb-item{ width:50px; flex:0 0 50px;}
	
	.rating-list li { margin-bottom:6px; font-size:11px;}
	.review-right {border-left:none; border-top:1px solid #d9dee5; padding-left:0; padding-top:12px; margin-top:12px;}
	.user-name {font-size:14px;}
}
@media ( max-width: 767px) {	
	p{font-size:14px;}
	header .toplogo img{ width:240px;}	
	.slider .item { height: 440px; }
	.slider .bannercaption { top: 50%; bottom: auto; transform: translateY(-50%); }
	.slider .bannercaption .banner-text-box { max-width: 90%; padding: 20px 24px; border-radius: 10px; }
	.slider .bannercaption h2 { margin-bottom: 10px; font-size: 10.5px; padding: 4px 10px; }
	.slider .bannercaption h1 { font-size: clamp(20px, 4.5vw, 30px); padding-bottom: 8px; }
	.slider .bannercaption p { font-size: 14.5px; padding-bottom: 12px; }
	.slider .bannercaption .btn-primary { font-size: 11px; padding: 10px 22px; }
	.bestsellerPart {padding:30px 0;}
	.bestsellerPart .new-price {font-size:18px; font-weight:600;}
	.bestsellerPart .price-row {font-size:12px; margin:14px 0 2px;}
	.shopByStyle { padding:30px 0 40px;}
	.shopByStyle .space-row{ margin-left:-4px; margin-right:-4px;}
	.shopByStyle .space-row > div{padding-left:4px; padding-right:4px;}
	.shopByStyle .style-card { margin-top:15px;}
	.shopByStyle .style-overlay h5 { font-size:16px;}
	.ourBrands { padding:30px 0;}
	.ourBrands .brands-wrapper { gap: 40px; margin-top: 24px; }
	.ourBrands .brands-wrapper .brand-item img { max-height: 42px; }
	.swatchesPart { padding:30px 0;}
	.swatchesPart .image-wrapper .floating-box { top:12px; right:12px; padding:15px 15px;}
	.swatchesPart .image-wrapper .floating-box h6 { font-size:16px;}
	.swatch-content { padding:20px 0 0 0;}
	.testimonialsPart {padding:30px 0 40px;}
	.whybuyPart {padding:30px 0;}
	.whybuyPart .featureBox {margin-top:8px;}		
	footer {padding:30px 0 0;}
	footer h6 { margin-bottom:12px;}
	
	.titlePart { padding:50px 15px;}
	.titlePart p { font-size:13px;}
	.titlePart ul li {font-size:13px; padding:4px 0 0 20px;}
	.titlePart ul li::before {font-size:13px;}
	.innerpage-contant { padding:15px 0 25px;}	
	.loginForm {padding:25px; margin:15px 0 0;}
	.loginForm .form-group label {font-size:13px;}
	.loginForm .form-control, .loginForm .form-select {height:auto;}
	.testimonial-btn{float:none; font-size:11px; font-weight:500; letter-spacing:1px; padding:13px 14px;}
	#faq .card .card-header .btn-header-link { padding:10px; font-size:14px;}
	
	.colorimage { margin:0 0 14px;}
	.colorimage img { height:40px;}  
	.shop-sidebar{position:fixed; top:0; left:-320px;  width:300px; height:100%; overflow-y:auto; background:#fff; z-index:9999; transition:0.35s; padding:25px 20px; box-shadow:0 0 15px rgba(0,0,0,0.2);}
    .shop-sidebar.active{left:0;}
	
	.discount-icon{width:50px; height:50px; min-width:50px; margin-right:10px;}
	.discount-icon i{font-size:20px;}
	.discount-content p{font-size:14px;}
	.support-box{padding:15px; box-shadow:0 10px 30px rgba(0,0,0,0.05); margin-top:10px;}
	.support-box .support-icon{width:40px; height:40px; min-width:40px; margin-bottom:10px;}
	.support-box a{ display:block; font-size:14px;}	
	
	.account-sidebar h6 { padding:15px 20px;}	
	.account-sidebar h6 i { font-size:18px; margin-right:10px;}	
	.account-menu a { padding:14px 20px; font-size:13px;}
	.account-card .card-section { padding:20px;}
	.account-card .card-section h4 { margin-bottom:8px;}
	.account-card .card-section h4 i { width:30px; height:30px; font-size:15px; margin-right:10px;}
	.account-card .card-section strong{ font-size:13px;}
	.account-card .card-section .form-group, .account-card .card-section .form-group label { font-size:13px;}
	.account-card .card-section .form-group .form-control { height:auto;}
	.account-card .btn-primary { font-size:11px; font-weight:500; letter-spacing:1px; padding:14px 30px; margin:5px 0;}
	.account-card .card-section .table th,
	.account-card .card-section .table td{ font-size:13px;}
}
@media (max-width: 575px) {
	h1{font-size:22px;}
	h2{font-size:20px;}
	h3{font-size:18px;}
	h4{ font-size:16px;}
	h5{font-size:15px;}
	h6{font-size:13px;}
	p{font-size:13px;}

	header .topHead .rightPart ul li a { padding: 0 0 0 8px;}	
	.marquee-content span {font-size:11px;}
	.slider .item {height:380px;}
	.slider .bannercaption { top: 50%; bottom: auto; transform: translateY(-50%); }
	.slider .bannercaption .banner-text-box { max-width: 94%; padding: 14px 16px; border-radius: 8px; }
	.slider .bannercaption h2 { margin-bottom: 8px; font-size: 10px; padding: 4px 8px; }	
	.slider .bannercaption h1 { font-size: clamp(17px, 5.2vw, 22px); padding-bottom: 6px; }
	.slider .bannercaption p { font-size: 13px; padding-bottom: 10px; line-height: 1.4; }
	.slider .bannercaption .btn-primary { font-size: 10.5px; padding: 9px 16px; }	
	.bestsellerPart { padding:24px 0 20px;}
	.bestsellerPart .product-content { padding:20px 16px 20px;}
	.bestsellerPart .product-content .sale-badge { font-size:10px; font-weight:500; padding:4px 12px;}
	.bestsellerPart .brand { font-size:11px; margin-bottom:5px;}
	.bestsellerPart .price-row { margin:10px 0 2px;}
	.bestsellerPart .new-price {font-size:15px;}	
	.shopByStyle .style-card img { height:150px;}
	.shopByStyle .style-overlay { padding:30px 15px 18px;}		 
	.ourBrands { padding: 25px 0; }
	.ourBrands .brands-wrapper { gap: 24px; margin-top: 20px; }
	.ourBrands .brands-wrapper .brand-item img { max-height: 36px; }
	.swatch-content .steps { margin:0 0 24px;}
	.swatch-content .steps .step-number { margin-right:8px;}
	.swatch-content .steps li { font-size:13px;}
	.swatch-content .btn-primary {font-size:11px; padding:14px 20px;}
	.testimonialsPart a { font-size:10px;}	
	.testimonialsPart .testimonials { margin:20px 0 0;}
	.testimonialsPart .testimonials p { font-size:13px;}
	.testimonialsPart .testimonials .titleName { padding:0;}
	 .whybuyPart .featureBox { margin-top:2px;}
	 .whybuyPart .featureBox i { width:20px; font-size: 20px;}
	 
	 .testimonials-card { padding:15px;}	 
	 .testimonials-card h6 { font-size:14px; margin-left:6px;}	 
	 .page-link { font-size:13px;}
	 ul.breadcrumb li { font-size:12px;}
	 .aboutBox { padding:14px 8px 0px 8px;}
	 .aboutBox h6 {font-size:15px; font-weight:600;}
	 .aboutBox h6 small {font-size:13px;}
	 ul.about li { font-size:13px;}	
	.cart-item{ padding-bottom:20px; margin-bottom:20px;}	
	.cart-item .product-price {font-size:15px;}
	.summary-box .summary-row { font-size:14px;}	
	
	.summary-box{ padding:20px;}
	.summary-box .summary-total span { font-size:16px;}
	.summary-box .continue-btn { padding:10px; font-size:11px;}
	.summary-box .checkout-btn { padding:12px; font-size:11px;}	
	.loginForm .btn-primary { display:block; margin:0 10px 10px 0; padding:14px 30px; font-size:11px; font-weight:500;letter-spacing:1px;}
	.loginForm ul li {font-size:13px;}
	
	.sort-bar { padding:0 0 20px; font-size:13px;}		
	.sort-bar a { margin-right:4px;}
	.shop-sidebar label.filter-check {font-size:13px;}	
	.products-card { margin-bottom:0;}	
	.products-card .productImg { height:140px;}	
	.products-card .product-content { padding:10px 15px 15px; height:calc(100% - 140px);}		
	.products-card .product-content .brand { font-size:10px;}	
	.products-card .product-content .price-area .price { font-size:15px; font-weight:600;}
	.products-card .product-content .buy-btn { font-size:9px; letter-spacing:1px; padding:8px 8px;}
	.more-products-btn { font-size:11px; margin:6px 0 0;}
	.more-products-btn i {font-size:10px;}
	
	.owl-carousel .owl-item img { width:100%; height:250px; object-fit:cover;}
	.color-list .color-item { width:80px; margin:0 0 10px 0; }
	.color-list .color-item .color-box { width:60px; height:60px; }
	.color-list .color-item .color-box img { width:60px; height:60px; }
	.color-list .color-item .sample-btn { font-size:10px; padding:4px 4px; }
	.detailright { margin-top:15px;}
	.detailright h1 {font-size:20px;}
	.detailright .form-control { height:auto;}
	.detailright h5 {font-size:14px;}
	.detailright .shipping-box span { font-size:13px;}
	.detailright .cart-btn { padding:14px; font-size:11px; letter-spacing:1px;}
	.accordion-card .card-header .btn-header-link {font-size:16px; padding:12px 2px;}
	#reviewModal .btn-primary { font-size:11px;}
	
	.discount-content p{font-size:13px;}
	.support-box a{ font-size:13px;}
	
	.product-color-card{ margin-bottom:15px;}	
	.product-color-card .productImg { height:180px;}
	.product-color-card .product-content .price-area .price { font-size:15px;}
	.product-color-card .color-list .color-box { width:60px; height:40px;}	
	#colorModalBig .btn-primary { font-size:10px;}
}
@media (max-width: 479px) {}

.testimonial-text {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.testimonial-text.expanded {
    display: block;
    overflow: visible;
}
.read-more-btn {
    color: #1083d4;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    margin-top: 5px;
    text-decoration: underline;
}
.read-more-btn:hover {
    color: #0f1c2e;
}

/* Product Detail Page (PDP) Description & Specifications Styling */
.product-description-block,
.product-description-block .product-summary,
.product-description-block .product-details {
    font-size: 14.5px;
    line-height: 1.6;
    color: #475569;
}
.product-description-block p {
    font-size: 14.5px;
    line-height: 1.6;
    color: #475569;
    margin-bottom: 10px;
}
.product-description-block p:last-child {
    margin-bottom: 0;
}

.specs-content-wrapper {
    font-size: 14.5px;
    line-height: 1.6;
    color: #334155;
}
.specs-content-wrapper img {
    max-width: 100%;
    height: auto;
}
.specs-content-wrapper table {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 1.25rem;
    border-collapse: collapse;
}
.specs-content-wrapper table td,
.specs-content-wrapper table th {
    padding: 8px 12px;
    border: 1px solid #e2e8f0;
}
.specs-content-wrapper a[href*=".pdf"],
.specs-content-wrapper a[href*=".PDF"] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #1e293b;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    margin: 6px 0;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.specs-content-wrapper a[href*=".pdf"]:hover,
.specs-content-wrapper a[href*=".PDF"]:hover {
    background: #ffffff;
    border-color: #dc2626;
    color: #dc2626;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.12);
}
.specs-content-wrapper a[href*=".pdf"]::before,
.specs-content-wrapper a[href*=".PDF"]::before {
    content: "\f1c1";
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    color: #dc2626;
    font-size: 16px;
}

/* FAQ Deep Linking Anchors & Target Card Highlighting */
.faq-anchor-target {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}
#faq .card {
    transition: all 0.25s ease-in-out;
}
#faq .card .card-header .btn-header-link {
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Highlight active/open FAQ header */
#faq .card .card-header .btn-header-link:not(.collapsed) {
    background-color: #f0f7ff !important;
    color: #1083d4 !important;
    font-weight: 600 !important;
    border-bottom: 1px solid #dbeafe !important;
}
#faq .card .card-header .btn-header-link:not(.collapsed):after {
    color: #1083d4 !important;
}

/* Deep-linked target card header emphasis */
#faq .card.faq-highlighted {
    border-color: #1083d4 !important;
    box-shadow: 0 0 0 3px rgba(16, 131, 212, 0.25) !important;
}
#faq .card.faq-highlighted .card-header .btn-header-link {
    background-color: #e0f2fe !important;
    color: #0369a1 !important;
    font-weight: 700 !important;
}