html,
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
    --main-light-color-reddark:#FB0050;
    --main-light-color-reddarkopacity:#752732;
    --main-light-color-orangedark:#FA660B;
    --main-light-color-orangedarkopacity:#754120;
    --main-light-color-orangelight:#FFD011;
    --main-light-color-orangesoft:#FE9C21;
    --main-light-color-orangemed:#F89D3E;
    --main-light-color-orangemedopacity:#744F2D;   
    --main-light-color-orangeloly:#FEB50F;
    --main-light-color-orangetitle:#FFCD00; 
    --main-light-color-orangefooter:#F8A247;  
    --main-light-color-white:white;
    --main-light-color-black:black;
    --main-light-color-bluemed:#0044FF;
    --main-light-color-greenmed:#1FB26B;
    --main-light-color-graylight: #ECECEC;
    --main-light-color-graymed:#A4A4A4;
    --main-light-color-darkcolor:#483528;
    --main-light-color-usercircle:#B78EFF;
    --main-light-color-darkproduct:#261809;
    --main-light-color-bordercolor:#707070;
    --main-light-color-basket-bgcolor:#F8F8F8;
    --main-light-color-product-piece:#1FB26B;
    --main-light-color-orangecut1:#FE9C20;
    --main-light-color-orangecut2:#FEB50E;
    --main-light-color-orangecut3:#FDC31B;
    --main-light-color-orangecut4:#FEB50F;
    --main-light-color-orangecut5:#FDC31C;
    --main-light-color-orangecut6:#FFD011;
    --main-light-color-closed:#BEBEBE;

}
#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
    cursor: pointer;
  }
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 6%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.5);
    transition: all .4s ease-in-out;
  }
  
  /* Modal Content */
  .modal-content {
    background-color: white;
    margin: auto;
    padding: 45px 5px;
    width: 97%;
    max-width: max-content;
    position: relative;
  }
  .hamburger-modal-content {
    background-color: #654E3E;
    padding: 45px 5px;
    width: 100%;
    max-width: max-content;
    position: relative;
    height: 100%;
  }
  .hamburger-modal-content.right {
    margin-left: auto;
  }
  .hamburger-modal-content .close {
    position: absolute;
    top: 15px;
    right: 20px;
    max-width: 100%;
    cursor: pointer;
    z-index: 2;
  }
  .hamburger-modal-container{
    display: flex;
    flex-direction: column;
    gap: 20px;
    row-gap: 20px;
    width: 400px;
    max-width: 100%;
    padding: 0px 10px;
    position: relative;
 }
 .hamburger-modal-container .user-info-col{
    display: flex;
    flex-direction: column;
    width: max-content;
    min-height: 42px;
    text-decoration:none;
 }
 .hamburger-modal-container .user-info-col .user-name{
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 16px;
    color:var(--main-light-color-orangelight);
 }
 .hamburger-modal-container .user-info-col .user-phone{
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 14px;
    color:var(--main-light-color-orangelight);
 }
 .hamburger-modal-container .card-flex{
    display: flex;
 }
 .hamburger-modal-container .card-flex .card-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 10px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 16px;
    width: 50%;
    height: 90px;
    cursor: pointer;
    text-decoration: none;
 }
 .hamburger-modal-container .card-flex .card-container.orderc{
    background: var(--main-light-color-orangelight);
 }
 .hamburger-modal-container .card-flex .card-container.campc{
    background: var(--main-light-color-orangesoft);
 }
 .hamburger-modal-container .category-title{
    font-family: 'Exo',sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    color:var(--main-light-color-orangelight);
    width: 100%;
    text-align: center;
 }
 .hamburger-modal-container .hamburger-cat{
    display: flex;
    gap: 20px;
    row-gap: 20px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    flex-wrap: wrap;
 }
 .hamburger-modal-container .hamburger-cat .cat-items{
    display: flex;
    align-items: center;
    gap: 20px;
    row-gap: 10px;
    padding: 5px 15px;
    background: var(--main-light-color-graylight);
    text-decoration: none;
    width: calc(50% - 10px);
    flex-grow: 0;
 }
 .hamburger-modal-container .hamburger-cat .cat-items img {
    border-radius: 50%;
    width: 33px;
}
.hamburger-modal-container .hamburger-cat .cat-items .title {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Exo', sans-serif;
    color: var(--main-light-color-reddark);
}

.selection-container{
    position:absolute;
    bottom:5px;
    right:5px;
    cursor:pointer;
}
.selection{
    position:relative;
    width:24px;
    height:24px;
}
.selection > .select-modal {
    z-index:9999;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background:white;
    transition: all .4s ease-in-out;
    position:absolute;
    top:90%;
    left:0;
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:10px;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
}
.selection:focus-within > .select-modal {
    opacity: 1;
    visibility: visible;
    transform: translateY(5px);
}
.selection > .select-modal > .sl-item {
    all:unset;
    cursor:pointer;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    font-family:'Exo',sans-serif;
    font-size:12px;
    font-weight:400;
    color:black;
}
  
  /* The Close Button */
  .modal-content .close {
    position: absolute;
    top: -25px;
    left: -20px;
    max-width: 100%;
    cursor: pointer;
  }
.map-div-container {
    width: 100%;
    position: relative;
}

#map {
    position: relative;
    margin: auto;
    height: 400px;
    width: 100%;
}

.map-div-container .location-btn {
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 100%;
    background: red;
    z-index: 9999;
    color: white;
    margin: auto;
    font-family: 'Open Sans';
    font-size: 17px;
    font-weight: 400;
    cursor: pointer;
    margin:15px 0px;
}

.map-div-container .info {
    padding: 0px 15px;
    margin: auto;
    background: #FB0050;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
    font-family: 'Open Sans',serif;
    font-size: 16px;
    width:100%;
}

  
.body-bg{
    background: var(--main-light-color-graylight);
}

body {
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    z-index:-1;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--main-light-color-reddark) var(--main-light-color-graylight);
}
body::-webkit-scrollbar {
    width: 15px;
  }
body::-webkit-scrollbar-track {
background: var(--main-light-color-graylight);
}
body::-webkit-scrollbar-thumb {
    background-color: var(--main-light-color-reddark) ;
    border-radius: 6px;
    border: 3px solid var(--main-light-color-graylight);
  }


  input:-webkit-autofill,
  input:-webkit-autofill:focus {
      transition: background-color 600000s 0s, color 600000s 0s;
  }
  input[data-autocompleted] {
      background-color: transparent !important;
  }
.row{
    max-width: 100%;
}
.rowing{
	margin-right:0;
	margin-left:0;
}
.pdlr-15{
padding-left: 15px;
padding-right: 15px;
}
.top-header{
height: auto;
width:auto;
max-width: 100%;
background: white;
min-height:55px;
position: relative;
overflow: hidden;
}
.top-header .top-header-content{
margin: auto;
height: 100%;
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
gap: 25px;
row-gap: 15px;
align-items: center;
justify-content: center;
min-height: 55px;
}
.top-header .top-header-content .title{
    font-family: 'Exo', sans-serif;
    font-size: 26px;
    font-weight: 200;
    color: var(--main-light-color-reddark);
}
.top-header .top-header-content .safari{
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: var(--main-light-color-reddark);
    padding: 3px 25px;
    background: url(img/safari.svg) no-repeat;
    text-decoration: none;
    cursor: pointer;
}

.sub-header{
height: auto;
width:auto;
max-width: 100%;
position: relative;
}
.sub-header .sub-header-content{
margin: auto;
height: 100%;
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
}
.sub-header .sub-header-content .select-container{
    display: flex;
    flex-grow: 0.6;
    background-repeat: no-repeat;
    background-image:url(img/selectable-bg.svg);
}
.sub-header .sub-header-content .select-container .select-items-1{
    padding: 3px 15px;
    color: var(--main-light-color-darkcolor);
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    /*background: var(--main-light-color-orangelight);*/
    position: relative;
    z-index: 3;
    text-decoration: none;
    border: none;
    outline: none;
}

.sub-header .sub-header-content .select-container .select-items-2{
    padding: 3px 15px;
    color: var(--main-light-color-darkcolor);
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    /*background: var(--main-light-color-orangeloly);*/
    position: relative;
    z-index: 2;
    text-decoration: none;
    border: none;
    outline: none;
}


.sub-header .sub-header-content .select-container .select-items-3{
    padding: 3px 35px;
    color: var(--main-light-color-darkcolor);
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    /*background: var(--main-light-color-orangesoft);*/
    position: relative;
    z-index: 1;
    text-decoration: none;
    border: none;
    outline: none;
}


.header{
height: auto;
width:auto;
max-width: 100%;
background: var(--main-light-color-darkcolor);
min-height: 96px;
position: relative;
}
.header .header-content{
margin: auto;
height: 100%;
z-index: 1;
display: flex;
gap: 25px;
row-gap: 15px;
align-items: center;
min-height: 96px;
}
.header .header-content .logo-href{
    text-decoration: none;
    cursor: pointer;
    flex-grow: 1;
}
.header .header-content .logo{
    max-width: 100%;
    z-index: 1;
}

.header .header-content .campaign{
    background-image:url(img/campaign-bg.svg);
    color: var(--main-light-color-orangelight);
    padding: 8px 20px;
    font-family: 'Exo', sans-serif;
    text-decoration: none;
    position: relative;
    font-size: 16px;
    flex-grow: 0.3;
    font-weight: 500;
    font-style: italic;
    background-repeat: no-repeat;
}

.header .header-content .profile-container{
    display: flex;
    align-items: center;
    gap: 10px;
    row-gap: 5px; 
    text-decoration: none;  
    cursor:pointer;
}
.header .header-content .profile-container .user-circle{
    border-radius: 50%;
    width: 37px;
    height: 37px;
    background: var(--main-light-color-reddark);
    /*border: 1px solid var(--main-light-color-usercircle);*/
}
.header .header-content .profile-container .profile-text{
    color: var(--main-light-color-orangelight);
    font-size: 14px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    font-style: italic;
}
.header .header-content .basketh-container{
 display: flex;
}
.header .header-content .basketh-container a{
    text-decoration: none;
    position: relative;
}
.header .header-content .basketh-container a span{
    font-weight: bold;
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    position: absolute;
    top: 45%;
    left: 40%;
    color: var(--main-light-color-orangelight);
}

.header .left-side-color{
    position: absolute;
    z-index: 0;
    left: 0;
    height: 100%;
}
.header .left-side-color img{
    max-width: 100%;
}
.header .right-side-color{
    position: absolute;
    z-index: 0;
    right: 0;
    height: 100%;
}
.header .right-side-color img{
    max-width: 100%;
}
.header .header-content .menu-hamburger-btn{
    cursor: pointer;
    text-decoration: none;
    position: absolute;
    left: 20px;
    top: 30px;
}
.header .header-content .menu-hamburger-btn svg{
    max-width: 100%;
}

.header .left-side-cut{
    display: flex;
    position: absolute;
    z-index: 0;
    max-width: 374px;
    width: 100%;
    min-height: 96px;
    height: 100%;
    left: 0;
}
.header .left-side-cut .cuting-1{
    width: 100%;
    height: 100%;
    max-width: 84px;
    min-height: 96px;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    background: var(--main-light-color-reddarkopacity);
    position: relative;
    left: 0;
    z-index: 0;
}
.header .left-side-cut .cuting-2{
    width: 100%;
    height: 100%;
    max-width: 168px;
    min-height: 96px;
    clip-path: polygon(42% 0, 100% 0%, 53% 100%, 0 100%);
    background: var(--main-light-color-orangedarkopacity);
    position: relative;
    left: -84px;
    z-index: 0;
    
}
.header .left-side-cut .cuting-3{
    width: 100%;
    height: 100%;
    max-width: 168px;
    min-height: 96px;
    clip-path: polygon(42% 0, 100% 0%, 53% 100%, 0 100%);
    background: var(--main-light-color-orangemedopacity);
    position: relative;
    left: -154px;
    z-index: 0;
}
.header .right-side-cut{
    display: flex;
    position: absolute;
    z-index: 0;
    max-width: 374px;
    width: 100%;
    min-height: 96px;
    height: 100%;
    top: 0;
    right: 0;
}
.header .right-side-cut .cuting-1{
    width: 100%;
    height: 100%;
    max-width: 168px;
    min-height: 96px;
    clip-path: polygon(42% 0, 100% 0%, 53% 100%, 0 100%);
    background: var(--main-light-color-orangedarkopacity);
    position: relative;
    left: 0;
    z-index: 0;
    margin-left: 116px;
    margin-right: -79px;
}
.header .right-side-cut .cuting-2{
    width: 100%;
    height: 100%;
    max-width: 168px;
    min-height: 96px;
    clip-path: polygon(42% 0, 100% 0%, 53% 100%, 0 100%);
    background: var(--main-light-color-orangemedopacity);
    position: relative;
    left: 0;
    z-index: 0;
    margin-right: -84px;
}
.header .right-side-cut .cuting-3{
    width: 100%;
    height: 100%;
    max-width: 84px;
    min-height: 96px;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    background: var(--main-light-color-darkcolor);
    position: relative;
    left: 0;
    z-index: 0;
    transform: rotate(180deg);
}

 .slider-container{
height: auto;
width:auto;
max-width: 100%;
position: relative;
margin-top: 100px;
}
 .slider-container .slider{
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: flex;
    gap: 50px;
    row-gap: 20px;
    position: relative;
}
 .slider-container .slider .left-side{
    display: flex;
    flex-direction: column;
    justify-content: left;
    justify-items: center;
    gap: 15px;
    flex-grow: 1;
}
 .slider-container .slider .left-side .title{
    font-family: 'Exo', sans-serif;
    font-size: 40px;
    font-weight: 300;
    max-width: 670px;
    font-weight: 300;
}
 .slider-container .slider .left-side .search-container{
    margin-top: 40px;
    max-width: 784px;
    background: var(--main-light-color-darkcolor);
    clip-path: polygon(0 0, 96% 0, 100% 100%, 0 100%);
    display: flex;
    justify-items: center;
    height: 70px;
    padding: 10px 15px;
    padding-left: 15px;
    position:relative;
}
.slider-container .slider .left-side .search-container list{
    position:absolute;
    top:100%;
    z-index:99;
    width:100%;
    background:white;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.slider-container .slider .left-side .search-container list item{
    width:100%;
    padding:10px;
    color:var(--main-light-color-darkcolor);
    font-size:13px;
    font-weight:400;
    font-family:'Open Sans',serif;
    background:gray;
}
.slider-container .slider .left-side .search-container img{
    width: 33px;
}
.slider-container .slider .left-side .location-info{
    max-width: 460px;
    background: var(--main-light-color-orangelight);
    clip-path: polygon(0 0, 96% 0, 100% 100%, 0 100%);
    display: flex;
    align-items: center;
    height: 70px;
    padding: 10px 15px;
    gap: 10px;
    text-decoration: none;
}
.slider-container .slider .left-side .location-info span{
    color: black;
    font-family: 'Exo', sans-serif;
    font-size: 24px;
    font-weight: 300;
}
.slider-container .slider .left-side .location-info  img{
 width: 33px;
}

 .slider-container .slider .left-side .search-container input{
    height: 100%;
    width: 90%;
    border: none;
    outline: none;
    background: transparent;
    color: white;
    font-family: 'Exo', sans-serif;
    font-size: 22px;
    font-weight: 300;
    -moz-appearance:none;
}
.slider-container .slider .left-side .search-container input::-webkit-calendar-picker-indicator {
    display: none !important;
}
.slider-container .slider .left-side .search-container input::placeholder {
    color: white;
    opacity: 1; /* Firefox */
    font-family: 'Exo', sans-serif;
    font-weight: 300;
  }
  
  .slider-container .slider .left-side .search-container input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: white;
   font-family: 'Exo', sans-serif;
   font-weight: 300;
  }
  
  .slider-container .slider .left-side .search-container input::-ms-input-placeholder { /* Microsoft Edge */
   color: white;
   font-family: 'Exo', sans-serif;
   font-weight: 300;
  }
  .slider-container .slider .left-side .search-container input::-webkit-search-cancel-button {
    -webkit-appearance:none;
  }

 .slider-container .slider .right-side{
    max-width: 100%;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 18% 100%);
    flex-grow: 1;
}
 .slider-container .searchgroup{
     position:relative;
 }
 .slider-container .searchgroup:focus-within > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(5px);
}
.slider-container .searchgroup ul {
    position: absolute;
    top: 100%;
    z-index: 2;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background:white;
    transition: all .4s ease-in-out;
    padding: 10px 15px;
    list-style-type: none;
    flex-direction: column;
    justify-content: center;
    max-height:300px;
    overflow-y:scroll;
    width:90%;
    left:1px;
    opacity: 0;
    visibility: hidden;
}
.slider-container .searchgroup ul li {
    margin:10px 0;
    position:relative;
}
.slider-container .searchgroup ul li.resulttext span{
    text-decoration:none;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Exo', sans-serif;
}
.slider-container .searchgroup ul li.resulttext{
    margin-bottom:20px;
}
.slider-container .searchgroup ul li a{
    text-decoration:none;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Exo', sans-serif;
    color:black;
    display:flex;
    gap:15px;
    align-items:center;
}
.slider-container .searchgroup ul li .GroupHeader
{
    font-size: 16px;
    font-weight: 500;
    font-family: 'Exo', sans-serif;
    color:var(--main-light-color-reddark);
    border-bottom:0.5px solid var(--main-light-color-orangesoft);
}
.category-container{
height: auto;
width:auto;
max-width: 100%;
position: relative;
margin-top: 100px;
}
.category-container .all-category{
    display: flex;
    gap: 20px;
    row-gap:20px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}
.category-container .cat-items{
    display: flex;
    align-items: center;
    gap: 20px;
    row-gap: 10px;
    padding:5px 15px;
    background:var(--main-light-color-graylight);
    text-decoration: none;
    flex-grow: 1;
}
.category-container .cat-items img{
    border-radius: 50%;
    width: 50px;
    height:50px;
}
.category-container .cat-items .title{
    font-size: 18px;
    font-weight: 300;
    font-family: 'Exo', sans-serif;
    color: var(--main-light-color-reddark);
    max-width: 65px;
}
.campains-container{
height: auto;
width:auto;
max-width: 100%;
position: relative;
margin-top: 220px;
background: var(--main-light-color-darkcolor);
}
.campains-container .all-campains{
    display: flex;
    gap: 40px;
    row-gap:40px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 50px;
}
.campains-container .all-campains .first-container{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.campains-container .all-campains .first-container .title-container{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.campains-container .all-campains .first-container .title-container .title{
color: var(--main-light-color-orangetitle);
font-size: 52px;
font-family: 'Exo', sans-serif;
font-weight: 600;
overflow-wrap: anywhere;
}
.campains-container .all-campains .first-container .title-container .subtitle{
color: var(--main-light-color-orangelight);
font-size: 30px;
font-family: 'Exo', sans-serif;
font-weight: 300;
font-style: italic;
}
.campains-container .all-campains .first-container .rightopimg{
    position: absolute;
    z-index: 3;
    max-width: 280px;
    top: -200px;
    right: 0;
    width: 100%;
}
.campains-container .all-campains .first-container .rightopimg.light{
display: none;
}
.campains-container .all-campains .two-container{
    display: flex;
    gap: 30px;
    row-gap: 30px;
}
.campains-container .all-campains .two-container .camp-items-1{
    display: flex;
    justify-items:end;
    background-image: url(img/camp-items-1.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 23.3%;
    gap: 20px;
    position: relative;
}
.campains-container .all-campains .two-container .camp-items-1 .tprighticon{
    position: absolute;
    top: 5px;
    right: 5px;
}
.campains-container .all-campains .two-container .camp-items-1 .left-container{
    height: 100%;
    border-right: 3px dotted var(--main-light-color-darkcolor);
    padding: 10px 20px;
    display: flex;
    align-items: end;
}
.campains-container .all-campains .two-container .camp-items-1 .left-container .icon{
    max-width: 100%;
}
.campains-container .all-campains .two-container .camp-items-1 .right-container{
    display: flex;
    flex-direction: column;
    padding: 10px 5px;
    flex-grow: 1;
    align-items: center;
}
.campains-container .all-campains .two-container .camp-items-1 .right-container .title{
color: var(--main-light-color-reddark);
font-size: 24px;
font-family: 'Exo', sans-serif;
font-weight: 300;
max-width: 60px;
margin-right: 20px;
}
.campains-container .all-campains .two-container .camp-items-1 .right-container .percent{
color: var(--main-light-color-reddark);
font-size: 40px;
font-family: 'Exo', sans-serif;
font-weight: 600;
}


.campains-container .all-campains .two-container .camp-items-2{
    display: flex;
    justify-items:end;
    background-image: url(img/camp-items-2.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 23.3%;
    gap: 20px;
    position: relative;
}
.campains-container .all-campains .two-container .camp-items-2 .tprighticon{
    position: absolute;
    top: 5px;
    right: 5px;
}
.campains-container .all-campains .two-container .camp-items-2 .left-container{
    height: 100%;
    border-right: 3px dotted var(--main-light-color-darkcolor);
    padding: 10px 20px;
    display: flex;
    align-items: end;
}
.campains-container .all-campains .two-container .camp-items-2 .left-container .icon{
    max-width: 100%;
}
.campains-container .all-campains .two-container .camp-items-2 .right-container{
    display: flex;
    flex-direction: column;
    padding: 10px 5px;
    flex-grow: 1;
    align-items: center;
}
.campains-container .all-campains .two-container .camp-items-2 .right-container .title{
color: white;
font-size: 24px;
font-family: 'Exo', sans-serif;
font-weight: 300;
max-width: 60px;
margin-right: 20px;
}
.campains-container .all-campains .two-container .camp-items-2 .right-container .percent{
color: white;
font-size: 40px;
font-family: 'Exo', sans-serif;
font-weight: 600;
}


.campains-container .all-campains .two-container .camp-items-3{
    display: flex;
    justify-items:end;
    background-image: url(img/camp-items-3.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 23.3%;
    gap: 20px;
    position: relative;
}
.campains-container .all-campains .two-container .camp-items-3 .tprighticon{
    position: absolute;
    top: 5px;
    right: 5px;
}
.campains-container .all-campains .two-container .camp-items-3 .left-container{
    height: 100%;
    border-right: 3px dotted var(--main-light-color-darkcolor);
    padding: 10px 20px;
    display: flex;
    align-items: end;
}
.campains-container .all-campains .two-container .camp-items-3 .left-container .icon{
    max-width: 100%;
}
.campains-container .all-campains .two-container .camp-items-3 .right-container{
    display: flex;
    flex-direction: column;
    padding: 10px 5px;
    flex-grow: 1;
    align-items: center;
}
.campains-container .all-campains .two-container .camp-items-3 .right-container .title{
color: white;
font-size: 24px;
font-family: 'Exo', sans-serif;
font-weight: 300;
max-width: 60px;
margin-right: 20px;
}
.campains-container .all-campains .two-container .camp-items-3 .right-container .percent{
color: white;
font-size: 40px;
font-family: 'Exo', sans-serif;
font-weight: 600;
}

.campains-container .all-campains .two-container .camp-items-4{
    display: flex;
    justify-items:end;
    background-image: url(img/camp-items-4.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 23.3%;
    gap: 20px;
    position: relative;
}
.campains-container .all-campains .two-container .camp-items-4 .tprighticon{
    position: absolute;
    top: 5px;
    right: 5px;
}
.campains-container .all-campains .two-container .camp-items-4 .left-container{
    height: 100%;
    border-right: 3px dotted var(--main-light-color-darkcolor);
    padding: 10px 20px;
    display: flex;
    align-items: end;
}
.campains-container .all-campains .two-container .camp-items-4 .left-container .icon{
    max-width: 100%;
}
.campains-container .all-campains .two-container .camp-items-4 .right-container{
    display: flex;
    flex-direction: column;
    padding: 10px 5px;
    flex-grow: 1;
    align-items: center;
}
.campains-container .all-campains .two-container .camp-items-4 .right-container .title{
    color: var(--main-light-color-reddark);
    font-size: 24px;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    max-width: 60px;
    margin-right: 20px;
    }
    .campains-container .all-campains .two-container .camp-items-4 .right-container .percent{
    color: var(--main-light-color-reddark);
    font-size: 40px;
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    }

.campains-container .all-campains .three-container{
    
    color: white;
    font-size: 12px;
    font-family: 'Exo', sans-serif;
    font-weight: 300;

}
.banner-three-container{
    height: auto;
    width:auto;
    max-width: 100%;
    position: relative;
    margin-top: 100px;
    }
    .banner-three-container .title-banner{
        display: flex;
        row-gap:5px;
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        flex-direction: column;
        margin-bottom: 35px;
    }
    .banner-three-container .title-banner .title{
    color: var(--main-light-color-darkcolor);
    font-size: 52px;
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    }
    .banner-three-container .title-banner .subtitle{
    color: var(--main-light-color-darkcolor);
    font-size: 30px;
    font-family: 'Exo', sans-serif;
    font-weight: 200;
    font-style: italic;
    }
    
.banner-three-container .all-banner{
    display: flex;
    gap: 20px;
    row-gap:20px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}
.banner-three-container .all-banner .banner-items{
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
row-gap: 10px;
padding:30px 0px;
background:var(--main-light-color-graylight);
text-decoration: none;
width: 32%;
}
.banner-three-container .all-banner .banner-items img{
    max-width: 100%;
    flex-grow: 1;
}
.banner-three-container .all-banner .banner-items .title-container{
    display: flex;
    justify-content: center;
    width: 100%;
}
.banner-three-container .all-banner .banner-items .title-container .title{
    font-size: 24px;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    max-width: 80%;
}

.footer-container{
height: auto;
width:auto;
max-width: 100%;
position: relative;
margin-top: 100px;
background: var(--main-light-color-darkcolor);
}
.footer-container .all-footer{
display: flex;
flex-direction: column;
gap: 20px;
row-gap:20px;
margin-left: auto;
margin-right: auto;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.footer-container .all-footer .top-container{
display: flex;
border-bottom: 1px solid var(--main-light-color-reddark);
position: relative;
padding-top: 30px;
padding-bottom: 5px;
}
.footer-container .all-footer .top-container .left-side{
    display: flex;
    gap: 15px;
    align-items: center;
    flex-grow: 1;
}
.footer-container .all-footer .top-container .left-side  .universalcode{
color: var(--main-light-color-orangelight);
font-size: 47px;
font-family: 'Exo', sans-serif;
font-weight: 900;
font-style: italic;
}
.footer-container .all-footer .top-container .left-side  .phonenumber{
display: flex;
flex-direction: column;
}
.footer-container .all-footer .top-container .left-side .phonenumber .number{
color: var(--main-light-color-orangelight);
font-size: 20px;
font-family: 'Exo', sans-serif;
font-weight: 700;
font-style: italic;
}
.footer-container .all-footer .top-container .left-side .phonenumber .companyname{
color: var(--main-light-color-orangelight);
font-size: 18px;
font-family: 'Exo', sans-serif;
font-style: italic;
font-weight: 300;
font-style: italic;
}
.footer-container .all-footer .top-container .right-side{
    max-width: 100%;
    bottom: 0px;
    position: relative;
}
.footer-container .all-footer .top-container .right-side.light{
    display: none;
}

.footer-container .all-footer .bottom-container{
    padding: 20px 0px;
    display: flex;

}
.footer-container .all-footer .bottom-container .left-container{
    display:flex;
    flex-grow: 1;
}
.footer-container .all-footer .bottom-container .left-container .footer-menu{
    display: flex;
    flex-direction: column;
    gap: 10px;
    row-gap: 10px;
    flex-grow: 1;
}
.footer-container .all-footer .bottom-container .left-container .footer-menu .subtitle{
    color:var(--main-light-color-reddark);
    font-family: 'Exo', sans-serif;
    font-size: 24px;
    margin-bottom: 5px;
    font-weight: 600;
}
.footer-container .all-footer .bottom-container .left-container .footer-menu a{
    text-decoration: none;
    color: var(--main-light-color-orangelight);
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.footer-container .all-footer .bottom-container .right-container{
color: var(--main-light-color-orangefooter);
font-family: 'Exo', sans-serif;
font-size: 14px;
font-weight: 400;
display: flex;
flex-direction: column;
max-width: 350px;
}

/*products.html*/
.searching-container{
height: auto;
width:auto;
max-width: 100%;
position: relative;
margin-top: 10px;
}
    .searching-container .search-d-flex{
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: flex;
    gap: 50px;
    row-gap: 20px;
    position: relative;
}
.searching-container .search-d-flex  .search-div{
    margin-top: 40px;
    max-width: 540px;
    background: var(--main-light-color-orangesoft);
    clip-path: polygon(0 0, 96% 0, 100% 100%, 0 100%);
    display: flex;
    justify-items: center;
    height: 48px;
    padding: 10px 15px;
    padding-left: 15px;
    flex-grow: 1;
}
.searching-container .search-d-flex  .search-div input{
    height: 100%;
    width: 90%;
    border: none;
    outline: none;
    background: transparent;
    color: white;
    font-family: 'Exo', sans-serif;
    font-size: 22px;
    font-weight: 300;
    -moz-appearance:none;
}
.searching-container  .search-d-flex  .search-div img{
    width: 33px;
}
.searching-container  .search-d-flex  .search-div input::placeholder {
    color: white;
    opacity: 1; /* Firefox */
    font-family: 'Exo', sans-serif;
    font-weight: 300;
  }
  
  .searching-container  .search-d-flex  .search-div input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: white;
   font-family: 'Exo', sans-serif;
   font-weight: 300;
  }
  
  .searching-container  .search-d-flex  .search-div input::-ms-input-placeholder { /* Microsoft Edge */
   color: white;
   font-family: 'Exo', sans-serif;
   font-weight: 300;
  }
  .searching-container  .search-d-flex  .search-div input::-webkit-search-cancel-button {
    -webkit-appearance:none;
  }

  .products-container{
height: auto;
width:auto;
max-width: 100%;
position: relative;
margin-top: 10px;
}
.products-container .product-d-flex{
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: flex;
    gap: 30px;
    row-gap: 20px;
    position: relative;
}
    .products-container .product-d-flex .left-side-container {
        display: flex;
        flex-direction: column;
        gap: 15px;
        row-gap: 15px;
        width: 100%;
    }
.products-container .product-d-flex .left-side-container .first-container{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 10px;
}
.products-container .product-d-flex .left-side-container .first-container .ctg-items{
 color: var(--main-light-color-darkproduct);
 font-family: 'Exo', sans-serif;
 font-weight: 300;
 font-size: 14px;
 padding: 5px;
 background:white;
 width: calc(11.11% - 8.88px);
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 text-decoration: none;
}
.products-container .product-d-flex .left-side-container .first-container .ctg-items.selected{
    background: var(--main-light-color-orangelight);
}
.products-container .product-d-flex .left-side-container .two-container{
    display: flex;
    gap: 15px;
    row-gap: 15px;
}
.products-container .product-d-flex .left-side-container .two-container .filters{
    display: flex;
    flex-direction: column;
    gap: 25px;
    row-gap: 25px;
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 40px;
    background: white;
    width: 100%;
    max-width: 220px;
    position: relative;
}
.products-container .product-d-flex .left-side-container .two-container .filters .filter-toggled-btn{
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 20px;
    display: none;
}
.products-container .product-d-flex .left-side-container .two-container .filters .title{
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    font-size: 30px;
    font-style: italic;
    color: var(--main-light-color-darkproduct);
}
.products-container .product-d-flex .left-side-container .two-container .filters .results{
    background: var(--main-light-color-orangelight);
    padding: 5px 10px;
    display: flex;
    gap: 5px;
    row-gap: 5px;
    align-items: center;
    width: max-content;
    font-family: 'Exo', sans-serif;
    font-weight: bolder;
    font-size: 16px;
    color: var(--main-light-color-darkproduct);
}
.products-container .product-d-flex .left-side-container .two-container .filters .results a{
    text-decoration: none;
    font-family: 'Exo', sans-serif;
    font-weight: 900;
    font-size: 16px;
    color: var(--main-light-color-darkproduct);
    position: relative;
}
.products-container .product-d-flex .left-side-container .two-container .filters .variants{
    display: flex;
    flex-direction: column;
    gap: 10px;
    row-gap: 10px;
}
.products-container .product-d-flex .left-side-container .two-container .filters .variants select {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    background: var(--main-light-color-graylight);
    padding: 7px;
    height: 35px;
    border: none;
    resize: none;
}

.products-container .product-d-flex .left-side-container .two-container .filters .variants select:focus {
    border: none;
    outline: none;
}
.products-container .product-d-flex .left-side-container .two-container .filters .variants .name{
    font-family: 'Exo', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: var(--main-light-color-darkproduct);
}
.products-container .product-d-flex .left-side-container .two-container .filters .variants .vr-items{
    display: flex;
    gap: 15px;
    row-gap: 15px;
    align-items: center;
}
.products-container .product-d-flex .left-side-container .two-container .filters .variants .vr-items .radiobox{
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    padding: 3px;
    background-clip: content-box;
    border: 2px solid var(--main-light-color-bordercolor);
    border-radius: 50%;
}
.products-container .product-d-flex .left-side-container .two-container .filters .variants .vr-items .radiobox:checked {
    background-color: var(--main-light-color-bordercolor);
}
.products-container .product-d-flex .left-side-container .two-container .filters .variants .vr-items .desc{
    font-family: 'Exo', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--main-light-color-darkproduct);
}
.products-container .product-d-flex .left-side-container .two-container .product-list{
    display: flex;
    flex-direction: column;
    gap: 30px;
    row-gap: 30px;
    flex-grow: 1;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .shorting-container{
    display: flex;
    background:white;
    padding: 8px 10px;
    justify-items: center;
    flex-wrap: wrap;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .shorting-container .search-counter{
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    font-size: 16px;
    font-style: italic;
    flex-grow: 1;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .shorting-container .short-div{
    display: flex;
    gap: 6px;
    row-gap: 6px;
    align-items: center;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .shorting-container .short-div .short-items{
    text-decoration: none;
    cursor: pointer;
    border: none;
    outline: none;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .shorting-container .short-div .short-items img{
    max-width: 100%;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container{
    width: 100%;
    display: flex;
    gap: 15px;
    row-gap: 30px;
    flex-wrap: wrap;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col{
    width: calc(25% - 11.2px);
    text-decoration: none;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items{
    display: flex;
    flex-direction: column;
    background: white;
    gap: 10px;
    row-gap: 10px;
    position: relative;
    height: 100%;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items.closed{
    background: var(--main-light-color-closed);
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .prd-div{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 10px;
    position: relative;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .prd-div .prd-name {
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: black;
    min-height: 38px;
    margin-bottom: 3px;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .prd-div .prd-unit {
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: black;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .image-div{
    display: flex;
    width: 100%;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .image-div .prd-image{
 max-width: 100%;
 width: 100%;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .comp-div{
    all: unset;
    cursor: pointer;
    display: flex;
    width: 85%;
    padding: 3px 10px;
    position: absolute;
    right: 0;
    top: 15px;
    justify-content: space-between;
    align-items: center;
    background: var(--main-light-color-reddark);
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .comp-div .comp-name{
    font-family: 'Exo', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: white;
    text-decoration:none;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .comp-div .rated-stars{
    font-family: 'Exo', sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: white;
    display: flex;
    align-items: self-start;
    gap: 2px;
    row-gap: 2px;
}
.products-container .product-d-flex .left-side-container .two-container .product-list.store .product-card-container .product-card-col .product-card-items .comp-div .rated-stars{
visibility: hidden;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .bottom-div{
    display: flex;
    align-items: center;
    width: calc(100% - 45px);
    justify-content:space-between;
    padding: 5px 10px;
    background: var(--main-light-color-darkcolor);
    position: sticky;
    top:100%;
    flex-wrap: wrap;
    max-height: 45px;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .prd-div .delivery-time{
    font-family: 'Exo', sans-serif;
    font-weight: 400;
    font-size: 12px;
    position: absolute;
    top: -40px;
    left: 10px;
    color: white;
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 2px 5px;
    background: var(--main-light-color-greenmed);
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .prd-div .delivery-time::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.77' height='12.763' viewBox='0 0 12.77 12.763'%3E%3Cg id='Saat' transform='translate(6.385 6.381)'%3E%3Cg id='Group_884' data-name='Group 884' transform='translate(-6.385 -6.381)'%3E%3Cg id='Group_883' data-name='Group 883'%3E%3Cpath id='Path_1023' data-name='Path 1023' d='M12.26 3.9A6.252 6.252 0 0 0 8.86.51 6.3 6.3 0 0 0 3.9.51 6.279 6.279 0 0 0 .5 3.9 6.383 6.383 0 0 0 .5 8.86 6.293 6.293 0 0 0 3.9 12.254a6.21 6.21 0 0 0 2.479.509 6.279 6.279 0 0 0 2.485-.509 6.271 6.271 0 0 0 3.4-3.394 6.3 6.3 0 0 0 0-4.964ZM11.241 9.2a5.593 5.593 0 0 1-2.053 2.046A5.494 5.494 0 0 1 6.375 12 5.4 5.4 0 0 1 4.2 11.548a5.721 5.721 0 0 1-1.787-1.194 5.665 5.665 0 0 1-1.194-1.8 5.484 5.484 0 0 1-.44-2.185 5.49 5.49 0 0 1 .747-2.807A5.609 5.609 0 0 1 3.568 1.522 5.461 5.461 0 0 1 6.375.768a5.5 5.5 0 0 1 2.813.754 5.625 5.625 0 0 1 2.053 2.046 5.456 5.456 0 0 1 .754 2.807A5.51 5.51 0 0 1 11.241 9.2Zm0 0' fill='%23fff'/%3E%3Cpath id='Path_1024' data-name='Path 1024' d='M14.205 9.183V5.566a.4.4 0 0 0-.4-.391.393.393 0 0 0-.384.391V9.239a.318.318 0 0 1 .014.055.368.368 0 0 0 .1.315L15.623 11.7a.4.4 0 0 0 .538 0 .376.376 0 0 0 0-.545Zm0 0' transform='translate(-7.426 -2.864)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    position: relative;
    bottom: -2px;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .bottom-div .prd-desc{
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: white;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .bottom-div .prd-backdesc{
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: white;
    text-decoration-color: var(--main-light-color-reddark);
    text-decoration-thickness: 1.25px;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .bottom-div .add-basket{
    all: unset;
    text-decoration: none;
    border: none;
    outline: none;
    cursor:pointer;
    position: absolute;
    bottom: 0;
    right: -45px;
    height: 45px;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .bottom-div .add-basket.added svg rect{
 fill: #11AC00;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .discounted-div{
    position: absolute;
    bottom: 100%;
    right: 5px;
    color: white;
    font-family: 'Exo', sans-serif;
    font-weight: bold;
    font-size: 14px;
    width: 72px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 999;
    padding-bottom: 6px;
}

.products-container .product-d-flex .right-side-container{
    display: flex;
    flex-direction: column;
    gap: 30px;
    row-gap: 30px;
    border: 1px dashed var(--main-light-color-darkproduct);
    padding: 15px 10px;
    height: max-content;
    background: white;
    width: 100%;
    max-width: 300px;
    position: sticky;
    top: 2%;
    min-height:320px;
}
.products-container .product-d-flex .right-side-container .basket-comp-name{
    font-family: 'Exo', sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}
    .products-container .product-d-flex .right-side-container .empty-div{
        height:280px;
        display:flex;
        justify-content:center;
        gap:30px;
        flex-direction:column;
    }
        .products-container .product-d-flex .right-side-container .empty-div .basket-empty-desc {
            font-family: 'Exo', sans-serif;
            font-size: 18px;
            font-weight: 400;
            text-align: center;
            color: var(--main-light-color-reddark);
        }


.products-container .product-d-flex .right-side-container .basket-items{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:15px;
}
.products-container .product-d-flex .right-side-container .basket-items .prd-title{
    display: flex;
    flex-direction: column;
}
.products-container .product-d-flex .right-side-container .basket-items .prd-title .prd-name{
    font-family: 'Exo', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.products-container .product-d-flex .right-side-container .basket-items .prd-title .bot-div{
display: flex;
gap: 10px;
row-gap: 10px;
}
.products-container .product-d-flex .right-side-container .basket-items .prd-title .bot-div .price-title{
font-family: 'Exo', sans-serif;
font-size: 15px;
font-weight: 500;
color: var(--main-light-color-reddark);
}
.products-container .product-d-flex .right-side-container .basket-items .prd-title .bot-div .piece-title{
font-family: 'Exo', sans-serif;
font-size: 15px;
font-weight: 300;
color: var(--main-light-color-darkcolor);
}
.products-container .product-d-flex .right-side-container .basket-items .price-input-div{
background: var(--main-light-color-orangelight);
font-family: 'Exo', sans-serif;
font-size: 14px;
font-weight: bold;
outline: none;
border: none;
max-width: 100px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
row-gap: 10px;
padding: 12px;
}
.products-container .product-d-flex .right-side-container .basket-items .price-input-div .increment{
    color: black;
    background: transparent;
    border: none;
    font-weight: bold;
    font-family: 'Exo', sans-serif;
    font-size: 20px;
}
.products-container .product-d-flex .right-side-container .basket-items .price-input-div .deincrement{
    color: black;
    background: transparent;
    border: none;
    font-weight: bold;
    font-family: 'Exo', sans-serif;
    font-size: 25px;
}
.products-container .product-d-flex .right-side-container .basket-items .price-input-div .price-input{
    width: 30px;
    height: auto;
    outline: none;
    border: none;
    background: transparent;
    font-weight: bold;
    font-family: 'Exo', sans-serif;
    font-size: 14px;
    text-align: center;
}
.products-container .product-d-flex .right-side-container .basket-items .price-input-div .price-input::-webkit-outer-spin-button,
.products-container .product-d-flex .right-side-container .basket-items .price-input-div .price-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.products-container .product-d-flex .right-side-container .basket-items .price-input-div .price-input[type=number] {
  -moz-appearance: textfield;
}

.products-container .product-d-flex .right-side-container .btn-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 35px;
    padding-bottom: 5px;
    border-top:  1px solid var(--main-light-color-bordercolor);
    margin-top: 40px;
}
.products-container .product-d-flex .right-side-container .btn-container .direct-basket{
    display: flex;
    justify-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-family: 'Exo', sans-serif;
    font-size: 16px;
    background: var(--main-light-color-reddark);
    cursor: pointer;
    text-decoration: none;
    padding: 8px 28px;
}
.products-container .product-d-flex .right-side-container .btn-container .total-prices{
    color: black;
    font-weight: 600;
    font-family: 'Exo', sans-serif;
    font-size: 16px;
}

.products-container  .toggle-container{
    position: sticky;
    top: 35%;
    height: 50px;
    right: 0;
    width: 40px;
    background: var(--main-light-color-orangelight);
    float: right;
    z-index: 999;
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 28% 0);
}
.products-container  .toggle-container .toggled-btn{
    text-decoration: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    font-family: 'Exo', sans-serif;
    font-size: 32px;
    font-weight: 600;
    justify-content: center;
    align-items:center;
    cursor: pointer;
    color: var(--main-light-color-darkcolor);
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .col-four{
    width: calc(25% - 11.25px);
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .col-three{
    width: calc(33.33% - 10px);
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .col-two{
    width: calc(50% - 7.50px);
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .col-one{
    width: 100%;
}

.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .col-one .product-card-items .image-div {
    order: 1;
    width: 40%;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .col-one .product-card-items .prd-div {
    order: 2;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .col-one .product-card-items .comp-div {
    order: 3;
}
.products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .col-one .product-card-items .bottom-div {
    order: 4;
    width: 40%;
}


/*store*/
.products-container .product-d-flex .left-side-container .comment-container{
    display: flex;
    flex-direction: column;
    gap: 10px;
    row-gap: 10px;
    flex-grow: 1;
    display: none;
}
.products-container .product-d-flex .left-side-container .comment-container .table-comments{
    background: white;
    padding: 24px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    row-gap: 20px;
    position: relative;
}
.products-container .product-d-flex .left-side-container .comment-container .table-comments .title{
    font-weight: 500;
    font-family: 'Exo', sans-serif;
    font-size: 18px;
}
.products-container .product-d-flex .left-side-container .comment-container .table-comments .d-flexible{
    display: flex;
    gap: 30px;
    row-gap: 30px;
    align-items: center;
}
.products-container .product-d-flex .left-side-container .comment-container .table-comments .d-flexible .star-div{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFEEA7;
    font-weight: bold;
    font-family: 'Exo', sans-serif;
    font-size: 24px;
    padding: 10px 15px;
    color:var(--main-light-color-orangesoft);
    gap: 10px;
}
.products-container .product-d-flex .left-side-container .comment-container .table-comments .d-flexible .star-div svg{
    max-width: 100%;
}
.products-container .product-d-flex .left-side-container .comment-container .table-comments .d-flexible .bar-div{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
}
.products-container .product-d-flex .left-side-container .comment-container .table-comments .d-flexible .bar-div .bar-items{
    display: flex;
    gap: 15px;
    row-gap: 15px;
    font-weight: 400;
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    align-items: center;
    margin: auto 0;
}
.products-container .product-d-flex .left-side-container .comment-container .table-comments .d-flexible .bar-div .bar-items .bar-full{
    background: #DCDCDC;
    height: 22px;
    display: flex;
    width: 60%;
}
.products-container .product-d-flex .left-side-container .comment-container .table-comments .d-flexible .bar-div .bar-items .bar-full .bar-percent{
    height: 100%;
}
.products-container .product-d-flex .left-side-container .comment-container .table-comments .d-flexible .bar-div .bar-items .bar-full .bar-percent.curier{
    background: var(--main-light-color-reddark);
}
.products-container .product-d-flex .left-side-container .comment-container .table-comments .d-flexible .bar-div .bar-items .bar-full .bar-percent.quality{
    background: var(--main-light-color-orangesoft);
}
.products-container .product-d-flex .left-side-container .comment-container .comment-list{
    background: white;
    padding: 24px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    row-gap: 30px;
    position: relative;
}
.products-container .product-d-flex .left-side-container .comment-container .comment-list .title{
    font-weight: 500;
    font-family: 'Exo', sans-serif;
    font-size: 18px;
}
.products-container .product-d-flex .left-side-container .comment-container .comment-list .comment-d-flex{
    display: flex;
    flex-direction: column;
    gap: 20px;
    row-gap: 20px;
}
.products-container .product-d-flex .left-side-container .comment-container .comment-list .comment-d-flex .comments{
    border: 1px solid #D1D1D1;
    padding: 15px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    row-gap: 15px;
}
.products-container .product-d-flex .left-side-container .comment-container .comment-list .comment-d-flex .comments .top-div{
    display: flex;
    align-items: center;
}
.products-container .product-d-flex .left-side-container .comment-container .comment-list .comment-d-flex .comments .top-div .rating-div{
    display: flex;
    align-items: center;
    gap: 2px;
    flex-grow: 1;
}
.products-container .product-d-flex .left-side-container .comment-container .comment-list .comment-d-flex .comments .top-div .rating-div svg{
    max-width: 100%;
}
.products-container .product-d-flex .left-side-container .comment-container .comment-list .comment-d-flex .comments .top-div .rating-div svg.fill g path{
    fill: var(--main-light-color-orangesoft);
}
.products-container .product-d-flex .left-side-container .comment-container .comment-list .comment-d-flex .comments .top-div .time{
    font-weight: 500;
    font-family: 'Exo', sans-serif;
    font-size: 16px;
}
.products-container .product-d-flex .left-side-container .comment-container .comment-list .comment-d-flex .comments .content-div{
    font-weight: 400;
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    line-height: 1.5;
    display: flex;
}

.products-container .product-d-flex .left-side-container .accordion-container{
    display: flex;
    align-items: center;
    background: white;
}
.products-container .product-d-flex .left-side-container .accordion-container .accordion-items{
    font-weight: 400;
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    flex-grow: 1;
    padding: 20px 10px;
}

.products-container .product-d-flex .left-side-container .accordion-container .accordion-items.selected{
    font-weight: bold;
    border-bottom: 2px solid var(--main-light-color-orangesoft);
}


/*Basket*/
.basket-container{
    height: auto;
    width:auto;
    max-width: 100%;
    position: relative;
    margin-top: 20px;
    }
    .basket-container .basket-d-flex{
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        display: flex;
        gap: 30px;
        row-gap: 20px;
        position: relative;
        flex-wrap: wrap;
    }
    .basket-container .basket-d-flex .basket-list{
        display: flex;
        flex-direction: column;
        gap:20px;
        row-gap: 20px;
        background: white;
        flex-grow: 1;
        padding: 20px;
    }
    .basket-container .basket-d-flex .basket-list .desc-container{
        display:flex;
    }
    .basket-container .basket-d-flex .basket-list .desc-container .left-div{
        display: flex;
        gap: 20px;
        row-gap: 20px;
        font-weight: 600;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color:black;
        flex-grow: 1;
    }
    .basket-container .basket-d-flex .basket-list .products{
        display: flex;
        align-items: center;
        background: var(--main-light-color-basket-bgcolor);
        padding: 10px 20px;
        gap: 40px;
    }
    .basket-container .basket-d-flex .basket-list .products .img-div{
        width: auto;
    }
    .basket-container .basket-d-flex .basket-list .products .img-div img{
        max-width: 100%;
    }
    .basket-container .basket-d-flex .basket-list .products .two-div{
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }
    .basket-container .basket-d-flex .basket-list .products .two-div .product-name {
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: black;
    }
    .basket-container .basket-d-flex .basket-list .products .two-div .bt-div{
        display: flex;
        gap: 15px;
        row-gap: 15px;
    }
    .basket-container .basket-d-flex .basket-list .products .two-div .bt-div .prd-price{
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #AFAFAF;
    }
    .basket-container .basket-d-flex .basket-list .products .two-div .bt-div .prd-piece{
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--main-light-color-reddark);
    }

    .basket-container .basket-d-flex .basket-list .products .price-input-div{
        background: var(--main-light-color-orangelight);
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        font-weight: bold;
        outline: none;
        border: none;
        max-width: 100px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        row-gap: 10px;
        padding: 12px;
        }
        .basket-container .basket-d-flex .basket-list .products .price-input-div .increment{
            color: black;
            background: transparent;
            border: none;
            font-weight: bold;
            font-family: 'Exo', sans-serif;
            font-size: 20px;
        }
        .basket-container .basket-d-flex .basket-list .products .price-input-div .deincrement{
            color: black;
            background: transparent;
            border: none;
            font-weight: bold;
            font-family: 'Exo', sans-serif;
            font-size: 25px;
        }
        .basket-container .basket-d-flex .basket-list .products .price-input-div .price-input{
            width: 30px;
            height: auto;
            outline: none;
            border: none;
            background: transparent;
            font-weight: bold;
            font-family: 'Exo', sans-serif;
            font-size: 14px;
            text-align: center;
        }
        .basket-container .basket-d-flex .basket-list .products .price-input-div .price-input::-webkit-outer-spin-button,
        .basket-container .basket-d-flex .basket-list .products .price-input-div .price-input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }
        
        /* Firefox */
        .basket-container .basket-d-flex .basket-list .products .price-input-div .price-input[type=number] {
          -moz-appearance: textfield;
        }
    
    .basket-container .basket-d-flex .basket-list .products .trash-btn{
        text-decoration: none;
        cursor: pointer;
    }
    .basket-container .basket-d-flex .basket-list .products .trash-btn img{
        width: 25px;
    }


    .basket-container .basket-d-flex .basket-list .desc-container .basket-clear-btn{
        text-decoration: none;
        font-weight: 600;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color:black;
    }
    .basket-container .basket-d-flex .basket-summary{
        display: flex;
        flex-direction: column;
        height: max-content;
        position: sticky;
        top: 2%;
        gap: 15px;
        row-gap: 15px;
        flex-grow: 1;
    }
    .basket-container .basket-d-flex .basket-summary .adress-info-container{
        display: flex;
        flex-direction: column;
        gap: 10px;
        row-gap: 10px;
        padding: 20px 10px;
        background: white;
    }
    .basket-container .basket-d-flex .basket-summary .adress-info-container .adress-title{
        font-weight: 600;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color:black;
    }
    .basket-container .basket-d-flex .basket-summary .adress-info-container .adress-info{
        font-weight: 300;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color:black;
    }
    .basket-container .basket-d-flex .basket-summary .basket-total-container{
        display: flex;
        gap: 10px;
        row-gap: 10px;
        padding: 20px 10px;
        background: white;
        border :1px dashed var(--main-light-color-bordercolor);
    }
    .basket-container .basket-d-flex .basket-summary .basket-total-container .total-title{
        font-weight: 600;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color:black;
        flex-grow: 1;
    }
    .basket-container .basket-d-flex .basket-summary .basket-total-container .total-price{
        font-weight: 600;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color:black;
    }
    .basket-container .basket-d-flex .basket-summary  .buying-btn{
        width: 100%;
        height: 39px;
        color: white;
        font-weight: bold;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        text-align: center;
        background:var(--main-light-color-reddark);
        cursor: pointer;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }


/*Salling*/
.salling-container{
    height: auto;
    width:auto;
    max-width: 100%;
    position: relative;
    margin-top: 40px;
    }
    .salling-container .salling-d-flex{
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        display: flex;
        gap: 30px;
        row-gap: 20px;
        position: relative;
    }
    .salling-container .salling-d-flex .sal-left-container{
        display: flex;
        flex-direction: column;
        gap: 10px;
        row-gap: 10px;
        flex-grow: 1;
    }
    .salling-container .salling-d-flex .sal-left-container .first-container{
        display: flex;
        padding: 10px 20px;
        background: white;
        justify-content: space-between;
        align-items: center;
    }
    .salling-container .salling-d-flex .sal-left-container .first-container .title{
        font-weight: 600;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color: var(--main-light-color-bordercolor);
    }
    .salling-container .salling-d-flex .sal-left-container .first-container .adressing{
        font-weight: 300;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color: var(--main-light-color-bordercolor);
    }
    .salling-container .salling-d-flex .sal-left-container .first-container .timing{
        font-weight: 300;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        color: var(--main-light-color-bordercolor);
    }
    .salling-container .salling-d-flex .sal-left-container .first-container .curier-div{
        width: auto;
    }
    .salling-container .salling-d-flex .sal-left-container .first-container .curier-div img{
        max-width: 100%;
    }
    .salling-container .salling-d-flex .sal-left-container .two-container{
        display: flex;
        padding: 15px 20px;
        background: white;
        justify-content: space-between;
        align-items: center;
    }
    .salling-container .salling-d-flex .sal-left-container .two-container .title{
        font-weight: 600;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color: var(--main-light-color-bordercolor);
    }
    .salling-container .salling-d-flex .sal-left-container .two-container .bag-one-div{
        display: flex;
        flex-direction: column;
        justify-items: center;
    }
    .salling-container .salling-d-flex .sal-left-container .two-container .bag-one-div .flex-div{
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .salling-container .salling-d-flex .sal-left-container .two-container .bag-one-div .flex-div .flex-col-div{
        display: flex;
        flex-direction: column;
    }
    .salling-container .salling-d-flex .sal-left-container .two-container .bag-one-div .flex-div .flex-col-div .delivery-text{
        font-weight: 300;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color: var(--main-light-color-bordercolor);
    }
    .salling-container .salling-d-flex .sal-left-container .two-container .bag-one-div .flex-div .flex-col-div .price-text{
        font-weight: 300;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        color: var(--main-light-color-bordercolor);
    }

    .salling-container .salling-d-flex .sal-left-container .two-container .bag-two-div{
        display: flex;
        flex-direction: column;
        justify-items: center;
    }
    .salling-container .salling-d-flex .sal-left-container .two-container .bag-two-div .flex-div{
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .salling-container .salling-d-flex .sal-left-container .two-container .bag-two-div .flex-div .flex-col-div{
        display: flex;
        flex-direction: column;
    }
    .salling-container .salling-d-flex .sal-left-container .two-container .bag-two-div .flex-div .flex-col-div .delivery-text{
        font-weight: 300;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color: var(--main-light-color-reddark);
    }
    .salling-container .salling-d-flex .sal-left-container .two-container .bag-two-div .flex-div .flex-col-div .price-text{
        font-weight: 600;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        color: var(--main-light-color-reddark);
    }
    .salling-container .salling-d-flex .sal-left-container .two-container .bagging-div{
        width: auto;
    }
    .salling-container .salling-d-flex .sal-left-container .first-container .bagging-div img{
        max-width: 100%;
    }

    .salling-container .salling-d-flex .sal-left-container   .radio-btn{
        width: 23px;
        height: 23px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: inline-block;
        padding: 3px;
        background-clip: content-box;
        border: 2px solid var(--main-light-color-bordercolor);
        border-radius: 50%;
    }
    .salling-container .salling-d-flex .sal-left-container   .radio-btn:checked {
        background-color: var(--main-light-color-bordercolor);
      }

      .salling-container .salling-d-flex .sal-left-container .three-container{
        display: flex;
        padding: 20px 20px;
        background: white;
        justify-content: space-between;
        align-items: center;
      }
      .salling-container .salling-d-flex .sal-left-container .three-container .title{
        font-weight: 600;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color: var(--main-light-color-bordercolor);
      }
      .salling-container .salling-d-flex .sal-left-container .three-container .noting{
        background: var(--main-light-color-graylight);
        height: 93px;
        flex-grow: 0.8;
        resize: none;
        overflow: hidden;
        font-weight: 300;
        font-family: 'Exo', sans-serif;
        font-size: 15px;
        outline: none;
        border:none;
        padding: 10px;
      }

      .salling-container .salling-d-flex .sal-left-container .three-container .bell-div{
        display: flex;
        align-items: center;
        gap: 12px;
      }
    
      .salling-container .salling-d-flex  .cbox-btn{
        width: 20px;
        min-width:20px;
        height: 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: inline-block;
        background-clip: content-box;
        border: 2px solid var(--main-light-color-bordercolor);
        padding: 2px;
      }
      .salling-container .salling-d-flex  .cbox-btn:checked {
        background-color: var(--main-light-color-bordercolor);
      }
      .salling-container .salling-d-flex .sal-left-container .three-container .bell-div .title{
        font-weight: 300;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
      }

      .salling-container .salling-d-flex .sal-left-container .four-container{
        display: flex;
        padding: 25px 20px;
        background: white;
        gap: 30px;
      }
      .salling-container .salling-d-flex .sal-left-container .four-container .title{
        font-weight: 600;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color: var(--main-light-color-bordercolor);
      }
      
      .salling-container .salling-d-flex .sal-left-container .four-container .paying-div{
        display: flex;
        flex-direction: column;
        justify-items: center;
        gap: 15px;
    }
    .salling-container .salling-d-flex .sal-left-container .four-container .paying-div .flex-div{
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .salling-container .salling-d-flex .sal-left-container .four-container .paying-div .flex-div  .paying-text{
        font-weight: 300;
        font-family: 'Exo', sans-serif;
        font-size: 18px;
        color: var(--main-light-color-bordercolor);
    }
    .salling-container .salling-d-flex .sal-left-container .four-container .paying-div  .credit-card-btn {
        width: 100%;
        height: 39px;
        color: white;
        font-weight: bold;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        text-align: center;
        background: var(--main-light-color-reddark);
        cursor: pointer;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 207px;
        margin-top: 20px;
    }
    .salling-container .salling-d-flex .sal-left-container .four-container .credit-card-div{
        display: flex;
        flex-direction: column;
    }
    .salling-container .salling-d-flex .sal-left-container .four-container .credit-card-div .card-title{
        font-weight: 300;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
    }
    .salling-container .salling-d-flex .sal-left-container .four-container .credit-card-div .card-info{
        font-weight: 300;
        font-family: 'Exo', sans-serif;
        font-size: 14px;
    }
    .salling-container .salling-d-flex .sal-left-container .delivery-time-container{
        display: flex;
        flex-direction:column;
        background: white;
        gap: 30px;
        padding:20px;
      }
    .salling-container .salling-d-flex .sal-left-container .delivery-time-container .title{
        font-weight: 600;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color: var(--main-light-color-bordercolor);
    }
    .salling-container .salling-d-flex .sal-left-container .delivery-time-container .accordion-container{
    display: flex;
    align-items: center;
    background: var(--main-light-color-graylight);
     }
    .salling-container .salling-d-flex .sal-left-container .delivery-time-container .accordion-container .accordion-items{
        font-weight: 400;
        font-family: 'Exo', sans-serif;
        font-size: 18px;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
        flex-grow: 1;
        padding: 20px 10px;
    }

    .salling-container .salling-d-flex .sal-left-container .delivery-time-container .accordion-container .accordion-items.selected{
        font-weight: bold;
        border-bottom: 2px solid var(--main-light-color-orangesoft);
    }
    .salling-container .salling-d-flex .sal-left-container .delivery-time-container .day-container
    {
        display:flex;
        row-gap:20px;
        flex-wrap:wrap;
        width:100%;
        padding:0 10px;
    }
    .salling-container .salling-d-flex .sal-left-container .delivery-time-container .day-container .rb-flex{
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        gap:10px;
        width:calc(33.333%);
    }
    .salling-container .salling-d-flex .sal-left-container .delivery-time-container .day-container .rb-text{
        font-weight: 400;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
    }
    

    .salling-container .salling-d-flex .sal-right-container{
        display: flex;
        flex-direction: column;
        gap: 10px;
        row-gap: 10px;
        flex-grow: 1;
    }
    .salling-container .salling-d-flex .sal-right-container .first-container{
        display: flex;
        flex-direction: column;
        padding: 20px 20px;
        padding-bottom: 30px;
        background: white;
        gap: 10px;
        row-gap: 10px;
    }
    .salling-container .salling-d-flex .sal-right-container .first-container .title{
        font-weight: 600;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
    }
    .salling-container .salling-d-flex .sal-right-container .first-container .adress-info{
        font-weight: 400;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
    }
    .salling-container .salling-d-flex .sal-right-container .two-container{
        display: flex;
        padding: 12px;
        background: white;
        gap: 15px;
        row-gap: 15px;
        align-items: center;
    }
    .salling-container .salling-d-flex .sal-right-container .two-container .icon{
        max-width: 100%;
    }
    .salling-container .salling-d-flex .sal-right-container .two-container .campaign-text{
        font-weight: 400;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
    }
    .salling-container .salling-d-flex .sal-right-container .three-container{
        display: flex;
        padding: 10px 13px;
        padding-left: 20px;
        background: white;
        align-items: center;

    }
    .salling-container .salling-d-flex .sal-right-container .three-container .coupon-code{
        flex-grow: 1;
        font-weight: 400;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
    }
    .salling-container .salling-d-flex .sal-right-container .three-container .coupon-use-btn{
        font-weight: 400;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color: white;
        text-decoration: none;
        cursor: pointer;
        width: 100%;
        max-width: 96px;
        height: 35px;
        background: var(--main-light-color-orangesoft);
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .salling-container .salling-d-flex .sal-right-container .four-container{
        display: flex;
        flex-direction: column;
        gap: 15px;
        row-gap: 15px;
        padding: 17px 20px;
        border: 2px dashed var(--main-light-color-bordercolor);
        background: white;
    }
    .salling-container .salling-d-flex .sal-right-container .four-container .title{
        font-weight: 600;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        margin-bottom: 5px;
    }
    .salling-container .salling-d-flex .sal-right-container .four-container .line-d-flex{
        display: flex;
        justify-content: space-between;
        column-gap:10px;
    }
    .salling-container .salling-d-flex .sal-right-container .four-container .line-d-flex .text{
        font-weight: 400;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
    }
    .salling-container .salling-d-flex .sal-right-container .four-container .paying-d-flex{
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
        column-gap:10px;
    }
    .salling-container .salling-d-flex .sal-right-container .four-container .paying-d-flex .text{
        font-weight: 600;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        color: var(--main-light-color-reddark);
    }
    .salling-container .salling-d-flex .sal-right-container .five-container{
        display: flex;
        gap: 10px;
        row-gap: 10px;
        padding: 17px 20px;
        background: white;
        align-items: center;
    }
    .salling-container .salling-d-flex .sal-right-container .five-container .title{
        font-weight: 200;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        max-width: 220px;
    }
    .salling-container .salling-d-flex .sal-right-container .five-container .title .bold{
        font-weight: 500;
    }
    .salling-container .salling-d-flex .sal-right-container  .salling-paying-btn{
        all:unset;
        width: 100%;
        height: 39px;
        color: white;
        font-weight: bold;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        text-align: center;
        background:var(--main-light-color-reddark);
        cursor: pointer;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;

    }

/*campaign-list*/
.campaigns-container{
    height: auto;
    width:auto;
    max-width: 100%;
    position: relative;
    margin-top: 20px;
    }
    .campaigns-container .campaigns-d-flex{
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        display: flex;
        gap: 30px;
        row-gap: 20px;
        position: relative;
    }
    .campaigns-container .campaigns-d-flex .filters{
        display: flex;
        flex-direction: column;
        gap: 25px;
        row-gap: 25px;
        padding: 20px;
        padding-top: 20px;
        padding-bottom: 40px;
        background: white;
        width: 100%;
        max-width: 240px;
        position: relative;
    }
    .campaigns-container .campaigns-d-flex .filters .filter-toggled-btn{
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        top: 15px;
        right: 20px;
        display: none;
    }
    .campaigns-container .campaigns-d-flex .filters .title{
        font-family: 'Exo', sans-serif;
        font-weight: 300;
        font-size: 30px;
        font-style: italic;
        color: var(--main-light-color-darkproduct);
    }
    .campaigns-container .campaigns-d-flex .filters .results{
        background: var(--main-light-color-orangelight);
        padding: 5px 10px;
        display: flex;
        gap: 5px;
        row-gap: 5px;
        align-items: center;
        width: max-content;
        font-family: 'Exo', sans-serif;
        font-weight: bolder;
        font-size: 16px;
        color: var(--main-light-color-darkproduct);
    }
    .campaigns-container .campaigns-d-flex .filters .results a{
        text-decoration: none;
        font-family: 'Exo', sans-serif;
        font-weight: 900;
        font-size: 16px;
        color: var(--main-light-color-darkproduct);
        position: relative;
    }
    .campaigns-container .campaigns-d-flex .filters .variants{
        display: flex;
        flex-direction: column;
        gap: 10px;
        row-gap: 10px;
    }
    .campaigns-container .campaigns-d-flex .filters .variants .name{
        font-family: 'Exo', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: var(--main-light-color-darkproduct);
    }
    .campaigns-container .campaigns-d-flex .filters .variants .vr-items{
        display: flex;
        gap: 15px;
        row-gap: 15px;
        align-items: center;
    }
    .campaigns-container .campaigns-d-flex .filters .variants .vr-items .radiobox{
        width: 18px;
        height: 18px;
    }
    .campaigns-container .campaigns-d-flex .filters .variants .vr-items .desc{
        font-family: 'Exo', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: var(--main-light-color-darkproduct);
    }

    .campaigns-container .campaigns-d-flex  .cbox-btn{
        width: 20px;
        height: 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: inline-block;
        background-clip: content-box;
        border: 2px solid var(--main-light-color-bordercolor);
        padding: 2px;
      }
      .campaigns-container .campaigns-d-flex  .cbox-btn:checked {
        background-color: var(--main-light-color-bordercolor);
      }

      .campaigns-container .campaigns-d-flex .camp-list{
        display: flex;
        gap: 30px;
        row-gap: 30px;
        height: max-content;
        flex-wrap: wrap;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-1{
        display: flex;
        justify-items:end;
        background-image: url(img/camp-items-1.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: calc(33.3% - 22.5px);
        gap: 20px;
        position: relative;
        text-decoration: none;
        cursor: pointer;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-1 .tprighticon{
        position: absolute;
        top: 5px;
        right: 5px;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-1 .left-container{
        height: 100%;
        border-right: 3px dotted white;
        padding: 10px 20px;
        display: flex;
        align-items: end;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-1 .left-container .icon{
        max-width: 100%;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-1 .right-container{
        display: flex;
        flex-direction: column;
        padding: 10px 5px;
        flex-grow: 1;
        align-items: center;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-1 .right-container .title{
    color: var(--main-light-color-reddark);
    font-size: 24px;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    max-width: 60px;
    margin-right: 20px;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-1 .right-container .percent{
    color: var(--main-light-color-reddark);
    font-size: 40px;
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    }
    
    
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-2{
        display: flex;
        justify-items:end;
        background-image: url(img/camp-items-2.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: calc(33.3% - 22.5px);
        gap: 20px;
        position: relative;
        text-decoration: none;
        cursor: pointer;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-2 .tprighticon{
        position: absolute;
        top: 5px;
        right: 5px;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-2 .left-container{
        height: 100%;
        border-right: 3px dotted white;
        padding: 10px 20px;
        display: flex;
        align-items: end;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-2 .left-container .icon{
        max-width: 100%;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-2 .right-container{
        display: flex;
        flex-direction: column;
        padding: 10px 5px;
        flex-grow: 1;
        align-items: center;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-2 .right-container .title{
    color: white;
    font-size: 24px;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    max-width: 60px;
    margin-right: 20px;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-2 .right-container .percent{
    color: white;
    font-size: 40px;
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    }
    
    
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-3{
        display: flex;
        justify-items:end;
        background-image: url(img/camp-items-3.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: calc(33.3% - 22.5px);
        gap: 20px;
        position: relative;
        text-decoration: none;
        cursor: pointer;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-3 .tprighticon{
        position: absolute;
        top: 5px;
        right: 5px;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-3 .left-container{
        height: 100%;
        border-right: 3px dotted white;
        padding: 10px 20px;
        display: flex;
        align-items: end;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-3 .left-container .icon{
        max-width: 100%;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-3 .right-container{
        display: flex;
        flex-direction: column;
        padding: 10px 5px;
        flex-grow: 1;
        align-items: center;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-3 .right-container .title{
    color: white;
    font-size: 24px;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    max-width: 60px;
    margin-right: 20px;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-3 .right-container .percent{
    color: white;
    font-size: 40px;
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    }
    
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-4{
        display: flex;
        justify-items:end;
        background-image: url(img/camp-items-4.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: calc(33.3% - 22.5px);
        gap: 20px;
        position: relative;
        text-decoration: none;
        cursor: pointer;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-4 .tprighticon{
        position: absolute;
        top: 5px;
        right: 5px;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-4 .left-container{
        height: 100%;
        border-right: 3px dotted white;
        padding: 10px 20px;
        display: flex;
        align-items: end;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-4 .left-container .icon{
        max-width: 100%;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-4 .right-container{
        display: flex;
        flex-direction: column;
        padding: 10px 5px;
        flex-grow: 1;
        align-items: center;
    }
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-4 .right-container .title{
        color: var(--main-light-color-reddark);
        font-size: 24px;
        font-family: 'Exo', sans-serif;
        font-weight: 300;
        max-width: 60px;
        margin-right: 20px;
        }
        .campaigns-container .campaigns-d-flex .camp-list .camp-items-4 .right-container .percent{
        color: var(--main-light-color-reddark);
        font-size: 40px;
        font-family: 'Exo', sans-serif;
        font-weight: 600;
        }


/*Chevron*/
.chevron-container{
    height: auto;
    width:auto;
    max-width: 100%;
    position: relative;
    margin-top: 20px;
    }
    .chevron-container .chevron-d-flex{
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        display: flex;
        gap: 10px;
        row-gap: 5px;
        position: relative;
        flex-wrap: wrap;
    }
        .chevron-container .chevron-d-flex .link {
            text-decoration: none;
            cursor: pointer;
            font-size: 18px;
            font-family: 'Exo', sans-serif;
            font-weight: 400;
            display: flex;
            align-items: center;
            color: #000000;
        }
    .chevron-container .chevron-d-flex .link.active{
        font-weight: bold;
    }

 /*campaign-details*/
 .campaigns-details-container{
    height: auto;
    width:auto;
    max-width: 100%;
    position: relative;
    margin-top: 20px;
    }
    .campaigns-details-container .campaigns-details-d-flex{
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        display: flex;
        position: relative;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container{
        display: flex;
        gap: 100px;
        row-gap: 5px;
        position: relative;
        background: white;
        padding: 30px;
        width: 100%;
    }
 
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container{
        display: flex;
        flex-grow: 1;
        height: max-content;
        margin-top: 90px;
    }
    
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-1{
        display: flex;
        justify-items:end;
        background-image: url(img/camp-items-1.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        gap: 20px;
        position: relative;
        text-decoration: none;
        cursor: pointer;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-1 .tprighticon{
        position: absolute;
        top: 5px;
        right: 5px;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-1 .left-container{
        height: 100%;
        border-right: 3px dotted white;
        padding: 10px 20px;
        display: flex;
        align-items: end;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-1 .left-container .icon{
        max-width: 100%;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-1 .right-container{
        display: flex;
        flex-direction: column;
        padding: 10px 5px;
        flex-grow: 1;
        align-items: center;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-1 .right-container .title{
    color: var(--main-light-color-reddark);
    font-size: 24px;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    max-width: 60px;
    margin-right: 20px;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-1 .right-container .percent{
    color: var(--main-light-color-reddark);
    font-size: 40px;
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    }
    
    
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-2{
        display: flex;
        justify-items:end;
        background-image: url(img/camp-items-2.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        gap: 20px;
        position: relative;
        text-decoration: none;
        cursor: pointer;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-2 .tprighticon{
        position: absolute;
        top: 5px;
        right: 5px;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-2 .left-container{
        height: 100%;
        border-right: 3px dotted white;
        padding: 10px 20px;
        display: flex;
        align-items: end;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-2 .left-container .icon{
        max-width: 100%;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-2 .right-container{
        display: flex;
        flex-direction: column;
        padding: 10px 5px;
        flex-grow: 1;
        align-items: center;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-2 .right-container .title{
    color: white;
    font-size: 24px;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    max-width: 60px;
    margin-right: 20px;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-2 .right-container .percent{
    color: white;
    font-size: 40px;
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    }
    
    
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-3{
        display: flex;
        justify-items:end;
        background-image: url(img/camp-items-3.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        gap: 20px;
        position: relative;
        text-decoration: none;
        cursor: pointer;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-3 .tprighticon{
        position: absolute;
        top: 5px;
        right: 5px;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-3 .left-container{
        height: 100%;
        border-right: 3px dotted white;
        padding: 10px 20px;
        display: flex;
        align-items: end;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-3 .left-container .icon{
        max-width: 100%;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-3 .right-container{
        display: flex;
        flex-direction: column;
        padding: 10px 5px;
        flex-grow: 1;
        align-items: center;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-3 .right-container .title{
    color: white;
    font-size: 24px;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    max-width: 60px;
    margin-right: 20px;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-3 .right-container .percent{
    color: white;
    font-size: 40px;
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    }
    
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-4{
        display: flex;
        justify-items:end;
        background-image: url(img/camp-items-4.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        gap: 20px;
        position: relative;
        text-decoration: none;
        cursor: pointer;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-4 .tprighticon{
        position: absolute;
        top: 5px;
        right: 5px;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-4 .left-container{
        height: 100%;
        border-right: 3px dotted white;
        padding: 10px 20px;
        display: flex;
        align-items: end;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-4 .left-container .icon{
        max-width: 100%;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-4 .right-container{
        display: flex;
        flex-direction: column;
        padding: 10px 5px;
        flex-grow: 1;
        align-items: center;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-4 .right-container .title{
        color: var(--main-light-color-reddark);
        font-size: 24px;
        font-family: 'Exo', sans-serif;
        font-weight: 300;
        max-width: 60px;
        margin-right: 20px;
        }
        .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container .camp-items-4 .right-container .percent{
        color: var(--main-light-color-reddark);
        font-size: 40px;
        font-family: 'Exo', sans-serif;
        font-weight: 600;
        }
    
    
        .campaigns-details-container .campaigns-details-d-flex .all-container .right-side-container{
        display: flex;
        flex-direction: column;
        gap: 30px;
        row-gap: 30px;       
    }  
    .campaigns-details-container .campaigns-details-d-flex .all-container .right-side-container .title{
        font-size: 29px;
        font-family: 'Exo', sans-serif;
        font-weight: 600;
    } 
    .campaigns-details-container .campaigns-details-d-flex .all-container .right-side-container .description{
        font-size: 16px;
        font-family: 'Exo', sans-serif;
        font-weight: 400;
        line-height: 2;
        max-width: 700px;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .right-side-container .icon{
        max-width: 100%;
        float: right;
        width: 112px;
        margin-left: auto;
        margin-top: 20px;
    }

    /*store*/
    .store-container{
        height: auto;
        width:auto;
        max-width: 100%;
        position: relative;
        margin-top: 30px;
        margin-bottom: 50px;
        }
    .store-container .store-d-flex{
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        display: flex;
        gap: 10px;
        row-gap: 20px;
        position: relative;
        height: 320px;
    }
    .store-container .store-d-flex .compy-div{
        display: flex;
        flex-direction: column;
        background: white;
        flex-grow: 1;
        max-width: 350px;
        position: relative;
        width: calc(65%);
    }
    .store-container .store-d-flex .compy-div .company-Name{
        font-size: 200%;
        font-family: 'Exo', sans-serif;
        font-weight: 400;
        color: #0D0C0A;
        display: flex;
        align-items: center;
        justify-content: center;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        min-height: 188px;
    }
    
    .store-container .store-d-flex .compy-div .company-adress-container{
        padding: 12px;
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    .store-container .store-d-flex .compy-div .company-adress-container .adress-container{
        display: flex;
    }
    .store-container .store-d-flex .compy-div .company-adress-container .adress-container .adressing-title{
        font-size: 16px;
        font-family: 'Exo', sans-serif;
        font-weight: 400;
        flex-grow: 1;
    }
    .store-container .store-d-flex .compy-div .company-adress-container .adress-container .rated-stars-div{
        font-family: 'Exo', sans-serif;
        font-weight: bold;
        font-size: 13px;
        color: black;
        display: flex;
        align-items: center;
        gap: 2px;
        row-gap: 2px;
    }
    .store-container .store-d-flex .compy-div .company-adress-container .min-prices-order-div{
        display: flex;
        font-size: 14px;
        font-family: 'Exo', sans-serif;
        font-weight: 400;
    }
    .store-container .store-d-flex .compy-div .company-adress-container .delivery-time{
        display: flex;
        font-size: 14px;
        font-family: 'Exo', sans-serif;
        font-weight: 400;
    }
    .store-container .store-d-flex .compy-div .company-adress-container  .state-div{
        display: flex;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 200;
        background:var(--main-light-color-reddark);
        padding: 4px 25px;
        align-items: center;
        justify-content: center;
        color: white;
        width: max-content;
        margin-top: 10px;
        margin-left: auto;
    }
    .store-container .store-d-flex .compy-div .company-adress-container  .state-div.closed{
        background: var(--main-light-color-closed);
    }
    .store-container .store-d-flex .store-slider-div{
        display: flex;
        width: auto;
        flex-grow: 1;
    }
    .store-container .store-d-flex .store-slider-div img{
        max-width: 100%;
        width: 100%;
        object-fit: cover;
    }
    .store-container .store-d-flex .compy-div .added-favorite{
        cursor:pointer;
        text-decoration:none;
        position:absolute;
        top:5px;
        right:5px;
    }
    .store-container .store-d-flex .compy-div .added-favorite img{
        width:35px;
    }

 /*Products detail*/
 .product-detail-container{
    height: auto;
    width:auto;
    max-width: 100%;
    position: relative;
    margin-top: 30px;
    }
.product-detail-container .product-detail-d-flex{
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: flex;
    gap: 20px;
    row-gap: 20px;
    position: relative;
}
.product-detail-container .product-detail-d-flex.history{
    display: inherit;
}
.product-detail-container .product-detail-d-flex .left-side-container{
    display: flex;
    flex-direction: column;
    gap: 30px;
    row-gap: 30px;
    flex-grow: 1;
}
.product-detail-container .product-detail-d-flex .left-side-container .first-container{
    display: flex;
    background: white;
    gap: 30px;
    row-gap: 20px;
}
.product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-img-div{
    width: calc(50% - 15px);
    display: flex;
    flex-grow: 1;
}
.product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-img-div img{
    max-width: 100%;
    width: 100%;
    object-fit: cover;
}
.product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 15px;
    row-gap: 15px;
    padding: 20px 0px;
    padding-right: 40px;
    width: calc(50% - 15px);
}
.product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .title{
    font-size: 32px;
    font-family: 'Exo', sans-serif;
    font-weight: 400;
}
.product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .description{
    font-size: 18px;
    font-family: 'Exo', sans-serif;
    font-weight: 400;
    line-height: 2;
    max-height: 100%;
    margin-bottom:30px;
}
.product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .piece-div{
    display: flex;
    position: relative;
    align-items: center;
    margin-top: 40px;
    width: 90%;
    justify-content: space-between;
}
.product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .piece-div .back-piece{
    font-size: 28px;
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    color: #AFAFAF;
    position: relative;
}
.product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .piece-div .back-piece:before{
    background:var(--main-light-color-reddark);
    content: '';
    width: 80%;
    height: 2px;
    transform: rotate(165deg);
    position: absolute;
    top: 14px;
}
.product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .piece-div .piece{
    font-size: 40px;
    font-family: 'Exo', sans-serif;
    font-weight: bold;
    color: var(--main-light-color-product-piece);
    display: flex;
    align-items: center;
}
.product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .piece-div .piece-fraction{
    font-size: 30px;
}
.product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .piece-div .discounted-div{
    font-size: 16px;
    font-family: 'Exo', sans-serif;
    font-weight: bold;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--main-light-color-reddark);
    width: 56px;
    height: 56px;
    top: -50px;
    right: -50px;
    position: absolute;
    border-radius: 50%;
}
.product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .add-basket-div{
    display: flex;
    gap: 15px;
    row-gap: 30px;
    flex-wrap: wrap;
}
.product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .add-basket-div .basket-btn{
    font-family: 'Exo', sans-serif;
    font-size: 22px;
    font-weight: bold;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--main-light-color-reddark);
    cursor: pointer;
    text-decoration: none;
    color: white;
    padding: 0px 20px;
    width: calc(50% - 7.5px);
    min-width: 160px;
    margin-left: auto;
}

.product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .add-basket-div .price-input-div{
    background: var(--main-light-color-graylight);
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    font-weight: bold;
    outline: none;
    border: none;
    width: max-content;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    row-gap: 10px;
    padding: 12px;
    width: calc(50% - 7.5px);
    }
    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .add-basket-div .price-input-div .increment{
        color: black;
        background: transparent;
        border: none;
        font-weight: bold;
        font-family: 'Exo', sans-serif;
        font-size: 22px;
    }
    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .add-basket-div .price-input-div .deincrement{
        color: black;
        background: transparent;
        border: none;
        font-weight: bold;
        font-family: 'Exo', sans-serif;
        font-size: 27px;
    }
    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .add-basket-div .price-input-div .price-input{
        width:min-content;
        max-width:calc(100% - 35px);
        height: auto;
        outline: none;
        border: none;
        background: transparent;
        font-weight: bold;
        font-family: 'Exo', sans-serif;
        font-size: 22px;
        text-align: right;
    }
    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .add-basket-div .price-input-div .price-input.t-center{
        text-align: center;
    }
    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .add-basket-div .price-input-div .variant-span{
        display: flex;
        align-items: center;
        gap: 1px;
        font-weight: bold;
        font-family: 'Exo', sans-serif;
        font-size: 22px;
    }
    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .add-basket-div .price-input-div .price-input::-webkit-outer-spin-button,
    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .add-basket-div .price-input-div .price-input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    
    /* Firefox */
    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .add-basket-div .price-input-div .price-input[type=number] {
      -moz-appearance: textfield;
    }

    




.product-detail-container .product-detail-d-flex .right-side-container{
    display: flex;
    flex-direction: column;
    gap: 30px;
    row-gap: 30px;
    border: 1px dashed var(--main-light-color-darkproduct);
    padding: 15px 10px;
    height: max-content;
    background: white;
    width: 100%;
    max-width: 300px;
    position: sticky;
    top: 2%;

}
    .product-detail-container .product-detail-d-flex .right-side-container .empty-div {
        height: 280px;
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-direction: column;
    }

        .product-detail-container .product-detail-d-flex .right-side-container .empty-div .basket-empty-desc {
            font-family: 'Exo', sans-serif;
            font-size: 18px;
            font-weight: 400;
            text-align: center;
            color: var(--main-light-color-reddark);
        }
.product-detail-container .product-detail-d-flex .right-side-container .basket-comp-name{
    font-family: 'Exo', sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}


.product-detail-container .product-detail-d-flex .right-side-container .basket-items{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-detail-container .product-detail-d-flex .right-side-container .basket-items .prd-title{
    display: flex;
    flex-direction: column;
}
.product-detail-container .product-detail-d-flex .right-side-container .basket-items .prd-title .prd-name{
    font-family: 'Exo', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.product-detail-container .product-detail-d-flex .right-side-container .basket-items .prd-title .bot-div{
display: flex;
gap: 10px;
row-gap: 10px;
}
.product-detail-container .product-detail-d-flex .right-side-container .basket-items .prd-title .bot-div .price-title{
font-family: 'Exo', sans-serif;
font-size: 15px;
font-weight: 500;
color: var(--main-light-color-reddark);
}
.product-detail-container .product-detail-d-flex .right-side-container .basket-items .prd-title .bot-div .piece-title{
font-family: 'Exo', sans-serif;
font-size: 15px;
font-weight: 300;
color: var(--main-light-color-darkcolor);
}
.product-detail-container .product-detail-d-flex .right-side-container .basket-items .price-input-div{
background: var(--main-light-color-orangelight);
font-family: 'Exo', sans-serif;
font-size: 14px;
font-weight: bold;
outline: none;
border: none;
max-width: 100px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
row-gap: 10px;
padding: 12px;
}
.product-detail-container .product-detail-d-flex .right-side-container .basket-items .price-input-div .increment{
    color: black;
    background: transparent;
    border: none;
    font-weight: bold;
    font-family: 'Exo', sans-serif;
    font-size: 20px;
}
.product-detail-container .product-detail-d-flex .right-side-container .basket-items .price-input-div .deincrement{
    color: black;
    background: transparent;
    border: none;
    font-weight: bold;
    font-family: 'Exo', sans-serif;
    font-size: 25px;
}
.product-detail-container .product-detail-d-flex .right-side-container .basket-items .price-input-div .price-input{
    width: 30px;
    height: auto;
    outline: none;
    border: none;
    background: transparent;
    font-weight: bold;
    font-family: 'Exo', sans-serif;
    font-size: 14px;
    text-align: center;
}
.product-detail-container .product-detail-d-flex .right-side-container .basket-items .price-input-div .price-input::-webkit-outer-spin-button,
.product-detail-container .product-detail-d-flex .right-side-container .basket-items .price-input-div .price-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.product-detail-container .product-detail-d-flex .right-side-container .basket-items .price-input-div .price-input[type=number] {
  -moz-appearance: textfield;
}

.product-detail-container .product-detail-d-flex .right-side-container .btn-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 35px;
    padding-bottom: 5px;
    border-top:  1px solid var(--main-light-color-bordercolor);
    margin-top: 40px;
}
.product-detail-container .product-detail-d-flex .right-side-container .btn-container .direct-basket{
    display: flex;
    justify-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-family: 'Exo', sans-serif;
    font-size: 16px;
    background: var(--main-light-color-reddark);
    cursor: pointer;
    text-decoration: none;
    padding: 8px 28px;
}
.product-detail-container .product-detail-d-flex .right-side-container .btn-container .total-prices{
    color: black;
    font-weight: 600;
    font-family: 'Exo', sans-serif;
    font-size: 16px;
}
.product-detail-container  .toggle-container{
    position: sticky;
    top: 35%;
    height: 50px;
    right: 0;
    width: 40px;
    background: var(--main-light-color-orangelight);
    float: right;
    z-index: 999;
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 28% 0);
}
.product-detail-container  .toggle-container .toggled-btn{
    text-decoration: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    font-family: 'Exo', sans-serif;
    font-size: 32px;
    font-weight: 600;
    justify-content: center;
    align-items:center;
    cursor: pointer;
    color: var(--main-light-color-darkcolor);
}
.product-detail-container .product-detail-d-flex .left-side-container .two-container{
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 40px;
    padding-bottom: 140px;
    background: white;
}
.product-detail-container .product-detail-d-flex .left-side-container .two-container .description{
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 120px;
}
    .product-detail-container .product-detail-d-flex .left-side-container .two-container .prd-description {
        font-family: 'Exo', sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 2;
        margin-bottom: 20px;
        display: none;
        border-bottom: 0.5px solid #707070;
        padding-bottom:30px;
    }
.product-detail-container .product-detail-d-flex .left-side-container .two-container .encyclopedia-btn{
    cursor: pointer;
    text-decoration: none;
    width: max-content;
}
.product-detail-container .product-detail-d-flex .left-side-container .two-container .encyclopedia-btn img{
    max-width: 100%;
}

.product-detail-container .product-detail-d-flex .left-side-container .two-container .rightbottomimg{
    position: absolute;
    z-index: 3;
    max-width: 280px;
    bottom: -150px;
    right: 0;
    width: 100%;
}
.product-detail-container .product-detail-d-flex .left-side-container .two-container .rightbottomimg.light{
display: none;
}

.product-detail-container .product-detail-d-flex .bottom-side-container{
    display: flex;
    flex-direction: column;
    background: var(--main-light-color-orangecut6);
    gap: 30px;
    row-gap: 30px;
    margin-top: 200px;
    flex-grow: 1;
    padding: 30px 60px;
}
.product-detail-container .product-detail-d-flex.history .bottom-side-container{
    margin-top: 0px;
    margin-bottom: 15px;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .one-col{
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .one-col .title{
    background: var(--main-light-color-orangesoft);
    padding: 10px 30px;
    color: white;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Exo', sans-serif;
    font-size: 22px;
    font-weight: bold;
    width: auto;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .one-col .yt-icon-btn{
    cursor: pointer;
    text-decoration: none;
    position: absolute;
    right: 0;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .one-col .yt-icon-btn .yt-icon{
    max-width: 100%;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .two-col{
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .two-col .content-title{
    font-family: 'Exo', sans-serif;
    font-size: 40px;
    font-weight: 400;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .three-col{
    display: flex;
    justify-content: center;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .three-col .content{
    font-family: 'Exo', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .four-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    row-gap: 20px;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .four-col .share-social-iframe {
    max-width: 100%;
    position: relative;
    width: 100%;
    height: 450px;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .four-col .social-div{
    display: flex;
    gap: 10px;
    row-gap: 10px;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .four-col .share-social-iframe.posting  {
    max-width: 100%;
    position: relative;
    width: calc(25% - 7.5px);
    display: flex;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .four-col .share-social-iframe.posting iframe {
    position: relative;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .four-col .share-social-iframe iframe {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .four-col .slide-div {
display: flex;
align-items: center;
gap: 10px;
row-gap: 20px;
}
.product-detail-container .product-detail-d-flex .bottom-side-container .four-col .slide-div .slide-item{
    object-fit: cover;
    max-width: 100%;
    width: calc(50% - 5px);
}




/*Profile*/
.profil-container{
    height: auto;
    width:auto;
    max-width: 100%;
    position: relative;
    margin-top: 30px;
    }
.profil-container .profil-d-flex{
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: flex;
    gap: 15px;
    row-gap: 20px;
    position: relative;
}
.profil-container .profil-d-flex .left-side-bar{
    position: sticky;
    top: 2%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    row-gap: 25px;
    padding: 15px 25px;
    padding-bottom: 40px;
    background: white;
}

.profil-container .profil-d-flex .left-side-bar .profile-info-div{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
    border-bottom:1px solid var(--main-light-color-bordercolor);
}
.profil-container .profil-d-flex .left-side-bar .profile-info-div .profile-name{
    color: var(--main-light-color-reddark);
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}
.profil-container .profil-d-flex .left-side-bar .profile-link{
    text-decoration: none;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
}
.profil-container .profil-d-flex .left-side-bar .profile-link.selected{
    color: var(--main-light-color-reddark);
    font-weight: 500;
}
.profil-container .profil-d-flex .right-side-bar{
    display: flex;
    flex-direction: column;
    gap: 25px;
    row-gap: 25px;
    padding: 15px 25px;
    padding-bottom: 40px;
    background: white;
    flex-grow: 1;
}
.profil-container .profil-d-flex .right-side-bar .title{
    color: var(--main-light-color-reddark);
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
}
.profil-container .profil-d-flex .right-side-bar .back-order-div{
    display: flex;
    flex-direction: column;
    gap: 10px;
    row-gap: 10px;    
}
.profil-container .profil-d-flex .right-side-bar .back-order-div .Add-Adress{
    text-decoration:none;
    color:white;
    background:var(--main-light-color-reddark);
    font-family: 'Exo', sans-serif;
    font-size: 14px;
    font-weight: 300;
    display:flex;
    align-items:center;
    width:max-content;
    padding:5px;
}
.profil-container .profil-d-flex .right-side-bar .back-order-div .title{
    color: var(--main-light-color-orangesoft);
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    font-weight: bold;
}
.profil-container .profil-d-flex .right-side-bar .back-order-div .order-list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 20px;
}
.profil-container .profil-d-flex .right-side-bar .back-order-div .order-list .order-items{
    display: flex;
    flex-direction: column;
    gap: 5px;
    row-gap: 5px;
    background: var(--main-light-color-graylight);
    width: calc(25% - 7.50px);
    font-family: 'Exo', sans-serif;
    font-size: 13px;
    font-weight: 300;
    padding: 15px;
    position: relative;
}
.profil-container .profil-d-flex .right-side-bar .back-order-div .order-list .order-items.not-selected{
    background:#B8B8B8;
}
.profil-container .profil-d-flex .right-side-bar .back-order-div .order-list .order-items.fav-butcher{
    background:var(--main-light-color-darkcolor);
}
.profil-container .profil-d-flex .right-side-bar .back-order-div .order-list .order-items.fav-butcher p{
    color:white;
}
.profil-container .profil-d-flex .right-side-bar .back-order-div .order-list .order-items .comment-btn{
    all: unset;
    position: absolute;
    top: 5px;
    right: 8px;
    cursor: pointer;
}
.profil-container .profil-d-flex .right-side-bar .back-order-div .order-list .order-items .comment-btn svg{
    max-width: 100%;
}
.profil-container .profil-d-flex .right-side-bar .back-order-div .order-list .order-items .d-flexible{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}
.profil-container .profil-d-flex .right-side-bar .back-order-div .order-list .order-items .d-flexible label{
    color: var(--main-light-color-bordercolor);
    font-family: 'Exo', sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.profil-container .profil-d-flex .right-side-bar .back-order-div .order-list.card-order .order-items{
    min-height: 95px;
    justify-content: center;
}
.profil-container .profil-d-flex .right-side-bar .back-order-div .order-list .order-items .prices{
    font-weight: 600;
    font-size: 16px;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div{
    display: flex;
    flex-direction: column;
    gap: 10px;
    row-gap: 10px;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .title{
    color: var(--main-light-color-orangesoft);
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    font-weight: bold;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 20px;
}

.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-1{
    display: flex;
    justify-items:end;
    background-image: url(img/camp-items-1.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: calc(25% - 7.5px);
    gap: 20px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-1 .tprighticon{
    position: absolute;
    top: 5px;
    right: 5px;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-1 .left-container{
    height: 100%;
    border-right: 3px dotted white;
    padding: 10px 20px;
    display: flex;
    align-items: end;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-1 .left-container .icon{
    max-width: 100%;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-1 .right-container{
    display: flex;
    flex-direction: column;
    padding: 10px 5px;
    flex-grow: 1;
    align-items: center;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-1 .right-container .title{
color: var(--main-light-color-reddark);
font-size: 24px;
font-family: 'Exo', sans-serif;
font-weight: 300;
max-width: 60px;
margin-right: 20px;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-1 .right-container .percent{
color: var(--main-light-color-reddark);
font-size: 40px;
font-family: 'Exo', sans-serif;
font-weight: 600;
}


.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-2{
    display: flex;
    justify-items:end;
    background-image: url(img/camp-items-2.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: calc(25% - 7.5px);
    gap: 20px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-2 .tprighticon{
    position: absolute;
    top: 5px;
    right: 5px;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-2 .left-container{
    height: 100%;
    border-right: 3px dotted white;
    padding: 10px 20px;
    display: flex;
    align-items: end;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-2 .left-container .icon{
    max-width: 100%;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-2 .right-container{
    display: flex;
    flex-direction: column;
    padding: 10px 5px;
    flex-grow: 1;
    align-items: center;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-2 .right-container .title{
color: white;
font-size: 24px;
font-family: 'Exo', sans-serif;
font-weight: 300;
max-width: 60px;
margin-right: 20px;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-2 .right-container .percent{
color: white;
font-size: 40px;
font-family: 'Exo', sans-serif;
font-weight: 600;
}


.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-3{
    display: flex;
    justify-items:end;
    background-image: url(img/camp-items-3.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: calc(25% - 7.5px);
    gap: 20px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-3 .tprighticon{
    position: absolute;
    top: 5px;
    right: 5px;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-3 .left-container{
    height: 100%;
    border-right: 3px dotted white;
    padding: 10px 20px;
    display: flex;
    align-items: end;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-3 .left-container .icon{
    max-width: 100%;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-3 .right-container{
    display: flex;
    flex-direction: column;
    padding: 10px 5px;
    flex-grow: 1;
    align-items: center;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-3 .right-container .title{
color: white;
font-size: 24px;
font-family: 'Exo', sans-serif;
font-weight: 300;
max-width: 60px;
margin-right: 20px;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-3 .right-container .percent{
color: white;
font-size: 40px;
font-family: 'Exo', sans-serif;
font-weight: 600;
}

.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-4{
    display: flex;
    justify-items:end;
    background-image: url(img/camp-items-4.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: calc(25% - 7.5px);
    gap: 20px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-4 .tprighticon{
    position: absolute;
    top: 5px;
    right: 5px;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-4 .left-container{
    height: 100%;
    border-right: 3px dotted white;
    padding: 10px 20px;
    display: flex;
    align-items: end;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-4 .left-container .icon{
    max-width: 100%;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-4 .right-container{
    display: flex;
    flex-direction: column;
    padding: 10px 5px;
    flex-grow: 1;
    align-items: center;
}
.profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-4 .right-container .title{
    color: var(--main-light-color-reddark);
    font-size: 24px;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    max-width: 60px;
    margin-right: 20px;
    }
    .profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-4 .right-container .percent{
    color: var(--main-light-color-reddark);
    font-size: 40px;
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    }

    .profil-container .profil-d-flex .left-side-bar .filter-toggled-btn{
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        top: 10px;
        right: 10px;
        display: none;
    }

.profil-container .profil-d-flex .toggle-cbox-div{
   width: 35px;
   height: 14px;
   background: #727272;
   border-radius: 15px;
   display: flex;
   align-items: center;
   transition: all .2s ease-in-out;
   cursor: pointer;
}
.profil-container .profil-d-flex .toggle-cbox-div .toggle-cbox-btn{
    width: 20px;
    height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    background-clip: content-box;
    border-radius: 50%;
    background: white;
    cursor: default;
}
.profil-container .profil-d-flex .toggle-cbox-div .toggle-cbox-btn.checked{
    animation: togglecboxchecked 0.1s linear;
    animation-fill-mode: forwards;
}
.profil-container .profil-d-flex .toggle-cbox-div .toggle-cbox-btn.nonechecked{
    animation: togglecboxnonechecked  0.1s linear;
    animation-fill-mode: forwards;
}

  .profil-container .profil-d-flex .toggle-cbox-div .toggle-cbox-btn:checked {
    background: var(--main-light-color-reddark); 
    margin-left: auto;
  }


  .profil-container .profil-d-flex .order-side-bar{
    display: none;
    flex-direction: column;
    gap: 60px;
    row-gap: 60px;
    padding: 15px 25px;
    padding-bottom: 40px;
    background: white;
    flex-grow: 1;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex{
    display: flex;
    flex-direction: column;
    gap: 10px;
    row-gap: 10px;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .title{
    color: var(--main-light-color-reddark);
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
    row-gap: 10px;
    margin-bottom: 10px;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .title .order-num{
    display: flex;
    align-items: center;
    width: 33px;
    height: 33px;
    justify-content: center;
    background: #FFDE80;
    border-radius: 50%;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container{
    display: flex;
    gap: 10px;
    row-gap: 10px;
    flex-wrap: wrap;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1{
    display: flex;
    align-items: center;
    text-decoration: none;
    background: #FFDE80;
    position: relative;
    width: calc(50% - 5px);
    justify-content: space-between;
    gap: 10px;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1.curier{
    background: #DAF3FB;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1.finished{
    background: #DAFBE3;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .first-item{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 15px;
    padding-right: 0;
    cursor:pointer;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .first-item .adress{
    font-size: 13px;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .first-item .prices{
    font-size: 16px;
    font-family: 'Exo', sans-serif;
    font-weight: 400;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .not-icon{
    width: 44px;
    max-width: 100%;
    display: unset;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .description{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    color: var(--main-light-color-reddark);
    max-width: 120px;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1.curier .description{
    color: #0090FF;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1.finished .description{
    color: #14A53A;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .icon{
    max-width: 100%;
    width: 44px;
    display: unset;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1.curier .icon{
    width: 53px;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .cancel-btn{
    all: unset;
    background: var(--main-light-color-reddark);
    display: flex;
    cursor: pointer;
    flex-direction: column;
    row-gap: 10px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: white;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding:0 15px;
    text-align: center;
    width: 65px;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .curier-btn{
    max-width: 100%;
    width: 95px;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .alternative-btn{
    all: unset;
    background: #0090FF;
    display: flex;
    cursor: pointer;
    flex-direction: column;
    row-gap: 10px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: white;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-width: 95px;
    text-align: center;
  }
  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .comment-btn{
    all: unset;
    background: #FFDE80;
    display: flex;
    cursor: pointer;
    flex-direction: column;
    row-gap: 5px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: var(--main-light-color-reddark);
    justify-content: center;
    align-items: center;
    height: 100%;
    max-width: 95px;
    text-align: center;
  }

  .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 20px;
}
.profil-container .profil-d-flex .order-side-bar .order-d-flex .order-list .order-items{
    display: flex;
    flex-direction: column;
    gap: 5px;
    row-gap: 5px;
    background: var(--main-light-color-graylight);
    width: calc(25% - 7.50px);
    font-family: 'Exo', sans-serif;
    font-size: 13px;
    font-weight: 300;
    padding: 15px;
    position: relative;
}
.profil-container .profil-d-flex .order-side-bar .order-d-flex .order-list .order-items .comment-btn{
    all: unset;
    position: absolute;
    top: 5px;
    right: 8px;
    cursor: pointer;
}
.profil-container .profil-d-flex .order-side-bar .order-d-flex .order-list .order-items .comment-btn svg{
    max-width: 100%;
}
.profil-container .profil-d-flex .order-side-bar .order-d-flex .order-list .order-items .d-flexible{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}
.profil-container .profil-d-flex .order-side-bar .order-d-flex .order-list .order-items .d-flexible label{
    color: var(--main-light-color-bordercolor);
    font-family: 'Exo', sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.profil-container .profil-d-flex .order-side-bar .order-d-flex .order-list.card-order .order-items{
    min-height: 95px;
    justify-content: center;
}
.profil-container .profil-d-flex .order-side-bar .order-d-flex .order-list .order-items .prices{
    font-weight: 600;
    font-size: 16px;
}



  .profil-container .profil-d-flex .comment-side-bar{
    display: flex;
    flex-direction: column;
    gap: 10px;
    row-gap: 10px;
    padding: 15px 25px;
    padding-bottom: 40px;
    background: white;
    flex-grow: 1;
  }
  .profil-container .profil-d-flex .comment-side-bar .title{
    color: var(--main-light-color-reddark);
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
  .profil-container .profil-d-flex .comment-side-bar .comment-d-flex{
    display: flex;
    gap: 10px;
    row-gap: 10px;
  }
  .profil-container .profil-d-flex .comment-side-bar .comment-d-flex .items{
    width: calc(50% - 5px);
    background:#EFF4F8;
    display: flex;
    align-items: center;
    padding: 20px;
    justify-content: space-between;
  }
  .profil-container .profil-d-flex .comment-side-bar .comment-d-flex .items .titleitem{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0090FF;
  }
  .profil-container .profil-d-flex .comment-side-bar .comment-d-flex .items.prd .titleitem{
    color: #14A53A;
  }
  .profil-container .profil-d-flex .comment-side-bar .comment-d-flex .items .star-rating{
    max-width: 100%;
    display: flex;
    flex-direction: row-reverse;
  }
  .profil-container .profil-d-flex .comment-side-bar .comment-d-flex .items .icon{
    max-width: 100%;
  }
  .profil-container .profil-d-flex .comment-side-bar .comments-div{
    display: flex;
    background:#EFF4F8;
    padding: 20px;
    flex-wrap: wrap;
  }
  .profil-container .profil-d-flex .comment-side-bar .comments-div textarea{
    all: unset;
    width: 100%;
    color: #0090FF;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    resize: none;
    overflow: hidden;
  }
  .profil-container .profil-d-flex .comment-side-bar .comments-div .send-button{
    font-family: 'Exo', sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--main-light-color-reddark);
    cursor: pointer;
    text-decoration: none;
    color: white;
    padding: 0px 15px;
    min-width: 140px;
    max-width: 100%;
    margin-left: auto;
    margin-top: 15px;
  }
  .profil-container .profil-d-flex .comment-side-bar .comments-div textarea::placeholder {
    opacity: 1; /* Firefox */
    color: #0090FF;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
  }
  
  .profil-container .profil-d-flex .comment-side-bar .comments-div textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #0090FF;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
  }
  
   .profil-container .profil-d-flex .comment-side-bar .comments-div textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: #0090FF;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
  }

/*adressing*/  
.adressing-container{
    height: auto;
    width:auto;
    max-width: 100%;
    position: relative;
    margin-top: 30px;
    }
.adressing-container .adressing-d-flex{
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: flex;
    gap: 15px;
    row-gap: 20px;
    position: relative;
}
.adressing-container .adressing-d-flex .all-adress-container{
    display: flex;
    gap: 80px;
    background: white;
    padding: 25px;
    flex-grow: 1;
}
.adressing-container .adressing-d-flex .all-adress-container.form{
    padding: 25px 50px;
    flex-direction: column;
}
.adressing-container .adressing-d-flex .all-adress-container .left-side-container{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 20px;
}
.adressing-container .adressing-d-flex .all-adress-container .left-side-container .title{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.adressing-container .adressing-d-flex .all-adress-container .left-side-container .form-title{
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    color: var(--main-light-color-orangesoft);
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.adressing-container .adressing-d-flex .all-adress-container .left-side-container .form-title .c-red{
    color: var(--main-light-color-reddark);
}

.adressing-container .adressing-d-flex .all-adress-container .left-side-container .d-flexible{
    display: flex;
    gap: 50px;
    row-gap: 50px;
}
.adressing-container .adressing-d-flex .all-adress-container .left-side-container .d-flex-cb{
    display: flex;
    gap: 10px;
    row-gap: 10px;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 8px;
}
.adressing-container .adressing-d-flex .all-adress-container .left-side-container .d-flex-cb label{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
}
.adressing-container .adressing-d-flex .all-adress-container .left-side-container .d-flexible .input-text{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    width: 100%;
    background: var(--main-light-color-graylight);
    padding: 15px;
    height: 51px;
    border: none;
    resize: none;
}
.adressing-container .adressing-d-flex .all-adress-container .left-side-container .d-flexible .input-text.h-100{
    height: 130px;
}
.adressing-container .adressing-d-flex .all-adress-container .left-side-container .d-flexible .input-text:focus{
    border: none;
    outline: none;
}
.adressing-container .adressing-d-flex .all-adress-container .left-side-container .d-flexible .select-box{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    width: 100%;
    background: var(--main-light-color-graylight);
    padding: 10px 15px;
    min-height: 51px;
    border: none;
    background-repeat: no-repeat;
   background-position-y: 50%;
   background-position-x: 96%;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='14' viewBox='0 0 21 14'%3E%3Cpath id='Polygon_5' data-name='Polygon 5' d='M10.5 0 21 14H0Z' transform='translate(21 14) rotate(180)' fill='%23fe9622'/%3E%3C/svg%3E");
}
.adressing-container .adressing-d-flex .all-adress-container .left-side-container .d-flexible .select-box:focus{
    border: none;
    outline: none;
}
.adressing-container .adressing-d-flex  .cbox-btn{
    width: 20px;
    height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    background-clip: content-box;
    border: 2px solid var(--main-light-color-bordercolor);
    padding: 2px;
  }
  .adressing-container .adressing-d-flex  .cbox-btn:checked {
    background-color: var(--main-light-color-bordercolor);
  }

  .adressing-container .adressing-d-flex  .cbox-btn-form{
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    background-clip: content-box;
    border: 2px solid  var(--main-light-color-orangesoft);
    min-width: 18px;
    position: relative;
  }
  .adressing-container .adressing-d-flex  .cbox-btn-form:checked {
    background-color: var(--main-light-color-orangesoft);
    position: relative;
  }
  .adressing-container .adressing-d-flex  .cbox-btn-form:before {
    position: absolute;
    top: 0;
    left: 0;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10.42' viewBox='0 0 14 10.42'%3E%3Cpath id='Path' d='M5 10.42l-5-5L1.41 4.01 5 7.59 12.59 0 14 1.42Z' fill='%23fff'/%3E%3C/svg%3E");
  }
  .adressing-container .adressing-d-flex .all-adress-container .left-side-container .d-flexible .form-desc{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
  }

  .adressing-container .adressing-d-flex .all-adress-container .right-side-container{
    display: flex;
    flex-direction: column;
    justify-content: end;
    flex-grow: 1;
    max-width: 300px;
  }
  .adressing-container .adressing-d-flex .all-adress-container.form .right-side-container {
    max-width: unset;
    flex-direction: unset;
  }
  .adressing-container .adressing-d-flex .all-adress-container .right-side-container .d-flexibled{
    display: flex;
    gap: 20px;
    row-gap: 20px;
  }

  .adressing-container .adressing-d-flex .all-adress-container .right-side-container .d-flexibled .cancel-btn{
    all:unset;
    height: 39px;
    padding: 0px 30px;
    font-family: 'Exo', sans-serif;
    font-size: 16px;
    font-weight: bold;
    background: #A4A4A4;
    text-decoration: none;
    cursor: pointer;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .adressing-container .adressing-d-flex .all-adress-container .right-side-container .d-flexibled .save-btn{
    all:unset;
    height: 39px;
    padding: 0px 30px;
    font-family: 'Exo', sans-serif;
    font-size: 16px;
    font-weight: bold;
    background: var(--main-light-color-reddark);
    text-decoration: none;
    cursor: pointer;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }


 /*Products-modal*/
 .Product-modal-container{
    display: flex;
    flex-direction: column;
    gap: 10px;
    row-gap: 10px;
    width: 100%;
    max-width: 400px;
    padding: 0px 10px;
    position: relative;
 }
 .Product-modal-container .title{
    font-family: 'Exo', sans-serif;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
 }
 .Product-modal-container .d-flex-modal{
    display: flex;
    gap: 15px;
    row-gap: 15px;
 }
 .Product-modal-container .d-flex-modal .prd-img{
    max-width: 100%;
    width: calc(50% - 7.5px);
 }
 .Product-modal-container .d-flex-modal .right-side{
    width: calc(50% - 7.5px);
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    gap: 5px;
 }
 .Product-modal-container .d-flex-modal .right-side .prdname{
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    font-weight: bold;
 }
 .Product-modal-container .d-flex-modal .right-side .back-piece{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #AFAFAF;
    position: relative;
 }
 .Product-modal-container .d-flex-modal .right-side .back-piece:before{
    background: var(--main-light-color-reddark);
    content: '';
    width: 30%;
    height: 2px;
    transform: rotate(165deg);
    position: absolute;
    top: 10px;
 }
 .Product-modal-container .d-flex-modal .right-side .piece-div{
    color: var(--main-light-color-product-piece);
    display: flex;
    align-items: center;
    font-family: 'Exo', sans-serif;
    font-size: 22px;
    font-weight: bold;
 }
 .Product-modal-container .d-flex-modal .right-side .piece-div  .piece-fraction{
    font-size: 17px;
 }
 .Product-modal-container  .product-content{
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
 }

 .Product-modal-container  .add-basket-div{
    display: flex;
    gap: 15px;
    row-gap: 30px;
    flex-wrap: wrap;
}
.Product-modal-container  .add-basket-div .basket-btn{
    font-family: 'Exo', sans-serif;
    font-size: 22px;
    font-weight: bold;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--main-light-color-reddark);
    cursor: pointer;
    text-decoration: none;
    color: white;
    padding: 0px 20px;
    width: calc(50% - 7.5px);
    min-width: 160px;
    margin-left: auto;
}

.Product-modal-container  .add-basket-div .price-input-div{
    background: var(--main-light-color-graylight);
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    font-weight: bold;
    outline: none;
    border: none;
    width: max-content;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    row-gap: 10px;
    padding: 12px;
    width: calc(50% - 7.5px);
    }
    .Product-modal-container  .add-basket-div .price-input-div .increment{
        color: black;
        background: transparent;
        border: none;
        font-weight: bold;
        font-family: 'Exo', sans-serif;
        font-size: 22px;
    }
    .Product-modal-container  .add-basket-div .price-input-div .deincrement{
        color: black;
        background: transparent;
        border: none;
        font-weight: bold;
        font-family: 'Exo', sans-serif;
        font-size: 27px;
    }
    .Product-modal-container  .add-basket-div .price-input-div .price-input{
        width:min-content;
        max-width:calc(100% - 35px);
        height: auto;
        outline: none;
        border: none;
        background: transparent;
        font-weight: bold;
        font-family: 'Exo', sans-serif;
        font-size: 22px;
        text-align: right;
    }
    .Product-modal-container  .add-basket-div .price-input-div .price-input.t-center{
        text-align: center;
    }
    .Product-modal-container .add-basket-div .price-input-div .variant-span{
        display: flex;
        align-items: center;
        gap: 1px;
        font-weight: bold;
        font-family: 'Exo', sans-serif;
        font-size: 22px;
    }
    .Product-modal-container  .add-basket-div.price-input-div .price-input::-webkit-outer-spin-button,
    .Product-modal-container  .add-basket-div .price-input-div .price-input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    
    /* Firefox */
    .Product-modal-container  .add-basket-div .price-input-div .price-input[type=number] {
      -moz-appearance: textfield;
    }
    .Product-modal-container .discounted-div{
        position: absolute;
        top: -65px;
        right: 40px;
        color: white;
        font-family: 'Exo', sans-serif;
        font-weight: bold;
        font-size: 18px;
        width: 100px;
        height: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 999;
        padding-bottom: 15px;
    }

    .login-modal-container{
        display: flex;
        flex-direction: column;
        gap: 20px;
        row-gap: 20px;
        width: 400px;
        max-width: 100%;
        padding: 0px 10px;
        position: relative;
     }
     .login-modal-container .title{
        font-family: 'Open Sans', sans-serif;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 15px;
        color: var(--main-light-color-orangedark);
     }
     .login-modal-container.new-account .title{
        color: black;
     }
     .login-modal-container.forgot-password .title{
        color: var(--main-light-color-reddark);
     }
     .login-modal-container .input-text{
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        font-weight: 300;
        width: 100%;
        background: var(--main-light-color-graylight);
        padding: 10px;
        height: 51px;
        border: none;
        resize: none;
    }
    .login-modal-container .input-text:focus{
        border: none;
        outline: none;
    }
    .login-modal-container .d-flex{
        display: flex;
        gap: 15px;
        align-items: center;
    }
    .login-modal-container .d-flex .text{
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 300;
    }
    .login-modal-container .d-flex .progress-bar{
        flex-grow:1;
        height: 16px;
        background: var(--main-light-color-graylight);
    }
    .login-modal-container .d-flex .progress-bar.danger {
        background:var(--main-light-color-reddark)
      }
      
    .login-modal-container .d-flex  .progress-bar.warning {
        background: var(--main-light-color-orangelight);
      }
      
    .login-modal-container .d-flex  .progress-bar.success {
        background: #14A53A;
      }
      .login-modal-container .d-flex  .cbox-btn{
        width: 18px;
        height: 18px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: inline-block;
        background-clip: content-box;
        border: 2px solid  var(--main-light-color-orangesoft);
        min-width: 18px;
      }
      .login-modal-container .d-flex  .cbox-btn:checked {
        background-color: var(--main-light-color-orangesoft);
        position: relative;
      }
      .login-modal-container .d-flex  .cbox-btn:checked:before {
        position: absolute;
        top: 0;
        left: 0;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10.42' viewBox='0 0 14 10.42'%3E%3Cpath id='Path' d='M5 10.42l-5-5L1.41 4.01 5 7.59 12.59 0 14 1.42Z' fill='%23fff'/%3E%3C/svg%3E");
      }


      .login-modal-container .login-btn{
        border:none;
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        font-weight: bold;
        height: 39px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: var(--main-light-color-reddark);
        cursor: pointer;
        text-decoration: none;
        color: white;
        padding: 0px 10px;
        width: 100%;
        max-width: 210px;
        margin-left: auto;
        margin-right: auto;
    }
    .login-modal-container .description{
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 300;
    }
    .login-modal-container .description .rules{
        padding-left: 15px;
    }
    .login-modal-container .description .rules.ok:before{
        content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath id='Path_1052' data-name='Path 1052' d='M1466.844 776.1a.24.24 0 0 1 0-.205c.18-.426.355-.853.531-1.281a1.314 1.314 0 0 0-.576-1.735c-.447-.268-.893-.537-1.343-.8a.286.286 0 0 1-.149-.2c-.1-.417-.2-.834-.3-1.25a1.318 1.318 0 0 0-1.456-1.05c-.516.042-1.032.078-1.547.122a.291.291 0 0 1-.25-.081c-.151-.145-.312-.28-.469-.42a2.391 2.391 0 0 0-1.082-.7h-.41a2.656 2.656 0 0 0-1.16.767c-.03.025-.058.052-.087.078-.415.369-.414.367-.964.319-.408-.035-.816-.068-1.225-.1a1.312 1.312 0 0 0-1.328.914c-.159.505-.323 1.009-.482 1.515a.269.269 0 0 1-.133.161c-.4.236-.8.479-1.208.711a1.358 1.358 0 0 0-.677.874c-.006.023 0 .05-.033.058v.469c.225.556.449 1.112.677 1.667a.177.177 0 0 1-.018.151c-.176.427-.349.854-.529 1.279a1.529 1.529 0 0 1-.13.331v.5c.023 0 .027.022.032.042a1.391 1.391 0 0 0 .713.9c.436.248.862.513 1.3.765a.3.3 0 0 1 .155.211c.1.446.207.892.324 1.334a1.271 1.271 0 0 0 1.287.966c.565-.021 1.129-.076 1.693-.121a.268.268 0 0 1 .222.075c.29.261.586.516.879.774a1.31 1.31 0 0 0 1.794.006q.452-.395.9-.793a.223.223 0 0 1 .182-.064c.486.041.974.07 1.459.116a1.341 1.341 0 0 0 1.569-1.032c.063-.25.121-.5.181-.753.042-.175.085-.35.124-.526a.252.252 0 0 1 .133-.175c.453-.267.9-.538 1.355-.809a1.314 1.314 0 0 0 .576-1.736C1467.2 776.949 1467.023 776.521 1466.844 776.1Zm-2.194-1.948q-2.426 2.425-4.852 4.848a.811.811 0 0 1-1.234 0q-1.609-1.6-3.208-3.207a.82.82 0 1 1 1.16-1.156c.822.814 1.642 1.63 2.453 2.455.159.162.24.188.417.009q2.025-2.052 4.073-4.081a.817.817 0 0 1 1.427.31 1.74 1.74 0 0 1 .035.183A.9.9 0 0 1 1464.649 774.148Z' transform='translate(-1452.5 -768.5)' fill='%2314a53a'/%3E%3C/svg%3E");
        position: absolute;
        left: 0;
    }
    .login-modal-container .description .rules.cancel:before{
        content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15' height='15' viewBox='0 0 15 15'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_534' data-name='Rectangle 534' width='15' height='15' transform='translate(0.171 0.026)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_685' data-name='Group 685' transform='translate(-0.171 -0.026)'%3E%3Cg id='Group_684' data-name='Group 684' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_909' data-name='Path 909' d='M6.25 0A6.25 6.25 0 1 0 12.5 6.25 6.25 6.25 0 0 0 6.25 0M8.8 9.494l-2.58-2.58L3.757 9.374 3.1 8.721 5.564 6.26 3.006 3.7l.7-.7L6.262 5.563 8.721 3.1l.653.654-2.46 2.46L9.495 8.8Z' transform='translate(1.421 1.276)' fill='%23fb0050'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        position: absolute;
        left: 0;
    }
    .login-modal-container .bt-d-flex{
        display: flex;
        gap: 10px;
        row-gap: 10px;
        justify-content: space-between;
        margin-top: 20px;
    }
    .login-modal-container .bt-d-flex .item{
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
        color: var(--main-light-color-darkcolor);
        text-decoration: none;
        cursor:pointer;
    }
    .login-modal-container .bt-d-flex .item.color{
        color: var(--main-light-color-reddark);
    }

    .order-modal-container{
        display: flex;
        flex-direction: column;
        width: 400px;
        max-width: 100%;
        padding: 0px 10px;
        position: relative;
     }
     .order-modal-container .title{
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: var(--main-light-color-reddark);
        text-align: center;
     }
     .order-modal-container .piece{
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: var(--main-light-color-reddark);
        text-align: center;
        margin-bottom: 7px;
     }
     .order-modal-container .order-num{
        font-family: 'Exo', sans-serif;
        font-size: 13px;
        font-weight: 300;
        text-align: center;
        margin-top: 5px;
     }
     .order-modal-container .order-num b{
        font-weight: 600;
     }
     .order-modal-container .info-bar{
        display: flex;
        gap: 10px;
        justify-content: space-between;
        align-items: center;
        background:#FFDE80;
        padding:10px;
        width: 100%;
        margin: 15px 0px;
     }
     .order-modal-container .info-bar.curier{
        background: #DAF3FB;
     }
     .order-modal-container .info-bar .d-col{
        display: flex;
        flex-direction: column;
        row-gap: 10px;
     }
     .order-modal-container .info-bar .d-col .text{
        font-family: 'Exo', sans-serif;
        font-size: 13px;
        font-weight: 300;
     }
     .order-modal-container .info-bar  .status{
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: var(--main-light-color-reddark);
        width: min-content;
     }
     .order-modal-container .icon{
        max-width: 100%;
        width: 60px;
     }
     .order-modal-container .pr-d-flex{
        display: flex;
        gap: 10px;
        background: #F2F2F2;
        padding-left: 10px;
        align-items: center;
        margin-top: 7px;
     }
     .order-modal-container .pr-d-flex.cancel{
        background: #FFD1D1;
     }
     .order-modal-container .pr-d-flex .img{
        width: 66px;
        height: 51px;
        max-width: 100%;
        object-fit: cover;
     }
     .order-modal-container .pr-d-flex .pr-col{
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: center;
     }
     .order-modal-container .pr-d-flex .pr-col .pr-flex{
        display: flex;
        gap: 10px;
     }
     .order-modal-container .pr-d-flex .pr-col .name{
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        font-weight: 500;
     }
     .order-modal-container .pr-d-flex .pr-col .pr-flex .price{
        font-family: 'Exo', sans-serif;
        font-size: 15px;
        font-weight: 500;
        color: var(--main-light-color-reddark);
     }
     .order-modal-container .pr-d-flex .pr-col .pr-flex .pieces{
        font-family: 'Exo', sans-serif;
        font-size: 14px;
        font-weight: 400;
     }
     .order-modal-container .pr-d-flex .verify{
        display: flex;
        align-items: center;
        justify-content: center;
        background:#DAFBE3;
        width: 85px;
        height: 65px;
        max-width: 100%;
     }
     .order-modal-container .pr-d-flex .cancelled{
        display: flex;
        align-items: center;
        justify-content: center;
        background:var(--main-light-color-reddark);
        width: 85px;
        height: 65px;
        max-width: 100%;
        color: white;
        font-family: 'Open Sans', sans-serif;
        font-size: 11px;
        font-weight: bold;
        padding: 0px 5px;
     }
     .order-modal-container .total-flex{
        display: flex;
        background:#D6D6D6;
        justify-content: space-between;
        align-items: center;
        margin-top: 5px;
        height: 41px;
        padding: 0px 10px;
     }
     .order-modal-container .total-flex .desc{
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        font-weight: 400;
     }
     .order-modal-container .total-flex .total-price{
        font-family: 'Exo', sans-serif;
        font-size: 16px;
        font-weight: 500;
     }
 
.introduction-container{
    height: auto;
    width: auto;
    max-width: 100%;
    position: relative;
    margin-top: 30px;
}
.introduction-container .introduction-d-flex {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: flex;
    gap: 15px;
    row-gap: 15px;
    position: relative;
    flex-direction: column;
}
.introduction-container .introduction-d-flex .title-col{
    display: flex;
    flex-direction: column;
}
.introduction-container .introduction-d-flex .title-col .title{
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 32px;
    color: var(--main-light-color-orangesoft);
}
.introduction-container .introduction-d-flex .title-col .subtitle{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
}
.introduction-container .introduction-d-flex .selectlist-container{
    display: flex;
    justify-content: right;
    gap: 10px;
    row-gap: 10px;
}
.introduction-container .introduction-d-flex .selectlist-container .select-box{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    width: 100%;
    max-width: 260px;
    background: white;
    padding: 15px;
    height: 51px;
    border: none;
    background-repeat: no-repeat;
   background-position-y: 50%;
   background-position-x: 96%;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='14' viewBox='0 0 21 14'%3E%3Cpath id='Polygon_5' data-name='Polygon 5' d='M10.5 0 21 14H0Z' transform='translate(21 14) rotate(180)' fill='%23fe9622'/%3E%3C/svg%3E");
}
.introduction-container .introduction-d-flex .selectlist-container .select-box:focus{
    border: none;
    outline: none;
}
.introduction-container .introduction-d-flex .butcher-d-flex{
    display: flex;
    gap: 10px;
    row-gap: 30px;
    flex-wrap: wrap;
}
.introduction-container .introduction-d-flex .butcher-d-flex .items{
    background: white;
    display: flex;
    flex-direction: column;
    width: calc(25% - 7.5px);
    cursor: pointer;
    text-decoration: none;
    gap: 15px;
    row-gap: 15px;
    padding-bottom: 10px;
}
.introduction-container .introduction-d-flex .butcher-d-flex .items .img{
    max-width: 100%;
    width: 100%;
}
.introduction-container .introduction-d-flex .butcher-d-flex .items .butcher-name{
    font-family: 'Exo', sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: var(--main-light-color-reddark);
    text-align: center;
    width: 100%;
    padding:0px 5px;
}
.introduction-container .introduction-d-flex .butcher-d-flex .items .butcher-location{
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: var(--main-light-color-darkproduct);
    text-align: center;
    width: 100%;
    padding:0px 5px;
}
    

  /*Light Theme*/
  
  .light-theme .header{
    background: var(--main-light-color-orangecut6);
  }
  .light-theme .sub-header .sub-header-content .select-container{
    background: url(img/selectable-bg-light.svg);
    background-repeat: no-repeat;
  }
  .light-theme .header .header-content .campaign{
    background: url(img/campaign-bg-light.svg);
    background-repeat: no-repeat;
    color:var(--main-light-color-reddark);
  }
  .light-theme .header .header-content .profile-container .user-circle{
    border-radius: 50%;
    width: 37px;
    height: 37px;
    background: white;
    /*border: 1px solid var(--main-light-color-usercircle);*/
}
.light-theme .header .header-content .profile-container .profile-text{
    color: white;
    font-size: 14px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    font-style: italic;
}
.light-theme .header .header-content .basketh-container a span{
    color: white;
}


  .light-theme .header .left-side-cut{
    display: flex;
    position: absolute;
    z-index: 0;
    max-width: 374px;
    width: 100%;
    min-height: 96px;
    height: 100%;
    left: 0;
}
.light-theme .header .left-side-cut .cuting-1{
    width: 100%;
    height: 100%;
    max-width: 84px;
    min-height: 96px;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    background: var(--main-light-color-orangecut1);
    position: relative;
    left: 0;
    z-index: 0;
}
.light-theme .header .left-side-cut .cuting-2{
    width: 100%;
    height: 100%;
    max-width: 168px;
    min-height: 96px;
    clip-path: polygon(42% 0, 100% 0%, 53% 100%, 0 100%);
    background: var(--main-light-color-orangecut2);
    position: relative;
    left: -84px;
    z-index: 0;
    
}
.light-theme .header .left-side-cut .cuting-3{
    width: 100%;
    height: 100%;
    max-width: 168px;
    min-height: 96px;
    clip-path: polygon(42% 0, 100% 0%, 53% 100%, 0 100%);
    background: var(--main-light-color-orangecut3);
    position: relative;
    left: -154px;
    z-index: 0;
}
.light-theme .header .right-side-cut{
    display: flex;
    position: absolute;
    z-index: 0;
    max-width: 374px;
    width: 100%;
    min-height: 96px;
    height: 100%;
    top: 0;
    right: 0;
}
.light-theme .header .right-side-cut .cuting-1{
    width: 100%;
    height: 100%;
    max-width: 168px;
    min-height: 96px;
    clip-path: polygon(42% 0, 100% 0%, 53% 100%, 0 100%);
    background: var(--main-light-color-orangecut4);
    position: relative;
    left: 0;
    z-index: 0;
    margin-left: 116px;
    margin-right: -79px;
}
.light-theme .header .right-side-cut .cuting-2{
    width: 100%;
    height: 100%;
    max-width: 168px;
    min-height: 96px;
    clip-path: polygon(42% 0, 100% 0%, 53% 100%, 0 100%);
    background: var(--main-light-color-orangecut5);
    position: relative;
    left: 0;
    z-index: 0;
    margin-right: -84px;
}
.light-theme .header .right-side-cut .cuting-3{
    width: 100%;
    height: 100%;
    max-width: 84px;
    min-height: 96px;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    background: var(--main-light-color-orangecut6);
    position: relative;
    left: 0;
    z-index: 0;
    transform: rotate(180deg);
}

.light-theme .campains-container{
    background: var(--main-light-color-orangecut6);
}
.light-theme .campains-container .all-campains .first-container .rightopimg.light{
    display: inherit;
}
.light-theme .campains-container .all-campains .first-container .rightopimg.black{
    display: none;
}
.light-theme .campains-container .all-campains .first-container .title-container .title {
    color: var(--main-light-color-darkcolor);
}
.light-theme .campains-container .all-campains .first-container .title-container .subtitle {
    color: var(--main-light-color-darkcolor);
}
.light-theme .campains-container .all-campains .three-container{
    color: var(--main-light-color-darkcolor);
}
.light-theme .footer-container{
    background:var(--main-light-color-orangecut6);
}
.light-theme .footer-container .all-footer .top-container .left-side .universalcode {
    color: var(--main-light-color-darkcolor);
}
.light-theme .footer-container .all-footer .top-container .left-side .phonenumber .number {
    color: var(--main-light-color-darkcolor);
}
.light-theme .footer-container .all-footer .top-container .left-side .phonenumber .companyname {
    color: var(--main-light-color-darkcolor);
}
.light-theme .footer-container .all-footer .top-container .right-side.light{
    display: inherit;
}
.light-theme .footer-container .all-footer .top-container .right-side.black{
    display: none;
}
.light-theme .footer-container .all-footer .bottom-container .left-container .footer-menu a {
    color: var(--main-light-color-darkcolor);
}
.light-theme .footer-container .all-footer .bottom-container .right-container {
    color: var(--main-light-color-darkcolor);
}
.light-theme .product-detail-container .product-detail-d-flex .left-side-container .two-container .rightbottomimg.light{
    display: inherit;
}
.light-theme .product-detail-container .product-detail-d-flex .left-side-container .two-container .rightbottomimg.black{
    display: none;
}
.light-theme .header .header-content .menu-hamburger-btn svg rect{
    fill: var(--main-light-color-darkcolor);
}

.newpw-flex{
    display:flex;
    flex-direction:column;
    gap:15px;
}
.newpw-flex .input-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    width: 100%;
    max-width:300px;
    background: var(--main-light-color-graylight);
    padding: 15px;
    height: 40px;
    border: none;
    resize: none;
}
.newpw-flex .send-btn{
    all: unset;
    height: 39px;
    padding: 0px 30px;
    font-family: 'Exo', sans-serif;
    font-size: 16px;
    font-weight: bold;
    background: var(--main-light-color-reddark);
    text-decoration: none;
    cursor: pointer;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width:120px;
}
.newpw-flex .progress-bar {
flex-grow: 1;
height: 16px;
background: var(--main-light-color-graylight);
max-width:300px;
}
.newpw-flex .progress-bar.danger {
    background: var(--main-light-color-reddark)
}

.newpw-flex .progress-bar.warning {
    background: var(--main-light-color-orangelight);
}

.newpw-flex .progress-bar.success {
    background: #14A53A;
}
.newpw-flex .description {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 300;
}
.newpw-flex .description .rules {
padding-left: 15px;
}
.newpw-flex .description .rules.ok:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath id='Path_1052' data-name='Path 1052' d='M1466.844 776.1a.24.24 0 0 1 0-.205c.18-.426.355-.853.531-1.281a1.314 1.314 0 0 0-.576-1.735c-.447-.268-.893-.537-1.343-.8a.286.286 0 0 1-.149-.2c-.1-.417-.2-.834-.3-1.25a1.318 1.318 0 0 0-1.456-1.05c-.516.042-1.032.078-1.547.122a.291.291 0 0 1-.25-.081c-.151-.145-.312-.28-.469-.42a2.391 2.391 0 0 0-1.082-.7h-.41a2.656 2.656 0 0 0-1.16.767c-.03.025-.058.052-.087.078-.415.369-.414.367-.964.319-.408-.035-.816-.068-1.225-.1a1.312 1.312 0 0 0-1.328.914c-.159.505-.323 1.009-.482 1.515a.269.269 0 0 1-.133.161c-.4.236-.8.479-1.208.711a1.358 1.358 0 0 0-.677.874c-.006.023 0 .05-.033.058v.469c.225.556.449 1.112.677 1.667a.177.177 0 0 1-.018.151c-.176.427-.349.854-.529 1.279a1.529 1.529 0 0 1-.13.331v.5c.023 0 .027.022.032.042a1.391 1.391 0 0 0 .713.9c.436.248.862.513 1.3.765a.3.3 0 0 1 .155.211c.1.446.207.892.324 1.334a1.271 1.271 0 0 0 1.287.966c.565-.021 1.129-.076 1.693-.121a.268.268 0 0 1 .222.075c.29.261.586.516.879.774a1.31 1.31 0 0 0 1.794.006q.452-.395.9-.793a.223.223 0 0 1 .182-.064c.486.041.974.07 1.459.116a1.341 1.341 0 0 0 1.569-1.032c.063-.25.121-.5.181-.753.042-.175.085-.35.124-.526a.252.252 0 0 1 .133-.175c.453-.267.9-.538 1.355-.809a1.314 1.314 0 0 0 .576-1.736C1467.2 776.949 1467.023 776.521 1466.844 776.1Zm-2.194-1.948q-2.426 2.425-4.852 4.848a.811.811 0 0 1-1.234 0q-1.609-1.6-3.208-3.207a.82.82 0 1 1 1.16-1.156c.822.814 1.642 1.63 2.453 2.455.159.162.24.188.417.009q2.025-2.052 4.073-4.081a.817.817 0 0 1 1.427.31 1.74 1.74 0 0 1 .035.183A.9.9 0 0 1 1464.649 774.148Z' transform='translate(-1452.5 -768.5)' fill='%2314a53a'/%3E%3C/svg%3E");
   position: relative;
    left: -10px;
}
.newpw-flex .description .rules.cancel:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15' height='15' viewBox='0 0 15 15'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_534' data-name='Rectangle 534' width='15' height='15' transform='translate(0.171 0.026)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_685' data-name='Group 685' transform='translate(-0.171 -0.026)'%3E%3Cg id='Group_684' data-name='Group 684' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_909' data-name='Path 909' d='M6.25 0A6.25 6.25 0 1 0 12.5 6.25 6.25 6.25 0 0 0 6.25 0M8.8 9.494l-2.58-2.58L3.757 9.374 3.1 8.721 5.564 6.26 3.006 3.7l.7-.7L6.262 5.563 8.721 3.1l.653.654-2.46 2.46L9.495 8.8Z' transform='translate(1.421 1.276)' fill='%23fb0050'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    position: relative;
    left: -10px;
}

/*Animations*/
@keyframes togglecboxchecked {
    0% {
        margin-left: 0px;
      }
      25% {
        margin-left: 4px;
      }
      50% {
        margin-left: 8px;
        }
        75% {
            margin-left: 12px;
            }
      100% {
        margin-left: auto;
      }
}
@keyframes togglecboxnonechecked {
    0% {
        margin-left: auto;
      }
      25% {
        margin-left: 12px;
      }
      50% {
        margin-left: 8px;
        }
        75% {
            margin-left: 4px;
            }
      100% {
        margin-left: 0px;
      }
}
@keyframes hide {
    0% {
      opacity: 1;
    }
    25% {
      opacity: 0.8;
    }
    50% {
        opacity: 0.6;
      }
      50% {
        opacity: 0.3;
      }
    100% {
      opacity: 0;
    }
  }
  @keyframes visible {
    0% {
      opacity: 0;
    }
    25% {
      opacity: 0.3;
    }
    50% {
        opacity: 0.6;
      }
      50% {
        opacity: 0.8;
      }
    100% {
      opacity: 1;
    }
  }

  .animation-hide{
    animation: hide 1s linear;
    animation-fill-mode: forwards;
  }
  .animation-visible{
    animation: visible 1s linear;
    animation-fill-mode: forwards;
  }




@media (min-width: 768px)
{
    .top-header .top-header-content{
        max-width: 768px;
    }
    /*  
    .header .header-content{
        max-width: 768px;
    }
    */
    .sub-header .sub-header-content{
        max-width: 768px;
    }
    .slider-container .slider{
        max-width: 768px;
    }
    .category-container .all-category{
        max-width: 768px;
    }
    .campains-container .all-campains{
        max-width: 768px;
    }
    .banner-three-container .title-banner{
        max-width: 768px;
    }
    .banner-three-container .all-banner{
        max-width: 768px;
    }
    .footer-container .all-footer{
        max-width: 768px;
    }
    .searching-container .search-d-flex{
        max-width: 768px;
    }
    .products-container .product-d-flex{
        max-width: 768px;
    }
    .basket-container .basket-d-flex{
        max-width: 768px;
    }
    .salling-container .salling-d-flex{
        max-width: 768px;
    }
    .campaigns-container .campaigns-d-flex{
        max-width: 768px;
    }
    .chevron-container .chevron-d-flex {
        max-width: 768px;
    }
    .campaigns-details-container .campaigns-details-d-flex{
        max-width: 768px;
    }
    .store-container .store-d-flex{
        max-width: 768px;
    }
    .product-detail-container .product-detail-d-flex{
        max-width: 768px;
    }
    .profil-container .profil-d-flex{
        max-width: 768px;
    }
    .adressing-container .adressing-d-flex{
        max-width: 768px;
    }
    .introduction-container .introduction-d-flex {
        max-width: 768px;
    }

}
@media(min-width:1080px)
{
    .salling-container .salling-d-flex .sal-right-container{
        max-width:300px;
        min-width:300px;
    }
}
@media (min-width: 1024px)
{
    .top-header .top-header-content{
        max-width: 1396px;
    }
    .header .header-content{
        max-width: 1396px;
    }
    .sub-header .sub-header-content{
        max-width: 1396px;
    }
    .slider-container .slider{
        max-width: 1396px;  
    }
    .category-container .all-category{
        max-width: 1396px;
        flex-wrap: wrap;
    }
    .category-container .cat-items{
        flex-grow: 0;
        width: calc(20% - 16px);
    }
    .campains-container .all-campains{
        max-width: 1396px;
    }
    .banner-three-container .title-banner{
        max-width: 1396px;
    }
    .banner-three-container .all-banner{
        max-width: 1396px;
    }
    .footer-container .all-footer{
        max-width: 1396px;
    }
    .searching-container .search-d-flex{
        max-width: 1396px;
    }
    .products-container .product-d-flex{
        max-width: 1396px;
    }
    .products-container .product-d-flex .left-side-container .two-container .filters{
        height: max-content !important;
    }
    .basket-container .basket-d-flex{
        max-width: 1230px;
    }
    .basket-container .basket-d-flex .basket-summary{
        max-width: 300px;
    }
    .salling-container .salling-d-flex{
        max-width: 1100px;
    }
    .salling-container .salling-d-flex .sal-right-container{
        max-width:300px;
    }
    .campaigns-container .campaigns-d-flex{
        max-width: 1396px;
    }
    .campaigns-container .campaigns-d-flex .filters{
        height: max-content !important;
    }
    .chevron-container .chevron-d-flex {
        max-width: 1230px;
    }
    .chevron-container .chevron-d-flex.w-1396 {
        max-width: 1396px;
    }
    .campaigns-details-container .campaigns-details-d-flex{
        max-width: 1230px;
    }
    .store-container .store-d-flex{
        max-width: 1396px;
    }
    .product-detail-container .product-detail-d-flex{
        max-width: 1396px;
    }
    .profil-container .profil-d-flex{
        max-width: 1396px;
    }
    .profil-container .profil-d-flex .left-side-bar{
        height: max-content !important;
        overflow: unset !important;
    }
    .adressing-container .adressing-d-flex{
        max-width: 1230px;
    }
    .introduction-container .introduction-d-flex {
        max-width: 1230px;
    }
}
@media  (max-width:1500px)
 {
    .header .header-content {
        position: relative;
    }
    .header .header-content .menu-hamburger-btn {
        position: relative;
        left: 0;
        top: 0;
    }
}


@media (max-width:1200px) {
    .products-container .product-d-flex .right-side-container{
        position:fixed;
        right: 45px;
        top: 20%;
        z-index: 1000;
        display: none;
    }
    .product-detail-container .product-detail-d-flex .right-side-container {
        position:fixed;
        right: 25px;
        top: 20%;
        z-index: 1000;
        display: none;
    }
    .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .not-icon{
        display: none;
    }
    .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .icon{
        display: none;
    }
}
@media (max-width: 1024px)
{
    .slider-container .slider{ 
        flex-wrap: wrap;  
        flex-direction: column-reverse;   
    }
    .slider-container .slider .right-side{
        width: 100%;     
        clip-path: polygon(0 0, 86% 0, 100% 100%, 0 100%);
    }
    .slider-container .slider .left-side .title{
        max-width: 100%;
    }
    .category-container .all-category{
        flex-wrap: wrap;  
    }
    .campains-container .all-campains .two-container{
        flex-wrap: wrap;
    }
    .campains-container .all-campains .first-container{
        position: static;
    }
    .campains-container .all-campains .first-container .rightopimg{
        top: -190px;
        right: 20px;
        max-width: 220px;
    }
    .footer-container .all-footer .bottom-container{
        flex-direction: column;
        flex-wrap: wrap;
        gap: 50px;   
    }
    .footer-container .all-footer .bottom-container .right-container{
        max-width: 100%;
    }
    .footer-container .all-footer .bottom-container .left-container {
        flex-wrap: wrap;
        gap: 20px;
    }
    .products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container{
        flex-wrap: wrap;
    }
    .products-container .product-d-flex .left-side-container .two-container{
        flex-wrap: wrap;
    }
    .products-container .product-d-flex .left-side-container .two-container .filters{
        max-width: 100%;
        padding-top: 5px;
        padding-bottom: 45px;
        height: 30px;
        overflow: hidden;
        background: var(--main-light-color-reddark);
    }
    .products-container .product-d-flex .left-side-container .two-container .filters .title {
        color: white;
    }
    .products-container .product-d-flex .left-side-container .two-container .filters .variants .name {
        color: white;
    }
    .products-container .product-d-flex .left-side-container .two-container .filters .variants .vr-items .radiobox {
        border: 2px solid white;
    }
    .products-container .product-d-flex .left-side-container .two-container .filters .variants .vr-items .radiobox:checked {
        background-color: white;
    }
    .products-container .product-d-flex .left-side-container .two-container .filters .variants .vr-items .desc {
        color: white;
    }
    .products-container .product-d-flex .left-side-container .two-container .filters .filter-toggled-btn{
        display: initial;
    }
    .campaigns-container .campaigns-d-flex{
        flex-wrap: wrap;
    }
    .campaigns-container .campaigns-d-flex .filters{
        max-width: 100%;
        padding-top: 5px;
        padding-bottom: 45px;
        height: 30px;
        overflow: hidden;
        background: var(--main-light-color-reddark);
    }
    .campaigns-container .campaigns-d-flex .filters .title {
        color: white;
    }
    .campaigns-container .campaigns-d-flex .filters .filter-toggled-btn{
        display: initial;
    }
    .campaigns-container .campaigns-d-flex .cbox-btn {
        border: 2px solid white;
    }
    .campaigns-container .campaigns-d-flex .cbox-btn:checked {
        background-color: white;
    }
    .campaigns-container .campaigns-d-flex .filters .variants .vr-items .desc {
        color: white;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container{
        flex-wrap: wrap;
        row-gap: 40px;
    }
    .campaigns-details-container .campaigns-details-d-flex .all-container .left-side-container{
        margin-top: 0;
        max-width: 370px;
    }
    .product-detail-container .product-detail-d-flex .left-side-container .first-container{
        flex-wrap: wrap;
    }
    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div{
        padding-left: 15px;
    }
    .profil-container .profil-d-flex {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .profil-container .profil-d-flex .left-side-bar{
        flex-grow: 1;
        position: inherit;
    }
    .profil-container .profil-d-flex .left-side-bar .filter-toggled-btn{
        display: initial;
    }
    .adressing-container .adressing-d-flex .all-adress-container{
        flex-wrap: wrap;
    }
    .adressing-container .adressing-d-flex .all-adress-container .right-side-container{
        max-width: 100%;
        flex-direction: row;
    }
    .basket-container .basket-d-flex{
        flex-direction: column-reverse;
    }
    .basket-container .basket-d-flex .basket-summary {
        position: initial;
    }
    .basket-container .basket-d-flex .basket-summary .buying-btn{
        position: absolute;
        bottom: -60px;
        max-width: calc(100% - 30px);
    }
    .basket-container .basket-d-flex .basket-summary .adress-info-container {
        order: 2;
    }
    .basket-container .basket-d-flex .basket-summary .basket-total-container {
        order: 1;
    }
    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-img-div {
        width: 100%;
    }
    .product-detail-container .product-detail-d-flex .bottom-side-container .four-col .social-div {
        flex-wrap: wrap;
    }
    .product-detail-container .product-detail-d-flex .bottom-side-container .four-col .share-social-iframe.posting {
        width: calc(50% - 5px);
        height: 470px;
    }
    .product-detail-container .product-detail-d-flex .bottom-side-container .one-col .yt-icon-btn{
        right: -20px;
        bottom: 89%;
    }
    .product-detail-container .product-detail-d-flex .bottom-side-container .one-col .yt-icon-btn .yt-icon {
        width: 100px;
    }
    .product-detail-container .product-detail-d-flex .bottom-side-container{
        padding: 50px 30px;
    }
    .product-detail-container .product-detail-d-flex .bottom-side-container .four-col .share-social-iframe {
        height: 250px;
    }
    .product-detail-container .product-detail-d-flex .left-side-container .two-container .rightbottomimg{
        max-width: 220px;
        bottom: -90px;
    }
    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .description {
        min-height: auto;
    }
    .sub-header{
        background: var(--main-light-color-reddark);
    }
    .sub-header .sub-header-content .select-container {
        width: 100%;
        background-size: cover !important;
    }
    .sub-header .sub-header-content .select-container .select-items-1 {
     margin: auto;
    }
    .sub-header .sub-header-content .select-container .select-items-2 {
     margin: auto;
    }
    .sub-header .sub-header-content .select-container .select-items-3 {
     margin: auto;
    }
    .header .header-content .logo{
        width: 240px;
    }
    .header .header-content .profile-container .profile-text {
        display: none;
    }
    .products-container .product-d-flex .left-side-container .comment-container .table-comments .d-flexible .comment-icon{
        display: none;
    }
    .products-container .product-d-flex .left-side-container .comment-container .table-comments .d-flexible .bar-div .bar-items {
        font-size: 16px;
    }
    .profil-container .profil-d-flex .comment-side-bar .comment-d-flex .items .icon {
        display: none;
    }
    .profil-container .profil-d-flex .comment-side-bar .comment-d-flex .items {
        flex-direction: column;
        justify-content: left;
        align-items: flex-start;
        row-gap: 20px;
    }
    
    .introduction-container .introduction-d-flex .butcher-d-flex .items {
        width: calc(33.33% - 6.6666666666666666666666666666667px);
    }
    .introduction-container .introduction-d-flex .butcher-d-flex .items .butcher-name {
        font-size: 18px;
    }
    .introduction-container .introduction-d-flex .butcher-d-flex .items .butcher-location {
        font-size: 14px;
    }
    .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1{
        width: 100%;
    }
    .header{
        position: sticky;
        top: 0;
        z-index: 1001;
    }
    .salling-container .salling-d-flex {
        flex-direction:column;
    }
    .salling-container .salling-d-flex .sal-right-container{
        max-width:100%;
    }
}
@media (min-width:612px) and (max-width: 1024px)
{
    .category-container .cat-items {
        width: calc(33% - 13.33px);
        flex-grow: 0;
    }
    .campains-container .all-campains .two-container .camp-items-1{
        width: 45%;
        flex-grow: 0;
    } 
    .campains-container .all-campains .two-container .camp-items-2{
        width: 45%;
        flex-grow: 0;
    } 
    .campains-container .all-campains .two-container .camp-items-3{
        width: 45%;
        flex-grow: 0;
    } 
    .campains-container .all-campains .two-container .camp-items-4{
        width: 45%;
        flex-grow: 0;
    }

    .campaigns-container .campaigns-d-flex .camp-list .camp-items-1{
        width: calc(50% - 15px);

    } 
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-2{
        width: calc(50% - 15px);
    } 
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-3{
        width: calc(50% - 15px);
    } 
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-4{
        width: calc(50% - 15px);
    }

    .profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-1{
        width: calc(50% - 5px);
    }
    .profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-2{
        width: calc(50% - 5px);
    }
    .profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-3{
        width: calc(50% - 5px);
    }
    .profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-4{
        width: calc(50% - 5px);
    }

    .profil-container .profil-d-flex .right-side-bar .back-order-div .order-list .order-items {
        width: calc(50% - 5px);
    }
    .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-list .order-items{
        width: calc(50% - 5px);
    }
    
    .products-container .product-d-flex .left-side-container .first-container .ctg-items{
        width:calc(16.66% - 8.33px);
    }
}
@media (max-width: 568px) {
    .basket-container .basket-d-flex .basket-list .products {
        gap: 10px;
        row-gap: 20px;
        padding: 10px;
        padding-left: 0;
    }

    .salling-container .salling-d-flex .sal-left-container .first-container {
        flex-direction: column;
        align-items: inherit;
    }

        .salling-container .salling-d-flex .sal-left-container .first-container .curier-div {
            display: none;
        }

    .salling-container .salling-d-flex .sal-left-container .two-container {
        flex-wrap: wrap;
        row-gap: 15px;
    }

        .salling-container .salling-d-flex .sal-left-container .two-container .title {
            width: 100%;
        }

        .salling-container .salling-d-flex .sal-left-container .two-container .bagging-div {
            display: none;
        }

    .salling-container .salling-d-flex .sal-left-container .three-container {
        align-items: inherit;
        flex-direction: column;
        gap: 15px;
    }

    .salling-container .salling-d-flex .sal-left-container .four-container {
        flex-wrap: wrap;
    }

        .salling-container .salling-d-flex .sal-left-container .four-container .title {
            width: 100%;
        }

        .salling-container .salling-d-flex .sal-left-container .four-container .paying-div .credit-card-btn {
            margin-top: 5px;
        }

    .store-container {
        margin-top: 15px;
    }

        .store-container .store-d-flex {
            flex-wrap: wrap;
            height: max-content;
            flex-direction: column-reverse;
        }

            .store-container .store-d-flex .store-slider-div {
                display: none;
            }

            .store-container .store-d-flex .compy-div {
                max-width: 100%;
                width: 100%;
            }

    .top-header .top-header-content {
        padding: 10px 0px;
    }

        .top-header .top-header-content .title {
            font-size: 13px;
        }

    .basket-container .basket-d-flex .basket-list .products .two-div .product-name {
        font-size: 12px;
    }

    .basket-container .basket-d-flex .basket-list .products .two-div .bt-div .prd-price {
        font-size: 11px;
    }

    .basket-container .basket-d-flex .basket-list .products .two-div .bt-div .prd-piece {
        font-size: 11px;
    }

    .basket-container .basket-d-flex .basket-list .products .price-input-div {
        gap: 0px;
        padding: 2px;
    }

    .basket-container .basket-d-flex .basket-list .desc-container .left-div {
        flex-direction: column;
        gap: 0;
        font-size: 14px;
    }

        .basket-container .basket-d-flex .basket-list .desc-container .left-div p {
            width: 80%;
        }

    .basket-container .basket-d-flex .basket-list .desc-container .basket-clear-btn {
        text-align: right;
    }


    .product-detail-container .product-detail-d-flex .bottom-side-container .four-col .share-social-iframe.posting {
        width: 100%;
        height: 600px;
    }

    .product-detail-container .product-detail-d-flex .bottom-side-container .one-col .yt-icon-btn {
        bottom: 100%;
    }

        .product-detail-container .product-detail-d-flex .bottom-side-container .one-col .yt-icon-btn .yt-icon {
            width: 80px;
        }

    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .piece-div {
        flex-direction: column;
        width: max-content;
        align-items: inherit;
    }

        .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .piece-div .back-piece {
            width: max-content;
        }

        .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .piece-div .discounted-div {
            top: -30px;
        }

    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .add-basket-div .price-input-div .price-input {
        font-size: 16px;
    }

    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .add-basket-div .price-input-div .variant-span {
        font-size: 16px;
    }

    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div {
        padding-right: 15px;
    }

    .sub-header .sub-header-content {
        background: var(--main-light-color-reddark);
    }

        .sub-header .sub-header-content .select-container .select-items-1 {
            font-size: 4vw;
        }

        .sub-header .sub-header-content .select-container .select-items-2 {
            font-size: 4vw;
        }

        .sub-header .sub-header-content .select-container .select-items-3 {
            font-size: 4vw;
        }

    .header {
        height: 60px;
        min-height: unset;
    }

        .header .header-content {
            min-height: unset;
        }

            .header .header-content .logo {
                max-width: 120px;
                width: 100%;
            }

            .header .header-content .menu-hamburger-btn svg {
                height: 18px;
            }

            .header .header-content .profile-container .user-circle {
                width: 28px !important;
                height: 28px !important;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.454' height='18.5' viewBox='0 0 20.454 20.5'%3E%3Cpath id='Path_1028' data-name='Path 1028' d='M1174.845 566.5a8.662 8.662 0 0 0-7.534-8.57 8.253 8.253 0 0 0-5.827 1.356 8.486 8.486 0 0 0-3.82 6.118 8.208 8.208 0 0 0-.074 1.1h-1.6c.164-4.735 2.558-7.889 6.831-9.721-.015-.011-.045-.036-.077-.06a5.894 5.894 0 0 1-1.8-7.456 5.8 5.8 0 0 1 4.157-3.151 1.171 1.171 0 0 0 .471-.109h1.2c.007.032.031.036.058.039a5.445 5.445 0 0 1 2.5.864 5.777 5.777 0 0 1 2.737 5.787 5.665 5.665 0 0 1-2.35 4c-.043.033-.083.07-.139.116.066.029.107.049.149.064a9.959 9.959 0 0 1 3.6 2.269 10.1 10.1 0 0 1 3.04 6.139.906.906 0 0 0 .073.417c0 .233-.005.467 0 .7 0 .087-.016.1-.1.1C1175.844 566.495 1175.345 566.5 1174.845 566.5Zm-4.314-14.564a4.313 4.313 0 1 0-4.326 4.315A4.333 4.333 0 0 0 1170.531 551.933Z' transform='translate(-1155.992 -546)' fill='%23ffd011'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: 5px 2px;
            }

            .header .header-content .basketh-container a img {
                width: 35px;
            }

            .header .header-content .basketh-container a span {
                top: 37% !important;
                left: 30% !important;
                font-size: 14px;
            }

        .header .left-side-color img {
            height: 60px;
        }

        .header .right-side-color {
            display: none;
        }

    .products-container .product-d-flex .right-side-container {
        width: unset;
    }

    .product-detail-container .product-detail-d-flex .right-side-container {
        width: unset;
    }

    .products-container .product-d-flex .left-side-container .comment-container .table-comments .d-flexible {
        flex-direction: column;
    }

        .products-container .product-d-flex .left-side-container .comment-container .table-comments .d-flexible .star-div {
            width: 100%;
        }

        .products-container .product-d-flex .left-side-container .comment-container .table-comments .d-flexible .bar-div {
            width: 100%;
            row-gap: 15px;
        }

    .products-container .product-d-flex .left-side-container .comment-container .comment-list .comment-d-flex .comments .top-div .time {
        font-size: 14px;
    }

    .products-container .product-d-flex .left-side-container .comment-container .comment-list .comment-d-flex .comments .top-div .rating-div svg {
        width: 18px;
    }

    .products-container .product-d-flex .left-side-container .comment-container .comment-list .comment-d-flex .comments .content-div {
        font-size: 16px;
    }

    .products-container .product-d-flex .left-side-container .comment-container .comment-list {
        padding: 12px;
        row-gap: 20px;
    }

    .products-container .product-d-flex .left-side-container .comment-container .table-comments {
        padding: 12px;
    }

    .Product-modal-container .add-basket-div .price-input-div .price-input {
        font-size: 18px;
    }

    .Product-modal-container .add-basket-div .price-input-div .variant-span {
        font-size: 18px;
    }

    .Product-modal-container .add-basket-div .basket-btn {
        font-size: 18px;
    }

    .modal-content .close {
        left: -10px;
        top: -10px;
    }

    .profil-container .profil-d-flex .comment-side-bar .comment-d-flex .items {
        width: 100%;
    }

    .profil-container .profil-d-flex .comment-side-bar .comment-d-flex {
        flex-wrap: wrap;
    }

    .profil-container .profil-d-flex .comment-side-bar .comments-div .send-button {
        min-width: inherit;
    }

    .introduction-container .introduction-d-flex .butcher-d-flex .items {
        width: calc(50% - 5px);
    }

    .introduction-container .introduction-d-flex .selectlist-container .select-box {
        font-size: 14px;
        padding-left: 7px;
        height: max-content;
    }

    .product-detail-container .product-detail-d-flex .bottom-side-container .two-col .content-title {
        font-size: 30px;
    }

    .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 {
        flex-wrap: wrap;
        gap: 15px;
    }

        .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .first-item {
            width: calc(50% - 7.5px);
        }

        .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .description {
            width: calc(50% - 7.5px);
            max-width: unset;
        }

        .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .cancel-btn {
            height: auto;
            width: 100%;
            flex-direction: row;
            padding: 5px 15px;
            gap: 10px;
        }

            .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .cancel-btn svg {
                width: 20px;
                height: 20px;
            }

        .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .alternative-btn {
            height: auto;
            width: 100%;
            flex-direction: row;
            padding: 5px 15px;
            gap: 10px;
            max-width: unset;
        }

        .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .comment-btn {
            height: auto;
            width: 100%;
            flex-direction: row;
            padding: 5px 15px;
            gap: 10px;
            max-width: unset;
        }

        .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-container .order-items-1 .description {
            font-size: 14px;
        }

    .product-detail-container .product-detail-d-flex .left-side-container .two-container .prd-description {
        display: inherit;
    }

    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-desc-div .description {
        display: none;
    }

    .product-detail-container .product-detail-d-flex .left-side-container .first-container .prd-img-div img {
        max-height: 180px;
    }

    .slider-container .slider .left-side .title {
        font-size: 20px;
    }

    .slider-container .slider .left-side .search-container input {
        font-size: 16px;
    }

    .slider-container .slider .left-side .location-info span {
        font-size: 18px;
    }

    .slider-container {
        margin-top: 50px;
    }

    .campains-container .all-campains .first-container .rightopimg {
        top: -150px;
        right: 20px;
        max-width: 180px;
    }

    .slider-container .slider .left-side .search-container {
        margin-top: 10px;
    }

    .category-container {
        margin-top: 70px;
    }

    .favoriteslink img {
        width: 35px;
    }

    .products-container .toggle-container {
        position: fixed;
        top: 20%;
    }

    .product-detail-container .toggle-container {
        position: fixed;
        top: 20%;
    }

    .salling-container .salling-d-flex .sal-left-container .delivery-time-container .day-container .rb-flex {
        width:calc(50%);
    }
}
@media (max-width: 650px)
{
    .products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .col-three {
        width: calc(50% - 7.5px);
    }
    .products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .discounted-div {
        right: -20px;
        transform: scale(0.9);
    }
    .products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .comp-div .comp-name {
        font-size: 12px;
    }
    .products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .image-div .prd-image {
        min-height: 150px;
        object-fit: cover;
    }
    .products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .product-card-col .product-card-items .comp-div {
        width: calc(100% - 20px);
        top: 0;
    }
}
@media (max-width: 612px)
{
    .category-container .cat-items {
        width: calc(50% - 10px);
        flex-grow: 0;
    }
    .category-container .cat-items img {
        width: 40px;
    }
    .category-container .cat-items .title {
        max-width: unset;
        font-size: 14px;
    }
    .campains-container .all-campains .two-container .camp-items-1{
        width: 100%;
        flex-grow: 0;
    } 
    .campains-container .all-campains .two-container .camp-items-2{
        width: 100%;
        flex-grow: 0;
    } 
    .campains-container .all-campains .two-container .camp-items-3{
        width: 100%;
        flex-grow: 0;
    } 
    .campains-container .all-campains .two-container .camp-items-4{
        width: 100%;
        flex-grow: 0;
    }

    .campaigns-container .campaigns-d-flex .camp-list .camp-items-1{
        width: 100%;
    } 
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-2{
        width: 100%;
    } 
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-3{
        width: 100%;
    } 
    .campaigns-container .campaigns-d-flex .camp-list .camp-items-4{
        width: 100%;
    }

    .profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-1{
        width: 100%;
    }
    .profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-2{
        width: 100%;
    }
    .profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-3{
        width: 100%;
    }
    .profil-container .profil-d-flex .right-side-bar .coupon-div .coupon-list .camp-items-4{
        width: 100%;
    }
    .profil-container .profil-d-flex .right-side-bar .back-order-div .order-list .order-items {
        width: 100%;
    }
    .profil-container .profil-d-flex .order-side-bar .order-d-flex .order-list .order-items{
        width: 100%;
    }


    .banner-three-container .all-banner{
        flex-wrap: wrap;
    }
    .banner-three-container .all-banner .banner-items {
        width: 100%;
    }
    .products-container .product-d-flex .left-side-container .first-container .ctg-items{
        width: calc(25% - 7.5px);
    }
    .products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .col-four{
        width: calc(50% - 7.50px);
    }
    .products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .col-one .product-card-items .image-div {
        width: 80%;
    }

    .products-container .product-d-flex .left-side-container .two-container .product-list .product-card-container .col-one .product-card-items .bottom-div {
        width: 75%;
    }
    
}
@media (max-width: 400px)
{
    .category-container .cat-items img {
        width: 33px;
    }
    .category-container .cat-items .title {
        font-size: 14px;
    }
    .footer-container .all-footer .top-container .left-side .universalcode {
        font-size: 35px;
    }
    .products-container .product-d-flex .left-side-container .first-container .ctg-items{
        width: calc(33.33% - 6.66px);
    }
    .adressing-container .adressing-d-flex .all-adress-container .left-side-container .d-flexible{
        flex-direction: column;
        gap: 15px;
    }
    .adressing-container .adressing-d-flex .all-adress-container .right-side-container .d-flexibled{
        flex-wrap: wrap;
        justify-content: right;
    }
    .product-detail-container .product-detail-d-flex .bottom-side-container .four-col .share-social-iframe.posting {
        height: 450px;
    }
    .product-detail-container .product-detail-d-flex .bottom-side-container {
        padding: 50px 15px;
    }
    .salling-container .salling-d-flex .sal-left-container .delivery-time-container .day-container .rb-flex {
        width: calc(100%);
    }
}