/* START OF CSS STYLE CODE BY NUSSUQ.COM */

/* ====== HEADER ====== */
.main-nav-container {background:#242424}
.main-nav-container i, .s-cart-summary-total {color:#fff}
.main-menu li.root-level>a {color:#fff}

/* ====== CATEGORIES ====== */
@media screen and (max-width:991px){
.s-block.s-block--categories.merge-with-top-component .swiper.s-slider-container.swiper-initialized {padding-left:5px;padding-right:5px}
.s-block.s-block--categories.merge-with-top-component .swiper.s-slider-container.swiper-initialized .swiper-wrapper.s-slider-swiper-wrapper {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px 5px;}
.s-block.s-block--categories.merge-with-top-component salla-slider .slide--one-sixth {width:100% !important}

/* ====== LOGOS ====== */
.s-block.s-block--banners.container .grid {grid-template-columns: repeat(3,1fr);}
.s-block.s-block--banners.container .grid .two-row .banner-entry:first-child {padding:0}
.s-block.s-block--banners.container .grid .banner-entry {height:6rem}
.s-block.s-block--banners.container .grid .banner-entry .lazy__bg {background-size: contain;background-repeat: no-repeat;background-color: #fff;}
}
@media screen and (min-width:992px){
.s-block.s-block--categories.merge-with-top-component .swiper.s-slider-container.swiper-initialized .swiper-wrapper.s-slider-swiper-wrapper {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px 5px;}
.s-block.s-block--categories.merge-with-top-component salla-slider .slide--one-sixth {width:100% !important}

/* ====== LOGOS ====== */
.s-block.s-block--banners.container .grid {grid-template-columns: repeat(6,1fr);}
.s-block.s-block--banners.container .grid .two-row .banner-entry:first-child {padding:0}
.s-block.s-block--banners.container .grid .banner-entry {height:6rem}
.s-block.s-block--banners.container .grid .banner-entry .lazy__bg {background-size: contain;background-repeat: no-repeat;background-color: #fff;}
}
@media (min-width: 640px){
.two-row .banner-entry:first-child {grid-column: unset;grid-row: unset;}
}
.two-row .banner-entry:first-child.with-hover:after {display:none}

/* ====== PLANS ====== */
salla-products-list[source-value="1136426214"] {display:none}
.plans {width:100%}
.plans .plans-container {display:flex;flex-direction:row;text-align:center;gap:1rem;}
.plans .s-block__title {justify-content:center;}
.plans .right-side {padding-left:0 !important}
.plans .plans-container .plan {background-color:#fff;border-radius:0;width:30%;margin:auto}
.plans .plans-container .plan:hover {background-color: #242424;}
.plan h3 {font-size: 22px;line-height: 1.4;font-weight: 700;margin-top: 3rem;margin-bottom: 10px;}
.plan p {color:#242424;margin-bottom:1rem}
.plan .plan-price {padding: 25px;margin-left: 15%;border-radius: 0;margin: 1rem 0 0 8%;}
.plan h1 {font-size:40px;font-weight:bolder;}
.plan h1 span {vertical-align: super;font-size:13px;font-weight:200}
.plan ul {text-align: right;width:80%;margin: 50px auto;}
.plan ul li {line-height:2.5}
.plan a {width:85%;border-radius:0 !important;margin:0 auto 2rem;border-color:#242424 !important}
.plan a:hover {color:#242424}
.plan .plan-price {background-color: #edbd4e;}
.plan h1 {color:#242424}
.plan:hover {background-color:#fff;background-image: none;}
.plan:hover .plan-price {background-color:#fff !important;background-image: none;}
.plan:hover h1 {color:#242424}
.plan:hover h3, .plan:hover p, .plan:hover ul li {color:#fff}
.plan:hover a {background:#fff}

@media screen and (max-width:992px){
.plans .plans-container {flex-direction:column}
.plans .plans-container .plan {width:100%;}
}