.adp-box svg:not([class]) {
  display: block;
  -webkit-transition: inherit;
  transition: inherit;
  width: 100%;
  height: 100%;
  fill: currentcolor;
}

.adp-box svg path {
  fill: inherit;
  stroke: inherit;
}

.adp-box-wrap-title {
font-size: 5rem;

padding-top: 4rem;
padding-bottom: 2rem;
}

@-moz-document url-prefix() {
  path {
	fill: inherit;
	stroke: inherit;
  }
}
* {
  outline: none;
}
*:focus-visible {
  outline: initial;
  outline: 2px solid rgba(0, 0, 0, 0.5568627451);
}

.txt-hide {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.p-img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
	 object-position: center;
  -o-object-fit: cover;
	 object-fit: cover;
}

.p-img-c {
  width: 100%;
  height: 100%;
  -o-object-position: center;
	 object-position: center;
  -o-object-fit: contain;
	 object-fit: contain;
}

._c-ibg {
  position: relative;
  isolation: isolate;
}
._c-ibg > ._ibg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

._svg svg, .svg svg {
  width: 100%;
  height: 100%;
}

body {
  line-height: 1.375;
  font-size: 1rem;
  color: var(--black);
  font-family: "Inter", Helvetica, Arial, sans-serif;
  background-color: #fff;
}

.juice-cart {
  font-size: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
		  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(25% - 1em);
  position: relative;
}

.juice-cart:nth-child(1), .juice-cart:nth-child(6) {
width: calc(50% - 1em);
}

.juice-cart__box-logo {
  border-radius: 3.57em;
  background-color: #30b6e6;
  overflow: hidden;
  overflow: clip;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
	  -ms-flex-pack: center;
		  justify-content: center;
  position: relative;
  height: 37.82em;
  position: relative;
  isolation: isolate;
}
.juice-cart__box-logo:not(:last-child) {
  margin-bottom: 1.25em;
}
.juice-cart .juice-cart__logo-center {
  padding: 2.5em 2.5em;
  -webkit-box-flex: 1;
	  -ms-flex: 1 0 auto;
		  flex: 1 0 auto;
  width: 28.13em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
		  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
	  -ms-flex-pack: center;
		  justify-content: center;
  -webkit-box-align: center;
	  -ms-flex-align: center;
		  align-items: center;
  position: relative;
  z-index: 2;
  isolation: isolate;
}
.juice-cart__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
	  -ms-flex-pack: justify;
		  justify-content: space-between;
  -webkit-box-align: center;
	  -ms-flex-align: center;
		  align-items: center;
  gap: 1rem;
  padding: 0 1.07rem 0 2.07em;
  -webkit-box-flex: 1;
	  -ms-flex: 1 0 auto;
		  flex: 1 0 auto;
  position: absolute;
  bottom: 4em;
  color: #fff;
  width: 100%;
}
.juice-cart__desc:not(:last-child) {
  margin-bottom: 0.38rem;
}
.juice-cart__desc > * {
  -webkit-box-flex: 0;
	  -ms-flex: 0 0 auto;
		  flex: 0 0 auto;
}
.juice-cart__ttl {
  font-size: 2em !important;
  font-weight: 800;
  text-transform: uppercase;
  -webkit-box-flex: 0;
	  -ms-flex: 0 1 auto;
		  flex: 0 1 auto;
}
.juice-cart__line {
  height: 0.13em;
  background-color: #212121;
}
.go-juice-cart {
  width: 3.13em;
  height: 3.13em;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
	  -ms-flex-align: center;
		  align-items: center;
  -webkit-box-pack: center;
	  -ms-flex-pack: center;
		  justify-content: center;
}
.go-juice-cart__ico {
  color: #fff;
  display: block;
  width: 1.63em;
  height: 1.63em;
}

.logo-juice {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
		  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
	  -ms-flex-pack: center;
		  justify-content: center;
  -webkit-box-align: center;
	  -ms-flex-align: center;
		  align-items: center;
  position: relative;
}
.logo-juice__cover {
  width: 3.38em;
  height: 1.82em;
  margin: 0 0 -0.12em 0;
}
.logo-juice__bottle {
  width: 9.13em;
  height: 28.25em;
}
.logo-juice__dots {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.logo-juice__cloud-cover {
  width: 5.32em;
  height: 2.82em;
  position: absolute;
  top: 62%;
  left: 32%;
  z-index: 5;
  rotate: 70deg;
  opacity: 0;
}
.juice-cart__box-logo--b {
  background-color: #f90000;
}
.logo-juice__bottle--b {
  width: 10.75em;
  height: 29.19em;
}
.logo-juice__cover--b {
  width: 4.38em;
  height: 2.63em;
}
.logo-juice__cloud-cover--b {
  width: 6.25em;
  height: 3.69em;
  rotate: 60deg;
}
.juice-cart__box-logo--c {
  background-color: #004724;
}
.logo-juice__cover--c {
  width: 4.63em;
  height: 2.88em;
}
.logo-juice__bottle--c {
  width: 10.88em;
  height: 27.57em;
}
.logo-juice__dots--c {
  translate: -110% 0;
}

.logo-juice__cloud-cover--c {
  width: 6.69em;
  height: 4.19em;
  rotate: -80deg;
  position: absolute;
  top: 14%;
  left: 35%;
}
.juice-cart__box-logo--d {
  background-color: #ffcf01;
}
.logo-juice__bottle--d {
  width: 8.57em;
  height: 27.82em;
}
.logo-juice__cover--d {
  width: 3.94em;
  height: 2.13em;
}
.logo-juice__cloud-cover--d {
  width: 6.25em;
  height: 3.13em;
  opacity: 1;
  position: absolute;
  top: 22%;
  left: 40%;
  z-index: -2;
  rotate: -30deg;
}
.logo-juice__bottle--e {
  width: 11.5em;
  height: 29.25em;
}
.juice-cart__box-logo--e {
  background-color: #c600ad;
}
.logo-juice__cloud-cover--e {
  width: 8.75em;
  height: 6em;
  rotate: 0deg;
  position: absolute;
  top: 12%;
  left: 60%;
  z-index: -1;
}
.juice-cart__box-logo--f {
  background-color: #0143bd;
}
.logo-juice__bottle--f {
  width: 19.69em;
  height: 26.07em;
}
.logo-juice__dots--f {
  width: 93%;
}

.logo-juice__cloud-cover--f {
  position: absolute;
  top: 15%;
  left: 16%;
  z-index: -1;
  width: 30.6em;
  height: 5.5em;
  rotate: 0deg;
}
@media (hover) {
  .juice-cart {
	-webkit-transition: 0.3s ease-out 0s;
	transition: 0.3s ease-out 0s;
  }
  .juice-cart * {
	-webkit-transition: inherit;
	transition: inherit;
  }
  .juice-cart:hover .logo-juice__bottle {
	rotate: 10.5deg;
	scale: 1.57;
	translate: 0 29%;
  }
  .juice-cart:hover .logo-juice__dots {
	opacity: 1;
  }
  .juice-cart:hover .logo-juice__cover {
	rotate: 10deg;
	translate: 10% 70%;
	opacity: 0;
  }
  .juice-cart:hover .logo-juice__cloud-cover {
	position: absolute;
	top: 60%;
	left: 5%;
	rotate: 83deg;
	opacity: 1;
  }
  .juice-cart:hover .logo-juice__bottle--b {
	rotate: 12deg;
	scale: 1.65;
  }
  .juice-cart:hover .logo-juice__cloud-cover--b {
	position: absolute;
	top: 52%;
	left: -3%;
	rotate: 60deg;
  }
  .juice-cart:hover .logo-juice__dots--c {
	translate: 0 0;
  }
  .juice-cart:hover .logo-juice__bottle--c {
	rotate: 10.9deg;
	scale: 1.49;
	translate: 0 30%;
  }
  .juice-cart:hover .logo-juice__cloud-cover--c {
	rotate: -60deg;
	position: absolute;
	top: 16.9%;
	left: 6.5%;
  }
  .juice-cart:hover .logo-juice__bottle--d {
	rotate: 13.5deg;
	scale: 1.85;
	translate: -12% 34%;
  }
  .juice-cart:hover .logo-juice__cloud-cover--d {
	position: absolute;
	top: 93%;
	left: 70%;
	rotate: -50deg;
  }
  .juice-cart:hover .logo-juice__bottle--e {
	rotate: 13deg;
	translate: -9% 37%;
  }
  .juice-cart:hover .logo-juice__cloud-cover--e {
	rotate: 0deg;
	position: absolute;
	top: 12%;
	left: 60%;
  }
  .juice-cart:hover .logo-juice__bottle--f {
	rotate: 9deg;
	scale: 1.4;
	translate: 5% 33%;
  }
  .juice-cart:hover .logo-juice__cloud-cover--f {
	rotate: 9deg;
	position: absolute;
	top: 17.1%;
	left: 10%;
  }
}

.adp-box-wrap {

padding-bottom: 10rem;
}

.adp-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  
}

.adp-box * {
font-size: 0.7rem;
}

.adp-box .juice-cart {
	font-size: 0.8196721311vw;
  }
}

  .adp-box {
	gap: 1.25rem 0.75rem;
  }

@media (max-width: 46.88em) {
  .adp-box {
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
  }
  .adp-box .juice-cart {
	font-size: 1.3333333333vw;
  }
}
@media (max-width: 25em) {
  .adp-box {
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
  }
  .adp-box .juice-cart {
	font-size: 2.5vw;
  }
}

@media (max-width:1380px) { 

.juice-cart__ttl {
  font-size: 1.5em !important;
}

}

@media (max-width:1024px) {
	.adp-box-wrap {
	padding-bottom: 5rem;
	}
	
	.adp-box-wrap-title {
	font-size: 3rem;
	}
  
    .juice-cart {
        width: calc(50% - 1em) !important;
    }
}

@media (max-width:560px) {
  .juice-cart {
      width: 100% !important;
  }
}