/* SECTION */

.home_categories{

position:relative;

}

/* TOP */

.top_navigation{

background:#5d2d91;

}

.top_navigation_container{

position:relative;

}

.mobile-menu-overlay {

position:fixed;

inset:0;

background:rgba(0,0,0,.8);

opacity:0;

visibility:hidden;

pointer-events:none;

transition:opacity .25s ease, visibility .25s ease;

z-index:9990;

}

.mobile-menu-drawer {

position:fixed;

top:0;

left:0;

width:80vw;

height:100vh;

background:#fff;

transform:translateX(-100%);

transition:transform .28s ease;

z-index:9991;

display:flex;

flex-direction:column;

box-shadow:0 18px 45px rgba(0,0,0,.18);

overflow:hidden;

}

.mobile-menu-is-open {

overflow:hidden;

}

.mobile-menu-is-open .mobile-menu-overlay {

opacity:1;

visibility:visible;

pointer-events:auto;

}

.mobile-menu-is-open .mobile-menu-drawer {

transform:translateX(0);

}

.mobile-menu-head {

height:64px;

padding:0 15px;

display:flex;

align-items:center;

justify-content:space-between;

border-bottom:1px solid var(--c-lightgray);

flex-shrink:0;

}

.mobile-menu-logo img {

margin:0;

}

.mobile-menu-close {

width:42px;

height:42px;

border:0;

background:transparent;

position:relative;

padding:0;

flex:0 0 42px;

transition:transform .25s ease;

}

.mobile-menu-close span {

position:absolute;

top:20px;

left:9px;

width:24px;

height:2px;

background:#000;

transition:background .2s ease;

}

.mobile-menu-close span:first-child {

transform:rotate(45deg);

}

.mobile-menu-close span:last-child {

transform:rotate(-45deg);

}

.mobile-menu-close:hover span,

.mobile-menu-close:focus-visible span {

background:var(--c-main);

}

.mobile-menu-close:hover,

.mobile-menu-close:focus-visible {

transform:rotate(90deg) scale(1.08);

}

.mobile-menu-scroll {

flex:1;

overflow:auto;

padding:15px 18px 20px;

}

.mobile-menu-section {

margin-bottom:22px;

}

.mobile-menu-title {

font-weight:700;

font-size:13px;

text-transform:uppercase;

letter-spacing:0;

color:var(--c-sec);

margin-bottom:8px;

}

.mobile-menu-section-links {

background-color: var(--c-lightgray);

padding: 15px;

}

.mobile-menu-drawer .categories_content {

display:block;

flex:unset;

opacity:1 !important;

visibility:visible !important;

pointer-events:auto !important;

position:static;

width:100%;

background:transparent;

box-shadow:none;

}

.mobile-menu-drawer li.category_group {

position:static;

display:block;

height:auto;

min-height:0;

padding:0;

border:0;

}

.mobile-menu-drawer li.category_group:before {

display:none;

}

.mobile-menu-drawer a.category_parent,

.mobile-menu-drawer li.category_group > p {

/*min-height:42px;

padding:11px 0;*/

display:flex;

align-items:center;

justify-content:space-between;

color:#000;

font-size:14px;

text-transform:none;

border-bottom:0 solid var(--c-lightgray);

}

.mobile-menu-drawer a.category_parent:hover,

.mobile-menu-drawer .category_parent_left:hover {

border: 0;

}

.mobile-menu-drawer .category_parent_left {

gap:10px;

justify-content:flex-start;

}

.mobile-menu-drawer .category_parent_left:before {

display:inline-block;

width:25px;

height:25px;

flex:0 0 25px;

line-height:0;

}

.mobile-menu-drawer .li_prod01 > a.category_parent .category_parent_left:before {content:url('../images/icons/icon-funerare.webp');}
.mobile-menu-drawer .li_prod02 > a.category_parent .category_parent_left:before {content:url('../images/icons/icon-gratare.webp');}
.mobile-menu-drawer .li_prod03 > a.category_parent .category_parent_left:before {content:url('../images/icons/icon-office.webp');}
.mobile-menu-drawer .li_prod04 > a.category_parent .category_parent_left:before {content:url('../images/icons/icon-rezidential.webp');}
.mobile-menu-drawer .li_prod05 > a.category_parent .category_parent_left:before {content:url('../images/icons/icon-homegard.webp');}
.mobile-menu-drawer .li_prod06 > a.category_parent .category_parent_left:before {content:url('../images/icons/icon-cort.webp');}
.mobile-menu-drawer .li_prod07 > a.category_parent .category_parent_left:before {content:url('../images/icons/icon-psi-ssm.webp');}


.mobile-menu-drawer .category_parent_left p {
flex:1;
}
.mobile-menu-drawer .category_arrow {
transform:none !important;
}
.mobile-menu-drawer .mobile-has-children > a.category_parent,
.mobile-menu-drawer .mobile-has-children > p {
cursor:pointer;
}

.mobile-menu-drawer .category_children {

position:absolute;

top:64px;

right:0;

bottom:0;

left:0;

display:none !important;

width:100%;

padding:18px;

opacity:0;

visibility:hidden;

pointer-events:none;

transform:translateX(100%);

transition:transform .28s ease, opacity .2s ease, visibility .2s ease;

overflow:auto;

box-shadow:none;

background:#fff;

z-index:2;

}

.mobile-menu-drawer .category_children.is-active {

display:block !important;

opacity:1;

visibility:visible;

pointer-events:auto;

transform:translateX(0);

animation:mobilePanelSlideIn .28s ease both;

}

.mobile-menu-drawer li.category_group:hover > .category_children:not(.is-active) {

display:none !important;

opacity:0;

visibility:hidden;

pointer-events:none;

transform:translateX(100%);

}

.mobile-menu-drawer li.category_group:hover > .category_children.is-active {

display:block !important;

opacity:1;

visibility:visible;

pointer-events:auto;

transform:translateX(0);

}

@keyframes mobilePanelSlideIn {

    from {

        opacity:0;

        transform:translateX(100%);

    }

    to {

        opacity:1;

        transform:translateX(0);

    }

}

.mobile-menu-drawer .category_children a {

height:auto;

padding:7px 0;

font-size:13px;

border-bottom:0 solid var(--c-lightgray);

}

.mobile-category-panel-head {

display:block !important;

/*padding:0 0 12px !important;

margin-bottom:5px;

border-bottom:1px solid var(--c-lightgray);*/

}

.mobile-category-back {

display:inline-flex;

align-items:center;

gap:7px;

border:0;

background:transparent;

padding:0 0 10px;

color:#aaa;

font-size:13px;

}

.mobile-category-back:hover {color:#000;}

.mobile-category-panel-title {

font-size:18px;

line-height:1.25;

margin-bottom:6px;

color:#000;

}

.mobile-category-all-link {

display:inline-flex !important;

width:auto !important;

min-height:0 !important;

padding:5px 0 !important;

font-size:13px !important;

color:var(--c-main) !important;

border-bottom:0 !important;

}

.mobile-menu-drawer .menu-open,

.mobile-menu-drawer .menu-close,

.mobile-menu-drawer .logolnk {

display:none !important;

}

.mobile-menu-drawer .ozmenu,

.mobile-menu-drawer .ozmenu-nav {

display:block !important;

position:static !important;

width:100% !important;

height:auto !important;

padding:0 !important;

margin:0 !important;

overflow:visible !important;

background:transparent !important;

}

.mobile-menu-drawer .ozmenu ul.ozmenu-nav > li {

float:none;

width:100%;

margin:0;

}





li.offerlnk:before {

content: "\f295";

font-family: "Font Awesome 6 Free";

color:var(--c-main);

border:1px solid var(--c-main);

padding:3px;

}



@media (max-width: 1199px) {

    li.offerlnk a {

    display: flex;

    justify-content: start;

    color: #000 !important;

    }

    li.offerlnk::before {display: none;}

    li.offerlnk a::after {

    content: "\f295";

    font-family: "Font Awesome 6 Free";

    color: var(--c-main);

    border: 1px solid var(--c-main);

    padding: 5px;

/*    margin-right: 7px;*/

    }

    li.offerlnk a:hover:after {

    color: var(--c-sec);

    border: 1px solid var(--c-sec);

    }    

}



.mobile-menu-drawer .ozmenu ul.ozmenu-nav > li > a,

.mobile-menu-drawer .ozmenu ul.ozmenu-nav > li > span {

float:none;

width:100%;

display:flex;

align-items:center;

justify-content:space-between;

padding:5px 0;

color:#000 !important;

border-bottom:0 solid var(--c-lightgray);

font-size:14px;

}

.mobile-menu-drawer .ozmenu ul.ozmenu-nav > li.active a {color:var(--c-sec) !important;}

.mobile-menu-drawer .ozmenu ul.ozmenu-nav > li > a:hover,

.mobile-menu-drawer .ozmenu ul.ozmenu-nav > li > span:hover {

/*padding-left:8px;*/

color:var(--c-sec) !important;

}

.mobile-menu-drawer .ozmenu ul.ozmenu-nav > li.active > a { color:var(--c-sec); }

.mobile-menu-drawer .ozmenu ul li .dropdown {

display:none !important;

position:static !important;

width:100% !important;

min-width:0 !important;

padding:0 0 0 14px !important;

margin:0 !important;

box-shadow:none !important;

background:transparent !important;

animation:none !important;

transform:none !important;

}

.mobile-menu-drawer .ozmenu ul li .dropdown ul li a {color: var(--c-sec) !important;}

.mobile-menu-drawer .ozmenu ul li .dropdown ul li a:hover {color: var(--c-main) !important;}

.mobile-menu-drawer .ozmenu ul li .nav-dropdown.opened + .dropdown {

display:block !important;

}

.mobile-menu-drawer .ozmenu ul li.dropdownitem > .nav-dropdown.opened + .dropdown,

.mobile-menu-drawer .ozmenu ul li.dropdownitem > a.opened + .dropdown {

display:block !important;

position:static !important;

}

.mobile-menu-drawer .ozmenu ul li.mega_menu_dropdown,

.mobile-menu-drawer .ozmenu ul li.mega_menu_dropdown .dropdown,

.mobile-menu-drawer .ozmenu ul li.mega_menu_dropdown .dropdown ul.ul_mega {

position:static !important;

width:100% !important;

background:transparent !important;

}

.mobile-menu-drawer .ozmenu .dropdown ul {

background:transparent !important;

padding:0 !important;

float:none !important;

margin:0 !important;

width:100% !important;

pointer-events:auto !important;

}

.mobile-menu-drawer .ozmenu .dropdown ul li {

float:none !important;

width:100% !important;

pointer-events:auto !important;

}

.mobile-menu-drawer .ozmenu .dropdown ul li a,

.mobile-menu-drawer .ozmenu .dropdown ul li span {

display:block !important;

float:none !important;

width:100% !important;

height:auto !important;

position:relative !important;

z-index:1;

padding:9px 0 !important;

font-size:13px;

color:#000;

border-bottom:1px solid var(--c-lightgray);

pointer-events:auto !important;

}

.mobile-menu-phone a {

display:flex;

align-items:center;

gap:9px;

color:#000;

font-weight:700;

padding:12px 0;

}

/*TOGGLE*/

.mobile-menu-toggle {

display:none;

width:42px;

height:42px;

padding:0;

border:0;

background:transparent;

align-items:center;

justify-content:center;

flex-direction:column;

gap:6px;

flex:0 0 42px;

transition:transform .25s ease;

}

.mobile-menu-toggle span {

display:block;

width:25px;

height:0;

border-bottom:2px solid transparent;

border-image:linear-gradient(45deg, rgba(255,83,31,1) 0%, rgba(94,26,243,1) 100%);

border-image-slice:1;

background:transparent;

transition:transform .25s ease, opacity .2s ease;

}

.mobile-menu-is-open .mobile-menu-toggle:hover,

.mobile-menu-is-open .mobile-menu-toggle:focus-visible {

transform:rotate(90deg) scale(1.04);

}

.mobile-menu-is-open .mobile-menu-toggle span:nth-child(1) {

transform:translateY(9px) rotate(45deg);

}

.mobile-menu-is-open .mobile-menu-toggle span:nth-child(2) {

opacity:0;

}

.mobile-menu-is-open .mobile-menu-toggle span:nth-child(3) {

transform:translateY(-9px) rotate(-45deg);

}

@media (max-width: 1199px) {

    .shop_header {

    gap:8px;

    }

    .mobile-menu-toggle {

    display:flex;

    }

    .logo_lnk img.the_logo {

    margin-left:0;

    }

}



/* SIDEBAR */

.top_navigation_container {

display: flex;

}

.categories_sidebar{

/*width:220px;*/  /* cand era folosit meniul categorii deschis in homepage */

/*position:absolute;*/ /* cand era folosit meniul categorii deschis in homepage */

/*top:0;*/

/*z-index:50;*/

/* min-height:495px; */ /*450 hero + 45 btn Produse*/

/*flex-direction:column;*/ /* cand era folosit meniul categorii deschis in homepage */

/*box-shadow:0 10px 30px rgba(0,0,0,.08);*/

/*height:100%;*/

width: auto;

display:flex;

margin-right: 9px;

}

/* TITLE */

.categories_title {

background:#fff;

margin-top: 3px;

/*height:45px;*/

height:42px;

display:flex;

align-items:center;

gap:12px;

padding:0 20px;

font-weight:700;

flex-shrink:0;

cursor: pointer;

border-radius: 9px 9px 0 0;

border-bottom:1px dashed var(--c-sec);

}

.menu_icon{

font-size:20px;

}

/* CONTENT */

ul.categories_content{

flex:1;

background:#fff;

display:flex;

flex-direction:column;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}

/* GROUP */

/*LI*/

li.category_group{

position:relative;

height:40px;

padding: 0 9px;

display:flex;

align-items:center;

border-top:0px solid var(--c-lightgray);

border-bottom:0px solid var(--c-lightgray);

transform .2s ease;

}

li.category_group:hover{

border-top:1px solid var(--c-lightgray);

border-bottom:1px solid var(--c-lightgray);

}

@media (max-width: 1199px) {

    li.category_group{

    -webkit-transition: all 0.2s linear;

    -webkit-transition-property: all;

    -webkit-transition-duration: 0.2s;

    transition-duration: 0.2s;

    -webkit-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-delay: initial;

    transition-delay: initial;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

    transition-property: all;        

    }

    li.category_group:hover{

    border-top:0 solid var(--c-lightgray);

    border-bottom:0 solid var(--c-lightgray);

    padding-left: 5px;

    }

}

/* PARENT */

a.category_parent{

height:100%;

width:100%;

display:flex;

color: #000;

align-items:center;

justify-content:space-between;

padding:0 0 0 9px;

font-size:13px;

text-transform:uppercase;

transition:.2s;

}

/* LEFT SIDE */

.category_parent_left{

display:flex;

align-items:center;

width: 100%;

justify-content: space-between;

}

/* ARROW */

.category_arrow{

font-size:30px;

line-height: 30px;

color:var(--c-sec);

transition:.2s;

margin-left: 5px;

}

/* HOVER */

a.category_parent:hover{

/*background:#f8f8f8;*/

color:var(--c-sec);

}

li.category_group:hover .category_arrow{

transform:translateX(3px);

color:#5d2d91;

}

/* SUBMENU */

ul.category_children {

position:absolute;

top:0;

left:100%;

width:235px;

background:#fff;

padding:0;

opacity:0;

visibility:hidden;

transform:translateX(10px);

transition:

opacity .2s ease,

transform .2s ease;

box-shadow:0 10px 30px rgba(0,0,0,.10);

display:flex;

flex-direction:column;

}



/* SHOW */

li.category_group:hover ul.category_children{

opacity:1;

visibility:visible;

transform:translateX(0);

}



ul.category_children li.category_group {

padding: 0;

}

ul.category_children a{

height:36px;

display:flex;

align-items:center;

padding:0 18px;

color:#000;

text-transform: none;

font-size:14px;

transition:.2s;

}

ul.category_children a:hover{

/*background:#f8f8f8;*/

color:var(--c-sec);

padding-left:7px;

}

/* MOV MENU */

.secnav_wrap{

height:45px;

align-items:center;

justify-content: space-between;

width: 100%;

/*padding-left:255px;*/ /* cand era folosit meniul categorii deschis in homepage */

}

ul.secondary_navigation{

display:flex;

align-items:center;

gap:20px;

}

ul.secondary_navigation li a{

color:#fff;

}

ul.secondary_navigation li a.active,

ul.secondary_navigation li a:hover{

color:var(--c-main);

}

li.category_group:before {

width: 25px;

height: 25px;

}

.li_prod01:before {content: url('../images/icons/icon-funerare.webp');}
.li_prod02:before{content: url('../images/icons/icon-gratare.webp');}
.li_prod03:before{content: url('../images/icons/icon-office.webp');}
.li_prod04:before{content: url('../images/icons/icon-rezidential.webp');}
.li_prod05:before{content: url('../images/icons/icon-homegard.webp');}
.li_prod06:before{content: url('../images/icons/icon-cort.webp');}
.li_prod07:before{content: url('../images/icons/icon-psi-ssm.webp');}


/* ******** HERO WRAPPER ************  */

.hero_layout{

display:flex;

position:relative;

min-height:450px;

}

@media (max-width: 1199px) {

    .hero_layout{min-height:45px;}

}





/* BACKGROUND LEFT */

.hero_layout::before{

content:"";

position:absolute;

top:0;

left:0;

width:220px;

height:100%;

background:#fff;

z-index:1;

}

@media (max-width: 1199px) {

    .top_navigation {

    display:none;

    }

    .home_categories .hero_layout.container {

    width:100%;

    max-width:100%;

    padding-left:0;

    padding-right:0;

    }

    .hero_layout::before,

    .sidebar_placeholder {

    display: none;

    }



}

@media (max-width: 576px) {

    .mobile-menu-drawer {

    width:100vw;

    }

}

/* PLACEHOLDER */

.sidebar_placeholder{

width:220px;

flex-shrink:0;

position:relative;

z-index:2;

}

@media (max-width: 1400px) {

    .sidebar_placeholder {

      width:205px;

    }

}

.sw_banner {

position: relative;

width: 100%;

overflow: hidden;

}

.swipeslider {

width: 100%;

height:450px;

overflow: hidden;

background: #fff;

}

.swiper-slide {

position: relative;

overflow: hidden;

}

.slide-image-wrap {

position: absolute;

inset: 0;

z-index: 1;

}

.slide-image {

width: 100%;

height: 100%;

object-fit: cover;

transition:

    transform 7s ease,

    filter 1s ease;

transform: scale(1);

will-change: transform;

}

.slide-overlay {

position: absolute;

inset: 0;

z-index: 2;

}

.slide-content {

position: absolute;

inset: 0;

z-index: 10;

display: flex;

flex-direction: column;

width: 100%;

height: auto;

}

/*.slide-content .cont-wrapp {

width: 100%;

height: auto;

}*/

.slide-title {

font-size:37px;

font-weight:700;

line-height: 1.05;

margin-bottom:3px;

color: #fff;

max-width:80%;

text-shadow:0 4px 24px rgba(0,0,0,.35);

animation:fadeUp .9s ease;

}

.slide-subtitle {

color: #fff;

font-size:25px;

line-height: 1.7;

max-width: 80%;

font-weight: 700;

animation:fadeUp 1.2s ease;

}

.prefix_txt {

display: inline-flex;

width: auto;

border: 1px solid #fff;

padding: 0 9px;

color: #fff;

font-size: 25px;

margin-bottom: 20px;

animation:fadeDown 1.2s ease;

}

.cstm_image {

position: absolute;

z-index: 10;

animation:fadeDown 1.2s ease;

}



.horiz-left{

align-items:flex-start;

text-align:left;

}

.horiz-center{

align-items:center;

text-align:center;

}

.horiz-right{

align-items:flex-end;

text-align:right;

}

.vert-top{

justify-content:flex-start;

}

.vert-center{

justify-content:center;

}

.vert-bottom{

justify-content:flex-end;

}

.slide-button {

display:  inline-flex;

width: auto;

font-size: 15px;

/*align-items: center;

justify-content: center;*/

/*height: 52px;*/

padding:9px 25px;

margin-top: 25px;

background: var(--c-main);

color: #fff;

transition:

    transform .25s ease,

    background .25s ease;

animation:

    fadeUp 1.4s ease;

}

.slide-button:hover {

transform: translateY(-2px);

color: #000;

}

.swiper-pagination {

text-align: right !important;

padding-right: 25px;

}

.swiper-pagination-bullet {

background: var(--swiper-pagination-bullet-inactive-color,#fff) !important;

opacity: var(--swiper-pagination-bullet-inactive-opacity,.4) !important;

/*height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));

width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));*/

}

.swiper-pagination-bullet-active {

opacity: 1 !important;

background: var(--c-main) !important;

}

.swiper-button-prev,

.swiper-button-next {

width:40px;

height:40px;

padding:5px;

/*border-radius: 50%;

background: rgba(255,255,255,.14);

backdrop-filter: blur(8px);*/

color: var(--c-main);

opacity: 0.5;

/*outline: 1px pink solid;*/

}

.swiper-button-prev:hover,

.swiper-button-next:hover {

opacity: 1.0;

}

/*.swiper-button-prev::after,

.swiper-button-next::after {

font-size:9px;

}*/

.swiper-button-prev {margin-left:10px !important;}

.swiper-button-next {margin-right:10px !important;}

/*SPECIAL*/

/*

|--------------------------------------------------------------------------

| SHUTTER BACKGROUND

|--------------------------------------------------------------------------

*/

.slide-bg {

    position: absolute;

    inset: 0;

    overflow: hidden;

    z-index: 1;

}

.slide-bg-image {

    position: absolute;

    inset: -5%;

    background-size: cover;

    background-position: center;

    transform: scale(1);

    transition:

        transform 2.5s ease,

        clip-path 1.8s ease;

    will-change:

        transform,

        clip-path;



    clip-path:

        inset(0 0 0 0);

}

/*

|--------------------------------------------------------------------------

| ACTIVE SLIDE

|--------------------------------------------------------------------------

*/

.swiper-slide-active .slide-bg-image {

    transform: scale(1.08);

    clip-path:

        inset(0 0 0 0);

}

/*

|--------------------------------------------------------------------------

| PREV/NEXT SLIDES

|--------------------------------------------------------------------------

*/

.swiper-slide-prev .slide-bg-image {

    clip-path:

        inset(0 100% 0 0);

}

.swiper-slide-next .slide-bg-image {

    clip-path:

        inset(0 0 0 100%);

}





@keyframes fadeUp {

    from {

        opacity: 0;

        transform: translateY(30px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}

@keyframes fadeDown {

    from {

        opacity: 0;

        transform: translateY(-30px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}





/* HOMEPAGE */

.sidebar_open{

min-height:495px;

}

.sidebar_open .categories_content{

opacity:1;

visibility:visible;

pointer-events:auto;

}

@media (max-width: 1199px) {

    .sidebar_open .categories_content{

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    }

    .sidebar_open:hover .categories_content{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

    }

    .sidebar_open ul.categories_content {

    flex: unset;

    }  



}

/* INTERIOR */

.sidebar_closed{

min-height:45px;

}

.sidebar_closed .categories_content{

/*width:100%;*/  /* cand era folosit meniul categorii deschis in homepage */

width: auto;

opacity:0;

visibility:hidden;

pointer-events:none;

position:absolute;

top:45px;

left:0;

background:#fff;

transition:.2s ease;

z-index: 99;

}

/* HOVER */

.sidebar_closed:hover .categories_content{

opacity:1;

visibility:visible;

pointer-events:auto;

}



@media(max-width:991px){

    .swipeslider {

        height: 360px;

    }

    .slide-content {

        width: 80%;

    }

    .slide-title {

        font-size: 34px;

    }

}



@media(max-width:767px){

    .swipeslider {

        height: 260px;

    }

    .slide-content {

        width: 100%;

        padding: 24px !important;

    }

    .slide-title {

        font-size: 26px;

        margin-bottom: 12px;

    }

    .slide-subtitle {

        font-size: 14px;

        line-height: 1.5;

        margin-bottom: 18px;

    }

    .slide-button {

        height: 42px;

        line-height: 42px;

        padding: 0 22px;

        font-size: 14px;

    }



}

@media (max-width: 576px) {

    .slide-content {

    padding:15px !important;

    }

    .swiper-button-prev {

      margin-left: -5px !important;

    }

    .swiper-button-next {

    margin-right: -5px !important;

    }



}