.offer-block {
border-radius: 20px;
background: #FFE6FF;
padding: 20px;
}
.showcase-title {
text-align: center;
color: #af37a3;
font-size: 3rem;
}
.video-container-web {
display: flex;
justify-content: center;
align-items: center;
position: relative;
background: #f0f0f0;
height: 85vh;
background-image: url("/wp-content/uploads/2024/06/vc-WEB_V01.png"  );
background-position: bottom ; center;
background-size: cover;
flex-direction: column;
background-color: black;
}
.web-image-back {
background-image: url("/wp-content/uploads/2024/06/pexels-geri-tech-3769679-14158915.jpg"  );
background-position: bottom ; center;
background-size: cover;
border-radius: 20px;
background-color: black;
margin: 0;
}
.overlay-web {
display: flex;
justify-content: space-between;
width: 90%;
/*max-width: 1200px;*/
padding: 20px;
border-radius: 8px;
}
.overlay-web-left {
flex: 2.5;
margin-right: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.overlay-web-right {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.overlay-web-right video {
width: 100%;
max-width: 400px;
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
}
.overlay-web-left h2 {
font-size: 3em;
line-height: 1.2em;
}
.overlay-web-left p {
color:  white;
}
.contenedor-padre-web {
display: flex;
justify-content: center;
align-items: center;
height: auto;
margin-top: 60px;
}
.owl-carousel-web {
width: 100%;
max-width: 1200px;
}
.owl-carousel-web .item img {
width: 100%;
border-radius: 20px;
}
.owl-carousel-phone {
width: 100%;
max-width: 1200px;
}
.owl-carousel-phone .item img {
width: 268px;
height: auto;
border-radius: 20px;
max-height: 570px;

object-fit: cover;
}
.owl-carousel-logo .figure {
display: flex;
justify-content: center;
align-items: center;
height: 100px;
}
.owl-carousel-logo .figure img {
max-width: 100px;
width: 100%;
height: auto;
filter: grayscale(100%);
}
.view, .view-web {
position: absolute;
top: 5px;
right: 30px;
width: 50px !important  ;
height: 50px !important ;
cursor: pointer;
}
.view-web {
top: 20px;
}
.overlay-web-right video {
max-width: 250px;
border-radius: 20px;
}
.button-content a {
text-decoration: none;
}
.video-container-vimeo {
position: relative;
width: 100%;
height: 100%;
max-width: 300px;
max-height: 530px;
/*border-radius: 20px;*/
overflow: hidden;
/*box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;*/
}
.video-container-vimeo iframe {
width: 300px !important;
height: 530px !important;
/*border-radius: 20px;*/

}
.overlay-vimeo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1;
}
.form-web-container {
border: 1px solid #a51c97; padding: 30px;width: 77%; border-radius: 20px;
}
@media (max-width:1200px) {
.overlay-web-left h2 {
font-size: 2em;
}
}
@media (max-width: 992px) {
.button-content-web {
flex-direction: column;
margin: 0 0 15px 0;
}
.button-content a  {
width: 50%;
}
.text-content-2023 {
padding: 10px;
}
.view {
right: 80px;
}
.view-web {
top: 15px;
right: 10px;
}
.video-container-web {
height: 100vh;
}
.overlay-web {
flex-direction: column;
align-items: center;
text-align: center;
width: 100%;
height: 100%;
}
.overlay-web-left, .overlay-web-right {
margin: 0;
width: 100%;
}
.overlay-web-right video {
max-width: 170px;
}
.desktop .owl-stage-outer, .desktop .owl-item, .item {
height: 100%;
text-align: center;
align-items: center;
display: flex;
justify-content: center;
}
.contenedor-padre-web {
height: auto;
}
.overlay-web-left h2 {
font-size: 1em;
line-height: 1.5em;
text-align: left;
}
.overlay-web-left p {
padding: 10px 0;
text-align: left;
font-size: 16px;
}
}
@media only screen and (max-width:768px) {
.video-container-vimeo iframe {
height: 400px !important;
width: 223px !important;
/*border-radius: 20px;*/
}
.video-container-vimeo {
box-shadow:unset;
}
.form-web-container {
padding: 30px;
width: 100%;
}
}
@media screen and (max-width:400px) {
.video-container-vimeo iframe {
height: 300px !important;
width: 100% !important;
/*border-radius: 20px;*/
}
.button-content-web {
font-size: 10px;
}
.overlay-web-left p {
padding:  0;
text-align: left;
font-size: 0.9em;
line-height: 1em;
}
}