#overview, #business-information, #compliance, #lanes-regions, #insurance, #review, #load-availability, #media-gallery, #safety  { scroll-margin-top: 100px; }
/* less and more button */
.max_width_80 { max-width: 80%; }
.carrier_profile  .hidden-item { display:none; }
.carrier_profile .hide_shown_btn { padding: 0px; margin-top: 0px; color: #00b4fc; font-weight: 600; font-size:15px; padding-left: 18px;  }
.carrier_profile .hide_shown_btn:focus { outline:none; border: none; }
.carrier_profile .seprater { position: relative; }
.carrier_profile .seprater::after {  content: "...."; position: absolute; right: 8px; font-size: 34px; letter-spacing: 13px; top: 16.5px; color:#00b4fc; }
.carrier_profile .seprater::before { content: ""; position: absolute; border-bottom: 1px solid #00b4fc; right: 26px; font-size: 34px; letter-spacing: 13px; top: 36px; width: 59px; }
.carrier_profile .usib_nm { display: flex; align-items: center; gap: 10px; flex-wrap: wrap;   }
.carrier_profile .availiblity_box .card-title { font-weight: 500; }
.carrier_profile .usib_chip.blu_chip { font-size: 21px; font-weight: 700; color: #00b4fc; }
.carrier_profile .usib_chip.ylo_chip, .usib_chip.grn_chip { border: 1px solid #2c2c2c; padding: 2px 8px; border-radius: 40px; color: #2c2c2c; font-weight: 600; font-size: 13px; font-family: cursive; margin-right:10px; height: 30px;  }
.carrier_profile .usib_chip.gry_chip { font-size: 21px; font-weight: 700; color: grey;  }
.carrier_profile .back-stars .fa-regular { color: orange; }
.desk_content { display: inline-flex; }
.mob_content { display: none; }
.mob_navigation { display: none; }
  .desk_nevigation { display: block; }
  /*rating star*/
.carrier_profile .star-rating { display: inline-block; font-size: 20px; }
.carrier_profile .back-stars { display: flex; color: #B7B7B7; position: relative; margin: 2px 0; }
.carrier_profile .front-stars { display: flex; color: #F1C644; overflow: hidden;
   position: absolute; 
   /* top: 4px; left: 4px;  */
  transition: all .5s }
/* .carrier_profile .star-rating .fa-solid { font-size: 13px; letter-spacing: 8px; } */
.carrier_profile .verified_icon { max-width: 30px; }
.carrier_profile .unverified_icon { display: inline-flex; align-items: center; background: #f0f0f0; border-radius: 20px; border: 1px solid #a8a8a8; padding: 3px 10px; font-size: 12px; line-height: 14px; }
.carrier_profile .unverified_icon img { width: 16px; margin: 0 4px 0 0; }

.carrier_profile .rmb_rating .rtng_stars .star-rating { font-size: 16px; line-height: 20px; }

.carrier_profile .rmb_rating_web { display: block; }
.carrier_profile .rmb_rating_mob { display: none; }


.carrier_profile #map-container { width: 100%; margin: 2em auto; }
.carrier_profile .mapael .map { position: relative; margin-bottom: 10px; }

.carrier_profile .mapael .mapTooltip { position: absolute; background-color: #474c4b; moz-opacity: 0.70; opacity: 0.70; filter: alpha(opacity=70); border-radius: 10px; padding: 10px; z-index: 1000; max-width: 200px; display: none; color: #fff; }
.carrier_profile .insurance_dtl_tab .pdt_points_sngl:first-child { border:none; padding:0px; }
.carrier_profile .insurance_dtl_tab .pdt_points_sngl:nth-child(3) { border:none; padding:0px; }
.carrier_profile .insurance_dtl_tab .pdt_points_sngl { margin: 20px 0 0px; border-top: 1px solid #d9d9d9;  padding-top: 20px;  }
.carrier_profile .insurance_dtl_tab .pdt_points_sngl .sngl_pont { font-weight: 400; color: #818181; margin: 0 0 10px; display: block; width: 100%; }
.carrier_profile .insurance_dtl_tab .pdt_points_sngl .sngl_pont .sngl_pont_lbl { color: #000; font-weight: 600; }

.carrier_profile .safety_dtl_tab .pdt_points_sngl { margin: 20px 0 16px; }
.carrier_profile .safety_dtl_tab .pdt_points_sngl .sngl_pont {  font-weight: 400; color: #818181; margin: 0 0 7px; display: block; width: 100%; }
.carrier_profile .safety_dtl_tab .pdt_points_sngl .sngl_pont .sngl_pont_lbl { color: #000; }

.carrier_profile .pdt_highlit_points { margin: 18px 0 6px; }
.carrier_profile .pdt_highlit_points .pdt_hlp_col { display: inline-block; margin-right: 60px; }

  /*tsble*/
.carrier_profile .pdt_sub_tlt { font-weight: 600; font-size: 18px; line-height: 24px; color: #333333; margin: 0 0 14px; opacity: 1; letter-spacing: normal; }
.carrier_profile .pdt_tble_box .pdt_sub_tlt { font-weight: 600; font-size: 18px; line-height: 24px; color: #333333; margin: 30px 0 14px; }
.carrier_profile .pdt_tble_box table { border: 1px solid #B9B9B9; font-weight: 400; font-size: 16px; line-height: 24px; color: #333333; }
.carrier_profile .pdt_tble_box table th { font-weight: 700; color:#000; white-space: nowrap; }
.carrier_profile .pdt_tble_box table tr td { color: #818181; white-space: nowrap; }
.carrier_profile .safety_dtl_tab .sngl_pont_lbl { color: #333; font-weight: 600; }
.carrier_profile .safety_dtl_tab .sngl_pont_vlu { color: #818181; font-weight: 400; }

  /* side alternative reviews */
.carrier_profile .side_alternative_reviews { background: #FFFFFF; border: 1px solid #B9B9B9; border-radius: 5px; margin: 72px 0 24px; }
.carrier_profile .sar_tlt { font-weight: 600; font-size: 18px; line-height: 24px; color: #333333; padding: 14px 12px; border-bottom: 1px solid #B9B9B9; }
  /* .sar_box { padding: 12px 0; border-bottom: 1px solid #f7f7f7; }*/
.carrier_profile .sar_box:hover { background: #ececec; cursor: pointer; }
.carrier_profile .sar_box_inner { margin: 0px 14px; padding: 10px 0 12px; border-bottom: 1px solid #ececec; }
.carrier_profile .sar_box:last-child .sar_box_inner { border-bottom: none; }
.carrier_profile .sar_nam { font-weight: 500; font-size: 15px; line-height: 23px; color: #333333; }
.carrier_profile .sar_rating i { color: #F1C644; }
.carrier_profile .sar_reviews { font-weight: 400; font-size: 14px; line-height: 20px; color: #818181; }
.carrier_profile .sar_reviews a { color: #00b4fc; }
.carrier_profile .txt_elps { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

.carrier_profile .cus_popup_box { display: none; }
.carrier_profile .showMediaPopup .cus_popup_box { display: block; }
.carrier_profile .cpb_header { display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 22px; line-height: 26px; font-weight: 300; min-height: 66px; }
.carrier_profile .cpb_header .cpb_header_l { max-width: calc(100% - 130px); }
.carrier_profile .cpb_header .cpb_header_r a { text-decoration: none; }
.carrier_profile .cpb_header_r i { padding: 8px 12px; cursor: pointer; font-size: 22px; margin-left: 10px; opacity: 0.8; }
.carrier_profile .cpb_header_r i:hover { opacity: 1; }
.carrier_profile .cpb_body { height: calc(100vh - 120px); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.carrier_profile .showMediaPopup { overflow: hidden; }
/* .rmb_rating_web .front-stars { top: 3px; left: 3px; }  */
/* .rmb_rating_web .star-rating .fa-solid { font-size: 11px; letter-spacing: 6px; }  */
.carrier_profile .tab-box { display: none; }
.tab-dropdown { border: 1px solid #333; color: #333; padding: 10px 10px; width: 92%; margin: 10px 15px; border-radius: 5px; }
.tab-dropdown:focus { outline: none; }

  /*media*/
.carrier_profile .media_box { margin: 24px 0 0; }
.carrier_profile .media_box .img_con_box { margin: 0 0 20px; }
.carrier_profile .media_box .img_box { display: flex; align-items: center; justify-content: center; margin: 0 0 0px; max-height: 170px; overflow: hidden; width: 100%; border: 1px solid #ddd; cursor: pointer; border-radius: 5px 5px 0px 0px; background: #f7f7f8; }
.carrier_profile .media_box .file_name { font-weight: 400; font-size: 14px; line-height: 16px; color: #666666; background: #f7f7f8; padding: 8px 10px; border: 1px solid #ddd; border-top: none; cursor: pointer; border-radius: 0px 0px 5px 5px; }
.carrier_profile .media_box .view_more_con { text-align: center; }
.carrier_profile .media_box .view_more_con span { font-size: 16px; line-height: 20px; font-weight: 500; color: #FFFFFF; cursor: pointer; border: 1px solid; padding: 7px 24px; display: inline-block; margin: 9px 0 0; }
  /* .availiblity_box .view_more_con { width: 15%; } */
.carrier_profile .availiblity_box .row { width: 100%; }
.carrier_profile .view_more_con span { background: #00B4FC; border-radius: 40px; color: #fff; padding: 10px 30px; }
.carrier_profile .media_box .pdf_box { margin: 0 0 20px; height: 128px; overflow: hidden; width: 100%; cursor: pointer; border-radius: 5px; border: 1px solid #EEE; background: #FFF; }
.carrier_profile .media_box .pdf_box a { text-decoration: none; }
.carrier_profile .media_box .pdf_box .pdf_icon { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.carrier_profile .media_box .pdf_box .pdf_icon .pdf_fle_nam { font-size: 14px; line-height: 18px; font-weight: 500; margin: 11px 0 0; color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 82%; }
.carrier_profile .media_box .pdf_icon { height: calc(100% - 26px); display: flex; align-items: center; justify-content: center; }
.carrier_profile .media_box .pdf_icon i { font-size: 34px; color: #00b4fc; }
.carrier_profile .media_box .pdf_nam { font-size: 12px; line-height: 14px; font-weight: 400; padding: 6px 8px; background: #efefef; text-align: center; }
.carrier_profile .media_box .tab_vdo_con .vdo_con_box { margin: 0 0 26px; }
.carrier_profile .media_box .tab_vdo_con .vdo_box { border-radius: 5px 5px 0px 0px; overflow: hidden; }
.carrier_profile .media_box .tab_vdo_con .vdo_box video { width: -webkit-fill-available; height: auto; }
.carrier_profile .empty_file { text-align: center; padding: 18px 0; font-size: 18px; line-height: 24px; font-weight: 500; color: #818181; background: #f1f1f1; }
.carrier_profile .no_review_con { text-align: center; background: #f2f2f2; padding: 14px 10px; border-radius: 4px; }

.carrier_profile .usib_chip { font-size: 13px; line-height: 14px; border-radius: 20px; display: inline-flex; align-items: center;  }
  /* .gry_chip { color: #a8a8a8; border: 1px solid #a8a8a8; } */
  /* .blu_chip { color: #00B4FC; border: 1px solid #00B4FC; } */
.carrier_profile .grn_chip { color: #25D366; border: 1px solid #25D366; }
.carrier_profile .ylo_chip { color: #FFC000; border: 1px solid #FFC000; }


.carrier_profile .usib_key_ponts { margin: 8px 0 0 0; }
.carrier_profile .usib_key_ponts .usib_kp { font-size: 13px; line-height: 15px; font-weight: 400; border: 1px solid #00b4fc; border-radius: 24px; padding: 3px 12px; margin: 0 6px 8px 0; color: #00b4fc; display: inline-block; background: #eaf9ff; }
.carrier_profile .usib_rt_action { text-align: center; }

.carrier_profile .usib_kp.fuelClickHide { display: none; }
.carrier_profile .usib_key_ponts .fuelHide { display: none; }
.carrier_profile .usib_key_ponts .fuelShow { display: inline-block; }

.carrier_profile .less { display: none; }

.carrier_profile .usib_kp.fuelClickShow,
.carrier_profile .usib_kp.fuelClickHide { border: 1px solid #818181; background: transparent; color: #818181; font-weight: 500; }
.carrier_profile .usib_kp.fuelClickShow:hover,
.carrier_profile .usib_kp.fuelClickHide:hover { background: #f2f2f2; cursor: pointer; }

.carrier_profile .sticky-nav-tab-list { max-width: 100%; display: flex; overflow-x: auto; overflow-y: hidden; align-items: center; }
.carrier_profile .clearfix::after { content: ""; clear: both; display: table; }
.carrier_profile .add_section { margin: 72px 0 24px; }
.carrier_profile .spa-slide { padding: 44px 0 40px; border-bottom: 1px solid #D9D9D9; }
.carrier_profile .spa-slide:last-child { border: none; padding-bottom: 0px; }

.carrier_profile .sticky-nav-tabs { position: relative; display: block; height: 54px; }
  /*.spa-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100vh; position: relative; background: #eee; text-align: center; padding: 0 2em; }*/
.carrier_profile .sticky-nav-tabs h1, .spa-slide h1 { font-size: 2rem; margin: 0; letter-spacing: 1rem; }
.carrier_profile .sticky-nav-tabs h3, .spa-slide h3 { font-size: 1rem; letter-spacing: 0.3rem; opacity: 0.6; }
.carrier_profile .sticky-nav-tabs-container { display: flex; justify-content: center; position: absolute; bottom: 0; width: 100%; height: 54px; background: #fff; z-index: 1; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; left: 0px; }
.carrier_profile .sticky-nav-tabs-container--top-first { position: fixed; top: 75px; box-shadow: 4px 6px 12px #e4e4e4; background: #f3f3f3; }
.carrier_profile .sticky-nav-tabs-container--top-second { position: fixed; top: 75px;  background: #f3f3f3; }
.carrier_profile .sticky-nav-tab { display: inline-flex; justify-content: center; align-items: center; white-space: nowrap; color: #000; transition: all 0.5s ease; font-weight: 500; font-size: 16px; line-height: 24px; color: #333333; text-decoration: none; padding: 14px 16px; }

.carrier_profile .sticky-nav-tab.active_tab { color: #00b4fc; }
.carrier_profile .sticky-nav-tab:hover { color: #00b4fc; }
.carrier_profile .sticky-nav-tab-slider { position: absolute; bottom: 0; width: 0; height: 3px; background: #00b4fc; -webkit-transition: left 0.3s ease; transition: left 0.3s ease; }

.carrier_profile .driver_job_btn_web { color: #00b4fc; gap: 6px; }

.carrier_profile .pdt_tlt { font-weight: 600; font-size: 24px; line-height: 32px; color: #333333; margin: 0 0 10px; }
.carrier_profile .pdt_dis { font-weight: 400; font-size: 16px; line-height: 23px; color: #6f6f6f; margin: 0 0 10px; }
.carrier_profile .slogan_dis { font-weight: 600; font-size: 18px; line-height: 26px; color: #333333; margin: 0 0 8px; font-style: italic; }

.carrier_profile .pdt_key_points { display: block; width: 100%; float: left; margin: 12px 0 0; }
.carrier_profile .pdt_point_row { display: inline-block; width: calc(50% - 16px); float: left; margin: 6px 8px 6px; background: #ffffff; padding: 12px 16px; background-image: linear-gradient(to right, #ededed, white); }
.carrier_profile .pdt_pr_lbl { font-weight: 500; font-size: 16px; line-height: 23px; color: #000; margin: 0 0 4px; }
.carrier_profile .pdt_pr_vlu { font-weight: 500; font-size: 16px; line-height: 23px; color: #818181; }
.carrier_profile .pdt_pr_vlu a { color: #00b4fc; font-weight: 600; }

.carrier_profile .pdt_points_sngl { margin: 20px 0 0px; }
.carrier_profile .sngl_pont { font-weight: 500; font-size: 16px; line-height: 23px; color: #6f6f6f; margin: 0 0 22px;  word-wrap: break-word; display: inline-flex; flex-direction: column; width: 33%; }
.fmcsa_auth { font-weight: 500; font-size: 16px; line-height: 23px; color: #6f6f6f; margin: 0 0 22px;  word-wrap: break-word; }
.carrier_profile .sngl_pont .sngl_pont_lbl { font-weight: 600; margin: 0 0 4px; color: #000; }
.carrier_profile .sngl_pont .sngl_pont_vlu { display: inline-flex; flex-direction: column; }
.carrier_profile .sngl_pont.sngl_col_fd .sngl_pont_vlu { display: list-item; margin: 0 0 3px 18px; }
.carrier_profile .sngl_pont.sngl_col_tkng { padding-left: 16px; }
.carrier_profile .multi_pont { margin: 0 0 20px; color: #818181; font-size: 16px;  }
.carrier_profile .pdt_points_multi .col-md-8 { padding-left: 5px; }
.carrier_profile .multi_pont p { font-weight: 600; font-size: 16px; line-height: 23px; color: #000; margin: 0 0 4px; }
.carrier_profile .multi_pont ul { padding: 0 0 0 18px; margin: 0; list-style: circle; }
.carrier_profile .multi_pont ul li { font-weight: 500; font-size: 16px; line-height: 25px; color: #818181; }
.carrier_profile .multi_pont ul li::marker { color: #333; }
.carrier_profile .quality_points .qp_tlt { font-size: 15px; line-height: 23px; margin: 0 0 8px; font-weight: 500; }
.carrier_profile .quality_points .qp_point { font-size: 12px; line-height: 16px; font-weight: 500; padding: 3px 8px; color: #4b4b4b; background: #efefef; margin: 0 4px 8px 0; display: inline-block; border-radius: 2px; }
.carrier_profile .pdt_instn_box { display: flex; align-items: center; margin: 16px 0 12px; gap: 10px; }
.carrier_profile .instn_lbl { font-weight: 500; font-size: 16px; line-height: 24px; color: #000;  }
.carrier_profile .pdt_instn_row { font-weight: 500; font-size: 13px; line-height: 16px; color: #818181; display: inline-flex; align-items: center; margin: 0 8px 10px 0; padding: 2px 10px; border: 1px solid #ddd; border-radius: 4px; }
.carrier_profile .instn_arrow { display: inline-block; color: #00b4fc; margin: 0 6px; font-size: 18px; font-weight: 400; }
/* .carrier_profile .initail { font-size: 77px; font-weight: 900; } */

.carrier_profile .tab-menu ul { display: flex; align-items: center; justify-content: space-around; text-align: center; list-style: none; padding: 0; margin: 0; border-radius: 5px; border-bottom: 1px solid #B9B9B9; background: #F7F7F8; }
.carrier_profile .tab-menu ul li { display: inline-flex; width: 100%; justify-content: center; }
.carrier_profile .tab-menu ul li a { display: block; width: 100%; padding: 14px 16px; font-size: 16px; line-height: 20px; font-weight: 500; text-decoration: none; color: #818181; border-bottom: 1px solid #ddd; }
.carrier_profile .tab-menu ul li a:hover { color: #333; }
.carrier_profile .tab-menu ul li a.active { color: #00b4fc; position: relative; }
.carrier_profile .tab-menu ul li a.active:before { content: ''; position: absolute; width: 46%; height: 3px; bottom: -2px; background: #00b4fc; transform: translate(-50%, 0%); left: 50%; }

.carrier_profile .tab-main-box { padding: 20px 0px; }

  /*popup*/
.carrier_profile .cus_popup_box { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: 10; background: #000000de; }

.carrier_profile .sticky-nav-tabs-container .arrow-right { opacity: 0; }
  /* avaiblity css */
  /* display: flex; */
.carrier_profile .availiblity_box {  align-items: center; background: #F0F3FF; border: 1px solid #D9D9D9; padding: 20px; border-radius: 5px; justify-content:center; }
.carrier_profile .dtl_banner_box { border:1px solid #d9d9d9;  }

  /* squer_box css */
.carrier_profile .squer_box { width: 20px; height:20px; margin-right:10px; }
.carrier_profile .circle_box {width: 14px; height: 14px; border: 2px solid #ffff; margin-right: 10px; display: inline-flex; border-radius: 100%; box-shadow: 0px 0px 6px 0px #000; }
  .carrier_profile .headquartersArea { display: flex; align-items:center; margin-right:10px;  font-weight:600; }
  .carrier_profile .terminalArea { display: flex; align-items:center; margin-right:10px; font-weight:600; }
  .carrier_profile .regionsArea { display: flex; align-items:center; font-weight:600; }
  .carrier_profile .bg_cgreen { background: #008000; }
  .carrier_profile .bg_corange { background: #f38a03; }
  .carrier_profile .bg_grey_one { background: #d3d3d3; }
  .carrier_profile .bg_sblue { background: #5d98fc; }



  /* alternative carrier box css  */
  .alternative_carr { padding: 44px 0 40px; }
  .alt_car_box { border: 1px solid #ccc; padding: 10px 10px 0px; border-radius: 5px; }
  .alt_car_box .car_body:nth-child(2) {  border-top: 1px solid #ccc; }
  .alt_car_box .car_body { border-bottom: 1px solid #ccc; padding: 20px 10px; margin: 0 -10px; }
  .alt_car_box  .carrier_name { font-size: 16px; font-weight: 600; color: #2c2c2c; margin-bottom: 5px; text-decoration: none; }
  .alt_car_box .car_footer { background: #00b4fc40; margin: 0px -10px; padding: 12px 5px; }
  .alt_car_box .car_footer button { border: none; background: none; font-size: 14px; font-weight: 500; text-decoration: underline; color: #00b4fc; }
  .alt_car_box .rmb_rating_mob_txt { font-size: 12px; font-weight: 600; color: #818181; }
  .alt_car_box .rmb_rating_mob_txt .txt_b { color: #000; }
  .alt_car_box .back-stars { font-size: 15px; }
  /* #carrier_profile .alternative_carr .star-rating .fa-solid { font-size: 9px; letter-spacing: 7px; } */
  /* #carrier_profile .alternative_carr .front-stars { top: 3px; left: 3.3px; } */

  /* top parkings css  */
  .top_parking_bx { border: 1px solid #ccc; padding: 10px; border-radius: 5px; }
  .top_parking_bx .par_head { display: flex; justify-content: space-between; flex-direction: column; }
  .par_head .par_r { display: flex; justify-content: space-between; gap: 80px;  }
  .par_head .par_r a { width: 100%; }
  /* .top_parking_bx .par_head .par_l { white-space: nowrap; max-width: calc(100% - 145px); } */
  /* .top_parking_bx .par_head .par_l h5 {text-overflow: ellipsis; overflow: hidden; } */
  .top_parking_bx .par_head .par_l h5 { white-space: nowrap; max-width: calc(100% - 20px); text-overflow: ellipsis; overflow: hidden; }
  /* .top_parking_bx .par_head .par_l div {text-overflow: ellipsis; overflow: hidden; } */
  .top_parking_bx .contect_btn { color: #20C997; background: none; border: 1px solid #20c997;  }
  .top_parking_bx .get_direction { background: #00b4fc; color: #fff; border: none;  }
  .top_parking_bx .bg_btn { width: 100%; font-weight: 500; display: flex; align-items: center; gap: 10px; border-radius: 5px; font-size: 13px;  justify-content: center; padding: 7px; }
  .par_head .par_r { margin-top: 20px; }
  .par_body { padding: 15px 10px; margin: 10px -10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
  .par_body div { display: flex; align-items: center; justify-content: space-between;  }
  .par_title { font-size: 14px; color: #2c2c2ccf; font-weight: 600; }
  .par_value { font-size: 14px; color: #2c2c2c; font-weight: 600; }
  .par_footer a { background: none; color: #00b4fc; border: none; text-decoration: none; font-weight: 600; padding: 0px; display: flex; align-items: center; }
  .par_pin { font-size: 14px; font-weight: 500; color: #818181; margin-bottom: 5px; }
  .parking_section { border-top: 1px solid #ccc; padding-top: 70px; }
  .par_footer { border-top: 1px solid #ccc; margin: 10px -10px 0px; padding: 5px 10px 0px; }
  .claim_btn { border: none; background: #25D366; color: #fff; padding: 8px 10px; font-size: 14px; border-radius: 5px; width: 100%; cursor: pointer; }
  .claim_bx { margin-bottom: 20px; text-align: center; }
  .claim_bx p  { font-weight: 500; }
  .car_head { border-bottom: 1px solid #ccc; margin: 0 -10px; padding: 0 10px; }
  .car_body:hover { background: #00b4fc1a; }
  /* .contct_btn_broker { width: 100%; font-size: 16px; line-height: 20px; font-weight: 500; background: transparent; border: 1px solid #25D366; color: #25D366; padding: 10px 10px; border-radius: 5px; margin: 10px 0px;  } 
  .contct_btn_broker:hover { background: #25D366; color: #fff; } */
  .green_bg_btn { width: 100%; font-size: 16px; line-height: 20px; font-weight: 500; background: transparent; border: 1px solid #25D366; color: #25D366; padding: 8px 10px; border-radius: 5px; margin: 10px 0px;  } 
  .green_bg_btn:hover { background: #25D366; color: #fff; }
  .green_bg_btn i {margin-right: 5px;}

  .blue_bg_btn { width: 100%; font-size: 16px; line-height: 20px; font-weight: 500; background: transparent; border: 1px solid #00b4fc; color: #00b4fc; padding: 8px 10px; border-radius: 5px; margin: 10px 0px;  } 
  .blue_bg_btn:hover { background: #00b4fc; color: #fff; }
  .blue_bg_btn i {margin-right: 5px;}
  .hover_btn:hover { border: none; }
  /* .btn_action { gap: 10px; } */
  .driver_job_btn { display: none !important; }
  .driver_job_btn_web { color: #00b4fc; }

  @media screen and (max-width: 1023px) {
    .max_width_80 { max-width: 80%; }
    .desk_content { display: inline-flex; }
    .mob_content { display: none; }
   .carrier_profile .usr_slf_info_box { margin: 0 0 24px; }
   .carrier_profile .usr_slf_info_box .usib_ll { margin: 0px 14px 0 0px; }
   .carrier_profile .usr_slf_info_box .usib_ll .usib_ll_initail .initail { font-size: 46px; line-height: 48px; }
   .carrier_profile .usr_slf_info_box .usib_ll .usib_ll_initail span { display: none; }
   .carrier_profile .usr_slf_info_box .usib_r { max-width: 136px; }
   .carrier_profile .usr_slf_info_box .usib_r .cn_btn { min-width: 116px; }
   .carrier_profile .usr_slf_info_box .usib_rt_action .cn_btn { font-size: 13px; line-height: 18px; font-weight: 500; padding: 6px 6px; }
   /* .carrier_profile .usr_slf_info_box .usib_rt_action .add_not_btn { padding: 6px 0px 6px 8px; width: auto; } */
   /* .carrier_profile .usr_slf_info_box .usib_rt_action .sav_cair_btn { padding: 6px 0px 6px 8px; width: auto; } */
   .carrier_profile .usr_slf_info_box .usib_l { width: calc(100% - 140px); }
   .carrier_profile .usr_slf_info_box .usib_lr { max-width: calc(100% - 120px); }
   .carrier_profile .usr_slf_info_box .usib_nm h1 { font-size: 26px; line-height: 32px; margin: 0 0 4px; }
   .carrier_profile .verified_icon { max-width: 28px; }
   .carrier_profile .star-rating { font-size: 18px; }
   .carrier_profile .usr_slf_info_box .usib_reviw { margin: 0 0 6px; }
   /* .carrier_profile .usib_key_ponts { margin: 50px 0 0 -126px; } */
   .carrier_profile .seprater::after { display: none;}
   .carrier_profile .seprater::before { display: none;}
   .carrier_profile .usr_slf_info_box .usib_rt_action .btn_action i { font-size: 13px; font-weight: 600; }
   .rmb_rating_web .carrier_profile .front-stars { top: 2px !important;  }
   .rmb_rating_web .star-rating .fa-solid { font-size: 9px; Letter-spacing: 6px ; }
   .carrier_profile .availiblity_box .card-title { font-size: 12px; }
   .carrier_profile .multi_pont { font-size: 14px; }
   .cn_btn { font-size: 14px; padding: 4px 10px; }

    .carrier_profile .sticky-nav-tabs-container--top-first { top: 81px; }
    .carrier_profile .sticky-nav-tabs-container { height: 60px; }
/*    .carrier_profile .sticky-nav-tab-list { max-width: 100%; display: flex; overflow-x: auto; overflow-y: hidden; }*/
    .carrier_profile .sticky-nav-tab { min-height: 46px; }

    .carrier_profile .pdt_points_multi .col-md-4 { width: 49%; }
    .carrier_profile .pdt_points_multi .col-md-8 { width: 49%; }

    /* .carrier_profile .custom_breadcrumbs_box .cus_breadcum ul { display: flex; overflow-x: auto; overflow-y: hidden; } */
    /* .carrier_profile .custom_breadcrumbs_box .cus_breadcum ul li { white-space: nowrap; } */
    .carrier_profile .custom_breadcrumbs_box .cus_breadcum ul li a { margin: 0 0 6px; display: block; }

    .carrier_profile .spa-slide { padding: 34px 0 34px; }

    .carrier_profile .sngl_pont { width: 49%; }

    .carrier_profile .media_box .pdf_box .pdf_icon img { max-width: 36px; }
    .carrier_profile .media_box .pdf_box .pdf_icon .pdf_fle_nam { font-size: 12px; line-height: 16px; max-width: 84%; }
    .carrier_profile .media_box .file_name { font-size: 12px; line-height: 16px; }

    .carrier_profile .pdt_tble_box table { line-height: 20px; font-size: 14px; }

    .carrier_profile .ro_l { width: 23%; }
    .carrier_profile .ro_c { width: 36%; padding: 0 0 16px 20px; }
    .carrier_profile .ro_avrg_rtgn .ro_avrg_no { font-size: 28px; line-height: 34px; }
    .carrier_profile .ro_r { width: 41%; padding: 0 0 16px 20px; }
    .carrier_profile .ro_rtng_txt { min-width: 130px; margin: 0 12px 0 0; }
    .carrier_profile .ro_rtng_line { width: calc(100% - 150px); }
    .carrier_profile .ro_totl_rew { font-size: 28px; line-height: 34px; }
    .carrier_profile .rmb_rating { padding: 8px 10px; min-width: 134px; max-height: 83px; }
    .carrier_profile .rmb_rating .rtng_stars .star-rating { font-size: 14px; line-height: 20px; }
    .carrier_profile .rmb_rating .ratng_no { font-size: 22px; line-height: 26px; }
    .carrier_profile .rmb_img_inicial img { width: 46px; height: 46px; }
    .carrier_profile .rmb_img_inicial .initail { font-size: 22px; line-height: 28px; width: 46px; height: 46px; }
    .carrier_profile .review_mess_box { padding: 12px 12px 14px 72px; margin: 0px 0 20px; border-radius: 6px; }

    .carrier_profile .sar_tlt { font-size: 16px; line-height: 20px; padding: 10px 8px; }
    .carrier_profile .sar_nam { font-size: 14px; line-height: 18px; }
    .carrier_profile .sar_reviews { font-size: 12px; line-height: 18px; }
    .carrier_profile .sar_box_inner { margin: 0px 8px; padding: 8px 0 10px; }
    .carrier_profile .sar_box_inner .star-rating { font-size: 12px; margin: 1px 0; }

    .carrier_profile .tab_pdf_con .col-md-3 { width: 33%; }
    .carrier_profile .media_box .pdf_box { height: 102px; }

    .carrier_profile .pdt_highlit_points .pdt_hlp_col { margin: 0 0 10px; min-width: 32%; }
    .carrier_profile .pdt_pr_lbl { font-size: 14px; line-height: 22px; margin: 0 0 1px; }
    .carrier_profile .pdt_pr_vlu { font-size: 14px; line-height: 22px; }
    /* .carrier_profile .star-rating .fa-solid { font-size: 12px; letter-spacing: 7px; } */
  /* .carrier_profile .front-stars { top: 3px; left: 3px; } */
  .top_parking_bx .bg_btn { font-size: 11px; padding: 7px 5px; }
  /* .top_parking_bx .bg_btn i { display: none;  } */
  .mob_navigation { display: none; }
  .desk_nevigation { display: block; }
  }


  @media screen and (max-width: 767px) {
    .driver_job_btn { margin-top: 0px !important; padding-top: 9px !important; padding-bottom: 8px !important; display: inline !important; }
    .max_width_80 { max-width: 100%; }
    .desk_content { display: none; }
    .mob_content { display: inline-block; }
    .mob_navigation { display: block; font-weight: 600; position: sticky; top: 55px; width: 100%; z-index: 8; border-bottom: 1px solid #ddd; background: #fff; }

    .desk_nevigation { display: none; }
    .carrier_profile .safety_dtl_tab .pdt_points_sngl .sngl_pont { margin-bottom: 15px ; }
    .fmcsa_auth { flex-direction: column !important;  gap: 0px !important; align-items: self-start !important; }
    .parking_section { padding-top: 30px; }
    .alternative_carr { padding-bottom: 0px; }
    .parking_section .row { row-gap: 15px; }
    .w_100 { width: 100% !important; }
    .availiblity_box .row .col-md-3 { width: 70%; }
    .availiblity_box .row .col-md-2 { width: 30%; }
    .carrier_profile .seprater::after { right: 13px !important; }
    .carrier_profile .seprater::before { width: 43px !important; right: 21px !important; }
    .carrier_profile .availiblity_box .row { width: auto; }
    .carrier_profile .usib_chip.grn_chip { display: none; }
    .carrier_profile .usr_slf_info_box .usib { justify-content: left; flex-direction: column; }
    .carrier_profile .usr_slf_info_box .usib_l { width: 100%; }
    .carrier_profile .usr_slf_info_box .usib_r { max-width: 100%; text-align: left; }
    .carrier_profile .usr_slf_info_box .usib_ll { width: 74px; height: 74px; margin: 0px 10px 0 0px; }
    .carrier_profile .usr_slf_info_box .usib_lr { max-width: calc(100% - 84px); }
    .carrier_profile .usr_slf_info_box .usib_nm h1 { font-size: 18px ; line-height: 24px ; margin: 0 0 2px; }
    .carrier_profile .usr_slf_info_box .rtng_stars { margin: 0 4px 0 0; }
    .carrier_profile .usr_slf_info_box .usib_reviw { font-size: 14px; line-height: 20px; margin: 0 0 2px; }
    .carrier_profile .usr_slf_info_box .usib_active { margin: 0 0 4px; font-size: 14px; line-height: 22px;  min-height: 22px; }
    .carrier_profile .usr_slf_info_box .usib_dot_active { font-size: 14px; line-height: 22px; margin-top: 10px; }
    .carrier_profile .usr_slf_info_box .usib_sapration { margin: 0 10px; }
    .carrier_profile .usib_key_ponts .usib_kp { font-size: 11px; line-height: 13px; font-weight: 500; padding: 3px 9px; margin: 0 4px 6px 0; }
    .carrier_profile .usr_slf_info_box .usib_rt_action .cn_btn { padding: 13px 10px; margin: 8px 8px 8px 0; font-size: 13px; line-height: 16px; font-weight: 500; display: inline-block; white-space: nowrap; max-width: 100%; }
/*    .note_carrier_btn { display: inline-flex; align-items: center; }*/

    .carrier_profile .sticky-nav-tabs-container { height: 54px; }
    .carrier_profile .sticky-nav-tabs-container--top-second { top: 54px; }
    .carrier_profile .sticky-nav-tabs-container--top-first { top: 54px; }

    .carrier_profile .pdt_highlit_points .pdt_hlp_col { display: inline-block; margin-right: 2%; margin-bottom: 3%; width: 46%; }

    .carrier_profile .tab_img_con .col-md-4 { width: 50%; }
    .carrier_profile .tab_pdf_con .col-md-3 { width: 50%; }
    .carrier_profile .tab_vdo_con .col-md-4 { width: 50%; }

    .carrier_profile  .rmb_rating_web { display: none; }
    .carrier_profile  .rmb_rating_mob { display: block; margin-top: 20px; }


    .carrier_profile .rmb_rating.rmb_rating_mob { padding: 0px; background: transparent; border: none; }
    .carrier_profile .rmb_rating_mob_con { display: flex; flex-direction: column; align-items: inherit;  margin: 0 0 4px; }
    .carrier_profile .rmb_rating.rmb_rating_mob { padding: 0px; background: transparent; border: none; }
    .carrier_profile .rmb_rating .rtng_stars { margin: 0 0 1px; }
    .carrier_profile .rmb_rating_mob_txt { margin: 0 0 0 5px; font-size: 12px; font-weight: 500; }
    .carrier_profile .rmb_rating .rmb_rtng_date { font-size: 12px; line-height: 16px; color: #818181; }
    .usib_dot { margin-bottom: 5px; font-size: 12px; }
    
    
    
  }

  @media screen and (max-width: 560px) {
    .claim_bx { margin-top: 1.5rem; padding: 2rem 0px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
    .carrier_profile .sngl_pont { width: 49%; }
    .carrier_profile .sngl_pont.sngl_col_fd { width: 60%; }
    .carrier_profile .sngl_pont.sngl_col_tkng { width: 37%; }
    .carrier_profile .ro_l { width: 28%; padding-top: 6px; }
    .carrier_profile .ro_tlt { font-size: 15px; line-height: 22px; margin: 0 0 8px; }
    .carrier_profile .ro_totl_rew { font-size: 26px; line-height: 32px; }
    .carrier_profile .ro_totl_rew_txt { font-size: 12px; line-height: 16px; }
    .carrier_profile .ro_c { width: 38%; padding: 6px 0 10px 12px; }
    .carrier_profile .ro_avrg_rtgn .ro_avrg_no { font-size: 26px; line-height: 32px; }
    .carrier_profile .star-rating { font-size: 14px; }
    .carrier_profile .ro_avrg_txt { font-size: 12px; line-height: 16px; }
    .carrier_profile .ro_r { width: 33%; padding: 6px 0 10px 12px; }
    .carrier_profile .ro_timlin_rtng { flex-direction: column; align-items: normal; }
    .carrier_profile .ro_clean_rtng { flex-direction: column; align-items: normal; }
    .carrier_profile .ro_comunictn_rtng { flex-direction: column; align-items: normal; }
    .carrier_profile .ro_rtng_txt { min-width: 100px; margin: 0 0px 0 0; }
    .carrier_profile .ro_rtng_line { width: 100%; }
    .carrier_profile  .rmb_slogan { margin-left: 46px !important; }

    .carrier_profile .tab-menu ul li a { padding: 12px 14px; font-size: 14px; line-height: 16px; }

    .carrier_profile .spa-slide { padding: 24px 0 22px; }

    .carrier_profile .pdt_tlt { font-size: 22px; line-height: 30px; }
    .carrier_profile .slogan_dis { font-size: 17px; line-height: 25px; }

    .carrier_profile .review_mess_box { padding: 10px 5px 12px 10px; margin: 0px 0 20px; }
    .carrier_profile .rmb_img_inicial { position: absolute; left: 10px; }
    .carrier_profile .rmb_img_inicial .initail { font-size: 17px; line-height: 20px; width: 38px; height: 38px; }
    .carrier_profile .rmb_img_inicial img { width: 38px; height: 38px; }
    .carrier_profile .rmb_slogan { font-size: 17px; line-height: 22px; margin: 0 0 4px; }
    .carrier_profile .rmb_mess { font-size: 12px; line-height: 16px; margin: 0 0 6px; max-width: 98%; }
    .carrier_profile .rmb_name_verify { font-weight: 500; font-size: 13px; line-height: 19px; margin: 0 0 12px; }
    .carrier_profile .rmb_rating { padding: 6px 4px; min-width: 118px; max-height: 79px; }
    .carrier_profile .rmb_rating .ratng_no { font-size: 22px; line-height: 26px; }
    .carrier_profile .rmb_rating .rtng_stars .star-rating { font-size: 12px; line-height: 16px; }
    /*  .rmb_rating .rmb_rtng_date { font-size: 11px; line-height: 15px; }*/
    .carrier_profile .quality_points .qp_tlt { font-size: 14px; line-height: 22px; margin: 0 0 8px; }
    .carrier_profile .quality_points .qp_point { font-size: 12px; line-height: 16px; padding: 3px 8px; margin: 0 4px 8px 0; }
    .carrier_profile .pdt_instn_box { margin: 16px 0 8px; }
    .carrier_profile .instn_lbl { font-size: 14px; line-height: 20px; margin: 0 8px 10px 0; }
    .carrier_profile .pdt_instn_row { font-weight: 500; font-size: 12px; line-height: 16px; margin: 0 8px 10px 0; padding: 2px 10px; }
    .carrier_profile .sngl_pont .sngl_pont_lbl { font-size: 14px; line-height: 20px; }
    .carrier_profile .sngl_pont { font-size: 13px; line-height: 18px; margin: 0 0 14px; }
    .carrier_profile .multi_pont { margin: 0 0 14px; font-size: 16px; }
    .carrier_profile .multi_pont p { font-size: 14px; line-height: 20px; }
    .carrier_profile .multi_pont ul li { font-size: 13px; line-height: 22px; }
    .carrier_profile .pdt_dis { font-size: 13px; line-height: 20px; }

    .carrier_profile .add_section { margin: 14px 0 21px; }

    .carrier_profile .pdt_tble_box table { line-height: 16px; font-size: 13px; word-break: break-word; }

    .carrier_profile .verified_icon { max-width: 22px; }
  }

  @media screen and (max-width: 540px) {
    .carrier_profile .sticky-nav-tabs-container .arrow-right { opacity: 1; position: absolute; width: 28px; height: 46px; top: 0px; right: 0; z-index: 1; background: linear-gradient(90deg, rgb(243 243 243 / 75%) 0%, rgb(243 243 243) 100%); display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 25px; font-weight: 500; cursor: pointer; color: #00b4fc; display: none !important; }
  }

  @media screen and (max-width: 460px) {
    .carrier_profile .usr_slf_info_box .usib_ll { margin: 0px 8px 0 0px; }
    .carrier_profile .usr_slf_info_box .usib_ll .usib_ll_initail .initail { font-size: 32px; line-height: 34px; }
    .carrier_profile .verified_icon { max-width: 20px; }
    .carrier_profile .usr_slf_info_box .usib_active { font-size: 12px; line-height: 16px; min-height: 16px; }
    .carrier_profile .usr_slf_info_box .usib_active .usib_dot { margin-bottom: 0px; }
    .carrier_profile .usr_slf_info_box .usib_dot_active { font-size: 12px; line-height: 16px; margin-bottom: 0px; }
    .carrier_profile .usib_key_ponts .usib_kp { font-size: 10px; line-height: 12px; }
    .carrier_profile .sticky-nav-tab { font-size: 15px; line-height: 20px; padding: 12px 14px; }
    .carrier_profile .sticky-nav-tab-list .sticky-nav-tab { margin-right: 32px; }
    .carrier_profile .usr_slf_info_box .usib_reviw { font-size: 13px; line-height: 20px; }
    .carrier_profile .star-rating { font-size: 12px; }
    .carrier_profile .usr_slf_info_box .active_point i { font-size: 12px; }
    .carrier_profile .pdt_tlt { font-size: 20px; line-height: 26px; }
    .carrier_profile .slogan_dis { font-size: 15px; line-height: 20px; }
    .carrier_profile .pdt_dis { font-size: 12px; line-height: 18px; }
    .carrier_profile .pdt_highlit_points { margin: 14px 0 0px; }
    .carrier_profile .pdt_pr_lbl { font-size: 13px; line-height: 19px; }
    .carrier_profile .pdt_pr_vlu { font-size: 13px; line-height: 19px; }
    .carrier_profile .pdt_points_sngl { margin: 14px 0 0px; }
    .carrier_profile .spa-slide { padding: 24px 0 12px; }
    .carrier_profile .pdt_tble_box table { line-height: 15px; font-size: 12px; }

    .carrier_profile .ro_rtng_txt { font-size: 10px; line-height: 18px; display: flex; justify-content: space-between; }
    .carrier_profile .ro_tlt { font-size: 13px; line-height: 19px; margin: 0 0 6px; }
    .carrier_profile .ro_totl_rew, .ro_avrg_rtgn .ro_avrg_no { font-size: 24px; line-height: 30px; }
    .carrier_profile .ro_totl_rew_txt, .ro_avrg_txt { font-size: 10px; line-height: 13px; font-weight: 500; }
    .carrier_profile .star-rating { font-size: 11px; }
    .carrier_profile .ro_c { width: 38%; padding: 6px 0 10px 10px; }
    .carrier_profile .ro_r { width: 33%; padding: 6px 0 10px 9px; }
    /*Average Ratings*/

    .carrier_profile .usr_slf_info_box .usib_sapration { margin: 0 7px; }

    .carrier_profile .pdt_instn_box { margin: 12px 0 8px; }
    .carrier_profile .cpb_header { font-size: 14px; line-height: 20px; font-weight: 400; }
  }


  @media screen and (max-width: 380px) {
    .carrier_profile .sngl_pont { width: 100%; }
    /* .carrier_profile .usr_slf_info_box .usib_dot_active { display: block; } */
    /* .carrier_profile .usr_slf_info_box .usib_dot_active .usib_sapration { display: none; } */
    
  }


  /* THIS CSS FOR FEATURED REVIEW  */
    /* background-color: #00B4FC;
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='71' height='71' viewBox='0 0 120 120'%3E%3Cpolygon fill='%23000' fill-opacity='0.05' points='120 0 120 60 90 30 60 0 0 0 0 0 60 60 0 120 60 120 90 90 120 60 120 0'/%3E%3C/svg%3E); */


/* Dot point list css */
.dot_points { font-size: 14px; line-height: normal; color: #0d6efd; }
.dp_txt { position: relative; padding: 0 0 0 18px; font-size: 12px; font-weight: 500; color: #818181; }
.dp_txt:before { position: absolute; content: ''; width: 10px; height: 10px; border: 2px solid #00a341; border-radius: 100%; color: #00d054; background: #00d054; top: 4px; left: 3px; }


.fleet_tbl {
  margin-top: 28px;
  .table { border: 1px solid #ddd; font-size: 16px; }
  .table th { font-weight: 600; }
  .table td { padding: .7rem .5rem; }
}
.lnk_btn {
  .cn_btn { background: #00b6ff2e; color: #00b4fc; letter-spacing: 0.5px; transition: 0.5s; }
  .cn_btn:hover { background: #00b4fc; color: #ffff; transition: 0.5s; }
}


/* Custom FAQ Styles */
.faq-section {
  border-radius: 16px;
}

.faq-section .pdt_tlt {
  font-weight: 600;
  font-size: 2rem;
  margin-bottom: 24px;
}

#carrierFaqAccordion .accordion-item {
  border: none;
  border-radius: 5px;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,180,252,0.07);
  background: #f9f8f8;
  word-wrap: break-word;
  overflow-wrap: break-word; 
}

.accordion{
  -bs-accordion-btn-focus-box-shadow: none !important; 
}

.accordion-button:focus {
  box-shadow: none !important;
}

.review-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
  padding: 24px;
  justify-items: center;
}

.review-card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
  transition: transform 0.2s ease;
  max-width: 1250px;
  width: 100%;
}

.review-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.review-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}

.carrier-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.carrier-avatar {
  width: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}



.initials {
  font-size: 18px;
  font-weight: 600;
  color: #1976d2;
}

.carrier-name {
  margin: 0;
  font-size: 20px;
}

.carrier-link {
  color: #1976d2;
  text-decoration: none;
}

.rating-info {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.overall-rating {
  font-weight: 600;
  color: #00B007;
}

.review-date {
  color: #333;
  font-size: 14px;
}

.carrier-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.action-buttons {
  display: flex;
  gap: 8px;
  transition-duration: 0.3s;
}



.btn-edit, .btn-remove {
  padding: 6px 12px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-size: 14px;
  box-shadow: 0px 0px 2px gray;
  transition-duration: 0.5s;
}

.btn-edit {
  background: transparent;
  color: white;
}

.btn-remove {
  background: transparent;
  color: white;
}

.btn-edit:hover{
  box-shadow: 2px 4px 6px gray;
}
.btn-remove:hover{
  box-shadow: 2px 4px 6px gray;
}

.review-metrics {
  padding: 12px;
  background: #f8f9fa;
  border-radius: 8px;
  width: 40%;
}

.metric {
  margin-bottom: 10px;
  width: 100%;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;

  .metric-label {
      display: block;
      margin-bottom: 5px;
      font-weight: 500;
      color: #666;
  }

  .metric-container {
      display: flex;
      align-items: center;
      gap: 10px;
      width: 50%;
  }

  .metric-pipe {
      flex: 1;
      height: 8px;
      background-color: #e0e0e0;
      border-radius: 4px;
      overflow: hidden;
      
  }

  .metric-fill {
      height: 100%;
      background-color: #4CAF50;
      border-radius: 4px;
      transition: width 0.3s ease;
  }

  .metric-value {
      min-width: 45px;
      font-weight: 600;
      font-size: 12px;
      margin-left: 5px;
      color: #333333;
  }
}

.review-content {
  margin: 16px 0;
}

.review-quote {
  font-style: italic;
  color: #444;
  line-height: 1.5;
}

.review-details {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.detail-row {
  display: flex;
  gap: 0px;
  margin-bottom: 5px;

  .detail-item {
    flex: 1;
    min-width: 0;
  }
}

.detail-label {
  font-weight: 600;
  color: #333333;
  margin-right: 8px;
}

.detail-value {
  color: #333;
}

.lane_main_box{
  display: flex;
  align-items: center;
}
.lane-info {
  display: flex;
  align-items: center;
  border: 1px solid rgb(189, 189, 189);
  border-radius: 5px;
  padding: 2px 5px;
  width: fit-content;
  font-weight: 600;
  color: #333;
  gap: 8px;
  i {
    color: #666;
  }
}

.tag-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.tag {
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.tag-success {
  background-color: #e6f4ea;
  color: #1e7e34;
}

.tag-warning {
  background-color: #fff3e0;
  color: #f57c00;
}

.hidden-tag {
  display: none;
}

.tag-more {
  background-color: #e6f4ea;
  color: #1e7e34;
  border: 1px solid #dee2e6;
  cursor: pointer;
  transition: all 0.2s ease;

  &:hover {
    background-color: #e9ecef;
  }

  .remaining-count {
    margin-left: 2px;
  }
}
.tag-less{
  background-color: #e6f4ea;
  color: #1e7e34;
  border: 1px solid #dee2e6;
  cursor: pointer;
  transition: all 0.2s ease;

  &:hover {
    background-color: #e9ecef;
  }
}


.hidden {
  display: none;
}

.carrier-reply {
  font-style: italic;
  color: #666;
}

.title_box{
  margin-bottom: 15px;
}

.title-value{
  font-size: 24px;
  font-weight: 600;
}

@media (max-width: 1024px) {
  .review-grid {
    grid-template-columns: 1fr;
  }
}

.dropdown-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.dropdown-toggle_button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
  padding: 8px 10px;
  border-radius: 5px;
}

.dropdown-toggle_button .btn_action {
  display: flex;
  align-items: center;
  gap: 10px;
}

.dropdown-btn {
  background: none;
  border: none;
  color: inherit;
  font-size: 12px;
  transition: transform 0.3s ease;
}

.dropdown-btn.rotated {
  transform: rotate(180deg);
}

/* Floating dropdown menu */
.dropdown-content {
  position: absolute;
  /* top: 110%; */
  right: 0;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  width: 100%;
  min-width: 170px;
  overflow: hidden;

  /* Hide initially */
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
  z-index: 1000;
}

/* Show state */
.dropdown-content.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Each option button inside dropdown */
.dropdown-content button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 15px;
  background: none;
  border: none;
  text-align: left;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}

/* Hover effect like select options */
.dropdown-content button:hover {
  background-color: #f0f4ff;
  box-shadow: inset 0 0 0 999px rgba(0, 102, 255, 0.05);
}