.video-and-product{gap:50px;height:auto;padding:0 24px 100px}
@media(max-width:576px){.video-and-product{margin:0 auto;padding:0 24px 12px}
}.video-and-product .video-wrapper{position:relative}
.video-and-product .video-wrapper .video-large{display:block !important;width:100%;height:auto;max-height:550px;border-radius:20px;-o-object-fit:cover;object-fit:cover;position:relative}
@media(max-width:576px){.video-and-product .video-wrapper .video-large{height:350px;border-radius:0}
}.video-and-product .video-wrapper .play{display:none;position:absolute;width:35px;height:35px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:125px;z-index:9;cursor:pointer}
@media(max-width:576px){.video-and-product .video-wrapper .play{bottom:100px;width:28px;height:28px}
}.video-and-product .video-wrapper .pause{position:absolute;width:35px;height:35px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:125px;z-index:9;cursor:pointer}
@media(max-width:576px){.video-and-product .video-wrapper .pause{bottom:100px;width:28px;height:28px}
}.video-and-product .video-wrapper .video-text{border-radius:100px;padding:10px 42px;width:100%;position:absolute;left:0;right:0;bottom:50px}
@media(max-width:576px){.video-and-product .video-wrapper .video-text{bottom:5%;padding:8px 30px}
}.video-and-product .video-wrapper .video-text h3{background-color:rgba(217,217,217,0.65);font-size:22px;color:#fff;font-weight:400;padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;border-radius:100px}
@media(max-width:991px){.video-and-product .video-wrapper .video-text h3{font-size:20px}
}@media(max-width:576px){.video-and-product .video-wrapper .video-text h3{font-size:18px}
}.video-and-product .card{margin-top:24px;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:.5s;transition:.5s;-webkit-transform:rotateY(0);transform:rotateY(0);height:auto;min-height:450px}
@media(max-width:991px){.video-and-product .card{padding:20px}
}.video-and-product .card.swapped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.video-and-product .card .product-card{width:100%;min-height:550px;height:auto;background-color:var(--color_pure-white);border-radius:18px;padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-repeat:no-repeat;background-size:cover;background-position:center}
.video-and-product .card .product-card .product-name-card{color:var(--color_pure-white)}
.video-and-product .card .product-card .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);border-radius:18px;z-index:-1}
@media(max-width:576px){.video-and-product .card .product-card{min-height:420px}
}.video-and-product .card .product-card .card-top{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.video-and-product .card .product-card .card-main{display:grid;grid-template-columns:repeat(3,1fr);gap:215px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:235px}
@media(max-width:1200px){.video-and-product .card .product-card .card-main{gap:100px}
}@media(max-width:768px){.video-and-product .card .product-card .card-main{gap:50px}
}@media(max-width:576px){.video-and-product .card .product-card .card-main{gap:24px;min-height:155px}
}.video-and-product .card .product-card .card-main .shapes{width:100%;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.video-and-product .card .product-card .card-main .shapes .shape-icon{width:100%;max-width:165px}
@media(max-width:576px){.video-and-product .card .product-card .card-main .shapes .shape-icon{max-width:70px}
}@media(max-width:576px){.video-and-product .card .product-card .card-main .shapes p{font-size:13px}
}.video-and-product .card .product-card .card-action{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.video-and-product .card .product-card .card-action .card-swap{max-width:35px;cursor:pointer}
.video-and-product .card .product-card:first-of-type{z-index:2}
.video-and-product .card .product-card:nth-of-type(2){-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.video-and-product .card .product-card.swapped-card{height:auto}
@media(max-width:576px){.video-and-product .card .product-card.swapped-card{min-height:420px}
}.video-and-product .card .product-card.swapped-card .product-name-card{color:var(--color_black)}
.video-and-product .card .product-card.swapped-card .card-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.video-and-product .card .product-card.swapped-card .card-main p{margin:0}
.video-and-product .card .product-card.swapped-card .card-main a{text-decoration:underline}