body.page-id-38 {
    /* Add custom styles here */
    background-image: url('http://test.ekkstein.com/wp-content/uploads/2024/06/bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.logoCTB {
    top:1vh;
    left : 1vw;
    width: 10vw;
    height: 10vh;
    position: fixed;
  }
.page-id-38 .carousel-page-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

.wpc-carousel-item {
    width: 90vw;
}
.slick-slide img {
    display: block;
    clip-path: polygon(0% 85.981%, 0% 85.981%, 1.489% 81.153%, 2.856% 76.325%, 4.074% 71.498%, 5.119% 66.67%, 5.964% 61.843%, 6.583% 57.014%, 6.952% 52.186%, 7.045% 47.356%, 6.835% 42.526%, 6.298% 37.694%, 6.298% 37.694%, 5.871% 34.963%, 5.4% 32.232%, 4.898% 29.502%, 4.377% 26.772%, 3.848% 24.041%, 3.323% 21.311%, 2.815% 18.58%, 2.335% 15.85%, 1.896% 13.119%, 1.509% 10.388%, 1.509% 10.388%, 1.753% 9.039%, 2.812% 7.744%, 4.639% 6.515%, 7.185% 5.359%, 10.404% 4.286%, 14.247% 3.307%, 18.666% 2.43%, 23.615% 1.665%, 29.045% 1.021%, 34.908% 0.509%, 34.908% 0.509%, 43.241% 0.092%, 51.932% 0.011%, 60.689% 0.253%, 69.225% 0.803%, 77.248% 1.649%, 84.47% 2.777%, 90.601% 4.173%, 95.351% 5.822%, 98.43% 7.713%, 99.55% 9.831%, 99.55% 9.831%, 99.513% 11.385%, 99.36% 12.939%, 99.114% 14.493%, 98.799% 16.047%, 98.439% 17.601%, 98.059% 19.155%, 97.682% 20.709%, 97.333% 22.264%, 97.036% 23.818%, 96.814% 25.373%, 96.814% 25.373%, 96.495% 28.064%, 96.158% 30.756%, 95.819% 33.448%, 95.495% 36.14%, 95.203% 38.832%, 94.957% 41.524%, 94.776% 44.216%, 94.674% 46.908%, 94.669% 49.599%, 94.777% 52.29%, 94.777% 52.29%, 95.054% 55.833%, 95.426% 59.375%, 95.877% 62.917%, 96.392% 66.46%, 96.954% 70.001%, 97.549% 73.543%, 98.159% 77.085%, 98.769% 80.627%, 99.365% 84.169%, 99.929% 87.711%, 99.929% 87.711%, 100.004% 88.714%, 99.888% 89.703%, 99.529% 90.676%, 98.875% 91.631%, 97.876% 92.566%, 96.48% 93.478%, 94.635% 94.365%, 92.292% 95.226%, 89.398% 96.057%, 85.901% 96.858%, 85.901% 96.858%, 81.865% 97.623%, 77.69% 98.285%, 73.373% 98.842%, 68.913% 99.293%, 64.309% 99.634%, 59.558% 99.865%, 54.66% 99.984%, 49.612% 99.987%, 44.412% 99.874%, 39.06% 99.642%, 39.06% 99.642%, 33.492% 99.286%, 28.327% 98.842%, 23.577% 98.308%, 19.254% 97.687%, 15.371% 96.978%, 11.941% 96.182%, 8.975% 95.301%, 6.487% 94.335%, 4.487% 93.284%, 2.99% 92.15%, 2.99% 92.15%, 2.416% 91.545%, 1.954% 90.935%, 1.585% 90.321%, 1.289% 89.704%, 1.048% 89.084%, 0.844% 88.464%, 0.656% 87.842%, 0.466% 87.221%, 0.254% 86.6%, 0.003% 85.981%);
	margin: auto;
    height: 75vh;
    width: auto;
}

.a-left .control-c .prev .slick-prev .slick-arrow{
    position: fixed;
    width: 20vw;
    left: 10vw;
    top: 50vh;
    }

    .a-right .control-c .next .slick-next .slick-arrow {
        position: fixed;
    width: 20vw;
    right: 10vw;
    top: 50vh;
    }

    #co {
        background-color: transparent;
        
        right: 10vw;
    }

img.checkout, img.buy-now {
    width: 5vw;
    height: auto;
    position:fixed;
    bottom:5vh;
    right: 5vw;
}

#co{
    color:rgba(0, 0, 0, 0);
}
    


.page-id-38 .wcp-carousel {
    width: 75%;
		margin: auto;
    max-width: 600px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border: rgba(0, 0, 0, 0.1);
	border-radius: 25px;
	list-style: none;
	
}

ul.slick-dots {
	list-style:none;
}
.slick-dots li button {
    display: none;
}


@media (max-width: 768px) {
    .page-id-38.carousel-page-wrapper {
        padding: 20px;
    }

    .page-id-38 .wcp-carousel {
        max-width: 100%;
        padding: 10px;
    }
}

.site-header{
    display:none !important;
}

.site-footer{
    display:none !important;
}

#menu {
    z-index: 2;
  }
  
  #menu-bar {
    width: 5vh;
    height: 5vh;
   padding: 8px 1px 1px 2px ;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    
    
  }
  
  .bar {
    height: 5px;
    width: 100%;
    background-color: #f5959a;
    display: block;
    border-radius: 25px;
    transition: 0.3s ease;
  }
  
  #bar1 {
    transform: translateY(-4px);
  }
  
  #bar3 {
    transform: translateY(4px);
  }
  
  .nav {
    transition: 0.3s ease;
    display: none;
  }
  
  .nav ul {
    padding: 0 22px;
  }
  
  .nav li {
    list-style: none;
    padding: 12px 0;
  }
  
  .nav li a {
    color: white;
    font-size: 20px;
    text-decoration: none;
  }
  
  .nav li a:hover {
    font-weight: bold;
  }
  
  /* #menu {
  
  } */

  .menu-bg, #menu {
    top: 5vh;
   right: 5vw;
    position: absolute;
   
  }

  

  .menu-bg{
    background: rgba(0, 0, 0, 0);
  }


 
  
  .menu-bg {
    z-index: 1;
    width: 0;
    height: 0;
    margin: 20px 0 30px 20px;
    background: radial-gradient(circle, #f5959a, #f5959a);
    border-radius: 50%;
    transition: 0.3s ease;
  }
  
  .change {
    display: block;
  }
  
  .change .bar {
    background-color: white;
  }
  
  .change #bar1 {
    transform: translateY(4px) rotateZ(-45deg);
  }
  
  .change #bar2 {
    opacity: 0;
  }
  
  .change #bar3 {
    transform: translateY(-6px) rotateZ(45deg);
  }
  
  .change-bg {
    width: 520px;
    height: 460px;
    transform: translate(60%,-30%);
  }

  #menu-bar.change{
    background: rgba(0, 0, 0, 0);
  }