/*---Calculators-listing--start---here---*/

.common_banner_apollo_new{position: relative;}
.banner_content_box_n{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;width: 425px;}
.common_banner_img_new{display: block;width: 100%;}
.banner_title_common_n{font-size: 36px;line-height: 1.2;font-weight: 300;text-transform: capitalize;color: #fff;}
.banner_title_common_n span{font-weight: 700;font-style: italic;color: #fff;font-family: "Ubuntu", sans-serif;}
.banner_text_center{text-align: center;}
.banner_desc_new{color: #fff;font-size: 14px;line-height: 21px;margin-top: 15px;}
.banner_relative_box_n{position: relative;}
.banner_relative_box_n:after{content: '';position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;
background: #0000004D;z-index: 1;}
.banner_desc_box_m{display: none;}
.search_wrapper_common{position: absolute;bottom: -22px;width: 600px;left: 50%;transform: translate(-50%, 0px);z-index: 77;}
.search_wrapper_inner{position: relative;}
.search_wrapper_inner input{outline: none;border-radius: 8px;border: none;padding: 18px 10px;box-shadow: 0px 4px 60px 0px rgb(0 0 0 / 15%);
    font-size: 13px;color: #4C4C4C;padding-left: 59px;border: 1px solid #E8E8E8;padding-right: 58px; display: block; width: 100%;}
.search_wrapper_inner input::placeholder{font-size: 13px;color: #4C4C4C;}
.search_text{position: absolute;top: 50%;left: 15px;transform: translate(0px, -50%);color: #A9A9A9;font-size: 13px;}
.search_submit_btn{width: 32px;position: absolute;top: 50%;right: 15px;transform: translate(0px, -50%);cursor: pointer;background: none;border: none;}
.search_submit_btn img{width: 100%;display: block;height: initial;}
@media only screen and (max-width: 991px){
        .search_wrapper_common{position: relative;transform: none;margin: 0px auto;width: 100%;padding: 0px 30px;margin-top: -25px;transform: none;
        left: initial;bottom: initial;}}

@media only screen and (max-width: 991px){
.common_banner_img_new {min-height: 310px;object-fit: cover;}
}

@media only screen and (max-width: 767px){
.common_banner_img_new {min-height: initial;}
.banner_title_common_n{font-size: 30px;}
.banner_content_box_n{width: 100%;padding: 0px 12px;}
.banner_content_box_n .banner_desc_new{display: none;}
.banner_desc_box_m{display: block;padding: 20px 0px;}
.banner_desc_box_m .banner_desc_new{color: #747474;margin-top: 0px;font-size: 15px;}
}

.row_caculater_section_p{display: flex;margin: 0px -10px;flex-wrap: wrap;padding-top: 10px;}
.colm_caculater_h_b{width: 25%;padding: 0px 10px;margin-top: 20px;}
.caculater_h_b_card{border: 1px solid #E8E8E8;border-radius: 16px;overflow: hidden;height: 100%;background: #fff;}
.header_caculater_card{background: #F7F7F7;border-bottom: 1px solid #E8E8E8;display: flex;align-items: center;
padding: 10px;}
.icon_caculater_card{background: #fff;border: 1px solid #E8E8E8;
box-shadow: 0px 4px 30px 0px #00000012;border-radius: 50%;width: 56px;height: 56px;display: inline-flex;align-items: center;
justify-content: center;}
.icon_caculater_card img{max-width: 50%;max-height: 70%;object-fit: contain;}
.caculater_card_header_title{width: calc(100% - 56px);padding-left: 15px;font-size: 16px;font-weight: 500;line-height: 1.3;
color: #4A4A4A;}
.content_caculater_card{padding: 15px 15px;}

.caculater_card_desc{font-size: 14px;line-height: 21px;color: #747474;margin-bottom: 10px;}
.link_btn_caculater{display: inline-flex;align-items: center;color: #047C9E;text-decoration: none;font-size: 14px;font-weight: 500;}
.link_btn_caculater img{display: inline-block;width: 9px;margin-left: 5px;transition: all 0.3s;}
.link_btn_caculater:hover img{transform: rotate(45deg);}
.fitness-body{background: #F7F7F7;}

@media only screen and (max-width: 1199px){
.colm_caculater_h_b{width: 33.333%;}
}

@media only screen and (max-width: 992px){
.colm_caculater_h_b{width:50%;}
}

@media only screen and (max-width: 767px){
.colm_caculater_h_b{width:100%;}
.caculater_card_header_title{font-size: 17px;}
}
 /*---Calculators-listing--end---here---*/


 /*---Calculators-details--start---here---*/
    .bmi-topbar { display: flex; margin-bottom: 30px; gap: 14px; }
    .right_select_box_bmi_caculater{width: 400px;}
    .right_select_box_bmi_caculater select{display: block;width: 100%;border:none; border-bottom: 1px solid #E0E0E0 !important;
    padding-bottom: 10px;color: #047C9E;font-weight: 500;cursor: pointer;font-size: 14px;}
    .bmi-topbar .section_title{width: calc(100% - 400px);padding-right: 20px;}

    @media only screen and (max-width: 991px){
      .right_select_box_bmi_caculater{width: 230px;padding-top: 10px;}
      .bmi-topbar .section_title { width: calc(100% - 230px)}
    }

    @media only screen and (max-width: 767px) {
      .right_select_box_bmi_caculater{width: 100%;padding-top: 10px;}
      .bmi-topbar .section_title { width: 100%;}
      .bmi-topbar{flex-wrap: wrap;}
      .bmi-topbar{margin-bottom: 15px;}
    }

    
    .bmi-gauge-text textPath{font-size: 14px;font-weight: 400;}

   
    .bmi-tick{background-color: #ccc !important;}
.bmi-tick.active-tick, .bfc-tick.active {
  background-color: #000 !important;
}
#bmiHeightValues span.active {
  color: #000 !important;
  font-weight: bold;
}

    .bmi-type-btn { border-radius: 22px; font-size: 13px; font-weight: 500; line-height: 1; padding: 10px 32px 10px 14px; cursor: pointer; position: relative; transition: all 0.2s ease; }
    .bmi-layout { display: flex; flex-wrap: wrap; }
    .bmi-gauge-panel { width: 50%; position: relative; overflow: hidden; 
      background: linear-gradient(135deg, #148daf 0%, #0f7fa4 44%, #0b678d 72%, #0a5a82 100%); 
      padding: 16px 10px 8px; display: flex; align-items: center; justify-content: center; 
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); border-top-left-radius: 16px; 
      border-bottom-left-radius: 16px;flex-wrap: wrap; }
    .bmi-gauge-wrap { position: relative; width: 100%; max-width: 700px; z-index: 2; }
    .bmi-gauge-svg { width: 100%; display: block; height: auto; }
    .bmi-gauge-text { fill: rgba(255, 255, 255, 0.95); font-size: 10px; font-weight: 400; letter-spacing: 0.1px; }
    .bmi-gauge-range { fill: rgba(255, 255, 255, 0.9); font-size: 16px; font-weight: 400; text-anchor: middle; letter-spacing: 0.15px; }
    .bmi-gauge-text-extreme { font-size: 8.6px; }
    .bmi-gauge-needle { transform-origin: 350px 315px; transform: rotate(-41deg); transition: transform 0.7s ease; }
    .bmi-gauge-wave { position: absolute; left: -2%; right: -2%; bottom: 86px; width: 104%; height: 200px; pointer-events: none; opacity: 0.36; z-index: 1; }
    .bmi-form-panel { width: 50%; background: #fff; padding: 40px 30px; position: relative; z-index: 2; box-shadow: 0px 4px 40px 0px #00000014; border-top-right-radius: 16px; border-bottom-right-radius: 16px; }
    .bmi-form-title { margin: 0 0 22px; font-size: 30px; line-height: 1.1; font-weight: 300; color: #44505b; letter-spacing: 0.2px; }
    .bmi-form-title span { font-family: "Ubuntu", sans-serif; font-style: italic; font-weight: 700; color: #3f3f3f; }
    .bmi-field { margin-bottom: 20px; }
    .bmi-label { display: block; font-size: 16px; line-height: 1.2; color: #4A4A4A; font-weight: 600; margin-bottom: 15px; }
    .bmi-row .bmi-label{margin-bottom: 0px;}
    .bmi-gender { display: flex; gap: 26px; align-items: center; }
    .bmi-radio { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 400; color: #000; cursor: pointer; user-select: none; }
    .bmi-radio input { appearance: none; display: inline-block; padding: 0; flex: 0 0 auto; width: 21px; height: 21px; border: 1.5px solid #047C9E; 
      border-radius: 50%; margin: 0; position: relative; background: #fff; cursor: pointer; }
    .bmi-radio input:checked { border-color: #047C9E; }
    .bmi-radio input:checked:after { content: ""; position: absolute; left: 50%; top: 50%; width: 9px; 
    height: 9px; border-radius: 50%; background: #047C9E;    transform: translate(-50%, -50%); }
    .bmi-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
    .bmi-unit-toggle {display: inline-flex;gap: 0px 10px;}
    .bmi-unit-toggle button { border: 0; background: transparent; color: #000; font-size: 11px;
       font-weight: 600; line-height: 1; padding: 7px 14px; border-radius: 8px; cursor: pointer;
        min-width: 52px; transition: all 0.2s ease; border: 1px solid #C4C4C4; }
    .bmi-unit-toggle button.active { background: #047C9E; color: #fff;  }
    .bmi-height-slider { position: relative; padding-top: 0; }
    .bmi-height-current { display: block; margin-bottom: 8px; font-size: 24px; line-height: 1; color: #0b85ac; font-weight: 700; text-align: center; }
    .bmi-ruler-wrap { position: relative; }
    .bmi-ruler-track { height: 44px; position: relative; overflow: visible; }
    .bmi-ruler-track .bmi-tick { position: absolute; top: 0; left: 0; width: 1px; height: 18px; background: #d7dde2; transform: translateX(-50%); border-radius: 1px; }
    .bmi-ruler-track .bmi-tick.mid { height: 28px; background: #cfd7dd; }
    .bmi-ruler-track .bmi-tick.major { height: 40px; background: #c1cbd3; }
    .bmi-height-input { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 44px; margin: 0; opacity: 0.01; cursor: pointer; z-index: 2; -webkit-appearance: none; appearance: none; background: transparent; }
    .bmi-height-values { display: flex; justify-content: space-between; margin-top: 10px; align-items: center; }
    .bmi-height-values span { text-align: center; font-size: 14px; color: #566470; font-weight: 400; min-width: 26px; cursor: pointer; transition: color 0.2s ease; }
    .bmi-height-values span.active { color: var(--bmi-brand); font-weight: 700; font-size: 15px; }
    .bmi-weight-box { position: relative; border: 1px solid #d6e1e8; border-radius: 10px; background: #fff; 
      padding: 13px 14px 10px; display: flex; align-items: center; gap: 10px; min-height: 50px; padding: 0px 15px 0px 5px; }
    .bmi-weight-tag { position: absolute; top: -9px; left: 14px; font-size: 16px; color: #4A4A4A; background: #fff; 
      line-height: 1;font-weight: 500;padding: 0px 5px; }
    .bmi-weight-input { border: 0; padding: 0; margin: 0; width: 90%; font-size: 14px; padding-left: 15px; color: #33414d; font-weight: 500; background: transparent; }
    .bmi-weight-unit { font-size: 12px; color: #4A4A4A; line-height: 1; font-weight: 500; 
      letter-spacing: 0.4px; width: 22px;}
    .bmi-action { margin-top: 20px; }
    .bmi-btn { border: 0; border-radius: 28px; background: #047C9E; color: #fff; font-size: 14px; font-weight: 600; line-height: 1; padding: 14px 24px; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; box-shadow: 0 10px 25px rgba(11, 133, 172, 0.3);  }
    .bmi-btn:hover { background: #047C9E; transform: translateY(-1px); box-shadow: 0 14px 28px rgba(8, 93, 122, 0.3); }
    .bmi-btn span { font-size: 15px; line-height: 1; transform: translateY(-1px); }
    .bmi-result { display: none; margin: 14px 0 0; background: #f0f2f4; border: 1px solid #e1e7ec; border-radius: 12px; 
      padding: 8px;margin-top: -50px;margin-bottom: 20px;width: 70%; }
    .bmi-result.is-error { background: #fff5f5; border-color: #f1cdcd; color: #a43f3f; font-size: 13px; line-height: 1.45; font-weight: 600; padding: 12px 14px; }
    .bmi-result-title { margin: 0 0 14px; font-size: 18px; line-height: 1; color: #4C4C4C; 
      font-family: "Ubuntu", sans-serif; font-weight: 700; border-bottom: 1px solid #ccd4db; 
      padding-bottom: 8px; }
    .bmi-result-metrics { border-left: 4px solid #047C9E; padding-left: 8px; margin-bottom: 0px; }
    .bmi-result-line { margin: 2px 0px; font-size: 14px; line-height: 1.35; color: #4C4C4C; font-weight: 600; }
    .bmi-result-line:last-child { margin-bottom: 0; }
    .bmi-result-value { color: #e2a20a; font-weight: 500; font-family: "Roboto", sans-serif; }
   
    .bmi-result-category { text-align: left; font-size: 16px; line-height: 1.2; font-weight: 600; color: #e2a20a; opacity: 0.62; }
    .bmi-result-category.active { opacity: 1; }
    #bmiCalculate{cursor: pointer;}
    .bmi-form-panel .section_title{margin-bottom: 15px;}
    .bg_cal_img{position: absolute;top: 90px; left: 0px; width: 100%; height: initial;}

    @media only screen and (max-width: 1200px) {
      .bmi-gauge-panel { width: 53%; }
      .bmi-form-panel { width: 47%; margin-left: -14px; padding: 22px 20px; }
      .bmi-form-title { font-size: 23px; }
      /* .bmi-gauge-range { font-size: 12px; } */
      .bmi-gauge-text { font-size: 9px; }
    }

    @media only screen and (max-width: 1024px) {
      .bmi-layout { flex-direction: column; min-height: 0; }
      .bmi-gauge-panel, .bmi-form-panel { width: 100%; }
      .bmi-form-panel { margin-left: 0; margin-top: 16px; }
      .bmi-gauge-wrap { max-width: 680px; }
      .bmi-gauge-panel{order: 2;border-radius: 16px;margin-top: 20px;}
      .bmi-form-panel{order: 1;border-radius: 16px;}
    }

    @media only screen and (max-width: 991px) {
      .bmi-screen { padding: 28px 0 38px; }
      .bmi-page-title { font-size: 27px; }
      .bmi-type-btn { padding: 9px 30px 9px 14px; }
      .bmi-gauge-panel { min-height: 300px; padding: 14px 8px 6px; }
      .bmi-form-title { font-size: 22px; }
      .bmi-field { margin-bottom: 16px; }
      .bmi-btn { width: 100%; justify-content: center; }
      
    }

    @media only screen and (max-width: 767px) {
      .bmi-screen { padding-top: 20px; }
      .bmi-page-title { font-size: 25px; }
      .bmi-gauge-panel { min-height: 240px; border-radius: 14px; }
      .bmi-gauge-wave { bottom: 64px; height: 150px; }
      /* .bmi-gauge-range { font-size: 10px; } */
      .bmi-gauge-text { font-size: 8px; }
      .bmi-form-panel { border-radius: 14px; padding: 18px 14px 20px; }
      .bmi-form-title { font-size: 20px; margin-bottom: 16px; }
      .bmi-row { gap: 8px; }
      .bmi-unit-toggle button { min-width: 48px; padding: 6px 10px; }
      .bmi-height-values span { font-size: 13px; min-width: 20px; }
      .bmi-height-values span.active { font-size: 13px; }
      /* .bmi-weight-tag { font-size: 12px; } */
      .bmi-weight-input { font-size: 15px; }
      .bmi-result-title { font-size: 28px; }
      .bmi-result-category { font-size: 12px; }
      #bmiCalculate{width: 100%;justify-content: center;}
      .bmi-result{width: 100%;margin-top: -30px;}
      .bmi_mobile_slide{overflow: auto;width: 100%;}
      .inner_sllide_bmi_b{width: 800px;}
      .bmi-gauge-panel{order: 1;}
    .bmi-form-panel{order: 2;}

    .bmi-gauge-svg{width: initial;    margin-left: -40px;
    margin-right: -40px;font-size: 24px;}

    .bmi_mobile_slide{padding-bottom: 15px;margin-bottom: 30px;}

    .bmi_mobile_slide::-webkit-scrollbar, .bmr_mobile_slide::-webkit-scrollbar,
    .bfc_mobile_slide::-webkit-scrollbar {
      height: 10px;
    }
    .bmi_mobile_slide::-webkit-scrollbar-track, .bmr_mobile_slide::-webkit-scrollbar-track,
    .bfc_mobile_slide::-webkit-scrollbar-track {
      background: #f1f1f1; 
      border-radius: 30px;
    }
    
    .bmi_mobile_slide::-webkit-scrollbar-thumb, .bmr_mobile_slide::-webkit-scrollbar-thumb,
    .bfc_mobile_slide::-webkit-scrollbar-thumb {
      background: #888; 
      border-radius: 30px;
    }

    .bmi-gauge-range{font-size: 22px;}
    .bmi-label{font-weight: 600;}

   
      
    }

    @media only screen and (max-width: 430px) {
      /* .bmi-gauge-range { font-size: 9px; } */
      .bmi-gauge-text { font-size: 7px; }
      .bmi-gauge-text-extreme { font-size: 7px; }
      .bmi-result { padding: 14px 12px 16px; }
      .bmi-result-title { font-size: 24px; }
      .bmi-result-categories { gap: 4px; }
      .bmi-result-category { font-size: 10px; }

    }
    .bmr-type-btn { border-radius: 22px; font-size: 13px; font-weight: 500; line-height: 1; padding: 10px 32px 10px 14px; cursor: pointer; position: relative; transition: all 0.2s ease; }
.bmr-layout { display: flex; flex-wrap: wrap; }
.bmr-gauge-panel { width: 50%; position: relative; overflow: hidden; 
  background: linear-gradient(135deg, #148daf 0%, #0f7fa4 44%, #0b678d 72%, #0a5a82 100%); 
  padding: 16px 10px 8px; display: flex; align-items: center; justify-content: center; 
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); border-top-left-radius: 16px; 
  border-bottom-left-radius: 16px;flex-wrap: wrap; }
.bmr-gauge-wrap { position: relative; width: 100%; max-width: 700px; z-index: 2; }
.bmr-gauge-svg { width: 100%; display: block; height: auto; }
.bmr-gauge-text { fill: rgba(255, 255, 255, 0.95); font-size: 14px; font-weight: 400; letter-spacing: 0.1px; }
.bmr-gauge-range { fill: rgba(255, 255, 255, 0.9); font-size: 16px; font-weight: 400; text-anchor: middle; letter-spacing: 0.15px; }
/* .bmr-gauge-text-extreme { font-size: 8.6px; } */
.bmr-gauge-needle { transform-origin: 350px 315px; transform: rotate(-41deg); transition: transform 0.7s ease; }
.bmr-gauge-wave { position: absolute; left: -2%; right: -2%; bottom: 86px; width: 104%; height: 200px; pointer-events: none; opacity: 0.36; z-index: 1; }
.bmr-form-panel { width: 50%; background: #fff; padding: 40px 30px; position: relative; z-index: 2; box-shadow: 0px 4px 40px 0px #00000014; border-top-right-radius: 16px; border-bottom-right-radius: 16px; }
.bmr-form-title { margin: 0 0 22px; font-size: 30px; line-height: 1.1; font-weight: 300; color: #44505b; letter-spacing: 0.2px; }
.bmr-form-title span { font-family: "Ubuntu", sans-serif; font-style: italic; font-weight: 700; color: #3f3f3f; }
.bmr-field { margin-bottom: 20px; }
.bmr-label { display: block; font-size: 16px; line-height: 1.2; color: #4A4A4A; font-weight: 600; margin-bottom: 15px; }
.bmr-row .bmr-label{margin-bottom: 0px;}
.bmr-gender { display: flex; gap: 26px; align-items: center; }
.bmr-radio { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 400; color: #000; cursor: pointer; user-select: none; }
.bmr-radio input { appearance: none; display: inline-block; padding: 0; flex: 0 0 auto; width: 21px; height: 21px; border: 1.5px solid #047C9E; 
  border-radius: 50%; margin: 0; position: relative; background: #fff; cursor: pointer; }
.bmr-radio input:checked { border-color: #047C9E; }
.bmr-radio input:checked:after { content: ""; position: absolute; left: 50%; top: 50%; width: 9px; 
height: 9px; border-radius: 50%; background: #047C9E;    transform: translate(-50%, -50%); }
.bmr-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.bmr-unit-toggle {display: inline-flex;gap: 0px 10px;}
.bmr-unit-toggle button { border: 0; background: transparent; color: #000; font-size: 11px;
   font-weight: 600; line-height: 1; padding: 7px 14px; border-radius: 8px; cursor: pointer;
    min-width: 52px; transition: all 0.2s ease; border: 1px solid #C4C4C4; }
.bmr-unit-toggle button.active { background: #047C9E; color: #fff;  }
.bmr-height-slider { position: relative; padding-top: 0; }
.bmr-height-current { display: block; margin-bottom: 8px; font-size: 24px; line-height: 1; color: #0b85ac; font-weight: 700; text-align: center; }
.bmr-ruler-wrap { position: relative; }
.bmr-ruler-track { height: 44px; position: relative; overflow: visible; }
.bmr-ruler-track .bmr-tick { position: absolute; top: 0; left: 0; width: 1px; height: 18px; background: #d7dde2; transform: translateX(-50%); border-radius: 1px; }
.bmr-ruler-track .bmr-tick.mid { height: 28px; background: #cfd7dd; }
.bmr-ruler-track .bmr-tick.major { height: 40px; background: #c1cbd3; }
.bmr-height-input { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 44px; margin: 0; opacity: 0.01; cursor: pointer; z-index: 2; -webkit-appearance: none; appearance: none; background: transparent; }
.bmr-height-values { display: flex; justify-content: space-between; margin-top: 10px; align-items: center; }
.bmr-height-values span { text-align: center; font-size: 14px; color: #566470; font-weight: 400; min-width: 26px; cursor: pointer; transition: color 0.2s ease; }
.bmr-height-values span.active { color: var(--bmr-brand); font-weight: 700; font-size: 15px; }

/* The weight box style now applies to both weight and age boxes */
.bmr-weight-box { position: relative; border: 1px solid #d6e1e8; border-radius: 10px; background: #fff; 
  padding: 13px 14px 10px; display: flex; align-items: center; gap: 10px; min-height: 50px; padding: 0px 15px 0px 5px; }
.bmr-weight-tag { position: absolute; top: -9px; left: 14px; font-size: 16px; color: #4A4A4A; background: #fff; 
  line-height: 1;font-weight: 500;padding: 0px 5px; }
.bmr-weight-input { border: 0; padding: 0; margin: 0; width: 85%; font-size: 14px; padding-left: 15px; color: #33414d; font-weight: 500; background: transparent; }
.bmr-weight-unit { font-size: 12px; color: #4A4A4A; line-height: 1; font-weight: 500; letter-spacing: 0.4px; }

.bmr-action { margin-top: 20px; }
.bmr-btn { border: 0; border-radius: 28px; background: #047C9E; color: #fff; font-size: 14px; font-weight: 600; line-height: 1; padding: 14px 24px; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; box-shadow: 0 10px 25px rgba(11, 133, 172, 0.3);  }
.bmr-btn:hover { background: #047C9E; transform: translateY(-1px); box-shadow: 0 14px 28px rgba(8, 93, 122, 0.3); }
.bmr-btn span { font-size: 15px; line-height: 1; transform: translateY(-1px); }
.bmr-result { display: none; margin: 14px 0 0; background: #f0f2f4; border: 1px solid #e1e7ec; border-radius: 12px; 
  padding: 8px;margin-top: -50px;margin-bottom: 20px;width: 70%; }
.bmr-result.is-error { background: #fff5f5; border-color: #f1cdcd; color: #a43f3f; font-size: 13px; line-height: 1.45; font-weight: 600; padding: 12px 14px; }
.bmr-result-title { margin: 0 0 14px; font-size: 18px; line-height: 1; color: #4C4C4C; 
  font-family: "Ubuntu", sans-serif; font-weight: 700; border-bottom: 1px solid #ccd4db; 
  padding-bottom: 8px; }
.bmr-result-metrics { border-left: 4px solid #047C9E; padding-left: 8px; margin-bottom: 0px; }
.bmr-result-line { margin: 2px 0px; font-size: 14px; line-height: 1.35; color: #4C4C4C; font-weight: 600; }
.bmr-result-line:last-child { margin-bottom: 0; }
.bmr-result-value { color: #e2a20a; font-weight: 500; font-family: "Roboto", sans-serif; }

.bmr-result-category { text-align: left; font-size: 16px; line-height: 1.2; font-weight: 600; color: #e2a20a; opacity: 0.62; }
.bmr-result-category.active { opacity: 1; }
#bmrCalculate{cursor: pointer;}
.bmr-form-panel .section_title{margin-bottom: 15px;}
.bg_cal_img{position: absolute;top: 90px; left: 0px; width: 100%; height: initial;}

.bmr-tick.active{background: #000 !important;}

@media only screen and (max-width: 1200px) {
  .bmr-gauge-panel { width: 53%; }
  .bmr-form-panel { width: 47%; margin-left: -14px; padding: 22px 20px; }
  .bmr-form-title { font-size: 23px; }
  /* .bmr-gauge-text { font-size: 9px; } */
}

@media only screen and (max-width: 1024px) {
  .bmr-layout { flex-direction: column; min-height: 0; }
  .bmr-gauge-panel, .bmr-form-panel { width: 100%; }
  .bmr-form-panel { margin-left: 0; margin-top: 16px; }
  .bmr-gauge-wrap { max-width: 680px; }
  .bmr-gauge-panel{order: 2;border-radius: 16px;margin-top: 20px;}
  .bmr-form-panel{order: 1;border-radius: 16px;}
}

@media only screen and (max-width: 991px) {
  .bmr-screen { padding: 28px 0 38px; }
  .bmr-page-title { font-size: 27px; }
  .bmr-type-btn { padding: 9px 30px 9px 14px; }
  .bmr-gauge-panel { min-height: 300px; padding: 14px 8px 6px; }
  .bmr-form-title { font-size: 22px; }
  .bmr-field { margin-bottom: 16px; }
  .bmr-btn { width: 100%; justify-content: center; }
}

@media only screen and (max-width: 767px) {
  .bmr-screen { padding-top: 20px; }
  .bmr-page-title { font-size: 25px; }
  .bmr-gauge-panel { min-height: 240px; border-radius: 14px; }
  .bmr-gauge-wave { bottom: 64px; height: 150px; }
  /* .bmr-gauge-text { font-size: 8px; } */
  .bmr-form-panel { border-radius: 14px; padding: 18px 14px 20px; }
  .bmr-form-title { font-size: 20px; margin-bottom: 16px; }
  .bmr-row { gap: 8px; }
  .bmr-unit-toggle button { min-width: 48px; padding: 6px 10px; }
  .bmr-height-values span { font-size: 14px; min-width: 20px; }
  .bmr-height-values span.active { font-size: 13px; }
  .bmr-weight-input { font-size: 15px; }
  .bmr-result-title { font-size: 28px; }
  .bmr-result-category { font-size: 12px; }
  #bmrCalculate{width: 100%;justify-content: center;}
  .bmr-result{width: 100%;margin-top: -30px;}
  .bmr_mobile_slide{overflow: auto;width: 100%;padding-bottom: 15px;margin-bottom: 30px;}
  .inner_sllide_bmr_b{width: 800px;}
  .bmr-gauge-panel{order: 1;}
  .bmr-form-panel{order: 2;}
  .bmr-label{font-weight: 600;}

  .bmr-gauge-svg{width: initial; margin-left: -40px; margin-right: -40px;}
  .bmr-gauge-range{font-size: 20px;}
  .bmi-gauge-text textPath{font-size: 16px;}
  .bmr-gauge-text{font-size: 18px;}
  .bmr-weight-unit{min-width: 30px;text-align: right;}
}

@media only screen and (max-width: 430px) {
  /* .bmr-gauge-text { font-size: 7px; }
  .bmr-gauge-text-extreme { font-size: 7px; } */
  .bmr-result { padding: 14px 12px 16px; }
  .bmr-result-title { font-size: 24px; }
  .bmr-result-categories { gap: 4px; }
  .bmr-result-category { font-size: 10px; }
}
.bfc-type-btn { border-radius: 22px; font-size: 13px; font-weight: 500; line-height: 1; padding: 10px 32px 10px 14px; cursor: pointer; position: relative; transition: all 0.2s ease; }
.bfc-layout { display: flex; flex-wrap: wrap; }
.bfc-gauge-panel { width: 50%; position: relative; overflow: hidden; 
  background: linear-gradient(135deg, #148daf 0%, #0f7fa4 44%, #0b678d 72%, #0a5a82 100%); 
  padding: 16px 10px 8px; display: flex; align-items: center; justify-content: center; 
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); border-top-left-radius: 16px; 
  border-bottom-left-radius: 16px;flex-wrap: wrap; }
.bfc-gauge-wrap { position: relative; width: 100%; max-width: 700px; z-index: 2; }
.bfc-gauge-svg { width: 100%; display: block; height: auto; }
.bfc-gauge-text { fill: rgba(255, 255, 255, 0.95); font-size: 14px; font-weight: 400; letter-spacing: 0.1px; }
.bfc-gauge-range { fill: rgba(255, 255, 255, 0.9); font-size: 16px; font-weight: 400; text-anchor: middle; letter-spacing: 0.15px; }
/* .bfc-gauge-text-extreme { font-size: 8.6px; } */
.bfc-gauge-needle { transform-origin: 350px 315px; transform: rotate(-41deg); transition: transform 0.7s ease; }
.bfc-gauge-wave { position: absolute; left: -2%; right: -2%; bottom: 86px; width: 104%; height: 200px; pointer-events: none; opacity: 0.36; z-index: 1; }
.bfc-form-panel { width: 50%; background: #fff; padding: 40px 30px; position: relative; z-index: 2; box-shadow: 0px 4px 40px 0px #00000014; border-top-right-radius: 16px; border-bottom-right-radius: 16px; }
.bfc-form-title { margin: 0 0 22px; font-size: 30px; line-height: 1.1; font-weight: 300; color: #44505b; letter-spacing: 0.2px; }
.bfc-form-title span { font-family: "Ubuntu", sans-serif; font-style: italic; font-weight: 700; color: #3f3f3f; }
.bfc-field { margin-bottom: 20px; }
.bfc-label { display: block; font-size: 16px; line-height: 1.2; color: #4A4A4A; font-weight: 600; margin-bottom: 15px; }
.bfc-row .bfc-label{margin-bottom: 0px;}
.bfc-gender { display: flex; gap: 26px; align-items: center; }
.bfc-radio { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 400; color: #000; cursor: pointer; user-select: none; }
.bfc-radio input { appearance: none; display: inline-block; padding: 0; flex: 0 0 auto; width: 21px; height: 21px; border: 1.5px solid #047C9E; 
  border-radius: 50%; margin: 0; position: relative; background: #fff; cursor: pointer; }
.bfc-radio input:checked { border-color: #047C9E; }
.bfc-radio input:checked:after { content: ""; position: absolute; left: 50%; top: 50%; width: 9px; 
height: 9px; border-radius: 50%; background: #047C9E;    transform: translate(-50%, -50%); }
.bfc-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.bfc-unit-toggle {display: inline-flex;gap: 0px 10px;}
.bfc-unit-toggle button { border: 0; background: transparent; color: #000; font-size: 11px;
   font-weight: 600; line-height: 1; padding: 7px 14px; border-radius: 8px; cursor: pointer;
    min-width: 52px; transition: all 0.2s ease; border: 1px solid #C4C4C4; }
.bfc-unit-toggle button.active { background: #047C9E; color: #fff;  }
.bfc-height-slider { position: relative; padding-top: 0; }
.bfc-height-current { display: block; margin-bottom: 8px; font-size: 24px; line-height: 1; color: #0b85ac; font-weight: 700; text-align: center; }
.bfc-ruler-wrap { position: relative; }
.bfc-ruler-track { height: 44px; position: relative; overflow: visible; }
.bfc-ruler-track .bfc-tick { position: absolute; top: 0; left: 0; width: 1px; height: 18px; background: #d7dde2; transform: translateX(-50%); border-radius: 1px; }
.bfc-ruler-track .bfc-tick.mid { height: 28px; background: #cfd7dd; }
.bfc-ruler-track .bfc-tick.major { height: 40px; background: #c1cbd3; }
.bfc-height-input { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 44px; margin: 0; opacity: 0.01; cursor: pointer; z-index: 2; -webkit-appearance: none; appearance: none; background: transparent; }
.bfc-height-values { display: flex; justify-content: space-between; margin-top: 10px; align-items: center; }
.bfc-height-values span { text-align: center; font-size: 14px; color: #566470; font-weight: 400; min-width: 26px; cursor: pointer; transition: color 0.2s ease; }
.bfc-height-values span.active { color: var(--bfc-brand); font-weight: 700; font-size: 15px; }

.bfc-input-box { position: relative; border: 1px solid #d6e1e8; border-radius: 10px; background: #fff; 
  padding: 13px 14px 10px; display: flex; align-items: center; gap: 10px; min-height: 50px; padding: 0px 15px 0px 5px; }
.bfc-input-tag { position: absolute; top: -9px; left: 14px; font-size: 16px; color: #4A4A4A; background: #fff; 
  line-height: 1;font-weight: 500;padding: 0px 5px; }
.bfc-number-input { border: 0; padding: 0; margin: 0; width: 80%; font-size: 14px; padding-left: 15px; color: #33414d; font-weight: 500; background: transparent; }
.bfc-input-unit { font-size: 12px; color: #4A4A4A; line-height: 1; font-weight: 500; letter-spacing: 0.4px; }

.bfc-action { margin-top: 20px; }
.bfc-btn { border: 0; border-radius: 28px; background: #047C9E; color: #fff; font-size: 14px; font-weight: 600; line-height: 1; padding: 14px 24px; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; box-shadow: 0 10px 25px rgba(11, 133, 172, 0.3);  }
.bfc-btn:hover { background: #047C9E; transform: translateY(-1px); box-shadow: 0 14px 28px rgba(8, 93, 122, 0.3); }
.bfc-btn span { font-size: 15px; line-height: 1; transform: translateY(-1px); }
.bfc-result { display: none; margin: 14px 0 0; background: #f0f2f4; border: 1px solid #e1e7ec; border-radius: 12px; 
  padding: 8px;margin-top: -50px;margin-bottom: 20px;width: 70%; }
.bfc-result.is-error { background: #fff5f5; border-color: #f1cdcd; color: #a43f3f; font-size: 13px; line-height: 1.45; font-weight: 600; padding: 12px 14px; }
.bfc-result-title { margin: 0 0 14px; font-size: 18px; line-height: 1; color: #4C4C4C; 
  font-family: "Ubuntu", sans-serif; font-weight: 700; border-bottom: 1px solid #ccd4db; 
  padding-bottom: 8px; }
.bfc-result-metrics { border-left: 4px solid #047C9E; padding-left: 8px; margin-bottom: 0px; }
.bfc-result-line { margin: 2px 0px; font-size: 14px; line-height: 1.35; color: #4C4C4C; font-weight: 600; }
.bfc-result-line:last-child { margin-bottom: 0; }
.bfc-result-value { color: #e2a20a; font-weight: 500; font-family: "Roboto", sans-serif; }

.bfc-result-category { text-align: left; font-size: 16px; line-height: 1.2; font-weight: 600; color: #e2a20a; opacity: 0.62; }
.bfc-result-category.active { opacity: 1; }
#bfcCalculate{cursor: pointer;}
.bfc-form-panel .section_title{margin-bottom: 15px;}
.bg_cal_img{position: absolute;top: 90px; left: 0px; width: 100%; height: initial;}

@media only screen and (max-width: 1200px) {
  .bfc-gauge-panel { width: 53%; }
  .bfc-form-panel { width: 47%; margin-left: -14px; padding: 22px 20px; }
  .bfc-form-title { font-size: 23px; }
  /* .bfc-gauge-range { font-size: 12px; } */
  /* .bfc-gauge-text { font-size: 9px; } */
}

@media only screen and (max-width: 1024px) {
  .bfc-layout { flex-direction: column; min-height: 0; }
  .bfc-gauge-panel, .bfc-form-panel { width: 100%; }
  .bfc-form-panel { margin-left: 0; margin-top: 16px; }
  .bfc-gauge-wrap { max-width: 680px; }
  .bfc-gauge-panel{order: 2;border-radius: 16px;margin-top: 20px;}
  .bfc-form-panel{order: 1;border-radius: 16px;}
}

@media only screen and (max-width: 991px) {
  .bfc-screen { padding: 28px 0 38px; }
  .bfc-page-title { font-size: 27px; }
  .bfc-type-btn { padding: 9px 30px 9px 14px; }
  .bfc-gauge-panel { min-height: 300px; padding: 14px 8px 6px; }
  .bfc-form-title { font-size: 22px; }
  .bfc-field { margin-bottom: 16px; }
  .bfc-btn { width: 100%; justify-content: center; }
}

@media only screen and (max-width: 767px) {
  .bfc-screen { padding-top: 20px; }
  .bfc-page-title { font-size: 25px; }
  .bfc-gauge-panel { min-height: 240px; border-radius: 14px; }
  .bfc-gauge-wave { bottom: 64px; height: 150px; }
  /* .bfc-gauge-range { font-size: 10px; } */
  /* .bfc-gauge-text { font-size: 8px; } */
  .bfc-form-panel { border-radius: 14px; padding: 18px 14px 20px; }
  .bfc-form-title { font-size: 20px; margin-bottom: 16px; }
  .bfc-row { gap: 8px; }
  .bfc-unit-toggle button { min-width: 48px; padding: 6px 10px; }
  .bfc-height-values span { font-size: 15px; min-width: 20px; }
  .bfc-height-values span.active { font-size: 13px; }
  /* .bfc-input-tag { font-size: 12px; } */
  .bfc-number-input { font-size: 15px; }
  .bfc-result-title { font-size: 28px; }
  .bfc-result-category { font-size: 12px; }
  #bfcCalculate{width: 100%;justify-content: center;}
  .bfc-result{width: 100%;margin-top: -30px;}
  .bfc_mobile_slide{overflow: auto;width: 100%;padding-bottom: 15px;margin-bottom: 30px;}
  .inner_sllide_bfc_b{width: 800px;}
  .bfc-gauge-panel{order: 1;}
  .bfc-form-panel{order: 2;}
  .bfc-input-unit{min-width: 20px;text-align: right;}
  .bfc-number-input{padding-left: 0px;}

  .bfc-gauge-svg{width: initial; margin-left: -40px; margin-right: -40px;}
  .bfc-gauge-range{font-size: 18px;}
  .bfc-input-tag{left: 3px;}
  .bfc-height-current, .bmi-height-current, .bmr-height-current{font-size: 20px;}
}

@media only screen and (max-width: 430px) {
  /* .bfc-gauge-range { font-size: 9px; } */
  /* .bfc-gauge-text { font-size: 7px; } */
  /* .bfc-gauge-text-extreme { font-size: 7px; } */
  .bfc-result { padding: 14px 12px 16px; }
  .bfc-result-title { font-size: 24px; }
  .bfc-result-categories { gap: 4px; }
  .bfc-result-category { font-size: 10px; }
  .bfc-gauge-text{font-size: 18px;}
}
.cvt-layout { display: flex; flex-wrap: wrap; }

/* Left Image Panel Styles */
.cvt-image-panel { width: 50%; position: relative; overflow: hidden; 
  background: linear-gradient(135deg, #148daf 0%, #0f7fa4 44%, #0b678d 72%, #0a5a82 100%); 
  padding: 40px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; 
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); border-top-left-radius: 16px; 
  border-bottom-left-radius: 16px; }

.cvt-plate-wrap { position: relative; width: 100%; max-width: 320px; aspect-ratio: 500 / 500; z-index: 2; display: flex; justify-content: center; align-items: center; }
.cvt-plate-image { width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 20px 40px rgba(0,0,0,0.25); border: 8px solid rgba(255,255,255,0.1); transition: opacity 0.3s ease; background: #fff; }
.cvt-plate-image.fade-out { opacity: 0; }

.bg_cal_img { position: absolute; top: 90px; left: 0px; width: 100%; height: initial; opacity: 0.6; z-index: 1; pointer-events: none; }

/* Right Form Panel Styles */
.cvt-form-panel { width: 50%; background: #fff; padding: 40px 30px; position: relative; z-index: 2; box-shadow: 0px 4px 40px 0px #00000014; border-top-right-radius: 16px; border-bottom-right-radius: 16px; }

.cvt-description { font-size: 15px; color: #666; line-height: 1.5; margin-bottom: 25px; }

/* Progress Bar */
.cvt-field { margin-bottom: 20px; }
.cvt-progress-bar { width: 100%; height: 8px; background: #e1e7ec; border-radius: 10px; overflow: hidden; }
.cvt-progress-fill { height: 100%; background: #047C9E; width: 0%; transition: width 0.4s ease; }
.cvt-progress-text { text-align: right; font-size: 13px; color: #888; margin-top: 8px; font-weight: 500; }

/* Input Field */
.cvt-input-box { position: relative; border: 1px solid #d6e1e8; border-radius: 10px; background: #fff; 
  padding: 13px 14px 10px; display: flex; align-items: center; gap: 10px; min-height: 55px; padding: 0px 15px 0px 5px; }
.cvt-input-tag { position: absolute; top: -9px; left: 14px; font-size: 16px; color: #4A4A4A; background: #fff; 
  line-height: 1; font-weight: 500; padding: 0px 5px; }
.cvt-number-input { border: 0; padding: 0; margin: 0; width: 100%; font-size: 18px; padding-left: 15px; color: #33414d; font-weight: 700; background: transparent; outline: none; }
.cvt-number-input::placeholder { color: #bbc4cc; font-weight: 400; }

/* Buttons */
.cvt-button-group { display: flex; gap: 12px; }
.common_btn { border: 0; border-radius: 28px; font-size: 14px; font-weight: 600; line-height: 1; padding: 14px 24px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; transition: all 0.2s ease; }
.cvt-primary-btn { background: #047C9E; color: #fff; flex: 1; box-shadow: 0 8px 20px rgba(4, 124, 158, 0.25); }
.cvt-primary-btn:hover { transform: translateY(-1px); box-shadow: 0 12px 25px rgba(4, 124, 158, 0.35); }
.cvt-secondary-btn { background: #f0f2f4 !important; color: #555 !important; width: 45%; }
.cvt-secondary-btn:hover { background: #e2e6ea !important; color: #333 !important; }

/* Result Panel (Appears on the left) */
.cvt-result { display: none; margin-top: 30px; background: #fff; border-radius: 12px; padding: 20px; width: 85%; z-index: 2; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.cvt-result-title { margin: 0 0 10px; font-size: 20px; line-height: 1; color: #4C4C4C; font-family: "Ubuntu", sans-serif; font-weight: 700; border-bottom: 1px solid #ccd4db; padding-bottom: 10px; }
.cvt-result-metrics { border-left: 4px solid #047C9E; padding-left: 12px; }
.cvt-result-line { margin: 6px 0px; font-size: 15px; line-height: 1.4; color: #4C4C4C; font-weight: 500; }
.cvt-result-value { color: #047C9E; font-weight: 700; font-size: 18px; }

/* Responsive Styling */
@media only screen and (max-width: 1024px) {
  .cvt-layout { flex-direction: column; }
  .cvt-image-panel, .cvt-form-panel { width: 100%; }
  .cvt-image-panel { order: 1; border-radius: 16px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 30px 20px; }
  .cvt-form-panel { order: 2; border-radius: 16px; border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0; }
  .cvt-plate-wrap { max-width: 250px; }
}

@media only screen and (max-width: 767px) {
  .cvt-button-group { flex-direction: column-reverse; }
  .cvt-secondary-btn { width: 100%; }
  .cvt-plate-wrap { max-width: 200px; }
  .cvt-result { width: 100%; }
}
.htc-layout { display: flex; flex-wrap: wrap; }

.htc-gauge-panel { width: 50%; position: relative; overflow: hidden; 
  background: linear-gradient(135deg, #148daf 0%, #0f7fa4 44%, #0b678d 72%, #0a5a82 100%); 
  padding: 16px 10px 8px; display: flex; align-items: center; justify-content: center; 
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); border-top-left-radius: 16px; 
  border-bottom-left-radius: 16px; flex-wrap: wrap; }

.htc-gauge-wrap { position: relative; width: 100%; max-width: 700px; z-index: 2; transition: opacity 0.3s ease; }
.htc-gauge-svg { width: 100%; display: block; height: auto; }
.htc-gauge-text { fill: rgba(255, 255, 255, 0.95); font-size: 10px; font-weight: 500; letter-spacing: 0.1px; }
.htc-gauge-range { fill: rgba(255, 255, 255, 0.9); font-size: 13px; font-weight: 600; text-anchor: middle; letter-spacing: 0.15px; }

/* Fixed Needle Transition */
.htc-gauge-needle { transform-origin: 350px 315px; transform: rotate(-41deg); transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); }

.bg_cal_img { position: absolute; top: 90px; left: 0px; width: 100%; height: initial; opacity: 0.6; z-index: 1; pointer-events: none; }

.htc-form-panel { width: 50%; background: #fff; padding: 40px 30px; position: relative; z-index: 2; box-shadow: 0px 4px 40px 0px #00000014; border-top-right-radius: 16px; border-bottom-right-radius: 16px; }

.htc-description { font-size: 14px; color: #566470; line-height: 1.5; margin-bottom: 25px; background: #fff5f5; padding: 12px; border-left: 4px solid #d9534f; border-radius: 4px; }

.htc-field { margin-bottom: 20px; }
section.common_gap.bmi-screen {
    padding: 25px 0px !important;
}

.htc-freq-display { background: #f8fafc; border: 2px dashed #c1cbd3; border-radius: 12px; padding: 25px 15px; text-align: center; }
.htc-freq-label { display: block; font-size: 14px; color: #666; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }
.htc-freq-value { font-size: 36px; color: #047C9E; font-family: "Ubuntu", sans-serif; font-weight: 700; transition: color 0.3s ease; }
   .common_btn:hover span{transform: rotate(47deg);}
.htc-button-group { display: flex; gap: 12px; }
    .common_btn{background: var(--brandBg);border-radius: 30px;display: inline-flex;font-size: 16px;
    color: #fff;padding: 16px 30px;text-decoration: none;font-weight: 500;}
.common_btn { border: 0; border-radius: 28px; font-size: 14px; font-weight: 600 !important; line-height: 1; padding: 14px 24px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; transition: all 0.2s ease; }
.common_btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none !important; box-shadow: none !important; }
    a.common_btn {color: #fff !important;}
.htc-play-btn { background: #e2a20a; color: #fff; width: 100%; max-width: 250px; font-size: 16px; padding: 16px 24px; box-shadow: 0 8px 20px rgba(226, 162, 10, 0.25); animation: pulseBtn 2s infinite; }
.htc-play-btn:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(226, 162, 10, 0.35); animation: none; }
.htc-play-btn.playing { background: #9ec63b; animation: none; }

.htc-primary-btn { background: #047C9E; color: #fff; flex: 1; box-shadow: 0 8px 20px rgba(4, 124, 158, 0.25); }
.htc-primary-btn:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 12px 25px rgba(4, 124, 158, 0.35); }
.htc-secondary-btn { background: #f0f2f4; color: #555; width: 45%; }
.htc-secondary-btn:hover:not(:disabled) { background: #e2e6ea; color: #333; }

.htc-result { display: none; margin: 14px 0 0; background: #fff; border-radius: 12px; padding: 20px; width: 85%; z-index: 2; box-shadow: 0 10px 30px rgba(0,0,0,0.1); margin-top: -30px; }
.htc-result-title { margin: 0 0 10px; font-size: 20px; line-height: 1; color: #4C4C4C; font-family: "Ubuntu", sans-serif; font-weight: 700; border-bottom: 1px solid #ccd4db; padding-bottom: 10px; }
.htc-result-metrics { border-left: 4px solid #047C9E; padding-left: 12px; }
.htc-result-line { margin: 6px 0px; font-size: 15px; line-height: 1.4; color: #4C4C4C; font-weight: 500; }
.htc-result-value { color: #047C9E; font-weight: 700; font-size: 18px; }

@keyframes pulseBtn {
  0% { box-shadow: 0 0 0 0 rgba(226, 162, 10, 0.4); }
  70% { box-shadow: 0 0 0 10px rgba(226, 162, 10, 0); }
  100% { box-shadow: 0 0 0 0 rgba(226, 162, 10, 0); }
}

@media only screen and (max-width: 1024px) {
  .htc-layout { flex-direction: column; }
  .htc-gauge-panel, .htc-form-panel { width: 100%; }
  .htc-gauge-panel { order: 2; border-radius: 16px; margin-top: 20px; padding: 30px 20px; }
  .htc-form-panel { order: 1; border-radius: 16px; margin-top: 0; }
  .htc-gauge-wrap { max-width: 500px; }
}

@media only screen and (max-width: 767px) {
  .htc-button-group { flex-direction: column-reverse; }
  .htc-secondary-btn { width: 100%; }
  .htc-result { width: 100%; margin-top: 10px; }
  .htc-gauge-range { font-size: 10px; }
}

/*----bmi----start---here----*/

/*---bmi--health--care---start--here---*/
.health_care_bmi{background: #F7F7F7;}
.health_care_row_bmi{display: flex;flex-wrap: wrap;margin: 0px -15px;}
.health_care_colm_left{width: 300px;padding: 0px 15px;}
.health_care_colm_right{width: calc(100% - 300px);padding: 0px 15px;}
.health_care_content_bmi p{color: #747474;font-size: 14px;line-height: 1.4;margin-bottom: 20px;}
.health_care_content_bmi p:last-child{margin-bottom: 0px;}
.btn_health_care_bmi{margin-top: 20px;}

@media only screen and (max-width: 1024px){
.health_care_colm_left{width: 100%;}
.health_care_colm_left br{display: none;}
.health_care_colm_right{width: 100%;margin-top: 15px;}
}

@media only screen and (max-width: 767px){
.btn_health_care_bmi .common_btn{width: 100%;justify-content: center;}
}

/*---bmi--health--care---end--here---*/

.redirect_select{-webkit-appearance: none;
  -moz-appearance: none;}
.select_relative_caculater{position: relative;}
.select_relative_caculater svg{width: initial; height: initial; position: absolute; top: 50%; right: 0px; transform: translate(0px, -50%); pointer-events: none;}

/*---intrupting---result---start--here---*/
.intrepting_results .title_row{width: 600px;}
.intrepting_results .title_wraper{width: 300px;}
.intrepting_results .title_desc_colm{width: calc(100% - 300px);padding-left: 20px;}

@media only screen and (max-width: 1024px){
    .intrepting_results .title_row, .intrepting_results .title_wraper{width: 100%;}
    .intrepting_results .title_desc_colm{width: 100%;padding-left: 0px;margin-top: 15px;}
}

.slider_intrupting .swiper-slide{height: initial;}
.intrupting_card{background: #F7F7F7;border: 1px solid #DDDDDD;border-radius: 16px;padding: 20px;height: 100%;}
.intrupting_title{font-size: 19px;font-weight: 500;color: #4A4A4A;line-height: 1.4;}
.intrupting_title span{display: inline-block;font-size: 14px;}
.intrupting_card ul{margin: 0px;padding: 0px;padding-left: 15px;}
.intrupting_card ul li{margin-top: 15px;font-size: 14px;color: #747474;line-height: 1.4;}

@media only screen and (min-width:  992px){
  .slider_intrupting .swiper-wrapper{flex-wrap: wrap;margin: 0px -10px;width: initial;}
  .slider_intrupting .swiper-slide{width: 33.333%;padding: 0px 10px;margin-top: 20px;}
  .slider_intrupting{margin-top: -30px;}
}

@media only screen and (max-width:  991px){
.slider_intrupting{overflow: hidden;padding-right: 30px;}
.intrupting_wrapper{margin-right: -30px;}
}

@media only screen and (max-width:  767px){
.slider_intrupting{overflow: hidden;padding-right: 15px;}
.intrupting_wrapper{margin-right: -15px;}
}

/*----underweight---indvisual---start---here---*/
.underweight_induvidual .title_row{width: 800px;}
.underweight_induvidual .title_wraper{width: 390px;}
.underweight_induvidual .title_desc_colm{width: calc(100% - 390px);padding-left: 15px;}
.underweight_induvidual{background: #F7F7F7;}

 @media only screen and (max-width: 1024px){
   .underweight_induvidual .title_row, .underweight_induvidual .title_wraper{width: 100%;}
    .underweight_induvidual .title_desc_colm{width: 100%;padding-left: 0px;margin-top: 15px;}
}

.underweight_slider{overflow: hidden;}
.underweight_slider .swiper-slide{height: initial;}
.underweight_card{background: #fff;border-radius: 16px;overflow: hidden;height: 100%;}
.underweight_img img{width: 100%;height: initial;display: block; transition: all 0.3s;}
.underweight_img:hover img{transform: scale(1.1);}
.underweight_img{position: relative;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;overflow: hidden;}
.underweight_img:after{content: '';position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: #000;opacity: 0.2;}
.content_underweight{padding: 20px;}
.title_underweight{color: #4A4A4A;font-size: 16px;font-weight: 500;}
.desc_underweight p{margin-top: 10px;color: #4A4A4A;font-size: 14px;line-height: 1.5;}
.relative_induvudual{position: relative;}
.relative_induvudual .slider_arrow_with_dot{position: absolute;top: 0px;right: 0px;z-index: 2;}

 @media only screen and (max-width: 1024px){
    .underweight_wrapper{position: relative;}
    .relative_induvudual .slider_arrow_with_dot{left: -15px;right: -15px; pointer-events: none;justify-content: space-between;
    top: 20%;}
    .underweight_induvidual_next, .underweight_induvidual_back{pointer-events: initial;}
 }
  @media only screen and (max-width: 991px){
    .underweight_wrapper{margin-right: -30px;}
    .underweight_slider{padding-right: 30px;}
    .relative_induvudual .slider_arrow_with_dot{right: 30px;}
  }

  @media only screen and (max-width:767px){
    .underweight_wrapper{margin-right: -15px;}
    .underweight_slider{padding-right: 15px;}
    .relative_induvudual .slider_arrow_with_dot{right: 9px;left: -9px;}
    
  }


  /*---health---risk---start----here---*/

.health_risk_section .title_row{width: 780px;}
.health_risk_section .title_wraper{width: 430px;}
.health_risk_section .title_desc_colm{width: calc(100% - 430px);padding-left: 20px;}
.health_risk_relative{position: relative;}
.health_risk_btn{position: absolute;top: 0px;right: 0px;z-index: 3;}

.heath_risk_row{display: flex; flex-wrap: wrap; overflow: hidden; border-radius: 16px;background: #F7F7F7;
}
.health_risk_colm_left{width: 50%;}
.health_risk_colm_right{padding: 10px 50px;width: 50%;}
.health_risk_colm_left img{width: 100%;display: block;height: initial;display: block;height: 100%;
object-fit: cover;}
.health_risk_colm_right ul{padding-left: 15px;}
.health_risk_colm_right li{color: #747474;font-size: 14px;line-height: 21px;margin: 5px 0px;}


@media only screen and (max-width: 1400px){
.health_risk_colm_right{padding: 0px 30px;}
.health_risk_colm_right li{margin: 0px 4px;}
}

@media only screen and (max-width: 1199px){
 .heath_risk_row{align-items: initial;}
 .health_risk_colm_left img{height: 100%;object-fit: cover;}
 .health_risk_colm_right{padding: 15px;}
}


@media only screen and (max-width: 1024px){
   .health_risk_section .title_row, .health_risk_section .title_wraper{width: 100%;}
    .health_risk_section .title_desc_colm{width: 100%;padding-left: 0px;margin-top: 15px;}
    .health_risk_btn{position: static;text-align: center;margin-top: 30px;}
}

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

.health_risk_btn .common_btn{width: 100%;justify-content: center;}
.health_risk_colm_right, .health_risk_colm_left{width: 100%;}
}

 /*---health---risk---end----here---*/


 /*---treatment---option---start---here---*/
 .treatment_option{background: #F7F7F7;}
 .treatment_option .title_row{width: 80%;}
.treatment_option .title_wraper{width: 315px;}
.treatment_option .title_desc_colm{width: calc(100% - 315px);padding-left: 20px;}

.tab_output_box_t{display: none;}
.tab_list_t_option{border-bottom: 1px solid #D5D5D5;}
.tab_list_t_option li{display: inline-block;margin: 0px 15px;padding-bottom: 15px;cursor: pointer;
font-size: 18px;color: #4A4A4A;position: relative;}
.tab_list_t_option li.active{color: #047C9E;font-weight: 500;}
.tab_list_t_option li:after{content: '';position: absolute;bottom: 0px;left: 0px;right: 0px;
border-bottom: 2px solid #047C9E;display: none;}
.tab_list_t_option li.active:after{display: block;}
.tab_list_t_option li:first-child{margin-left: 0px;}
.tab_list_t_option li:last-child{margin-right: 0px;}
.row_treatment_option{display: flex;flex-wrap: wrap;background: #fff;border-radius: 16px;overflow: hidden;}
.treatment_option_left_colm{width: 40%;padding: 0px 30px;}
.treatment_option_right_colm{width: 60%;padding: 0px;}
.tratment_op_img{width: 100%;display: block;height: initial;min-height: 100%;object-fit: cover;}
.treatment_option_c{display: flex;align-items: center;height: 100%;}
.treatment_option_c ul{width: 100%;margin: 0px;padding: 15px 0px;}
.treatment_option_c ul li{color: #747474;font-size: 14px;line-height: 21px;margin: 15px 0px;}
.treatment_option_c ul li:first-child{margin-top: 0px;}
.treatment_option_c ul li:last-child{margin-bottom: 0px;}
.treatment_option_c ul li strong{font-weight: 400;color: #000;}
.tab_list_t_option{overflow: hidden;}
.tab_list_t_option ul{display: flex;white-space: nowrap;overflow: auto;}

@media only screen and (max-width: 1024px){
   .treatment_option .title_row, .treatment_option .title_wraper{width: 100%;}
    .treatment_option .title_desc_colm{width: 100%;padding-left: 0px;margin-top: 15px;}
}

@media only screen and (max-width: 991px){
.treatment_option_left_colm{width: 50%;}
.treatment_option_right_colm{width: 50%;}
}

@media only screen and (max-width: 767px){
.treatment_option_left_colm{width: 100%;order: 2;}
.treatment_option_right_colm{width: 100%; order: 1;}
.tratment_op_img{border-radius: 16px;}
}


/*---asked---question---start---here---*/
.asked_question_section{background: #fff;}
.asked_question_section .title_wraper{width: 265px;}
.asked_question_section .title_desc_colm{width: calc(100% - 265px);}
.asked_question_section .title_row{width: 660px;}
.asked_question_row{display: flex;flex-wrap: wrap;margin: 0px -30px;}
.asked_question_colm{width: 50%;padding: 0px 30px;width: 50%;}
.asked_question_detail{display: none;}
.asked_question_title{position: relative;padding: 20px 0px;padding-left: 45px;cursor: pointer;font-size: 14px;line-height: 21px;
    color: #4C4C4C;padding-right: 20px;}
.asked_question_box.active .asked_question_title{font-weight: 500;}
.asked_question_box{border-top: 1px solid #E4E4E4;position: relative;}
.asked_question_box:last-child{border-bottom: 1px solid #E4E4E4;}
.asked_question_box:after{content: ''; position: absolute;top: 0px;left: 0px;border-bottom: 1px solid #047C9E;
    width: 120px; transition: all 0.5s;}
.asked_question_box:last-child:before{content: ''; position: absolute;bottom: 0px;left: 0px;border-bottom: 1px solid #047C9E;
    width: 120px; transition: all 0.5s;}
.asked_question_count{position: absolute;top: 17px;width: 26px;height: 26px;font-size: 12px;font-weight: 500;
left: 0px;border-radius: 30px;display: flex;justify-content: center;align-items: center;border: 1px solid #E4E4E4;}
.asked_question_box.active .asked_question_count{background: #047C9E;color: #fff;border-color: #047C9E;}
.asked_question_detail{padding-left: 45px;padding-bottom: 60px;}
.asked_question_desc{font-size: 14px;line-height: 20px;color: #747474;}
.icon_box_asked_q{position: absolute;top: 22px;right: 0px;width: 10px;}
.icon_box_asked_q img{width: 100%;height: initial;}
.icon_box_asked_q img:last-child{display: none;}
.asked_question_box.active .icon_box_asked_q img:last-child{display: block;}
.asked_question_box.active .icon_box_asked_q img:first-child{display: none;}
.asked_question_box.active .icon_box_asked_q{transform: rotate(-45deg);}
.view_more_btn_box_faq{display: none;}

@media only screen and (max-width: 1199px){
 .asked_question_detail{padding-bottom: 30px;}
 .asked_question_colm{padding: 0px 15px;}
 .asked_question_row{margin: 0px -15px;}
}

@media only screen and (max-width: 991px){
.asked_question_colm{width: 100%;}
.asked_question_colm:last-child .asked_question_box:first-child{border-bottom: none;}
.asked_question_colm:last-child .asked_question_box:first-child:after{display: none;}
.view_more_btn_box_faq{margin-top: 20px;display: block;}
.view_all_faq{display: inline-flex;font-size: 18px;font-weight: 600;color: #007c9d;}
.icon_view_fq{width: 10px;transform: rotate(135deg);margin-left: 10px;}
.icon_view_fq img{height: initial;width: 100%;}
.faq_colm2{display: none;}
.view_all_faq.active .icon_view_fq{transform: rotate(-45deg);}
.asked_question_box.active .icon_box_asked_q{top: 17px;}
}
@media only screen and (max-width: 767px){
.asked_question_title{padding-top: 12px;padding-bottom: 12px;}
.icon_box_asked_q{top: 14px;}
}
@media only screen and (max-width: 991px){
.title_row{display: block;width: 100% !important;}
.title_desc_colm{padding-left: 0px;}
 .title_wraper{margin-bottom: 15px;}
.title_desc_colm,  .title_wraper{width: 100% !important;}
.section_title br{display: none;}
.common_btn_box{position: static;margin-top: 20px;text-align: center;}
}

@media only screen and (max-width: 991px) {
    .title_desc_colm {
        padding-left: 0px !important;
    }
}

.redirect_select:focus {
  outline: none;
  box-shadow: none;
  border: none; /* agar border bhi hatani ho */
}
@media only screen and (max-width: 390px){
.expert_wrapper .card_common_btn, .expert_care_colm_btn2 .call_now_btn_common{font-size: 12px;}
.expert_wrapper .card_common_btn span{width: 7px;}
.expert_section .slider_arrow{right: 5px;}
}


.slider_border_line .custom-swiper-button-next:before, .slider_border_line .custom-swiper-button-prev:before{ 
    content: '';position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;
    width: 100%;height: 100%;border: 1px solid #047C9E; border-radius: 30px;
    clip-path: polygon(50% 0%, 100% 0%, 100% 50%, 50% 50%);
  transform: rotate(-90deg);
  transition: all 0.3s;
}
.slider_border_line .custom-swiper-button-next:hover:before, .slider_border_line .custom-swiper-button-prev:hover:before{
    clip-path: inset(0);
}
.slider_border_line .swiper-button-disabled:before{display: none;}
  /*---Calculators-details--end---here---*/

.view--id-health_fitness_calculators.view--display-id-block_2 .view__filters {display: none;}
.view--id-health_fitness_calculators.view--display-id-block_3 .view__filters {display: none;}
.view--id-health_fitness_calculators.view--display-id-block_4 .view__filters {display: none;}
.view--id-health_fitness_calculators.view--display-id-block_5 .view__filters {display: none;}

.cvt-input-box div{
      position: absolute;
    top: -32px;
    left: 0px;
    color: red !important;
}
@media only screen and (max-width: 767px) {
    .search_wrapper_common {
        padding: 0px 15px;
    }
    .common_gap{padding: 35px 0px;}
}
@media only screen and (max-width: 1400px) {
    .search_wrapper_inner input {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .search_wrapper_inner input {
        padding-right: 49px;
    }
}
@media only screen and (max-width: 1400px) {
    .search_submit_btn {
        width: 30px;
    }
}
@media only screen and (max-width: 767px){
    .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5,  .col-sm-6,  .col-sm-7,  .col-sm-8,  .col-sm-9, .col-sm-10,  .col-sm-11,  .col-sm-12{width: 100%;}
    .container_apollo{padding: 0px 15px;}
    .common_gap.footer_area{padding: 40px 0px;}
    .section_title {font-size: 28px;line-height: 31px;}
    .slider_arrow_box{width: 76px;right: 15px;}
    .custom-swiper-button-prev, .custom-swiper-button-next {width: 34px;height: 34px;}
    .custom-swiper-button-next:after, .custom-swiper-button-prev:after{left: 43%;}
    .custom-swiper-button-prev:after{left: 57%;}
    .section_common_description{font-size: 15px;}
    .common_btn {padding: 15px 30px;}
    .m_top_common{margin-top: 20px;} 
    .tab_list_t_option ul{scrollbar-width: none;}
    .cvt-form-panel{padding: 15px;}
    .cvt-field{margin-top: 10px !important;}

}

.bmi_age_card{ position: relative; border: 1px solid #d6e1e8; border-radius: 10px; background: #fff; display: flex; align-items: center; gap: 10px; min-height: 50px; padding: 0px 15px 0px 5px; }
.bmi_age_tag{ position: absolute; top: -9px; left: 14px; font-size: 16px; color: #4A4A4A; background: #fff; line-height: 1; font-weight: 500; padding: 0px 5px; }
.bmi_age_input{ border: 0; padding: 0; margin: 0; width: 100%; font-size: 14px; padding-left: 15px; color: #33414d; font-weight: 500; background: transparent; }
.bmi_age_and_weight_row{ display: flex; flex-wrap: wrap;margin: 0px -15px;margin-right: 0px; }
.bmi_colm_card{padding: 0px 15px !important;width: 50%;}
.bmi_age_unit{    font-size: 12px; color: #4A4A4A; line-height: 1; font-weight: 500; letter-spacing: 0.4px;
width: 22px;}

@media only screen and (max-width: 991px){
 .bmi_age_and_weight_row{margin-left: 0px;}
}
@media only screen and (max-width: 767px){
.bmi_age_tag{font-size: 12px;}
.bmi_age_unit, .bmi-weight-unit{width: 28px;}
}

@media only screen and (max-width: 365px){
.bmi_age_unit, .bmi-weight-unit{width: 33px;}
}