.elementor-440 .elementor-element.elementor-element-767d2de{--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;--padding-top:60px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--position:absolute;top:0px;--z-index:1;}body:not(.rtl) .elementor-440 .elementor-element.elementor-element-767d2de{right:0px;}body.rtl .elementor-440 .elementor-element.elementor-element-767d2de{left:0px;}.elementor-440 .elementor-element.elementor-element-f59f0d8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-440 .elementor-element.elementor-element-a7c8c69 .elementor-button{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );background-color:#0055FF00;transition-duration:0.2s;border-style:none;border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-440 .elementor-element.elementor-element-a7c8c69{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-440 .elementor-element.elementor-element-a7c8c69.elementor-element{--align-self:center;}.elementor-440 .elementor-element.elementor-element-0d7955b .elementor-button{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:500;fill:var( --e-global-color-text );color:var( --e-global-color-text );background-color:#0055FF00;transition-duration:0.2s;border-style:none;border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-440 .elementor-element.elementor-element-0d7955b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-440 .elementor-element.elementor-element-0d7955b.elementor-element{--align-self:center;}.elementor-440 .elementor-element.elementor-element-0810508.elementor-element{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-440 .elementor-element.elementor-element-7d8554f .elementor-heading-title{color:#0A1A21;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}.elementor-440:not(.elementor-motion-effects-element-type-background), .elementor-440 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}/* Start custom CSS for html, class: .elementor-element-0810508 *//* === Volume Slider: Thin line + outlined circular thumb === */
#threeVolume {
  -webkit-appearance: none;
  appearance: none;
  width: 100px;
  height: 2px;
  background: #0A1A21; /* track color */
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.85;
  vertical-align: middle;
  transition: opacity 0.2s ease;
}

#threeVolume:hover {
  opacity: 1;
}

/* --- Circle thumb (WebKit: Chrome, Safari, Edge) --- */
#threeVolume::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #0A1A21; /* ✅ added border style */
  background: transparent;   /* outlined circle */
  margin-top: -6px;          /* centers thumb vertically */
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

#threeVolume::-webkit-slider-thumb:hover {
  transform: scale(1.1);
  border-color: #0A1A21;
}

/* --- Circle thumb (Firefox) --- */
#threeVolume::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border: 1px solid #0A1A21; /* ✅ fixed and consistent */
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

#threeVolume::-moz-range-thumb:hover {
  transform: scale(1.1);
  border-color: #0A1A21;
}

/* --- Firefox track --- */
#threeVolume::-moz-range-track {
  background: #0A1A21;
  height: 1px;
  border-radius: 1px;
}/* End custom CSS */