.rs-tab-container {
  max-width: 1400px;
  width: 100%;
  background-color: #F6FCFE;
  border-radius: 16px;
  padding: 35px 0px;
  overflow: hidden;
}

.rs-tab-header {
  display: flex;
  justify-content: center;
  background-color: transparent;
  position: relative;
}

.rs-tab-button-wrap {
  border-radius: 9999px;
  background-color: #E7EAEF;
}

.rs-tab-button {
  display: inline-block;
  padding: 12px 32px;
  border-radius: 9999px;
  background-color: #E7EAEF;
  color: #0E2A5B;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  transition: background 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}

.rs-tab-button:hover {
  background: rgba(255, 255, 255, 0.1);
}

.rs-tab-button.active {
  background-color: #314496;
  color: #FFFFFF;
}

.rs-tab-content {
  display: block;
  padding: 40px;
  animation: fadeIn 0.5s ease-in-out;
  min-height: 400px;
}

/* .rs-tab-content.active {
  display: block;
} */

.rs-tab-content-section {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.rs-tab-text-content {
  flex: 1;
  min-width: 300px;
  border-radius: 12px;
  border: 1px solid #B0C5EC;
  padding: 30px;
}

.rs-keypoint {
  width: 100%;
  position: relative;
  border-radius: 8px;
  padding-left: 20px;
  display: none;
}

.rs-keypoint-2 {
  width: 100%;
  position: relative;
  border-radius: 8px;
  display: none;
}

.rs-keypoint-text {
  border: 1px solid #B0C5EC;
  padding: 12px 12px 12px 30px;
  background-color: #FFFFFF;
  margin-bottom: 0;
  border-radius: 8px;
}
.rs-keypoint-text.rs-keypoint-text-red {
  border: 1px solid #E32449;
}

.rs-keypoint-2-text {
  padding: 40px 12px 12px 12px;
  border-radius: 8px;
  background-color: #E6ECF9;
  margin-top: 20px;
}
.rs-keypoint-2-text.bg-red {
  background-color: #FCE9ED;
}

.rs-keypoint p, .rs-keypoint-2 p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0;
}

.rs-keypoint-2 p {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #8AA9E3;
}
.rs-keypoint-2 p:first-child {
  padding-top: 0px;
}
.rs-keypoint-2 p:last-child, .rs-keypoint-2 .border-red p:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}

.rs-keypoint-2 .border-red p {
  border-bottom: 1px solid #F29AAB;
}


.rs-keypoint-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 40 41'%3E%3C!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %233369ce; %7D .st1 %7B fill: %23f5f5f5; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M39.7,20.5c0,10.9-8.8,19.7-19.7,19.7S.3,31.4.3,20.5,9.1.8,20,.8s19.7,8.8,19.7,19.7'/%3E%3Cpath class='st1' d='M19.7,10.1c-5.4,0-9.9,4.4-9.9,9.9s4.4,9.9,9.9,9.9,9.9-4.4,9.9-9.9-4.4-9.9-9.9-9.9ZM19.7,27.9c-4.4,0-7.9-3.5-7.9-7.9s3.5-7.9,7.9-7.9,7.9,3.5,7.9,7.9-3.5,7.9-7.9,7.9ZM24.3,15.6l-6.5,6.5-2.6-2.5-1.4,1.4,3.9,3.9,7.9-7.9-1.4-1.4Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.rs-keypoint-icon-red {
  background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 41' style='enable-background:new 0 0 40 41;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E32449;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M39.5,20.5c0,10.9-8.8,19.7-19.7,19.7C8.9,40.2,0,31.4,0,20.5C0,9.6,8.9,0.8,19.7,0.8 C30.6,0.8,39.5,9.6,39.5,20.5'/%3E%3Cg%3E%3Cpath class='st1' d='M20,29.5c-1,0-1.7-0.8-1.7-1.7s0.8-1.8,1.7-1.8s1.7,0.7,1.7,1.7v0.2C21.7,28.7,21,29.5,20,29.5z'/%3E%3Cpath class='st1' d='M20,23.3c-0.7,0-1.3-0.6-1.3-1.3v-9.2c0-0.7,0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3V22C21.3,22.7,20.7,23.3,20,23.3z '/%3E%3C/g%3E%3C/svg%3E%0A");
}

.rs-keypoint-2-icon {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 20 20'%3E%3C!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B fill: %233369ce; %7D .st2 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' x='.9' y='.4' width='18.9' height='18.9'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st2'%3E%3Cpath class='st1' d='M10.4,2c-4.4,0-7.9,3.5-7.9,7.9s3.5,7.9,7.9,7.9,7.9-3.5,7.9-7.9-3.5-7.9-7.9-7.9ZM10.4,16.2c-3.5,0-6.3-2.8-6.3-6.3s2.8-6.3,6.3-6.3,6.3,2.8,6.3,6.3-2.8,6.3-6.3,6.3ZM14,6.4l-5.2,5.2-2-2-1.1,1.1,3.2,3.2,6.3-6.3-1.1-1.1Z'/%3E%3C/g%3E%3C/svg%3E");  
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 10px;
  top: 10px;
}

.rs-keypoint-2-icon-red {
background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_00000056421938532138012980000000679368821021741988_);%7D .st1%7Bfill:%23E32449;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' x='0.9' y='0.4' width='18.9' height='18.9'/%3E%3C/defs%3E%3CclipPath id='SVGID_00000091732861630625127850000001443040813242568103_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_00000091732861630625127850000001443040813242568103_);'%3E%3Cpath class='st1' d='M15.9,15.4H4.9V4.4h11.1V15.4z M3.3,2.8V17h14.2V2.8H3.3z M14.4,12.7l-1.1,1.1L10.4,11l-2.8,2.8l-1.1-1.1 l2.8-2.8L6.5,7.1l1.1-1.1l2.8,2.8l2.8-2.8l1.1,1.1l-2.8,2.8L14.4,12.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}

.rs-tab-image-content {
  flex: 1;
  min-width: 300px;
  text-align: center;
}

.rs-tab-text-content h2 {
  font-size: 24px;
  color: #0E2A5B;
  text-align: center;
}

.rs-keypoint-text-red h2 {
  font-size: 16px;
  text-align: left;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px;
}

.rs-tab-flowchart {
  display: none;
}

.rs-tab-content-section img {
  max-width: 100%;
  object-fit: cover;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.disclaimer {
  margin: 20px 0px 0px 20px;
}
.disclaimer p {
  color: #0E2A5B;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
}


/* ================================================= */
/* RANGE SLIDER ------------------------------------ */
/* ================================================= */

.slider-dial-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  /* background: rgba(0,0,0,0.2); */
  overflow: hidden;
  padding: 30px 0px 0px 0px;
}

.slider-dial-container .svg-container {
  position: relative;
  width: 100%;
  max-width: 446px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0E2A5B;
}
.slider-dial-container #semicircle {
  visibility: hidden;
}
.slider-dial-container .progressTextContainer {
  position: absolute;
  top: 20%
}
.slider-dial-container #progressText {
  font-size: 5em;
  font-weight: bold;
  color: white;
  text-align: center;
}
.slider-dial-container .progressTextLabel {
  /* font-size: clamp(.5rem, 2vw + .5rem, 2rem); */
  font-size: 26px;
  line-height: 1.4;
  font-weight: normal;
  color: white;
  text-align: center;
}
.slider-dial-container #alert {
  position:absolute;
  top:72%;
  width:34%; 
  height:auto;
  visibility: hidden;
}
.slider-dial-container .alert-icon {
  width:100%; 
  height:auto;
}
.slider-dial-container #triangle {
  transform: rotate(-66deg);
  transform-origin: center;
} 

.slider-dial-container .controls {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.slider-dial-container .slider-container {
  display: flex;
  align-items: top;
}

.slider-dial-container .slider-container label {
  font-weight: 500;
  color: #555;
  min-width: 80px;
}
.slider-dial-container .dial-contain {
  width: 80%;
  display: flex;
  justify-content: center;
}
.slider-dial-container .slider-wrap {
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch; 
  display: flex;
  flex-direction: column ;
  align-items: center;
}
.slider-dial-container .slider-wrap input{
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}

.slider-dial-container .slider-wrap img{
  width: 96.5%;
  margin-top: 10px;
}

.slider-dial-container .range-slider {
  flex: 1;
  height: 36px;
  border-radius: 36px;
  padding: 6px;
  background: linear-gradient(90deg, #D72852 30.36%, #3369CE 41.35%, #3369CE 69.23%, #D72852 78.17%);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

.slider-dial-container .range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #FFF;
  cursor: pointer;
  /* box-shadow: 0 2px 4px rgba(0,0,0,0.2); */
  transition: all 0.2s ease;
}

.slider-dial-container input:focus {
    outline: 0 !important;
    border: none !important;
}

.slider-dial-container .range-slider::-moz-range-thumb {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #FFF;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.slider-dial-container .slider-label {
  width: 5%;
  height: 35px;
  display: flex;
  align-items: center;
}

.slider-dial-container .slider-label img {
  width: 100%;
}

.slider-dial-container .slider-label-left {
  text-align: left;
  margin-right: 8px;
}
.slider-dial-container .slider-label-right {
  text-align: right;
  margin-left: 8px;
}

.slider-dial-container .instruction {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  color: #0E2A5B;
  margin-bottom: 20px;
}

.slider-dial-container .slider-legend {
  width: 96%;
  display: none;
}


@media screen and (max-width: 1024px) {

  /* styles */
  .slider-dial-container .component-container {
    display: block;
  }

  .slider-dial-container .component-container-col {
    width: 100%;
  }

  .slider-dial-container .slider-label {
    /* margin-top: 1%; */
  }

}


@media (max-width: 768px) {
  
  .rs-tab-button {
      padding: 15px 10px;
      font-size: 14px;
  }
  
  .rs-tab-content {
      padding: 20px;
  }
  
  .rs-tab-content-section {
      flex-direction: column;
  }
  
  .rs-tab-container h2 {
      font-size: 1.8em;
  }

}