body {
margin: 0;
height: auto !important;
font-family: 'Poppins', sans-serif;
box-sizing: border-box; }
main {
min-height: 100vh !important;
}
.top-bar {
background-color: #fff;
color: #000;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 20px;
font-size: 14px;
position: relative;
height: 60px;
box-sizing: border-box;
overflow: hidden;
}
.top-bar .left,
.top-bar .right {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
color: #000;
font-size: 15px;
white-space: nowrap;
}
.top-bar .left {
left: 40px;
}
.top-bar .left i {
margin-right: 8px;
}
.top-bar .right {
right: 40px;
}
.top-bar .right i {
margin-left: 20px;
cursor: pointer;
font-size: 18px;
color: #000;
}
.search-container {
display: flex;
align-items: center;
margin-right: 10px;
position: relative;
}
.search-container .search-input {
display: none;
padding: 5px 10px;
margin-right: 10px;
border-radius: 4px;
border: 1px solid #ccc;
font-family: 'Poppins', sans-serif;
font-size: 14px;
}
@media (min-width: 769px) {
.search-container:hover .search-input {
display: inline-block;
}
}
@media (max-width: 768px) {
.search-container .search-input {
display: none !important;
}
}
.top-bar .logo {
max-height: 60px;
width: auto;
object-fit: contain;
} .navbar {
background-color: #3e7099;
padding: 10px 20px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.menu {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
flex-wrap: wrap;
width: 100%;
margin-top:5px
}
.menu a {
color: white;
text-decoration: none;
font-weight: 500;
font-size: 16px;
position: relative;
}
.menu a:hover {
color: #000;
}
.menu .dropdown-toggle::after { font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-left: 5px;
font-size: 10px;
}
.dropdown-menu {
display: none;
position: absolute;
top: 35px;
background: white;
min-width: 160px;
border-radius: 4px;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
z-index: 1000;
flex-direction: column;
}
.menu-item { }
#billing_city_text{
display:none;
}
.menu-item:hover .dropdown-menu {
display: flex;
}
.dropdown-menu a {
color: #333;
padding: 10px;
text-decoration: none;
font-size: 14px;
}
.dropdown-menu a:hover {
background-color: #f1f1f1;
}
.hamburger {
display: none;
font-size: 22px;
color: white;
cursor: pointer;
}
@media (max-width: 768px) {
.hamburger {
display: block;
cursor: pointer;
z-index: 9999;
}
.navbar {
position: relative;
}
#menu {
width: 100%;
}
#menu > ul {
display: none;
flex-direction: column;
width: 100%;
background-color: #3e7099;
}
#menu.show > ul {
display: flex;
}
#menu > ul li a {
padding: 12px 20px;
color: white;
display: block;
}
}
.slider {
position: relative;
height: 80vh; 
width: 100%;
overflow: hidden;
}
.slider-images-container {
position: relative; 
height: 100%;
width: 100%;
}
.slider-item {
position: absolute; 
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
display: flex; 
align-items: center;
justify-content: flex-start; 
opacity: 0; 
transition: opacity 1.5s ease-in-out; 
z-index: 1; 
}
.slider-item.active {
opacity: 1; 
z-index: 2; 
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
z-index: 1;
}
.slider-content {
position: relative;
z-index: 2;
color: #fff;
padding: 0 5%;
text-align: left;
max-width: 600px;
box-sizing: border-box;
}
.slider-title {
font-size: clamp(32px, 5vw, 48px);
font-weight: 700;
margin-bottom: 15px;
line-height: 1.2;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}
.slider-subtext {
font-size: clamp(16px, 2.5vw, 20px);
font-weight: 400;
margin-bottom: 25px;
line-height: 1.5;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.slider-button {
display: inline-block;
padding: 12px 30px;
font-size: 16px;
background-color: #3e7099;
color: white;
border: none;
border-radius: 30px;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.2s ease;
text-decoration: none;
font-weight: 500;
}
.slider-button:hover {
background-color: #fff;
transform: translateY(-2px);
color: black;
}
.slider-nav-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.5);
color: white;
padding: 15px 10px;
cursor: pointer;
z-index: 10;
font-size: 24px;
border-radius: 0 5px 5px 0;
transition: background-color 0.3s ease;
user-select: none;
}
.slider-nav-arrow:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.slider-nav-arrow.prev {
left: 0;
}
.slider-nav-arrow.next {
right: 0;
border-radius: 5px 0 0 5px;
}
.slider-dots {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
display: flex;
gap: 10px;
}
.dot {
height: 12px;
width: 12px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.dot.active {
background-color: #3e7099;
transform: scale(1.2);
}
.dot:hover {
background-color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 768px) {
.slider {
height: 60vh;
}
.slider-content {
max-width: 100%;
margin-top: 160px;
}
.slider-nav-arrow {
font-size: 18px;
padding: 10px 8px;
}
.dot {
height: 10px;
width: 10px;
}
}
@media (max-width: 480px) {
.slider-content {
text-align: center;
left: 50%;
transform: translate(-50%, -50%);
}
.slider-item {
justify-content: center;
}
.slider-button {
width: 100%;
padding: 12px 0;
box-sizing: border-box;
}
}
.feature-bar {
background-color: #3e7099;
color: #fff;
padding: 20px 40px; 
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
gap: 15px;
text-align: center;
}
.feature-item {
flex: 1;
min-width: 180px;
max-width: 25%;
padding: 10px;
box-sizing: border-box;
transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-item i:hover {
color: #1E3652;
transform: translateY(-3px);
cursor: pointer;
}
.feature-item i {
font-size: 35px; 
margin-bottom: 8px;
display: block;
}
.feature-item .main-text {
font-size: 18px;
font-weight: 600;
margin-bottom: 3px;
}
.feature-item .sub-text {
font-size: 13px;
font-weight: 400;
opacity: 0.9;
line-height: 1.3;
color: #fff;
}
@media (max-width: 992px) {
.feature-item {
max-width: 45%;
}
.woocommerce-Tabs-panel{
width: 1000px;
}
}
@media (max-width: 576px) {
.feature-bar {
padding: 10px;
}
.feature-item {
min-width: 100%;
max-width: 100%;
}
.feature-item i {
font-size: 28px;
}
.feature-item .main-text {
font-size: 15px;
}
.feature-item .sub-text {
font-size: 12px;
}
}
.product-categories {
padding: 50px 5px;
text-align: center;
max-width: 1200px; 
margin: 0 auto; 
font-family: 'Poppins', sans-serif;
}
.product-categories h2 {
font-size: clamp(28px, 4vw, 36px);
font-weight: 700;
font-family: 'Poppins', sans-serif;
color: #333;
margin-bottom: 40px;
}
.product-grid {
display: flex;
flex-wrap: wrap;
justify-content: center; 
gap: 30px; 
}
.product-card {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease-out;
opacity: 0; 
animation: fadeIn 0.8s forwards; 
flex-basis: calc(25% - 22.5px); 
max-width: calc(25% - 22.5px);
min-width: 250px; 
box-sizing: border-box; 
text-align: center; 
padding-bottom: 15px; 
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.product-card:nth-child(1) { animation-delay: 0.1s; }
.product-card:nth-child(2) { animation-delay: 0.2s; }
.product-card:nth-child(3) { animation-delay: 0.3s; }
.product-card:nth-child(4) { animation-delay: 0.4s; }
.product-card:nth-child(5) { animation-delay: 0.5s; }
.product-card:nth-child(6) { animation-delay: 0.6s; }
.product-card:nth-child(7) { animation-delay: 0.7s; }
.product-card:nth-child(8) { animation-delay: 0.8s; }
.product-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.product-card img {
width: 100%;
height: 200px; 
object-fit: contain; 
display: block;
margin-bottom: 15px; 
}
.product-info {
padding: 0 15px; 
text-align: center; 
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.product-name {
font-size: 18px;
font-weight: 600;
color: #333;
margin-bottom: 10px;
line-height: 1.3;
}
.product-button {
display: block;
width: 80%; 
max-width: 100px; 
padding: 5px 10px;
font-size: 15px; 
background-color: #3e7099; 
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
text-decoration: none;
transition: background-color 0.3s ease;
text-align: center;
margin: auto auto 0; 
cursor: pointer;
}
.product-button:hover {
background-color: #fff; 
color: #000;
border: 1px solid #000;
}
.view-more-products-btn {
display: inline-block;
padding: 12px 30px;
font-size: 17px;
background-color: #fff;
color: #000;
border: 1px solid #000;
border-radius: 30px;
cursor: pointer;
text-decoration: none;
transition: background-color 0.3s ease, transform 0.2s ease;
font-weight: 500;
margin-top: 50px;
}
.view-more-products-btn:hover {
background-color: #3e7099;
transform: translateY(-2px);
color: white;
border: none;
}
@media (max-width: 1200px) {
.product-card {
flex-basis: calc(33.333% - 20px);
max-width: calc(33.333% - 20px);
}
}
@media (max-width: 768px) {
.product-card {
flex-basis: calc(50% - 15px);
max-width: calc(50% - 15px);
}
.product-card img {
height: 180px;
}
.product-name {
font-size: 16px;
}
.product-button {
font-size: 14px;
padding: 9px 12px;
}
}
@media (max-width: 480px) {
.product-categories {
padding: 30px 15px;
}
.product-categories h2 {
font-size: 26px;
margin-bottom: 30px;
}
.product-card {
flex-basis: 100%;
max-width: 100%;
min-width: unset;
}
.product-card img {
height: 220px;
}
}
.footer {
background-color: #222; 
color: #eee; 
padding: 40px 20px;
font-size: 14px;
line-height: 1.6;
}
.footer-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between; 
max-width: 1200px;
margin: 0 auto; 
gap: 30px; 
}
.footer-column {
flex: 1; 
min-width: 200px; 
max-width: 280px; 
}
.footer-column h3 {
color: #fff;
font-size: 18px;
margin-bottom: 20px;
font-weight: 600;
position: relative;
padding-bottom: 10px; 
}
.footer-column h3::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 50px; 
height: 2px;
background-color: #3e7099; 
}
.footer-column p,
.footer-column ul {
margin: 0;
padding: 0;
list-style: none; 
margin-bottom: 10px;
}
.footer-column ul li {
margin-bottom: 10px;
}
.footer-column ul li a {
color: #eee;
text-decoration: none;
transition: color 0.3s ease;
}
.footer-column ul li a:hover {
color: #3e7099; 
}
.footer-column .social-icons a {
color: #eee;
font-size: 20px;
margin-right: 15px;
transition: color 0.3s ease;
}
.footer-column .social-icons a:hover {
color: #3e7099; 
}
.footer-bottom {
text-align: center;
border-top: 1px solid #333; 
padding-top: 20px;
margin-top: 40px;
color: #bbb;
font-size: 13px;
}
@media (max-width: 768px) {
.footer-container {
flex-direction: column;
align-items: center;
text-align: center;
}
.footer-column {
max-width: 100%; 
margin-bottom: 30px; 
}
.footer-column h3::after {
left: 50%; 
transform: translateX(-50%);
}
.footer-column:last-child {
margin-bottom: 0; 
}
}
.clients-container {
margin: 0px auto;
max-width: 1400px;
padding: 20px 20px;
position: relative;
text-align: center;
}
.topic {
font-size: clamp(28px, 4vw, 36px);
font-weight: 700;
color: #333;
margin-bottom: 40px;
text-align: center;
}
.auto_slider_container {
position: relative;
overflow: hidden;
width: 100%;
}
.auto_slider {
display: flex;
gap: 20px;
transition: transform 1.5s ease-in-out;
list-style: none;
padding: 40px;
margin: 0;
}
.auto_slider li {
padding: 40px;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
text-align: center;
flex: 0 0 calc(16.666% - 16.666px);
max-width: calc(16.666% - 16.666px);
height: 350px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.auto_slider li:hover {
transform: translateY(-5px);
box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}
.auto_slider li h4 {
font-size: 16px;
font-weight: 600;
color: #333;
margin-top: 0;
margin-bottom: 10px;
}
.auto_slider li p {
font-size: 14px;
color: #777;
flex-grow: 1;
margin-bottom: 15px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.auto_slider li img {
max-width: 100%; 
height: 120px; 
object-fit: contain; 
margin: 10px auto 15px auto;
display: block;
}
.button { padding: 6.6px 10px;
font-size: 16px;
background: #3e7099;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
margin-top: 10px !important;
}
.button:hover {
padding: 10px 20px;
font-size: 16px;
border: 1px solid black;
background: #fff;
color: #000;
border-radius: 4px;
cursor: pointer;
margin-top: 20px;
}
.prev, .next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.322);
color: white;
padding: 10px 15px;
border: none;
border-radius: 10%;
cursor: pointer;
font-size: 24px;
line-height: 1;
transition: background-color 0.3s ease, transform 0.2s ease;
z-index: 10;
}
.prev:hover, .next:hover {
background-color: rgba(0, 0, 0, 0.8);
transform: translateY(-50%) scale(1.1);
}
.prev {
left: 0px;
}
.next {
right: 0px;
}
@media (max-width: 1200px) {
.auto_slider li {
flex: 0 0 calc(25% - 15px);
max-width: calc(25% - 15px);
}
}
@media (max-width: 992px) {
.auto_slider li {
flex: 0 0 calc(33.333% - 13.333px);
max-width: calc(33.333% - 13.333px);
}
}
@media (max-width: 768px) {
.auto_slider li {
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
}
.prev, .next {
padding: 8px 12px;
font-size: 20px;
}
}
@media (max-width: 480px) {
.auto_slider li {
flex: 0 0 calc(100% - 0px);
max-width: calc(100% - 0px);
}
.clients-container {
margin: 20px auto;
padding: 0 10px;
}
.topic {
font-size: 24px;
margin-bottom: 25px;
}
.prev, .next {
padding: 6px 10px;
font-size: 18px;
top: 45%;
}
}
.unique-slider-container {
margin: 0px auto;
max-width: 1400px;
padding: 20px 20px;
position: relative;
text-align: center;
}
.unique-section-title {
font-size: clamp(18px, 4vw, 36px);
font-weight: 700;
color: #333;
margin-bottom: 40px;
text-align: center;
}
.unique-slider-wrapper {
position: relative;
overflow: hidden;
width: 100%;
}
.unique-slider {
display: flex;
gap: 20px;
transition: transform 1.5s ease-in-out;
list-style: none;
padding: 40px;
margin: 0;
}
.unique-slider-item {
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
text-align: center;
flex: 0 0 calc(16.666% - 16.666px);
max-width: calc(16.666% - 16.666px);
height: 300px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.unique-slider-item:hover {
transform: translateY(-5px);
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}
.unique-slider-item img {
max-width: 100%;
height: 120px;
object-fit: contain;
margin: 10px auto 15px auto;
display: block;
}
.unique-view-more-button {
padding: 8px 18px;
background-color: #3e7099;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
transition: background-color 0.3s ease;
text-decoration: none;
display: inline-block;
cursor: pointer;
}
.unique-view-more-button:hover {
background-color: #fff;
border: 1px solid black;
color: black;
}
.unique-slider-nav-prev, .unique-slider-nav-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.322);
color: white;
padding: 10px 15px;
border: none;
border-radius: 10%;
cursor: pointer;
font-size: 24px;
line-height: 1;
transition: background-color 0.3s ease, transform 0.2s ease;
z-index: 10;
}
.unique-slider-nav-prev:hover, .unique-slider-nav-next:hover {
background-color: rgba(0, 0, 0, 0.8);
transform: translateY(-50%) scale(1.1);
}
.unique-slider-nav-prev {
left: 0px;
}
.unique-slider-nav-next {
right: 0px;
} 
@media (max-width: 1200px) {
.unique-slider li {
flex: 0 0 calc(25% - 15px);
max-width: calc(25% - 15px);
}
}
@media (max-width: 992px) {
.unique-sliderr li {
flex: 0 0 calc(33.333% - 13.333px);
max-width: calc(33.333% - 13.333px);
}
}
@media (max-width: 768px) {
.unique-slider li {
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
}
.prev, .next {
padding: 8px 12px;
font-size: 20px;
}
}
@media (max-width: 480px) {
.unique-slider li {
flex: 0 0 calc(100% - 0px);
max-width: calc(100% - 0px);
}
.unique-slider-container {
margin: 20px auto;
padding: 0 10px;
}
.topic {
font-size: 24px;
margin-bottom: 25px;
}
.prev, .next {
padding: 6px 10px;
font-size: 18px;
top: 45%;
}
}
.unique-slider li h4 {
font-size: 16px;
font-weight: 600;
color: #333;
margin-top: 0;
margin-bottom: 10px;
}
.get-in-touch {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: auto;
background-image: url(https://www.hants.lk/wp-content/themes/Hants/images/slide-2.webp); 
background-size: cover;
background-position: center;
color: white;
padding: 20px;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7); z-index: 1;
}
.content {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
padding: 40px;  z-index: 2;
flex-wrap: wrap;
}
.text {
flex: 1;
margin-right: 30px;
max-width: 500px;
padding: 20px;
margin-bottom: 0; 
}
.text h2 {
font-size: 36px;
margin-bottom: 15px;
color: #fff;
font-weight: 800;
font-family: "Poppins", sans-serif;
}
.text p {
font-size: 18px;
color: #fff;
font-family: "Poppins", sans-serif;
line-height: 1.6;
margin-bottom: 0; }
.form {
flex: 1;
padding: 20px;
max-width: 400px;
width: 100%;
font-family: "Poppins", sans-serif;
}
.form input, .form textarea {
width: 100%;
padding: 12px;
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
background-color: #fafafa;
}
.form textarea {
resize: vertical;
height: 100px;
}
.form [type=submit] {
width: 100%;
padding: 12px;
background-color: #3e7099;
color: white;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.form [type=submit]:hover {
width: 100%;
padding: 12px;
background-color: #fff;
color: #000;
border: 1px solid #000;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.form button {
width: 100%;
padding: 12px;
background-color: #3e7099;
color: white;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.form button:hover {
background-color: #3e7099;
} @media (max-width: 768px) {
.content {
flex-direction: column;
align-items: flex-start;
padding: 20px;
}
.text {
margin-right: 0;
margin-bottom: 0; }
.form {
max-width: 100%;
}
.text h2 {
font-size: 28px;
}
.text p {
font-size: 16px;
}
.form input, .form textarea {
font-size: 14px;
}
.form button {
width: auto;
font-size: 14px;
}
}
@media (max-width: 480px) {
.text h2 {
font-size: 24px;
}
.text p {
font-size: 14px;
}
.form input, .form textarea {
font-size: 12px;
}
.form button {
width: auto;
font-size: 12px;
padding: 10px;
}
}
.feedback-img {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 50%;
}
.feedback-text {
font-size: 1.1rem;
line-height: 1.6;
color: #333;
font-weight: 700 !important;
font-family: 'Pontano Sans', sans-serif;
}
.client-title {
font-weight: 600;
margin-top: 2px;
}
.line-separator {
width: 80px;
height: 2px;
background-color: #000;
display: inline-block;
margin-right: 15px;
}
.navigation-arrows {
font-size: 2rem;
cursor: pointer;
transition: color 0.2s ease-in-out;
font-weight: 200;
}
.navigation-arrows:hover {
color: #555;
}
.carousel-navigation {
margin-top: 60px !important;
}
.client-feedback-section {
padding: 50px;
align-items: center;
font-family: 'Pontano Sans', sans-serif;
}
.carousel-wrapper {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-slide {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform 2s ease-in-out;
}
.carousel-title {
text-align: left;
}
@media (max-width: 767.98px) {
.carousel-title {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
.carousel-slide.active,
.carousel-slide-next,
.carousel-slide-prev {
display: block;
}
.carousel-slide-next:not(.carousel-slide-start),
.active.carousel-slide-end {
transform: translateX(100%);
}
.carousel-slide-prev:not(.carousel-slide-end),
.active.carousel-slide-start {
transform: translateX(-100%);
}
.carousel-fade .carousel-slide {
opacity: 0;
transition-duration: 20s;
transition-property: opacity;
}
.carousel-fade .carousel-slide.active,
.carousel-fade .carousel-slide-next.carousel-slide-start,
.carousel-fade .carousel-slide-prev.carousel-slide-end {
opacity: 1;
}
.carousel-fade .active.carousel-slide-start,
.carousel-fade .active.carousel-slide-end {
opacity: 0;
}
.carousel-fade .carousel-slide-next,
.carousel-fade .carousel-slide-prev,
.carousel-fade .carousel-slide.active,
.carousel-fade .active.carousel-slide-start,
.carousel-fade .active.carousel-slide-end {
transform: translateX(0);
}
.scroll-animate {
opacity: 0;
} .content-area {
padding: 50px 50px; background-color: #fff;
font-family: "Poppins", sans-serif;
overflow: hidden;
}
.content-area a {
text-decoration: none !important;
}
.woocommerce-breadcrumb {
font-size: 16px;
color: #888;
margin-bottom: 20px;
}
.woocommerce-breadcrumb a{
text-decoration: none !important;
color: #3e7099 !important;
}
.woocommerce-products-header__title {
font-size: 32px;
font-weight: 700;
color: #222;
margin-bottom: 10px;
text-align: center;
width: 100%;
}
.woocommerce-result-count,
.woocommerce-ordering {
margin: 0;
}
ul.products {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
padding: 0;
list-style: none;
margin: 10px auto 0 auto;
margin-top: 100px;
}  body.woocommerce-shop ul.products,
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 22px !important;
align-items: stretch !important;
margin: 35px 0 !important;
padding: 0 !important;
list-style: none !important;
} ul.products li.product {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
height: auto !important;
min-height: 0 !important;
padding: 15px !important;
margin: 0 !important;
background: #fff !important;
border: 1px solid #e8edf1 !important;
border-radius: 12px !important;
box-shadow: 0 3px 12px rgba(0,0,0,0.06) !important;
text-align: center !important;
transition: transform .25s ease, box-shadow .25s ease !important;
}
ul.products li.product:hover {
transform: translateY(-4px) !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.10) !important;
} ul.products li.product > a.woocommerce-LoopProduct-link > img {
display: block !important; height: 145px !important;
object-fit: contain !important;
aspect-ratio: auto !important;
padding: 5px !important;
margin: 0 0 12px !important; border-radius: 7px !important;
} ul.products li.product .woocommerce-loop-product__title {
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
color: #203b55 !important;
margin: 0 0 10px !important;
padding: 0 !important;
min-height: 42px !important;
} ul.products li.product .price {
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
color: #3e7099 !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
ul.products li.product .price del {
opacity: .65 !important;
}
ul.products li.product .price ins {
text-decoration: none !important;
} ul.products li.product .mintpay-price-breakdown {
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 4px !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 0 12px !important;
padding: 5px 0 !important;
font-size: 11px !important;
line-height: 1.4 !important;
}
ul.products li.product .mintpay-price-breakdown > a:first-child {
display: inline !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
color: #53677a !important;
} ul.products li.product .mintpay-price-breakdown img.mintpay-logo {
display: inline-block !important;
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: auto !important;
max-height: 17px !important;
object-fit: contain !important;
aspect-ratio: auto !important;
margin: 0 2px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
} ul.products li.product .mintpay-price-breakdown img.mintpay-info-icon {
display: inline-block !important;
width: 13px !important;
min-width: 13px !important;
max-width: 13px !important;
height: 13px !important;
object-fit: contain !important;
aspect-ratio: 1 !important;
margin: 0 0 0 3px !important;
padding: 0 !important;
} ul.products li.product a.button {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
margin: auto 0 9px !important;
padding: 11px 12px !important;
background: #3e7099 !important;
color: #fff !important;
border: 1px solid #3e7099 !important;
border-radius: 5px !important;
font-size: 13px !important;
font-weight: 600 !important;
text-align: center !important;
transition: all .25s ease !important;
}
ul.products li.product a.button:hover {
background: #fff !important;
color: #3e7099 !important;
} ul.products li.product button.woosw-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
width: auto !important;
margin: 0 auto !important;
padding: 8px 12px !important;
background: #fff !important;
color: #3e7099 !important;
border: 1px solid #d8e2eb !important;
border-radius: 5px !important;
font-size: 12px !important;
cursor: pointer !important;
}
ul.products li.product button.woosw-btn:hover {
background: #f0f5f9 !important;
border-color: #3e7099 !important;
} ul.products li.product .screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
} .woocommerce-pagination {
margin: 25px 0 15px !important;
}  @media (max-width: 1100px) {
ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 16px !important;
}
} @media (max-width: 767px) {
ul.products {
grid-template-columns: 1fr !important;
gap: 12px !important;
margin-top: 20px !important;
}
ul.products li.product {
padding: 10px !important;
}
ul.products li.product > a.woocommerce-LoopProduct-link > img {
height: 125px !important;
}
ul.products li.product .woocommerce-loop-product__title {
font-size: 14px !important;
min-height: 0 !important;
}
ul.products li.product .price {
font-size: 14px !important;
}
ul.products li.product .mintpay-price-breakdown {
font-size: 11px !important;
}
ul.products li.product a.button {
font-size: 12px !important;
padding: 10px !important;
}
ul.products li.product button.woosw-btn {
font-size: 11px !important;
padding: 7px 10px !important;
}
} @media (max-width: 380px) {
ul.products {
grid-template-columns: 1fr !important;
gap: 10px !important;
}
ul.products li.product {
padding: 9px !important;
}
ul.products li.product > a.woocommerce-LoopProduct-link > img {
height: 110px !important;
}
}
.screen-reader-text {
display: none;
}
.woocommerce-result-count,
.woocommerce-ordering {
display: inline-block;
vertical-align: middle;
}
.woocommerce-result-count {
float: left;
font-size: 16px;
color: #333;
}
.woocommerce-ordering {
float: right;
}
.woocommerce-ordering select {
padding: 10px 12px;
border: 1px solid #ccc;
border-radius: 4px;
}
.woocommerce-notices-wrapper::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 768px) {
.woocommerce-result-count,
.woocommerce-ordering {
float: none;
display: block;
width: 100%;
margin-bottom: 10px;
align-items: center;
text-align: center;
align-content: center;
}
.woocommerce-ordering {
margin-top: 0;
}
} .emoji {
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 5px;
display: none;
}
.reset_variations{
display: none !important;
}
.woocommerce-variation-price{
margin-top: 20px !important;
}
.onsale{
margin-top: -300px !important;
}
.product,.product_tag-sale{
display: flex;
flex-wrap: wrap;
gap: 10px; justify-content: center;
align-items: center;
padding: 60px;
padding-left: 150px;
border-radius: 8px;
} .woocommerce-product-gallery {
flex: 1 1 30%;
}
.woocommerce-product-gallery img {
width: 95%; height: auto;
border-radius: 8px;
transition: transform 0.3s ease, filter 0.3s ease;
cursor: pointer;
}
.summary.entry-summary {
flex: 1 1 33%;
}
.product_title.entry-title {
font-size: 28px;
margin: 10px 0;
color: #222;
}
.price {
font-size: 20px;
font-weight: 600;
color: #3e7099;
margin: 10px 0 20px;
}
.variations select {
width: 100%;
padding: 10px;
margin-top: 10px;
border-radius: 4px;
border: 1px solid #ccc;
font-size: 16px;
margin-left: 20px;
}
.quantity input {
width: 90px;
padding: 6px;
font-size: 16px;
margin-right: 10px;
}
.single_add_to_cart_button { padding: 6.6px 10px;
font-size: 16px;
background: #3e7099;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
margin-top: 20px;
}
.single_add_to_cart_button:hover {
padding: 10px 20px;
font-size: 16px;
border: 1px solid black;
background: #fff;
color: #000;
border-radius: 4px;
cursor: pointer;
margin-top: 20px;
}
.single_add_to_cart_button:disabled {
background: #ccc;
cursor: not-allowed;
}
.product_meta {
font-size: 16px;
margin-top: 20px;
}
.product_meta span {
display: block;
margin-bottom: 5px;
}
.product_meta a {
color: #3e7099;
}
.woocommerce-Tabs-panel {
display: none;
}
.woocommerce-tabs .tabs li.active + .woocommerce-Tabs-panel,
.woocommerce-tabs .tabs li.active a:hover + .woocommerce-Tabs-panel {
display: block;
}
.woocommerce-tabs {
margin-top: 40px;
}
.woocommerce-tabs .tabs {
list-style: none;
display: flex;
padding: 0;
margin-bottom: 0;
border-bottom: 2px solid #eee;
flex-wrap: wrap;
}
.woocommerce-tabs .tabs li {
margin-right: 20px;
}
.woocommerce-tabs .tabs li a {
text-decoration: none;
padding: 10px 15px;
display: block;
color: #333;
border: 2px solid transparent;
border-bottom: none;
border-radius: 6px 6px 0 0;
}
.woocommerce-tabs .tabs li.active a {
border-color: #3e7099 #3e7099 #fff;
background: #fff;
color: #3e7099;
}
.woocommerce-Tabs-panel {
background: #fff;
padding: 20px;
border: 2px solid #eee;
border-top: none;
border-radius: 0 0 8px 8px;
font-size: 15px;
width:1100px;
max-width: 100%;
box-sizing: border-box;
}
.screen-reader-text {
display: none;
}
.woocommerce-product-gallery:hover img {
opacity: 0.6;
}
.woocommerce-product-gallery img:hover {
opacity: 1;
filter: brightness(1.1);
}
@media (max-width: 991px) {
.content-area {
padding: 30px 20px;
}
.single_add_to_cart_button {
border-radius: 4px;
}
.product,.product_tag-sale{
flex-direction: column;
align-items: flex-start;
padding: 10px !important;
}
.woocommerce-product-gallery {
width: 100%;
margin-bottom: 20px;
}
.woocommerce-product-gallery img {
width: 100%;
height: auto;
}
.summary.entry-summary {
width: 100%;
}
.variations select {
margin-left: 0;
}
.woocommerce-Tabs-panel {
width: 100%;
}
}
@media (max-width: 480px) {
.product_title.entry-title {
font-size: 22px;
}
.price {
font-size: 18px;
}
.quantity input {
width: 100%;
margin-top: 30px !important;
margin-bottom: 10px;
}
.single_add_to_cart_button {
width: 100%;
border-radius: 4px;
}
.woocommerce-tabs .tabs {
justify-content: space-between;
}
.woocommerce-tabs .tabs li {
margin-right: 10px;
margin-bottom: 10px;
flex: 1 1 45%;
}
.woocommerce-tabs .tabs li a {
padding: 8px 10px;
font-size: 14px;
text-align: center;
}
.woocommerce-Tabs-panel {
font-size: 14px;
padding: 15px;
}
.woocommerce-product-gallery img {
height: 200px;
object-fit: cover;
}
}
.woocommerce-product-attributes p{
margin: 5px;
} 
.woocommerce-variation-availability .stock.in-stock {
color: green !important;
margin-top: 5px !important;
}
.woocommerce-variation-availability .stock.out-of-stock {
color: red !important;
margin-top: 5px !important;
} .wp-block-button__link{
background-color: #3e7099 !important;
color: #fff !important;
padding: 10px 20px !important;
border-radius: 4px !important;
font-weight: 500 !important;
text-decoration: none !important;
}
.wp-block-button__link:hover{
background-color: #fff !important;
color: #000 !important;
padding: 10px 20px !important;
border-radius: 4px !important;
font-weight: 500 !important;
text-decoration: none !important;
border: 1px solid #000 !important;
}
.wc-block-grid__product-title{
font-size: 18px !important;
font-weight: 600 !important;
color: #222 !important;
margin: 10px 0 !important;
}
.wc-block-grid {
margin-top: 20px !important;
}
.wc-block-grid__products .wc-block-grid__product-image img {
height: 90% !important;
max-width: 100% !important;
width: 100% !important;
margin-top: 20px !important;
}
.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale {
background: #fff;
border: 1px solid #3e7099 !important;
border-radius: 4px;
color: #3e7099 !important;
} .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
background-color: #3e7099 !important;
color: #fff !important;
padding: 10px 20px !important;
border-radius: 4px !important;
font-weight: 500 !important;
text-decoration: none !important;
}
body.woocommerce-account {
display: flex; height: 100vh; 
background-color: #f7f7f7; 
}
.woocommerce {
margin-left:200px;
margin-right:200px;
display: grid; align-items: center;
width: 100%;
max-width: 1000px; 
box-sizing: border-box; 
padding: 30px; 
border-radius: 10px;
}
@media (max-width: 991px) {
.woocommerce {
margin-left:0 !important;
margin-right:0 !important;
display: grid;
}
}
@media (max-width: 991px) {
.hub .woocommerce {
margin-left: 0 !important;
margin-right: 0 !important;
display: grid;
}
}
@media (max-width: 768px) {
.woocommerce {
margin-left:0 !important;
margin-right:0 !important;
display: grid;
}
}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text{
color: #fff !important;
}
.wc-block-cart .wc-block-cart__submit-container{
color: #fff !important;
background-color: #3e7099 !important;
border-radius: 4px !important;
}
.wc-block-cart .wc-block-cart__submit-container:hover{
background-color: #171616 !important;
border-radius: 4px !important;
border: 1px solid #000 !important;
}
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
background-color: #3e7099 !important;
padding: 10px 20px !important;
border-radius: 4px !important;
font-weight: 500 !important;
text-decoration: none !important;
}
.wc-block-components-button__text{
color: #fff !important;
}
.wc-block-components-button{
background-color: #3e7099 !important;
padding: 10px 20px !important;
border-radius: 4px !important;
font-weight: 500 !important;
text-decoration: none !important;
border: none !important;
}
.wc-block-components-button:hover{
background-color: #000 !important;
padding: 10px 20px !important;
border-radius: 54x !important;
font-weight: 500 !important;
text-decoration: none !important;
border: 1px solid #000 !important;
}
.wc-block-components-checkout-place-order-button__text{
color: #fff !important;
}
.onsale{
background-color: red !important;
padding: 5px 5px !important;
border-radius: 4px !important;
font-weight: 500 !important;
text-decoration: none !important;
border: none !important;
width: 80px !important;
color: #fff !important;
}
.products .onsale{margin-right:220px !important;
margin-top:15px !important; }
.woocommerce-info {
border-top-color: #3e7099 !important;
}
.woocommerce-info::before {
color: #3e7099 !important;
} .showcoupon {
color: #3e7099 !important;
}
#woocommerce-checkout-form-coupon { align-items: center !important;
justify-content: center !important;
gap: 12px !important;
padding: 15px !important;
background: #f8f9fa !important; border: 1px solid #ddd !important;
border-radius: 8px !important;
max-width: 400px !important;
margin: 20px auto !important;
} #woocommerce-checkout-form-coupon .input-text {
flex: 1 !important;
padding: 10px 12px !important;
border: 1px solid #ccc !important;
border-radius: 6px !important;
font-size: 14px !important;
transition: all 0.3s ease !important;
}
#woocommerce-checkout-form-coupon .input-text:focus {
border-color: #3e7099 !important;  outline: none !important;
} #woocommerce-checkout-form-coupon .button {
padding: 10px 18px !important;
background: linear-gradient(135deg, #3e7099, #3e7099) !important;
color: #fff !important;
border: none !important;
border-radius: 4px !important;
font-size: 14px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: background 0.3s ease, transform 0.2s ease !important;
}
#woocommerce-checkout-form-coupon .button:hover {
background: linear-gradient(135deg, #3e7099, #3e7099) !important;
transform: translateY(-2px) !important;
} form.checkout {
max-width: 1400px !important;   border-radius: 12px !important;  } form.checkout h3 {
font-size: 22px !important;
margin-bottom: 20px !important;
color: #333 !important;
border-bottom: 2px solid #ddd !important;
padding-bottom: 10px !important;
} form.checkout input.input-text,
form.checkout select,
form.checkout textarea {
width: 100% !important;
padding: 12px 15px !important;
margin: 5px 0 20px 0 !important;
border: 1px solid #ccc !important;
border-radius: 8px !important;
font-size: 16px !important;
transition: 0.3s !important;
}
form.checkout input.input-text:focus,
form.checkout select:focus,
form.checkout textarea:focus {
border-color: #3e7099 !important;
outline: none !important;
} form.checkout .required {
color: #3e7099 !important;
} .col2-set {
display: flex !important;
flex-wrap: wrap !important;
gap: 20px !important;
}
.col2-set .col-1,
.col2-set .col-2 {
flex: 1 !important;
min-width: 280px !important;
} .col2-set .col-1 {
order: 1 !important;
flex: 1 1 100% !important;
}
.col2-set .col-2 {
order: 2 !important;
flex: 1 1 100% !important;
margin-top: 30px !important;
} .woocommerce-checkout-review-order-table {
width: 100% !important;
border-collapse: collapse !important;
margin-bottom: 20px !important;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
padding: 12px 10px !important;
border-bottom: 1px solid #eee !important;
text-align: left !important;
}
.woocommerce-checkout-review-order-table th {
background: #f2f2f2 !important;
font-weight: 600 !important;
} .order-total th,
.order-total td {
font-size: 18px !important;
font-weight: bold !important;
} #payment {
margin-top: 30px !important;
}
#payment label {
font-weight: 500 !important;
display: block !important;
margin-bottom: 10px !important;
}
.payment_box {
background: #fff !important;
padding: 15px !important;
border-radius: 8px !important;
border: 1px solid #ddd !important;
margin-bottom: 20px !important;
} #place_order {
background: linear-gradient(90deg, #3e7099, #3e7099) !important;
color: #fff !important;
font-size: 18px !important;
font-weight: bold !important;
padding: 12px 30px !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
transition: 0.3s !important;
width: 40% !important;
}
#place_order:hover {
background: linear-gradient(90deg, #3e7099, #3e7099) !important;
} @media (max-width: 768px) {
.col2-set {
flex-direction: column !important;
}
}
.woocommerce-error li a{
color: #3e7099 !important;
} .about-container {
max-width: 1200px; 
margin: 0 auto; 
padding: 0 20px; 
}
.hero-section {
padding: 80px 0 100px 0;
margin-top:-100px;
}
.about-hero-section .about-container {
display: flex;
align-items: center;
gap: 60px; 
}
.about-hero-content {
flex: 1;
max-width: 50%; 
}
.about-hero-content h1 {
font-size: 40px; 
font-weight: 800;
line-height: 1.15;
margin-bottom: 25px;
color: #3e7099;
}
.about-description {
font-size: 17px;
color:#607d8b;
margin-bottom: 40px;
max-width: 90%;
}
.about-hero-image-container {
flex: 1;
position: relative;
max-width: 50%;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 50px; 
}
.about-hero-image-container img {
max-width: 85%; 
height: auto;
display: block;
border-radius: 8px; 
box-shadow: 0 15px 30px rgba(0,0,0,0.1); 
z-index: 2; 
position: relative; 
}
.about-bottom-section {
padding: 60px 0;
background-color:#f9f9f9;
border-top: 1px solid #e0e0e0;
margin-top:-40px;
}
.about-bottom-section .about-container {
gap: 40px;
align-items: flex-start; 
}
.about-bottom-section p{
margin-top: 15px;
}
@media (max-width: 992px) {
.about-hero-section .about-container {
flex-direction: column;
text-align: center;
}
.about-hero-content, .about-hero-image-container {
max-width: 100%;
}
.about-hero-content h1 {
font-size: 42px;
}
.about-bottom-section .about-container {
flex-direction: column;
}
}
@media (max-width: 768px) {
.about-container {
padding: 0 15px;
}
.about-hero-content h1 {
font-size: 36px;
}
}
.about-header {
text-align: left;
margin-bottom: 50px;
padding-bottom: 20px;
border-bottom: 1px solid #e0e0e0;
display: flex;
flex-direction: column;
}
.about-header h1 {
font-size: clamp(2em, 5vw, 3.5em);
font-weight: 800;
color: #1e293b;
margin: 0;
}
.about-header p {
max-width: 600px;
font-size: 1.1em;
color: #64748b;
margin-top: 10px;
line-height: 1.5;
}
.about-page-container {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
} .wp-block-heading{
color:#3e7099 ;
}
.privacy-policy-tutorial{
font-weight: bold;
color: #343333;
font-size: 1.1rem;
}
.woocommerce-thankyou-order-received{
color:green;
font-size:1.3rem;
font-weight:500;
margin-bottom:50px;
}
.woocommerce-order-details h2  , .woocommerce-column__title {
color:#3e7099;
font-size:1.6rem;
}
.woocommerce-thankyou-order-received::after {
display: inline-block; 
content: "\2713"; 
background-color: #468847; 
border-radius: 50%;
padding: 10px; 
color: white; 
font-size: 1em; 
margin-left: 8px; 
font-weight: bold;
line-height: 1; 
text-align: center; 
}
.woocommerce-thankyou-order-received {
background-color: #e6f7ff; 
color: green;
border-top: 3px solid green;
padding: 20px;
font-size: 1.3em;
margin-bottom: 30px;
text-align: center;
}
.woocommerce-order-overview li {
flex: 1 1 10%; 
padding: 15px 20px;
border-right: 1px solid #eee;
text-align: left;
line-height: 1.4;
font-size: 0.9em;
}
.woocommerce-column--billing-address {
margin: 20px auto; border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.woocommerce-column--billing-address .woocommerce-column__title {
font-size: 1.5em;
color: #3e7099; 
font-weight: 600;
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: 3px solid #3e7099;
}
.woocommerce-column--billing-address address {
font-weight: 500;
color: #000;
}
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
margin-top: 10px;
margin-bottom: 5px;
font-size: 0.95em;
color: #000;
padding-left: 25px; 
position: relative;
}
.woocommerce-column--shipping-address {  border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
.woocommerce-column--shipping-address .woocommerce-column__title {
font-size: 1.5em;
color: #3e7099; 
font-weight: 600;
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: 3px solid #3e7099;
}
.woocommerce-column--shipping-address address {
font-style: normal; 
line-height: 1.6; 
color: #555;
}
.woocommerce-column--shipping-address address {
font-weight: 500;
color: #000;
}
@media only screen and (max-width: 768px) {
.col2-set .woocommerce-column {
width: 100%;
margin-bottom: 20px; 
}
}
.woocommerce-order-details {
margin-top: 30px;
margin-bottom: 40px;
padding: 0; 
}
.woocommerce-order-details__title {
font-size: 1.5em;
font-weight: 700;
color: #333;
margin-bottom: 20px;
border-bottom: 2px solid #ddd; 
padding-bottom: 10px;
border-bottom: 3px solid #3e7099;
}
.woocommerce-table--order-details,
.shop_table.order_details {
width: 100%;
border-collapse: collapse;
border: 1px solid #eee; 
border-radius: 5px;
overflow: hidden; 
}
.woocommerce-table--order-details thead tr {
background-color: #f7f7f7; 
}
.woocommerce-table--order-details th {
font-weight: 600;
color: #555;
text-align: left;
padding: 12px 20px;
border-bottom: 1px solid #eee;
}
.woocommerce-table--order-details tbody tr {
border-bottom: 1px solid #f0f0f0;
}
.woocommerce-table--order-details td {
padding: 15px 20px;
vertical-align: top;
}
.woocommerce-table__product-name a {
font-weight: 500;
color: #007bff; 
text-decoration: none;
}
.woocommerce-table__product-name a:hover {
text-decoration: underline;
}
.woocommerce-order-overview {
list-style: none;
padding: 0;
margin: 1.5em 0; 
display: flex;
flex-wrap: wrap; 
justify-content: space-between; 
gap: 5px; 
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 10px;
background-color: #f9f9f9;
}
.woocommerce-order-overview li {
flex: 1 1 200px; 
padding: 10px 15px;
border-radius: 5px;
background-color: #ffffff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); 
text-align: center;
font-size: 0.9em;
color: #555;
line-height: 1.4;
}
.woocommerce-order-overview li strong {
display: block;
font-size: 1.2em; 
color: #333; 
margin-top: 5px; 
font-weight: 700;
}
@media (max-width: 600px) {
.woocommerce-order-overview {
flex-direction: column;
padding: 15px;
}
.woocommerce-order-overview li {
flex: 1 1 100%;
margin-bottom: 10px; 
text-align: left; 
padding: 12px 15px;
}
.woocommerce-order-overview li strong {
display: inline; 
float: right; 
font-size: 1em;
margin-top: 0;
}
.woocommerce-order-overview__total strong {
font-size: 1.2em;
}
}      
.store-locator-section { margin-top: 10px; padding: 5px;  border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); }
.locations-grid {gap:40px !important; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px 20px; }
.location-card { padding: 10px; border-radius:3px;}
.location-card h3 { font-size: 1.1em; font-weight: 700; color: #fff; margin: 0 0 10px 0; border-bottom: 2px solid #f1f5f9; padding-bottom: 8px; }
.location-card p { font-size: 0.9em; color: #fff; margin: 0; padding: 3px 0; }
.location-card .phone-number { font-weight: 600; color: #fff; margin-top: 8px; }
.contact-page-container {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
}
.contact-header {
text-align: left;
margin-bottom: 50px;
padding-bottom: 20px;
border-bottom: 1px solid #e0e0e0;
display: flex;
flex-direction: column;
}
.contact-header h1 {
font-size: clamp(2em, 5vw, 3.5em);
font-weight: 800;
color: #1e293b;
margin: 0;
}
.contact-header p {
max-width: 600px;
font-size: 1.1em;
color: #64748b;
margin-top: 10px;
line-height: 1.5;
}
.contact-content {
display: grid;
grid-template-columns: 3fr 2fr;
gap: 40px;
}
.get-in-touch-box,
.info-box {
background-color: #ffffff;
padding: 35px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
transition: transform 0.3s, box-shadow 0.3s;
}
.get-in-touch-box:hover,
.info-box:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}
.get-in-touch-box h2,
.info-box h2,
.store-locator-section h2 { 
font-size: 1.25em;
font-weight: 700;
color: #1e293b;
margin-top: 0;
margin-bottom: 30px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.contact-form { display: flex; flex-direction: column; }
.form-group { margin-bottom: 25px; }
.form-group.row { display: flex; gap: 30px; }
.form-field { flex: 1; }
.contact-form label {
display: block;
font-size: 0.8em;
color: #475569;
font-weight: 600;
margin-bottom: 8px;
text-transform: uppercase;
}
.contact-form input[type="text"],
.contact-form input[type="tel"],
.contact-form input[type="email"],
.contact-form textarea {
width: 100%;
padding: 12px 18px;
border: 1px solid #cbd5e1;
border-radius: 6px;
font-size: 1em;
transition: border-color 0.3s, box-shadow 0.3s;
background-color: #f8fafc;
}
.contact-form input:focus,
.contact-form textarea:focus {
border-color: #c90000;
box-shadow: 0 0 0 2px rgba(201, 0, 0, 0.2);
outline: none;
background-color: #fff;
}
.contact-form textarea { resize: vertical; min-height: 120px; }
.submit-button {
background-color: #c90000;
color: white;
padding: 14px 30px;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 1.05em;
font-weight: 600;
margin-top: 20px;
transition: background-color 0.3s, box-shadow 0.3s;
width: 100%;
max-width: 250px;
align-self: flex-start;
}
.submit-button:hover {
background-color: #1E3652;
box-shadow: 0 4px 10px rgba(30, 54, 82, 0.3);
}
.contact-info-column { display: flex; flex-direction: column; gap: 40px; }
.contact-detail { display: flex; align-items: flex-start; margin-bottom: 25px; }
.contact-detail .icon {
font-size: 1.5em;
margin-right: 15px;
color: #c90000;
min-width: 30px;
text-align: center;
}
.contact-detail p { margin: 0; font-size: 0.85em; color: #64748b; }
.contact-detail .detail-value { font-size: 1em; font-weight: 500; color: #1e293b; margin-top: 5px; }
.hours-grid { display: flex; flex-direction: column; gap: 15px; }
.day-time { padding: 10px 0; border-bottom: 1px solid #f1f5f9; }
.day-time:last-child { border-bottom: none; }
.day-time p { margin: 0; font-size: 0.85em; color: #64748b; font-weight: 600; }
.day-time .detail-value { font-size: 0.95em; font-weight: 500; color: #1e293b; margin-top: 5px; }
.contact-map-section { margin-top: 50px; padding: 35px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); }
.contact-map-section h2 { font-size: 1.25em; font-weight: 700; color: #1e293b; margin-top: 0; margin-bottom: 30px; letter-spacing: 0.05em; text-transform: uppercase; }
.map-placeholder { width: 100%; }
.map-responsive {
position: relative;
width: 100%;
padding-bottom: 56.25%; 
height: 0;
overflow: hidden;
border-radius: 8px;
}
.map-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
@media (max-width: 1024px) {
.contact-content { grid-template-columns: 1fr; }
.form-group.row { flex-direction: column; gap: 0; }
.form-field { margin-bottom: 25px; }
.locations-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
}
@media (max-width: 640px) {
.contact-page-container { padding: 10px; }
.get-in-touch-box, .info-box, .contact-map-section, .store-locator-section { padding: 20px; border-radius: 8px; }
.submit-button { max-width: 100%; }
.contact-map-section, .store-locator-section { margin-top: 30px; }
.locations-grid { grid-template-columns: 1fr; gap: 25px; }
}
.contact-form {
max-width: 600px;
margin: 0 auto;
background-color: #fff;
padding: 30px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.form-group {
margin-bottom: 20px;
}
.form-row {  }
.woocommerce-form-register__submit{
background-color: #3e7099 !important;
color: white !important;
}
.form-column {
flex: 1;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #333;
text-transform: uppercase;
font-size: 0.85em;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
width: 100%;
padding: 10px 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box; 
font-size: 16px;
outline: none;
transition: border-color 0.3s;
}
input:focus,
textarea:focus {
border-color: #555;
}
input::placeholder,
textarea::placeholder {
color: #aaa;
}
textarea {
resize: vertical;
min-height: 100px !important;
}
.wpcf7-submit {
background-color: #3e7099;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
display: block; 
cursor: pointer;
transition: background-color 0.3s;
}
.wpcf7-submit:hover {
background-color: #1E3652; 
}
@media (max-width: 650px) {
.form-row {
flex-direction: column;
}
} @media only screen 
and (min-width: 834px)
and (max-width: 1024px)
and (orientation: portrait) {
.top-bar .logo {
max-height: 20px;
margin-left: -150px;
}
} @media only screen 
and (min-width: 1024px)
and (max-width: 1366px)
and (orientation: landscape) {
.top-bar .logo {
max-height: 30px;
margin-left: -150px;
}
}
@media (max-width: 480px) {
.top-bar .logo {
display: none !important;
}
}
@media (max-width: 576px) {
.top-bar .logo {
display: none !important;
}
}
@media screen and (min-width: 1024px) and (pointer: fine) and (hover: hover) {
.woocommerce-input-wrapper {
width: 800px;
}
}
.category-container {
display: flex;
flex-wrap: wrap; 
gap: 20px;
padding: 0 20px 40px; 
max-width: 1200px;
margin: 0 auto;
justify-content: center; 
}
.simple-card {
flex: 1 1 49%; 
max-width: 35%; 
background-color: #3e7099; 
border-radius: 8px;
padding: 25px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
transition: box-shadow 0.2s ease, transform 0.2s ease;
min-width: 200px; 
display: flex; 
align-items: center; 
text-align: left;
}
.simple-card:hover {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
transform: translateY(-2px);
}
.feature-icon-wrapper {
background-color: #fff; 
border-radius: 50%; 
width: 50px; 
height: 50px; 
display: flex;
justify-content: center;
align-items: center;
margin-right: 15px; 
flex-shrink: 0; 
}
.feature-icon-wrapper .fas, 
.feature-icon-wrapper .fa { 
font-size: 1.5rem;
color: #3e7099; 
}
.simple-card-title {
font-size: 1.3rem; 
font-weight: 700;
margin: 0; 
color: #fff;
flex-grow: 1; 
}
@media (max-width: 768px) {
.category-container {
gap: 15px;
}
.simple-card {
flex: 1 1 100%; 
max-width: 100%;
}
}
.woocommerce-pagination {
text-align: center;
margin: 30px 0;
font-family: Arial, sans-serif;
}
.woocommerce-pagination .page-numbers {
display: inline-flex;
gap: 8px;
list-style: none;
padding: 0;
margin: 0;
}
.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span {
display: inline-block;
min-width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
border-radius: 20%;
border: 1px solid #ccc;
color: #333;
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
}
.woocommerce-pagination .page-numbers a:hover {
background-color: #3e7099; 
color: #fff;
border-color: #3e7099;
}
.woocommerce-pagination .page-numbers.current {
background-color: #3e7099;
color: #fff;
border-color: #3e7099;
font-weight: 600;
}
.woocommerce-pagination .next.page-numbers,
.woocommerce-pagination .prev.page-numbers {
border-radius: 50%;
font-weight: bold;
}
@media (max-width: 480px) {
.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span {
min-width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
}
.woocommerce-pagination .next.page-numbers, .woocommerce-pagination .prev.page-numbers{
display: none !important;
}  .main-header {
position: sticky;
top: 0;
width: 100%;
z-index: 1050;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.header-width-container {
max-width: 1300px;
margin: 0 auto;
padding: 0 15px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.new-top-bar {
background-color: #1E3652;
color: #fff;
padding: 8px 0;
}
.new-top-bar-left { font-size: 13px; display: flex; align-items: center; gap: 8px; }
.search-box {
display: flex;
align-items: center;
background: #fff;
border-radius: 4px;
height: 36px;
overflow: hidden;
border: 1px solid #ddd;
}
.search-box select { 
border: none; 
border-right: 1px solid #eee; 
padding: 0 10px; 
font-size: 12px; 
outline: none; 
height: 100%; 
cursor: pointer;
background-color: #f9f9f9;
color: #555;
max-width: 120px;
}
.search-box input { border: none; padding: 0 12px; width: 200px; font-size: 13px; outline: none; color: #333; }
.search-box button { border: none; background: transparent; padding: 0 12px; color: #1E3652; cursor: pointer; }
.main-navbar { background-color: #ffffff !important; padding: 10px 0; border-bottom: 1px solid #f1f1f1; }
.main-logo { width: 120px; transition: width 0.3s; }
.navbar-nav > .nav-item > .nav-link {
color: #000 !important;
font-weight: 500;
font-size: 15px;
padding: 10px 15px !important;
position: relative; 
transition: color 0.3s;
font-family: 'Poppins', sans-serif;
}
@media (min-width: 992px) {
.navbar-nav > .nav-item > .nav-link.active::after 
{
content: '';
position: absolute;
bottom: 0;
left: 15px;
width: 70px;
height: 3px;
background-color: #2E6194;
}
.nav-item.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
border-top: 3px solid #2E6194;
}
}
.nav-link.active { color: #2E6194 !important; }
.dropdown-menu {
border-radius: 0;
border: 1px solid #eee;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
padding: 10px 0;
}
.dropdown-item {
font-family: 'Poppins', sans-serif;
font-size: 14px;
padding: 8px 20px;
color: #333;
}
.dropdown-item:hover { background-color: #f8f9fa; color: #2E6194; }
.dropdown-item::after, .dropdown-menu .nav-link::after { display: none !important; content: none !important; }
@media (max-width: 991px) {
.navbar-collapse {
background: white;
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 20px;
box-shadow: 0 10px 15px rgba(0,0,0,0.1);
}
.navbar-nav > .nav-item > .nav-link.active::after { display: none; }
.main-logo { width: 100px; }
.search-box input { width: 100px; }
.search-box select { font-size: 11px; padding: 0 5px; }
}
@media (max-width: 576px) {
.new-top-bar-left span { font-size: 10px; }
.search-box { width: 100%; max-width: 220px; height: 32px; }
.search-box input { width: 80px; }
.search-box select { max-width: 90px; }
}
.icon-link { font-size: 18px; color: #333; text-decoration: none; } .hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); 
z-index: 1;
}
.custom-hero-slider,
.custom-slide {
height: clamp(400px, 50vh, 700px);
width: 100%;
min-height: 70vh;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.custom-slide-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.custom-slide-content {
position: relative;
z-index: 2;
text-align: center;
padding: 0 20px;
font-family: 'Poppins', sans-serif;
color: #fff;
}
.custom-slide-title {
font-size: 50px;
font-weight: 300;
margin: 0;
line-height: 1.2;
margin-bottom: 15px;
}
.custom-slide-text {
font-size: 18px;
margin-bottom: 15px;
font-family: 'Poppins', sans-serif;
}
.custom-btn {
background-color: #2E6194;
border: none;
padding: 10px 20px;
font-size: 15px;
border-radius: 5px;
transition: background-color 0.3s ease;
cursor: pointer;
color: #fff;
text-decoration: none !important;
}
.custom-btn:hover {
background-color: #244b70;
} @media (max-width: 768px) {
.custom-slide-title {
font-size: 2rem;
}
}
@media (max-width: 480px) {
.custom-slide-title {
font-size: 1.5rem;
}
}
.swiper-pagination-bullet {
background: #fff;
opacity: 0.7;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #2E6194;
}
.hero-title {
font-size: 50px;
font-weight: 300;
margin: 0;
line-height: 1.2;
margin-bottom: 15px;
}
@media (max-width: 768px) {
.hero-title {
font-size: 2rem;
}
}
@media (max-width: 480px) {
.hero-title {
font-size: 1.5rem;
}
}
.btn-primary{
background-color: #2E6194;
border: none;
padding: 10px 20px;
font-size: 15px;
border-radius: 5px;
transition: background-color 0.3s ease;
margin-top: 15px;
} .features-bar {
background: #f8fbff;
padding: 30px 0;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.features-container {
max-width: 1300px;
margin: auto;
padding: 0 20px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.feature-item-new {
display: flex;
align-items: center;
gap: 14px;
}
.feature-icon {
width: 48px;
height: 48px;
background: #e9f1ff;
color: #0d2c54;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transform: translateX(3px);
}
.feature-icon img {
color: #0d2c54;
width: 26px;
height: 26px;
}
.feature-item-new p {
font-family: 'Poppins', sans-serif;
margin: 0;
font-size: 15px;
color: #000;
line-height: 1.3;
}
.feature-item-new strong {
font-weight: 600;
}
@media (max-width: 992px) {
.features-container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.features-container {
grid-template-columns: repeat(2, 1fr); 
text-align: left;
}
.feature-item-new {
justify-content: flex-start;
}
.feature-item-new p{
font-size: 10px;
}
} .advantage-section{
position: relative;
width: 100%;
min-height: 70vh; 
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
color: #000; 
}
.advantage-container {
position: relative;
z-index: 2;
text-align: center; margin-top:20px;
font-family: 'Poppins', sans-serif;
}
.advantage-container p{
color: #05142b;
}
.advantage-title {
color: #05142b;
font-size: 40px;
font-weight: 300;
margin: 0;
line-height: 1.2;
margin-bottom: 15px;
}
.row-one .image-one,
.row-two .image-two,
.row-three .image-three {
width: 100%;
border-radius: 10px;
}
.text-one, .text-two, .text-three {
padding: 20px;
}
.row-card h2 {
color: #0C2A49;
text-align: center;
font-family: 'Poppins', sans-serif;
}
.row-card p {
font-family: 'Poppins', sans-serif;
text-align: center;
color: #555;
line-height: 1.6;
}
.advantage-container{
max-width: 1300px;
margin: 0 auto;
margin-top:70px;
}
.row-card{
margin-bottom: 50px;
}
.row-card img{
height: 300px;
width: 600px !important;
}
.row-card-details{
max-width: 600px;
}
.row-container{
max-width: 1300px;
margin: 0 auto;
margin-top:150px;
margin-bottom: 100px;
} .factory-section{ position: relative;
width: 100%;
height: clamp(400px, 50vh, 700px); background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
color: #fff; 
}
.factory-section {
position: relative;
width: 100%;
min-height: 60vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 15px; 
color: #fff;
} .factory-card {
background-color: #fff !important;
color: #000;
border-radius: 12px;
padding: 20px;
z-index: 2;
width: 100%;
max-width: 300px;   
min-height: 260px;  
}
.factory-card h2 {
font-family: 'Poppins', sans-serif;
font-size: 24px;
margin-bottom: 20px;
font-weight: 400;
}
.factory-card p {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 1.6;
}
@media (min-width: 768px) {
.factory-card {
max-width: 320px;
padding: 25px;
}
.factory-card h2 {
font-size: 28px;
}
.factory-card p {
font-size: 15px;
}
}
@media (min-width: 1200px) {
.factory-section {
min-height: 80vh;
}
.factory-card {
max-width: 350px;
padding: 30px;
}
.factory-card h2 {
font-size: 30px;
}
} .testimonial-section { padding: 100px 5%;
display: flex;
justify-content: center;
background: #fff;
}
.testimonial-container {
display: flex;
flex-direction: row;
align-items: center;
max-width: 1300px;
width: 100%;
gap: 80px;
}
.left-box {
flex: 0 0 40%;
text-align: center;
}
.left-box p { font-size: 15px; margin-bottom: 5px; }
.left-box h2 { 
font-family: 'Poppins', sans-serif; 
font-size: 40px; 
font-weight: 300;
margin: 0; 
line-height: 1.2;
}
.my-custom-slider {
flex: 0 0 55%;
position: relative;
overflow: hidden;
min-width: 0;    
}
.my-custom-wrapper {
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.my-custom-item {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
display: flex;
align-items: center;
gap: 25px;
}
.user-img img {
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
}
.quote-content {
position: relative;
flex: 1;
}
.quote-icon {
font-family: 'Poppins', sans-serif;
font-size: 60px;
line-height: 0;
display: block;
margin-bottom: 20px;
}
.text-body {
font-family: 'Poppins', sans-serif;
font-size: 19px;
margin: 0;
}
.quote-icon-end {
text-align: right;
font-family: 'Poppins', sans-serif;
font-size: 60px;
display: block;
margin-top: -10px;
}
.user-meta {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
margin-top: 10px;
}
.line-dec {
width: 40px;
height: 2px;
background: #1a2b48;
}
.name-tag {
font-weight: bold;
font-size: 14px;
letter-spacing: 1px;
}
@media (max-width: 991px) {
.testimonial-container { flex-direction: column; text-align: center; }
.my-custom-item { flex-direction: column;margin:20px 0; }
.quote-icon { font-size: 40px; }
.quote-icon-end { font-size: 40px; }
.text-body { font-size: 16px; }
.user-meta { justify-content: center; }
.left-box, .my-custom-slider { flex: 0 0 100%; width: 100%; margin-top:-100px; }
.my-custom-slider {  margin-top:-50px; }
.user-meta { justify-content: center; }
.left-box, .my-custom-slider { flex: 0 0 100%; width: 100%; margin-top:-100px; }
.my-custom-slider {  margin-top:-50px; }
} .store-location-section{
margin-top:120px;
position: relative;
width: 100%;
min-height: 70vh; 
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
color: #0C2A49 !important; 
font-family: 'Poppins', sans-serif;
}
.store-location-container {
position: relative;
z-index: 2;
text-align: center;
padding: 0 20px;
margin-top:-80px;
font-family: 'Poppins', sans-serif;
}
.store-location-title {
font-family: 'Poppins', sans-serif;
color: #0C2A49 !important; 
font-size: 40px;
font-weight: 300;
margin: 0;
line-height: 1.2;
margin-bottom: 15px;
}
.locations-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px 30px;max-width: 1300px; margin: 0 auto;margin-top:80px; }
.location-card { padding: 0; text-align: left; }
.location-card h3 { font-size: 1.1em; font-weight: 700; color: #0C2A49; margin: 0 0 10px 0; border-bottom: 2px solid #f1f5f9; padding-bottom: 8px;}
.location-card p { font-size: 0.9em; color: #475569; margin: 0; padding: 3px 0; }
.location-card .phone-number { font-weight: 600; color: #1e293b; margin-top: 8px; }
@media (max-width: 1024px) {
.locations-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
}
@media (max-width: 640px) {
.store-locator-section { margin-top: 30px; }
.locations-grid { grid-template-columns: 1fr; gap: 25px; }
} .hants-main-footer {
background-color: #1E3652; 
color: #ffffff;
padding: 60px 0 30px 0;
font-family: 'Poppins', sans-serif;
line-height: 1.5;
}
.hants-footer-wrapper {
max-width: 1300px;
margin: 0 auto;
padding: 0 25px;
display: grid;
grid-template-columns: 1fr; 
gap: 40px;
}
.hants-footer-section h3 {
font-family: 'Poppins', sans-serif;
font-size: 20px;
font-weight: 600;
margin: 0 0 25px 0;
position: relative;
padding-bottom: 12px;
text-transform: none;
color: #ffffff;
}
.hants-footer-section h3::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 2px;
background-color: #ffffff;
}
.hants-contact-list, 
.hants-nav-list {
list-style: none;
padding: 0;
margin: 0;
}
.hants-contact-item {
margin-bottom: 18px;
display: flex;
align-items: flex-start;
color: #d1d1d1;
font-size: 15px;
}
.hants-icon-box {
margin-right: 15px;
margin-top: 4px;
font-size: 17px;
width: 20px;
text-align: center;
flex-shrink: 0;
}
.hants-nav-link {
display: inline-block;
color: #d1d1d1;
text-decoration: none;
margin-bottom: 12px;
font-size: 15px;
transition: all 0.3s ease;
}
.hants-nav-link:hover {
color: #ffffff;
padding-left: 5px; 
}
.hants-social-cluster {
display: flex;
gap: 20px;
padding-top: 5px;
}
.hants-social-btn {
font-size: 22px;
color: #ffffff;
text-decoration: none;
transition: transform 0.2s ease, color 0.2s ease;
}
.hants-social-btn:hover {
color: #3498db; 
transform: translateY(-3px);
}
.hants-copyright-divider {
text-align: center;
padding-top: 30px;
margin-top: 50px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
font-size: 13px;
color: #8899a6;
}
@media (min-width: 768px) {
.hants-footer-wrapper {
grid-template-columns: 1.4fr 1fr 0.8fr;
}
}
@media (max-width: 768px){
.my-custom-item{margin-top:-80px !important;}
.store-location-container{
margin-top:50px !important;
margin-bottom:20px !important;
}
.custom-hero-slider,
.custom-slide {
min-height: 40vh !important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.custom-hero-slider,
.custom-slide {
min-height: 40vh !important;
}
.testimonial-section{
margin-top:80px !important;
}
.product-section {
min-height: 40vh !important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.custom-hero-slider,
.custom-slide {
min-height: 40vh !important;
}
.product-section {
min-height: 40vh !important;
}
}
@media only screen and (max-width: 1720px) { 
.custom-hero-slider,
.custom-slide
.product-section {
height: 40vh !important; 
}
}
* { box-sizing: border-box; } .product-section{
height: clamp(400px, 50vh, 700px);
position: relative;
width: 100%; background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
color: #fff; 
}
.product-container {
position: relative;
z-index: 2;
text-align: center;
padding: 0 20px;
margin-top:-80px;
font-family: 'Poppins', sans-serif;
}
.product-title {
font-size: 40px;
font-weight: 300;
margin: 0;
line-height: 1.2;
margin-bottom: 15px;
}
.product-grid-container {
height:600px !important;
max-width: 1300px;
margin: 0 auto;
padding: 0 20px;
font-family: 'Poppins', sans-serif;
}
.product-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 20px;
margin-top: -100px; 
position: relative;
z-index: 10;
}
.product-card-new {
background: #ffffff !important;
border-radius: 20px !important;
padding: 0 15px 30px 15px !important; display: flex !important;
flex-direction: column !important;
align-items: center !important;
border: 1px solid #eee !important;
height:380px !important;
}
.card-img-wrapper {
width: 100%;
margin-top: -50px;
}
.card-img-wrapper img {
width: 100%;
height: 150px;
filter: drop-shadow(0 15px 10px rgba(0,0,0,0.2));
}
.card-details {
text-align: center;
color: #05142b;
margin-top: 10px;
}
.item-name {
font-family: serif;
font-size: 1.5rem;
line-height: 1.1;
margin-bottom: 20px;
letter-spacing: 1px;
font-weight: bold;
height: 4.5rem;     
display: flex;
align-items: center;
justify-content: center;
}
.price-text {
font-size: 0.85rem;
color: #2d5575;
font-weight: bold;
margin-bottom: 25px;
line-height: 1.4;
}
.btn-shop {
font-family: 'Poppins', sans-serif;
background: #3e7099;
color: white;
text-decoration: none;
padding: 12px 35px;
border-radius: 4px;
font-weight: 400;
display: inline-block;
transition: 0.3s;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.btn-shop:hover {
background: #2d5575;
transform: translateY(-2px);
}
.link-view {
display: block;
margin-top: 20px;
color: #0C2A49;
text-decoration: none;
font-size: 0.8rem;
font-weight: 600;
}
.link-view:hover {
text-decoration: underline;
}
.footer-action {
text-align: center;
padding: 60px 0; }
.btn-more-products {
font-family: 'Poppins', sans-serif;
background: #3e7099;
color: white;
padding: 15px 40px;
text-decoration: none;
border-radius: 4px;
font-weight: 500;
font-size: 1.1rem;
transition: 0.3s;
}
.btn-more-products:hover {
background: #2d5575;
}
@media (max-width: 768px) {
.product-section{
position: relative;
width: 100%;
min-height: 50vh; 
}
.product-grid {
margin-top: 20px; 
}
.testimonial-container{
margin-top:80px !important;
}
.product-card-new{
height: 420px !important;
}
.card-img-wrapper {
margin-top: 0;
}
}
.swiper {
padding-top: 50px;
max-width: 1300px;
margin: 0 auto;
margin-top: -150px;
}
.swiper-slide {
display: flex;
justify-content: center;
height: auto;
}
.hants-tetris-link{
text-decoration: none;
color: #2ca1d5 !important;
font-weight: 600;
}
.woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce-billing-fields__field-wrapper .form-row-last,
.woocommerce-billing-fields__field-wrapper .form-row-wide {
width: 100% !important;
float: none !important;
clear: both !important;
display: block !important;
}
.woocommerce-billing-fields__field-wrapper input,
.woocommerce-billing-fields__field-wrapper select {
width: 100% !important;
box-sizing: border-box;
height: 50px;
}
.woocommerce-billing-fields__field-wrapper label {
display: block;
margin-bottom: 6px;
}
.woocommerce-billing-fields__field-wrapper .form-row {
margin-bottom: 16px;
}
.woocommerce-form-login {
width: 100% !important;
max-width: 100% !important;
padding: 30px;
background: #ffffff;
border: 1px solid rgba(246, 150, 121, 0.2);
border-radius: 15px;
box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}
.woocommerce-form-login .form-row {
display: block !important;
width: 100% !important;
margin-bottom: 20px;
}
.woocommerce-form-login .form-row:last-of-type {
display: flex !important;
flex-direction: column; 
align-items: flex-start;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display:block !important;
}
.woocommerce-form-login__submit {
width: 50% !important; 
margin-top: 15px; 
;
padding: 15px !important;
border-radius: 50px !important;
border: none !important;
cursor: pointer;
font-size: 1.1rem;
transition: all 0.3s ease !important;
}
.woocommerce-form-login__submit:hover {
background-color: #333 !important;
}
.woocommerce-form__label-for-checkbox {
color: #666;
margin-bottom: 10px;
display: flex;
align-items: center;
}
.woocommerce-form__input-checkbox {
margin-right: 10px !important;
}
.woocommerce-LostPassword {
text-align: center;
width: 100%;
margin-top: 15px;
}
.woocommerce-ResetPassword {
max-width: 600px; 
margin: 40px auto;
padding: 40px;
border: 1px solid #eee;
border-radius: 12px;
}
.woocommerce-ResetPassword .form-row {
width: 100% !important; 
float: none !important;
margin-bottom: 25px;
}
.woocommerce-ResetPassword input.input-text {
width: 100%;
padding: 16px;
font-size: 16px;
border: 2px solid #e0e0e0; 
border-radius: 6px;
box-sizing: border-box; 
}
.woocommerce-ResetPassword .button {
width: 100%;
padding: 16px;
background-color: #2E6194 !important;
color: #ffffff !important;
border: none;
border-radius: 6px;
font-weight: 700;
font-size: 1rem;
cursor: pointer;
transition: background-color 0.2s ease-in-out;
}
.woocommerce-ResetPassword .button:hover {
background-color: #2E6194; 
color: #fff;
}
.woocommerce-ResetPassword input.input-text:focus {
border-color: #2E6194;
outline: none;
box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
}
.woocommerce ul.products li.product{
position:relative;
}
.product {
position: relative;
}
.discount-badge {
position: absolute;
top: 20px;
left: 20px;
background: red;
color: #fff;
padding: 2px 10px !important;
font-weight: bold;
z-index: 999;
border-radius: 5px;
}
.woocommerce-product-gallery {
position: relative;
z-index: 1;
}
.price del,
.price del .woocommerce-Price-amount {
color: #999 !important;
opacity: 1;
}
.price ins,
.price ins .woocommerce-Price-amount {
color: red !important;
text-decoration: none !important;
}
.price ins {
font-weight: bold;
}
.navbar-nav .dropdown-menu {
overflow: visible !important; 
}
.dropdown-menu .dropdown-menu {
display: none !important;
visibility: hidden !important;
}
.nav-item.dropdown:hover > .dropdown-menu {
display: block !important;
visibility: visible !important;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block !important;
visibility: visible !important;
}
@media (min-width: 992px) {
.dropdown-submenu {
position: relative !important;
}
.dropdown-submenu > .dropdown-menu {
top: 0 !important;
left: 100% !important;
margin-top: -5px !important;
margin-left: 0 !important;
}
.dropdown-submenu > a::after {
content: "›" !important;
float: right !important;
border: none !important;
font-weight: bold !important;
font-size: 1.2rem !important;
line-height: 1 !important;
margin-left: 10px !important;
}
}
@media (max-width: 991px) {
.dropdown-submenu > .dropdown-menu {
position: static !important;
display: none !important;
padding-left: 1.5rem !important;
border: none !important;
background: rgba(0,0,0,0.03) !important;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block !important;
}
} .dropdown-submenu > a::before {
content: "▸";
float: right;
margin-left: 10px;
font-size: 18px;
} .dropdown-submenu > a.dropdown-toggle::after {
display: none;
}
@media (max-width: 991px) {
.dropdown-submenu > a {
display: flex;
justify-content: space-between;
align-items: center;
}
.dropdown-submenu > a::before {
content: "▸";
float: none;
margin-left: auto;
}
}
.price-text del {
color: #9ca3af; 
opacity: 1;
}
.price-text del .woocommerce-Price-amount {
color: #9ca3af;
}
.price-text ins {
color: #c20707; 
text-decoration: none;
}
.price-text ins .woocommerce-Price-amount {
color: #c20707;
}
.woocommerce-checkout .woocommerce-info {
background: #ffe5e5;
border-top: 3px solid #d63638;
color: #d63638;
}
.woocommerce-checkout .woocommerce-info a {
color: #b91c1c;
font-weight: 600;
} @media (max-width: 991.98px) {
#hantsNav #menu-header-menu,
#hantsNav ul.navbar-nav,
#hantsNav .navbar-nav.mx-auto,
#hantsNav .navbar-nav.text-center {
text-align: left !important;
align-items: flex-start !important;
justify-content: flex-start !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
}
#hantsNav #menu-header-menu > li,
#hantsNav .navbar-nav > li,
#hantsNav .nav-item {
width: 100% !important;
text-align: left !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#hantsNav #menu-header-menu > li > a,
#hantsNav .navbar-nav > li > a,
#hantsNav .nav-link,
#hantsNav .dropdown-toggle {
display: block !important;
width: 100% !important;
text-align: left !important;
padding-left: 8px !important;
padding-right: 8px !important;
} #hantsNav .dropdown-menu,
#hantsNav .dropdown-menu.show {
text-align: left !important;
padding-left: 15px !important;
margin-left: 0 !important;
}
#hantsNav .dropdown-item {
display: block !important;
width: 100% !important;
text-align: left !important;
padding-left: 12px !important;
}
}
html body .woocommerce button.woosw-btn,
html body button.woosw-btn.woosw-btn-has-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: auto !important;
min-width: 145px !important;
padding: 10px 16px !important;
margin: 12px auto 0 !important;
background-color: #fff !important;
color: #3e7099 !important;
border: 1px solid #3e7099 !important;
border-radius: 5px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 13px !important;
font-weight: 500 !important;
text-transform: none !important;
box-shadow: none !important;
cursor: pointer !important;
}
html body button.woosw-btn:hover,
html body button.woosw-btn.woosw-added {
background-color: #3e7099 !important;
color: #fff !important;
border-color: #3e7099 !important;
} .single-product .woocommerce-variation-add-to-cart {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 12px !important;
} .single-product .woocommerce-variation-add-to-cart br {
display: none !important;
} .single-product .woocommerce-variation-add-to-cart .quantity {
margin: 0 !important;
} .single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
order: 2 !important;
margin: 0 !important;
} .single-product .woocommerce-variation-add-to-cart .hants-buy-now {
order: 3 !important;
margin: 0 !important;
background-color: #3e7099 !important;
color: #fff !important;
} .single-product .woocommerce-variation-add-to-cart .hants-buy-now:hover {
background-color: #fff !important;
border: 1px solid #3e7099 !important;
color: #3e7099 !important;
} .single-product .woocommerce-variation-add-to-cart #customization-info-btn {
order: 4 !important;
flex: 0 0 100% !important;
width: max-content !important;
margin: 12px 0 0 !important;
} .hants-social-share {
margin-top: 25px;
margin-bottom: 20px;
}
.hants-share-title {
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 12px;
}
.hants-share-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.hants-share-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 15px;
border: none;
border-radius: 5px;
color: #fff !important;
font-size: 13px;
font-weight: 500;
text-decoration: none !important;
cursor: pointer;
transition: all 0.25s ease;
}
.hants-share-btn i {
font-size: 16px;
}
.hants-share-btn.facebook {
background: #1877F2;
}
.hants-share-btn.whatsapp {
background: #25D366;
}
.hants-share-btn.twitter {
background: #222;
}
.hants-share-btn.copy-link {
background: #3e7099;
}
.hants-share-btn:hover {
opacity: 0.85;
transform: translateY(-2px);
color: #fff !important;
}
.hants-copy-message {
display: block;
margin-top: 8px;
font-size: 13px;
color: #3e7099;
}  .summary.entry-summary .variations,
.summary.entry-summary .variations tbody,
.summary.entry-summary .variations tr,
.summary.entry-summary .variations th.label,
.summary.entry-summary .variations td.value {
display: block !important;
width: 100% !important;
text-align: left !important;
border: none !important;
} .summary.entry-summary .variations {
border-collapse: collapse !important;
border-spacing: 0 !important;
margin: 0 0 5px !important;
padding: 0 !important;
} .summary.entry-summary .variations th.label {
padding: 0 0 8px !important;
margin: 0 !important;
}
.summary.entry-summary .variations th.label label {
display: block !important;
font-size: 15px !important;
font-weight: 600 !important;
color: #333 !important;
margin: 0 !important;
padding: 0 !important;
} .summary.entry-summary .variations td.value {
padding: 0 !important;
margin: 0 !important;
} .summary.entry-summary .variations td.value select {
display: block !important;
width: 50% !important;
height: 46px !important;
margin: 0 !important;
padding: 10px 14px !important;
border: 1px solid #ddd !important;
border-radius: 6px !important;
background: #fff !important;
font-size: 15px !important;
box-sizing: border-box !important;
} .summary.entry-summary .variations .reset_variations {
display: inline-block !important;
margin: 4px 0 0 !important;
padding: 0 !important;
font-size: 13px !important;
color: #3e7099 !important;
} .summary.entry-summary form.variations_form {
margin-bottom: 0 !important;
}
.summary.entry-summary .single_variation_wrap {
margin-top: 0 !important;
} @media (max-width: 767px) {
.summary.entry-summary .variations td.value select {
width: 80% !important;
}
.summary.entry-summary .variations th.label label {
font-size: 14px !important;
}
} .woocommerce-MyAccount-content {
flex: 1;
min-width: 0;
background: #fff;
padding: 35px;
border: 1px solid #e9edf2;
border-radius: 12px;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03);
color: #414141;
font-size: 15px;
line-height: 1.8;
} .woocommerce-MyAccount-content > p:first-of-type {
font-size: 20px;
font-weight: 500;
color: #26384a;
margin-bottom: 18px;
}
.woocommerce-MyAccount-content > p:first-of-type strong {
color: #2E6194;
font-weight: 700;
} .woocommerce-MyAccount-content > p:nth-of-type(2) {
color: #707984;
font-size: 15px;
line-height: 1.9;
margin-bottom: 0;
} .woocommerce-MyAccount-content p a {
color: #2E6194;
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: .25s ease;
}
.woocommerce-MyAccount-content p a:hover {
color: #244d75;
border-bottom-color: #244d75;
} .woocommerce-MyAccount-navigation {
flex: 0 0 250px;
width: 250px;
background: #fff;
border: 1px solid #e9edf2;
border-radius: 12px;
padding: 15px;
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.woocommerce-MyAccount-navigation li {
margin: 0 0 5px;
}
.woocommerce-MyAccount-navigation li a {
display: block;
padding: 12px 15px;
color: #505b66;
font-size: 14px;
font-weight: 500;
text-decoration: none;
border-radius: 7px;
transition: all .25s ease;
}
.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
background: #2E6194;
color: #fff;
} .woocommerce:has(.woocommerce-MyAccount-navigation) {
display: flex;
align-items: flex-start;
gap: 25px;
max-width: 1320px;
margin: 45px auto;
padding: 0 20px;
} @media (max-width: 768px) {
.woocommerce:has(.woocommerce-MyAccount-navigation) {
flex-direction: column;
gap: 18px;
margin: 25px auto;
padding: 0 15px;
}
.woocommerce-MyAccount-navigation {
width: 100%;
flex: none;
padding: 10px;
}
.woocommerce-MyAccount-navigation ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 5px;
}
.woocommerce-MyAccount-navigation li {
margin: 0;
}
.woocommerce-MyAccount-navigation li a {
padding: 11px 8px;
text-align: center;
font-size: 13px;
}
.woocommerce-MyAccount-content {
width: 100%;
padding: 22px;
}
}
@media (max-width: 480px) {
.woocommerce-MyAccount-content {
padding: 18px;
}
.woocommerce-MyAccount-content > p:first-of-type {
font-size: 18px;
}
}