/* Add custom CSS styles below */


.store-header {

position: unset;

z-index: 9;

width: 100%;

padding-top : 0px;

}


.grid-cols-\[repeat\(2\2c minmax\(0\2c 1fr\)\)\] {

grid-template-columns: repeat(3, minmax(0, 1fr));

}

.s-block--features__item:first-child {

grid-column: span 1 / span 1;

}





.navbar {

display: flex; /* Use Flexbox for layout */

justify-content: space-between; /* Space out elements on the left and right */

align-items: center; /* Vertically align items */

position: relative; /* Allow absolute positioning of the logo if needed */

padding: 0 1rem; /* Add horizontal padding to the navbar */


}

.navbar-brand {

position: absolute; /* Position the logo independently */

left: 50%; /* Move the logo to the center horizontally */

transform: translateX(-10%); /* Adjust for the natural width of the logo */


}


.navbar-brand img {

max-height: 3rem; /* Keep the logo's height constraint */

width: auto;

max-width: 100px;

}


/* For Desktop Screens */

@media (min-width: 1024px) {

.navbar {

height: 80px; /* Increase height for desktop */

}


.navbar-brand img {

max-height: 3rem; /* Larger logo for desktop */

}

}


/* For Mobile and Tablet Screens */

@media (max-width: 1023px) {

.navbar {

height: 60px; /* Standard height for mobile */

padding: 0 0.5rem; /* Reduce horizontal padding */

}


.navbar-brand img {

max-height: 2.5rem; /* Smaller logo for mobile */

}

}



.container {

width: 100%;

margin-right: auto;

margin-left: auto;

padding-right: 10px;

padding-left: 10px;

padding-top: 25px;

}


.object-contain {

-o-object-fit: contain;

object-fit: contain;

padding-top: 10px;

}


@media only screen and (min-width: 1024px) {

.main-menu li.root-level>a {

padding-top: 0px;

padding-bottom: 2rem;

font-weight: 700;

color: #0b153e;

}

}


.top-navbar {

display: none;

}


.inner.bg-inherit {

background-color:

position: fixed;

top: 0;

width: 100%;

z-index: 1000;

}


/*.inner.bg-inherit .container {

max-width: 90%; /* Center container width */

margin: auto;

border-radius: 20px;

background: #00000059; /* Semi-transparent background */

box-shadow: 2px 2px 2px 2px #0000004a;

padding: 10px 20px; /* Add some spacing to the content */

}

*/

.inner.bg-inherit .container {

max-width: 90%;

margin: auto;

border-radius: 20px;

background: #00000059;

box-shadow:2px 2px 2px 2px #0000004a;

margin-top:1%;

}


.inner.bg-inherit{

background-color:#00000000;

}

#mainnav{

background-color: transparent;

color:#fff !important;

max-width: 90%;

margin: auto;

--tw-shadow:unset !important;

}


.main-nav-container.fixed-pinned .inner {

box-shadow: unset;

}


/*start customize section*/


salla-slider.photos-slider .swiper-slide {

padding: 0rem;

margin: 0rem;

width: 100%;

}


.s-slider-block__title-nav {

visibility: hidden;

}


salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {

padding: 0rem;

}


section:first-of-type {

margin-top:0;

}

.s-button-btn,.s-price-range-number-input {


color: #fff;

border-color: #01cfff;


}


.s-products-slider-card.swiper-slide {

width: 55%;


}


.s-button-element:not(:disabled):not([loading]) {

pointer-events: auto;

background-color: #01cfff;

}




/*footer*/

.store-footer__inner,

.store-footer {

color:#fff;

background-color:#0B153E !important;

}


.footer-is-light .store-footer .store-footer__inner{

border-bottom-color: #0B153E;


}


footer *{

text-align: center;

margin-right: auto;

margin-left: auto;

}

body {

--tw-bg-opacity: 1;

background-color: rgb(255 255 255);

}


/*hide what's app button*/

.whatsapp-container {

display: none !important;

}