@font-face {
    font-family: 'qafi_xbold';
    src: url('../fonts/qafix/qafix-bold.woff2') format('woff2'),
        url('../fonts/qafix/qafix-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	
	
}

a {
  all: unset;
  cursor: pointer;
}


html, body {
    font-family: 'Noto Sans Georgian', sans-serif;
    width: 100%;
	height: 100%;
    color: #35357C;
	overflow-x: hidden;
	font-size: 14px;	
}

input {
font-family: 'Noto Sans Georgian', sans-serif;
outline: none;
}

input::placeholder {
  color: #9A9ABD;
  font-size: 14px;
  font-family: 'Noto Sans Georgian', sans-serif;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.desctop_all{
position: relative;
width: 1312px;
padding-top: 10px;
display: block;
text-align: left;
}

.mobile_all{
position: relative;
padding: 0px;
display:none;
width: 100%;
text-align: left;
}



@media (max-width: 769px) {
  .desctop_all {
    display: none;
  }

  .mobile_all {
    display: block;
  }
}




.gridpoz {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 64.5px;
}

.gridpoz-mob {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.onlinelink{
display: flex;
align-items: center;
width: 159px;
height: 20px;
gap: 6px;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0px;
vertical-align: middle;
}


.enterlink{
display: flex;
align-items: center;
width: 83px;
height: 20px;
gap: 6px;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0px;
vertical-align: middle;
cursor: pointer;
}


.enterlink-mob, .qula-mob{
position: absolute;
bottom: 23px;
right: 25px;
display: flex;
align-items: center;
width: 83px;
height: 20px;
gap: 6px;
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 14px;
line-height: 130%;
letter-spacing: 0%;
vertical-align: middle;
}

.qula-mob{
position: absolute;
bottom: 23px;
left: 5px;
width: 230px;
}


.kablink{
width: 376px;
height: 20px;
display: flex;
align-items: center;
gap: 6px;
font-weight: 700;
font-size: 14px;
line-height: 1.4;
letter-spacing: 0px;
vertical-align: middle;
cursor: pointer;
}

.pointr, .pointr22{
cursor: pointer;
}


.icon-label-group {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 16px;
  vertical-align: middle;
  
}

.icon-label-group img {
  width: 20px;
  height: 20px;
}

.icon-label-group p {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0%;
  margin: 0;
}




.gray-line {
  width: 1312px;
  height: 1px;
  background-color: #F2F2F2;
  border: none;
  margin: 0;
  margin-top: 26px;
  margin-bottom: 13px;
}


.links{
font-weight: 500;
line-height: 1.4;
letter-spacing: 0px;
vertical-align: middle;
cursor: pointer;
}


.linksmob{
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 18px;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
color: #35357C;
padding: 14px;
border-top: 1px solid #BFBFBF;
}

.vertspace{margin-top: 32px;}
.vertspace1{margin-top: 82px;}
.vertspace2{margin-top: 62px;}
.vertspace3{margin-top: 16.5px;}
.vertspace4{margin-top: 32px;}
.vertspace5{margin-top: 22px;}
.vertspace6{margin-top: 10px;}

.hed50{
font-family: 'qafi_xbold', sans-serif;
font-weight: 700;
font-size: 40px;
letter-spacing: 0px;
}

.hed50-mob{
font-family: 'qafi_xbold', sans-serif;
font-weight: 700;
font-size: 20px;
letter-spacing: 0px;
text-align: center;
}



.hed50.accord{
padding-left: 30px;
}

.text50{
  font-family: 'Noto Sans Georgian', sans-serif;
margin-top: 150px;
font-weight: 500;
font-size: 16px;
line-height: 140%;
letter-spacing: 0%;

}

.text50-mob{
  font-family: 'Noto Sans Georgian', sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 140%;
letter-spacing: 0%;
align-items: center;
}

.texttar{
font-weight: 500;
font-size: 16px;
line-height: 140%;
letter-spacing: 0%;

}


.texttar-mob{
font-weight: 500;
font-size: 14px;
line-height: 140%;
letter-spacing: 0%;
padding-bottom: 10px;
}


.righ{
margin-left: 90px;
}





.fixpoz {
  position: sticky;
  top: 0px;
  background-color: #FFFFFF;
  z-index: 99;
}

.scroltarget{
padding-top:85px;
}

.scroltarget-mob{
padding-top:15px;
}


/* ######################## login  ####################################*/

.logforma, .vauchforma, .filterforma{
position: fixed;
padding: 25px;
width: 416px;
height: 316px;
top: 40px;
right: 20px;
border-radius: 40px;
background: #FFFFFF;
box-shadow: 0px 0px 12px 7px rgba(89, 89, 89, 0.04);
z-index: 100;
display: none;
}




.logheder{
opacity: 0.9;
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 18px;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
color: rgba(53, 53, 124, 1);
}

.logexit, .kabexit, .vauchexit, .payexit, .mainq, .mainq2, .infowin-close, .filterwin-close, .popup-exit-mob, .payexit-mob, .logexit-mob{
  width: 28px;
  height: 28px;
  background-color: #35357C;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
}


.log-bottom {
  display: flex;
  justify-content: flex-end;
  padding-top: 26px;
}


.flt-bottom {
  display: flex;
  justify-content: flex-end;
  padding-top: 26px;
}


.flt-btn {
  position: absolute;
  bottom: 45px;
  width: 156px;
  height: 49px;
  padding: 12px 20px;
  border-radius: 16px;
  background: #02C1AF;
  color: #FFFFFF;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  border: none;
  cursor: pointer;
}


.flt-clear {
  position: absolute;
  bottom: 45px;
  left: 5px;
  width: 156px;
  height: 49px;
  padding: 12px 20px;
  color: #02C1AF;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  border: none;
  cursor: pointer;
}


.filterforma input, .popup-content input{
width: 170;
height: 52;
gap: 60px;
padding-top: 16px;
padding-right: 24px;
padding-bottom: 16px;
padding-left: 24px;
border-radius: 40px;
border: 0px;
background: #F2F2F2;
font-family: Noto Sans Georgian;
color: #35357C;
}


.popup-content input{
width: 90%;
height: 52;
gap: 60px;
padding-top: 16px;
padding-right: 24px;
padding-bottom: 16px;
padding-left: 24px;
border-radius: 40px;
border: 0px;
background: #F2F2F2;
font-family: Noto Sans Georgian;
color: #35357C;
}



#dto{
margin-left: 15px;
}


/*   ##############################  ლოგბოხ  #########################################  */



.log-box {
  position: relative;
  width: 416px;
  height: 56px;
  margin: 0;
  align-self: flex-end;
  padding-top: 30px;
   scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}


.log-box-mob {
  position: relative;
  width: 100%;
  height: 56px;
  margin: 0;
  align-self: flex-end;
   scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}


.log-box input {
width: 88%;
height: 52;
top: 141px;
left: 984px;
border-radius: 40px;
padding-top: 16px;
padding-right: 24px;
padding-bottom: 16px;
padding-left: 24px;
gap: 60px;
background: #F2F2F2;
border: 0px;
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 14px;
line-height: 140%;
letter-spacing: 0%;
color: #35357C;
}

.log-box-mob input {
margin-top: 24px;
width: 98%;
height: 52;
border-radius: 26px;
padding: 16px;
gap: 24px;
background: #F2F2F2;
border: 0px;
font-family: Noto Sans Georgian;
font-weight: 400;
font-size: 14px;
line-height: 140%;
letter-spacing: 0%;
color: #9A9ABD;
}


.log-btn {
  position: absolute;
  bottom: 15px;
  width: 120px;
  height: 49px;
  padding: 12px 20px;
  border-radius: 16px;
  background: #02C1AF;
  color: #FFFFFF;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  border: none;
  cursor: pointer;
}

.log-btn-mob {
width: 87;
height: 36;
border-radius: 8px;
gap: 10px;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
align-self: flex-end;
background: #02C1AF;
color: white;
border: none;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  border: none;
  cursor: pointer;
}


.log-btn-mob2 {
  position: absolute;
  bottom: 15px;
  width: 87;
  height: 36;
  padding: 8px 12px;
  border-radius: 8px;
  background: #02C1AF;
  color: #FFFFFF;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  border: none;
  left: 50%;
  transform: translateX(-50%);
}


.logerror{
padding-top: 25px;
padding-left: 10px;
opacity: 0.9;
font-family: Noto Sans Georgian;
font-weight: 400;
font-size: 14px;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
color: #FF0004;
}

.logconfirm{
font-family: Noto Sans Georgian;
font-weight: 400;
font-size: 14px;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
padding-left: 11px;
}

.logconfirm2{
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 14px;
line-height: 130%;
letter-spacing: 0%;
padding-right: 11px;
}

.litl-text-navy{
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 14px;
line-height: 130%;
letter-spacing: 0%;
vertical-align: middle;

}

.litl-text-green{
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 14px;
line-height: 130%;
letter-spacing: 0%;
vertical-align: middle;
color: #02C1AF;
}



/* ################################### kabinet ######################*/

.kabforma{
position: fixed;
padding: 25px;
width: 216px;
height: 126px;
top: 40px;
right: 30px;
border-radius: 40px;
background: #FFFFFF;
box-shadow: 0px 0px 12px 7px rgba(89, 89, 89, 0.04);
z-index: 100;
display: none;
}

.kabinet, .kabinet2{
font-family: Noto Sans Georgian;
font-weight: 500;
font-size: 16px;
line-height: 140%;
letter-spacing: 0%;
padding-top: 10px;
cursor: pointer;
}

.kabline{
border: 1px solid #CCCCDE;
margin-top: 15px;
margin-right: 18px;
}




/*   ##############################  Baner carousel  #########################################  */


.carousel {
  position: relative;
  width: 100%;
  margin: auto;
  overflow: hidden;
  border-radius: 35px;
  padding: 0;
}

.carousel-mob {
  position: relative;
  width: 100%;
  margin: auto;
  overflow: hidden;
  border-radius: 10px;
  padding: 0;
}

.carousel-track, .carousel-track-mob {
  display: flex;
  width:100%;
  transition: transform 0.5s ease;
}


.carousel-slide, .carousel-slide-mob  {
  flex: 0 0 100%;
  width: 100%;
  object-fit: cover;
}



.carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

.carousel-btn {
  position: absolute;
  top: 50%; 
  transform: translateY(-50%);
  background-color: white;
  color: gray;
  border: none;
  font-size: 1rem;
  padding: 0 10px;
  cursor: pointer;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  z-index: 10;
}

.carousel-btn.prev {
  left: 20px;
}

.carousel-btn.next {
  right: 20px;
}


.carousel-indicators {
  text-align: center;
  margin-top: 1rem;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}

.carousel-indicators-mob {
  text-align: center;
  margin-top: 5px;
}

.dot {

  width: 10px;
  height: 10px;
  margin: 0 4px;
  background-color: #dddddd;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s;
  cursor: pointer;
}

.dot-mob  {

  width: 10px;
  height: 10px;
  margin: 0 4px;
  background-color: #dddddd;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s;
  cursor: pointer;
}

.dot.active {
  background-color: white;
}

.dot-mob.active {
  background-color: #02C1AF;
}



/*   ##############################  searchInput  #########################################  */




.search-box {
  position: relative;
  width: 416px;
  height: 56px;
  margin: 0;
  align-self: flex-end;
}

.search-box-mob {
  position: relative;
  width: 100%;
  height: 56px;
  margin: 0;
  align-self: flex-end;
}

.search-box input, .search-box-mob input{
  width: 100%;
  padding: 14px 65px 16px 24px; /* space left/right for icons */
  font-size: 14px;
  height: 56px;
  color: #35357c;
  border: 1px solid #eee;
  border-radius: 16px;
  background: #F2F2F2;
}

.search-icon, .search-icon-mob {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background-color: transparent;
  color: navy;
  font-size: 18px;
  font-weight: 900;
  cursor:pointer;	
}

.clear-icon, .clear-icon-mob {
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translateY(-50%);
  color: navy;
  font-size: 22px;
  cursor: pointer;
  display: none;
}


.noresult{
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 24px;
line-height: 140%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color: #35357C;
}


.noresult-mob{
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 16px;
line-height: 140%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color: #35357C;
}


/*   ##############################  becmenu  #########################################  */




.becmenu {
  
  display: flex;
 /* justify-content: space-between; */
  align-items: center;
  overflow-x: auto;
  gap: 55px;
  scrollbar-width: none;
  -ms-overflow-style: none;


}


.becmenu-mob, .becmenu-kab-mob {
  
  display: flex;
 /* justify-content: space-between; */
  align-items: center;
  overflow-x: auto;
  gap: 16px;
  scrollbar-width: none;
  -ms-overflow-style: none;


}

.becmenu .bec1:first-child {
  margin-right: -16px;
}

.becmenu::-webkit-scrollbar, .becmenu-mob::-webkit-scrollbar, .becmenu-kab-mob::-webkit-scrollbar {
  display: none;
}




.bec1{
  background-color: #white;
  border: 1px solid #F2F2F2;
  flex: 0 0 148px;
  height: 70px;
  white-space: nowrap;
  padding: 0.5rem 1rem;
  border-radius: 130px;
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: center; 
  align-items: center; 
  font-size: 16px;
  color: #68689D;
}


.bec1-mob, .bec1-kab-mob{
  background-color: #white;
  border: 1px solid #F2F2F2;
  flex: 0 0 98px;
  height: 44px;
  white-space: nowrap;
  padding: 0.5rem 1rem;
  border-radius: 60px;
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: center; 
  align-items: center; 
  font-size: 14px;
  color: #68689D;
}


.bec1.active{
  background-color: #02C1AF;
  flex: 0 0 196px;
  height: 101px;
  font-weight: 700;
  font-size: 18px;
  color: #35357C;


}

.bec1-mob.active, .bec1-kab-mob.active{
  background-color: #02C1AF;
  flex: 0 0 100px;
  height: 50px;
  font-weight: 700;
  font-size: 14px;
  color: #35357C;


}



 /*   ##############################  prodfiltrmenu  #########################################  */

.prodfiltrmenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  gap: 1rem;
}


.prodfiltrmenu-mob {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}

.prodfiltr, .prodfiltr-mob{
font-size: 16px;
cursor: pointer;
color: #35357C;

}

.prodfiltr.active, .prodfiltr-mob.active, #dropdown-selected{
font-size: 16px;
font-weight: 700;
cursor: pointer;
}

.prodshowall{
cursor:pointer;
margin-right: 40px;
font-weight: 500;
font-size: 16px;
}


.prodnavig {
  background-color: #02c1af;
  border: none;
  font-size: 16px;
  padding: 0 10px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  z-index: 10;
}


.prodnavig-mob {
  background-color: #02c1af;
  border: none;
  font-size: 14px;
  padding: 0 10px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  z-index: 10;
}

.prodnavig.ps1:hover, .prodnavig.ps2:hover, .prodnavig.act1:hover, .prodnavig.act2:hover, .prodnavig.qv1:hover, .prodnavig.qv2:hover {
background-color: #c0efeb;
}




 /*   ##############################  prodfiltrmenu-mob  #########################################  */

.custom-dropdown {
  position: relative;
  cursor: pointer;
  user-select: none;
}

.dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  border-radius: 8px;
  background-color: white;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  background-color: #fff;
  border-top: none;
  z-index: 999;
  border-radius: 0 0 8px 8px;
}


.dropdown-menu.show {
  display: block;
}

.dropdown-menu p {
  margin: 0;
  padding: 12px;

}

.dropdown-menu p:hover {
  background-color: #f0f0f0;
}



 /*   ##############################  ფოოტერ-mob  #########################################  */

.custom-dropdown-foot, .custom-dropdown-foot2 {
  position: relative;
  cursor: pointer;
  user-select: none;
}

.custom-dropdown-foot{
padding-top: 15px;
}

.dropdown-toggle-foot, .dropdown-toggle-foot2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-radius: 8px;
  font-family: Noto Sans Georgian;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #35357C;
  border-bottom: 1px solid white;
}

.dropdown-menu-foot, .dropdown-menu-foot2 {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  background-color: #F2F2F2;
  border-top: none;
  z-index: 999;
  border-radius: 0 0 8px 8px;
  font-family: Noto Sans Georgian;
}


.dropdown-menu-foot.show, .dropdown-menu-foot2.show {
  display: block;
}

.dropdown-menu-foot p, .dropdown-menu-foot2 p  {
  margin: 0;
  padding: 12px;

}

.prodfiltr-mob-foot, .prodfiltr-mob-foot2{
font-size: 16px;
cursor: pointer;
color: #35357C;
  font-family: Noto Sans Georgian;
}







/*   ##############################  prod-carousel-wrapper  #########################################  */


.prod-carousel-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: auto;
}

.prod-carousel-track {
  display: flex;
  transition: transform 0.5s ease;
}

.prod-carousel-slide {
  min-width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 20px;
  padding: 0.1rem;
  box-sizing: border-box;
}

.prod-item {
  background-color: white;
  border: 0px solid #eeeeee;
  padding: 0;
  text-align: center;
  margin: 0;
  background-size: contain; 
  background-repeat: no-repeat;
  background-position: center;
  
}


.fade-box {

  transition: opacity 0.5s ease;
  opacity: 1;
  visibility: visible;
}
.fade-box.hidden {
  opacity: 0;
  visibility: hidden;
}




/*   ##############################  prod-carousel-wrapper-mob  #########################################  */


.prod-carousel-wrapper-mob {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: auto;
}

.prod-carousel-track-mob {
  display: flex;
  transition: transform 0.5s ease;
}


.prod-carousel-slide-mob {
  min-width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* მხოლოდ 2 ელემენტი 1 ხაზზე */
  gap: 20px;
  padding: 0.1rem;
  box-sizing: border-box;
}

.prod-item-mob {
  background-color: white;
  border: 0px solid #eeeeee;
  padding: 0;
  text-align: center;
  margin: 0;
  background-size: contain; 
  background-repeat: no-repeat;
  background-position: center;
  
}


.fade-box-mob {

  transition: opacity 0.5s ease;
  opacity: 1;
  visibility: visible;
}
.fade-box-mob.hidden {
  opacity: 0;
  visibility: hidden;
}



/* ######### Card ##########*/

.custom-card {
  position: relative;
  width: 242px;
  height: 360px;
  border-radius: 24px;
  overflow: hidden;
  background: white;
  box-shadow: 0px 0px 10px 0px rgba(242, 242, 242, 0.8);
  text-align: center;
 
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}



.custom-card-mob {
  position: relative;
  width: 42vw;
  height: 274px;
  border-radius: 16px;
  overflow: hidden;
  background: white;
  box-shadow: 0px 0px 10px 0px rgba(242, 242, 242, 0.8);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


.card-img {
  width: 210px;
  height: auto;
  display: block;
  margin: 20px auto 10px auto;
  overflow: hidden;
 
}

.card-img-mob {
  width: 140px;
  height: auto;
  display: block;
  margin: 20px auto 10px auto;
  overflow: hidden;
 
}

.card-title {
  padding: 0 16px;
  font-size: 14px;
  font-weight: 700;
  color: #35357C;
  text-align: left;
}

.card-title-mob {
 
  font-size: 14px;
  font-weight: 700;
  color: #35357C;
  text-align: left;
}


.card-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 16px 16px 16px;
  font-size: 14px;
  z-index: 11;
}

.card-bottom-mob {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  z-index: 11;
}

.price-current {
color: #35357C;
font-weight: 700;
font-size: 15px;
line-height: 140%;
letter-spacing: 0%;
}

.price-current-mob {
color: #35357C;
font-weight: 700;
font-size: 14px;
line-height: 140%;
letter-spacing: 0%;
}

.price-old {
color: #BFBFBF;
font-weight: 700;
font-size: 15px;
line-height: 140%;
letter-spacing: 0%;
text-decoration: line-through;

}

.price-old-mob {
color: #BFBFBF;
font-weight: 700;
font-size: 14px;
line-height: 140%;
letter-spacing: 0%;
text-decoration: line-through;

}

.discount-badge {
  background: #C0EFEb;
  color: #02C1AF;
  padding: 4px 8px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 15px;
  
}


.discount-badge-mob {
  position: absolute;
  bottom: 38%;
  right: 3px;
  background: #C0EFEb;
  color: #02C1AF;
  padding: 4px 8px;
  border-radius: 8px;
  font-weight: 900;
  font-size: 12px;
  
}

.card-hover-box {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  background-color: #DFF7F5;
  color: #35357C;
  padding: 1rem;
  text-align: left;
  transition: bottom 0.4s ease;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  min-height: 50%;

}


.card-hover-box-mob {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  background-color: #DFF7F5;
  color: #35357C;
  padding: 1rem;
  text-align: left;
  transition: bottom 0.4s ease;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  min-height: 80%;

}


.custom-card:hover .card-hover-box {
  bottom: 0;
}

.custom-card-mob:hover .card-hover-box-mob {
  bottom: 0;
}


.prodshowall-mob{
width: 100%;
height: 36;
border-radius: 8px;
border: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
gap: 10px;
background: #02C1AF;
font-family: Noto Sans Georgian;
font-weight: 500;
font-size: 14px;
line-height: 140%;
letter-spacing: 0%;
color: #FFFFFF;
}


/*############################# aqciebi ###############################*/




.aqcia-carousel-wrapper {
  position: relative;
  width: 100%;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;

}

.aqcia-carousel-wrapper::-webkit-scrollbar {
  display: none;
}

.aqcia-carousel-track {
  display: flex;
  gap: 30px;
  width: max-content;
  scroll-snap-type: x mandatory;
  scroll-padding: 15px;
}

.act-custom-card {
  width: 528px;
  height: 443px;
  flex: 0 0 auto;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  
}

.act-card-img {
  width: 528px;
  height: 280px;
  object-fit: cover;
  border-radius: 32px;
  display: block;
}

.act-card-text {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: #35357C;
  padding: 0 8px;
}

.act-card-bottom {
  display: flex;
  justify-content: flex-end;
  padding: 0 8px;
  margin-top: auto;
}

.act-card-btn {
  width: 143px;
  height: 49px;
  padding: 12px 20px;
  border-radius: 16px;
  background: #02C1AF;
  color: #FFFFFF;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  border: none;
  cursor: pointer;
}


.image-wrapper {
  position: relative;
  width: 528px;
  height: 280px;
}

.act-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 32px;
  display: block;
}


.top-left-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 113px;
  height: 42px;
  padding: 10px 12px;
  border-radius: 40px;
  background: #F29DF9;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #35357C;
  display: flex;
  align-items: center;
  justify-content: center;
}



.top-left-badge-mob {

  position: absolute;
  top: 5px;
  left: 5px;
  width: 101px;
  height: 39px;
  padding: 10px 12px;
  border-radius: 40px;
  background: #F29DF9;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: #35357C;
  display: flex;
  align-items: center;
  justify-content: center;

}



.bottom-right-badge {
  position: absolute;
  bottom: -1px;
  right: 40px;
  width: 136px;
  height: 38px;
  padding: 10px 12px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #FFFFFF;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  color: #35357C;
  display: flex;
  align-items: center;
  justify-content: center;
}



/*############################# aqciebi DET ###############################*/



.aqcdet-left-button {
  width: 252px;
  height: 49px;
  border-radius: 16px;
  padding: 12px 20px;
  background: #02C1AF;
  color: #FFFFFF;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  border: 2px solid #02C1AF;
  cursor: pointer;
  margin-top: 150px;
}


.vaucher-button {
  width: 252px;
  height: 49px;
  border-radius: 16px;
  padding: 12px 20px;
  background: #02C1AF;
  color: #FFFFFF;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  border: 2px solid #02C1AF;
  cursor: pointer;
  margin-top: 90px;
}

.litl-text-red {
  color: #FF0000;
  
  
  
}


.gridpozdet {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

.top-left-badge-det {
  width: 113px;
  height: 42px;
  padding: 10px 12px;
  border-radius: 40px;
  background: #F29DF9;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #35357C;
  display: flex;
  align-items: center;
  justify-content: center;
}

.endaqcia {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #35357C;
  padding: 25px;
}


.endgeebi{
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 18px;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
color: #02C1AF;
}


/*   ##############################  xdk accordeon  #########################################  */

.accordion {
width: 1312;
height: 213;
justify-content: space-between;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 32px;
border-bottom-width: 1px;
border-radius: 24px;

}



.accordion-header {
  background-color: #f2f2f2;
  margin-bottom: 0.5vh;
  overflow: hidden;
  height: 104px;
  transition: height 0.4s ease;
  cursor: pointer;
  padding: 0 1rem;
  border-radius: 22px;
  box-sizing: border-box;
}

.accordion-header.expanded {
  height: auto;
}

.accordion-title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 104px;
}

.accordion-title {
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 18px;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
padding-left: 20px;
padding-right: 180px;
}

.accordion-icon {
  font-size: 37px;
  line-height: 3rem;
  transition: transform 0.3s ease;
  color: #35357C;
  font-weight: 500; 
}

.accordion-content {
white-space: pre-wrap;
font-family: Noto Sans Georgian;
font-weight: 400;
font-size: 16px;
line-height: 140%;
letter-spacing: 0%;
padding-bottom: 25px;
padding-left: 20px;
text-indent: -20px;
padding-right: 180px;
}

.accordion-header.expanded .accordion-content {
  opacity: 1;
  padding-top: 0.5rem;
}




/*   ##############################  xdk accordeon -mob  #########################################  */


.hed50xdk-mob{
font-family: 'qafi_xbold', sans-serif;
font-weight: 700;
font-size: 20px;
letter-spacing: 0px;
}


.accordion-mob {
width: 100%;
justify-content: space-between;
padding-top: 12px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 0px;
border-bottom-width: 1px;
border-radius: 12px;

}



.accordion-header-mob {

  background-color: #f2f2f2;
  margin-bottom: 10px;
  overflow: hidden;
  height: 68px;
  transition: height 0.4s ease;
  cursor: pointer;
  border-radius: 12px;
  box-sizing: border-box;
}



.accordion-header-mob.expanded {
  height: auto;
  padding-top: 20px;
}

.accordion-title-wrapper-mob {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 0 20px; 
}

.accordion-title-mob {
  font-family: "Noto Sans Georgian";
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  flex-grow: 1;
}

.accordion-icon-mob {
  font-size: 27px;
  color: #35357C;
  font-weight: 500;
  display: flex;
  align-items: center; /* ცენტრში ვერტიკალურად */
}

.accordion-content-mob {
white-space: pre-wrap;
font-family: Noto Sans Georgian;
font-weight: 400;
font-size: 12px;
line-height: 140%;
letter-spacing: 0%;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 50px;
}

.accordion-header-mob.expanded .accordion-content-mob {
  opacity: 1;
  padding-top: 0.5rem;
}


/*  ######################################################## */


#prodlists {
  transition: opacity 0.5s ease;
}


/*   ##############################  qvelmoqmedeba carousel  #########################################  */



.qvel-carousel-wrapper {
  position: relative;
  width: 100%;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;

}

.qvel-carousel-wrapper::-webkit-scrollbar {
  display: none;
}

.qvel-carousel-track {
  display: flex;
  gap: 30px;
  width: max-content;
  scroll-snap-type: x mandatory;
  scroll-padding: 15px;
}

.qv-custom-card {
  width: 416px;
  height: 499px;
  flex: 0 0 auto;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  
}


.qv-custom-card-mob {
  width: 223px;
  height: 306px;
  flex: 0 0 auto;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  
}

.qv-card-img {
  width: 416px;
  height: 280px;
  object-fit: cover;
  border-radius: 32px;
  display: block;
}


.qv-card-img-mob {
  width: 233px;
  height: 150px;
  object-fit: cover;
  border-radius: 16px;
  display: block;
}

.qv-card-hed {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: #35357C;
  padding: 0 8px;
  /*height: 67px*/;
  padding-top: 15px;
}

.qv-card-hed-mob {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  color: #35357C;
  padding: 0 8px;
  /*height: 67px*/;
  padding-top: 15px;
}



.qv-card-text {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #35357C;
  padding: 0 8px;
  /*height: 47px;*/
}


.qv-card-text-mob {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #35357C;
  padding: 0 8px;
  /*height: 47px;*/
}

.qv-card-bottom {
  display: flex;
  justify-content: flex-end;
  padding: 0 8px;
  margin-top: auto;
}

.qv-card-btn {
  width: 143px;
  height: 49px;
  padding: 12px 20px;
  border-radius: 16px;
  background: #02C1AF;
  color: #FFFFFF;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  border: none;
  cursor: pointer;
}

.qv-card-btn-mob {
  width: 104px;
  height: 36px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #02C1AF;
  color: #FFFFFF;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  border: none;
  cursor: pointer;
}


/*################################################# footer #######################################*/

.footr{
width: 100%;
height: 414px;
gap: 32px;
padding-top: 48px;
padding-right: 14px;
padding-bottom: 104px;
padding-left: 14px;
background: #F2F2F2;
}


.footr-mob{
position: relative;
bottom:0px;
width: 100%;
height: 312px;
gap: 24px;
padding-top: 15px;
padding-right: 14px;
padding-bottom: 104px;
padding-left: 14px;
background: #F2F2F2;
}


.footer1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; 
}



.logoes {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.logoes img {
  width: 276px; 
  height: auto; 
}


.contacts{
gap: 24px;
}

.contactshed{
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 24px;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;

}



.contactscont{
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 16px;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
color: #35357C;
padding-top: 18px;
}

.contactscontl{
font-family: Noto Sans Georgian;
font-weight: 500;
font-size: 16px;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
color: #35357C;
padding-top: 18px;
}


.social-wrapper {
  display: flex;
  gap: 1rem;
}


.social-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: white;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.fb {
  background-color: #F29DF9;
  color: #35357C;

}


.endof{
width:100%;
height: 70px;
background: #35357C;
}


.endof-mob{
width:100%;
height: 124px;
background: #35357C;
}

.endof-mob p{
font-family: Noto Sans Georgian;
font-weight: 500;
font-size: 14px;
line-height: 140%;
letter-spacing: 0%;
color: #FFFFFF;
padding: 9px;
padding-left: 14px;
}


.endofcont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  padding-left: 15px;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 500;
  height: 100%;
}

.endofcont p {
  margin: 0;
  line-height: 1.2;
  
}

.enterr-mob{
position: fixed;
bottom: 0px;
width: 100%;
height: 60px;
gap: 10px;
padding-top: 24px;
padding-right: 16px;
padding-bottom: 40px;
padding-left: 16px;
background: #F2F2F2;
z-index: 9999;

}


/*###################################  messenger-button  ########################################*/

.messenger-button, .messenger-button-mob {
  width: 50px;
  height: 50px;
  background-color: #02C1AF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  
  color: #35357C;
  font-size: 24px; 
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: transform 0.2s ease;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999;
}

.messenger-button-mob {
bottom: 85px;
}

.messenger-button:hover {
  transform: scale(1.1);
}


/*###################################  search result  ##################################################*/


.seresult{
width: 226px;
height: 34px;
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 24px;
line-height: 140%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color: #35357C;
padding-right: 20px;
}


.seresult-mob{
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 16px;
line-height: 140%;
letter-spacing: 0%;

vertical-align: middle;
color: #35357C;
padding-right: 10px;
}


.serword{
height: 34;
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 24px;
line-height: 140%;
letter-spacing: 0%;
text-align: left;
vertical-align: middle;
color: #02C1AF;
}

.serword-mob{
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 16px;
line-height: 140%;
letter-spacing: 0%;
color: #02C1AF;
}



/* ################################### kabinet-content ######################*/

/*######### kategoriebi ############*/

.kab-layout-container {
  display: flex;
  justify-content: space-between;
  padding: 64px;
  padding-left: 0px;
  gap: 32px;
  position: relative;
  flex-wrap: nowrap;
  overflow: hidden;
  overflow-y: auto;
}

.kab-left,
.kab-center,
.kab-right {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.kab-left,
.kab-right {
width: 304px;
}

.kab-center {
width: 640px;

}


.kab-box {
  background-color: #F2F2F2;
}

.kab-left-top {
  width: 304px;
  height: 344px;
  border-radius: 32px;
  padding: 24px;
  gap: 10px;
}

.kab-left-bottom {
  display: flex;
  flex-direction: column;
  width: 304px;
  height: 270px;
  border-radius: 24px;
}

.kab-center-box2 {
  width: 640px;
  height: auto;
  border-radius: 32px;
  padding: 5px;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent;
}

.kab-center-box3 {
  width: 640px;
  height: auto;
  border-radius: 32px;
  padding-left: 25px;
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent;
}


.kab-center-box {
  width: 640px;
  height: 638px;
  border-radius: 32px;
  padding: 32px;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent;
}




.kab-right-top {
  width: 304px;
  height: 480px;
  border-radius: 32px;
  padding: 11px;
  padding-left: 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  
  
  box-sizing: border-box;
}

.kab-right-bottom {
  width: 304px;
  height: 124px;
  border-radius: 24px;
  padding: 11px;
  padding-left: 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}


.kab-left-top {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.kab-top-label {
  
  height: 22px;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  color: #35357C;
  text-align: center;
  margin-top: 0;
}

.kab-main-text {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  text-align: center;
  color: #35357C;
  margin: 16px 0;
}

.kab-bottom-pair {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}

.kab-bottom-item {
  width: 155px;
  height: 25px;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: #35357C;
  text-align: center;
}

.kab-hand{
font-size: 22px;
}

.kab-menu-item {
  height: 54px;
  padding: 16px 0 16px 24px;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #35357C;
  border-bottom: 1px solid white;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.kab-menu-item.first {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-top: none;
}

.kab-menu-item.active {
  background: #02C1AF;
  font-weight: 700;
}

.kab-menu-item.last {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom: none;
}


.kab-large-image-wrapper {
  position: relative;
  width: 169px;
  height: 163px;
  margin-bottom: 16px;
}

.kab-large-image {
  width: 169px;
  height: 163px;
  display: block;
}

.kab-large-image-text {
  position: absolute;
  width: 169px;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  text-align: center;
  color: #35357C;
}


.kab-center-label {
  padding-left: 24px;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  text-align: center;
  color: #35357C;
  margin-bottom: auto;
  margin-top: 16px;
}


.kab-bottom-content {
  display: flex;
  width: 90%;
  align-items: center;
  gap: 16px;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}


.kab-small-image-wrapper {
  position: relative;
  width: 63px;
  height: 66px;
}

.kab-small-image {
  width: 63px;
  height: 66px;
  display: block;
}

.kab-small-image-text {
  position: absolute;
  width: 63px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #35357C;
}


.kab-small-texts {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}

.kab-subtext {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: #35357C;
}

.kab-subtext-bold {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #35357C;
}



.white-line{
border-bottom: 1px solid white;
padding-top: 30px;
}


.kab-kat-item {
  height: 54px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #35357C;
  border-bottom: 1px solid white;
  background: transparent;
  display: flex;
  align-items: center;
}


.kab-kat-item__img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  flex-shrink: 0; /* რომ სურათი არ დაიწიოს */
}

.kab-kat-item__text-wrapper {
  flex: 1; /* იკავებს დარჩენილ სივრცეს */
}

.kab-kat-item__text,
.kab-kat-item__badge {
  font-family: "Noto Sans Georgian", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0;
  color: #35357C;
}

.kat-dissabl{
font-family: "Noto Sans Georgian", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 140%;
letter-spacing: 0%;
color: #808080;
}

.kat-badge-dissabl{
font-family: "Noto Sans Georgian", sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 130%;
letter-spacing: 0%;
color: #808080;
}

.kab-kat-item__text, .kat-dissabl{
padding-left: 20px;
}

.kab-kat-item__badge {
  text-align: right;
  flex-shrink: 0;
  min-width: 30px;
}


/*######### tranzaqciebi ############*/


.ist-menu-item-row {
  display: flex;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid white;
  width: 100%;
  box-sizing: border-box;
  gap: 0; /* თუ შუალედი არ გინდა სვეტებს შორის */
}

.ist-col {
  flex: 1; /* 🔑 ყველა სვეტი იკავებს 33.3% */
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #35357C;
  display: flex;
  align-items: center;       /* ვერტიკალურად ცენტრში */
  justify-content: flex-start; /* მარცხნივ გასწორება */
  box-sizing: border-box;

}


.ist-menu-item-heder {
  display: flex;
  align-items: center;
  
  width: 100%;
  box-sizing: border-box;
  gap: 0; /* თუ შუალედი არ გინდა სვეტებს შორის */
}


.ist-col-heder{
  flex: 1; /* 🔑 ყველა სვეტი იკავებს 33.3% */
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #35357C;
  display: flex;
  align-items: center;       /* ვერტიკალურად ცენტრში */
  justify-content: flex-start; /* მარცხნივ გასწორება */
  box-sizing: border-box;

}


.ist-number {
  gap: 8px;
  justify-content: flex-start; /* მარცხნივ გასწორება */
  
}

.ist-mini-line {
  width: 24px;
  height: 24px;
  display: block;

}





/*######### tranzaqciebi-mob ############*/


.ist-menu-item-row-mob {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid white;
  gap: 0; /* თუ შუალედი არ გინდა სვეტებს შორის */
}

.heddate{
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
}

.ist-col-mob {
display: flex;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #35357C;
  box-sizing: border-box;

}



.ist-menu-item-heder-mob {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}


.ist-col-heder-mob{
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #35357C;
  box-sizing: border-box;

}


.ist-col-heder-mob2{
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  color: #35357C;
  display: flex;
  align-items: center;       /* ვერტიკალურად ცენტრში */
  justify-content: flex-end; /* მარცხნივ გასწორება */
  box-sizing: border-box;
  padding-right: 10px;
}

.white-line-mob{
border-bottom: 1px solid white;
padding-top: 10px;
}


.ist-number-mob {
  gap: 8px;
  justify-content: flex-start; /* მარცხნივ გასწორება */
  font-weight: 700;
  
}

.ist-date-mob{
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid white;
  font-family: Noto Sans Georgian;
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0%;

}

.ist-mini-line-mob {
  width: 24px;
  height: 24px;
  display: block;

}


/*###################### ქველმოქმედება დეტ ###############*/

.qvdet-layout-wrapper {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  
}
/*1312*/

.qvdet-left-section {
  width: 448px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.qvdet-left-title {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #35357C;
  margin-bottom: 24px;
}

.qvdet-left-button {
  width: 125px;
  height: 49px;
  border-radius: 16px;
  padding: 12px 20px;
  background: #02C1AF;
  color: #FFFFFF;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  border: 2px solid #02C1AF;
  cursor: pointer;
  margin-top: 150px;
}




.qvdet-right-section {
  width: 864px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.qvdet-main-image {
  width: 100%;
 /* height: 280px;*/
  border-radius: 44px;
  object-fit: cover;
  margin-bottom: 16px;
}

.qvdet-image-caption {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #35357C;
}




/*###################### ქველმოქმედება დეტ-mob ###############*/

.qvdet-layout-wrapper {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  
}
/*1312*/

.qvdet-left-section {
  width: 448px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.qvdet-left-title-mob {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #35357C;
  margin-bottom: 24px;
}

.qvdet-left-button-mob {
  width: 90px;
  height: 36px;
  border-radius: 8px;
  padding: 8px 12px;
  background: #02C1AF;
  color: #FFFFFF;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  border: 2px solid #02C1AF;
  margin-bottom: 24px;
}




.qvdet-right-section {
  width: 864px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.qvdet-main-image-mob {
  width: 100%;
 /* height: 280px;*/
  border-radius: 16px;
  object-fit: cover;
  margin-bottom: 16px;
  margin-top: 16px;
}

.qvdet-image-caption-mob {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #35357C;
}


/*##################### vaucheri kabinet ######################*/

.vauch-box {
  padding: 24px;
  background: #F2F2F2;
  border-radius: 32px;
  font-family: 'Noto Sans Georgian', sans-serif;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  box-sizing: border-box;
  justify-content: space-between;
}

.vauch-top {
  display: flex;
  align-items: center;
  gap: 12px;
}

.vauch-icon {
  width: 32px;
  height: 32px;
}

.vauch-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #35357C;
}

.vauch-description {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #35357C;
}

.vauch-row {
  display: flex;
  gap: 8px;
  align-items: center;
}

.vauch-label-bold {
  font-weight: 700;
  font-size: 16px;
  color: #35357C;
}

.vauch-label-green {
  font-weight: 700;
  font-size: 16px;
  color: #02C1AF;
}

.vauch-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}

.vauch-bottom-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.vauch-icon-small {
  width: 24px;
  height: 24px;
}

.vauch-bottom-text {
  font-weight: 700;
  font-size: 16px;
  color: #35357C;
}

.vauch-button {
  width: 226px;
  height: 49px;
  border-radius: 16px;
  padding: 12px 20px;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #FFFFFF;
  background-color: #02C1AF;
  border: none;
  cursor: pointer;

}


.no-vauch-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 24px;
}

.no-vauch-image {
  margin-top: 150px;
  width: 191px;
  height: 191px;
}

.no-vauch-text {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #35357C;
  vertical-align: middle;
}



/*##################### vaucheri kabinet-mob ######################*/

.vauch-box-mob {
  margin-top: 30px;
  padding: 24px;
  background: #F2F2F2;
  border-radius: 32px;
  font-family: 'Noto Sans Georgian', sans-serif;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: space-between;
}


.vauch-top-mob {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.vauch-icon-mob {
  width: 24px;
  height: 24px;
}

.vauch-title-mob {
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #35357C;
  padding-bottom: 16px;
}

.vauch-description-mob {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #35357C;
   padding-bottom: 16px;
}


.vauch-label-bold-mob {
  font-weight: 700;
  font-size: 14px;
  color: #35357C;
}

.vauch-label-green-mob {
  font-weight: 700;
  font-size: 14px;
  color: #02C1AF;
   padding-bottom: 28px;
}



.vauch-bottom-left-mob {
  display: flex;
  align-items: center;
  gap: 8px;
   padding-bottom: 16px;
   margin: 0 auto;
}

.vauch-icon-small-mob {
  width: 20px;
  height: 20px;
}

.vauch-bottom-text-mob {
  font-weight: 700;
  font-size: 14px;
  color: #35357C;
}

.vauch-button-mob {
  width: 189px;
  height: 36px;
  border-radius: 8px;
  padding: 8px 12px;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
  background-color: #02C1AF;
  border: none;
  cursor: pointer;
margin: 0 auto;
}



.no-vauch-box-mob {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 24px;
  padding-bottom: 30px;
}

.no-vauch-image-mob {
  margin-top: 30px;
  width: 101px;
  height: 101px;
}

.no-vauch-text-mob {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #35357C;
  vertical-align: middle;
}




/*#################### copytoclipboard ########################*/

.copy-toast {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #35357C;
  color: #fff;
  padding: 12px 24px;
  border-radius: 12px;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-size: 16px;
  font-weight: 500;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 9999;
}



.mob-toast {
  position: fixed;
  width: 90%;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #35357C;
  color: #fff;
  padding: 12px 24px;
  border-radius: 12px;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-size: 12px;
  font-weight: 500;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 99999;
}

.copy-toast.show {
  opacity: 1;
}


/*################# ბეჭდების გაზიარება #########################*/

.gaziar-form-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  font-family: 'Noto Sans Georgian', sans-serif;
  color: #35357C;

}

.gaziar-form-section-mob {

 display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  font-family: 'Noto Sans Georgian', sans-serif;
  color: #35357C;
  margin-top:30px;

}

.gaziar-form-section-mob > :last-child {
  align-self: flex-end;
}

.gaziar-form-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
    font-family: 'Noto Sans Georgian', sans-serif;
  color: #35357C;
}


.gaziar-form-title-mob {
font-family: 'Noto Sans Georgian', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 140%;
letter-spacing: 0%;
}

.gaziar-form-inputs {
  display: grid;
  grid-template-columns: repeat(2, 265px);
  gap: 24px 60px;
}


.gaziar-form-inputs-mob {
 display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.gaziar-form-inputs input {
  height: 52px;
  border-radius: 40px;
  padding: 16px 24px;
  border: 0;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #35357C;
  box-sizing: border-box;
}


.gaziar-form-section-mob input {
  width: 90%;
  height: 52px;
  border-radius: 40px;
  padding: 16px 24px;
  border: 0;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #35357C;
  box-sizing: border-box;
}


.gaziar-form-footer {
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.gaziar-form-info-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #35357C;
}

.gaziar-form-info-text-mob {
font-family: Noto Sans Georgian;
font-weight: 400;
font-size: 14px;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
  color: #68689D;
}

.gaziar-form-submit-button {
  width: 155px;
  height: 49px;
  border-radius: 16px;
  padding: 12px 20px;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  background-color: #BFBFBF;
  border: none;
  cursor: pointer;
  margin-top: 25px;
}


.gaziar-form-submit-button-mob {
  width: 114px;
  height: 36px;
  border-radius: 8px;
  padding: 8px 12px;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  background-color: #BFBFBF;
  border: none;
  margin-top: 25px;
}


/*########################## ქველმოქმედება კაბინეტი #################*/

.qvkab-custom-accordion {
    width: 640px;
    border-radius: 24px;
    background-color: #F2F2F2;
    padding: 24px;
    box-sizing: border-box;
    margin-bottom: 6px;
  }

  .qvkab-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }

  .qvkab-accordion-left {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .qvkab-accordion-left img {
    width: 32px;
    height: 32px;
  }

  .qvkab-accordion-title {
    font-family: 'Noto Sans Georgian', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #35357C;
  }

  .qvkab-accordion-toggle {
    width: 32px;
    height: 32px;
    font-size: 32px;
    color: #35357C;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
  }

  .qvkab-accordion-chevron {
    transition: transform 0.3s ease;
  }

  .qvkab-accordion-content {
    display: none;
    flex-direction: column;
    gap: 16px;
    margin-top: 4px;
    width: 100%;
	
  }


  .qvkab-accordion-content-mob {
    display: none;
    flex-direction: column;
    gap: 16px;
    margin-top: 4px;
    width: 100%;
	
  }

    .qvkab-accordion-title2 {
    font-family: 'Noto Sans Georgian', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #35357C;
	
  }

  .qvkab-accordion-description,
  .qvkab-accordion-link,
  .qvkab-accordion-inputs,
  .qvkab-accordion-note,
  .qvkab-accordion-button,
  .qvkab-accordion-title2 {
    width: 600px;
	
  }

  .qvkab-accordion-description {
    font-family: 'Noto Sans Georgian';
    font-weight: 400;
    font-size: 16px;
    color: #35357C;
  }

  .qvkab-accordion-link {
    font-family: 'Noto Sans Georgian';
    font-weight: 700;
    font-size: 16px;
    color: #35357C;
    text-align: right;
  }


  .qvkab-accordion-inputs form {
  width: 100%;
  display: flex;
  gap: 60px; /* ცდომა ველებს შორის */
}

  .qvkab-accordion-inputs {
    display: flex;
    gap: 60px;
  }

  .qvkab-accordion-inputs input {
    width: 100%;
    max-width: 265px;
    height: 52px;
    border-radius: 40px;
    padding: 16px 24px;
    border: none;
    background-color: #FFFFFF;
    font-family: 'Noto Sans Georgian';
    font-size: 14px;
    color: #35357C;
	flex: 1;
  }

  .qvkab-accordion-note {
    font-family: 'Noto Sans Georgian';
    font-weight: 400;
    font-size: 14px;
    color: #35357C;
    text-align: right;
  }

  .qvkab-accordion-button-vontainer{
  width: 600px;
  text-align: right;
  }

  .qvkab-accordion-button {
    width: 155px;
    height: 49px;
    border-radius: 16px;
    padding: 12px 20px;
    background-color: #BFBFBF;
    font-family: 'Noto Sans Georgian';
    font-size: 18px;
    color: #F2F2F2;
    border: none;
    cursor: pointer;
    align-self: flex-end;
  }

  .qvkab-custom-accordion.open .qvkab-accordion-content {
    display: flex;
  }

  .qvkab-custom-accordion.open .qvkab-accordion-chevron {
    transform: rotate(180deg);
  }





/*########################## ქველმოქმედება კაბინეტი-mob #################*/

.qvkab-custom-accordion-mob {
    width: 100%;
    border-radius: 24px;
    background-color: #F2F2F2;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 12px;
  }

  .qvkab-accordion-header-mob {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }

  .qvkab-accordion-left-mob {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .qvkab-accordion-left-mob img {
    width: 24px;
    height: 24px;
  }

  .qvkab-accordion-title-mob {
    font-family: 'Noto Sans Georgian', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #35357C;
  }

  .qvkab-accordion-toggle-mob {
    width: 32px;
    height: 32px;
    font-size: 32px;
    color: #35357C;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
  }

  .qvkab-accordion-chevron-mob {
    transition: transform 0.3s ease;
  }

  .qvkab-accordion-content-mob {
    display: none;
    flex-direction: column;
    gap: 16px;
    margin-top: 4px;
    width: 100%;
	
  }

    .qvkab-accordion-title2-mob {
    font-family: 'Noto Sans Georgian', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #35357C;
	
  }

  .qvkab-accordion-description-mob,
  .qvkab-accordion-link-mob,
  .qvkab-accordion-inputs-mob,
  .qvkab-accordion-note-mob,
  .qvkab-accordion-button-mob,
  .qvkab-accordion-title2-mob {
    width: 90%;
	
  }

  .qvkab-accordion-description-mob {
    font-family: 'Noto Sans Georgian';
    font-weight: 400;
    font-size: 14px;
    color: #35357C;
  }

  .qvkab-accordion-link-mob {
    font-family: 'Noto Sans Georgian';
    font-weight: 700;
    font-size: 16px;
    color: #35357C;
    text-align: right;
  }


  .qvkab-accordion-inputs-mob form {
  width: 100%;
  gap: 60px; /* ცდომა ველებს შორის */
}

  .qvkab-accordion-inputs-mob {
    display: flex;
    gap: 60px;
  }

  .qvkab-accordion-inputs-mob input {
    width: 100%;
    height: 52px;
    border-radius: 40px;
    padding: 16px 24px;
    border: none;
    background-color: #FFFFFF;
    font-family: 'Noto Sans Georgian';
    font-size: 14px;
    color: #35357C;
	margin-top: 12px
  }

  .qvkab-accordion-note-mob {
    font-family: 'Noto Sans Georgian';
    font-weight: 400;
    font-size: 14px;
    color: #35357C;
    text-align: left;
  }

  .qvkab-accordion-button-vontainer-mob{
  
  text-align: right;
  }

  .qvkab-accordion-button-mob {
    width: 114px;
    height: 36px;
    border-radius: 8px;
    padding: 8px 12px;
    background-color: #BFBFBF;
    font-family: 'Noto Sans Georgian';
	font-weight: 500;
    font-size: 14px;
    color: #F2F2F2;
    border: none;
    cursor: pointer;
    align-self: flex-end;
  }

  .qvkab-custom-accordion-mob.open .qvkab-accordion-content-mob {
    display: flex;
  }

  .qvkab-custom-accordion-mob.open .qvkab-accordion-chevron-mob {
    transform: rotate(180deg);
  }





  /*################## pay box #######################*/

  .pay-container {
  position: fixed;
  width: 416px;
  height: 316px;
  border-radius: 40px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 24px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999; /* მაღალ ფენაზე გამოჩენისთვის */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  display: none;
}


  .pay-container-mob {
  position: fixed;
  width: 90%;
  height: 210px;
  border-radius: 23px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 24px;
  position: fixed;
  top: 50%;
  left: 5%;
  transform: translate(-50%, -50%);
  z-index: 9999; /* მაღალ ფენაზე გამოჩენისთვის */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  display: none;
}



.pay-image {
  width: 70px;
  height: 70px;
  margin-bottom: 24px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pay-text {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: center;
  color: #35357C;
}



 .pay-container-mob {
  position: fixed;
  width: 90%;
  height: auto;
  border-radius: 23px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 12px;
  padding-bottom: 24px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999; /* მაღალ ფენაზე გამოჩენისთვის */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  display: none;
}


.pay-image-mob {
  width: 60px;
  height: 60px;
  margin-bottom: 12px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.pay-text-mob {
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 16px;
line-height: 140%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color: #35357C;
}

/*###################### infowin ################*/

.infowin-container {
  width: 416px;
  height: auto;
  position: fixed;
  border-radius: 40px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px 7px #5959590A;
  padding: 24px;
  box-sizing: border-box;
  font-family: 'Noto Sans Georgian', sans-serif;
  z-index: 999;
  display: none;
}



.infowin-title {
opacity: 0.9;
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 18px;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
color: rgba(53, 53, 124, 1);
}

.infowin-text {
font-family: Noto Sans Georgian;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
  color: #35357C;
  padding-top: 20px;
}



/*###################### infowin-mob ################*/

.infowin-container-mob {
  width: 90%;
  height: auto;
  position: fixed;
  border-radius: 40px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px 7px #5959590A;
  padding: 24px;
  box-sizing: border-box;
  font-family: 'Noto Sans Georgian', sans-serif;
  z-index: 999;
  display: none;
  left: 5%;
  transform: translateX(-50%);
  top: 50%;
  transform: translateY(-50%);
}



.infowin-title-mob {
opacity: 0.9;
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 16px;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
color: rgba(53, 53, 124, 1);
}

.infowin-text-mob {
font-family: Noto Sans Georgian;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
  color: #35357C;
  padding-top: 20px;
}


.infowin-close-mob{
  width: 24px;
  height: 24px;
  background-color: #35357C;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
}






.filterarrow{
width: 24px;
height: 24px;
}


/*############# პირადი კაბინეტი -mob ###################*/

.kab-hed-mob{
font-family: Noto Sans Georgian;
font-weight: 700;
font-size: 18px;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
color: #35357C;
margin-top: 30px;
}


.kab-det1-mob{
width: 100%;
height: auto;
gap: 32px;
border-radius: 32px;
padding-top: 32px;
padding-bottom: 32px;
background: #F2F2F2;
margin-top: 30px;
}


.kab-det1-mob2{
width: 100%;
height: auto;
gap: 32px;
border-radius: 32px;
padding-top: 12px;
padding-bottom: 32px;
background: #F2F2F2;
margin-top: 30px;
}


.kab-det2-mob{
width: 100%;
height: auto;
gap: 22px;
border-radius: 32px;
padding: 22px;
background: #F2F2F2;
margin-top: 30px;
}

.kab-det3-mob{
width: 100%;
height: auto;
gap: 22px;
border-radius: 32px;
padding: 22px;
background: #F2F2F2;
margin-top: 10px;
}

.kab-det5-mob{
width: 100%;
height: auto;
gap: 22px;
border-radius: 32px;
padding: 22px;
background: #F2F2F2;
margin-top: 30px;
}


.kab-bottom-pair-mob {
  text-align: center;
  font-family: Noto Sans Georgian;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #35357C;
  margin-top: 30px;
}



.kab-large-image-wrapper-mob {
  position: relative;
  width: 159px;
  height: 153px;
  margin-bottom: 16px;
      display: flex;
    align-items: center;
    justify-content: center;
}

.kab-large-image-mob {
  width: 159px;
  height: 153px;
  display: block;
}

.kab-large-image-text-mob {
  position: absolute;
  width: 159px;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #35357C;
}

.kab-center-label-mob {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #35357C;
  margin-bottom: auto;
  margin-top: 16px;
}


.kab-bottom-content-mob {

  position: relative;
  margin-bottom: 16px;
      display: flex;
    align-items: center;
    justify-content: center;
	gap: 12px;
}


.kab-small-image-wrapper-mob {
  position: relative;
  width: 48px;
  height: 50px;
}

.kab-small-image-mob {
  width: 48px;
  height: 50px;
  display: block;
}

.kab-small-image-text-mob {
  position: absolute;
  width: 48px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #35357C;
}


.kab-small-texts-mob {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}

.kab-subtext-mob {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #35357C;
}

.kab-subtext-bold-mob {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #35357C;
}


.kab-bottom-content-mob2{
width: 100%;
height: auto;
border-radius: 32px;
padding-left: 28px;
background: #F2F2F2;
display: flex;
gap: 12px;
}


.mainq-cont-mob{
width: 100;
display: flex;
justify-content: flex-end;
padding: 0px;
padding-right: 12px;
margin: 0px;
}

.mainq-mob, .mainq-mob2{
  width: 28px;
  height: 28px;
  background-color: #35357C;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
}

.kab-mob-exit{
margin-top: 15px;
margin-bottom: 30px;
width: 100%;
height: 56;
gap: 10px;
border-radius: 10px;
border-bottom-width: 0.5px;
padding: 16px;
background: #35357C;
font-family: Noto Sans Georgian;
font-weight: 500;
font-size: 16px;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
color: #FFFFFF;
display: flex;
}



.kab-kat-item-mob {
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #35357C;
  border-bottom: 1px solid white;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 12px;
}

.kab-kat-item__text-mob{
  font-family: "Noto Sans Georgian", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0;
  color: #35357C;
}

.kab-kat-item__badge-mob {
  font-family: "Noto Sans Georgian", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0;
  color: #35357C;
}

.kat-dissabl-mob{
font-family: "Noto Sans Georgian", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 140%;
letter-spacing: 0%;
color: #808080;
}

.kat-badge-dissabl-mob{
font-family: "Noto Sans Georgian", sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 130%;
letter-spacing: 0%;
color: #808080;
}


.kab-subtext-bold-mob {
  font-family: 'Noto Sans Georgian', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #35357C;
}

/*############## popup-mob*###############*/


.popup-overlay, .popup-overlay-ent {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transition: height 0.3s ease;
  z-index: 99999;
  overflow: hidden;
}

.popup-content {
  width: 100%;
  height: 430px;
  border-radius: 32px 32px 0 0;
  background: #FFFFFF;
  padding: 20px;
  transform: translateY(100%);
  transition: transform 0.4s ease;
}

.popup-content-mob {
  width: 100%;
  height: 60%;
  border-radius: 32px 32px 0 0;
  background: #FFFFFF;
  padding: 20px;
  transform: translateY(100%);
  transition: transform 0.4s ease;
}

.popup-overlay.show, .popup-overlay-ent.show {
  height: 100%;
}
.popup-overlay.show .popup-content {
  transform: translateY(0);
}

.popup-overlay-ent.show, .popup-content-mob {
  transform: translateY(0);
}



/*##################### burger #########################*/

.burger-menu {
  position: fixed;
  top: 50px;
  right: -100%;
  width: 100%;
  height: calc(100% - 30px);
  background: white;
  z-index: 999999;
  transition: right 0.4s ease;
}

.burger-menu.show {
  right: 0;
}

.burger-menu.hide {
  right: -100%;
}

.burger-foot {
position: absolute;
width: 100%;
bottom: 52px;
display: flex; 
justify-content: center;
}