/* coolerbags */

.header.content .contact-details ul li a { color: var(--theam-color); }
.header.content .contact-details ul li a i { border: 1px solid var(--theam-color); }
.header.content .contact-details ul li a:focus i, .header.content .contact-details ul li a:hover i { background: var(--theam-color); }
#html-body .homepage-main-slider .pagebuilder-slide-wrapper { background-position: right top; }
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-collage-content p { color: var(--primary-color); }
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-collage-content:has(h2 + h2) h2:first-child { margin-bottom: 0; }
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-collage-content:has(h2 + h2) h2:nth-child(2) { margin-top: 0; }
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-slide-button { background: var(--theam-color); backdrop-filter: blur(150px); color: var(--white); }
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-slide-button:hover { background: transparent; color: var(--primary-color); }
button.load-more, .catalog-product-view .product-info-main .sparsh_product_inquiry_button .primary.action { color: var(--theam-color); }
button.load-more:hover, .catalog-product-view .product-info-main .sparsh_product_inquiry_button .primary.action:hover { background: var(--theam-color); }
.actions-primary .action.primary { background: var(--theam-color); border-color: var(--theam-color); }
.actions-primary .action.primary:hover { background: var(--hover-primary); border-color: var(--theam-color); }
.top-promotions-wrapper .promotion-block .promotion-content .title { color: #212121; }
.top-promotions-wrapper .promotion-block .promotion-content .buttons .action.primary { color: var(--theam-color); }
.bottom-promotions-wrapper .promotion-item { grid-template-columns: 440px auto; }
.bottom-promotions-wrapper .promotion-item:nth-child(2) { grid-template-columns: 390px auto; }
.bottom-promotions-wrapper .promotion-item .promotion-content .title { color: var(--primary-color); }
.bottom-promotions-wrapper .promotion-block .promotion-content .subtxt { color: var(--primary-color); max-width: 96%; }
.buttons .action.primary.learn-more { border: 1px solid var(--primary-color); color: var(--theam-color); }
.buttons .action.primary.learn-more:hover, .bottom-promotions-wrapper .promotion-item:nth-child(2) .promotion-content .buttons .learn-more:hover { background: var(--theam-color); border: 1px solid var(--theam-color); }
.home-page-faqs-block .content-heading .title { color: var(--primary-color); }
.action.submit.primary { border: 1px solid var(--white); }
.action.submit.primary:hover { background: var(--theam-color); border-color: var(--theam-color); }
.action.submit.primary span { color: var(--white); }
.sparsh-product-inquiry-popup-modal .action.submit.primary { border: 1px solid var(--primary-color); }
.sparsh-product-inquiry-popup-modal .action.submit.primary span { color: var(--theam-color); }
.sparsh-product-inquiry-popup-modal .action.submit.primary:hover span { color: var(--white); }
footer .footer.content .footer-middle .call-us p:nth-child(2) a, footer .footer.content .footer-middle .call-on p:nth-child(2) a { color: var(--theam-color); }
footer .footer-right .footer-links a { color: var(--theam-color); }
.display_sparsh_product_inquiry_model_subtitle { color: var(--theam-color); }





/* Responsive css */
@media (max-width: 1799px) {
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-collage-content { max-width: 780px; }
}
@media (max-width: 1499px) {
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-collage-content { max-width: 700px; }
.bottom-promotions-wrapper .promotion-item:nth-child(2) { grid-template-columns: 360px auto; }
.bottom-promotions-wrapper .promotion-block .promotion-item:nth-child(2) .promotion-content .subtxt { max-width: 88%; }
}

@media (max-width: 1399px) {
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-collage-content { max-width: 55%; }
.bottom-promotions-wrapper .promotion-item { grid-template-columns: 410px auto; }
.bottom-promotions-wrapper .promotion-item:nth-child(2) { grid-template-columns: 330px auto; }
}
@media (max-width: 1199px) {
.bottom-promotions-wrapper .promotion-item {grid-template-columns: 320px auto; }
.bottom-promotions-wrapper .promotion-item:nth-child(2) { grid-template-columns: 260px auto; }
}
@media (max-width: 991px) {
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-overlay:before { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: var(--overlay-color); }
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-collage-content { position: relative; max-width: 70%; }
.bottom-promotions-wrapper .promotion-item, .bottom-promotions-wrapper .promotion-item:nth-child(2) { padding: 60px 20px 60px 20px; grid-template-columns: 58% auto; }
}
@media screen and (max-width:768px) {
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-collage-content { max-width: 70%; }
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-overlay { height: calc(100vh - 119px); position: relative; }
.catalog-product-view .product.media .fotorama__wrap .fotorama__stage { max-height: unset; }
}
@media screen and (max-width:767px) {
.bottom-promotions-wrapper .promotion-block .promotion-image::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: var(--overlay-color); background-size: cover; }
.bottom-promotions-wrapper .promotion-item, .bottom-promotions-wrapper .promotion-item:nth-child(2) { grid-template-columns: 80% auto; }
}
@media screen and (max-width:576px) {
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-collage-content { max-width: 90%; }
.bottom-promotions-wrapper .promotion-item, .bottom-promotions-wrapper .promotion-item:nth-child(2) { padding: 40px 20px 40px 20px; grid-template-columns: 80% auto; }
}
@media screen and (max-width:480px) {
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-overlay { height: calc(100vh - 127px); }
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-collage-content { max-width: 100%; }
.bottom-promotions-wrapper .promotion-item, .bottom-promotions-wrapper .promotion-item:nth-child(2) { grid-template-columns: 100% auto; padding: 20px; }
}
@media screen and (max-width:420px) {
.bottom-promotions-wrapper .promotion-block .promotion-content .subtxt { max-width: 100%; }
}
@media screen and (max-width:376px) {
.homepage-main-slider .pagebuilder-slide-wrapper .pagebuilder-overlay { height: calc(100vh - 117px); }
}