.shop-icon{
  width:20px;
  display:inline-block;
}
.scent_sLink{
  width:18px;
  display:inline-block;
}
.scent_main{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.scent_main h2{
  display: inline-block;
  color: #4FA8B7;
  font-size: 3.2rem;
}
.go-to-shop{
  font-size: 2.3rem;
  display: flex;
  align-items: center;
}
.go-to-shop span{
  display: flex;
  align-items: center;
  margin-left:20px;
  width: auto;
}
.go-to-shop span svg{
  width: 32px;
}
.go-to-shop span svg path{
  fill: #4EA8B7;
}
.scent-row{
  margin-top: 40px;
}
.scents-big-block{
  border-radius: 20px;
  padding: 100px 50px 60px;
  position:relative;
  z-index: 9;
  overflow: hidden;
  cursor: pointer;
}
.scents_bImg{
  display: block;
  height: 524px;  
}

.scent_sImg--coco,
.scent_sImg--rose,
.scent_sImg--hush,
.scent_sImg--citrus{
  position: relative;
}
.scent_sImg--coco img,
.scent_sImg--rose img,
.scent_sImg--hush img,
.scent_sImg--citrus img{
  position: absolute;
  top:0;
  left: 0;  
}

.coco-image-tag--mini,
.rose-image-tag--mini,
.hush-image-tag--mini,
.citrus-image-tag--mini{
  opacity: 1;
  transition: opacity 0.5s linear;
}

.coco-image-tag--large,
.rose-image-tag--large,
.hush-image-tag--large,
.citrus-image-tag--large{
  opacity: 0;
  transition: opacity 0.5s linear;
}

.coco-image-large .coco-image-tag--mini,
.rose-image-large .rose-image-tag--mini,
.hush-image-large .hush-image-tag--mini,
.citrus-image-large .citrus-image-tag--mini{
  opacity: 0;
  transition: opacity 0.5s linear;
}

.coco-image-large .coco-image-tag--large,
.rose-image-large .rose-image-tag--large,
.hush-image-large .hush-image-tag--large,
.citrus-image-large .citrus-image-tag--large{
  opacity: 1;
  transition: opacity 0.5s linear;
}
.rs-text__divider {
  height: 1px;
  width: 140px;
  background-color: #FFF;
  margin-top: -50px !important;
}

.scents_btext{
  text-align: center;
  color: #fff;
  z-index: 9;
  position: relative;
}

.scents_btext h2{
  font-size: 3.5rem;
  color: #fff;
  display: block;
  text-transform: lowercase;
}
.scents_btext h2 *{
  color: #fff;
}
.scents_btext p + div, .scents_btext p{
  font-size: 1.2rem;
  max-width: 565px;
  margin: 20px auto 50px auto;
  color:#fff;
}
.shop-btn{
  background: #fff;
  width: 320px;
  display: flex;
  height: 80px;
  border-radius: 42px;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  margin: auto;
  margin-top: 40px;
  color:#4fa8b7 !important;
  border:2px solid #fff;
}
.shop-btn:hover{
  cursor: pointer;
  background: transparent !important;
  color: #fff !important;
}
.repeater-scents{
  border-radius: 20px;
  padding: 50px 70px;
  position: relative;
  margin-bottom: 15px;
}
.rs_text{
  display: block;
  z-index: 9;
  position: relative;
}
.rs_text h2{
  font-size: 3rem;
  color: #fff;
  max-width: 200px;
  text-transform: lowercase;
}
.rs_text__description>span{
  color: #FFF;
  transition-duration: 0.5s;
   z-index: 99;
    position: relative;
}
.rs_text__short:hover{
font-size:23px;
}
.rs_text__large-coco:hover{
font-size:23px;
}
.rs_text__large-rose:hover{
font-size:23px;
}
.rs_text__large-hush:hover{
font-size:23px;
}
.rs_text__large-citrus:hover{
font-size:23px;
}
.rs-text__divider{
  height: 1px;
  width: 140px;
  background-color: #FFF;
  margin-top: -49px !important;
}
@media (max-width: 600px){
  .rs-text__divider{ 
    display: none;
  }
}
.rs-text__divider__rose{
  height: 1px;
  width: 77px;
  background-color: #FFF;
  margin-top: -30px !important;
  margin-bottom: 10px !important;
}

.scents-big-block .rs-text__divider__rose{
  margin-top: -49px !important;
}
@media (max-width: 600px){
  .rs-text__divider__rose{ 
    display: none;
  }
}
.rs-text__divider__citrus{
  height: 1px;
  width: 100px;
  background-color: #FFF;
  margin-top: -30px !important;
  margin-bottom: 10px !important;
}
@media (max-width: 600px){
  .rs-text__divider__citrus{ 
    display: none;
  }
}
.rs_text p{
  color: #FFF;
  margin: 30px 0px;
}
.scent_sLink{
  display: inline-block;
  width: 18px;
}
.scent_sLinks .hs_cos_wrapper_type_icon svg{
  width: 1.6rem;
  fill: #fff;
  opacity: 0.7;
}
.scent_sImg {
  width: 580px;
  height: 375px;
  display: block;
  position: absolute;
  top: -26px;
  right: -224px;
  z-index: 9;
}
.scent_sImg img{
  height:100%;
  object-fit:cover;
}




/* animation */
.feature_col{
  position:absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index:-1;
}
.scent_svg1{
  position: absolute;
  left: 0%;
  top: -52px;
  transform: translate(-10%, 0px);
  opacity: 0;
}
.scent_svg2{
  position: absolute;
  bottom: -14px;
  left: 100%;
  width: 100%;
  transform: translate(-87%, 0px);
  opacity: 0;
}
.scent_svg3{
  position: absolute;
  left: -70px;
  bottom: -20px;
  opacity: 0;
}
.scent_svg4{
  right: -130px;
  position: absolute;
  top: -40px;
  opacity: 0;
}
.scents-big-block:hover svg{
  opacity:1 !important;
}
.scents-big-block:hover .scent_svg .ani{
  stroke: #fff;
}
.cls-1 {
  stroke-miterlimit: 10;
}

.cls-1, .cls-2 {
  fill: none;
  /*   stroke: transparent; */
  stroke: #fff;
  stroke-width: 1.5px;
}

.cls-2 {
  stroke-linecap: round;
  stroke-linejoin: round;
}




.cb_svg1, .cb_svg2, .cb_svg3, .cb_svg4,
.rb-svg1, .rb-svg2, .rb-svg3, .rb-svg4,
.hl-svg1, .hl-svg2, .hl-svg3, .hl-svg4
{
  position: absolute;
  z-index: 1;
  opacity: 0;
}
.cb_svg1, .rb-svg1{
  top: 0;
  left: 0;
  width: 300px;
  opacity: 0;
}
.hl-svg2{
  bottom: 0;
  left: 0;
  width:300px;
  opacity: 0;
}
.hl-svg3{
  top: 0;
  right: 0;
  width:300px;
  opacity: 0;
}
.hl-svg4{
  bottom: 0;
  right: 0;
  width:300px;
  opacity: 0;
}
.hl-svg1{
  top: 0;
  left: 0;
  width:300px;
  opacity: 0;
}
.cb_svg2{
  width: 400px;
  top: 0;
  right: 0;
  opacity: 0;
}
.rb-svg2{
  left: 0;
  bottom: 0;
  width: 300px;
  opacity: 0;
}
.cb_svg3{
  width: 400px;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.rb-svg3{
  right: 0;
  top: 0;
  width: 400px;
  opacity: 0;
}
.rb-svg4{
  right: 0;
  bottom: 0;
  width: 300px;
  opacity: 0;
}

.cb_svg4{
  width: 200px;
  bottom: -160px;
  right: 0;
  opacity: 0;
}
.cls-1cb {
  clip-path: url(#clippath);
}

.cls-2cb, .cls-3cb {
  fill: none;
}

.cls-3cb {
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5px;
}
.cls-1rb {
  clip-path: url(#clippath);
}

.cls-2rb, .cls-3rb {
  fill: none;
}

.cls-3rb {
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5px;
}

.repeater-scents1:hover svg, .repeater-scents2:hover svg, .repeater-scents3:hover svg{
  opacity:1 !important;
}
/* responsive */
@media (max-width:1199px){
  .scents_bImg{
    height: 500px;
  }
}
@media (max-width:991px){
  .scents_bImg {
    height: auto;
    min-height: 420px;
    margin-bottom:10px;
  }
  @media (max-width:500px){
  .scents_bImg {
    min-height: 220px;
  }
  .scent-row .span6{
    width: 100%;
    margin:0;
  }
  .repeater-scents{
    margin:10px 0px;
  }
}
@media (max-width:767px){
  .scent_main h2{
    font-size: 2rem;
  }
  .go-to-shop {
    font-size: 1.3rem;
    margin-left: auto;
    margin-top: 20px;
  }
  .go-to-shop span{
    margin-left: 10px;
  }
  .go-to-shop span svg {
    width: 22px;
  }
  .scents_btext h2{
    font-size: 2.5rem;
  }
  .scents-big-block{
    padding: 40px;
  }
  .scents_btext p, .scents_btext p+div{
    margin: 10px 0px;
  }
  .shop-btn{
    height: 58px;
    width: 100%;    
    font-size: 1.5rem;
  }

  .repeater-scents{
    padding: 40px;
  }
  .rs_text h2{
    font-size: 2rem;
  }
  .scent_sImg{
    height: auto;
    right: -150px;
    top: -20px;
    width: 380px;
  }
  .cb_svg1, .rb-svg1, .rb-svg2, .rb-svg4, .hl-svg1, .hl-svg2, .hl-svg3, .hl-svg4{
    width:200px;
  }
  .rb-svg3, .cb_svg2, .cb_svg3{
    width: 250px;
  }

}
  
  

{# Custom Styles for alt image cards (64oz) #}
.scents_btext>p.scents_btext__description{
  margin-bottom: 0px;
}
.rose-image-large,
.hush-image-large,
.citrus-image-large{
  display: flex;
  align-items: center;
  transition: 0.5s;
  height: auto;
}
.rose-image-large>img,
.hush-image-large>img,
.citrus-image-large>img{
  height: 100%;
  object-fit: contain;
  transition: 0.5s;
}
@media (max-width:767px){
  .rose-image-large img,
  .hush-image-large img,
  .citrus-image-large img{
    height: 308px !important;
  }
  .rose-image-large,
  .hush-image-large,
  .citrus-image-large{
    top: -50px;
  }
}

.coco-image-large{
  display: flex;
  align-items: center;
}
.coco-image-large>img{
  height: 100%;
  object-fit: contain;
  transition: 0.5s;
}
  
  

@media (max-width:992px){
  .coco-image-large{
    height: auto;
    top: 0px;
  }
  .coco-image-large img{
    height: 100% !important;
  }
  
  .scents-big-block{
    padding: 100px 20px 60px;
  }
  .repeater-scents {
    padding: 50px 20px;
  }
  
  .scent_sImg {
    width: 503px;
    height: 278px;
    display: block;
    position: absolute;
    top: 26px;
    right: -220px;
    z-index: 9;
  }
}
  
  @media(max-width: 767px){
    .scent_sImg {
      width: 471px;
      height: 223px;
      display: block;
      position: absolute;
      top: 2px;
      right: -220px;
      z-index: 9;
    }
  }