@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css");


#csob-advert-custom .image-container-top {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}

#csob-advert-custom .image-container {
position: relative;
}

#csob-advert-custom .csob-advert-video-wrap .image {
width: 100%;
max-width: 800px;
height: auto;
}

#csob-advert-custom .area {
position: absolute;
width: 17%;
height: 40%;
cursor: pointer;
top: -30px;
}

#csob-advert-custom #client-area {
right: 20%;
top: 8%;
}

#csob-advert-custom #cooperation-area {
right: 0;
top: 8%;
}

#csob-advert-custom #effectiveness-area {
right: 20%;
top: 50%;
}

#csob-advert-custom #adaptability-area {
top: 50%;
right: 0;
}

#csob-advert-custom .area .tooltip-text {
position: absolute;
background-color: rgba(0, 0, 0, 0.7);
color: white;
padding: 8px;
border-radius: 5px;
font-size: 14px;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease;
top: -30px;
left: 50%;
transform: translateX(-50%);
pointer-events: none;
z-index: 10;
text-align: justify;
min-width: 250px;
}

#csob-advert-custom .area:hover .tooltip-text {
visibility: visible;
opacity: 1;
}

#csob-advert-custom #csob-advert-video .csob-advert-video-wrap {
justify-content: center;
align-items: center;
flex-direction: column;
display: flex;
}