.elementor-2073 .elementor-element.elementor-element-ebc266a{--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;}.elementor-2073 .elementor-element.elementor-element-98bd049 .cz_title .cz_title_content h2{color:#1c2d5a;}.elementor-2073 .elementor-element.elementor-element-98bd049 .cz_title .cz_title_content h3{color:#1c2d5a;}.elementor-2073 .elementor-element.elementor-element-a389be8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2073 .elementor-element.elementor-element-8637903{--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;}.elementor-2073 .elementor-element.elementor-element-8637903.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2073 .elementor-element.elementor-element-c12e7dc{--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;}.elementor-2073 .elementor-element.elementor-element-2c0b440 .progress_bar p{color:#1c2d5a;font-weight:600;}.elementor-2073 .elementor-element.elementor-element-2c0b440 .progress_bar i{color:#1c2d5a;}.elementor-2073 .elementor-element.elementor-element-2c0b440 .progress_bar b{color:#ffffff;font-size:0px;background-color:rgba(255,255,255,0.01);width:0px;height:0px;}.elementor-2073 .elementor-element.elementor-element-2c0b440 .progress_bar span{background-color:#dabc7c;padding-top:4px;padding-bottom:4px;}.elementor-2073 .elementor-element.elementor-element-28cc200 .progress_bar p{color:#1c2d5a;font-weight:600;}.elementor-2073 .elementor-element.elementor-element-28cc200 .progress_bar i{color:#1c2d5a;}.elementor-2073 .elementor-element.elementor-element-28cc200 .progress_bar b{color:#ffffff;font-size:0px;background-color:rgba(255,255,255,0.01);width:0px;height:0px;}.elementor-2073 .elementor-element.elementor-element-28cc200 .progress_bar span{background-color:#dabc7c;padding-top:4px;padding-bottom:4px;}.elementor-2073 .elementor-element.elementor-element-ddfb7d1 .progress_bar p{color:#1c2d5a;font-weight:600;}.elementor-2073 .elementor-element.elementor-element-ddfb7d1 .progress_bar i{color:#1c2d5a;}.elementor-2073 .elementor-element.elementor-element-ddfb7d1 .progress_bar b{color:#ffffff;font-size:0px;background-color:rgba(255,255,255,0.01);width:0px;height:0px;}.elementor-2073 .elementor-element.elementor-element-ddfb7d1 .progress_bar span{background-color:#dabc7c;padding-top:4px;padding-bottom:4px;}.elementor-2073 .elementor-element.elementor-element-0ddf27a .progress_bar p{color:#1c2d5a;font-weight:600;}.elementor-2073 .elementor-element.elementor-element-0ddf27a .progress_bar i{color:#1c2d5a;}.elementor-2073 .elementor-element.elementor-element-0ddf27a .progress_bar b{color:#ffffff;font-size:0px;background-color:rgba(255,255,255,0.01);width:0px;height:0px;}.elementor-2073 .elementor-element.elementor-element-0ddf27a .progress_bar span{background-color:#dabc7c;padding-top:4px;padding-bottom:4px;}.elementor-2073 .elementor-element.elementor-element-43d2e9a .progress_bar p{color:#1c2d5a;font-weight:600;}.elementor-2073 .elementor-element.elementor-element-43d2e9a .progress_bar i{color:#1c2d5a;}.elementor-2073 .elementor-element.elementor-element-43d2e9a .progress_bar b{color:#ffffff;font-size:0px;background-color:rgba(255,255,255,0.01);width:0px;height:0px;}.elementor-2073 .elementor-element.elementor-element-43d2e9a .progress_bar span{background-color:#dabc7c;padding-top:4px;padding-bottom:4px;}.elementor-2073 .elementor-element.elementor-element-ea1e8b5{--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;}.elementor-2073 .elementor-element.elementor-element-abbd816{--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;}.elementor-2073 .elementor-element.elementor-element-0d9ec34 .cz_gap{height:30px;}.elementor-2073 .elementor-element.elementor-element-5af9e580 .cz_content_box{box-shadow:0px 2px 40px 0px rgba(0,0,0,0.1);}.elementor-2073 .elementor-element.elementor-element-5af9e580 .cz_box_front_inner{color:#000000;background-color:#ffffff;padding:40px;}.elementor-2073 .elementor-element.elementor-element-4bd4df5a .cz_content_box{box-shadow:0px 2px 40px 0px rgba(0,0,0,0.1);}.elementor-2073 .elementor-element.elementor-element-4bd4df5a .cz_box_front_inner{color:#000000;background-color:#ffffff;padding:40px;}@media(max-width:767px){.elementor-2073 .elementor-element.elementor-element-5af9e580 .cz_box_front_inner{text-align:center;}.elementor-2073 .elementor-element.elementor-element-4bd4df5a .cz_box_front_inner{text-align:center;}}@media(min-width:768px){.elementor-2073 .elementor-element.elementor-element-8637903{--width:15%;}.elementor-2073 .elementor-element.elementor-element-c12e7dc{--width:70%;}.elementor-2073 .elementor-element.elementor-element-ea1e8b5{--width:15%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2073 .elementor-element.elementor-element-496895a0{width:100%;}.elementor-2073 .elementor-element.elementor-element-261743f7{width:100%;}}/* Start custom CSS for cz_progress_bar, class: .elementor-element-2c0b440 *//* Hide the percentage text */
.codex-progress-bar-percent {
  display: none !important;
}

/* Ensure bar structure behaves correctly */
.codex-progress-bar-line {
  position: relative;
  overflow: visible !important; /* allow arrow to show outside */
}

/* Arrow that follows the fill */
.codex-progress-bar-fill {
  position: relative;
  transition: width 2s linear !important; /* smooth fill */
}

/* Add arrow icon */
.codex-progress-bar-fill::after {
  content: "➜"; /* You can change to → or ► */
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  font-size: 18px;
  color: #d8b46c; /* same color as your progress bar */
  transition: right 2s linear;
  pointer-events: none;
}

/* Optional: subtle glowing arrow effect */
.codex-progress-bar-fill::after {
  animation: arrowPulse 1.5s infinite ease-in-out;
}

@keyframes arrowPulse {
  0%, 100% {
    transform: translate(50%, -50%) scale(1);
    opacity: 0.8;
  }
  50% {
    transform: translate(50%, -50%) scale(1.2);
    opacity: 1;
  }
}/* End custom CSS */
/* Start custom CSS for cz_progress_bar, class: .elementor-element-28cc200 *//* Hide the percentage text */
.codex-progress-bar-percent {
  display: none !important;
}

/* Ensure bar structure behaves correctly */
.codex-progress-bar-line {
  position: relative;
  overflow: visible !important; /* allow arrow to show outside */
}

/* Arrow that follows the fill */
.codex-progress-bar-fill {
  position: relative;
  transition: width 2s linear !important; /* smooth fill */
}

/* Add arrow icon */
.codex-progress-bar-fill::after {
  content: "➜"; /* You can change to → or ► */
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  font-size: 18px;
  color: #d8b46c; /* same color as your progress bar */
  transition: right 2s linear;
  pointer-events: none;
}

/* Optional: subtle glowing arrow effect */
.codex-progress-bar-fill::after {
  animation: arrowPulse 1.5s infinite ease-in-out;
}

@keyframes arrowPulse {
  0%, 100% {
    transform: translate(50%, -50%) scale(1);
    opacity: 0.8;
  }
  50% {
    transform: translate(50%, -50%) scale(1.2);
    opacity: 1;
  }
}/* End custom CSS */
/* Start custom CSS for cz_progress_bar, class: .elementor-element-ddfb7d1 *//* Hide the percentage text */
.codex-progress-bar-percent {
  display: none !important;
}

/* Ensure bar structure behaves correctly */
.codex-progress-bar-line {
  position: relative;
  overflow: visible !important; /* allow arrow to show outside */
}

/* Arrow that follows the fill */
.codex-progress-bar-fill {
  position: relative;
  transition: width 2s linear !important; /* smooth fill */
}

/* Add arrow icon */
.codex-progress-bar-fill::after {
  content: "➜"; /* You can change to → or ► */
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  font-size: 18px;
  color: #d8b46c; /* same color as your progress bar */
  transition: right 2s linear;
  pointer-events: none;
}

/* Optional: subtle glowing arrow effect */
.codex-progress-bar-fill::after {
  animation: arrowPulse 1.5s infinite ease-in-out;
}

@keyframes arrowPulse {
  0%, 100% {
    transform: translate(50%, -50%) scale(1);
    opacity: 0.8;
  }
  50% {
    transform: translate(50%, -50%) scale(1.2);
    opacity: 1;
  }
}/* End custom CSS */
/* Start custom CSS for cz_progress_bar, class: .elementor-element-0ddf27a *//* Hide the percentage text */
.codex-progress-bar-percent {
  display: none !important;
}

/* Ensure bar structure behaves correctly */
.codex-progress-bar-line {
  position: relative;
  overflow: visible !important; /* allow arrow to show outside */
}

/* Arrow that follows the fill */
.codex-progress-bar-fill {
  position: relative;
  transition: width 2s linear !important; /* smooth fill */
}

/* Add arrow icon */
.codex-progress-bar-fill::after {
  content: "➜"; /* You can change to → or ► */
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  font-size: 18px;
  color: #d8b46c; /* same color as your progress bar */
  transition: right 2s linear;
  pointer-events: none;
}

/* Optional: subtle glowing arrow effect */
.codex-progress-bar-fill::after {
  animation: arrowPulse 1.5s infinite ease-in-out;
}

@keyframes arrowPulse {
  0%, 100% {
    transform: translate(50%, -50%) scale(1);
    opacity: 0.8;
  }
  50% {
    transform: translate(50%, -50%) scale(1.2);
    opacity: 1;
  }
}/* End custom CSS */
/* Start custom CSS for cz_progress_bar, class: .elementor-element-43d2e9a *//* Hide the percentage text */
.codex-progress-bar-percent {
  display: none !important;
}

/* Ensure bar structure behaves correctly */
.codex-progress-bar-line {
  position: relative;
  overflow: visible !important; /* allow arrow to show outside */
}

/* Arrow that follows the fill */
.codex-progress-bar-fill {
  position: relative;
  transition: width 2s linear !important; /* smooth fill */
}

/* Add arrow icon */
.codex-progress-bar-fill::after {
  content: "➜"; /* You can change to → or ► */
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  font-size: 18px;
  color: #d8b46c; /* same color as your progress bar */
  transition: right 2s linear;
  pointer-events: none;
}

/* Optional: subtle glowing arrow effect */
.codex-progress-bar-fill::after {
  animation: arrowPulse 1.5s infinite ease-in-out;
}

@keyframes arrowPulse {
  0%, 100% {
    transform: translate(50%, -50%) scale(1);
    opacity: 0.8;
  }
  50% {
    transform: translate(50%, -50%) scale(1.2);
    opacity: 1;
  }
}/* End custom CSS */