:root {
--content-width: min(100%,var(--container-max-width,1140px));
}
.elementor-widget-hnice-product-categories .category-title a {
color: #4ec9c6 !important;
}
.elementor-widget-hnice-product-categories .category-product-img a {
z-index: 1;
position: relative;
}
.single-product .jp-product-banner {
background-size: cover;
background-position: center;
padding: 130px 0 80px;
text-align: center;
position: relative;
width: 100%;
display: block;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
width: 100vw;
}
/* New Arrivals – Breadcrumb Banner Override */
body.page-template-page-new-arrivals
.elementor-5396
.elementor-element.elementor-element-7a68228:not(
.elementor-motion-effects-element-type-background
) {
background-image: url("/wp-content/uploads/2026/01/homepage-01.jpg") !important;
}
/*.jp-product-banner::before {
content: '';
position: absolute;
inset: 0;
background: rgba(0,0,0,0.35);
}*/
.jp-banner-inner {
position: relative;
color: #fff;
max-width: 100%;
padding: 0 20px;
}
.jp-breadcrumb {
margin-bottom: 15px;
font-size: 18px;
}
.jp-breadcrumb a {
color: #ffffff;
}
.jp-banner-title {
font-size: 42px;
font-weight: 600;
color: #fff;
}
.single-product .site-content,
.single-product .site-main {
padding-top: 0 !important;
}
.price {
display: none !important;
}
.posted-in {
display: none;
}
.shop-action {
display: none !important;
}
.product-img-wrap .inner {
background-color: #f6f6f6;
}
.product-image {
background-color: #f6f6f6;
}
.jp-custom-btn {
display: inline-block;
margin-top: 15px;
padding: 8px 16px;
background: #003676;
color: #fff;
font-weight: 600;
border-radius: 20px;
font-size: 14px;
transition: 0.3s;
}
.jp-custom-btn:hover {
background: #003676;
color: #fff;
}
.jp-custom-btn-contact {
display: inline-block;
margin-top: 15px;
padding: 8px 16px;
background: #53a245;
color: #fff;
font-weight: 600;
border-radius: 20px;
font-size: 14px;
transition: 0.3s;
}
.jp-custom-btn-contact:hover {
background: #53a245;
color: #fff;
}
.single-product div#content {
margin-top: 0 !important;
}
.single-product .woocommerce-tabs {
display: none !important;
}
.single-product .hnice-single-product-extra {
display: none !important;
}
.content-single-wrapper {
margin-top: 40px;
}
.single-product .summary .inventory_status {
display: none;
}
.jp-product-features {
padding-bottom: 30px;
}
.jp-product-features .features-title {
font-size: 36px;
font-weight: 700;
margin-bottom: 40px;
text-transform: uppercase;
}
.features-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px 30px;
align-items: start;
}
.feature-box {
display: flex;
align-items: center;
gap: 16px;
font-size: 15px;
font-weight: 600;
}
.feature-box img {
width: 55px;
height: 55px;
object-fit: contain;
}
@media (max-width: 1024px) {
.features-grid {
grid-template-columns: repeat(3, 1fr);
}
body.single #page .site-content {
padding: 0px 30px !important;
}
}
@media (max-width: 768px) {
.features-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.features-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.jp-product-intro .intro-title {
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 22px;
}
.jp-product-intro .intro-text {
font-size: 18px;
line-height: 1.75;
max-width: 1080px;
}
.jp-product-intro .intro-text p {
margin-bottom: 18px;
}
@media (max-width: 768px) {
.jp-product-intro {
padding: 40px 0 15px;
}
.jp-product-intro .intro-title {
font-size: 25px;
}
.jp-product-intro .intro-text {
font-size: 16px;
}
}
.jp-subcategory-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 35px;
margin: 50px 0;
}
.jp-subcategory-box {
text-align: center;
display: block;
border: 1px solid #ddd;
border-radius: 10px;
padding: 20px 15px;
transition: 0.3s;
}
.jp-subcategory-box:hover {
border-color: #003676;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.18);
}
.jp-subcategory-box img {
width: 100%;
height: 200px;
object-fit: contain;
margin-bottom: 12px;
}
.jp-subcategory-box h3 {
font-size: 20px;
font-weight: 600;
}
@media (max-width: 768px) {
.jp-subcategory-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.jp-subcategory-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.yith-ywraq-add-to-quote a,
.yith_ywraq_add_item_browse_message a {
font-size: 12px !important;
}
.entry-meta .posted-on:after {
display: none;
}
.entry-meta .post-author {
display: none !important;
}
.jp-product-actions {
margin-top: 22px;
}
.jp-enquiry-btn {
display: inline-block;
padding: 14px 36px;
border-radius: 30px;
background: #003a8f;
color: #fff;
font-weight: 600;
border: none;
cursor: pointer;
}
.jp-enquiry-btn:hover {
background: #003a8f;
}
.jp-secondary-actions {
margin-top: 14px;
display: flex;
gap: 12px;
}
.jp-enquiry-notice {
position: fixed;
top: 20px;
right: 20px;
background: #2f2a26;
color: #fff;
padding: 14px 22px;
border-radius: 6px;
font-size: 14px;
opacity: 0;
transform: translateY(-10px);
transition: all 0.3s ease;
z-index: 9999;
}
.jp-enquiry-notice.show {
opacity: 1;
transform: translateY(0);
}
.jp-enquiry-layout {
display: flex;
gap: 50px;
align-items: flex-start;
}
.jp-enquiry-products {
background: #fafafa;
padding: 30px;
border-radius: 8px;
border: 1px solid #e0e0e0;
min-width: 650px;
}
.jp-enquiry-form {
background: #fafafa;
padding: 30px;
border-radius: 8px;
border: 1px solid #e0e0e0;
min-width: 350px;
}
.jp-enquiry-form .form-group input {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd !important;
border-radius: 4px;
font-size: 14px;
transition: border-color 0.3s;
background-color: #fff !important;
}
.form-group input:focus {
outline: none;
border-color: #4caf50;
box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
}
.form-group label {
display: block;
margin-bottom: 8px;
font-size: 14px;
color: #333;
font-weight: 500;
}
.jp-enquiry-products h2,
.jp-enquiry-form h2 {
margin-bottom: 20px;
}
.jp-enquiry-form .jp-submit-btn {
width: 100%;
padding: 10px 30px;
background: #003c6f;
color: #fff;
border: none;
font-weight: 600;
cursor: pointer;
}
.jp-submit-btn:hover {
background-color: #45a049;
transform: translateY(-1px);
}
.jp-submit-btn:active {
transform: translateY(0);
}
.jp-submit-btn:disabled {
background-color: #ccc;
cursor: not-allowed;
transform: none;
}
.form-group input::placeholder {
color: #999;
}
.error-message {
color: #f44336;
font-size: 12px;
margin-top: 5px;
}
.form-group input:focus {
outline: none;
border-color: #4caf50;
box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
}
.form-group input.invalid {
border-color: #f44336;
}
.form-group input.invalid:focus {
box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.1);
}
@media (max-width: 900px) {
.jp-enquiry-layout {
grid-template-columns: 1fr;
}
}
/* Enquiry Table */
.jp-enquiry-table {
width: 100%;
}
/* Rows */
.jp-enquiry-row {
display: grid;
grid-template-columns: 90px 1.5fr 1fr 1.2fr 1fr 80px;
align-items: center;
padding: 16px 0;
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
}
/* Header */
.jp-enquiry-head {
font-weight: 600;
border-bottom: 2px solid #ddd;
padding-bottom: 12px;
}
/* Images */
.jp-enquiry-row img {
width: 70px;
height: auto;
object-fit: contain;
}
.required {
color: #f44336;
}
/* Simple remove (X) button */
.jp-remove-item {
background: none;
border: none;
color: #999;
font-size: 18px;
cursor: pointer;
padding: 0;
line-height: 1;
}
.jp-remove-item:hover {
color: #000;
}
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap");
.jp-hero-section-wrapper,
.jp-hero-section-wrapper *,
.jp-video-modal-overlay,
.jp-video-modal-overlay * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
}
.jp-hero-section-wrapper {
position: relative;
width: 100%;
height: 600px;
background-image: url("/wp-content/uploads/2025/12/Mask-Group-7.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
font-family: "Lexend", sans-serif;
font-weight: 400;
}
.jp-hero-container-main {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: flex-start;
padding-top: 20px;
}
.jp-hero-content-box {
position: relative;
z-index: 2;
background: #0555ad;
padding: 30px 45px;
max-width: 450px;
margin-left: 20px;
}
.jp-hero-main-title {
font-family: "Lexend", sans-serif;
font-weight: 400;
font-size: 36px;
line-height: 1.15;
color: #ffffff;
margin-bottom: 10px;
}
.jp-hero-subtitle-text {
font-family: "Lexend", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
color: #ffffff;
margin-bottom: 18px;
}
.jp-hero-cta-button {
font-family: "Lexend", sans-serif;
font-weight: 500;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
background: #ffffff;
color: #0555ad;
border: none;
padding: 11px 32px;
border-radius: 50px;
cursor: pointer;
transition: all 0.3s ease;
display: inline-block;
}
.jp-hero-cta-button:hover {
background: #ffffff;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
color: #0555ad;
}
.jp-video-play-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}
.jp-video-play-link {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
position: relative;
cursor: pointer;
}
.jp-video-play-icon {
width: 80px;
height: 80px;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.jp-video-play-icon:hover {
background: #ffffff;
transform: scale(1.1);
}
.jp-video-play-icon::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-left: 20px solid #0555ad;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
margin-left: 3px;
}
.jp-video-ripple-effect {
position: absolute;
width: 80px;
height: 80px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.8);
animation: jp-ripple-animation 2s infinite;
}
@keyframes jp-ripple-animation {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.8);
opacity: 0;
}
}
.jp-video-modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.95);
z-index: 9999;
justify-content: center;
align-items: center;
animation: jp-fade-in 0.3s ease;
padding: 60px 20px 20px;
font-family: "Lexend", sans-serif;
}
.jp-video-modal-overlay.jp-modal-active {
display: flex;
}
@keyframes jp-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.jp-video-modal-content {
position: relative;
width: 85%;
max-width: 1000px;
aspect-ratio: 16 / 9;
animation: jp-zoom-in 0.3s ease;
}
@keyframes jp-zoom-in {
from {
transform: scale(0.8);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
.jp-video-modal-content iframe {
width: 100%;
height: 100%;
border: none;
border-radius: 8px;
}
.jp-video-close-button {
position: absolute;
top: -45px;
right: 0;
width: 45px;
height: 45px;
background: rgba(255, 255, 255, 0.1);
border: 2px solid #ffffff;
border-radius: 50%;
color: #ffffff;
font-size: 28px;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
font-weight: 300;
}
.jp-video-close-button:hover {
background: rgba(255, 255, 255, 0.2);
transform: rotate(90deg);
}
@media screen and (max-width: 1200px) {
.jp-hero-section-wrapper {
height: 550px;
}
.jp-hero-content-box {
max-width: 420px;
padding: 28px 42px;
margin-left: 15px;
}
.jp-hero-main-title {
font-size: 34px;
}
.jp-video-modal-content {
width: 80%;
max-width: 900px;
}
}
@media screen and (max-width: 992px) {
.jp-hero-section-wrapper {
height: 500px;
}
.jp-hero-content-box {
max-width: 380px;
padding: 26px 38px;
}
.jp-hero-main-title {
font-size: 30px;
}
.jp-hero-subtitle-text {
font-size: 13px;
margin-bottom: 16px;
}
.jp-hero-cta-button {
font-size: 9px;
padding: 10px 28px;
}
.jp-video-play-icon {
width: 70px;
height: 70px;
}
.jp-video-play-icon::before {
border-left: 18px solid #0555ad;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.jp-video-ripple-effect {
width: 70px;
height: 70px;
}
.jp-video-modal-content {
width: 85%;
max-width: 800px;
}
.jp-video-close-button {
width: 42px;
height: 42px;
font-size: 26px;
}
}
@media screen and (max-width: 768px) {
.jp-hero-section-wrapper {
height: 500px;
background-position: center;
}
.jp-hero-container-main {
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: 30px 20px;
}
.jp-hero-content-box {
max-width: 90%;
padding: 25px 30px;
background: rgba(5, 85, 173, 0.95);
margin-left: 0;
margin-bottom: 0;
}
.jp-hero-main-title {
font-size: 28px;
}
.jp-hero-subtitle-text {
font-size: 13px;
margin-bottom: 18px;
}
.jp-hero-cta-button {
font-size: 9px;
padding: 10px 28px;
}
.jp-video-play-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.jp-video-play-icon {
width: 65px;
height: 65px;
}
.jp-video-play-icon::before {
border-left: 16px solid #0555ad;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
}
.jp-video-ripple-effect {
width: 65px;
height: 65px;
}
.jp-video-modal-overlay {
padding: 50px 15px 15px;
}
.jp-video-modal-content {
width: 95%;
}
.jp-video-close-button {
top: -40px;
width: 38px;
height: 38px;
font-size: 24px;
}
}
@media screen and (max-width: 480px) {
.jp-hero-section-wrapper {
height: 450px;
}
.jp-hero-container-main {
padding: 20px 15px;
}
.jp-hero-content-box {
max-width: 95%;
padding: 22px 25px;
}
.jp-hero-main-title {
font-size: 24px;
margin-bottom: 8px;
}
.jp-hero-subtitle-text {
font-size: 12px;
margin-bottom: 15px;
}
.jp-hero-cta-button {
font-size: 8px;
padding: 9px 24px;
}
.jp-video-play-icon {
width: 55px;
height: 55px;
}
.jp-video-play-icon::before {
border-left: 14px solid #0555ad;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
.jp-video-ripple-effect {
width: 55px;
height: 55px;
}
.jp-video-modal-overlay {
padding: 45px 10px 10px;
}
.jp-video-close-button {
top: -38px;
width: 35px;
height: 35px;
font-size: 22px;
}
}
@media screen and (max-width: 360px) {
.jp-hero-section-wrapper {
height: 420px;
}
.jp-hero-content-box {
padding: 20px 22px;
}
.jp-hero-main-title {
font-size: 22px;
}
.jp-hero-subtitle-text {
font-size: 11px;
}
.jp-video-play-icon {
width: 50px;
height: 50px;
}
.jp-video-play-icon::before {
border-left: 12px solid #0555ad;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
}
.jp-video-ripple-effect {
width: 50px;
height: 50px;
}
.jp-video-close-button {
width: 32px;
height: 32px;
font-size: 20px;
}
}
.jp-blog-share {
display: flex;
align-items: center;
gap: 12px;
margin: 20px 0 30px;
flex-wrap: wrap;
}
.jp-share-label {
font-size: 14px;
font-weight: 500;
color: #333;
}
.jp-share-btn {
font-size: 13px;
padding: 6px 12px;
border-radius: 3px;
color: #fff;
text-decoration: none;
font-weight: 500;
margin-right: 4px;
}
.jp-share-btn.facebook {
background: #1877f2;
}
.jp-share-btn.twitter {
background: #1da1f2;
}
.jp-share-btn.linkedin {
background: #0a66c2;
}
.jp-share-btn.whatsapp {
background: #25d366;
}
.jp-share-btn:hover {
opacity: 0.85;
}
/* ===============================
Mobile handling for enquiry table
=============================== */
@media (max-width: 900px) {
/* Stack table + form */
.jp-enquiry-layout {
display: block;
}
/* Allow horizontal scrolling for table */
.jp-enquiry-products {
width: 100%;
overflow-x: auto;
margin-bottom: 40px;
-webkit-overflow-scrolling: touch;
}
/* Keep table structure intact */
.jp-enquiry-table {
min-width: 720px;
}
/* Prevent text wrapping inside cells */
.jp-enquiry-row > div {
white-space: nowrap;
}
}
.testimonials-section {
background: #4ec9c6;
color: #fff;
padding: 80px 0 0;
overflow: hidden;
}
.testimonials-inner {
max-width: 100%;
margin: 0 auto;
}
.testimonials-header {
max-width: 1410px;
margin: 0 auto;
padding: 0 80px 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
.heading-block small,
.heading-block h2,
.heading-block p {
color: #fff;
}
.heading-block small {
font-size: 11px;
letter-spacing: 2.5px;
text-transform: uppercase;
opacity: 0.9;
font-weight: 500;
}
.heading-block h2 {
font-family: "Marcellus", serif;
font-weight: 400;
font-size: 38px;
margin: 10px 0 6px;
}
.heading-block p {
font-size: 16px;
opacity: 0.9;
font-weight: 400;
}
.nav-arrows {
display: flex;
gap: 20px;
}
.nav-arrow-btn {
min-width: 62px;
height: 27px;
padding: 0 24px;
border-radius: 999px;
border: 1.5px solid #fff;
background: transparent;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 18px;
font-weight: 300;
line-height: 1;
transition: background 0.2s ease, transform 0.15s ease;
}
.nav-arrow-btn:hover {
background: rgba(255, 255, 255, 0.12);
transform: translateY(-1px);
}
.slider-viewport {
overflow: visible;
width: 100%;
cursor: grab;
}
.slider-viewport.dragging {
cursor: grabbing;
}
.slider-track {
display: flex;
transition: transform 0.5s ease;
will-change: transform;
padding: 0 80px 80px;
user-select: none;
}
.slider-track.no-transition {
transition: none;
}
.testimonial-card {
flex: 0 0 330px;
margin-right: 24px;
}
.testimonial-inner {
background: #fff;
color: #332f2c;
border-radius: 0;
padding: 20px 18px 16px;
display: flex;
flex-direction: column;
height: 200px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.testimonial-inner-top {
display: flex;
align-items: flex-start;
margin-bottom: 12px;
flex-shrink: 0;
}
.testimonial-avatar {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
margin-right: 16px;
flex-shrink: 0;
background: #ddd;
}
.testimonial-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.testimonial-meta {
flex: 1;
padding-top: 4px;
}
.testimonial-name {
font-family: "Marcellus", serif;
font-size: 17px;
font-weight: 400;
line-height: 1.3;
color: #332f2c;
margin-bottom: 4px;
}
.testimonial-company {
font-size: 14px;
font-weight: 500;
color: #332f2c;
line-height: 1.4;
}
.testimonial-body {
font-size: 11px;
line-height: 1.7;
color: #332f2c;
font-weight: 300;
flex: 1;
overflow: hidden;
}
@media (max-width: 1200px) {
.testimonials-header {
padding: 0 40px 40px;
}
.slider-track {
padding: 0 40px 60px;
}
}
@media (max-width: 900px) {
.testimonial-card {
flex: 0 0 45%;
}
}
@media (max-width: 600px) {
.testimonials-section {
padding: 60px 0 0;
}
.testimonials-header {
padding: 0 24px 30px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.slider-track {
padding: 0 24px 50px;
}
.testimonial-card {
flex: 0 0 85%;
}
}
#message {
width: 100%;
min-height: 110px;
padding: 0 16px;
background: rgba(255, 255, 255, 0.2) !important;
border: 1px solid rgba(255, 255, 255, 0.8) !important;
border-radius: 5px;
color: rgba(255, 255, 255, 0.95) !important;
font-size: 0.8125rem;
font-family: "Lexend", sans-serif;
font-weight: 200;
outline: none;
transition: all 0.3s ease;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
box-sizing: border-box;
line-height: 36px;
}
#message::placeholder {
color: rgba(255, 255, 255, 0.35) !important;
opacity: 1 !important;
}
#message::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.35) !important;
opacity: 1 !important;
}
#message::-moz-placeholder {
color: rgba(255, 255, 255, 0.35) !important;
opacity: 1 !important;
}
#message:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.35) !important;
opacity: 1 !important;
}
#message::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.35) !important;
opacity: 1 !important;
}
.section-wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
align-items: stretch;
}
/* LEFT COLUMN - Images */
.left-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 20px;
height: 100%;
min-height: 600px;
background: #ffffff;
padding: 20px;
}
.left-image {
background-size: cover;
background-position: center;
overflow: hidden;
}
.left-image:nth-child(1) {
grid-row: 1 / 2;
grid-column: 1 / 2;
background-image: url("/wp-content/uploads/2026/03/Choice-1.png");
}
.left-image:nth-child(2) {
grid-row: 2 / 3;
grid-column: 1 / 2;
background-image: url("/wp-content/uploads/2026/03/Choice-3.png");
}
.left-image:nth-child(3) {
grid-row: 1 / 3;
grid-column: 2 / 3;
background-image: url("/wp-content/uploads/2026/03/Choice-2.png");
}
/* RIGHT COLUMN - Content */
.right-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 60px 50px;
text-align: center;
}
.eyebrow {
font-size: 11px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #0754ad;
margin-bottom: 12px;
font-weight: 600;
}
h2 {
font-family: "Marcellus", serif;
font-weight: 400;
font-size: 40px;
margin-bottom: 20px;
color: #2d2d2d;
line-height: 1.2;
}
.lead-text {
font-size: 15px;
line-height: 1.7;
margin-bottom: 40px;
color: #111;
max-width: 480px;
}
.icon-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px 40px;
margin-bottom: 36px;
max-width: 500px;
}
.icon-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
text-align: center;
}
.icon-item img {
width: 48px;
height: 48px;
display: block;
object-fit: contain;
}
.icon-label {
font-size: 12px;
line-height: 1.4;
color: #111;
font-weight: 300;
}
.know-more-wrapper {
position: relative;
display: inline-block;
}
.know-more {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 12px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #0754ad;
cursor: pointer;
font-weight: 600;
text-decoration: none;
padding-bottom: 4px;
position: relative;
border: none;
outline: none;
}
.know-more::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 76px;
height: 1px;
background: #0754ad;
transition: width 0.3s ease;
}
.know-more:hover::before {
width: 100%;
}
.know-more:focus {
outline: none;
}
.arrow-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 12px;
position: relative;
}
.arrow-icon::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 20px;
height: 1px;
background: #0754ad;
}
.arrow-icon::after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 6px;
height: 6px;
border-right: 1.5px solid #0754ad;
border-top: 1.5px solid #0754ad;
transform: translateY(-50%) rotate(45deg);
}
/* TABLET - 768px to 1024px */
@media (max-width: 1024px) {
.section-wrap {
max-width: 100%;
}
.left-grid {
min-height: 500px;
padding: 15px;
gap: 15px;
}
.right-content {
padding: 50px 40px;
}
h2 {
font-size: 36px;
}
.lead-text {
font-size: 14px;
}
.icon-grid {
gap: 28px 32px;
}
}
/* PHONE - Below 768px */
@media (max-width: 767px) {
.section-wrap {
grid-template-columns: 1fr;
gap: 0;
}
.left-grid {
min-height: 400px;
padding: 15px;
gap: 15px;
}
.right-content {
padding: 40px 20px;
}
h2 {
font-size: 28px;
}
.lead-text {
font-size: 14px;
margin-bottom: 30px;
}
.icon-grid {
grid-template-columns: repeat(2, 1fr);
gap: 24px 20px;
max-width: 100%;
}
.icon-item img {
width: 40px;
height: 40px;
}
.icon-label {
font-size: 11px;
}
}
/* SMALL PHONE - Below 480px */
@media (max-width: 480px) {
.left-grid {
min-height: 300px;
padding: 10px;
gap: 10px;
}
h2 {
font-size: 24px;
}
.eyebrow {
font-size: 10px;
}
.lead-text {
font-size: 13px;
}
.icon-grid {
gap: 20px 16px;
}
.know-more {
font-size: 11px;
}
}
.form-section {
flex: 0 0 470px;
max-width: 470px;
}
.contact-info {
/*flex: 0 0 380px;*/
max-width: 380px;
padding-top: 0;
}
/* TRANSPARENT INPUT FIELDS WITH WHITE BORDERS AND PLACEHOLDER */
.form-group {
margin-bottom: 17px;
}
input[type="text"],
input[type="email"],
textarea {
width: 100%;
height: 41px;
padding: 0 20px;
background: rgba(255, 255, 255, 0.2) !important;
border: 1px solid rgba(255, 255, 255, 0.8);
border-radius: 5px;
color: rgba(255, 255, 255, 0.95);
font-size: 13px;
font-family: "Lexend", sans-serif;
font-weight: 200;
outline: none;
transition: all 0.3s ease;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
line-height: 40px;
}
input::placeholder,
textarea::placeholder {
color: rgba(255, 255, 255, 0.8);
font-weight: 300;
}
input:focus,
textarea:focus {
border-color: #ffffff;
background: rgba(255, 255, 255, 0.25);
}
textarea {
height: 82px;
padding: 12px 20px;
line-height: 1.5;
resize: vertical;
}
.checkbox-group {
margin: 13px 0 18px 0;
}
.checkbox-wrapper {
display: flex;
align-items: flex-start;
gap: 10px;
}
input[type="checkbox"] {
margin-top: 3px;
width: 19px;
height: 19px;
cursor: pointer;
flex-shrink: 0;
appearance: none;
-webkit-appearance: none;
background: #ffffff4d;
border: 1px solid #ffffff;
border-radius: 3px;
position: relative;
}
input[type="checkbox"]:checked {
background: #ffffff4d;
}
input[type="checkbox"]:checked::after {
content: "✓";
position: absolute;
color: #ffffff;
font-size: 14px;
font-weight: bold;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.checkbox-text {
color: #ffffff;
font-size: 9.5px;
line-height: 1.55;
font-weight: 300;
}
/* BUTTON ALIGNED TO RIGHT */
.button-wrapper {
text-align: right;
}
.submit-btn {
width: auto;
min-width: 220px;
padding: 11px 42px;
background: #fff;
color: #003c70;
border: none;
border-radius: 22px;
font-size: 13px;
font-weight: 700;
font-family: "Lexend", sans-serif;
cursor: pointer;
transition: all 0.3s ease;
display: inline-block;
letter-spacing: 0.3px;
}
.submit-btn:hover {
background: #003c70;
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
/* CONTACT INFO - ICON ON LEFT, TEXT ON RIGHT */
.office-block {
display: flex;
gap: 14px;
margin-bottom: 28px;
padding-bottom: 28px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.office-block:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.icon-circle {
width: 38px;
height: 38px;
background: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.icon-circle svg,
.icon-circle img {
width: 17px;
height: 17px;
object-fit: contain;
}
.office-content {
flex: 1;
}
.office-title {
color: #fff;
font-size: 17px;
font-weight: 400;
margin: 0 0 10px 0;
letter-spacing: 0.3px;
}
.office-address {
color: #ffffff;
font-size: 12px;
line-height: 1.55;
margin-bottom: 10px;
font-weight: 200;
}
.office-phone-row {
display: flex;
gap: 14px;
align-items: center;
margin-left: -52px;
}
.office-phone-row .icon-circle {
width: 35px;
height: 35px;
}
.office-phone-row svg,
.office-phone-row img {
width: 15px;
height: 15px;
}
.office-phone-row span {
color: #fff;
font-size: 13px;
font-weight: 200;
letter-spacing: 0.2px;
}
@media (max-width: 1200px) {
.content-wrapper {
gap: 70px;
}
.form-section {
flex: 0 0 420px;
max-width: 420px;
}
.contact-info {
flex: 0 0 360px;
max-width: 360px;
}
}
@media (max-width: 1000px) {
.content-wrapper {
gap: 55px;
}
.form-section {
flex: 0 0 400px;
max-width: 400px;
}
.contact-info {
flex: 0 0 350px;
max-width: 350px;
}
}
@media (max-width: 900px) {
.content-wrapper {
flex-direction: column;
gap: 45px;
align-items: center;
}
.form-section,
.contact-info {
flex: 1;
width: 100%;
max-width: 550px;
}
}
@media (max-width: 768px) {
.header-text h1 {
font-size: 26px;
}
.header-text h3 {
font-size: 8px;
}
.header-text {
margin-bottom: 35px;
}
.content-wrapper {
padding: 0 10px;
}
.button-wrapper {
text-align: center;
}
.office-phone-row {
margin-left: -52px;
}
}
.elementor-widget-hnice-search .widget form .search-field {
border-bottom: 1px solid #cccfd1 !important;
}
.elementor-95
.elementor-element.elementor-element-27075af
form
input[type="search"] {
font-weight: 600;
}
.elementor-95
.elementor-element.elementor-element-27075af
form
input[type="search"]::placeholder {
font-weight: 600;
}
.elementor-95
.elementor-element.elementor-element-27075af
form
input[type="search"]::-webkit-input-placeholder {
font-weight: 600;
}
.elementor-95
.elementor-element.elementor-element-27075af
form
input[type="search"]::-moz-placeholder {
font-weight: 600;
}
.elementor-95
.elementor-element.elementor-element-27075af
form
input[type="search"]:-ms-input-placeholder {
font-weight: 600;
}
#footer-contact-form input::placeholder,
#footer-contact-form textarea::placeholder {
color: #ffffff !important;
opacity: 1 !important;
}
#footer-contact-form input::-webkit-input-placeholder,
#footer-contact-form textarea::-webkit-input-placeholder {
color: #ffffff !important;
opacity: 1 !important;
}
#footer-contact-form input::-moz-placeholder,
#footer-contact-form textarea::-moz-placeholder {
color: #ffffff !important;
opacity: 1 !important;
}
#footer-contact-form input:-ms-input-placeholder,
#footer-contact-form textarea:-ms-input-placeholder {
color: #ffffff !important;
}
#footer-contact-form .checkbox-wrapper label,
#footer-contact-form .checkbox-wrapper .checkbox-text,
#footer-contact-form label[for="terms"] {
color: #ffffff !important;
}
#footer-contact-form label {
color: #ffffff !important;
}
#footer-contact-form .error-message {
color: #ff0000 !important;
}
.elementor-widget-accordion.hnice-accordion-layout-1 .elementor-tab-content {
color: #2f2f2f !important;
}
.elementor-95
.elementor-element.elementor-element-283dd31
.elementor-icon-list-text,
.elementor-95
.elementor-element.elementor-element-283dd31
a
.elementor-icon-list-text {
color: #ffffff !important;
}
.sr7-rightarrow.sr7-arrows,
.sr7-leftarrow.sr7-arrows {
margin: -8px !important;
width: auto !important;
height: auto !important;
}
.sr7-rightarrow.sr7-arrows:before,
.sr7-leftarrow.sr7-arrows:before {
font-size: 16px !important;
}
.sr7-leftarrow.sr7-arrows {
transform: translate(30px, -22px) scale(0.7) !important;
}
.sr7-rightarrow.sr7-arrows {
transform: translate(-30px, -15px) scale(0.7) !important;
}
@media (min-width: 768px) {
.elementor-95 .elementor-element.elementor-element-a1f0c86 {
--width: 6%;
}
}
.jp-floating-contact-icons {
position: fixed !important;
right: 35px !important;
bottom: 10% !important;
z-index: 99999 !important;
display: flex !important;
flex-direction: column !important;
gap: 5px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.jp-floating-contact-icons a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
border: 1px solid white !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
margin: 0 0 5px 0f !important;
padding: 0 !important;
}
.jp-floating-contact-icons a:hover {
transform: scale(1.1) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}
.jp-floating-contact-icons .jp-whatsapp-icon {
background: #25d366 !important;
}
.jp-floating-contact-icons .jp-whatsapp-icon::before {
content: "" !important;
display: block !important;
width: 20px !important;
height: 20px !important;
background-image: url('data:image/svg+xml,') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.jp-floating-contact-icons .jp-phone-icon {
background: #0754ad !important;
}
.jp-floating-contact-icons .jp-phone-icon::before {
content: "" !important;
display: block !important;
width: 20px !important;
height: 20px !important;
background-image: url('data:image/svg+xml,') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.jp-floating-contact-icons .jp-email-icon {
background: #4ec9c6 !important;
}
.jp-floating-contact-icons .jp-email-icon::before {
content: "" !important;
display: block !important;
width: 20px !important;
height: 20px !important;
color: white;
background-image: url("/wp-content/uploads/2026/01/vuesax-linear-note-remove.svg");
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
filter: brightness(0) invert(1) !important;
}
@media (max-width: 767px) {
.jp-floating-contact-icons {
right: 10px !important;
bottom: 8% !important;
gap: 8px !important;
}
.jp-floating-contact-icons a {
width: 40px !important;
height: 40px !important;
border: 2px solid white !important;
}
.jp-floating-contact-icons .jp-whatsapp-icon::before,
.jp-floating-contact-icons .jp-phone-icon::before,
.jp-floating-contact-icons .jp-email-icon::before {
width: 20px !important;
height: 20px !important;
}
}
@media (min-width: 1400px) {
.blog-style-list .post-thumbnail img {
height: 360px !important;
object-fit: cover !important;
}
}
.elementor-75 .elementor-element.elementor-element-d8911fd {
--display: flex;
--align-items: center;
--container-widget-width: calc(
(1 - var(--container-widget-flex-grow)) * 100%
);
--padding-top: 0px;
--padding-bottom: 0px;
margin-bottom: -80px;
--padding-left: 0px;
--padding-right: 0px;
}
@media (max-width: 1024px) {
.elementor-28
.elementor-element.elementor-element-7a377f2
.elementor-heading-title {
padding: 0 20px;
font-size: 33px;
}
}
.elementor-28
.elementor-element.elementor-element-84080df
.category-product-img
img {
width: 100%;
}
@media (min-width: 2000px) {
.elementor-28
.elementor-element.elementor-element-84080df
.category-product-img
img {
width: 100%;
}
}
.elementor-95 .elementor-element.elementor-element-5f2abaf {
--margin-left: -300px;
}
@media (min-width: 669px) and (max-width: 767px) {
.elementor-element-d1a2bac {
padding: 8px 0 !important;
display: flex !important;
justify-content: center !important;
}
.elementor-element-37660bf {
width: 100% !important;
display: flex !important;
justify-content: center !important;
padding: 0 !important;
margin: 0 auto !important;
}
.elementor-element-283dd31 {
width: 100% !important;
display: flex !important;
justify-content: center !important;
margin: 0 auto !important;
}
.elementor-element-283dd31 .elementor-widget-container {
width: 100% !important;
display: flex !important;
justify-content: center !important;
padding: 0 !important;
}
.elementor-element-283dd31 .elementor-icon-list-items {
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
gap: 20px !important;
flex-wrap: nowrap !important;
width: auto !important;
margin: 0 auto !important;
padding: 0 20px !important;
}
.elementor-element-283dd31 .elementor-icon-list-item {
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
flex-shrink: 0 !important;
}
.elementor-element-283dd31 .elementor-icon-list-item a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
white-space: nowrap !important;
}
.elementor-element-283dd31 .elementor-icon-list-icon {
font-size: 16px !important;
width: 16px !important;
height: 16px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
flex-shrink: 0 !important;
}
.elementor-element-283dd31 .elementor-icon-list-icon svg {
width: 16px !important;
height: 16px !important;
}
.elementor-element-283dd31 .elementor-icon-list-text {
font-size: 13px !important;
line-height: 1.2 !important;
}
}
@media (max-width: 668px) {
.elementor-element-d1a2bac {
padding: 8px 0 !important;
display: flex !important;
justify-content: center !important;
}
.elementor-element-37660bf {
width: 100% !important;
display: flex !important;
justify-content: center !important;
padding: 0 !important;
margin: 0 auto !important;
}
.elementor-element-283dd31 {
width: 100% !important;
display: flex !important;
justify-content: center !important;
margin: 0 auto !important;
}
.elementor-element-283dd31 .elementor-widget-container {
width: 100% !important;
display: flex !important;
justify-content: center !important;
padding: 0 !important;
}
.elementor-element-283dd31 .elementor-icon-list-items {
display: grid !important;
grid-template-columns: repeat(2, auto) !important;
grid-template-rows: auto auto !important;
gap: 10px 30px !important;
width: auto !important;
margin: 0 auto !important;
padding: 0 20px !important;
justify-content: center !important;
justify-items: start !important;
align-items: center !important;
}
.elementor-element-283dd31 .elementor-icon-list-item {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
}
.elementor-element-283dd31 .elementor-icon-list-item a {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 6px !important;
width: auto !important;
}
.elementor-element-283dd31 .elementor-icon-list-icon {
font-size: 16px !important;
width: 16px !important;
height: 16px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
flex-shrink: 0 !important;
}
.elementor-element-283dd31 .elementor-icon-list-icon svg {
width: 16px !important;
height: 16px !important;
}
.elementor-element-283dd31 .elementor-icon-list-text {
font-size: 13px !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
}
@media (max-width: 480px) {
.elementor-element-283dd31 .elementor-icon-list-items {
gap: 8px 25px !important;
padding: 0 15px !important;
}
.elementor-element-283dd31 .elementor-icon-list-text {
font-size: 12px !important;
}
.elementor-element-283dd31 .elementor-icon-list-icon {
font-size: 14px !important;
width: 14px !important;
height: 14px !important;
}
.elementor-element-283dd31 .elementor-icon-list-icon svg {
width: 14px !important;
height: 14px !important;
}
}
@media (max-width: 380px) {
.elementor-element-283dd31 .elementor-icon-list-items {
gap: 6px 20px !important;
padding: 0 10px !important;
}
.elementor-element-283dd31 .elementor-icon-list-text {
font-size: 11px !important;
}
.elementor-element-283dd31 .elementor-icon-list-icon {
font-size: 13px !important;
width: 13px !important;
height: 13px !important;
}
.elementor-element-283dd31 .elementor-icon-list-icon svg {
width: 13px !important;
height: 13px !important;
}
}
@media (min-width: 1290px) {
.elementor-95 .elementor-element.elementor-element-a0f6f13 {
--padding-left: 10px;
}
}
@media (min-width: 1419px) {
.elementor-95 .elementor-element.elementor-element-a0f6f13 {
--padding-left: -10px;
}
}
@media (min-width: 1450px) {
.elementor-95 .elementor-element.elementor-element-a0f6f13 {
--padding-left: -20px;
}
}
@media (min-width: 1485px) {
.elementor-95 .elementor-element.elementor-element-a0f6f13.e-con {
padding-right: 7%;
}
}
@media (min-width: 1530px) {
.elementor-95 .elementor-element.elementor-element-a0f6f13.e-con {
padding-right: 11%;
}
.elementor-95 .elementor-element.elementor-element-a0f6f13 {
--padding-left: 5%;
}
}
@media (min-width: 1580px) {
.elementor-95 .elementor-element.elementor-element-a0f6f13.e-con {
padding-right: 13%;
}
}
@media (min-width: 1800px) {
.elementor-95 .elementor-element.elementor-element-a0f6f13.e-con {
padding-right: 15%;
}
}
@media (min-width: 1965px) {
.elementor-95 .elementor-element.elementor-element-a0f6f13.e-con {
padding-right: 16%;
}
}
@media (min-width: 1024px) {
.elementor-75 .elementor-element.elementor-element-3f30500 {
--grid-auto-flow: row;
margin-left: 80px;
padding-right: 80px;
}
.office-block {
margin-left: -40px;
}
}
@media (min-width: 1447px) {
.elementor-75 .elementor-element.elementor-element-3f30500 {
--grid-auto-flow: row;
margin-left: 140px;
padding-right: 80px;
}
.office-block {
margin-left: -110px;
}
}
@media (min-width: 1536px) {
.elementor-75 .elementor-element.elementor-element-3f30500 {
--grid-auto-flow: row;
margin-left: 160px;
padding-right: 80px;
}
.office-block {
margin-left: -200px;
}
}
@media (min-width: 1810px) {
.office-block {
margin-left: -300px;
}
}
@media (min-width: 1918px) {
.office-block {
margin-left: -350px;
}
}
@media (min-width: 2106px) {
.elementor-75 .elementor-element.elementor-element-3f30500 {
--grid-auto-flow: row;
margin-left: 300px;
padding-right: 80px;
}
}
@media (min-width: 2106px) {
.office-block {
margin-left: -650px;
}
}
.testimonial-inner {
padding-bottom: 0px !important;
}
/*New custom home banner CSS start */
.home-pg-carousel-container,
.home-pg-carousel-container *,
.home-pg-carousel-container *::before,
.home-pg-carousel-container *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.home-pg-carousel-container {
position: relative;
font-family: "Lexend", sans-serif;
overflow-x: hidden;
max-width: 100vw;
height: 100vh;
min-height: 600px;
overflow: hidden;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
.home-pg-carousel-slide {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
background-size: cover;
background-position: center;
}
.home-pg-carousel-slide.home-pg-active {
opacity: 1;
}
.home-pg-slide-1 {
background-image: url(/wp-content/uploads/2026/04/homepage-03-new.jpg);
}
.home-pg-slide-2 {
background-image: url(https://beta.johnsonpedder.in/wp-content/uploads/2026/01/homepage-03.jpg);
}
.home-pg-slide-3 {
background-image: url(/wp-content/uploads/2026/03/homepage-02-new.jpg);
}
.home-pg-carousel-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to right,
rgba(0, 60, 111, 0.4),
rgba(0, 150, 200, 0.3)
);
}
.home-pg-carousel-content {
position: relative;
z-index: 2;
padding: 80px 120px;
max-width: 1400px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: flex-end;
height: 100%;
}
.home-pg-content-wrapper {
max-width: 550px;
padding-right: 30px;
text-align: left;
}
.home-pg-carousel-title {
font-family: "Marcellus", serif;
font-size: 3.4rem;
font-weight: 400;
color: white;
line-height: 1.2;
margin-bottom: 30px;
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}
.home-pg-carousel-description {
font-family: "Lexend", sans-serif;
font-size: 1.15rem;
font-weight: 400;
color: white;
line-height: 1.7;
margin-bottom: 45px;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
.home-pg-button-group {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.home-pg-btn {
padding: 13px 30px;
font-size: 0.85rem;
font-weight: 600;
font-family: "Lexend", sans-serif;
border: none;
border-radius: 50px;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
}
.home-pg-btn-primary {
background-color: #003c6f;
color: white;
}
.home-pg-btn-primary:hover {
background-color: #00396b;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 60, 111, 0.4);
}
.home-pg-btn-secondary {
background-color: white;
color: #0754ad;
}
.home-pg-btn-secondary:hover {
background-color: #f0f8ff;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(7, 84, 173, 0.3);
}
/* Navigation Arrows */
.home-pg-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 10;
transition: all 0.3s ease;
}
.home-pg-arrow:hover {
transform: translateY(-50%) scale(1.05);
opacity: 0.9;
}
.home-pg-arrow-left {
left: 40px;
}
.home-pg-arrow-right {
right: 40px;
}
.home-pg-arrow-icon {
width: 50px;
height: 25px;
display: block;
}
/* Dot Navigation */
.home-pg-dot-navigation {
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 12px;
z-index: 10;
align-items: center;
}
.home-pg-dot {
width: 5px;
height: 5px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);
border: none;
cursor: pointer;
transition: all 0.4s ease;
position: relative;
flex-shrink: 0;
}
.home-pg-dot.home-pg-active {
background-color: white;
width: 6px;
height: 6px;
}
.home-pg-dot.home-pg-active::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
border: 2px solid rgba(255, 255, 255, 0.6);
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.home-pg-dot:hover {
background-color: rgba(255, 255, 255, 0.8);
}
/* Responsive Design */
/* Large Screens (1400px - 1440px) - Full viewport height */
@media (min-width: 1400px) {
.home-pg-carousel-container {
height: 45vw;
min-height: inherit;
max-height: inherit;
}
.home-pg-carousel-content {
padding: 100px 150px;
}
.home-pg-content-wrapper {
max-width: 600px;
padding-right:0px;
}
.home-pg-carousel-title {
font-size: 3.8rem;
}
}
/* Extra Large Screens (above 1440px) */
@media (min-width: 1441px) {
.home-pg-carousel-container {
height: 100vh;
min-height: 100vh;
max-height: 1000px;
}
.home-pg-carousel-content {
padding: 100px 150px;
}
.home-pg-content-wrapper {
max-width: 600px;
}
.home-pg-carousel-title {
font-size: 4rem;
}
}
/* Desktop (1200px - 1399px) - Full viewport height */
@media (max-width: 1399px) and (min-width: 1200px) {
.home-pg-carousel-container {
height: 100vh;
min-height: 100vh;
max-height: none;
}
.home-pg-carousel-content {
padding: 70px 100px;
}
}
/* Tablet Landscape & Small Desktop (992px - 1199px) */
@media (max-width: 1199px) and (min-width: 992px) {
.home-pg-carousel-container {
height: 90vh;
min-height: 550px;
max-height: none;
}
.home-pg-carousel-content {
padding: 60px 80px;
}
.home-pg-carousel-title {
font-size: 3rem;
}
.home-pg-carousel-description {
font-size: 1.1rem;
}
.home-pg-arrow-left {
left: 30px;
}
.home-pg-arrow-right {
right: 30px;
}
}
/* Tablet Portrait (768px - 991px) */
@media (max-width: 991px) and (min-width: 768px) {
.home-pg-carousel-container {
height: 70vh;
min-height: 450px;
max-height: 650px;
}
.home-pg-carousel-slide {
background-position: 30% center;
}
.home-pg-carousel-content {
padding: 50px 60px;
justify-content: center;
}
.home-pg-content-wrapper {
max-width: 500px;
padding-right: 0;
text-align: center;
}
.home-pg-carousel-title {
font-size: 2.6rem;
margin-bottom: 24px;
}
.home-pg-carousel-description {
font-size: 1.05rem;
margin-bottom: 35px;
}
.home-pg-button-group {
justify-content: center;
}
.home-pg-arrow-left {
left: 25px;
}
.home-pg-arrow-right {
right: 25px;
}
.home-pg-arrow-icon {
width: 48px;
height: 24px;
}
.home-pg-dot-navigation {
bottom: 35px;
}
}
/* Mobile Landscape & Small Tablet (576px - 767px) */
@media (max-width: 767px) and (min-width: 575px) {
.home-pg-carousel-container {
height: 65vh;
min-height: 420px;
max-height: 550px;
}
.home-pg-carousel-slide {
background-position: 25% center;
}
.home-pg-carousel-content {
padding: 40px 40px;
justify-content: center;
}
.home-pg-content-wrapper {
max-width: 100%;
padding-right: 0;
text-align: center;
}
.home-pg-carousel-title {
font-size: 2.2rem;
margin-bottom: 20px;
}
.home-pg-carousel-description {
font-size: 1rem;
margin-bottom: 30px;
}
.home-pg-btn {
padding: 12px 28px;
font-size: 0.85rem;
}
.home-pg-button-group {
gap: 15px;
justify-content: center;
}
.home-pg-arrow {
display: none;
}
.home-pg-dot-navigation {
bottom: 30px;
}
.home-pg-dot {
width: 5px;
height: 5px;
}
}
/* Mobile Portrait (up to 575px) */
@media (max-width: 575px) {
.home-pg-carousel-container {
height: 90vh;
min-height: 90vh;
max-height: 90vh;
}
.home-pg-carousel-slide {
background-position: 20% center;
background-size: cover;
}
.home-pg-carousel-content {
padding: 40px 25px 250px 25px;
justify-content: flex-start;
align-items: center;
}
.home-pg-content-wrapper {
max-width: 100%;
padding-right: 0;
text-align: center;
}
.home-pg-carousel-title {
font-size: 2rem;
margin-bottom: 18px;
}
.home-pg-carousel-description {
font-size: 0.95rem;
margin-bottom: 28px;
line-height: 1.6;
}
.home-pg-btn {
padding: 12px 24px;
font-size: 0.82rem;
width: 70%;
text-align: center;
margin: 0 auto;
}
.home-pg-button-group {
flex-direction: column;
width: 100%;
gap: 12px;
position: absolute;
bottom: 70px;
left: 0;
right: 0;
padding: 0 25px;
}
.home-pg-arrow {
display: none;
}
.home-pg-dot {
width: 5px;
height: 5px;
}
.home-pg-dot.home-pg-active {
width: 6px;
height: 6px;
}
.home-pg-dot.home-pg-active::before {
width: 14px;
height: 14px;
}
.home-pg-dot-navigation {
bottom: 25px;
gap: 10px;
}
}
/* Extra Small Mobile (up to 360px) */
@media (max-width: 360px) {
.home-pg-carousel-title {
font-size: 1.75rem;
}
.home-pg-carousel-description {
font-size: 0.9rem;
}
.home-pg-btn {
font-size: 0.78rem;
padding: 11px 20px;
}
.home-pg-dot-navigation {
bottom: 20px;
}
}
/* Landscape orientation for mobile devices */
@media (max-width: 768px) and (orientation: landscape) {
.home-pg-carousel-container {
height: 100vh;
min-height: 100vh;
}
.home-pg-carousel-slide {
background-position: center center;
}
.home-pg-carousel-content {
padding: 25px 40px;
align-items: center;
justify-content: flex-start;
}
.home-pg-carousel-title {
font-size: 1.9rem;
margin-bottom: 14px;
}
.home-pg-carousel-description {
font-size: 0.9rem;
margin-bottom: 22px;
}
.home-pg-button-group {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
position: absolute;
bottom: 50px;
left: 0;
right: 0;
padding: 0 40px;
}
.home-pg-btn {
width: auto;
padding: 10px 24px;
font-size: 0.8rem;
}
.home-pg-dot-navigation {
bottom: 15px;
}
.home-pg-arrow {
display: none;
}
}
/* iPad Pro and larger tablets (1024px - 1199px) */
@media (min-width: 1024px) and (max-width: 1199px) {
.home-pg-carousel-slide {
background-position: 35% center;
}
.home-pg-content-wrapper {
max-width: 520px;
}
}
@media (max-width: 575px) {
.home-pg-slide-1 {
background-image: url(/wp-content/uploads/2026/04/mobile-3-new.jpg);
background-position: 0% center;
}
.home-pg-slide-2 {
background-image: url(http://beta.johnsonpedder.in/wp-content/uploads/2026/01/mobile-2.jpg);
background-position: 0% center;
}
.home-pg-slide-3 {
background-image: url(/wp-content/uploads/2026/03/mobile-2-new.jpg);
background-position: 20% center;
}
}
/*New custom home banner CSS end */
.elementor-75 .elementor-element.elementor-element-43dc1bf {
border: none;
}
.elementor-element.elementor-element-43dc1bf > .e-con-inner {
border-top: 1px solid #979797;
border-bottom: 1px solid #979797;
padding-bottom: 46px;
}
@media (max-width: 767px) {
.elementor-element.elementor-element-43dc1bf > .e-con-inner {
margin-top: 80px;
}
}
.testimonials-header {
padding: 0px 105px 50px !important;
}
.elementor-element.elementor-element-610f227.subtitle-position-above.elementor-mobile-align-center.elementor-widget-tablet__width-inherit.elementor-widget.elementor-widget-hnice-heading {
margin-left: -25px;
}
@media (min-width: 1201px) {
.elementor-95
.elementor-element.elementor-element-136657c
.hfe-site-logo-container
.hfe-site-logo-img {
margin-left: 26px;
}
}
@media (min-width: 1024px) {
.elementor-element.elementor-element-43dc1bf > .e-con-inner {
margin: auto;
width: 92.5%;
}
}
@media (min-width: 1024px) {
.elementor-75 .elementor-element.elementor-element-3f30500 {
margin-left: 26px;
}
}
@media (max-width: 1025px) {
.elementor-element.elementor-element-43dc1bf > .e-con-inner {
margin-top: 40px;
}
}
@media (min-width: 1280px) {
.elementor-element.elementor-element-43dc1bf > .e-con-inner {
border-top: 1px solid #979797;
border-bottom: 1px solid #979797;
margin: auto;
width: 88%;
padding-bottom: 46px;
}
}
.elementor-95 .elementor-element.elementor-element-37660bf {
padding-right: 10px;
}
@media (min-width: 1366px) {
.testimonials-header {
padding: 0px 111px 50px !important;
}
}
@media (min-width: 1366px) {
.elementor-element.elementor-element-610f227.subtitle-position-above.elementor-mobile-align-center.elementor-widget-tablet__width-inherit.elementor-widget.elementor-widget-hnice-heading {
margin-left: -20px;
}
}
@media (min-width: 1366px) {
.elementor-95
.elementor-element.elementor-element-136657c
.hfe-site-logo-container
.hfe-site-logo-img {
margin-left: -5px;
}
}
@media (min-width: 1440px) {
.elementor-95
.elementor-element.elementor-element-136657c
.hfe-site-logo-container
.hfe-site-logo-img {
margin-left: 8px;
}
}
@media (min-width: 1440px) {
.elementor-element.elementor-element-610f227.subtitle-position-above.elementor-mobile-align-center.elementor-widget-tablet__width-inherit.elementor-widget.elementor-widget-hnice-heading {
margin-left: -9px;
}
}
@media (min-width: 1440px) {
.testimonials-header {
padding: 0px 107px 50px !important;
}
}
@media (min-width: 1440px) {
.elementor-element.elementor-element-43dc1bf > .e-con-inner {
width: 87%;
}
}
@media (min-width: 1440px) {
.elementor-95 .elementor-element.elementor-element-a1f0c86 {
--padding-right: 30px;
}
}
@media (min-width: 1440px) {
.elementor-95 .elementor-element.elementor-element-37660bf {
padding-right: 29px;
}
}
@media (min-width: 1536px) {
.elementor-element.elementor-element-43dc1bf > .e-con-inner {
width: 80.5%;
}
}
@media (min-width: 1536px) {
.elementor-95 .elementor-element.elementor-element-a1f0c86 {
--padding-right: 5px;
}
}
@media (min-width: 1536px) {
.testimonials-header {
padding: 0px 110px 50px !important;
}
}
@media (min-width: 1536px) {
.elementor-95 .elementor-element.elementor-element-37660bf {
padding-right: 79px;
}
}
@media (min-width: 1920px) {
.testimonials-header {
padding: 0px 38px 50px !important;
}
}
@media (min-width: 1920px) {
.elementor-element.elementor-element-43dc1bf > .e-con-inner {
width: 72%;
}
}
@media (min-width: 1920px) {
.elementor-75 .elementor-element.elementor-element-3f30500 {
margin-left: 90px;
}
}
@media (min-width: 1920px) {
.elementor-75 .elementor-element.elementor-element-3f30500 {
margin-left: 104px;
}
}
@media (min-width: 1920px) {
.elementor-95 .elementor-element.elementor-element-37660bf {
padding-right: 197px;
}
}
@media (min-width: 2560px) {
.elementor-28 .elementor-element.elementor-element-b83b224 {
padding: 20px 0px 20px 0px;
}
}
@media (min-width: 2560px) {
.elementor-element.elementor-element-43dc1bf > .e-con-inner {
width: 75%;
}
}
@media (min-width: 2560px) {
.testimonials-header {
padding: 0px 0px 50px !important;
}
}
@media (min-width: 2560px) {
.elementor-element.elementor-element-610f227.subtitle-position-above.elementor-mobile-align-center.elementor-widget-tablet__width-inherit.elementor-widget.elementor-widget-hnice-heading {
margin-left: -70px;
}
}
@media (min-width: 2560px) {
.elementor-95 .elementor-element.elementor-element-37660bf {
padding-right: 475px;
}
}
@media (min-width: 2560px) {
.elementor-95
.elementor-element.elementor-element-136657c
.hfe-site-logo-container
.hfe-site-logo-img {
margin-left: 190px;
}
}
@media (min-width: 2560px) {
.elementor-95 .elementor-element.elementor-element-a1f0c86 {
--padding-right: 185px;
}
}
@media (min-width: 2560px) {
.elementor-75 .elementor-element.elementor-element-3f30500 {
margin-left: 194px;
}
}
/*******aiswariya update***/
@media (min-width: 768px) and (max-width: 1199px) {
sr7-row-con {
display: inherit !important;
}
}
@media(min-width:768px) and (max-width:1025px)
{
.site-search.ajax-search {
display: none;
}
.home-pg-carousel-container {
height: 60vw !important;
}
.elementor-widget-hnice-search .site-header-search .button-search-popup .content{
display:none !important;
}
}
@media (max-width: 1025px) {
sr7-row-con {
padding-top: 0 !important;
}
footer#colophon {
margin: 0;
}
.elementor-element.elementor-element-bbc6ecd.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
display: none;
}
.elementor-element.elementor-element-7444e59.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
display: none;
}
.elementor-element.elementor-element-0347aee.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
background: #0b3a63;
color: #fff;
width: 100%;
}
.elementor-element.elementor-element-d80f32c.elementor-widget.elementor-widget-hnice-search {
position: fixed;
right: 15px;
background: #0b3a63;
border-radius: 100%;
top: 180px;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.elementor-element.elementor-element-d80f32c.elementor-widget.elementor-widget-hnice-search
.elementor-widget-container {
padding: 0;
display: flex;
align-items: center;
border: none;
}
.elementor-widget-hnice-search .site-header-search {
display: block;
}
.elementor-element.elementor-element-d80f32c.elementor-widget.elementor-widget-hnice-search
i {
color: #fff;
font-weight: bold;
}
}
/*********** Responsive updated css*******/
.hnice-swiper-wrapper .elementor-swiper-button i {
border-color: #fff;
background: #fff;
color: #000;
font-weight: bold;
}
section.career-section {
margin: 50px 0;
}
body.page-template-page-contact-us div#content {
margin: 0;
padding: 50px 0 !important;
}
.instagram-gallery-list[data-feed_layout=gallery] img{
object-position: bottom !important;
}
#page .site-content{
padding:0 !important;
}
.jp-enquiry-layout {
padding: 0 !important;
}
.category-product-caption:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: rgba(000, 000, 000, 0.1);
top: 0;
left: 0;
}
.single-post.hnice-full-width-content .post-thumbnail {
padding: 0 !important;
max-width:100% !important;
}
.single-post.hnice-full-width-content .content-area {
max-width: 100% !important;
}
body.single #page .site-content {
/*padding: 0 !important;*/
}
.jp-breadcrumb a {
padding: 0 4px;
}
.jp-secondary-actions {
margin-top: 60px !important;
}
.home-pg-carousel-container {
height: 45vw;
min-height: inherit;
max-height: inherit;
}
.page-header {
margin: 0 !important;
padding: 0 !important;
}
.product-grid{
align-items:flex-start !important;
}
.content-block{
align-items:flex-start !important;
}
.section-badge {
font-weight: 800 !important;
}
.jp-store-page-wrap {
margin: 0px 0 !important;
}
.elementor-2342 .elementor-element.elementor-element-cc81fdd .elementor-accordion-title{
font-weight:500;
}
.jp-breadcrumb {
color: #fff !important;
}
button.home-pg-btn {
text-transform: capitalize;
}
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb{
color:#fff !important;
}
a.reset_variations {
display: none !important;
}
.cfvsw-swatches-option.cfvsw-selected-swatch, .cfvsw-swatches-option:hover.cfvsw-selected-swatch, .cfvsw-swatches-option:focus.cfvsw-selected-swatch {
border-color: #003676 !important;
}
.single-product div.product table.variations a.reset_variations {
display: none !important;
}
.jp-breadcrumb span {
color: #fff !important;
}
.jp-store-page-wrap {
margin: 0 !important;
}
body.blog #page .site-content {
margin-top: 100px !important;
}
.blog-style-list article.article-default {
align-items: flex-start !important;
}
@media(min-width:1025px)
{
.elementor-element.elementor-element-59f4360.elementor-hidden-tablet.elementor-hidden-mobile_extra.elementor-hidden-mobile.elementor-widget.elementor-widget-hnice-nav-menu {
width: 35%;
display: flex;
justify-content: flex-end;
}
.career-section{
padding:0 !important;
}
section#contact-us {
padding: 0;
}
.elementor-95 .elementor-element.elementor-element-a0f6f13 {
--width: 100%;
}
.elementor-95 .elementor-element.elementor-element-a0f6f13.e-con{
padding-left:40px;
padding-right:40px;
}
.elementor-95 .elementor-element.elementor-element-4ac3032.e-con{
justify-content:flex-start;
}
.elementor-95 .elementor-element.elementor-element-136657c .hfe-site-logo-container .hfe-site-logo-img{
width:130px;
}
.elementor-95 .elementor-element.elementor-element-37660bf{
padding-right:0px;
}
.elementor-element.elementor-element-d1a2bac.e-con-full.e-flex.e-con.e-parent{
padding-right: 40px;
padding-left: 40px;
}
.elementor-element.elementor-element-a1f0c86.e-con-full.e-flex.e-con.e-child {
padding: 0;
}
.e-con-inner {
max-width: 85% !important;
}
.elementor-element.elementor-element-edf68d6.e-flex.e-con-boxed.e-con.e-child {
padding: 0 30px;
}
.elementor-element.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
padding: 0 30px;
}
.elementor-social-icons-wrapper a {
margin: 0 10px 0 0 !important;
}
.testimonials-header {
padding: 0 30px !important;
max-width: 85% !important;
}
.section-wrap {
max-width: 100%;
}
.elementor-element.elementor-element-956a8d8.elementor-widget.elementor-widget-shortcode {
padding: 0;
}
#page .site-content {
padding: 0 0px !important;
max-width: var(--content-width) !important;
margin-left: auto !important;
margin-right:auto !important;
}
section#contact-us {
margin: 0;
padding-left: 0;
padding-right: 0;
}
section.content-section {
max-width: var(--content-width) !important;
padding: 0 0px;
}
.col-full {
max-width: var(--content-width) !important;
}
.jp-enq-address-container {
max-width:var(--content-width) !important;
}
.jp-enq-offices-wrapper {
max-width: var(--content-width) !important;
}
.jp-enq-form-container {
max-width: var(--content-width) !important;
}
section.full-text-section {
padding: 50px 0 0 0;
}
section.product-range-section {
padding: 0;
}
section.quality-section {
padding-left: 0;
padding-right: 0;
}
.col-full .jp-store-page-wrap {
padding: 0 !important;
}
section.luxury-section {
padding-left: 0;
padding-right: 0;
}
section.cta-section {
padding-left: 0;
padding-right: 0;
}
section.catalogue-section {
padding: 0;
}
.summary.entry-summary {
padding-left: 60px;
}
.jp-enquiry-btn{
flex:inherit!important;
}
}
@media(min-width:768px) and (max-width:1024px)
{
.elementor-element.elementor-element-c08ac9c.e-con-full.e-flex.e-con.e-child {
width: 30%;
}
.jp-store-email-row {
justify-content: flex-start !important;
margin-bottom: 20px;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide img {
height: 75px;
}
.jp-new-badge {
top: 70px !important;
left: 35px !important;
}
.elementor-element.elementor-element-b5fcd48.elementor-widget-mobile__width-initial.jp-enquiry-icon.elementor-view-default.elementor-widget.elementor-widget-icon {
width: 20vw;
}
span.jp-enquiry-count {
right:6vw;
width: 30px;
height: 30px;
font-size: 18px;
}
.elementor-element.elementor-element-ad0dc06.elementor-button-link.elementor-widget.elementor-widget-button
{
text-align: left;
}
li.mobile-tab-title.mobile-pages-title span {
display: none;
}
.hnice-mobile-nav .mobile-nav-tabs {
padding: 8px 30px !important;
}
a.mobile-nav-close i {
font-size: 20px;
}
section.full-text-section.animate {
padding: 50px 25px;
}
.quality-grid {
display: flex;
}
.elementor-2342 .elementor-element.elementor-element-dcadfea {
text-align: center;
}
.container.new-products-page {
padding: 0;
}
.jp-enquiry-form .jp-submit-btn {
width: unset;
}
button.jp-enquiry-btn {
min-width: 230px;
width: max-content;
}
.elementor-element.elementor-element-7964c98.elementor-widget.elementor-widget-heading {
text-align: center;
}
.quality-item {
width: 33.33%;
}
.elementor-social-icons-wrapper.elementor-grid a {
margin: 0 10px 0 0;
}
.catalogue-grid {
display: flex !important;
}
.elementor-element.elementor-element-edf68d6.e-flex.e-con-boxed.e-con.e-child {
padding: 0;
}
.elementor-element.elementor-element-aa7364c.e-con-full.elementor-hidden-desktop.elementor-hidden-laptop.elementor-hidden-tablet_extra.e-flex.e-con.e-parent.e-lazyloaded {
padding: 20px 25px;
}
.elementor-element.elementor-element-3f97a47.e-con-full.e-flex.e-con.e-child {
padding: 0 10px 0;
}
.elementor-element.elementor-widget-icon {
width: 20%;
}
.elementor-element.elementor-element-d1a2bac.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
display: none !important;
}
.elementor-element.elementor-element-5af9e8e.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
margin: 0;
}
.elementor-element.elementor-element-d80f32c.elementor-widget.elementor-widget-hnice-search {
display: none;
}
.testimonials-header {
padding-left: 25px!important;
padding-right: 25px !important;
}
.elementor-element.elementor-element-610f227.subtitle-position-above.elementor-mobile-align-center.elementor-widget-tablet__width-inherit.elementor-widget.elementor-widget-hnice-heading {
margin-left: 0;
}
.elementor-element.elementor-element-ddb66a5.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
margin-bottom: 0;
}
.elementor-element.elementor-element-57ca2df.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
padding-left: 25px;
padding-right: 25px;
}
.elementor-element.elementor-element-3798992.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
margin: 0;
}
.instagram-gallery-item.instagram-gallery-item--cols-3 {
margin: 0 0 20px 0;
}
section.content-section {
padding: 60px 25px 0;
}
section.cta-section.animate {
margin: 0;
padding: 0 25px 60px 25px;
}
.catalogue-section {
padding:50px 0 !important;
}
div#content {
padding: 0px 0 !important;
}
section#contact-us {
margin: 0 !important;
}
.elementor-element.elementor-element-f031929.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
padding: 0 25px;
}
.elementor-element.elementor-element-aa7364c.e-con-full.elementor-hidden-desktop.elementor-hidden-laptop.elementor-hidden-tablet_extra.e-flex.e-con.e-parent.e-lazyloaded {
display: flex;
align-items: center;
}
.testimonials-section{
padding:60px 0;
}
.elementor-element.elementor-element-f8949d1.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
margin: 0;
padding: 60px 25px;
}
div#sliderTrack {
padding-bottom: 0;
}
.elementor-element.elementor-element-61f216a.e-con-full.e-flex.e-con.e-child {
margin-top: 0;
}
.elementor-element.elementor-element-61f216a.e-con-full.e-flex.e-con.e-child {
margin-top: 0;
}
.elementor-element.elementor-button-link {
text-align: center;
}
.elementor-element.elementor-element-63893f7.e-con-full.e-flex.e-con.e-parent.e-lazyloaded{
padding: 60px 25px;
margin: 0;
}
.elementor-element.elementor-element-ddb66a5.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
padding: 60px 25px;
}
.elementor-image-box-wrapper {
text-align: center !important;
}
section.career-section {
padding: 60px 25px !important;
}
section#contact-us {
padding: 60px 25px;
}
section.jp-product-intro {
padding: 0 25px;
}
section.related.products.elementor-element {
margin: 0;
padding: 60px 25px;
}
.content-single-wrapper {
margin: 0;
padding: 60px 25px;
}
.new-products-layout {
padding: 60px 25px;
}
.blog-style-list {
padding: 60px 25px;
}
.content-section {
margin: 0 !important;
width: 100%;
max-width: 100%;
}
.page-header {
margin: 0 !important;
padding: 60px 0 0 0 !important;
}
.catalogue-section{
padding:0px 40px !important;
}
nav.jp-breadcrumb {
padding: 0 20px;
}
nav.jp-breadcrumb a {
padding: 10px 10px !important;
line-height: 50px;
}
}
@media(max-width:767px)
{
.elementor-element.elementor-element-ad0dc06.elementor-button-link.elementor-widget.elementor-widget-button
{
text-align: left;
}
section.quality-section {
margin-top: 0;
margin-bottom: 30px ;
}
section.luxury-section.animate {
margin-top: 0;
margin-bottom: 20px;
}
section.full-text-section.center-text {
margin-top: 0;
margin-bottom:0;
}
section.product-range-section {
margin-bottom: 0;
}
.single-post.hnice-full-width-content .post-thumbnail{
padding:0 15px !important;
}
.single-post.hnice-full-width-content .single-content{
padding:0 15px;
}
.content-block, .content-block.reverse{
margin-bottom:0 !important;
}
.testimonial-inner {
height: 230px;
}
.jp-store-info-row {
display: block !important;
}
.home-pg-carousel-container {
height: 90vh;
}
.jp-breadcrumb span {
color: #000 !important;
padding: 0 10px 0 0 !important;
font-size: 12px;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide img {
height: 75px;
}
.jp-store-email-row{
justify-content:flex-start !important;
margin-top:12px !important;
}
.jp-new-badge {
top: 40px !important;
left: 25px !important;
}
.jp-enquiry-count{
right:0 !important;
}
aside.custom-category-sidebar.filter-sidebar.active {
top: 80px !important;
}
nav.woocommerce-breadcrumb {
font-size: 13px !important;
}
.view-product-btn {
padding: 8px 12px !important;
font-size: 12px;
}
.elementor-5396 .elementor-element.elementor-element-d149262 .woocommerce-breadcrumb > a:not(:hover){
color:#fff!important;
}
li.mobile-tab-title.mobile-pages-title span {
display: none;
}
.hnice-mobile-nav .mobile-nav-tabs {
padding: 8px 30px !important;
}
a.mobile-nav-close i {
font-size: 20px;
}
.elementor-element.elementor-element-d1a2bac.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
display: none !important;
}
.elementor-element.elementor-element-5af9e8e.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
margin: 0;
}
.elementor-element.elementor-element-d80f32c.elementor-widget.elementor-widget-hnice-search {
display: none;
}
.testimonials-header {
padding-left: 15px!important;
padding-right: 15px !important;
}
.elementor-element.elementor-element-610f227.subtitle-position-above.elementor-mobile-align-center.elementor-widget-tablet__width-inherit.elementor-widget.elementor-widget-hnice-heading {
margin-left: 0;
}
.elementor-element.elementor-element-ddb66a5.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
margin-bottom: 0;
}
.elementor-element.elementor-element-57ca2df.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
padding-left: 15px;
padding-right: 15px;
}
.elementor-element.elementor-element-3798992.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
margin: 0;
}
.instagram-gallery-item.instagram-gallery-item--cols-3 {
margin: 0 0 20px 0;
}
section.content-section {
padding: 30px 15px;
}
section.cta-section.animate {
margin: 0;
padding: 0 15px 60px 15px;
}
.catalogue-section {
padding:30px 0 !important;
}
div#content {
padding: 0px 0 !important;
}
#page .site-content{
margin-top:0px !important;
margin-bottom:0px !important;
}
section#contact-us {
margin: 0 !important;
}
.elementor-element.elementor-element-f031929.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
padding: 0 15px;
}
.elementor-element.elementor-element-aa7364c.e-con-full.elementor-hidden-desktop.elementor-hidden-laptop.elementor-hidden-tablet_extra.e-flex.e-con.e-parent.e-lazyloaded {
display: flex;
align-items: center;
}
.testimonials-section{
padding:30px 0;
}
.elementor-element.elementor-element-f8949d1.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
margin: 0;
padding: 30px 15px;
}
div#sliderTrack {
padding-bottom: 0;
}
.elementor-element.elementor-element-61f216a.e-con-full.e-flex.e-con.e-child {
margin-top: 0;
}
.elementor-element.elementor-element-61f216a.e-con-full.e-flex.e-con.e-child {
margin-top: 0;
}
.elementor-element.elementor-button-link {
text-align: center;
}
.elementor-element.elementor-element-63893f7.e-con-full.e-flex.e-con.e-parent.e-lazyloaded{
padding: 60px 15px;
margin: 0;
}
.elementor-element.elementor-element-ddb66a5.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
padding: 30px 15px;
}
.elementor-image-box-wrapper {
text-align: center !important;
}
section.career-section {
padding:30px 15px !important;
}
section#contact-us {
padding: 30px 15px;
}
section.jp-product-intro {
padding: 0 15px;
}
section.related.products.elementor-element {
margin: 0;
padding: 30px 15px;
}
.content-single-wrapper {
margin: 0;
padding: 30px 15px;
}
.new-products-layout {
padding: 20px 15px;
}
.blog-style-list {
padding: 30px 15px;
}
.content-section {
margin: 0 !important;
width: 100%;
max-width: 100%;
}
.page-header {
margin: 0 !important;
padding: 30px 0 0 0 !important;
}
.catalogue-section{
padding:30px 0 !important;
}
nav.jp-breadcrumb {
padding: 0 20px;
}
nav.jp-breadcrumb a {
color: #000;
padding: 0 6px 0 0 !important;
line-height: inherit;
font-size: 12px;
}
#content .jp-store-page-wrap {
margin: 0 !important;
padding: 30px 15px !important;
}
nav.jp-breadcrumb {
color: #000 !important;
}
.page-header h1 {
margin: 0;
padding: 0 0 15px 0;
}
.elementor-2342 .elementor-element.elementor-element-f031929 {
--margin-top: 0 !important;
padding: 30px 15px !important;
}
}
@media screen and (max-width: 1440px)
{
.elementor-element.elementor-element-59f4360.elementor-hidden-tablet.elementor-hidden-mobile_extra.elementor-hidden-mobile.elementor-widget.elementor-widget-hnice-nav-menu {
width: 40%;
}
}
@media screen and (max-width: 1280px)
{
.elementor-95 .elementor-element.elementor-element-59f4360 > .elementor-widget-container {
padding: 0px 15px 0px 5px;
}
.elementor-95 .elementor-element.elementor-element-136657c > .elementor-widget-container {
margin: 0px 80px 0px 0px;
}
}
@media screen and (max-width: 1199px)
{
.elementor-95 .elementor-element.elementor-element-59f4360 > .elementor-widget-container {
padding: 0px 13px 0px 5px;
}
}