.copy-toast {
  position: fixed;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: #0b5170;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.8px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 999;
}

.copy-toast.show {
  opacity: 1;
  visibility: visible;
}


/*Hero Section Styles Start Here*/
.sb_hero_jhdev {
    padding: 120px 0 60px 0;
}

.sb_hb_nb_jhdev {
    display: flex;
    align-items: center; 
    gap: 8px;
    flex-wrap: wrap;
}
.sb_hb_nb_jhdev * {
    color: #ffffff;
    font-family: "Urbanist", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.36px;
    vertical-align: middle;
}

.sb_breadcumb_bl_jhdev * {
    text-decoration: underline;
    text-underline-offset: 18%;
    text-decoration-thickness: 4%;
    transition: all 0.5s;
}

.sb_breadcumb_bl_jhdev *:hover {
    color: #E1FFA1;
    transition: all 0.5s;
}
.sb_breadcumb_title_jhdev {
    font-weight: 500;
    color: #ffffff;
    margin-left: 10px;
}

.sp_hero_title_jhdev {
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    font-size: 54px;
    line-height: 1.2;
    letter-spacing: -0.54px;
    color: #ffffff;
    padding: 24px 0 50px 0;
}

.sb_hero_meta_jhdev {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.sb_hero_meta_jhdev * {
   font-family: "Urbanist", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #ffffff;
}

.sb_cat_jhdev * {
    color: #ffffff;
    text-transform: uppercase;
}

.sb_cat_jhdev a {
    text-decoration: underline;
    text-underline-offset: 18%;
    text-decoration-thickness: 4%;
    transition: all 0.5s;
}


.sb_cat_jhdev a:hover {
    color: #E1FFA1;
    transition: all 0.5s;
}

.sb_readtime_box_jhdev, .sb_readtime_box_jhdev {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 16px;
    border-left: 1px solid #ffffff;
}

.sb_readtime_box_jhdev *, .sb_readtime_box_jhdev * {
    text-transform: lowercase!important;
}






/*Middle Section Styles Start Here*/
.sb_middle_jhdev {
    background-color: #f8fafd;
}

.sb_middle_left_jhdev {
    max-width: 988px;
    width: 100%;
}

.sb_thumb_box_jhdev {
    border-radius: 20px;
    overflow: hidden;
}

.sb_middle_aside_jhdev {
    max-width: 282px;
    width: 100%;
}

.sp_middle_main_jhdev {
    display: flex;
    align-items: start;
    gap: 24px;
}

.sb_thumb_jhdev {
    width: 100%;
    height: 532px;
    object-fit: cover;
}

.sb_mab_inner_jhdev {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sb_mab_inner_jhdev {
    position: sticky;
    top: 19px;
    right: 0;
}

.sb_mat_box_jhdev, .sb_mab_box_jhdev {
    padding: 20px;
    background-color: #ffffff;
    border-radius: 16px;
    border: 1px solid #dee2ea52;
}



.sb_mat_title_jhdev, .sb_mab_title_jhdev {
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.22px;
    color: #333333;
    padding-bottom: 20px;
}

.sb_mat_list_jhdev {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 10px 0 8px 0;
}

.sb_mat_li_jhdve {
    font-family: "Urbanist", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.3;
    color: #0c0c0ca6;
     transition: all 0.5s;
}

.sb_mat_li_jhdve:hover {
    cursor: pointer;
    color: #0b5170;
     font-weight: 600;
    transition: all 0.5s;
}

.sb_mat_li_jhdve:not(:last-child) {
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f2f5;
}

.sb_mat_li_jhdve.active {
    color: #0b5170;
    font-weight: 600;
}

.sb_mat_bbox_jhdev {
    text-align: center;
    padding-top: 24px;
}

.sb_mat_button_jhdev {
     font-family: "Urbanist", sans-serif;
     font-weight: 500;
     font-size: 16px;
     line-height: 1;
     color: #0b5170;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 8px;
}

.sb_hsb_ibl_jhdev {
    display: inline-block;
    transition: all 0.5s;
}
.sb_hsb_ibl_jhdev:hover {
    opacity: 60%;
    transition: all 0.5s;
}

.sb_mab_sbox_jhdev {
    display: flex;
    align-items: center;
    gap: 16px;
}



/*Content Section Styles Start Here*/
.sb_content_jhdev {
    padding: 32px 0 120px 0;
    background-color: #f8fafd;
}

.sp_content_main_jhdev {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.sb_content_box_jhdev {
    max-width: 988px;
    width: 100%;
}

.sp_content_main_jhdev {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.sb_cb_inner_jhdev {
    padding-top: 16px;
    overflow: hidden;
}

.sb_cb_inner_jhdev h1,
.sb_cb_inner_jhdev h2,
.sb_cb_inner_jhdev h3,
.sb_cb_inner_jhdev h4,
.sb_cb_inner_jhdev h5,
.sb_cb_inner_jhdev h6 {
    color: #0c0c0c;
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 16px;
}


.sb_cb_inner_jhdev h2 {
    font-size: 32px;
    letter-spacing: -0.32px;
}

.sb_cb_inner_jhdev h2:not(:first-child) {
    padding-top: 48px;
}

.sb_cb_inner_jhdev h3 {
    font-size: 24px;
    padding: 12px 0;
    line-height: 1.4;
}

.sb_cb_inner_jhdev h4 {
    font-size: 22px;
    padding-top: 12px;
}

.sb_cb_inner_jhdev h5 {
    font-size: 20px;
    padding-top: 12px;
}

.sb_cb_inner_jhdev h6 {
    font-size: 16px;
    padding-top: 12px;
}

.sb_cb_inner_jhdev p, .sb_cb_inner_jhdev li {
    color: #363636;
    font-family: "Urbanist", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
    margin: 0;
    padding-bottom: 8px;
}

.sb_cb_inner_jhdev a {
    color: #0b5170;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.5s;
}

.sb_cb_inner_jhdev a:hover {
    color: #000000;
    transition: all 0.5s;
}

.sb_cb_inner_jhdev ul {
    margin: 0;
    padding-left: 40px;
}

.sb_cb_inner_jhdev table {
    display: table;
    box-sizing: border-box;
    text-indent: initial;
    unicode-bidi: isolate;
    border-spacing: 0;
    margin: 24px 0 32px 0;
}

.sb_cb_inner_jhdev th, .sb_cb_inner_jhdev td {
    border: 1px solid #808080;
}

.sb_cb_inner_jhdev table * {
    color: #363636;
    font-family: "Urbanist", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    padding: 6px 12px;
}

.sb_cb_inner_jhdev th:not(:last-child) {
    border-right: none;
}

.sb_cb_inner_jhdev td {
    border-top: none;
}

.sb_cb_inner_jhdev td:not(:last-child) {
    border-right: none;
}

.sb_cb_inner_jhdev img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    margin: 56px 0;
}



/* FAQ Section Styles Begins */



.sp_faq_cbi_jhdev {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 16px;
}

.sp_faq_db_jhdev {
    border-radius: 24px;
    border: 1px solid #ebebeb;
    background-color: #ffffff;
}

.sp_faq_dtb_jhdev {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 36px 32px;
    cursor: pointer;
}

.sp_faq_dmi_jhdev {
    display: none;
}

.sp_faq_dt_jhdev {
    width: 95%;
    padding: 0!important;
}

.sp_faq_ddbox_jhdev {
    padding-bottom: 24px;
}

.sp_faq_dd_jhdev {
    padding: 0 32px 0px 32px;
    width: 95%;
}




@media (max-width: 1024px) {

    .sp_faq_dtb_jhdev {
        padding: 32px 28px;
    }
    
    .sp_faq_dd_jhdev {
        padding: 0 28px 32px 28px!important;
    }
    .sp_faq_di_jhdev {
        max-width: 32px;
        width: 100%;
        height: 100%;
    }


}

@media (max-width: 992px) {
    
    .sp_faq_dd_jhdev {
        max-width: 85%;
    }
    .sp_faq_dtb_jhdev {
        padding: 28px 24px;
    }
    
    .sp_faq_db_jhdev {
        border-radius: 20px;
    }
    
    .sp_faq_dd_jhdev {
        max-width: 85%;
        padding: 0 24px 28px 24px;
    }
    .sp_faq_cbi_jhdev {
        gap: 20px;
    }
   
}
@media (max-width: 767px) {
    
    .sp_faq_db_jhdev {
        border-radius: 16px;
    }
    
    .sp_faq_dtb_jhdev {
        padding: 24px 20px;
    }
    
    .sp_faq_dd_jhdev {
        padding: 0 20px 24px 20px!important;
        font-size: 16px;
    }
    
    .sp_faq_di_jhdev {
        max-width: 20px;
    }
    
    .sp_faq_cbi_jhdev {
        gap: 16px;
    }
    
}















/*Recent Blog Section Styles Start Here*/
.sb_lp_jhdev {
    padding: 120px 0;
}

.sb_lp_title_jhdev {
    font-weight: 400!important;
}

.sb_lp_box_jhdev {
    width: 100%;
}

.sb_lpb_inner_jhdev {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    padding-bottom: 60px;
}

.sb_lp_btn_jhdev {
    max-width: 148px;
    width: 100%;
}

.sb_lp_bbox_jhdev {
    width: 20%;
    display: flex;
    justify-content: end;
}

.sb_lp_main_jhdev {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}


.sb_lp_bottom_jhdev {
    display: none;
}

.sb_lp_bottom_bbox_jhdev {
    padding-top: 60px;
}



@media (max-width: 1024px) {

    .sp_hero_title_jhdev {
        font-size: 48px;
        letter-spacing: -0.48px;
    }
    
    
    .sb_lpb_inner_jhdev {
        gap: 24px;
        padding-bottom: 48px;
    }
    
    
    .sb_cb_inner_jhdev img {
        border-radius: 12px;
        margin: 42px 0;
    }
    
    .sb_lp_bottom_bbox_jhdev {
        padding-top: 48px;
    }
    
}


@media (max-width: 992px) {
    .sb_hero_jhdev {
        padding: 100px 0 40px 0;
    }
    
    .sp_hero_title_jhdev {
        font-size: 40px;
        letter-spacing: -0.40px;
        padding: 20px 0 36px 0;
    }
    
    .sb_hero_meta_jhdev {
        gap: 12px;
    }
    
    
    .sb_readtime_box_jhdev, .sb_readtime_box_jhdev {
        padding-left: 12px;
        gap: 6px;
    }
    
    .sp_content_main_jhdev {
        flex-direction: column;
    }
    
     .sb_thumb_box_jhdev {
        border-radius: 16px;
    }
    
    .sb_thumb_jhdev {
        height: 360px;
    }
    
    .sb_middle_aside_jhdev {
        max-width: 100%;
    }
    
    .sb_content_box_jhdev {
        max-width: 100%;
    }
    
    .sb_cb_inner_jhdev h2 {
        font-size: 28px;
    }
    
    
    .sb_cb_inner_jhdev h2:not(:first-child) {
        padding-top: 32px;
    }
    
    .sb_cb_inner_jhdev h3 {
        font-size: 22px;
    }
    
    .sb_cb_inner_jhdev h4 {
        font-size: 19px;
    }
    
    .sb_cb_inner_jhdev ul {
        padding-left: 32px;
    }
    
    .sb_content_jhdev {
        padding: 0 0 100px 0;
    }
    
    .sb_mat_box_jhdev {
        display: none;
    }
    
    .sb_lp_main_jhdev {
        flex-direction: column;
        gap: 20px;
    }
    
    .sb_lp_jhdev {
        padding: 100px 0;
    }
    
    .sb_mab_inner_jhdev {
        position: unset;
    }
    
     .sb_cb_inner_jhdev img {
        border-radius: 10px;
        margin: 36px 0;
    }
    
    .sb_lpb_inner_jhdev {
        gap: 20px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        padding-bottom: 40px;
    }
    
    .sb_lp_bbox_jhdev {
        width: 100%;
        justify-content: flex-start;
    }
    
    .sb_lp_top_bbox_jhdev {
        display: none;
    }
    
    .sb_lp_bottom_jhdev {
        display: block;
    }
    
     .sb_lp_bottom_bbox_jhdev {
        padding-top: 40px;
    }
        
    
}

@media (max-width: 767px) {
    
     .sb_hero_jhdev {
        padding: 60px 0 20px 0;
    }
    
    .sp_hero_title_jhdev {
        font-size: 32px;
        letter-spacing: -0.32px;
        padding: 16px 0 24px 0;
    }
    
    .sb_hero_meta_jhdev {
        gap: 8px;
    }
    
    
    .sb_readtime_box_jhdev, .sb_readtime_box_jhdev {
        padding-left: 8px;
        gap: 4px;
    }
    
    .sb_thumb_box_jhdev {
        border-radius: 12px;
    }
    
    .sb_thumb_jhdev {
        height: 240px;
    }
    
        
    .sb_cb_inner_jhdev h2:not(:first-child) {
        padding-top: 24px;
    }
    
    .sb_lpb_inner_jhdev {
        padding-bottom: 32px;
    }
    
    
    .sb_cb_inner_jhdev p, .sb_cb_inner_jhdev li {
        font-size: 16px;
    }
    
    .sb_cb_inner_jhdev table * {
        padding: 4px 8px;
        font-size: 16px;
        word-break: break-word;
    }
    
    .sb_cb_inner_jhdev table {
        margin: 16px 0 24px 0;
    }
        
    .sb_cb_inner_jhdev ul {
        padding-left: 24px;
    }
    
    .sb_content_jhdev {
        padding: 0 0 80px 0;
    }
    
    .sb_lp_jhdev {
        padding: 80px 0;
    }
    
    .sb_cb_inner_jhdev img {
        border-radius: 8px;
        margin: 28px 0;
    }
    
    .sb_mat_box_jhdev, .sb_mab_box_jhdev {
        padding: 16px;
    }
    
    .sb_mat_title_jhdev, .sb_mab_title_jhdev {
        font-size: 20px;
        padding-bottom: 16px;
    }
    
    .sb_mat_list_jhdev {
        padding: 8px 0 6px 0;
    }
    
    .sb_mat_bbox_jhdev {;
        padding-top: 12px;
    }
        
     .sb_lp_bottom_bbox_jhdev {
        padding-top: 32px;
    }
}