:root {
    --black-900:#151515;
    --black-500:#8A8A8A;
    --green-900:#004A45;
    --green_bg:#F2F6F5;
    --dark-green:#004A45;
    --white:#FFF;
    --light-white:rgba(255, 255, 255, 0.05);
    --green-500:#80A5A2;
    --sys_red-800:#FF6259;
    --greenhover:#043936;
}

 /* Chrome, Edge, and Safari */
 html::-webkit-scrollbar {
  width: 8px;
}

html::-webkit-scrollbar-track {
  background: rgba(31, 59, 99, 0.2);
}

html::-webkit-scrollbar-thumb {
  background-color: #004A45;
  border-radius: 10px;
  border: 0px solid #ffffff;
}
 /* Chrome, Edge, and Safari */
 .mobbutholder2::-webkit-scrollbar {
  height: 2px;
}

.mobbutholder2::-webkit-scrollbar-track {
  background: rgba(31, 59, 99, 0.2);
}

.mobbutholder2::-webkit-scrollbar-thumb {
  background-color: #004A45;
  border-radius: 2px;
  border: 0px solid #ffffff;
}
a:link, a:hover, a:visited {
  transition: 0.3s;
  text-decoration: none;
}
body {
  background-color: var(--white);
    font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
}
.topline {
  z-index: 5;
  padding-left: 80px;
  padding-right: 80px;
  align-items: center;
  background-color: var(--green-900);
  position: sticky;
  width: 100%;
  display: flex;
  justify-content: space-between;
  left: 0;
  top: 0;

}
.left_t {
  display: flex;
  width: calc(50% - 70px);
  column-gap: 40px;
}
.rigth_t {
  width: calc(50% - 70px);
  display: flex;
justify-content: flex-end;
align-items: center;
gap: 48px;
}
.langlink {
  display: flex;
  padding: 8px 10px 8px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 80px;
  background: rgba(255, 255, 255, 0.05);
}
.langlink:hover {
  background: rgba(255, 255, 255, 0.1);
}
.langlink.show span {
  transform: scaleY(-1);
}
.dropdown-menu.mymenu {
  border: none;
  
width: 329px;
padding: 16px 16px 24px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
border-radius: 8px;
background: var(--white);
box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05);
}
.dropdown-menu.mymenu.show {
  display: flex;
}
.dropdown-menu.mymenu li {
  width: 100%;
}
.dropdown-menu.mymenu li .dropdown-item {
  font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
font-variant-numeric: lining-nums proportional-nums;
color: var(--black-900);
  display: flex;
padding: 8px;
align-items: center;
gap: 12px;
align-self: stretch;
border-radius: 80px;
background: var(--white);
}
.dropdown-menu.mymenu li .dropdown-item:hover {
  color: var(--green-900);
background:#F2F6F5;
}
.menuline ul {
  height: 83px;
  padding: 0;
  align-items: center;
  margin: 0;
  display: flex;
  column-gap: 40px;
}
.menuline ul li{
  position: relative;
  list-style: none;
}
.menuline ul li a{
	display: flex;
	align-items: center;
	gap:7px;
  font-size: 16px;
font-style: normal;
position: relative;
font-weight: 400;
line-height: normal;
color: var(--white);
}
.menuline ul li a:hover::after{
  position: absolute;
  width: 8px;
  height: 2px;
  left: calc(50% - 4px);
  content: '';
  background-color: var(--white);
  bottom: -8px;
}
.logo_t {
  height: 85px;
  width: 140px;
  position: relative;
}
.logo_t a{
  position: absolute;
  left: 0;
  top: 0;
}
.langholder {
  display: flex;
  align-items: center;
}
.topphonesholder {
  display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
}
.topphone {
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--white);
}
.topphone:hover {
  color: var(--green-500);
}
.topphone2 {
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; 
color: var(--green-500);
}
.cart_bronholder {
  display: flex;
align-items: center;
gap: 24px;
}
.cartbut {
  position: relative;
  display: flex;
padding: 10px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 80px;

background: rgba(255, 255, 255, 0.05);
}
.cartbut span{
  font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--white);
}
.cartbut:hover {
  background: rgba(255, 255, 255, 0.1);
}
.redcircle {
  position: absolute;
  width: 10px;
height: 10px;
border-radius: 50%;
background-color: #FE241C;
left: 28px;
top: 15px;
}
.but1 {
  padding-left: 24px;
  padding-right: 24px;
  height: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 80px;
  background: var(--white);
  font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--green-900);
}
.but1:hover {
  color: var(--black-900);
}
.mainslider {
  background-image: url(../img/bg.svg);
  background-repeat: no-repeat;
  background-position: 50% 51px;
  padding-top: 72px;
  padding-bottom: 48px;
}
.slidercont {
  
  position: relative;
}
.microsl {
  z-index: 2;
  width: calc(100% - 124px);
  min-height: 453px;
  position: absolute;
  top: 24px;
  left: 40px;
  border-radius: 16px;
border: 3px solid #FFF;
background: #FFF;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.03);
}
.microsl2 {
  z-index: 1;
  position: absolute;
  min-height: 453px;
  width: calc(100% - 201px);
  left: 80px;
  top: 40px;
  border-radius: 16px;
border: 3px solid #FFF;
background: #FFF;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.03);
}
.swiper {
  z-index: 3;
}
.innerslide {
  width: 100%;
  min-height: 453px;
  border-radius: 16px;
border: 3px solid #FFF;
background: #FFF;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.03);
overflow: hidden;
display: flex;
align-items: stretch;

}
.rightslide {
  width: 700px;
  text-align: right;
  background:url(../img/bg2.jpg) repeat, #F2F6F5;
 
  clip-path: circle(75% at 64% 51%);;
}
.leftslide {
  padding-top: 121px;
  padding-bottom: 29px;
  padding-left: 64px;
  gap: 24px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  width: calc(100% - 700px);
}
.rightslide img {
  max-width: 100%;
}
.slidetext1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.slidetext2 {
  font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--black-900);
}
.slidetext3 {
  font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--black-900);
}
.slidetext4 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.butholder1 {
  display: flex;
align-items: center;
gap: 8px;
}
.priceholder1 {
  display: flex;
  padding: 8px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 80px;
  background: #F2F6F5;
}
.pricetext1 {
  font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--black-500);
}
.pricetext2 {
  font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--green-900);
}
.but2 {
  height: 53px;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 16px;
  border-radius: 80px;
border: 1px solid var(--green-900);
background: var(--white);
padding-left: 24px;
padding-right: 24px;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--green-900);
}
.but2:hover {
  border-color: var(--greenhover);
  background-color: var(--greenhover);
  color: var(--white);
}
.but2 span{
  padding-top: 1px;
}
.bottagholder {
  display: flex;
align-items: center;
gap: 8px;
}
.tagitem {
  display: flex;
padding: 8px 10px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 80px;
background: var(--green_bg);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--green-900);
}
.butswleft {
  z-index: 4;
  display: flex;
padding: 8px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 50%;
border-radius: 80px;
background: #FFF;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.05);
position: absolute;
width: 40px;
height: 40px;
top: calc(50% - 20px);
left: -20px;
}
.butswright {
  z-index: 4;
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50%;
  border-radius: 80px;
  background: #FFF;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.05);
  position: absolute;
  width: 40px;
  height: 40px;
  top: calc(50% - 20px);
  right: -20px;
}
.butswright img{
  transform: scaleX(-1);
}
.sliderpagination {
  gap: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 59px;
  position: relative;
  text-align: center;
}
.swiper-pagination-bullet {
  width: 6px;
  margin: 0!important;
  padding: 0;
height: 6px;
background-color: #CCDBDA;
opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 12px;
height: 12px;
background-color: var(--green-900);
}
.ourmenu {
  padding-top: 24px;
  padding-bottom: 64px;
}
.mainheader {
  margin-top: 0;
  padding: 0;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
gap: 16px;
align-self: stretch;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--black-900);
}
.mainheader::before {
  content: '';
  width: 12px;
height: 12px;
border-radius: 50%;
background-color: var(--green-900);
}
.catholder {
  display: flex;
justify-content: center;
align-items: flex-start;
gap: 32px;
align-self: stretch;
}
.catleft {
  width: 289px;
  border-radius: 8px;
border: 1px solid rgba(1, 64, 97, 0.03);
background: #FAFBFC;
}
.catright {
  width: calc(100% - 321px);
}
.menuheader {
  display: flex;
padding: 16px 12px 16px 24px;
justify-content: space-between;
align-items: center;
gap: 10px;
align-self: stretch;
background: #FFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.03);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--green-900);
}
.catsinglemenu ul{
  display: flex;
padding: 12px 24px;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
margin: 0;
}
.catsinglemenu ul li{
  list-style: none;
  width: 100%;
}
.catsinglemenu ul li a{
  display: flex;
padding: 12px 0px;
align-items: center;
gap: 12px;
align-self: stretch;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--black-900);
}
.catsinglemenu ul li a span{
  color: #B3C9C7;
}
.darkgr {
  fill: #B3C9C7;
}
.catsinglemenu ul li a:hover,  .catsinglemenu ul li a.active{
  color: var(--green-900);
  font-weight: 700;
}
.catsinglemenu ul li a:hover span, .catsinglemenu ul li a.active span{
  color: #80A5A2;
}
.catsinglemenu ul li a:hover span .darkgr, .catsinglemenu ul li a.active span .darkgr{
  fill: var(--green-900);
}
.tovlist {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 32px;
  width: 100%;
}
.tovitem {
  position: relative;
  width: calc(33.33% - 22px);
  display: flex;
padding-bottom: 24px;
flex-direction: column;
border-radius: 9px;
background: #FFF;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.03);
gap: 20px;
}
.tovpicture {
  width: 100%;
  height: 256px;
  overflow: hidden;
  padding-top: 23px;
  padding-bottom: 23px;
}
.tovpicture img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.namedesc {
  display: flex;
  padding: 0px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.namedesc2 {
  height: 21px;
  overflow: hidden;
  font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--black-900);
display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.namedesc3 {
  color: var(--black-500);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
height: 40px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tovitemprice {
  justify-content: center;
  display: flex;
min-height: 54px;
padding: 0px 16px;
flex-direction: column;
gap: 4px;
align-self: stretch;
}
.tovitemprice2 {
  width: fit-content;
  display: flex;
padding: 4px 8px;
justify-content: center;
align-items: flex-start;
border-radius: 80px;
background: #F2F6F5;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: line-through;
color: var(--sys_red-800);
}
.tovitemprice3 {
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--black-900);
}
.butholder2 {
  padding: 0px 16px;
}
.but3 {
  display: flex;
  padding: 12px 32px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 100%;
  border-radius: 80px;
  background: var(--green-900);
  font-size: 16px;
  font-style: normal;
  border: none;
  outline: none;
  font-weight: 500;
  line-height: normal;
  color: var(--white);
}
.but3:hover {
  transition: 0.3s;
  background-color: var(--greenhover);
}
.tovitem:hover .but3 {
  transition: 0.3s;
  background-color: var(--greenhover);
}
.bredcrumb {
  align-items: center;
  padding-top: 16px;
  display: flex;
  align-self: stretch;
  justify-content: center;
  column-gap: 24px;
}
.bredcrumb .leftright.disable {
  opacity: 0.5;
}
.righttbr {
  transform: scaleX(-1);
}
.bredcrumbitem {
  display: flex;
  padding: 9px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 80px;
  border: 1px solid var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; 
  color: var(--black-900);
}
.bredcrumbitem.active {
  border-color: var(--green-900);
  color: var(--green-900);
}
footer {
  background-color: var(--green-900);
}
.footer1 {
  background-image: url(../img/footer_bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.footerholder {
  display: flex;
align-items: center;
gap: 32px;
align-self: stretch;
}
.footerholder2 {
  display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex: 1 0 0;
width: calc(100% - 152px);
}
.footerholder3 {
  font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--green-500);
}
.footerholder4 {
  font-size: 80px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--white);
}
.footersocholder {
  width: 120px;
  display: flex;
align-items: center;
gap: 24px;
}
.footersocholder a{
  color: var(--green-500);  
}
.footersocholder a:hover{
  color: var(--green_bg);
}
.footercont {
  display: flex;
  padding-top: 32px;
  padding-bottom: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}
.footercont2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.footercont2 ul {
  display: flex;
  align-items: center;
  gap: 80px;
  padding: 0;
  margin: 0;
}
.footercont2 ul li{
  list-style: none;
}
.footercont2 ul li a{
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--white);
}
.footercont2 ul li a:hover{
  text-decoration: underline;
}
.footercont3 {
  display: flex;
  align-items: flex-end;
  gap: 24px;
  align-self: stretch;
}
.fthreebl {
  width: calc(33.33% - 74px);
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.fthreebl2 {
  width: 150px;
  display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px;
}
.fthreebl3 {
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: var(--green-500);
}
.fthreebl4 {
  font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--white);
}
.swiper-slide .rightslide img {
  opacity: 0;
  transition: 1s;
}
.swiper-slide.swiper-slide-active .rightslide img {
  opacity: 1;
  transition: 1s;
}
.modal-content {
  border-radius: 9px;
background: var(--white);
border: none;
}
.modal-body {
  position: relative;
  padding: 32px 32px 40px 32px;
}
.closem {
  z-index: 2;
  position: absolute;
  right: 12px;
  top: 12px;
}
.forcontent {
  width: 100%;
 display: flex;
 flex-direction: column;
gap: 24px;
}
.formtextholder {
  display: flex;
flex-direction: column;

gap: 12px;
align-self: stretch;
}
.formtextholder1 {
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--black-900);
}
.formtextholder2 {
  font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; 
color: var(--black-900);
}
.formtextholder2 a{
  color: var(--green-900);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.formtextholder2 a:hover{
  text-decoration: underline;
}
.formtextholder3 {
  display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
align-self: stretch;
}
.newplacehold {
  position: relative;
  width: 100%;
}
.newplacehold input {
  outline: none;
  height: 59px;
  width: 100%;
  padding: 12px 12px 0px 16px;
  border-radius: 4px;
border: 1px solid #CCDBDA;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--black-900);
background: #FFF;
}
.newplacehold .nopadtop {
	padding-top:0;
	font-variant-numeric: lining-nums proportional-nums;}
	.nopadtop::placeholder {
   
}
.newplacehold textarea {
  outline: none;
  height: 97px;
  width: 100%;
  padding: 27px 12px 0px 16px;
  border-radius: 4px;
border: 1px solid #CCDBDA;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--black-900);
background: #FFF;
}
.newplacehold label {
  display: block;
}
.newplacehold label::before {
  position: absolute;
  transition: 300ms all;
  content: attr(title);
  top: 21px;
  left: 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--black-500);
}
.newplacehold input:focus + label::before, .newplacehold input:valid + label::before, .newplacehold input:disabled + label::before {
  top: 12px;
  font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.newplacehold textarea:focus + label::before, .newplacehold textarea:valid + label::before, .newplacehold textarea:disabled + label::before {
  top: 12px;
  font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.newplacehold input:focus, .newplacehold input:valid, .newplacehold input:disabled {
  background: #F2F6F5;
}
.newplacehold textarea:focus, .newplacehold textarea:valid, .newplacehold textarea:disabled {
  background: #F2F6F5;
}
.formtextholder4 {
  width: 100%;
  padding-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.but4 {
  outline: none;
  border: none;
  height: 43px;
  align-items: center;
  border-radius: 80px;
  background: var(--green-900);
  padding-left: 22px;
  display: inline-flex;
  column-gap: 10px;
  padding-right: 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--white);
}
.but4:hover {
  background-color: var(--greenhover);
}
.kat1 {
  width: 100%;
  text-align: center;
}
.kat1 img{
  max-width: 100%;
}
.formtextholder5 {
  display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
align-self: stretch;
}
.formtextholder6 {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--black-900);
}
.formtextholder7 {
  width: 100%;
  text-align: center;
  font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
color: var(--black-900);
}
.butholder3 {
  width: 100%;
  text-align: center;
}
.mobiletop {
  display: none;
}
.mobiletop {
  z-index: 5;
  position: sticky;
  top: 0;

  height: 56px;
  align-items: center;
  padding-left: 14px;
  background-color: var(--green-900);
  padding-right: 14px;
  width: 100%;
}
.leftmobmenu, .rightmobmenu {
  width: calc(50% - 39px);
}
.moblogoholder {
  width: 78px;
  height: 56px;
  position: relative;
}
.moblogoholder a{
  position: absolute;
  left: 0;
  top: 0;
}
.rightmobmenu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}
.mobilemenuhover {
  display: none;
  top: 0;
  left: 0;
  z-index: 50;
}
.mobilemenuhover {
  position: fixed;
  width: 375px;
  height: 100vh;
  background-color: var(--green-900);
}
.topmline {
  padding-left: 14px;
  padding-right: 14px;
  height: 56px;
  display: flex;
  width: 100%;
  align-items: center;
}
.moblogoholder.noabs a {
  position: relative;
}
.moblogoholder.noabs {
  height: auto;
  text-align: center;
}
.secondline {
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;

}
.lastpholder {
  justify-content: space-between;
  display: flex;
  gap: 24px;
  flex-direction: column;
  padding-left: 14px;
  padding-right: 14px;
  width: 100%;
  height: calc(100vh - 121px);
}
.but5 {
  margin-bottom: 40px;
  display: flex;
  width: 100%;
  padding: 16px 24px;
justify-content: center;
align-items: center;
gap: 8px;
  height: 53px;
  border-radius: 80px;
background: var(--white);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--green-900);
}
.lastpholder ul {
  padding-top: 40px;
  padding-left: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.lastpholder ul li{
  list-style: none;
  position: relative;
}
.lastpholder ul li.active a::after{
  position: absolute;
  content: '';
  bottom: -4px;
  width: 8px;
height: 2px;
border-radius: 8px;
background: #FFF;
left: calc(50% - 4px);
}
.lastpholder ul li a{
	display: flex;
	gap:7px;
	align-items: center;
  position: relative;
  font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
color: var(--white);
}
.butholder768 {
  display: none;
}
.tovsecp {
  width: 100%;
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.main {
  padding-bottom: 80px;
  padding-top: 24px;
}
.brcr {
  padding-bottom: 24px;
}
.brcr ul{
  padding: 0;
  margin: 0;
  display: flex;
  gap: 32px;
  align-items: center;
}
.brcr ul li{
  position: relative;
  list-style: none;
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; 
color: #8A8A8A;
}
.brcr ul li a{
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: var(--green-900);
}
.brcr ul li:has(>a)::after{
  position: absolute;
  content: '';
  right: -23px;
  top: 4px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M4.45508 9.96L7.71508 6.7C8.10008 6.315 8.10008 5.685 7.71508 5.3L4.45508 2.04' stroke='%238A8A8A' stroke-width='0.75' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 12px;
height: 12px;
}
.gooholder {
  padding-bottom: 64px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
}
.photoholder {
  display: flex;
width: 556px;
flex-direction: column;
gap:16px;
}
.paramholder {
  width: calc(100% - 580px);
}
.bigslider, .thumbholder {
  width: 100%;
}
.bislitem {
  display: block;
  width: 100%;
  height: 556px;
  border-radius: 16px;
  overflow: hidden;
}
.bislitem img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.littlethumb {
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
}
.littlethumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.paramholder {
  display: flex;
padding: 32px 32px 40px 32px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
border-radius: 16px;
background: #FAFBFC;
}
.gheaderholder {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
align-self: stretch;
}
.gheader {
  padding: 0;
  margin: 0;
  font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--black-900);
}
.weight {
  display: flex;
padding: 8px 16px;
align-items: center;
gap: 8px;
border-radius: 80px;
background: var(--white);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--green-900);
}
.gdescription {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
align-self: stretch;
}
.gdescription1 {
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--black-900);
}
.gdescription2{
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: var(--black-900);
}
.gdescription3 {
  display: flex;
padding-top: 24px;
align-items: center;
gap: 40px;
align-self: stretch;
}
.gpriceholder {
  display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.gpriceholder2 {
  font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #FF3B30;
text-decoration: line-through;
}
.gpriceholder3 {
  font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--black-900);
}
.gcounter {
  display: flex;
padding: 12px;
align-items: center;
gap: 32px;
border-radius: 80px;
background: var(--white);
}
.gnumber {
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--black-900);
}
.butholder4 {
  display: flex;
  padding-top: 24px;
  width: 100%;
}
.but6 {
  padding: 16px 24px;
  height: 53px;
  display: flex;
  justify-content: center;
align-items: center;
gap: 8px;
border-radius: 80px;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--white);
background: var(--green-900);
}
.but6:hover {
  background-color: var(--greenhover);
}
.gheader2 {
  padding: 0;
  margin: 0;
  
  display: flex;
  align-items: center;
gap: 16px;
align-self: stretch;
  font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--black-900);
}
.gheader2::before {
  content: '';
  width: 12px;
height: 12px;
border-radius: 50%;
background-color: var(--green-900);
}
.dopgoodsholder2 {
  padding-top: 40px;
}


.dopgoodsholder {
  position: relative;
  display: flex;
  width: 100%;
  padding-bottom: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.dopgimg {
  width: 100%;
  padding-left: 39px;
  padding-right: 39px;
  padding-top: 23px;
  padding-bottom: 23px;
  height: 256px;
  overflow: hidden;
}
.dopgimg img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.gtext1 {
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  padding: 0px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.gtext2 {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--black-900);
  height: 21px;
  display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.gtext3 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #8A8A8A;
  height: 40px;
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.gtext4 {
  display: flex;
  flex-direction: column;
justify-content: center;
gap: 4px;
padding-left: 16px;
padding-right: 16px;
height: 54px;
}
.gheader2 {
  font-size: 24px;
}
.gtext5 {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  border-radius: 80px;
  background: #F2F6F5;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #FF3B30;
  text-decoration: line-through;
}

.gtext6 {
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--black-900);
}
.gbutholder {
  width: 100%;
  padding-left: 16px;
padding-right: 16px;
}
.thumbholder .swiper-slide.swiper-slide-thumb-active {
  opacity: 0.5;
}
.tovlist4 {
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: 24px;
}
.tovlist4 .tovitem{
  width: calc(33.33% - 16px);
}
.modalbutholder2 {
  padding-top: 16px;
  display: flex;
  padding-top: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.but7 {
  height: 53px;
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 80px;
  background: var(--white);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--green-900);
}
.but7:hover, .but8:hover {
  color: var(--white);
  background-color: var(--green-900);
}
.but8 {
  height: 53px;
  display: flex;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 80px;
  border: 1px solid var(--green-900);
  background: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--green-900);
}
.goodbage1 {
  display: inline-flex;
  padding: 10px 12px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 0px 80px 80px 0px;
  background: var(--sys_red-800);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--white);
  position: absolute;
  left: 0;
  top: 24px;
}
.but9 {
  border-radius: 80px;
  background: var(--white);
  height: 43px;
  display: flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--green-900);
}
.sliderpagination2 {
  gap: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  position: relative;
  text-align: center;
}
.sliderpagination3 {
  gap: 16px;
  display: none;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  position: relative;
  text-align: center;
}
.cartheader {
  padding: 0;
  margin-top: 0;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--black-900);
}
.cartheader::before {
  content: '';
  width: 12px;
  height: 12px;
  background-color: var(--green-900);
  border-radius: 50%;
}
.kittycontainer {
  display: flex;
  padding: 80px 0px;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  align-self: stretch;
  border-radius: 16px;
  background: #FAFBFC;
}
.kittycontainer.pl80 {
	padding-left:80px;
	padding-right: 80px;
	
}
.kittycontainer img{
  max-width: 100%;
}
.kittycontainer2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.kittycontainer3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--black-900);
}
.cartcontainer {
  width: 100%;
  display: flex;
  gap: 32px;
}
.leftcart {
  display: flex;
  padding: 24px 32px 32px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  border-radius: 16px;
  background: #FAFBFC;
  width: calc(100% - 435px);
}
.rightcart {
  display: flex;
  width: 395px;

  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.firstdatablock {
  width: 502px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.firstdatablock2 {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--black-900);
}
.firstdatablock3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
.radios {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.formlabel3 {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.formlabel3+label {  
  display: inline-flex;
  align-items: center;
  user-select: none;
  gap: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--black-900);
}
.formlabel3+label::before {
  content: '';
  width: 32px;
  height: 32px;
  background-image: url(../img/radio.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.formlabel3:checked+label::before {
  background-image: url(../img/radio2.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 32px;
  height: 32px;
}
.formlabel3:checked+label {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--green-900);
}
.littletext {
  padding-left: 40px;
  margin-top: -12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #8A8A8A;
  display:none;
}
.radios div .formlabel3:checked ~ .littletext {
	display:block;}
.secdp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
.city {
  width: 100%;
  height: 59px;
  border-radius: 4px;
  border: 1px solid #CCDBDA;
  outline: none;
  background: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #8A8A8A;
  padding-left: 16px;
  padding-right: 34px;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M14.9401 7.21265L10.0501 12.1026C9.47256 12.6801 8.52756 12.6801 7.95006 12.1026L3.06006 7.21265' stroke='%23004A45' stroke-width='1.125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
}
.incart {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #8A8A8A;
}
.incartcounter {
  display: flex;
  padding: 4px 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 80px;
  background: #F2F6F5;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--green-900);
}
.carttovlist {
  width: 100%;
  height: 533px;
  overflow-y: scroll;
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.carttov {
  display: flex;
  width: 100%;
  padding: 16px 16px 24px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
  gap: 16px;
}
.carttov2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.carttov3 {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.imgholdercart {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
}
.imgholdercart img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.carttov4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  width: 100%;
}
.carttov5 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--black-900);
}
.carttov6 {
  display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.carttov7 {
  font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: line-through;
color: #FF3B30;
}
.carttov8 {
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--black-900);
}
.carttov10 {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 24px;
}
.carttov11 {
  width: calc(50% - 12px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.carttov13 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #8A8A8A;
}
.carttov14 {
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  border-radius: 80px;
  background: #FAFBFC;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--black-900);
}
.carttov12 {
  width: calc(50% - 12px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 21px;
  align-self: stretch;
}
.carttov15 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--black-900);
}
 /* Chrome, Edge, and Safari */
 .carttovlist {
  padding-right: 6px;
 }
 .carttovlist::-webkit-scrollbar {
  width: 4px;
}

.carttovlist::-webkit-scrollbar-track {
  background: rgba(31, 59, 99, 0.2);
}

.carttovlist::-webkit-scrollbar-thumb {
  background-color: #004A45;
  border-radius: 10px;
  border: 0px solid #ffffff;
}
 /* Chrome, Edge, and Safari */
 .carttotal {
  display: flex;
  padding: 16px 16px 32px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 16px;
  background: #FAFBFC;
 }
.totalrow {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: relative;
  align-items: flex-end;
}
.totalrow::before {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  content: '';
  height: 1px;
  background: #E6EDEC;
}
.totalrow2 {
  background-color: #FAFBFC;
  padding-bottom: 2px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #8A8A8A;
  position: relative;
  z-index: 2;
  padding-right: 4px;
}
.totalrow3 {
  background-color: #FAFBFC;
  padding-bottom: 2px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  color: var(--black-900);
  position: relative;
  z-index: 2;
  padding-left: 4px;
}
.totalrow4 {
  background-color: #FAFBFC;
  padding-bottom: 2px;
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
  color: var(--black-900);
  position: relative;
  z-index: 2;
  padding-right: 4px;
}
.totalrow5 {
  background-color: #FAFBFC;
  padding-bottom: 2px;
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
  color: var(--black-900);
  position: relative;
  z-index: 2;
  padding-left: 4px;
}
.totalrow6 {
  width: 100%;
  display: flex;
padding-top: 16px;
flex-direction: column;
align-items: center;
gap: 8px;
align-self: stretch;
text-align: center;
}
.totalrow7 {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #8A8A8A;
}
.butholder6 {
  width: 100%;
  padding-top: 16px;
  width: 100%;
}
.but10 {
  width: 100%;
  height: 53px;
  width: 100%;
  padding: 0px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: center;
  border-radius: 80px;
background:  #99B7B5;
color: var(--white);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.but10.active{
  background-color: var(--green-900);
}
.but10.active:hover{
  background-color: var(--greenhover);
}
.kittycontainer4 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 48px;
}
.kittycontainer4 img {
  max-width: 100%;
}
.kittycontainer4-4 {
  width: calc(100% - 258px);
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.kittycontainer5 {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.kittycontainer6 {
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--black-900);
}
.kittycontainer7 {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--black-900);
}
.aboutholder {
  display: flex;
padding-top: 24px;
align-items: flex-start;
gap: 32px;
align-self: stretch;
}
.aboutright {
  position: relative;
  width: 502px;
}
.aboutleft {
  width: calc(100% - 534px);
}
.aboutright img{
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.aboutleft p {
  padding: 0;
  margin: 0;
  margin-bottom: 24px;
  font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
color: var(--black-900);
}

.aboutleft .m40 {
  margin-bottom: 40px;
}
.tortimg {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  display: block;
}
.tortimg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
.expleft {
  width: 40px;
  border-radius: 50%;
  background-color: var(--white);
  height: 40px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 24px;
  bottom: 24px;
  z-index: 3;
}
.expright {
  z-index: 3;
  width: 40px;
  border-radius: 50%;
  background-color: var(--white);
  height: 40px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 24px;
  right: 24px;
  transform: scaleX(-1);
}
.expbutholder {
  padding-top: 24px;
  display: flex;
}
.pordholder {
  display: flex;
align-items: center;
gap: 40px;
align-self: stretch;
}
.pordholder2 {
  width: calc(100% - 200px);
}
.pordholder3 {
  display: flex;
  flex-direction: column;
  
  gap: 12px;
}
.pordholder4 {
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--black-900);
}
.pordholder5 {
  font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--black-900);
}
.pordholder5 a{
  color: var(--green-900);
  font-weight: 700;
line-height: normal;
}
.contactholder {
  display: flex;
  padding-top: 24px;
  gap: 32px;
  align-self: stretch;
}
.contactholder2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  width: calc(50% - 16px);
}
.contactholder2 .cartheader {
  margin-bottom: 0;
}
.contactholder3 {
  width: calc(50% - 16px);
}
.phoneblock {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.phoneblock2 {
  display: flex;
justify-content: center;
align-items: center;
gap: 16px;
}
.phoneblock3 {
  display: flex;
flex-direction: column;
align-items: flex-start;
}
.phoneblock4 {
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--green-900);
}
.phoneblock5 {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #80868F;
}
.socholder {
  display: flex;
  padding-bottom: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.socholder2 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--black-900);
}
.socholder3 {
  display: flex;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
.socholder4 {
  display: flex;
  padding: 8px 16px 8px 12px;
  align-items: center;
  gap: 8px;
  border-radius: 80px;
  background: #FAFBFC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--black-900);
}
.socholder4:hover {
  color: var(--green-900);
}
.adressholder {
  display: flex;
  padding-bottom: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.socholder33 {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.socholder44 {
  font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--black-900);
}
.socholder5 {
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: var(--green-900);
}
.socholder5:hover {
  color: var(--greenhover);
}
.termsholder h2{
  margin: 0;
  padding: 0;padding-bottom: 16px;
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
color: var(--black-900);
}
.termsholder p{
  padding: 0;
  margin: 0;
  margin-bottom: 24px;
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: var(--black-900);
}
.termsholder ul li{
  font-size: 14px;
}
.iti {
    width: 100%;
   
}
.newplacehold input.errinp {
	background-color:#FFEBEA;
	border-color:#FF766E;}
.city.errinp {
	background-color:#FFEBEA;
	border-color:#FF766E;}	
@media (min-width: 1060px)
{
  .modal-dialog.modal-lg {
    width: 1036px;
}
}
@media (min-width: 576px)
{
.modal-dialog {
  max-width: none;
  width: 654px;
}


}
@media (max-width: 1400px) 
{
  .topline {
    padding-left: 14px;
    padding-right: 14px;
  }
  .menuline ul {
    gap: 24px;
  }
  .left_t, .rigth_t {
    column-gap: 32px;
  }
}
@media (max-width: 1250px) 
{
  .cartbut span {
    display: none;
  }
}
@media (max-width: 1140px) 
{
  .topline {
    display: none;
  }
  .mobiletop {
    display: flex;

  }
  .langlink img{
    width: 24px;
  }
  .dropdown-menu.mymenu {
    border: none;
    width: calc(100% - 28px);
  }
  .rightslide {
    clip-path: circle(66% at 64% 51%);
    width: 500px;
  }
  .leftslide {
    width: calc(100% - 500px);
  }
}
@media (max-width: 1060px) 
{
  .modal-dialog.modal-lg {
    width: auto;
    margin: 0.5rem;
  }
}
@media (max-width: 991px) 
{
  .aboutright {
    width: 400px;
  }
  .aboutleft {
    width: calc(100% - 424px);
}
  .firstdatablock {
    width: 100%;
  }
  .gooholder {
    flex-wrap: wrap;
  }
  .photoholder {
    width: 100%;
  }
  .paramholder {
    width: 100%;
  }
  .tovitem {
    width: calc(50% - 16px);
  }
  .innerslide {
    gap: 22px;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .leftslide, .rightslide {
    width: 100%;
  }
  .rightslide {
    clip-path: none;
  }
  .leftslide {
    padding-left: 0;
    padding-top: 0;
  }
}
@media (max-width: 768px) 
{
  .termsholder h2{
    font-size: 16px;
  }
  .contactholder {
    flex-wrap: wrap;
    gap: 24px;
  }
  .contactholder2, .contactholder3 {
    width: 100%;
  }
  .contactholder3 {
    height: 445px;
  }
  .contactholder2 {
    gap: 24px;
  }
  .phoneblock {
    gap: 16px;
  }
  .phoneblock2 {
    gap: 12px;
  }
  .phoneblock4 {
    font-size: 18px;
  }
  .phoneblock5 {
    font-size: 14px;
  }
  .socholder2 {
    font-size: 16px;
  }
  .socholder {
    gap: 8px;
    padding-bottom: 0;
  }
  .padbot0 {padding-bottom: 0;}
  .phoneblock2 img {
    width: 48px;
  }
  .pordholder {
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
  }
  .pordholder4, .pordholder5 {
    text-align: center;
  }
  .pordholder5 a{
    display: block;
  }
  .pordholder2 {
    width: 100%;
  }
  .expbutholder {width: 100%;}
  .aboutleft p.explasch {
    margin-bottom: 0;
  }
  .expbutholder .but6 {
    width: 100%;
  }
  .aboutholder {
    gap: 32px;
    flex-wrap: wrap;
  }
  .aboutleft, .aboutright {
    width: 100%;
  }
  .aboutleft p:last-child {
    margin-bottom: 0;
  }
  .kittycontainer4 {
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
  }
  .kittycontainer6, .kittycontainer7 {
    width: 100%;
    text-align: center;
  }

  .kittycontainer4-4 {
    width: 100%;
    align-items: normal;
  }
  .cartcontainer {
    flex-wrap: wrap;
    gap: 24px;
  }
  .cartheader {
    font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
gap: 12px;
  }
  .cartheader::before {
    width: 8px;
height: 8px;
  }
  .leftcart {
    padding: 14px 14px 32px 14px;

gap: 24px;
  }
  .firstdatablock2 {
    font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
  }
  .firstdatablock {

    gap: 12px;
}
.rightcart {
  margin-left: 14px;
  margin-right: 14px;
}
.carttovlist {
  overflow-y: visible;
  padding-right: 0;
  height: auto;
}
  .leftcart, .rightcart {
    width: 100%;
  }
  .rightslide {
    border-radius: 0;
  }
  .mainslider {
    padding-top: 0;
    padding-bottom: 40px;
  }
  .innerslide {
    border-radius: 0;
    border: none;
  }
  .nopd {
    padding: 0;
  }
  .butswleft, .butswright, .microsl, .microsl2, .bottagholder {
    display: none;
  }
  .leftslide {
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 0;
  }
  .slidetext2 {
    font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
  }
  .slidetext3 {
    font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
  }
  .sliderpagination {
    margin-top: 32px;
  }
  .mainheader {
    font-size: 24px;
font-style: normal;
font-weight: 700;
margin-bottom: 16px;
line-height: normal;
  }
  .mainheader::before {
   
    width: 8px;
    height: 8px;
  }
  .catleft {
    display: none;
  }
  .catright {
    width: 100%;
  }
  .butholder768 {
    display: flex;
    width: 100%;
    padding-bottom: 8px;
    flex-direction: column;
    gap: 8px;
  }
  .mobbutholder1 {
    display: flex;
padding: 6px;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 8px;
background: #F2F6F5;
  }
  .mobbutholder1 a {
    width: calc(50% - 5px);
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--green-900);
  }
  .mobbutholder1 a:hover,.mobbutholder1 a.active{
    background-color: var(--white);
  }
  .mobbutholder2 {
    width: 100%;
    overflow-x: scroll;
    padding-bottom: 2px;
  }
  .mobbutholder2 ul {
    width: max-content;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .mobbutholder2 ul li{
    list-style: none;
  }
  .mobbutholder2 ul li a{
    display: flex;
    padding: 12px;
    align-items: center;
    gap: 12px;
    height: 48px;
    border-radius: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--black-900);
  }
  .mobbutholder2 ul li a:hover, .mobbutholder2 ul li a.active{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--green-900);
  }
  .mobbutholder2 ul li a span{
    color: #B3C9C7;
  }
  .darkgr {
    fill: #B3C9C7;
  }
  .mobbutholder2 ul li a:hover,  .mobbutholder2 ul li a.active{
    color: var(--green-900);
    font-weight: 700;
  }
  .mobbutholder2 ul li a:hover span, .mobbutholder2 ul li a.active span{
    color: #80A5A2;
  }
  .mobbutholder2 ul li a:hover span .darkgr, .mobbutholder2 ul li a.active span .darkgr{
    fill: var(--green-900);
  }
  .ourmenu {
    padding-top: 24px;
    padding-bottom: 40px;
}
.footer1 {
  padding-top: 40px;
  padding-bottom: 30px;
  border-bottom: 0;
  background-image: none;
}
.footerholder3 {
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; 
}
.footerholder4 {
  font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
footer {
  background: url(../img/mobgr.png) no-repeat, var(--green-900);
  background-position: top center;
  background-size: cover;
}
.footercont2 a:first-child {
  width: 50%;
}
.footercont2 {
  align-items: flex-start;
}
.footercont {
  gap: 56px;
}
.footercont2 ul {
  align-items: flex-start;
  width: 50%;
  flex-direction: column;
  gap: 24px;
  padding-top: 12px;
}
.footercont {
  padding-top: 0;
}
.footercont3 {
  flex-wrap: wrap;
  row-gap: 24px;
  column-gap: 0;
}
.fthreebl {
  width: calc(50% - 12px);
}
.fthreebl2 {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.tovlist4 .tovitem {
  width: calc(50% - 12px);
}
}
@media (max-width: 600px) 
{
	.mobilemenuhover {
		width: 100%;
	}
	.but5 {
		margin-bottom: 80px;
	}
  .kittycontainer {
    padding-bottom: 40px;
    padding-top: 40px;
    gap: 40px;
  }
	.kittycontainer.pl80 {
		padding-left: 16px;
		padding-right:16px;
		
	}
  .kittycontainer2 .but6 {
    width: 100%;
  }
  .kittycontainer3 {
    text-align: center;
    font-size: 18px;
  }
  .tovlist4 .tovitem {
    width: calc(100%);
  }
  .modal-body {
    position: relative;
    padding: 24px 14px 32px 14px;
}
.tovitem {
  gap: 10px;
}
  .thumbholder {
    display: none;
  }
.bislitem {
  height: 343px;
  border-radius: 16px;
}
.paramholder {
  gap: 16px;
  padding: 24px 16px 32px 16px;
}
.gdescription1 {
  font-size: 16px;
}
.gdescription3 {
  justify-content: space-between;
}
.gpriceholder2 {
  font-size: 18px;
}
.gpriceholder3 {
  font-size: 24px;
}
.butholder4 .but6 {
  width: 100%;
}
.gooholder {
  padding-bottom: 32px;
}
.gheader {
  font-size: 24px;
}
.weight {
  font-size: 14px;
}
.sliderpagination3 {
  display: flex;
}
  .tovlist {
    padding-top: 8px;
    gap: 8px;
  }
  .tovitem {
    width: 100%;
  }
.dopgimg {
  padding-left: 22px;
  padding-right: 22px;
  padding-bottom: 12px;
  padding-top: 51px;
  height: 183px;
}
.gtext2 {
  font-size: 14px;
}
.gtext1 {
  padding: 0px 8px;
}
.gtext3 {
  font-size: 12px;
}
.gtext6 {
  font-size: 18px;
}
.gtext4 {
  padding-left: 8px;
  padding-right: 8px;
}
  .tovitem {
    align-items: flex-start;
    flex-direction: row;
    padding: 16px 12px;
    gap: 16px;
    border-radius: 9px;
background: #FFF;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
  }
  .tovpicture {
    height: auto;
    width: 80px;
    padding: 0;
  }
  .goodbage1 {
    font-size: 12px;
  }
  .dopgoodsholder {
    gap: 12px;
  }
  .tovsecp {
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
    width: calc(100% - 90px);
  }
  .modalbutholder2 {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .formtextholder1 {
    font-size: 18px;
  }
  .modalbutholder2 .but7, .modalbutholder2 .but8{
    width: 100%;
  }
  .namedesc {
    width: 100%;
    padding: 0;
    gap: 8px;
  }
  .tovitemprice, .butholder2 {
    padding: 0;
  }
  .namedesc3 {
    font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
  }
  .tovitemprice2 {
    font-size: 10px;
  }
  .tovitemprice3 {
    font-size: 18px;
  }
}
@media (max-width: 400px) 
{
  .footercont2 {
    gap: 24px;
  }
  .footercont2 a:first-child, .footercont2 ul {
    width: calc(50% - 12px);
}
.footercont3 {
  column-gap: 24px;
}
.footersocholder {
  width: 96px;
  display: flex;
  align-items: center;
  gap: 1px;
}
.footerholder2 {

  width: calc(100% - 96px);
}
.footerholder {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
}