.elementor-737 .elementor-element.elementor-element-4e0664e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;}.elementor-737 .elementor-element.elementor-element-0d83791{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-737 .elementor-element.elementor-element-7fca086{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-737 .elementor-element.elementor-element-8f4f596{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-737 .elementor-element.elementor-element-f4dcf85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-737 .elementor-element.elementor-element-0d83791{--width:25%;}.elementor-737 .elementor-element.elementor-element-7fca086{--width:25%;}.elementor-737 .elementor-element.elementor-element-8f4f596{--width:25%;}.elementor-737 .elementor-element.elementor-element-f4dcf85{--width:25%;}}/* Start custom CSS for bdt-progress-pie, class: .elementor-element-0897d72 */#scrollProgressBar {
    width: 100%;
    height: 20px;
    appearance: none;
}

#scrollProgressBar::-webkit-progress-bar {
    background-color: #f3f3f3;
}

#scrollProgressBar::-webkit-progress-value {
    background-color: #4caf50;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-648a340 */.circle-progress {
  width: 150px; /* ปรับขนาดได้ตามต้องการ */
  height: 150px;
  border-radius: 50%;
  background-color: #ddd; /* สีพื้นหลังวงกลม */
  position: relative;
}

.circle-progress__bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #4CAF50; /* สีของส่วนโค้ง */
  transform: rotate(-90deg);
}

.circle-progress__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px; /* ปรับขนาดตัวอักษรได้ตามต้องการ */
}/* End custom CSS */