:root {
  --dark_blue-900:#0D3959;
  --green-900:#25B578;
  --white:#FFF;
  --dark_blue-900-opacity:rgba(13,57,89, 0.5);
  --light-green:#68C3B5;
  --greenhover:#189B64;
}
 /* Chrome, Edge, and Safari */
 html::-webkit-scrollbar {
  width: 8px;
}

html::-webkit-scrollbar-track {
  background: #F7F4F2;
}

html::-webkit-scrollbar-thumb {
  background-color: #0D3959;
  border-radius: 10px;
  border: 0px solid #F7F4F2;
}

.submenucontainer2::-webkit-scrollbar {
  width: 4px;
}

.submenucontainer2::-webkit-scrollbar-track {
  background: #F7F4F2;
}

.submenucontainer2::-webkit-scrollbar-thumb {
  background-color: #0D3959;
  border-radius: 10px;
  border: 0px solid #F7F4F2;
}


.maincanv::-webkit-scrollbar {
  width: 4px;
}

.maincanv::-webkit-scrollbar-track {
  background: #F7F4F2;
}

.maincanv::-webkit-scrollbar-thumb {
  background-color: #0D3959;
  border-radius: 10px;
  border: 0px solid #F7F4F2;
}
.grecaptcha-badge {
	z-index: 6;
}
.shopoverlay {
	display:flex;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 7;
	background-color: rgba(255,255,255,0.6);
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
}
body {
  overflow-x: hidden;
    font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  background: #FFF;
}
a, a:hover, a:visited {
    text-decoration:none;
    transition: 0.3s;
}
.topsection {
  background: url(../img/topbg.svg), var(--white);
  background-repeat: no-repeat;
  background-position: 100% -60px;
}
.miniinput {
	    width: 78px;
    height: 27px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
    border: 1px solid #E0F3FB;
    background: var(--white);
    font-size: 14px;
    font-style: normal;
    outline: none;
    font-weight: 400;
    line-height: normal;
    color: var(--dark_blue-900);
}
@media (min-width: 1400px) {
  .container-xl {
      max-width: 1152px;
  }
}
.firsttopline {
  padding-top: 16px;
  padding-bottom: 8px;
  display: flex;
align-items: center;
gap: 40px;
align-self: stretch;
border-radius: 80px;
}
.firsttopline1 {
  display: flex;
align-items: flex-start;
gap: 40px;
flex: 1 0 0;
}
.firsttopline2 {
  display: flex;
padding: 12px 16px;
align-items: center;
gap: 24px;
border-radius: 80px;
background: var(--white);
position: relative;
}
body:not(.topsection) .firsttopline2
{
  background: #F5FBFE;
}
.firsttopline3 {
  display: flex;
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
align-items: center;
gap: 8px;
color: var(--dark_blue-900);
}
.firsttopline3:hover {
  color: var(--green-900);
}
.firsttopline3 span {
  color: var(--green-900);
}
.firsttopline3:hover span {
  color: var(--dark_blue-900);
}
.firsttopline4 {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--green-900);
}
.firsttopline4:hover {
  color: var(--dark_blue-900);
}
.firsttopline5 {
  color: var(--dark_blue-900);
}
.firsttopline5:hover {
  color: var(--green-900);
}
.firsttopline5.active {
	color: var(--green-900);
	position: relative;
}
.firsttopline5.active:after {
	width: 8px;
height: 8px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Ccircle cx='4' cy='4' r='3.5' fill='%23FF766E' stroke='white'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: absolute;
	content: '';
	top: 0;
	right: 0;
}
.firsttopline6 {
  z-index: 2;
  overflow: hidden;
  right: 0;
  width: 0px;
  position: absolute;
  display: flex;
  opacity: 0;
  padding: 12px 0px;
  align-items: center;
  gap: 8px;
  transition: 1s;
  flex: 1 0 0;
  border-radius: 80px;
  background: var(--white);
}
.search {
  width: calc(100% - 64px);
  height: 24px;
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
background-color: transparent;
outline: none;
border: none;
}
.firsttopline6.open {
  width: 524px;
  opacity: 1;
  padding: 12px 16px;
}
.menulineblock 
{
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0);
  position: sticky;
  top: 0;
  z-index: 4;
  padding-top: 8px;
  padding-bottom: 8px;
  transition: 0.3s;
  width: 100%;
}
.nebg {
  transition: 0.3s;
  background-color: rgba(255, 255, 255, 1);
}
.topmenuholder {
  display: flex;
align-items: center;
gap: 40px;
align-self: stretch;
}
.topmenuholder ul {
  display: flex;
  width: calc(100% - 233px);
  padding: 0;
  margin: 0;
  align-items: center;
  justify-content: flex-end;
  gap: 48px;
}
.topmenuholder ul li{
  list-style: none;
}
.topmenuholder ul li a{
  display: flex;
  align-items: center;
  height: 50px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.topmenuholder ul li a.submen::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.60225 7.85225C5.82192 7.63258 6.17808 7.63258 6.39775 7.85225L8.33709 9.79159C8.7032 10.1577 9.2968 10.1577 9.66291 9.79159L11.6023 7.85225C11.8219 7.63258 12.1781 7.63258 12.3977 7.85225C12.6174 8.07192 12.6174 8.42808 12.3977 8.64775L10.4584 10.5871C9.65295 11.3925 8.34705 11.3925 7.54159 10.5871L5.60225 8.64775C5.38258 8.42808 5.38258 8.07192 5.60225 7.85225Z' fill='%230D3959'/%3E%3C/svg%3E");
  width: 18px;
height: 18px;
content: '';
background-repeat: no-repeat;
}
.topmenuholder ul li:hover a {
  color: var(--green-900);
  text-decoration: underline;
}
.topslide {
  padding-top: 66px;
  padding-bottom: 28px;
}
.topslide2 {
  gap: 77px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.topslide3 {
  width: 433px;
}
.topslide4 {
  position: relative;
  width: calc(100% - 510px);
}
.topslide4 img {
  width: 100%;
}
.slheader {
  display: flex;
  gap: 64px;
  flex-direction: column;
  align-self: stretch;
}
.slheader2 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-self: stretch;
}
.slheader3 {
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--dark_blue-900);
}
.slheader4 {
  font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--dark_blue-900);
}
.but1 {
	    border: none;
  width: fit-content;
  display: flex;
  padding: 16px 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 80px;
background: var(--green-900);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--white);
}
.but1:hover {
  background-color: var(--greenhover);
}
.block1 {
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: url(../img/circle.svg);
  background-repeat: no-repeat;
  background-position: 100% 276px;
  position: relative;
  z-index: 2;
}
.headerholder {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  padding-bottom: 40px;
}
.headerholderpref {
  font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px; 
letter-spacing: 1.12px;
text-transform: uppercase;
color: var(--green-900);
}
.headerholder2 h2 {
  margin: 0;
  padding: 0;
  font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.headerholder3 {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.prodcat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  align-self: stretch;
flex-wrap: wrap;
}
.prodacatitem {
  position: relative;
  border-right: 1px solid #E0F3FB;
  width: 25%;
  overflow: hidden;
  display: flex;
  padding: 24px 24px 40px 24px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  background: #FFF;
  border-radius: 0px 16px 0px 0px;
}
.prodacatitem:hover:after {
  position: absolute;
  height: 8px;
  opacity: 1;
  transition: 0.2s;
  background: #68C3B5;
  width: 100%;
  content: '';
  bottom: 0;
  left: 0;
}
.prodacatitem:after {
  position: absolute;
  height: 8px;
  opacity: 0;
  transition: 0.2s;
  background: #68C3B5;
  width: 100%;
  content: '';
  bottom: 0;
  left: 0;
}
.catimgholder {
  width: 100%;
  text-align: center;
}
.catimgholder img{
  max-width: 100%;
}
.prodacatitem:last-child {
  border-right: none;
}
.catrow {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #E0F3FB;
}
.catrow:last-child {
  border-bottom: none;
}
.catname {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--dark_blue-900);
}
.block2 {
  
  position: relative;
  z-index: 1;
  padding-top: 40px;
  padding-bottom: 40px;
}
.shape1 {
  position: absolute;
  z-index: -1;
  top: -408px;
  left: -457px;
}
.headerholder4 {
  padding-bottom: 40px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.but2 {
  display: flex;
height: 45px;
padding: 11px 38px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 80px;
border: 1px solid var(--green-900);
background: var(--white);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 22px;
color: var(--green-900);
}
.but2:hover {
  background-color: var(--green-900);
  color: var(--white);
}
.tovcart {
  display: flex;
  width: 100%; 
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #D3F0E4;
  background: var(--white);
}
.tovimgm {
  height: 170px;
  width: 100%;
  overflow: hidden;
}
.tovimgm img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.2s;
}
.tovcart:hover .tovimgm img{
  transform: scale(1.03);
  transition: 0.2s;
}
.tovtextholder {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-self: stretch;
}
.tovmtext {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
height: 48px;
overflow: hidden;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.tovmtext2 {
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
color: var(--green-900);
}
.but3 {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--green-900);
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; 
color: var(--white);
}
.tovcart:hover .but3 {
  background-color: var(--greenhover);
}
.slpag {
  display: none;
  margin-top: 20px;
  text-align: center;
}
.slpag .swiper-pagination-bullet {
  width: 8px;
height: 8px;
margin-left: 8px;
margin-right: 8px;
border-radius: 8px;
opacity: 1;
background: #92DABC;
}
.slpag .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 35px;
height: 8px;
border-radius: 8px;
background: var(--green-900);
}
.runline {
  position: relative;
    z-index: 2;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-size: cover;
  background-repeat: repeat-x;
  height: 223px;
  border-radius: 40px 0px;
background:url(../img/line.png), linear-gradient(100deg, rgba(213,220,141,1) 0%, rgba(152,214,241,1) 100%);
}
.runnlineholder {
  gap: 16px;
  height: 103px;
  counter-reset: item;
  display: flex;
  transform: rotate(-2.546deg);
  padding-top: 24px;
  width: 101vw;
    margin-right: -3px;
    margin-left: -8px;
  overflow: hidden;
  padding-bottom: 24px;
  align-items: center;
  
  background-color: var(--white);
  

}
.runf {
  display: inline-flex;
  width: fit-content;
  justify-content: space-around;
  gap: 16px;
  animation: scroll 10s linear infinite;
}
.runnlineholder:hover .runf {
  animation-play-state: paused;
}
.runnlineholder .runf .itemrun{
  white-space: nowrap;
  font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: flex;
gap: 16px;
align-items: center;
color: var(--dark_blue-900);

   
}
.runnlineholder .runf .itemrun::after{
  content: '';
  background-image: url(../img/star.png);
  width: 33px;
  transform: rotate(45deg);
height: 33px;
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 20px));
  }
}
.block3 {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  z-index: 2;
}
.reviewblock {
  margin-left: auto;
  margin-right: 0;
  position: relative;
  overflow: hidden;
  padding-left: 14px;
  width: calc(100% - ((100% - 1152px) / 2));
}
.reviewitem {
  position: relative;
  display: flex;
  width: 502px;
  padding: 32px 107px 48px 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  border-radius: 16px 16px 34px 16px;
  background: var(--white);
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.03);
}
.reviewitem2 {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; 
  color: var(--dark_blue-900);
  height: 72px;
  overflow: hidden;
  display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.reviewitem3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.reviewitem4 {
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.reviewitem5 {
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #869CAC;
}
.reviewitem::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='40' viewBox='0 0 55 40' fill='none'%3E%3Cpath d='M6.97183 0H17.4296C21.28 0 24.4014 4.21068 24.4014 9.4053V15.7344C24.4014 16.5309 24.4131 17.2847 24.4242 18.0077C24.5097 23.5367 24.5674 27.2676 19.1725 34.5458C14.5843 40.7358 9.01008 40.2749 6.52858 39.666C5.90891 39.514 5.69089 38.5333 6.07458 37.8595C8.03054 34.4244 12.1899 25.606 5.22887 22.7887C2.50535 21.6864 0 19.558 0 15.7219V9.40568C0 4.21107 3.1214 0 6.97183 0Z' fill='%23D3F0E4'/%3E%3Cpath d='M37.5274 0H47.9851C51.8356 0 54.957 4.21068 54.957 9.4053V15.7344C54.957 16.5309 54.9686 17.2846 54.9798 18.0077C55.0653 23.5367 55.123 27.2676 49.7281 34.5458C45.1399 40.7358 39.5656 40.2749 37.0841 39.666C36.4645 39.514 36.2464 38.5333 36.6301 37.8595C38.5861 34.4244 42.7455 25.606 35.7844 22.7887C33.0609 21.6864 30.5556 19.558 30.5556 15.7219V9.40568C30.5556 4.21107 33.6769 0 37.5274 0Z' fill='%23D3F0E4'/%3E%3C/svg%3E");
  position: absolute;
  right: 32px;
  top: 32px;
  width: 55px;
  height: 40px;
}
.w502 {
  width: 502px;
}
.shape2 {
  position: absolute;
  z-index: -1;
  right: 0;
  top: -412px;
  right: -116px;
}
.slpag.disp {
  display: block;
}
.block4 {
  padding-top: 40px;
  position: relative;
  z-index: 2;
  padding-bottom: 80px;
}
.faqholder {
  display: flex;
  gap: 40px;
}
.faqleft {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  width: 340px;
}
.faqright {
  width: calc(100% - 380px);
}
.faqtext {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: #869CAC;
padding-bottom: 44px;
}
.faqholder2 {
padding: 32px 24px 36px 24px;
border-bottom: 1px solid #E0F3FB;
background: var(--white);
}
.faqlink {
  display: flex;
align-items: center;
gap: 16px;
align-self: stretch;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.openclose {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M2.25 5.5C2.25 5.08579 2.58579 4.75 3 4.75H21C21.4142 4.75 21.75 5.08579 21.75 5.5C21.75 5.91421 21.4142 6.25 21 6.25H3C2.58579 6.25 2.25 5.91421 2.25 5.5Z' fill='%2366CBA1'/%3E%3Cpath d='M2.25 12.5C2.25 12.0858 2.58579 11.75 3 11.75H13C13.4142 11.75 13.75 12.0858 13.75 12.5C13.75 12.9142 13.4142 13.25 13 13.25H3C2.58579 13.25 2.25 12.9142 2.25 12.5Z' fill='%2366CBA1'/%3E%3Cpath d='M3 18.75C2.58579 18.75 2.25 19.0858 2.25 19.5C2.25 19.9142 2.58579 20.25 3 20.25H7C7.41421 20.25 7.75 19.9142 7.75 19.5C7.75 19.0858 7.41421 18.75 7 18.75H3Z' fill='%2366CBA1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.faqcontent {
  display: none;
  padding-top: 10px;
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
padding-left: 40px;
}
.faqholder2.active .openclose {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L10.9393 12L5.46967 17.4697C5.17678 17.7626 5.17678 18.2374 5.46967 18.5303C5.76256 18.8232 6.23744 18.8232 6.53033 18.5303L12 13.0607L17.4697 18.5303C17.7626 18.8232 18.2374 18.8232 18.5303 18.5303C18.8232 18.2374 18.8232 17.7626 18.5303 17.4697L13.0607 12L18.5303 6.53033C18.8232 6.23744 18.8232 5.76256 18.5303 5.46967C18.2374 5.17678 17.7626 5.17678 17.4697 5.46967L12 10.9393L6.53033 5.46967Z' fill='%23869CAC'/%3E%3C/svg%3E");
}
.faqholder2.active .faqlink {
  font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.faqholder2.active .faqcontent {
  display: block;
}
.block5 {
  padding-top: 40px;
  position: relative;
  z-index: 2;
  padding-bottom: 40px;
}
.formcontainer2 {
 
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
}
.bl5right {
  width: 533px;
}
.bl5right img {
  max-width: 100%;
}
.bl5left {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: calc(100% - 553px);
  max-width: 536px;
}
.shape3 {
  position: absolute;
  width: calc(((100% - 1152px) / 2) + 648px);
  right: 0px;
  top: 120px;
  z-index: -1;
  border-radius: 600px 0px 0px 600px;
background: #F5FBFE;
height: 545px;
}
.bl5holder1 {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  gap: 12px;
}
.bl5holder2 {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.inputform {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  max-width: 418px;
}
.labelform {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--dark_blue-900);
}
.input1 {
  width: 100%;
  height: 54px;
  padding-left: 16px;
  padding-right: 12px;
  border-radius: 4px;
  border: 1px solid #E0F3FB;
  background: var(--white);
  font-size: 16px;
  font-style: normal;
  outline: none;
  font-weight: 400;
  line-height: 24px; 
  color: var(--dark_blue-900);
}
.input1::placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; 
  color: var(--dark_blue-900);
}
.block6 {
  padding-top: 14px;
  position: relative;
  z-index: 2;
  padding-bottom: 40px;
}
.blogitem {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
  border-radius: 8px;
  background: #FFF;
  overflow: hidden;
  gap: 20px;
}
.blogimg {
  border-radius: 16px 16px 64px 0px;
background: #D2DADE;
height: 250px;
overflow: hidden;
transition: 0.2s;
}
.blogitem:hover .blogimg {
  transition: 0.2s;
  border-radius: 16px 16px 16px 0px;
}
.blogimg img{
  width: 100%;
  height: 100%;
  transition: 0.2s;
  object-fit: cover;
}
.blogitem:hover img{
  transition: 0.2s;
  transform: scale(1.02);
}
.blogheader1 {
  width: 100%;
  height: 48px;
  overflow: hidden;
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
color: var(--dark_blue-900);
display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blogheader2 {
  width: 100%;
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--dark_blue-900);
height: 57px;
overflow: hidden;
display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.blogheader3 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.blogheader4 {
  transition: 0.2s;
  padding-top: 8px;
  align-items: center;
  display: flex;
  gap: 4px;
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--green-900);
}
.blogitem:hover .blogheader4 {
  gap: 8px;
  transition: 0.2s;
}
footer {
  position: relative;
  z-index: 2;
  background-image: url(../img/footer.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-top: 194px;
  padding-bottom: 27px;
  background-position: bottom;
}
.fholder {
  display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
align-self: stretch;
}
.fholder2 {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.fcolumn1 {
  display: flex;
  gap: 80px;
}
.fcolumn2 {
  display: flex;
width: 289px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.ftext1 {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.ftext2 {
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
color: var(--dark_blue-900);
}
.ftext2:hover {
  text-decoration: underline;
}
.ftext3 {
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; 
color: var(--green-900);
letter-spacing: 0.42px;
}
.ftext3:hover {
  text-decoration: underline;
}
.ftext4 {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.ftext5 {
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--dark_blue-900);
}
.socfooter {
  display: flex;
align-items: center;
gap: 12px;
}
.socfooter a{
  color: var(--green-900);
}
.socfooter a:hover{
  color: var(--dark_blue-900);
}
.footermenu {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.footerheader {
  font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px; 
letter-spacing: 1.12px;
text-transform: uppercase;
color: #56748B;
}
.footermenu ul{
  padding: 0;
  margin: 0;
  display: flex;
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.footermenu ul li{
  list-style: none;
}
.footermenu ul li a{
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--dark_blue-900);
}
.footermenu ul li a:hover{
  text-decoration: underline;
}
.pt2 {
  padding-top: 44px;
}
.fholder3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
}
.copyright {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #869CAC;
}
.dev {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--green-900);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dev:hover {
  color: var(--dark_blue-900);
}
.texhpages {
  display: flex;
align-items: flex-start;
gap: 19px;
}
.texhpages a{
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--green-900);
}
.texhpages a:hover{
  color: var(--dark_blue-900);
}
#reviewslider {
  padding-top: 19px;
    padding-bottom: 32px;
    

}
#slpag2 {
  margin-top: 0;
}
.mobiletopmenu {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
  position: sticky;
  top: 0;
  z-index: 4;
  display: none;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: var(--white);
  padding-left: 14px;
  padding-right: 14px;
  align-items: center;
  justify-content: space-between;
}
.firstlogo {
  display: flex;
  gap: 16px;
  align-items: center;
}
.logomobile img {
  width: 124px;
}
.mobicons {
  display: flex;
  align-items: center;
  gap: 16px;
}
.hiddent_f {
  display: none;
}
.notseen {
  display: none;
}
.submenucontainer {
  position: relative;
}
.submenucontainer2 {
  position: absolute;
  display: none;  
  width: 100%;
  padding: 16px 24px 40px 24px;
  align-items: flex-start;
  gap: 24px;
  border-radius: 0px 0px 8px 8px;
background: #FFF;
box-shadow: 0px 12px 16px 0px rgba(0, 0, 0, 0.08);
left: 0;
z-index: 5;
max-height: calc(100vh - 176px);
overflow-y: scroll;
top: 23px;
}
.submenucontainer2.active {
  display: flex;
}
.nebg .submenucontainer2 {
	
	    top: 8px;
}
.mailnlinks {
  padding: 0;
  margin: 0;
  display: flex;
width: 240px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}
.mailnlinks li{
  list-style: none;
  width: 100%;
}
.mailnlinks li a{
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
color: var(--dark_blue-900);
display: flex;
align-items: center;
width: 100%;
gap: 12px;
justify-content: space-between;
}
.mailnlinks li a:hover, .mailnlinks li a.active{
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
color: var(--green-900);
}
.mailnlinks li a:hover::after, .mailnlinks li a.active::after
{
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 12L10 8L6 4' stroke='%2325B578' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
}
.submenuresult {
  width: calc(100% - 264px);
  display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 32px;
flex-wrap: wrap;
}
.submenuresult ul {
  padding: 0;
  margin: 0;
  width: calc(33.33% - 22px);
  display: flex;
  flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.submenuresult ul li{
  list-style: none;
}
.submenuresult ul li a{
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--dark_blue-900);
}
.submenuresult ul li:first-child a{
  color: var(--dark_blue-900);
  font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.submenuresult ul li a:hover{
  color: var(--green-900);
}
.moremenu {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--green-900);
}
.mobofcanv {
  display: none;
  position: fixed;
  z-index: 6;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: var(--white);
}
.mobofcanv.active {
  display: block;
}
.mobofcanv1 {
  padding: 16px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: #FFF;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
}
.otherbuts {
  width: calc(100% - 40px);
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-end;
}
.mobofcanv2 {
  background-color: var(--white);
  display: flex;
padding: 32px 16px 16px 16px;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
}
.canvlink1 {
  display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
color: var(--dark_blue-900);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.canvlink2 {
  display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--green-900);
}
.maincanv {
  width: 100%;
  height: calc(100vh - 130px);
  overflow-y: auto;
}
.canvmenu {
padding: 16px 16px 40px 16px;
}
.canvmenu ul{
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
align-items: flex-start;
gap: 24px;
align-self: stretch;
width: 100%;
}
.canvmenu ul li{
  list-style: none;
  width: 100%;
}
.canvmenu ul li a{
  justify-content: space-between;
  display: flex;
align-items: center;
gap: 12px;
align-self: stretch;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--dark_blue-900);
}
.canvmenu ul li.subcnv a::after{
  content: '';
  width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M9 18.5L15 12.5L9 6.5' stroke='%230D3959' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.backbut {
  display: flex;
padding: 16px;
align-items: center;
gap: 4px;
align-self: stretch;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
border-bottom: 1px solid #E7EBEE;
margin-bottom: 24px;
}
.mobmenuheaderg {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 0;
  padding-bottom: 24px;
  margin: 0;
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.mobsearch {
  position: fixed;
  top: 0;
  right: 0;
  width: 0;
  opacity: 0;
  padding: 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  z-index: 0;
  height: 58px;
  display: flex;
  background-color: var(--white);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
  transition: 0.3s;
}
.mobsearch.active{
  width: 100%;
  opacity: 1;
  transition: 0.3s;
  z-index: 7;
}
.serchinpmob {
  width: calc(100% - 64px);
  outline: none;
  height: 24px;
  border: none;
  background-color: var(--white);
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
body:not(.topsection) .menulineblock
{
  background: #FFF;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.03);
  padding-bottom: 24px;
}
body:not(.topsection) .menulineblock.nebg
{
  padding-bottom: 8px;
}
.maincontent {
  padding-bottom: 40px;
}
.bredcrumbstop {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.bredcrumbstop ul{
  padding: 0;
  margin: 0;
  display: flex;
  gap: 8px;
  align-items: center;
}
.bredcrumbstop ul li{
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #869CAC;
  list-style: none;
}
.bredcrumbstop ul li a{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--green-900);
}
.bredcrumbstop ul li a:hover{
  color: var(--greenhover);
}
.bredcrumbstop ul li a::after {
  content: '';
  width: 4px;
height: 4px;
border-radius: 50%;
background-color: #869CAC;
}
.mainh {
  margin: 0;
  padding-top: 0;
  padding-bottom: 40px;
  font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.carttovholder {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.tovcart.incat {
  width: calc(25% - 18px);
}
.messholder {
  flex-wrap: wrap;
  border-radius: 12px;
background: #FFF;
display: flex;
height: 496px;
align-items: center;
gap: 40px;
align-self: stretch;
background-image: url(../img/cactus.svg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
align-content: center;
}
.h5 {
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.h5 br{
  display: none;
}
.butholder3 {
  text-align: center;
  display: flex;
  width: 100%;
  justify-content: center;
}
.tovmtext33 {
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
height: 25px;
overflow: hidden;
display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.pagetext {
  padding-top: 40px;
  padding-bottom: 40px;
}
.pagetext h2{
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
margin: 0;
padding-top: 0;
padding-bottom: 16px;
}
.pagetext p {
  margin: 0;
  padding-bottom: 20px;
  padding-top: 0;
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.pagetext p.padf {
  padding-bottom: 40px;
}
.pagin {
  width: 100%;
  display: flex;
  margin-top: 40px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.pagin a.pagitem{
  display: flex;
padding: 4px 11px;
height: 32px;
min-width: 32px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
border-radius: 80px;
border: 1px solid #EAF7FC;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
color: var(--dark_blue-900);
}
.pagin a.pagitem:hover, .pagin a.pagitem.active{
  border-radius: 80px;
background: var(--green-900);
border-color: var(--green-900);
color: var(--white);
}
.pagin a.dot_m {
  font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
color: var(--dark_blue-900);
}
.dotleft {
  color: var(--dark_blue-900);
  width: 24px;
height: 24px;
transform: scaleX(-1); 
}
.dotrigth {
  color: var(--dark_blue-900);
  width: 24px;
height: 24px;
}
.dotleft.disable, .dotrigth.disable {
  color: #869CAC;
}
.tovholder {
  align-items: flex-start;
  padding-bottom: 40px;
  display: flex;
  width: 100%;
  gap: 40px;
  align-self: stretch;
}
.tovholder_left {
  width: calc(100% - 490px);
  display: flex;
  top: 66px;
    position: sticky;
  flex-wrap: wrap;
  gap: 24px;
  align-content: flex-start;
}
.tovholder_right {
  flex-direction: column;
  display: flex;
  gap: 16px;
  width: 450px;
}
.tovh_holder {
  display: flex;
  align-self: stretch;
  flex-direction: column;
}
.tovh1 {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: #869CAC;
}
.tovh {
  margin: 0;
  padding: 0;
  font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.charholder1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.charholder2 {
  display: flex;
  padding: 12px 16px;
  align-items: flex-start;
  gap: 8px;
  border-radius: 80px;
  background: #F5FBFE;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--dark_blue-900);
}
.charholder3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.input2 {
  width: 100%;
  height: 54px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 1px solid #E0F3FB;
  background: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #3D617A;
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.46967 10.4697C7.76256 10.1768 8.23744 10.1768 8.53033 10.4697L11.1161 13.0555C11.6043 13.5436 12.3957 13.5436 12.8839 13.0555L15.4697 10.4697C15.7626 10.1768 16.2374 10.1768 16.5303 10.4697C16.8232 10.7626 16.8232 11.2374 16.5303 11.5303L13.9445 14.1161C12.8706 15.1901 11.1294 15.1901 10.0555 14.1161L7.46967 11.5303C7.17678 11.2374 7.17678 10.7626 7.46967 10.4697Z' fill='%230D3959'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}
.input2 option:disabled{
	color: #c3c9cd;
}
.butholder4 {
  display: flex;
align-items: center;
gap: 24px;
align-self: stretch;
justify-content: space-between;
flex-wrap: wrap;
}
.bigprice {
  font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.but4 {
  display: flex;
  align-items: center;
  padding-left: 18px;
  padding-right: 18px;
  height: 57px;
  gap: 8px;
  border-radius: 80px;
background: #D1D1D1;
border: none;
outline: none;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--white);
}
.but4.active{
	background: var(--green-900);
}
.radioholders {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.radioholder {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0px;
}
.radioheader {
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
color: var(--dark_blue-900);
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch {
  width: 87px;
  position: relative;
  display: flex;
  column-gap: 16px;
  height: 30px;
  padding-left: 45px;
  align-items: center;
}
.slider5 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 45px;
height: 30px;
border-radius: 50px;
  background-color: #E9F8F2;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider5:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.10));
}
.switch input:checked + .slider5:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}
.switch input:checked + .slider5 {
  background-color: var(--green-900);
}
.switch input + .slider5 + .sl5::after {
  content: 'Ні';
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.nomw {
  max-width: none;
}
.switch input:checked + .slider5 + .sl5::after {
  content: 'Так';
}
.photoholder {
  width: 100%;
  overflow: hidden;
  height: 590px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  transition: 0.3s;
}
.photoitem {
  width: calc(50% - 6px);
  height: 289px;
  overflow: hidden;
  border-radius: 8px;
background: #E7EBEE;
}
.photoitem:hover img {
  transform: scale(1.03);
  transition: 0.3s;
}
.photoitem img{
  transition: 0.3s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.but5 {
  width: 100%;
  height: 57px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 8px;
  background:  #E9F8F2;
  gap: 8px;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--dark_blue-900);
}
.tovholder_left.active .but5 span {
  transform: scaleY(-1);
}
.but5:hover {
  background-color: var(--green-900);
  color: var(--white);
}
.tovholder_left.active .photoholder{
  height: auto;
  overflow: auto;
  transition: 0.3s;
}
.tabholder {
  display: flex;
  padding: 8px;
  align-items: center;
  align-self: stretch;
  border-radius: 80px;
  background: #F5FBFE;
}
.tabholder a{
  height: 48px;
  padding-left: 40px;
  padding-right: 40px;
  align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  line-height: 24px;
  color: var(--dark_blue-900);
}
.tabholder a:hover, .tabholder a.active{
  border-radius: 80px;
  background: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; 
}
.tabcontholder {
  margin-top: 40px;

}
.tabcont {
  display: none;
}
.tabcont.active {
  display: block;
}
.nopad {
  padding-left: 0;
  padding-right: 0;
}
.sborka {
  z-index: 6;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  padding-top: 32px;
  padding-bottom: 40px;
  background-color: var(--white);
  
box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, 0.05);
}
.sborka.notactive {
	display:none!important;
}
.sborka_inner {
  display: flex;
  flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.sbhcontainer {
  display: flex;
  align-items: flex-start;
gap: 16px;
justify-content: space-between;
align-self: stretch;
}
.sbhcontainer2 {
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.spec_block_tov {
  padding-bottom: 16px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;

}
.spec_block_tov_item {
  width: calc(25% - 12px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
align-items: flex-start;
gap: 12px;
}
.spec_block_tov_item1 {
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #869CAC;
}
.spec_block_tov_item2 {
  width: 100%;
  display: flex;  
  border-radius: 8px;
  overflow: hidden;
  height: 147px;
}
.spec_block_tov_item2 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.specname {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; 
  color: var(--dark_blue-900);
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.underspec {
  width: 100%;
  display: flex;
  gap: 12px;
  overflow: hidden;
  height: 45px;
  flex-wrap: wrap;
}
.sborka.active .underspec {
  height: auto;
  gap: 24px;
}
.sborka.active .but2_sum{
  display: none;
}
.underspec2 {
  display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 8px;
}

.underspec3 {
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #869CAC;
}
.underspec4 {
  display: flex;

padding: 9px 24px;
align-items: center;
gap: 8px;
border-radius: 80px;
background: #F5FBFE;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; 
color: var(--dark_blue-900);
}
.sborka .but2_num {
  display: none;
}
.sborka .spec_block_tov {
  display: none;
}
.sborka.active .but2_num {
  display: flex;
}
.sborka.active .spec_block_tov {
  display: flex;
}
.underspeccontainer {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
  gap: 12px;
}
.tovswiper {
  display: block;
  height: 289px;
  width: 100%;
  overflow: hidden;
}
.tovswiper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tovslider {
  display: none;
}
.emptycart {
  width: 100%;
  padding-top: 40px;
  display: flex;
  gap: 120px; 
  align-items: center;
}
.emptycartimg img {
  max-width: 100%;
}
.emptycartholder {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.emptycarttext {
  margin: 0;
  font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.ourjob {
  position: relative;
    z-index: 3;
  padding-bottom: 40px;
}
.slideone {
  display: block;
  width: 100%;
  height: 260px;
  border-radius: 8px;
background: #E7EBEE;
overflow: hidden;
}
.slideone img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cartholder {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  padding-bottom: 40px;
}
.listtovholder {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 32px;
  padding-bottom: 24px;
}
.cartrow {
  position: relative;
  width: 100%;
  display: flex;
padding: 8px 8px 24px 16px;
align-items: flex-start;
gap: 32px;
align-self: stretch;
border-radius: 12px;
background: var(--white);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.03);
}
.delincart {
  color: #B6C4CD;
  position: absolute;
  top: 8px;
  right: 8px;
}
.delincart:hover {
  color: var(--dark_blue-900);
}
.carttovright {
  width: 592px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-end;
}
.slpec1 {
  font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #869CAC;
}
.slpec2 {
  display: flex;
  padding: 3px 16px 5px 16px;
  align-items: center;
  gap: 8px;
  border-radius: 80px;
  background: #F5FBFE;
  font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.carttovleft {
  width: calc(100% - 624px);
}
.morechar {
  display: flex;
padding: 3px 8px 4px 8px;
align-items: center;
gap: 8px;
border-radius: 80px;
background: #F5FBFE;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--green-900);
display: flex;

}
.gooditem {
  display: flex;
align-items: center;
gap: 24px;
}
.gimg {
  width: 128px;
height: 128px;
border-radius: 4px;
overflow: hidden;
}
.gimg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gholder {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;

}
.gholder2 {
  display: flex;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
}
.gholder3 {
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.gholder4 {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.gprice {
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--green-900);
}
.filesholder {
  width: 100%;
  display: flex;
padding-bottom: 24px;
flex-direction: column;
align-items: flex-start;
gap: 40px;
align-self: stretch;
}
.filesholder1 {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
.filesholder2 {
  font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.filesholder3 {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.filesholder3 a{
  color: var(--green-900);
}
.filesholder4 {
  display: flex;
align-items: flex-start;
gap: 32px;
align-self: stretch;
flex-wrap: wrap;
}
.filesholder5 {
  width: calc(33.33% - 22px);
  display: flex;
  flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.filesholder6 {
  display: flex;
align-items: flex-end;
gap: 8px;
align-self: stretch;
}
.filesholder7 {
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.filesholder8 {
	    white-space: nowrap;
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
color: var(--dark_blue-900);
}
.filesholder9 {
  display: flex;
  padding: 12px 16px 24px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 8px;
  background: #F5FBFE;
}
.filesholder10 {
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; 
color: #869CAC;
}
.but6 {
  height: 32px;
  display: flex;
  align-items: center;
  border-radius: 80px;
background: var(--green-900);
padding-left: 16px;
padding-right: 16px;
color: var(--white);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px; 

}
.but6:hover {
  background-color: var(--greenhover);
}
.filesholder10.zavant {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: var(--dark_blue-900);
}
.progress {
  display: flex;
  height: 40px;
  align-items: center;
padding: 7px 10px 9px 10px;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 4px;
background: #FFF;
}
.progress:not(.filename) {
	display: none;
}
.progress:has(.filename) {
	display: flex;
}
.filename {
  font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; 
color: var(--dark_blue-900);
}
.filesize {
  display: flex;
padding: 3px 6px 5px 6px;
align-items: center;
gap: 10px;
border-radius: 80px;
background: var(--green-900);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
color: var(--white);
}
.dostholder {
  align-items: flex-start;
  display: flex;
  width: 100%;
  gap: 130px;
}
.dostholder2 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: calc(100% - 701px);
}
.dostholder3 {
  position: sticky;
  top: 66px;
  display: flex;
padding: 16px 14px 40px 14px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 32px;
width: 571px;
  border-radius: 8px;
background: #FFF;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}
.dostholder4 {
  width: 100%;
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.dostholder5 {
  display: flex;
padding: 14px 32px 18px 32px;
align-items: flex-end;
gap: 40px;
border-radius: 80px;
background: #F5FBFE;
}
.cartprice1 {
  display: flex;
flex-direction: column;
align-items: flex-start;
}
.cartprice2 {
  font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #869CAC;
}
.cartprice3 {
  font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--dark_blue-900);
}
.cartprice4 {
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--green-900);
}
.inputs {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}
.inptext1 {
  font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--dark_blue-900);
}
.inputs2 {
  max-width: 100%;
  width: 395px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.litradios {
  padding-bottom: 8px;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 16px;
}
.formlabel3 {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.formlabel3+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  gap: 4px;
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
color: var(--dark_blue-900);
}
.formlabel3:checked+label {
  cursor: pointer;
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; 
color: var(--dark_blue-900);
}
.formlabel3:checked+label span{
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: #869CAC;
}
.formlabel3:checked+label::before {
  background-image: url(../img/radio2.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
}
.formlabel3+label::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url(../img/radio.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.input11 {
  width: 100%;
  height: 54px;
  padding-left: 16px;
  padding-right: 46px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; 
  color: var(--dark_blue-900);
  border-radius: 4px;
  border: 1px solid #E0F3FB;
  background: var(--white);
  outline: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.46967 10.4697C7.76256 10.1768 8.23744 10.1768 8.53033 10.4697L11.1161 13.0555C11.6043 13.5436 12.3957 13.5436 12.8839 13.0555L15.4697 10.4697C15.7626 10.1768 16.2374 10.1768 16.5303 10.4697C16.8232 10.7626 16.8232 11.2374 16.5303 11.5303L13.9445 14.1161C12.8706 15.1901 11.1294 15.1901 10.0555 14.1161L7.46967 11.5303C7.17678 11.2374 7.17678 10.7626 7.46967 10.4697Z' fill='%230D3959'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.input12 {
  border-radius: 4px;
border: 1px solid #E0F3FB;
background: var(--white);
width: 100%;
padding: 14px 12px 16px 16px;
height: 126px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
outline: none;
}
.input12::placeholder {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.emptycart2 {
  display: flex;
align-items: center;
gap: 32px;
width: 100%;
}
.emhold {
  display: flex;
  flex-direction: column;
  gap: 8px;
align-self: stretch;
}
.emhold2 {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.emptycartholder.alno {
  align-items: flex-start;
}
.blogholder {
 
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  width: 100%;
}
.threebl {
  width: calc(33.33% - 16px);
}
.articleholder {
  width: 100%;
  display: flex;
  gap: 80px;
align-self: stretch;
}
.articleright {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 288px;
}
.articleleft {
  width: calc(100% - 368px);
}
.aheader {
  height: 49px;
  display: flex;
  padding: 12px 16px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
border-radius: 80px;
background: #F5FBFE;
}
.littleart_holder {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 16px;
}
.littleart_holderimg {
  width: 100%;
  height: 162px;
  border-radius: 8px;
background: #D2DADE;
overflow: hidden;
}
.littleart_holderimg img{
  transition: 0.2s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.artitemtext {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
.artitemtext1 {
  font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.artitemtext2 {
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--green-900);
}
.littleart_holder:hover .littleart_holderimg img{
  transition: 0.2s;
  transform: scale(1.02);
}
.littleart_holder:hover .artitemtext2 {
  gap: 8px;
}
.articlecont {
  width: 100%;
}
.articlecont h1 {
  margin-bottom: 16px;
  color: var(--dark_blue-900);
  font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.articlecont h2 {
  margin-bottom: 16px;
  color: var(--dark_blue-900);
  font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.articlecont h3 {
  margin-bottom: 16px;
  color: var(--dark_blue-900);
  font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.articlecont h4 {
  margin-bottom: 16px;
  color: var(--dark_blue-900);
  font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.articlecont h5 {
  margin-bottom: 16px;
  color: var(--dark_blue-900);
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.articlecont h6 {
  margin-bottom: 16px;
  color: var(--dark_blue-900);
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.articlecont p {
  margin: 0;
  padding-top: 0;
  padding-bottom: 25px;
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
color: var(--dark_blue-900);
}
.articlecont  {
  margin: 0;
  padding-top: 0;
  padding-bottom: 25px;
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
color: var(--dark_blue-900);
}
.img100 {
  width: 100%;
  border-radius: 16px;
}
.aboutholder {
  width: 100%;
  display: flex;
  gap: 60px;
}
.aboutholder2 {
  width: calc(100% - 564px);
}
.aboutholder3 {
  width: 504px;
}
.aboutholder3 img{
  max-width: 100%;
}
.articlecont ul {
  margin-bottom: 0;
  padding-bottom: 40px;
}
.articlecont ul li 
{
  list-style: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  position: relative;
  line-height: 24px;
  color: var(--dark_blue-900);
}
.articlecont ul li::before 
{
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--dark_blue-900);
  left: -17px;
    top: 11px;
}
.boldtext {
  padding-bottom: 5px;
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.redtext {
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
color: #FF3B30;
}
.formcontainer2.alcent {
  align-items: center;
}
.contmap {
  width: 100%;
  display: flex;
  gap: 40px;
}
.contmap2 {
  width: 450px;
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 48px;
}
.contmap3 {
  width: calc(100% - 490px);
  border-radius: 16px;
border: 8px solid var(--white);
height: 480px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.03);
}
.calllink {
  display: flex;
align-items: flex-start;
gap: 16px;
}
.calllink2 {
  display: flex;
flex-direction: column;
align-items: flex-start;
}
.calllink3 {
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--green-900);
}
.calllink4 {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
color: #869CAC;
}
.oursoc {
  display: flex;
padding-bottom: 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.oursoc2 {
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; 
color: var(--dark_blue-900);
}
.oursoc3 {
  display: flex;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
.oursoc4 {
  display: flex;
padding: 8px 16px 8px 12px;
align-items: center;
gap: 8px;
height: 40px;
border-radius: 80px;
background:#F5FBFE;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.headerholder_rev {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 48px;
  align-items: center;
}
.headerholder_rev .mainh {
  padding-bottom: 0;
  width: calc(100% - 222px);
}
.but7 {
  padding-left: 38px;
  padding-right: 38px;
  height: 45px;
  display: flex;
  gap: 8px;
  align-items: center;
  border-radius: 80px;
  border: 1px solid var(--green-900);
  background: var(--white);
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 22px;
color: var(--green-900);
}
.but7:hover {
  background-color: var(--green-900);
  color: var(--white);
}
.but8 {
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--green-900);
  align-items: center;
  justify-content: center;
}
.reviewlist {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  gap: 16px;
}
.reviewinitem {
  display: flex;
  width: calc(33.33% - 11px);
  padding: 16px 24px 32px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 16px 16px 34px 16px;
background: var(--white);
box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.03);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='40' viewBox='0 0 55 40' fill='none'%3E%3Cg opacity='0.2'%3E%3Cpath d='M6.97183 0H17.4296C21.28 0 24.4014 4.21068 24.4014 9.4053V15.7344C24.4014 16.5309 24.4131 17.2847 24.4242 18.0077C24.5097 23.5367 24.5674 27.2676 19.1725 34.5458C14.5843 40.7358 9.01008 40.2749 6.52858 39.666C5.90891 39.514 5.69089 38.5333 6.07458 37.8595C8.03054 34.4244 12.1899 25.606 5.22887 22.7887C2.50535 21.6864 0 19.558 0 15.7219V9.40568C0 4.21107 3.1214 0 6.97183 0Z' fill='%23D3F0E4'/%3E%3Cpath d='M37.5274 0H47.9851C51.8356 0 54.957 4.21068 54.957 9.4053V15.7344C54.957 16.5309 54.9686 17.2846 54.9798 18.0077C55.0653 23.5367 55.123 27.2676 49.7281 34.5458C45.1399 40.7358 39.5656 40.2749 37.0841 39.666C36.4645 39.514 36.2464 38.5333 36.6301 37.8595C38.5861 34.4244 42.7455 25.606 35.7844 22.7887C33.0609 21.6864 30.5556 19.558 30.5556 15.7219V9.40568C30.5556 4.21107 33.6769 0 37.5274 0Z' fill='%23D3F0E4'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: calc(100% - 24px) calc(100% - 24px);
}
.reviewinitem .reviewitem2 {
  height: auto;
  overflow: visible;
  display: block;
}
.raitholder {
  display: flex;
padding: 6px 12px 6px 8px;
align-items: center;
gap: 24px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--green-900);
border-radius: 4px;
background: #F6FCFA;
}
.starsrait {
  display: flex;
align-items: center;
}
.modal-content {
  border-radius: 9px;
background: var(--white);
border: none;
}
.modal-body {
  position: relative;
  padding: 24px 32px 40px 32px;
}
.closemod {
  position: absolute;
  top: 16px;
  right: 16px;
}
.reviewformhold {
  width: 100%;
  display: flex;
  flex-direction: column;
align-items: center;
gap: 32px;
align-self: stretch;
}
.reviewformhold2 {
  display: flex;
flex-direction: column;

gap: 8px;
align-self: stretch;
}
.reviewformhold3 {
  color: var(--dark_blue-900);
  font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.reviewformhold4 {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
color: var(--dark_blue-900);
}
.reviewformhold4 a{
  color: var(--green-900);
}
.reviewformhold5 {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
align-self: stretch;
}
.reviewformhold6 {
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; 
color: var(--dark_blue-900);
}
.stholder {
  display: flex;
align-items: flex-start;
gap: 8px;
}
.staritem {
  width: 80px;
height: 80px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cpath d='M50.0006 28.3333L40.0007 15L30.0007 28.3333L13.334 33.3333L23.334 48.3333V65L40.0007 60L56.6673 65V48.3333L66.6673 33.3333L50.0006 28.3333Z' fill='%23D3F0E4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.764 13.4105C38.2777 11.0855 41.7223 11.0855 43.236 13.4105L50.9906 25.3212C51.5114 26.1211 52.3176 26.699 53.2497 26.9405L67.1282 30.5357C69.8373 31.2375 70.9017 34.4694 69.1282 36.6081L60.0423 47.5646C59.432 48.3004 59.1241 49.2355 59.1793 50.1847L60.0021 64.3174C60.1627 67.0761 57.3761 69.0735 54.7662 68.0703L41.3963 62.9311C40.4983 62.5859 39.5017 62.5859 38.6037 62.9311L25.2338 68.0703C22.6239 69.0735 19.8373 67.0761 19.9979 64.3173L20.8207 50.1847C20.8759 49.2355 20.568 48.3004 19.9577 47.5646L10.8718 36.6081C9.09826 34.4694 10.1627 31.2375 12.8718 30.5357L26.7503 26.9405C27.6824 26.699 28.4886 26.1211 29.0094 25.3212L36.764 13.4105ZM33.1996 28.0492L40 17.6042L46.8004 28.0492C48.0086 29.9051 49.8674 31.2293 51.9959 31.7807L64.047 34.9026L56.1935 44.3729C54.7802 46.0771 54.0585 48.2549 54.1878 50.4753L54.9034 62.7663L43.1902 58.264C41.1375 57.4749 38.8625 57.4749 36.8098 58.264L25.0966 62.7663L25.8122 50.4753C25.9415 48.2549 25.2198 46.0771 23.8065 44.3729L15.953 34.9026L28.0041 31.7807C30.1326 31.2293 31.9914 29.9051 33.1996 28.0492Z' fill='%23D3F0E4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.staritem:hover,  .staritem:hover ~ .staritem{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cpath d='M50.0006 28.3333L40.0007 15L30.0007 28.3333L13.334 33.3333L23.334 48.3333V65L40.0007 60L56.6673 65V48.3333L66.6673 33.3333L50.0006 28.3333Z' fill='%23FFC700'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.764 13.4105C38.2777 11.0855 41.7223 11.0855 43.236 13.4105L50.9906 25.3212C51.5114 26.1211 52.3176 26.699 53.2497 26.9405L67.1282 30.5357C69.8373 31.2375 70.9017 34.4694 69.1282 36.6081L60.0423 47.5646C59.432 48.3004 59.1241 49.2355 59.1793 50.1847L60.0021 64.3174C60.1627 67.0761 57.3761 69.0735 54.7662 68.0703L41.3963 62.9311C40.4983 62.5859 39.5017 62.5859 38.6037 62.9311L25.2338 68.0703C22.6239 69.0735 19.8373 67.0761 19.9979 64.3173L20.8207 50.1847C20.8759 49.2355 20.568 48.3004 19.9577 47.5646L10.8718 36.6081C9.09826 34.4694 10.1627 31.2375 12.8718 30.5357L26.7503 26.9405C27.6824 26.699 28.4886 26.1211 29.0094 25.3212L36.764 13.4105ZM33.1996 28.0492L40 17.6042L46.8004 28.0492C48.0086 29.9051 49.8674 31.2293 51.9959 31.7807L64.047 34.9026L56.1935 44.3729C54.7802 46.0771 54.0585 48.2549 54.1878 50.4753L54.9034 62.7663L43.1902 58.264C41.1375 57.4749 38.8625 57.4749 36.8098 58.264L25.0966 62.7663L25.8122 50.4753C25.9415 48.2549 25.2198 46.0771 23.8065 44.3729L15.953 34.9026L28.0041 31.7807C30.1326 31.2293 31.9914 29.9051 33.1996 28.0492Z' fill='%23FFC700'/%3E%3C/svg%3E");
}
.staritem.active,  .staritem.active ~ .staritem{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cpath d='M50.0006 28.3333L40.0007 15L30.0007 28.3333L13.334 33.3333L23.334 48.3333V65L40.0007 60L56.6673 65V48.3333L66.6673 33.3333L50.0006 28.3333Z' fill='%23FFC700'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.764 13.4105C38.2777 11.0855 41.7223 11.0855 43.236 13.4105L50.9906 25.3212C51.5114 26.1211 52.3176 26.699 53.2497 26.9405L67.1282 30.5357C69.8373 31.2375 70.9017 34.4694 69.1282 36.6081L60.0423 47.5646C59.432 48.3004 59.1241 49.2355 59.1793 50.1847L60.0021 64.3174C60.1627 67.0761 57.3761 69.0735 54.7662 68.0703L41.3963 62.9311C40.4983 62.5859 39.5017 62.5859 38.6037 62.9311L25.2338 68.0703C22.6239 69.0735 19.8373 67.0761 19.9979 64.3173L20.8207 50.1847C20.8759 49.2355 20.568 48.3004 19.9577 47.5646L10.8718 36.6081C9.09826 34.4694 10.1627 31.2375 12.8718 30.5357L26.7503 26.9405C27.6824 26.699 28.4886 26.1211 29.0094 25.3212L36.764 13.4105ZM33.1996 28.0492L40 17.6042L46.8004 28.0492C48.0086 29.9051 49.8674 31.2293 51.9959 31.7807L64.047 34.9026L56.1935 44.3729C54.7802 46.0771 54.0585 48.2549 54.1878 50.4753L54.9034 62.7663L43.1902 58.264C41.1375 57.4749 38.8625 57.4749 36.8098 58.264L25.0966 62.7663L25.8122 50.4753C25.9415 48.2549 25.2198 46.0771 23.8065 44.3729L15.953 34.9026L28.0041 31.7807C30.1326 31.2293 31.9914 29.9051 33.1996 28.0492Z' fill='%23FFC700'/%3E%3C/svg%3E");
}
.stholder {
  transform: scaleX(-1); 
}
.w100 {
  width: 100%;
  max-width: none;
}
.formbutholder {
  display: flex;
justify-content: center;
align-items: flex-start;
gap: 12px;
}
.h56 {
  height: 56px;
}
.likeholder {
  display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
align-self: stretch;
}
.modal-backdrop {
  opacity: 0.5;
background: var(--dark_blue-900);
}
.movedimg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.topslide22 {
  display: flex;
  gap: 44px;
  justify-content: space-between;
}
.topslide33 {
  width: 526px;
  display: flex;
  flex-direction: column;
}
.topslide44 {
  position: relative;
  width: 546px;
}
.loginform {
  padding-bottom: 16px;
  display: flex;
width: 466px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.loginform .inputform {
  width: 100%;
  max-width: none;
  position: relative;
}
.forgotpass {
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--green-900);
}
.forgotpass:hover {
  text-decoration: underline;
}
.login2 {
  width: 466px;
  padding-top: 40px;
  display: flex;
  gap: 40px;
  flex-direction: column;
  align-items: flex-start;
}
.login3 {
  display: flex;
justify-content: flex-end;
align-items: flex-start;
gap: 8px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #869CAC;
}
.login3 a{
  font-size: 14px;
font-style: normal;
font-weight: 400;
color: var(--green-900);
line-height: normal;
}
.login3 a:hover{
  text-decoration: none;
}
.oko {
  position: absolute;
  bottom: 19px;
  right: 12px;
  width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0009 9C12.0009 10.6569 10.6578 12 9.00092 12C7.34406 12 6.00092 10.6569 6.00092 9C6.00092 7.34315 7.34406 6 9.00092 6C10.6578 6 12.0009 7.34315 12.0009 9ZM10.8759 9C10.8759 10.0355 10.0364 10.875 9.00092 10.875C7.96538 10.875 7.12592 10.0355 7.12592 9C7.12592 7.96447 7.96538 7.125 9.00092 7.125C10.0364 7.125 10.8759 7.96447 10.8759 9Z' fill='%2325B578'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.79483 9.59133C1.68297 9.20533 1.68297 8.79467 1.79483 8.40867C2.70022 5.2842 5.58305 3 8.99938 3C12.4157 3 15.2985 5.2842 16.2039 8.40867C16.3158 8.79467 16.3158 9.20533 16.2039 9.59133C15.2985 12.7158 12.4157 15 8.99938 15C5.58305 15 2.70022 12.7158 1.79483 9.59133ZM2.87538 8.72179C3.64516 6.0653 6.09714 4.125 8.99938 4.125C11.9016 4.125 14.3536 6.0653 15.1234 8.72179C15.176 8.90325 15.176 9.09675 15.1234 9.27821C14.3536 11.9347 11.9016 13.875 8.99938 13.875C6.09714 13.875 3.64516 11.9347 2.87538 9.27821C2.82279 9.09675 2.82279 8.90325 2.87538 8.72179Z' fill='%2325B578'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.oko.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 4L20 20M14 14.2361C13.4692 14.7111 12.7684 15 12 15C10.3431 15 9 13.6569 9 12C9 11.2316 9.28885 10.5308 9.76389 10M19.6078 15.6077C20.1791 15.1103 20.6902 14.6099 21.1303 14.1469C22.2899 12.9268 22.2899 11.0732 21.1303 9.8531C19.1745 7.79533 15.8155 5 12 5C11.1086 5 10.2422 5.15256 9.4127 5.41264M6.5 6.80338C5.04144 7.73444 3.79764 8.87678 2.86971 9.8531C1.7101 11.0732 1.7101 12.9268 2.86971 14.1469C4.82549 16.2047 8.18448 19 12 19C13.8681 19 15.6267 18.3299 17.1648 17.4044' stroke='%230D3959' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.input1.invalid2+div+.oko {
	bottom: auto;
	    top: 44px;
}
.movedimg {
  width: 753px;
}
.checkboxf {
  margin-top: 24px;
  position: relative;
}
.formlabel2 {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.formlabel2+label {
  display: inline-flex;
  column-gap: 4px; 
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--dark_blue-900);
  align-items: flex-start;
  user-select: none;
}
.formlabel2+label a{
  color: var(--green-900);
}

.formlabel2+label span {
  width: calc(100% - 28px);
}
.formlabel2+label::before {
  width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5.75 7.75C5.75 6.92157 6.42157 6.25 7.25 6.25L16.75 6.25C17.5784 6.25 18.25 6.92157 18.25 7.75V17.25C18.25 18.0784 17.5784 18.75 16.75 18.75H7.25C6.42157 18.75 5.75 18.0784 5.75 17.25L5.75 7.75Z' fill='%23E7EBEE' stroke='%23E7EBEE'/%3E%3C/svg%3E");
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.formlabel2:checked+label:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.75 7.25C5.75 6.42157 6.42157 5.75 7.25 5.75L16.75 5.75C17.5784 5.75 18.25 6.42157 18.25 7.25V16.75C18.25 17.5784 17.5784 18.25 16.75 18.25H7.25C6.42157 18.25 5.75 17.5784 5.75 16.75L5.75 7.25Z' fill='%2366CBA1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8536 9.14645C16.0488 9.34171 16.0488 9.65829 15.8536 9.85355L10.8536 14.8536C10.6583 15.0488 10.3417 15.0488 10.1464 14.8536L8.14645 12.8536C7.95118 12.6583 7.95118 12.3417 8.14645 12.1464C8.34171 11.9512 8.65829 11.9512 8.85355 12.1464L10.5 13.7929L15.1464 9.14645C15.3417 8.95118 15.6583 8.95118 15.8536 9.14645Z' fill='white'/%3E%3C/svg%3E");  
}
.flexfor {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
}
.flexfor span{
  max-width: 466px;
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
color: var(--dark_blue-900);
}
.cabinetheader {
  padding-bottom: 32px;
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
}
.cabinetheader .mainh{
  padding-bottom: 0;
  width: calc(100% - 300px);
}
.but9 {
  display: flex;
padding: 12px 16px;
gap: 8px;
height: 49px;
border-radius: 80px;
background: #E9F8F2;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
align-items: center;
color: var(--green-900);
}
.but9:hover {
  background-color: var(--green-900);
  color: var(--white);
}
.tabholder2 {
  display: flex;
  align-items: center;
}
.tabholder.tabholder3 {
  justify-content: space-between;
}
.tabholder a.logout {
  display: flex;
padding: 12px 24px 12px 16px;
align-items: center;
gap: 8px;
height: 48px;
border-radius: 80px;
background: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #FF766E; 
}
.tabholder a.logout:hover {
  color: var(--white);
  background: #FF766E;
}
.tableholder {
  padding-top: 32px;
}
.tableholder table {
  width: 100%;

}
.tableholder table thead tr th{
  border-bottom: 2px solid #E7EBEE;
  padding-bottom: 12px;
  padding-left: 4px;
  padding-right: 4px;
}
.tableholder table thead tr th a{
  display: flex;
  align-items: center;
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.tableholder table thead tr th a::after{
  content: '';
  width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.60225 7.85225C5.82192 7.63258 6.17808 7.63258 6.39775 7.85225L8.33709 9.79159C8.7032 10.1577 9.2968 10.1577 9.66291 9.79159L11.6023 7.85225C11.8219 7.63258 12.1781 7.63258 12.3977 7.85225C12.6174 8.07192 12.6174 8.42808 12.3977 8.64775L10.4584 10.5871C9.65295 11.3925 8.34705 11.3925 7.54159 10.5871L5.60225 8.64775C5.38258 8.42808 5.38258 8.07192 5.60225 7.85225Z' fill='%230D3959'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.tableholder table thead tr th a.active {
  font-weight: 700;
}
.tableholder table thead tr th a.active::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.60225 7.85225C5.82192 7.63258 6.17808 7.63258 6.39775 7.85225L8.33709 9.79159C8.7032 10.1577 9.2968 10.1577 9.66291 9.79159L11.6023 7.85225C11.8219 7.63258 12.1781 7.63258 12.3977 7.85225C12.6174 8.07192 12.6174 8.42808 12.3977 8.64775L10.4584 10.5871C9.65295 11.3925 8.34705 11.3925 7.54159 10.5871L5.60225 8.64775C5.38258 8.42808 5.38258 8.07192 5.60225 7.85225Z' fill='%2325B578'/%3E%3C/svg%3E");
}
.tableholder table thead tr th a.active::after {
	transform: scaleY(-1);
}
.tableholder table thead tr th a.active.desc::after{
  transform: scaleY(1);
}
.tableholder table tbody tr td {
  padding: 16px 4px;
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
border-top: 1px solid #E7EBEE;
color: var(--dark_blue-900);
}
.tableholder table tbody tr td a{
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.tableholder table tbody tr:hover {
  background-color: rgba(239, 242, 245, 0.46);
}
.charholders {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
gap: 8px;
}
.charholders span{
  display: flex;
padding: 3px 12px 4px 12px;
align-items: center;
gap: 10px;
border-radius: 80px;
background: #F5FBFE;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.charholders span:nth-child(3), .charholders span:nth-child(3) ~ span{
  display: none;
}
.carttovright .underspec2:nth-child(5), .carttovright .underspec2:nth-child(4) ~ div {
	display:none;
}
.carttovright.active .underspec2:nth-child(5), .carttovright.active .underspec2:nth-child(4) ~ div {
	display:flex;
}
.carttovright.active .morechar{
	display:none;
}
.tableholder table tbody tr td a.moreitems {
  display: flex;
padding: 3px 12px 4px 10px;
align-items: center;
gap: 10px;
border-radius: 80px;
background: var(--green-900);
color: var(--white);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.charholders.active span:nth-child(3), .charholders.active span:nth-child(3) ~ span{
	display:flex;
}
.charholders.active .moreitems {
	display: none;
}
.status {
  display: flex;
  width: fit-content;
padding: 4px 12px 5px 12px;
align-items: center;
gap: 10px;
border-radius: 80px;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.status1 {
  color: var(--dark_blue-900);
  background: #EAF7FC;
}
.status2 {
  color: #FF766E;
  background: #FFEBEA;
}
.status3 {
  color: var(--green-900);
  background: #E9F8F2;
}
.mobtable {
  display: none;
  padding-top: 24px;
}
.mobtableheader {
  width: 100%;
  min-height: 36px;
display: flex;
padding-bottom: 12px;
align-items: center;
gap: 8px;
border-bottom: 1px solid #E7EBEE;
align-self: stretch;
}
.t1 {
  width: 24px;
}
.t2 {
  width: calc(50% - 20px);
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
display: flex;
align-items: center;
}
.t2::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.60225 7.85225C5.82192 7.63258 6.17808 7.63258 6.39775 7.85225L8.33709 9.79159C8.7032 10.1577 9.2968 10.1577 9.66291 9.79159L11.6023 7.85225C11.8219 7.63258 12.1781 7.63258 12.3977 7.85225C12.6174 8.07192 12.6174 8.42808 12.3977 8.64775L10.4584 10.5871C9.65295 11.3925 8.34705 11.3925 7.54159 10.5871L5.60225 8.64775C5.38258 8.42808 5.38258 8.07192 5.60225 7.85225Z' fill='%230D3959'/%3E%3C/svg%3E");
  width: 18px;
height: 18px;
content: '';
}
.t2.active::after {
  transform: scaleY(-1);
}
.t2.desc.active.desc::after {
  transform: scaleY(1);
}
.mobtrow {
  flex-wrap: wrap;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid #E7EBEE;
  display: flex;
align-items: center;
gap: 8px;
align-self: stretch;
}
.t3 {
  width: calc(50% - 40px);
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.t4 {
  padding-left: 10px;
  width: calc(50% - 40px);
}
.t5 {
  width: 32px;
}
.mobtrow.active .t5 {
  transform: scaleY(-1);
}
.mobtablecont {
  width: 100%;
  display: flex;
padding-bottom: 8px;
padding-top: 12px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 12px;
align-self: stretch;
}
.mobtcontrow {
  width: 100%;
  display: flex;
  justify-content: space-between;
position: relative;
}
.mobtcontrow::after {
  width: 100%;
  height: 1px;
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  background: #E7EBEE;
}
.mobtcontrow span {
  padding-bottom: 2px;
  position: relative;
  z-index: 2;
  background-color: var(--white);
  padding-right: 8px;
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
color: var(--dark_blue-900);
}
.mobtcontrow span:last-child {
  padding-left: 8px;
  padding-right: 0;
}
.mobgholder {
  width: 100%;
  display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
.mobgholder2 {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.mobtablecont {
  display: none;
}
.mobtrow.active .mobtablecont{
  display: flex;
}
.detailedholder {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.detailedholder2 {
  display: flex;
align-items: flex-start;
gap: 16px;
align-self: stretch;
border-radius: 8px;
}
.detailedholder3 {
  display: flex;
  padding: 16px 40px 16px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  width: calc(25% - 12px);
  border-radius: 8px;
background: #F5FBFE;
}
.detailedholder4 {
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: #869CAC;
}
.detailedholder5 {
  display: flex;
align-items: center;
gap: 8px;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.orderlistitem {
  align-self: stretch;
  display: flex;
padding: 16px 24px;
align-items: center;
gap: 24px;
justify-content: space-between;
border-radius: 12px;
background: var(--blue-100, #F5FBFE);
min-height: 64px;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.orderlist.active .orderlistitem span {
  transform: scaleY(-1);
}
.dettext {
  font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--dark_blue-900);
}
.orderinner {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 24px;
  padding: 24px 24px 32px 24px;
}
.orderinner2 {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.roworder {
  display: flex;
  padding-top: 16px;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  border-top: 1px solid #E0F3FB;
}
.roworder:first-child {
  border-top: none;
}
.roworder2 {
  width: 250px;
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; 
color: #3D617A;
}
.roworder3 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: calc(100% - 250px);
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
color: var(--dark_blue-900);
}
.ordimg {
  width: 300px;
height: 200px;
max-width: 100%;
border-radius: 8px;
overflow: hidden;
}
.ordimg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.orderdesc {
  display: flex;
padding-top: 24px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.orderdesc2 {
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.orderdesc3 {
  width: 100%;
}
.orderdesc4 {
  padding-bottom: 8px;
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--dark_blue-900);
}
.orderdesc5 {
  padding: 14px 12px 16px 16px;
  width: 100%;
  border-radius: 4px;
border: 1px solid #E0F3FB;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.filecont {
  display: flex;
padding-top: 24px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.filecont2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.filecont3 {
  width: calc(33.33% - 16px);
  display: flex;

flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.progress2 {
  display: flex;
padding: 7px 10px 9px 10px;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 4px;
justify-content: space-between;
background: #FFF;
}
.progress3 {
  display: flex;
  gap: 10px;
  align-items: center;
}
.orderinner {
  display: none;
}
.orderlist.active .orderinner {
  display: flex;
}
.orderlist.active .orderlistitem {
  background-color: var(--white);
}
.formaholder {
  padding-top: 32px;
  display: flex;
  gap: 32px;
  width: 466px;
  max-width: 100%;
  flex-direction: column;
}
.formaholder2 {
  display: flex;
  align-self: stretch;
  gap: 24px;
  flex-direction: column;
}
.formabutholder {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.info {
  padding-top: 32px;
  display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--green-900);
}
.formaholder3 {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  gap: 16px;
}
.preheader {
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.serverr {
  display: flex;
  gap: 80px;
  align-items: center;
}
.serverr2 {
  width: calc(100% - 543px);
}
.serverr3 img{
  max-width: 100%;
}
.serverr3 {
  width: 463px;
}
.serverr4 {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 56px;
}
.serverr5 {
  display: flex;
flex-direction: column;
gap: 8px;
align-self: stretch;
}
.errtext1 {
  margin: 0;
  padding: 0;
  font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--dark_blue-900);
}
.errtext2 p{
  margin: 0;
  padding-bottom: 24px;
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--dark_blue-900);
}
.errtext2 p strong {
  font-weight: 700;
}
.errtext2 ul {
  margin-bottom: 0;
}
.errtext2 ul li{
  color: var(--green-900);
}
.errtext2 ul li a{
  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: var(--green-900);
}
.on991 {
  display: none;
}
.orderlist.active 
{
  border-radius: 12px;
background: #FFF;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}
.artitemtext22 {
  display: none;
}
.input12.invalid {
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.64817 6.03472C8.65594 5.67268 8.36459 5.375 8.00246 5.375C7.6405 5.375 7.34921 5.67242 7.35675 6.0343L7.44068 10.0652C7.44703 10.3702 7.69609 10.6141 8.00115 10.6141C8.30607 10.6141 8.55507 10.3704 8.56161 10.0656L8.64817 6.03472Z' fill='%23FF766E'/%3E%3Cpath d='M7.46915 12.6431C7.61688 12.7977 7.79415 12.875 8.00097 12.875C8.13734 12.875 8.2612 12.84 8.37256 12.7699C8.4862 12.6975 8.57711 12.6008 8.64529 12.4801C8.71575 12.3593 8.75097 12.2252 8.75097 12.0779C8.75097 11.8605 8.67597 11.6745 8.52597 11.5199C8.37825 11.3653 8.20325 11.288 8.00097 11.288C7.79415 11.288 7.61688 11.3653 7.46915 11.5199C7.3237 11.6745 7.25097 11.8605 7.25097 12.0779C7.25097 12.3001 7.3237 12.4885 7.46915 12.6431Z' fill='%23FF766E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.959 1.77496C9.19026 0.342036 7.14299 0.320796 6.34469 1.73746L0.491318 12.1247C-0.28345 13.4996 0.710008 15.1998 2.28816 15.1998H13.7142C15.2734 15.1998 16.2688 13.5362 15.5316 12.1622L9.959 1.77496ZM7.32479 2.28975C7.68765 1.64582 8.61823 1.65547 8.96766 2.3068L14.5403 12.6941C14.8754 13.3186 14.4229 14.0748 13.7142 14.0748H2.28816C1.57082 14.0748 1.11925 13.302 1.47142 12.677L7.32479 2.28975Z' fill='%23FF766E'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: calc(100% - 18px) 18px;
	
}
.errormess {
	padding-top: 2px;
	font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
	color:#FF766E;
	display: none;
}
.invalid + .errormess {
	display:block;
	
	
}
.iti {
    width: 100%;
    
}
.invalid2 {
	border-color:red;
	
}
.invalid2 + .errormess {
	display:block;
	
	
}
.citylist {
	top: 80px;
	    width: max-content;
	max-width: calc(100vw - 30px);
    padding: 16px;
    position: absolute;
    z-index: 3;
        background: #F5FBFE;
}
.citylist ul {
    padding: 0;
    margin: 0;
}
.citylist ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    list-style: none;
}
.citylist ul li a {
    font-size: 16px;
    color: var(--dark_blue-900);
}

.select2-container--default .select2-selection--single {
    border-radius: 4px;
    border: 1px solid #E0F3FB;
    background: var(--white);
    height: 54px;
    padding-left: 16px;
	padding-top: 14px;
    padding-right: 46px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--dark_blue-900);
    padding-left: 0px;
    padding-right: 0px;
    
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.46967 10.4697C7.76256 10.1768 8.23744 10.1768 8.53033 10.4697L11.1161 13.0555C11.6043 13.5436 12.3957 13.5436 12.8839 13.0555L15.4697 10.4697C15.7626 10.1768 16.2374 10.1768 16.5303 10.4697C16.8232 10.7626 16.8232 11.2374 16.5303 11.5303L13.9445 14.1161C12.8706 15.1901 11.1294 15.1901 10.0555 14.1161L7.46967 11.5303C7.17678 11.2374 7.17678 10.7626 7.46967 10.4697Z' fill='%230D3959'/%3E%3C/svg%3E");
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	top: 14px;
    right: 11px;
}
.iti:has(>input.invalid2) + .errormess {
	display:block;
	
}
.little_cart {
	color:#0D3959;
}
.little_cart.active {
	    color: var(--green-900);
	position: relative;
}
.little_cart.active::after{
	width: 8px;
height: 8px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Ccircle cx='4' cy='4' r='3.5' fill='%23FF766E' stroke='white'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: absolute;
	content: '';
	top: 0;
	right: 0;
}
.jobholder {
	display:flex;
	flex-wrap: wrap;
	gap:12px;
}
.slideone.job {
	width:calc(25% - 9px);
}
.slideone img {
	transition:0.2s;
}
.slideone:hover img {
	transition:0.2s;
	transform: scale(1.02);
}
.irs--flat .irs-bar {

    background-color: var(--green-900);
}
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
   
    background-color: var(--green-900);
   
}
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {

    border-top-color: var(--green-900);
}
.irs--flat .irs-handle>i:first-child {   
    top: -1px;    
    border-radius: 50%;
    width: 19px;
    border: 2px solid #FFF;
    height: 19px;    
    background-color: var(--green-900);
}
.irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child {
    background-color: var(--greenhover);
}
.price_footer {
	font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    color: var(--green-900);

}
@media (min-width: 728px) {
  .modal-dialog {
      max-width: 654px;
      margin-right: auto;
      margin-left: auto;
  }
}
@media (min-width: 1200px) {
  .container-xl {
    max-width: 1152px;
  }
}
@media (max-width: 1540px) 
{
  .movedimg {
    width: 100%;
    position: relative;
  }
  .movedimg img{
    max-width: 100%;
  }
}
@media (max-width: 1199px) 
{
  .dostholder {
    gap: 32px;
  }
  .reviewblock {
    width: 100%;
    margin: 0;
    padding-left: 14px;
    padding-right: 14px;
  }  
  .dostholder3 {
    padding: 16px 16px 40px 16px;
  }
  .dostholder3 {
    width: 555px;
  }
  .formlabel3+label {
    flex-wrap: wrap;
  }
  .dostholder2 {
    width: calc(100% - 587px);
}
}
@media (max-width: 991px) 
{
	
  .serverr {
    gap: 32px;
    justify-content: center;
}
.errtext1 {
  font-size: 24px;
}
  .no991 {
    display: none;
  }
  .on991 {
    display: flex;
  }
  .serverr {
    flex-wrap: wrap;
  }
  .serverr3 {
    text-align: center;
  }
  .detailedholder3 {
    width: calc(50% - 8px);
  }
  .detailedholder2 {
    flex-wrap: wrap;
  }
  .filecont3 {
    width: calc(50% - 12px);
  }
  .topslide33 {
    align-items: center;
}
  .topslide44 {
    display: none;
  }
  .topslide33, .serverr2, .serverr3 {
    width: 100%;
  }
  .reviewinitem {
    width: calc(50% - 8px);
  }
  .aboutholder {
    flex-direction: column;
    gap: 0;
  }
  .aboutholder2, .aboutholder3 {
    width: 100%;
  }
  .aboutholder3 {
    padding-bottom: 40px;
    text-align: center;
  }
  .articleholder {
    gap: 24px;
  }
  .articleleft {
    width: calc(100% - 312px);
  }
  .dostholder {
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
  }
  .filesholder5 {
    width: calc(50% - 16px);
  }
  .cartrow {
    gap: 24px;
    flex-wrap: wrap;
  }
  .carttovleft {
    width: 100%;
  }
  .carttovright {
    width: 100%;
  }
  .dostholder2, .inputs2 {
    width: 100%;
  }
  .photoitem {    
    height: 150px;
  }
  .photoholder {    
    height: 316px;
  }
  .topmenuholder {
    gap: 24px;
  }
  .topmenuholder ul {
    gap: 16px;
  }
  .topslide2 {
    gap: 100px;
    flex-wrap: wrap;
  }
  .topslide3, .topslide4 {
    width: 100%;
  }
  .topsection {
    background-image: url(../img/topbgmob.svg);
    background-size: 600px;
    background-size: 430px;
    background-position: 100% -285px;
  }
  .slheader {
    gap: 40px;
  }
  .slpag {
    display: block;
  }
  .faqholder {
    flex-wrap: wrap;
    gap: 24px;
  }
  .faqleft, .faqright, .bl5left, .bl5right {
    width: 100%;
  }
  .faqtext {
    padding-bottom: 12px;
  }
  .formcontainer2 {
    flex-wrap: wrap;
    gap: 37px;
  }
  .shape3 {
    width: 100%;
    top: auto;
    bottom: 0;
  }
  .bl5left, .inputform {max-width: none;}
  .bl5right {text-align: center;}
  .footer {
    background-size: cover;
  }
  .shape1 {
    display: none;
  }
  footer {
    background-size: cover;
  }
  .spec_block_tov_item {
    width: calc(33.33% - 11px);
  }
}
.invalid2 + .select2 .select2-selection.select2-selection--single 
{
	    border-color: red;
}
@media (max-width: 900px) 
{
	.contmap 
	{
		flex-wrap:wrap;
	}
	.contmap2, .contmap3 
	{
		width:100%;
	}
}
@media (max-width: 768px) 
{
	.price_footer {
	font-size: 18px;
    

}
  .cabinetheader .mainh {
   
    width: calc(100% - 48px);
}
  .charholders {
    width: 100%;
  }
  .charholders span{
    padding: 3px 12px 4px 12px;
    font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
  }
  .charholders span:nth-child(3), .charholders span:nth-child(3) ~ span {
    display: flex;
}
  .status {
    padding: 4px 12px 5px 12px;
    font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; 
  }
  .tableholder {
    display: none;
  }
  .mobtable {
    display: flex;
    flex-wrap: wrap;
  }
  .but9 {
    display: none;
  }
  .reviewformhold3 {
    font-size: 18px;
  }
  .reviewformhold4 {
    font-size: 14px;
  }
  .reviewformhold {
    gap: 24px;
  }
  .modal-body {
    padding: 16px 16px 32px 16px;
  }
  .but7 {
    display: none;
  }
  .but8 {
    display: flex;
  }
  .headerholder_rev {
    padding-bottom: 24px;
  }
  .contmap {
    flex-wrap: wrap;
    gap: 24px;
  }
  .contmap2 {
    width: 100%;
  }
  .contmap3 {
    width: 100%;
  }
  .calllink3 {
    font-size: 18px;
  }
  .oursoc3 {
    flex-wrap: wrap;
  }
  .calllink4 {
    font-size: 14px;
  }
  .contmap2 {
    gap: 32px;
  }
  .contmap3 {
    height: 300px;
  }
  .articlecont h1 {
   
    font-size: 36px;
  
  }
  .articlecont h2 {
    
    font-size: 30px;
  
  }
  .articlecont h3 {   
    font-size: 28px;  
  }
  .articlecont h4 {
    
    font-size: 24px;
  
  }
  .articlecont h5 {
    
    font-size: 20px;
  
  }
  .articlecont h6 {    
    font-size: 18px;  
  }
  .articleholder {
    flex-wrap: wrap;
    gap: 24px;
  }
  .articleleft {
    width: 100%;    
  }
  .articleright {
    width: 100%;
  }
  .articleright {
    column-gap: 16px;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .aheader {
    width: 100%;
  }
  .littleart_holder {
    width: calc(50% - 8px);
  }
  .blogitem.threebl {
    width: calc(50% - 8px);
  }
  .blogholder {
    gap: 16px;
  }
  .filesholder5 {
    width: 100%;
  }
  .emptycart {
    flex-wrap: wrap;
    padding-top: 16px;
    gap: 40px;
  }
  .emptycartimg {
    width: 100%;
    text-align: center;
  }
  .emptycartholder {
    align-items: center;
    gap: 32px;
    width: 100%;
  }
  .emptycarttext {
    font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
  }
  .tovholder_left {
    display: none;
  }
  .tovholder_right {
    width: 100%;
  }
  .tovslider {
    display: block;
  }
  .carttovholder {
    gap: 16px;
  }
  .tovcart.incat {
    width: calc(33.33% - 11px);
  }
  .menublock, .menulineblock {
    display: none;
  }
  .mobiletopmenu {
    display: flex;
  }
  .topslide {
    padding-top: 68px;
    padding-bottom: 40px;
  }
  .slheader 
  {
    gap: 16px;
  }
  .topsection {
    background-size: 380px;
  }
  .prodacatitem {
    border-bottom: 1px solid #E0F3FB;
    width: 50%;
    border-radius: 0;
  }
  .prodacatitem:nth-child(2n) {
    border-right: none;
  }
  .catrow {
    border-bottom: none;
  }
  .catrow {
    flex-wrap: wrap;
  }
  .catrow:last-child .prodacatitem:nth-child(3), .catrow:last-child .prodacatitem:nth-child(4)
  {
    border-bottom: none;
  }
  .fholder2 {
    flex-wrap: wrap;
  }
  .fcolumn1 {
    flex-wrap: wrap;
    width: 100%;
  }
  .fcolumn2 {
    width: 100%;
    flex-wrap: wrap;
    row-gap: 16px;
    justify-content: space-between;
    flex-direction: row;
  }
  .ftext4 {
    width: 100%;
  }
  .ftext5 br {
    display: none;
  }
  .fcolumn1 {
    row-gap: 32px;
    column-gap: 0;
  }
  .fholder2>.footermenu {
    padding-top: 32px;
  }
  .footermenu {
    width: 50%;
  }
  .texhpages {
    display: none;
  }
  .hiddent_f {
    flex-direction: column;
    display: flex;
    width: 50%;
    padding-top: 32px;
    gap: 24px;
  }
  .hiddent_f a{
    
    font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--green-900);
  }
  .mainh {
    padding-bottom: 24px;
    font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
  }
  .tovslider {
    padding-bottom: 24px;
  }
  .tabholder {
    border-radius: 0;
    overflow-x: scroll;
  }
  .tabholder a {
    white-space: nowrap;
  }
  .headerholder_rev {
    gap:5px;
  }
  .headerholder_rev .mainh {
    padding-bottom: 0;
    width: calc(100% - 45px);
}
.formbutholder {
  flex-wrap: wrap;
}
.topsection.nobgtop {
  background-image: none;
}
}
@media (max-width: 600px) 
{
	.datapad {
		padding-left:14px;
		padding-right: 14px;
		
	}
	.bredcrumbstop  ul li a, .bredcrumbstop  ul li {
		font-size:12px;
		white-space: nowrap;
	}
	.bredcrumbstop  ul {
		width:fir-content;
	}
	.bredcrumbstop  {
		overflow-x:scroll;
		
	}
	.tovtextholder {
    
    padding-left: 8px;
    padding-right: 8px;
   
}
	.tovmtext33 {
		font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
		height: 48px;
		-webkit-line-clamp: 2;
		
	}
	    .tovcart.incat {
       gap:8px;
			
    }
	.blogimg {
		height: 110px;
		border-radius: 8px 8px 24px 0px;
	}
	.tovmtext {
		font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
	}
	.tovimgm {
    height: 111px;
	}
	.tovmtext2 {
		font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
	}
	.but3 {
    font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
    height: 39px;
	}
  .t1 {
    width: 40px;
    padding-left: 8px;
  }
  .t2:last-child {
    padding-right: 14px;
  }
  .t2 {
    width: calc(50% - 28px);
  }
  .t3, .t4 {
    width: calc(50% - 48px);
  }
  .mobtablecont {
    padding-left: 14px;
    padding-right: 14px;
  }
  .donotshow {
    display: none;
  }
  .nopadm {
    padding-left: 0;
    padding-right: 0;
  }
  .filesholder, .dostholder2, .dostholder4 {
    padding-left: 14px;
    padding-right: 14px;
  }
  .dostholder5 {
    padding: 12px 24px 16px 24px;
    border-radius: 0;
  }
  .dostholder3 {
    border-radius: 8px;
background: #FFF;
box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, 0.05);
  }
  .dostholder3 .but1 {
    margin-left: 14px;
    margin-right: 14px;
    width: calc(100% - 28px);
  }
  .artitemtext22 {
    display: block;
    width: 100%;
    font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--dark_blue-900);
height: 48px;
overflow: hidden;
display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 11px;
  }
  .littleart_holderimg {
    height: 110px;
    border-radius: 8px 8px 24px 0px;
background: #D2DADE;
  }
  .littleart_holder {
    gap: 8px;
  }
  .artitemtext1 {
    font-size: 12px;
    font-weight: 700;
line-height: normal;
  }
  .formaholder {
    gap: 24px;
  }
  .formaholder2 {
    gap: 16px;
  }
  .formabutholder {
    flex-direction: column-reverse;
  }
  .filecont3 {
    width: 100%;
  }
  .detailedholder3 {
    padding: 12px 16px;
  }
  .detailedholder4 {
    font-size: 12px;
  }
  .detailedholder5 {
    font-size: 24px;
  }
  .detailedholder5 img {
    width: 24px;
  }
  .detailedholder {    
    gap: 24px;
}
.dettext {
  font-size: 18px;
}
.orderlistitem {
  padding: 16px;
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.orderinner  {
  padding: 16px 16px 24px 16px;
}
.roworder {
  flex-wrap: wrap;
  gap: 8px;

}
.roworder2, .roworder3 {
  width: 100%;
}
  .loginform {
    width: 100%;
  }
  .login2 {
    width: 100%;
  }
  .topslide33 {
    align-items: flex-start;
}
.login2 {
  align-items: center;
}
  .staritem {
    width: 56px;
    height: 56px;
  }
  .reviewinitem {
    width: 100%;
    padding: 16px 16px 24px 16px;
  }
  .emptycart2 {
    flex-direction: column;
  }
  .gimg {
    width: 80px;
    height: 80px;
    border-radius: 4px;
  }
  .alno .emhold {
    text-align: center;
  }
  .gholder3 {
    font-size: 16px;
  }
  .gholder4 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .gprice {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .filesholder2 {
    font-size: 24px;
  }
  .filesholder3 {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
  }
  .dostholder3 {
    padding: 16px 0px 40px 0px;
    width: 100%;
    gap: 16px;
  }
  .dostholder5 {
    width: 100%;
    padding: 12px 24px 16px 24px;
    gap: 0;
    justify-content: space-between;
  }
  .cartprice2 {
    font-size: 14px;
  }
  .cartprice3 {
    font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
  }
  .cartprice4 {
    font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
  }
  .slideone {
    height: 140px;
  }
  .spec_block_tov_item {
    width: calc(50% - 8px);
  }
  .tabholder::-webkit-scrollbar {
    height: 4px;
  }
  .but2_num.but2_num {
    width: fit-content;
  }
  .tabholder::-webkit-scrollbar-track {
    background: #F7F4F2;
  }
  .pagetext {
    padding-top: 24px;
  }
  .sborka 
  {
    max-height: 100vh;
    overflow-y: scroll;
    padding-top: 24px;
    padding-bottom: 32px;
  }
  .spec_block_tov_item {
    gap: 8px;
  }
  .spec_block_tov_item2 {
    height: 110px;
  }
  .specname {
    font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
height: 36px;
  }
  
  .underspec {
    display: none;
  }
  .sborka.active .underspec {
    display: flex;
  }
  .spec_block_tov {
    padding-top: 16px;
  }
  .sborka.active 
  {
    border-radius: 16px 16px 0px 0px;
  }
  .sbhcontainer2 {
    font-size: 18px;
  }
  .tabholder::-webkit-scrollbar-thumb {
    background-color: #0D3959;
    border-radius: 10px;
    border: 0px solid #F7F4F2;
  }
  .charholder2 {
    font-size: 16px;
    padding: 8px 16px;
  }
  .bigprice {
    font-size: 28px;
  }
  .tovholder {
    padding-bottom: 24px;
  }
  .bredcrumbstop {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .tovh1 {
    font-size: 16px;
  }
  .tovh {font-size: 24px;}
  .slpag {
   
    margin-top: 8px;
  }
  .pagetext h2 {
    font-size: 18px;
  }
  .messholder {
	  background-image: url(../img/littlesearch.svg);
    height: 451px;
  }
	.dev {
		align-items: flex-start;
	}
  .h5 br{
    display: block;
  }
  .h5 {
    font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
  }
  .butholder3 .but2 {
    width: fit-content;
  }
  .tovcart.incat {
    width: calc(50% - 8px);
  }

  .slheader2 {
    gap: 16px;
  }
  .slheader3 {
    font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
  }
  .slheader4 {
    font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
  }
  .but1 {
    width: 100%;
  }
  .slheader {
    gap: 40px;
  }
  .topslide {
    padding-bottom: 30px;
  }
  .block1 {
    padding-top: 30px;
  }
  .headerholderpref {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.12px;
    text-transform: uppercase;
  }
  .headerholder2 h2 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .headerholder {
    padding-bottom: 24px;
    padding-bottom: 12px;
  }
  .headerholder3 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .prodacatitem {
    padding: 16px 16px 24px 16px;
    gap: 12px;
  }
  .catimgholder img {
    max-width: 80px;
}
.block2 {
  padding-top: 0;
  padding-bottom: 40px;
}
.notseen {
  margin-top: 24px;
  display: flex;
  width: 100%;
}
.seen {
  display: none;
}
.headerholder4 {
  padding-bottom: 24px;
}
.runline {
  height: 82px;
}
.runnlineholder {
  height: 41px;
}
.runnlineholder .runf .itemrun {
  font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.runnlineholder .runf .itemrun::after {
  width: 16px;
  height: 16px;
  background-size: contain;
}
.runnlineholder {
  width: 102vw;
}
.reviewitem {
  width: 285px;
padding: 16px 49px 24px 16px;
gap: 12px;
}
.reviewitem2 {
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--dark_blue-900);
height: 57px;
}
.reviewitem4 {
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.reviewitem5 {
  font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.reviewitem::after {
  width: 33px;
height: 24px;
background-size: contain;
right: 12px;
top: 12px;
}
.w502 {
  width: 285px;
}
.block4 {
  padding-top: 24px;
  padding-bottom: 40px;
}
.faqleft {
  gap: 8px;
}
.faqtext {
  padding-bottom: 16px;
}
.faqtext {
  padding-bottom: 24px;
}
.but2 {
  width: 100%;
}
.faqholder2 {
  padding: 16px;
}
.faqlink {
  gap: 12px;
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.faqholder2.active .faqlink {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; 
}
.faqcontent {
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.block5 {
  padding-top: 0;
  padding-bottom: 0px;
}
.bl5left {
  gap: 24px;
}
footer {
  padding-top: 70px;
  background-image: url(../img/mobf.svg);
  background-size: 100% 100%;
  background-position: top;
}
.footerheader {
  font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 142.857% */
letter-spacing: 1.12px;
text-transform: uppercase;
}
.fholder2>.footermenu {
  padding-top: 40px;
}
.hiddent_f {
  padding-top: 40px;
}
.dev {
  text-align: right;
  width: 107px;
}
.fholder3 {
  align-items: center;
}
}