.elementor-11421 .elementor-element.elementor-element-649ddb5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11421 .elementor-element.elementor-element-649ddb5:not(.elementor-motion-effects-element-type-background), .elementor-11421 .elementor-element.elementor-element-649ddb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}#elementor-popup-modal-11421 .dialog-widget-content{background-color:#02010100;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-11421{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-11421 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-11421 .dialog-close-button{display:flex;}/* Start custom CSS for html, class: .elementor-element-723cde7 */.custom-video-wrapper {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: auto;
}

.custom-video-wrapper video {
  width: 100%;
  display: block;
  pointer-events: none;
  border-radius: 40px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}



.custom-play-btn,
.custom-pause-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  transform: translate(-50%, -50%) scale(1);
  cursor: pointer;
  z-index: 10;
  transition: transform 0.3s ease, opacity 0.3s ease;
  display: none;
  opacity: 0;
}

.custom-play-btn.show {
  display: block !important;
  opacity: 1;
}

.custom-video-wrapper:hover .custom-pause-btn.playing {
  display: block;
  opacity: 0.9;
}

.custom-play-btn:hover,
.custom-pause-btn:hover {
  transform: translate(-50%, -50%) scale(1.2);
}

.custom-volume-control {
  position: absolute;
  bottom: 15px;
  right: 20px;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  padding: 10px;
  border-radius: 50%;
  z-index: 10;
  transition: all 0.3s ease;
  width: 36px;
  height: 36px;
  overflow: hidden;
}



.custom-volume-control:hover {
  width: 120px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.75);
  padding: 6px 12px;
}

.volume-icon-white,
.volume-icon-colored,
.volume-icon-muted {
  position: absolute;
  width: 18px;
  height: 18px;
  transition: opacity 0.3s ease;
  cursor: pointer;
  display: none;
}

.volume-icon-white {
  display: block;
}

.custom-volume-control:hover .volume-icon-white {
  display: none;
}

.custom-volume-control:hover .volume-icon-colored {
  display: block;
}

.custom-volume-control.muted .volume-icon-white,
.custom-volume-control.muted .volume-icon-colored {
  display: none !important;
}

.custom-volume-control.muted .volume-icon-muted {
  display: block;
}

.volume-slider {
  flex: 1;
  margin-left: 28px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  -webkit-appearance: none;
  appearance: none;
  height: 4px;
  border-radius: 4px;
  background: #ccc;
  outline: none;
  overflow: hidden;
}

.custom-volume-control:hover .volume-slider {
  opacity: 1;
  pointer-events: auto;
}

.volume-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  background: #CA4DE8;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  margin-top: -4px;
}

.volume-slider::-webkit-slider-runnable-track {
  background: linear-gradient(to right, #CA4DE8 var(--val, 50%), #ccc var(--val, 50%));
  height: 4px;
  border-radius: 4px;
  overflow: hidden;
}

.volume-slider::-moz-range-thumb {
  width: 12px;
  height: 12px;
  background: #CA4DE8;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

.volume-slider::-moz-range-progress {
  background-color: #CA4DE8;
  height: 4px;
  border-radius: 4px;
}

.volume-slider::-moz-range-track {
  background-color: #ccc;
  height: 4px;
  border-radius: 4px;
}


.volume-icon-white {
  display: block;
  opacity: 1;
}

.volume-icon-colored,
.volume-icon-muted {
  display: none;
  opacity: 0;
}

.custom-volume-control:hover .volume-icon-white {
  display: none;
  opacity: 0;
}

.custom-volume-control:hover .volume-icon-colored {
  display: block;
  opacity: 1;
}

.custom-volume-control.muted .volume-icon-white {
  display: none !important;
  opacity: 0 !important;
}
.custom-volume-control.muted .volume-icon-colored {
  display: none !important;
  opacity: 1 !important;
}
.custom-volume-control.muted .volume-icon-muted {
  display: block !important;
  opacity: 1 !important;
}

.custom-volume-control.muted:not(:hover) .volume-icon-colored {
  display: none !important;
  opacity: 1 !important;
}

.custom-fullscreen-btn {
  position: absolute;
  bottom: 15px;
  left: 20px;
  width: 32px;
  height: 32px;
  z-index: 10;
  cursor: pointer;
  display: none;
}


@media (max-width: 768px) {
  .custom-fullscreen-btn {
    display: block;
  }
}

:fullscreen .custom-pause-btn.playing {
  display: block !important;
  opacity: 0.9 !important;
}

:-webkit-full-screen .custom-pause-btn.playing {
  display: block !important;
  opacity: 0.9 !important;
}

.custom-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 40px !important;
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 5;
  pointer-events: none;
}

.custom-thumb.show {
  opacity: 1;
}


:fullscreen .custom-pause-btn.playing,
:-webkit-full-screen .custom-pause-btn.playing {
  display: block !important;
  opacity: 0.9 !important;
}

.custom-loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top: 4px solid #CA4DE8;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  z-index: 15;
  display: none;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}/* End custom CSS */