body {
  font-family: "Segoe UI", Arial, sans-serif !important;
}
.serp_cluster_body_section {
  background: #FFFDF3;
}

.timeline-wrapper {
  max-width: 420px;
  padding: 8px 12px;
  position: relative;
}

.timeline-line {
  position: absolute;
  left: 25px;
  top: 20px;
  bottom: 15px;
  width: 2px;
  background: #e6e6e6;
}

.timeline-item {
  position: relative;
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 5px;
  padding: 0px;
  align-items: center;
  /* vertical spacing between items */
}

.timeline-dot-col {
  position: relative;
  min-height: 16px;
}

.timeline-dot_1 {
  position: absolute;
  left: -1px;
  top: -5px;
  width: 30px;
  height: 30px;
  /* background: #0b1b4d; */
  border-radius: 50%;
}

.serp_title {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  color: #FFF;
  font-weight: bold;
  font-size: 11px;
  margin-left: 10px;
}

.serp_timeline_content {
  border-radius: 50px;
  padding: 5px 10px;
}

.serp_timeline_content_1 {
  background-color: #F27154;
}

.serp_timeline_content_2 {
  background-color: #A2B2A8;
}

.serp_timeline_content_3 {
  background-color: #B9B583;
}

.serp_timeline_content_4 {
  background-color: #EEAB4E;
}

.serp_timeline_content_5 {
  background-color: #A2B2A8;
}

.container_progress {
  background-color: rgb(192, 192, 192);
  width: 80%;
  border-radius: 15px;
  height: 5px;
}

.main_progress {
  background-color: #FFF;
  padding: 0px 3px;
  border-radius: 10px;
  margin: 0px 2px;
}

.progress_rng_val {

  height: 5px;
}

.range_of_val_pro {
  font-size: 8px;
  color: #F27154;
  font-weight: 600;
}

.range_of_val_pro_2 {
  color: #A2B2A8;
}

.range_of_val_pro_3 {
  color: #B9B583;
}

.range_of_val_pro_4 {
  color: #EEAB4E;
}

.range_of_val_pro_5 {
  color: #A2B2A8;
}

.progress_range_1 {
  background-color: #F27154;
  border-radius: 15px;
  width: 80%;
}

.progress_range_2 {
  background-color: #A2B2A8;
  border-radius: 15px;
  width: 30%;
}

.progress_range_3 {
  background-color: #B9B583;
  border-radius: 15px;
  width: 30%;
}

.progress_range_4 {
  background-color: #EEAB4E;
  border-radius: 15px;
  width: 30%;
}

.progress_range_5 {
  background-color: #A2B2A8;
  border-radius: 15px;
  width: 30%;
}

.cl_cycl_lft_box {
  background: #FFFDF3 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 0px 15px 15px 0px;
}

.serp_lg_txt {
  font-size: 20px;
  font-weight: bold;
  margin-left: 5px;
}

.serp_lg_img {
  width: 50px;
  height: auto;
}

.serp_btn_sec {
  background: transparent linear-gradient(180deg, #EF8113 0%, #C12223 100%);
  border: none;
  color: #fff !important;
  width: 100%;
  font-weight: 700;
  padding: 6px 18px;
  font-size: 14px;
}

.serp_btn_sec:hover {
  background: transparent linear-gradient(180deg, #b45f0a 0%, #9c1515 100%);
}

.serp_dash_drp_sec {
    padding: 10px 15px;
    background: #fffdf3 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 3px 6px #00000029;*/
}

.serp_path_img {
  width: 100%;
  height: auto;
}

.serp_path_sec {
  position: relative;
}

.serp_path_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.serp_path_txt_p1, .serp_path_txt_p2{
  margin-bottom: 0px !important;
  color: #fff;
}
.serp_path_txt_p1 {
    font-size: 13px;
    font-weight: 600;
}
.serp_path_txt_p2{
  font-weight: bold;
  font-size: 18px;
}

.sl_btm_lst_sec {
    background-image: url("C:/Users/2188388/Downloads/serp_ap_sec_page/serp_ap/assets/img/Path_6.png");
    background-repeat: no-repeat;
    background-size: auto;
}

.sl_sid__bx_timeline-dot-col {
    position: relative;
    min-height: 16px;
}

.sl_btm_last_crd_sec {
    margin-top: -15%
}


.sl_sec_hd{
  font-size: 20px;
  font-weight: bold;
}
.sl_sid_bx_span{
  margin-bottom: 0px !important;
    font-size: 12px;
    background: #EEEEEE;
  padding: 3px 15px;
    font-weight: bold;
    border-radius: 0px 10px 10px 0px;
}
.sl_sid_col_lft_fm{
  padding-left: 0px !important;
}
.sl_sid_bx_btp_img{
  width: 20px;
  height: auto;
}
.sl_sid_bx_btp_p1, .sl_sid_bx_btp_p2{
  margin-bottom: 0px !important;
}
.sl_sid_bx_btp_p1{
  font-weight: bold;
  font-size: 12px;
}
.sl_sid_bx_btp_p2{
  font-size: 10px;
  color: #1492E6;
  font-weight: bold;
}
.sl_sid__bx_timeline-wrapper {
            max-width: 420px;
            padding: 4px 12px;
            position: relative;
        }

        .sl_sid__bx_timeline-line {
                position: absolute;
    left: 25px;
    top: 10px;
    bottom: 15px;
    width: 2px;
    background: #e6e6e6;
        }

        .sl_sid__bx_timeline-item {
            position: relative;
            display: grid;
            grid-template-columns: 25px 1fr;
            gap: 1px;
            padding: 0px;
            align-items: center;
        }

        .sl_sid__bx_timeline-dot-col {
            position: relative;
            min-height: 16px;
        }

        .sl_sid__bx_timeline-dot_1 {
            position: absolute;
            left: 10px;
            top: 4px;
            width: 8px;
            height: 8px;
            background: #FF9B4D;
            border-radius: 50%;
        }

        .sl_sid_serp_title {
            margin-bottom: 2px !important;
            margin-top: 2px;
        }
       
        .cl_cirl_cd_img{
          width: 45px;
          margin-right: 5px;
        }
        .cl_cirl_cd_txt_1{
font-size: 12px;
    font-weight: bold;
        }
        .cl_cirl_cd_txt_2{
    font-size: 16px;
    font-weight: bold;
        }
       
        .cl_cir_cols{
          padding-right: 0px !important;
        }
        .cl_hr_bar{
              height: 2px;
    width: 100%;
    background-color: #dcdcdc;
    margin-top: 15px;
        }
        .fa_nfa_sec_p{
          font-weight: bold;
          font-size: 14px;
          margin-bottom: 0px !important;
        }
        .fa_nfa_sec_timeline-wrapper {
            max-width: 420px;
            padding: 8px 0px;
            position: relative;
        }

        .fa_nfa_sec_timeline-line {
            position: absolute;
            left: 13px;
            top: 20px;
            bottom: 15px;
            width: 2px;
            background: #e6e6e6;
        }

        .fa_nfa_sec_timeline-item {
            position: relative;
            display: grid;
            grid-template-columns: 25px 1fr;
            gap: 5px;
            padding: 0px;
            align-items: center;
        }

        .fa_nfa_sec_timeline-dot-col {
            position: relative;
            min-height: 16px;
        }

        .fa_nfa_sec_timeline-dot_1 {
            position: absolute;
            left: 10px;
            top: 4px;
            width: 7px;
            height: 7px;
            border-radius: 50%;
        }
        .fa_nfa_sec_timeline-dot_cl_1{
background: #EDAB4E;
        }
        .fa_nfa_sec_timeline-dot_cl_2{
background: #E4AC56;
        }
        .fa_nfa_sec_timeline-dot_cl_3{
background: #BFBC8E;
        }
        .fa_nfa_sec_timeline-dot_cl_4{
background: #B8B583;
        }
        .fa_nfa_sec_timeline-dot_cl_5{
background: #9AACA2;
        }
        .fa_nfa_sec_timeline-content{
          background-color: #fff;
          box-shadow: 0px 3px 6px #00000029;
        }
        .fa_sid_txt_bx{
          font-weight: bold;
    font-size: 12px;
    padding-left:11px;
        }
        .nfa_crd_bx_txt_p1, .nfa_crd_bx_txt_p2{
          margin-bottom: 0px !important;
        }
        .nfa_crd_bx_txt_p1{
          font-size: 12px;
          font-weight:bold;
        }
        .nfa_crd_bx_txt_p2{
          font-size: 14px;
          font-weight: bold;
        }
        .nfa_crd_bx{
          position: relative;
        }
        .nfa_crd_bx_txt_sec{
          position: absolute;
        }
        .cl_sp_img_txt_p1{
          font-weight: bold;
          font-size: 14px;
          margin-bottom: 0px !important;
        }
        .cl_sp_img_txt_p2{
          font-weight: bold;
          font-size: 10px;
          margin-bottom: 0px !important;
        }
        .cl_sp_sec_img{
          width: 40px;
        }
        .cl_sp_btm_img{
          width: 100%;
        }
        .sl_btm_col_img{
          width: 50px;
          margin-right: 10px;
        }
        .sl_btm_col_img_sec{
          border-right: 2px solid #b8b6b6;
        }
        .sl_btm_col_txt_sec{
          margin-left: 5px;
        }
        .sl_btm_col_txt_sec_p1{
          margin-bottom: 0px !important;
              font-size: 12px;
          font-weight: bold;
        }
        .sl_btm_col_txt_sec_p2{
          margin-bottom: 0px !important;
          font-size: 12px;
          font-weight: bold;
        }
        .sl_btm_lst_txt{
          margin-bottom: 0px;
          text-align: center;
          font-weight: bold;
          font-size: 14px;
        }
        .sl_btm_lst_crd_icon{
          width: 50px;
        }
        /* .sl_btm_lst_crd_icon{

        } */

         .right-fixed-widget{
      position: fixed;
      right: 0;
      transform: translateY(-50%);
      width: 30px;
      /* height: 48px; */
      color: #fff;
      border-radius: 12px 0px 0px 12px; /* rounded left side */
      box-shadow: 0 8px 20px rgba(0,0,0,.2);
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding-right: 10px;      /* space near right edge */
      overflow: hidden;         /* hide text when collapsed */
      cursor: pointer;
      transition: width .25s ease, background .2s ease;
      z-index: 1000;
    }
     /* Expand from right to left on hover or keyboard focus */
    .right-fixed-widget:hover,
    .right-fixed-widget:focus-within{
      width: 240px;
      
    }
    /* Make the whole control focusable for keyboard accessibility */
    .right-fixed-widget a{
      /* display: flex; */
      align-items: center;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: inherit;
      outline: none;
    }
     .cr_right_fixed_widget{        
       top: 60%;
       /* background: #072c57; */
    }
    /* .cr_right_fixed_widget:hover,
    .cr_right_fixed_widget:focus-within{
background: #072c57;
    } */
    /* side_icons */
        .cp_side_bars{
                width: 30px;
                height: 100%;
    /* margin: 0px 10px 0px 10px; */
        }
         /* Text that reveals only when expanded */
    .rfw-text{
      flex: 1 1 auto;
      white-space: nowrap;
      font-weight: 600;
      letter-spacing: .2px;
      opacity: 0;               
      transform: translateX(8px);
      transition: opacity .2s ease .1s, transform .2s ease .1s;
    }

    /* When parent expands (hover/focus), show the text */
    .right-fixed-widget:hover .rfw-text,
    .right-fixed-widget:focus-within .rfw-text{
      opacity: 1;
      transform: translateX(0);
    }
    .sl_rfw_bx_1{
      background-color: #FFB8B8;
      width: 240px;
      color: #000;
    }
    .sl_rfw_bx_2{
      background-color: #FFD9A4;
      width: 240px;
      color: #000;
    }
    .sl_rfw_bx_3{
      background-color: #A4FFB0;
      width: 240px;
      color: #000;
    }
@media(min-width:1200px){
.serp_path_col{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.serp_fir_path{
  padding-right: 0px !important;
}
.serp_last_path{
  padding-left: 0px !important;
}
 .cl_cir_cols_sub{
          padding-left: 0px !important;
        }
          .nfa_crd_bx_txt_sec{
          top: 0;
          left: 10%;
        }
        .cl_sp_col_main{
          padding-left: 0px !important;
          padding-right: 0px !important;
        }
}
@media(max-width:1199px){
.nfa_crd_bx_img{
  width: 100%;
}
.nfa_crd_bx_txt_sec{
          top: 25px;
          left: 10%;
        }
}
@media(min-width:992px){
   .cl_sec{
          border-right: 2px solid #DCDCDC;
        }        
      
}
/* @media(max-width:991px){
  .nfa_crd_bx_txt_sec{
          top: 20px;
        }
} */
@media(max-width:764px) {
  .serp_lg_txt {
    font-size: 18px;
  }

  .serp_lg_img {
    width: 35px;
  }
}

@media(min-width:576px) {
  .serp_hdr_col,
  .cl_cycl_lft_box {
    padding-right: 0px !important;
  }
}

@media (max-width: 400px) {
  .timeline-wrapper {
    max-width: 95%;
  }

  .timeline-item {
    grid-template-columns: 30px 1fr;
  }

  .timeline-dot_1 {
    left: -6px;
  }

  .timeline-line {
    left: 20px;
  }
}



.sl_btm_lst_sec {
    background-image: url("../img/Path_6.png");
    background-repeat: no-repeat;
    background-size: auto;
}

.sl_sid__bx_timeline-dot-col {
    position: relative;
    min-height: 16px;
}

.sl_btm_last_crd_sec {
    margin-top: -15%
}