.elementor-1844 .elementor-element.elementor-element-7cbe8bd{--display:flex;--min-height:230px;--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;--justify-content:center;}.elementor-1844 .elementor-element.elementor-element-7cbe8bd:not(.elementor-motion-effects-element-type-background), .elementor-1844 .elementor-element.elementor-element-7cbe8bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#193169;}.elementor-1844 .elementor-element.elementor-element-4c04095{--display:flex;}.elementor-1844 .elementor-element.elementor-element-b2754e3{--spacer-size:50px;}.elementor-1844 .elementor-element.elementor-element-c268cf0{--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:0px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-1844 .elementor-element.elementor-element-4e2f807{--display:flex;}.elementor-1844 .elementor-element.elementor-element-3d0de58{--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:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1844 .elementor-element.elementor-element-8b3b62d{--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:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1844 .elementor-element.elementor-element-d1babbc{--display:flex;}.elementor-1844 .elementor-element.elementor-element-4035c81{--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:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-1844 .elementor-element.elementor-element-da66ec8{--display:flex;}.elementor-1844 .elementor-element.elementor-element-cd6d860{--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:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-1844 .elementor-element.elementor-element-b3e7f15{--display:flex;}.elementor-1844 .elementor-element.elementor-element-b501df7{--display:flex;}.elementor-1844 .elementor-element.elementor-element-6359ea9{--spacer-size:50px;}/* Start custom CSS for html, class: .elementor-element-ea06928 */.bandwidth-slider-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.bandwidth-values {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.bandwidth-amount,
.bandwidth-price {
  font-size: 20px;
  font-weight: bold;
}

.slider-container {
  position: relative;
  padding-top: 10px;
}

/* Slider base style */
.bandwidth-slider {
  width: 100%;
  height: 8px;
  -webkit-appearance: none;
  background: #e5e7eb;
  border-radius: 8px;
  outline: none;
}

/* Slider thumb for Webkit browsers */
.bandwidth-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #2563eb;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

/* Slider thumb for Firefox */
.bandwidth-slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #2563eb;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

.ticks-container {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding: 0 10px;
  position: relative;
}

.tick {
  position: relative;
  width: 2px;
  height: 8px;
  background: #d1d5db;
}

.tick-label {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #6b7280;
}/* End custom CSS */
/* Start custom CSS */.bandwidth-slider-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.bandwidth-values {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.bandwidth-amount,
.bandwidth-price {
  font-size: 20px;
  font-weight: bold;
}

.slider-container {
  position: relative;
  padding-top: 10px;
}

.bandwidth-slider {
  width: 100%;
  height: 8px;
  -webkit-appearance: none;
  background: #e5e7eb;
  border-radius: 8px;
  outline: none;
}

.bandwidth-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #2563eb;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

.bandwidth-slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #2563eb;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

.ticks-container {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding: 0 10px;
}

.tick {
  position: relative;
  width: 2px;
  height: 8px;
  background: #d1d5db;
}

.tick-label {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #6b7280;
}/* End custom CSS */