/* Hero Section Styles Start */

.sd_hero_jhdev {
    padding: 150px 0 425px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #0b5170;
    
}

.sd_hero_box_jhdev {
    width: 100%;
}

.sd_hero_subtitle_jhdev {
    background-color: #ffffff1c;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.sd_hero_subtitle_jhdev span {
    color: #E1FFA1;
}

.sd_hero_subtitle_jhdev::before {
    background-color: #ffffff;
}



.sd_hero_subtitle_jhdev .breadcrumb {
    list-style: none;           /* Remove default numbers */
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;                   /* Space between items */
    flex-wrap: wrap;
}

.sd_hero_subtitle_jhdev .breadcrumb li {
    display: flex;
    align-items: center;
}

.sd_hero_subtitle_jhdev .breadcrumb li:nth-child(1) a span  {
    color: #ffffff!important;
    transition: all 0.5s;
}

.sd_hero_subtitle_jhdev .breadcrumb li:nth-child(1) a span:hover {
    color: #E1FFA1!important;
    transition: all 0.5s;
}

.sd_hero_subtitle_jhdev .breadcrumb li:not(:last-child)::after {
    content: "";
    width: 9px;
    height: 15px;
    margin-left: 8px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="15" viewBox="0 0 9 15" fill="none"><path d="M1.25056 14.8828C1.10993 14.8828 0.989397 14.834 0.888951 14.7363C0.788505 14.6387 0.738282 14.5215 0.738282 14.3848C0.738282 14.248 0.788504 14.1309 0.888951 14.0332L7.69922 7.41211L0.99442 0.8935C0.893974 0.795875 0.84375 0.678751 0.84375 0.542001C0.84375 0.405251 0.893974 0.288125 0.99442 0.190375C1.09487 0.09275 1.2154 0.044001 1.35603 0.044001C1.49665 0.044001 1.61718 0.09275 1.71764 0.190375L8.78404 7.06055C8.88449 7.1582 8.93471 7.27539 8.93471 7.41211C8.93471 7.54882 8.88449 7.66601 8.78404 7.76367L1.62723 14.7363C1.60714 14.7559 1.58706 14.7754 1.56696 14.7949C1.53683 14.8047 1.51172 14.8145 1.49163 14.8242C1.4615 14.834 1.43639 14.8438 1.41629 14.8535C1.38615 14.8633 1.36104 14.873 1.34096 14.8828C1.31082 14.8828 1.28069 14.8828 1.25056 14.8828Z" fill="white"/></svg>') no-repeat center;
    background-size: contain;
}

.sd_hero_subtitle_jhdev .breadcrumb svg {
    display: none; /* Hide the inline SVG — we use CSS version */
}

.sd_hero_title_jhdev {
    font-weight: 400;
    color: #ffffff;
    font-size: 64px;
    line-height: 1.2;
    letter-spacing: -0.64px;
}

.sd_hero_title_jhdev  .highlight_text_jhdev {
    font-weight: 600;
}

.sd-hero-lb-mdjhd {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 53.7%;
}

.sd-hero-rb-mdjhd {
    width: 43.52%;
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-top: 62px;
}


.sd_hero_box_jhdev {
    display: flex;
    flex-direction: row;
}

.sd_hb_inner_jhdev {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}


.sd_hero_list_jhdev {
    padding: 24px;
    border-radius: 20px;
    background-color: #ffffff0f;
    display: flex;
    flex-direction: column;
    gap: 24px;
    
}

.sd_hero_list_jhdev li {
    list-style: none;
    position: relative;
    padding-left: 1.5em;
}


.sd_hero_list_jhdev li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.4em;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    border-radius: 50%;
}
.sd_hero_list_jhdev li span {
    font-family: 'Urbanist', sans-serif;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -0.66px;
    color: #ffffff;
}

.sd_hero_btn_jhdev {
    max-width: 209px;
    background-color: #E1FFA1;
    color: #0c0c0c;
    border: 1px solid transparent;
}

.sd_hero_btn_jhdev .sd_hbi_box_jhdev {
    background-color: #0c0c0c;
    border: 2px solid #0c0c0c!important;
}

.sd_hero_btn_jhdev .sd_hbi_box_jhdev svg path {
    fill: #ffffff!important;

}

.sd_hero_btn_jhdev:hover .sd_hbi_box_jhdev {
    background-color: transparent!important;
    border: 2px solid #0c0c0c!important;
}

.sd_hero_btn_jhdev:hover svg path {
    fill: #0c0c0c!important;

}


@media (max-width: 1024px) {
    .sd_hero_jhdev {
        padding: 120px 0 280px 0;
    }
    
    .sd_hb_inner_jhdev {
        flex-direction: column;
    }
    
    .sd-hero-rb-mdjhd {
        width: 100%;
        padding-top: 24px;
        gap: 32px;
    }
    
    .sd-hero-lb-mdjhd {
        width: 100%;
    }
    
    .sd_hero_title_jhdev {
        font-size: 48px;
    }
}


@media (max-width: 992px) {
    .sd_hero_jhdev {
        padding: 100px 0 200px 0;
    }
    
    .sd-hero-rb-mdjhd {
        padding-top: 20px;
        gap: 28px;
    }
    
    
    .sd_hero_title_jhdev {
        font-size: 36px;
    }
    
    .sd_hero_list_jhdev {
        padding: 20px;
        gap: 16px;
        border-radius: 16px;
    }
    
    .sd_hero_list_jhdev li span {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .sd_hero_jhdev {
        padding: 80px 0 160px 0;
    }
    
    .sd-hero-rb-mdjhd {
        padding-top: 16px;
        gap: 24px;
    }
    
    
    .sd_hero_title_jhdev {
        font-size: 32px;
    }
    
    .sd_hero_list_jhdev {
        padding: 16px;
        border-radius: 12px;
    }
    
    .sd_hero_list_jhdev li span {
        font-size: 18px;
    }
}






/* Development Services Styles */

.ds_jhdev {
    padding: 120px 0 120px 0;
    background-color: #F8FAFD;
}

.ds_top_jhdev {
    display: flex;
    justify-content: center;
}

.ds_top_box_jhdev {
    max-width: 100%;
}

.ds_tbox_inner_jhdev {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #dee2ea;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.ds_switcher_jhdev {
    padding: 16px 30px;
    font-family: "Urbanist", sans-serif;
    font-size: 20px;
    line-height: 1;
    color: #0c0c0c;
    text-align: center;
    border-radius: 50px;
    font-weight: 600;
    border: 0.84px solid transparent;
    transition: all 0.5s;
    cursor: pointer;
    
}

.ds_switcher_jhdev.active, .ds_switcher_jhdev:hover {
    color: #E1FFA1;
    background-color: #0B5170;
    border: 0.84px solid #DEE2EA;
    transition: all 0.5s;
}

.ds_jhdev .container_jhdev {
    display: flex;
    flex-direction: column;
    gap: 60px;
}



.ds_middle_jhdev {
    display: flex;
    justify-content: center;
}

.ds_middle_box_jhdev {
    width: 51.23%;
}

.dp_mbox_inner_jhdev {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

.ds_title_jhdev {
    font-weight: 400;
    text-align: center;
}

.ds_title_jhdev .highlight_text_jhdev {
    font-weight: 600;
}

.ds_bottom_jhdev {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 24px;
}

.ds_bottom_jhdev {
    display: flex;
    justify-content: center;
    column-gap: 24px;
    row-gap: 32px;
    flex-wrap: wrap;
}

.dsb_sin_box_jhdev {
    width: calc( 33.33% - 16px );
}

.dsb_sbox_inner_jhdev {
    border-radius: 24px;
    border: 1px solid #DEE2EA;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.dsb_sb_imgbox_jhdev {
    height: 300px;
}

.dsb_sbox_img_jhdev {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.dsb_sbox_desc_jhdev {
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -0.56px;
    text-align: center;
}

.dsb_sbox_cbox_jhdev, .dsb_scb_obox_jhdev {
    padding: 20px;
}

.dsb_scb_obox_jhdev  {

}

.dsb_sbox_inner_jhdev:hover .dsb_sbox_odesc_jhdev{
    color: #ffffff;
}

.dsb_sbox_cbox_jhdev {
    background-color: #ffffff;
    transition: all 0.5s;
}
.dsb_sbox_inner_jhdev:hover  .dsb_sbox_cbox_jhdev {
    background-color: #0B5170;
    transition: all 0.5s;
}

.dsb_sbox_cbox_jhdev {
    position: relative;
}

.dsb_sbox_pbox_jhdev {
    background-color: #ffffff;
    transition: all 0.5s;
}

.dsb_sbox_inner_jhdev:hover .dsb_sbox_pbox_jhdev {
    background-color: #0B5170;
    transition: all 0.5s;
}

.dsb_sbox_pbox_jhdev, .dsb_scb_obox_jhdev {
        height: 80px;
        box-sizing: border-box;
    }

.dsb_scb_obox_jhdev {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    background-color: #ffffff;
    transition: all 0.5s;
}

.dsb_sbox_inner_jhdev:hover .dsb_scb_obox_jhdev {
    height: 100%;
    justify-content: flex-end;
     background: linear-gradient(
        180deg,
        rgba(11, 81, 112, 0) 0%,
        rgba(11, 81, 112, 0.69) 42.79%,
        #0B5170 90.87%);
    transition: all 0.5s;
}

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

.dsb_scb_ul_jhdev {
    display: none;
}

.dsb_sbox_inner_jhdev:hover .dsb_scb_ul_jhdev {
    display: flex;
}



.dsb_scb_ul_jhdev li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-family: "Urbanist", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    color: #ffffff;
}



.dsb_box_jhdev {
    width: 100%;
}

.ds_btn_box_jhdev {
    display: flex;
    justify-content: center;
}

.ds_btn_jhdev {
    max-width: 176px;
}






/* ============================================================= */
/* CONTAINER SETUP */
/* ============================================================= */
.ds_middle_jhdev,
.ds_bottom_jhdev {
    overflow: hidden;
    position: relative;
    padding: 2px 0;
}

/* ============================================================= */
/* FIRST LOAD – heading slides in from right */
/* ============================================================= */
.ds_middle_jhdev.first-load .dp_mbox_inner_jhdev {
    animation: slideInRight 0.65s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* ============================================================= */
/* TAB SWITCH – heading slides out / in */
/* ============================================================= */
.ds_middle_jhdev.slide-out .dp_mbox_inner_jhdev {
    animation: slideOutLeft 0.45s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.ds_middle_jhdev.slide-in .dp_mbox_inner_jhdev {
    animation: slideInRight 0.45s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* ============================================================= */
/* CARDS – your existing (unchanged) */
/* ============================================================= */
.ds_bottom_jhdev.slide-out .dsb_sin_box_jhdev { animation: slideOutLeft .45s cubic-bezier(.4,0,.2,1) forwards; }
.ds_bottom_jhdev.slide-in  .dsb_sin_box_jhdev { animation: slideInRight .45s cubic-bezier(.4,0,.2,1) forwards; }

@keyframes slideOutLeft { to { transform:translateX(-100%); opacity:0; } }
@keyframes slideInRight {
    from { transform:translateX(100%); opacity:0; }
    to   { transform:translateX(0);   opacity:1; }
}





@media (max-width: 1024px) {
    .ds_jhdev {
        padding: 100px 0;
    }
        
    .ds_middle_box_jhdev {
        width: 80%;
    }
        
    .ds_jhdev .container_jhdev {
        gap: 48px;
    }
    
    .dsb_sin_box_jhdev {
        width: calc( 50% - 12px );
    }
    
    .dsb_sbox_pbox_jhdev, .dsb_scb_obox_jhdev {
        height: unset;
    }
    
    .dsb_sbox_inner_jhdev {
        min-height: 460px;
    }
    
    .dsb_scb_ul_jhdev {
        display: flex;
    }
    
    .dsb_scb_ul_jhdev li {
        color: #0c0c0c;
    }
    
    .dsb_scbox_ibox_jhdev svg path {
        fill: #0c0c0c;
    }
    
    .dsb_sbox_inner_jhdev:hover  .dsb_scb_ul_jhdev li {
        color: #ffffff;
    }
    
    .dsb_sbox_inner_jhdev:hover  .dsb_scbox_ibox_jhdev svg path {
        fill: #E1FFA1;
    }


}

@media (max-width: 992px) {
    .ds_jhdev {
        padding: 80px 0;
    }
        
    .ds_middle_box_jhdev {
        width: 100%;
    }
        
    .ds_jhdev .container_jhdev {
        gap: 40px;
    }
    
    .ds_bottom_jhdev {
        column-gap: 20px;
        row-gap: 24px;
    }
    
   
    .dsb_scb_ul_jhdev {
        gap: 10px;
    }
    
    .dsb_sbox_inner_jhdev {
        border-radius: 20px;
    }
    
    .dsb_sbox_cbox_jhdev, .dsb_scb_obox_jhdev {
        padding: 16px;
    }
    
    .dsb_sbox_desc_jhdev {
        font-size: 24px;
    }
    
    .dsb_sbox_inner_jhdev {
        min-height: 400px;
    }

}

@media (max-width: 767px) {
    .ds_jhdev {
        padding: 60px 0;
    }
    
    .ds_switcher_jhdev {
        padding: 12px 24px;
        font-size: 16px;
    }
    
    .ds_jhdev .container_jhdev {
        gap: 32px;
    }
    
    
    .ds_bottom_jhdev {
        gap: 20px;
    }
    
    .dsb_sin_box_jhdev {
        width: 100%;
    }
    
    .dsb_sbox_inner_jhdev {
        min-height: unset;
    }
    
    .dsb_sbox_inner_jhdev {
        border-radius: 16px;
    }
    
    .dsb_sbox_desc_jhdev {
        font-size: 20px;
    }
    
    .dsb_scb_obox_jhdev {
        gap: 12px;
    }
    
    .dsb_scb_ul_jhdev {
        gap: 8px;
    }
    
    .dsb_scb_ul_jhdev li {
        font-size: 16px;
        gap: 8px;
    }
    
    .dp_mbox_inner_jhdev {
        align-items: start; 
        gap: 12px;
    }
    .ds_title_jhdev {
        text-align: start;
    }
    
    .dsb_sbox_desc_jhdev {
        text-align: start;
    }
    
    .ds_btn_box_jhdev {
        justify-content: start;
    }
    
    .ds_top_jhdev {
        justify-content: start;
    }
    
    .ds_middle_rd_jhdev {
        display: flex;
        padding-top: 28px;
    }
    
    .ds_top_jhdev {
        display: none;
    }
    
    .development-services {
        display: flex!important;
    }
    
    .design-services {
        display: flex!important;
    }
    
    .ds_middle_jhdev {
        display: flex!important;
    }
    
    .ds_mtr_design_jhdev {
        order: 0;
    }
    
    .design-services {
     order: 1;   
    }
    
    .ds_mtr_development_jhdev {
        order: 2;
         padding-top: 28px;
    }
    
    .ds_bottom_jhdev {
        display: flex!important;
    }
    
    .development-services {
     order: 3;   
    }
    
    
    
    .dsb_btn_jhdev {
        order: 4;
    }

}







/* Our Work Flow section styles */


.owf_jhdev {
    padding: 135px 0 120px 0;
    background-color: #F8FAFD;
}

.owf_main_jhdev {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.owf_lb_box_jhdev {
    width: 49.22%;
}

.owf_lb_inner_jhdev {
    display: flex;
    flex-direction: column;
    gap: 25px;
    position: relative;
    z-index: 1;
}

.owf_lb_inner_jhdev::after,
.owf_lb_inner_jhdev::before {
    position: absolute;
    display: block;
    background-image: url("/wp-content/themes/mondaydigital/assets/dots.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100px;
    height: 76px;
    z-index: -1;
    content: "";
}

.owf_lb_inner_jhdev::before {
    right: -32px;
    top: 18px;
}
.owf_lb_inner_jhdev::after {
    left: -50px;
    bottom: 24px;
}

.owf_lb_ibox_jhdev {
    border-radius: 24px;
    overflow: hidden;
}

.owf_feature_img_jhdev {
    width: 100%;
    height: 100%;
}

.owf_lb_rbox_jhdev {
    display: none;
}

.owf_right_box_jhdev {
    width: 44.14%;
}

.owf_rb_inner_jhdev {
    display: flex;
    flex-direction: column;
    gap: 42px;
}

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

.owf_title_jhdev {
    font-weight: 400;
    padding-top: 6px;
}

.owf_title_jhdev .highlight_text_jhdev {
    font-weight: 600;
}

.owf_btn_jhdev {
    max-width: 176px;
}

.owf_faq_db_jhdev {
    background-color: #ffffff;
    box-shadow: 0px 14px 31px 0px #00000005,
    0px 57px 57px 0px #00000005,
    0px 128px 77px 0px #00000003,
    0px 228px 91px 0px #00000000,
    0px 356px 100px 0px #00000000;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
}

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

.owf_faq_mtb_jhdev {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.owf_faq_nb_jhdev, .owf_faq_dt_jhdev {
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.6px;
    text-transform: capitalize;
}

.owf_faq_nb_jhdev {
    background-color: #E1FFA1;
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 8px;
}

.owf_faq_dmi_jhdev {
    display: none;
}

.owf_faq_dd_jhdev {
    font-family: "Urbanist", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.48px;
    /*text-transform: capitalize;*/
    padding: 0 20px 16px 64px;
    margin-top: -8px;
    color: #0c0c0cb3;
}

.owf_faq_cbi_jhdev {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


@media (max-width: 1024px) {
    .owf_jhdev {
        padding: 100px 0;
    }
    
    .owf_main_jhdev {
         align-items: center; 
    }
    
    .owf_lb_inner_jhdev {
        /* padding-top: 60px; */
        gap: 20px;
        /* position: fixed; */
        /* top: 20px; */
    }
    
    .owf_lb_box_jhdev {
        display: none;
    }
    
    .owf_lb_rbox_jhdev {
        display: flex;
        position: unset;
        flex-direction: row;
    }
    
     .owf_lb_ibox_jhdev {
        width: calc( 50% - 10px );
    }
    
    .owf_right_box_jhdev {
        width: 100%;
    }
    
    .owf_lb_inner_jhdev::before {
        right: -28px;
    }
    
    .owf_lb_inner_jhdev::after {
        left: -28px;
    }
    
    .owf_lb_inner_jhdev::after, .owf_lb_inner_jhdev::before {
        display: none;
    }
}


@media (max-width: 992px) {
    .owf_jhdev {
        padding: 80px 0;
    }
    
    .owf_main_jhdev {
         flex-direction: column-reverse;
         gap: 48px;
    }
    
    .owf_lb_box_jhdev {
        width: 100%;
    }
    
    .owf_right_box_jhdev {
        width: 100%;
    }
    
    .owf_rb_inner_jhdev {
        gap: 36px;
    }
    
    .owf_lb_ibox_jhdev {
        border-radius: 20px;
    }
   
}


@media (max-width: 767px) {
    .owf_jhdev {
        padding: 60px 0; 
    }
    .owf_rb_inner_jhdev {
        gap: 28px;
    }
    
    .owf_main_jhdev {
        gap: 32px;
    }
    
    .owf_lb_inner_jhdev::before {
        right: -23px;
        width: 80px;
        height: 60px;
    }
    
    .owf_lb_inner_jhdev::after {
        width: 80px;
        height: 60px;
        left: -24px;
    }
    
    .owf_lb_box_jhdev {
        width: 90%;
    }
    
     .owf_lb_rbox_jhdev {
        display: none;
    }
    
    
    .owf_faq_dtb_jhdev {
        gap: 12px;
        padding: 12px 16px;
    }
    
    .owf_faq_db_jhdev {
        border-radius: 12px;
    }
    
    .owf_faq_dd_jhdev {
        padding: 0 16px 12px 56px;
    }
    
    .owf_faq_mtb_jhdev {
        gap: 12px;
    }


}




/* Development Platform section styles */

.dp_jhdev {
    padding: 135px 0 120px 0;
}

.dp_top_box_jhdev {
    width: 65%;
}

.row_jhdev.dp_top_jhdev {
    display: flex;
    justify-content: center;
}

.dp_tbox_inner_jhdev {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.dp_bottom_box_jhdev {
    width: 80%;
}

.dp_logo_jhdev {
    height: 60px;
    width: 100%;
}

.dp_bottom_jhdev {
    display: flex;
    justify-content: center;
}

.dp_bb_inner_jhdev {
    justify-content: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 42px;
    padding-top: 42px;
}

.dp_bb_slider_jhdev {
    padding-top: 42px;
    display: none;
}

.dp_logo_box_jhdev {
    padding: 12px 28px 12px 12px;
    border-radius: 100px;
    background-color: #F8FAFD;
}

.dp_title_jhdev {
    text-align: center;
    font-weight: 400;
    padding-top: 8px;
}

.dp_desc_jhdev {
    text-align: center;
}


@media (max-width: 1024px) {
    .dp_jhdev {
        padding: 100px 0;
    }
    
    .dp_top_box_jhdev {
        width: 76%;
    }
    
    .dp_bottom_box_jhdev {
        width: 100%;
    }
    
    .dp_bb_inner_jhdev {
        gap: 22px;
        padding-top: 36px;
    }


}

@media (max-width: 992px) {
    .dp_jhdev {
        padding: 80px 0;
    }
    
    .dp_top_box_jhdev {
        width: 100%;
    }
    
    .dp_bb_inner_jhdev {
        gap: 20px;
        padding-top: 32px;
    }
    
    .dp_logo_box_jhdev {
        padding: 10px 20px 10px 10px;
    }
    
    .dp_logo_jhdev {
        height: 48px;
    }


}

@media (max-width: 767px) {
     .dp_jhdev {
        padding: 60px 0;
    }
    
    .dp_top_box_jhdev {
        width: 100%;
    }
    
    .dp_bb_inner_jhdev {
        padding-top: 28px;
        gap: 16px;
        justify-content: start;
        display: none;
    }
    
    .dp_bb_slider_jhdev {
        padding-top: 28px;
        display: block;
    }
    
    .dp_bb_slider_jhdev .dp_logo_box_jhdev {
        margin: 0 8px;
    }
    
    .dp_logo_jhdev {
        height: 40px;
    }
    
    .dp_tbox_inner_jhdev {
        align-items: start;
    }
    
    .dp_title_jhdev {
        text-align: left;
    }
    
    .dp_desc_jhdev {
        text-align: left;
    }
    
}



/* Who We Serve section styles */

.wws_jhdev {
    padding: 135px 0 120px 0;
    background-color: #F8FAFD;
    position: relative;
     overflow: hidden;
}

.wws_main_jhdev {
    padding-left: 60px;
}

.wws_jhdev .container_jhdev {
    /*margin: 0;*/
} 

.wws_left_box_jhdev {
   width: 45.60%;
}

.tetsi_tbox_inner_jhdev {
    min-height: 540px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.wws_title_jhdev {
    font-weight: 400;
     padding-top: 8px;
}

.wws_title_jhdev .highlight_text_jhdev {
    font-weight: 600;
}


.wws_sbox_inner_jhdev {
    max-width: 406px;
    height: 540px;
    border-radius: 24px;
    margin: 0 10px;
    background-color: #EDF2F4;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: end;
    overflow: hidden;
}

.wws_sbox_cbox_jhdev {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: end;
    background: linear-gradient(180deg, rgba(11, 81, 112, 0) 0%, rgba(11, 81, 112, 0.69) 42.79%, #0B5170 90.87%);
    backdrop-filter: blur(2.599999px);
    /*box-shadow: #0b517000 2px 5px 0px 1px;*/
}



.wws_sbox_cbox_jhdev {
    height: 15%;
    transition: all 0.5s ease;
    overflow: hidden;
    width: 100%;
}

/* Hover animation */
.wws_sbox_inner_jhdev:hover .wws_sbox_cbox_jhdev {
    height: 100%;
    justify-content: flex-end;
    background: linear-gradient(
        180deg,
        rgba(11, 81, 112, 0) 0%,
        rgba(11, 81, 112, 0.69) 42.79%,
        #0B5170 90.87%
    );
}

/* Text box default state */
.wws_sbox_desc_jhdev {
    opacity: 0;
    transform: translateY(-100px);
    transition: all 0.5s ease;
    display: none;
    visibility: hidden;
}

/* Smooth fade + slide-up */
.wws_sbox_inner_jhdev:hover .wws_sbox_desc_jhdev {
    opacity: 1;
    transform: translateY(0);
    display: block;
    visibility: visible;
    transition: all 0.5s ease;
}





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

.wws_sbox_ibox_jhdev svg {
    display: none;
}



.wws_sbox_title_jhdev {
    font-family: "Urbanist", sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.84px;
    color: #ffffff;
    
}

.wws_sbox_desc_jhdev {
    color: #DEE2EA;
    font-weight: 500;
}

.wws_slider_main_jhdev {
    width: calc(50%);
    max-height: 100%;
    height: -webkit-fill-available;
    position: absolute;
    top: 135px;
    right: 0;
}

.wws_slider_box_jhdev .slick-prev {
    left: -575px;
    background-image: url(/wp-content/themes/mondaydigital/assets/ArrowLeft.svg);
   
    
}
.wws_slider_box_jhdev .slick-next {
    left: -500px;
    background-image: url(/wp-content/themes/mondaydigital/assets/ArrowRight.svg);
}

.wws_slider_box_jhdev .slick-prev, .wws_slider_box_jhdev .slick-next {
    top: unset!important;
    right: unset!important;
    bottom: -28px;
    height: 56px;
    width: 56px;
     /*border: 1px solid #e4e4e4;*/
    border-radius: 50%;
    background-color: #ffffff;
}
.wws_slider_box_jhdev .slick-prev:hover {
    background-image: url(/wp-content/themes/mondaydigital/assets/ArrowLeftWhite.svg);
}

.wws_slider_box_jhdev .slick-next:hover {
    background-image: url(/wp-content/themes/mondaydigital/assets/ArrowRightWhite.svg);
}

.wws_slider_box_jhdev .slick-prev:hover, .wws_slider_box_jhdev .slick-next:hover {
    background-color: #0b5170;
}

.wws_slider_box_jhdev .slick-next:before,
.wws_slider_box_jhdev .slick-prev:before {
    content: "";
}

.wws_slider_box_jhdev .slick-prev, .wws_slider_box_jhdev .slick-next, .wws_slider_box_jhdev .slick-prev:hover, .wws_slider_box_jhdev .slick-next:hover {
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 1440px) {
   
}
@media (max-width: 1366px) {
    .wws_sbox_inner_jhdev {
        min-height: 364px;
    }
}
@media (max-width: 1316px) {
    .wws_sbox_inner_jhdev {
        min-height: 480px;
    }
}
@media (max-width: 1262px) {
    .wws_sbox_inner_jhdev {
        min-height: 468px;
    }
}


@media (max-width: 1024px) {
    .wws_jhdev {
        padding: 100px 0;
    }
    
    .wws_left_box_jhdev {
        width: 50%;
    }
    
    .wws_main_jhdev {
        padding-left: 0;
    }
    
    .wws_slider_main_jhdev {
        width: calc(40%);
        top: 100px;
        right: 0;
    }
    
    .wws_slider_box_jhdev .slick-prev {
        left: -562px; 
    }
    .wws_slider_box_jhdev .slick-next {
        left: -482px;
    }
    
    .wws_slider_box_jhdev .slick-prev, .wws_slider_box_jhdev .slick-next {
        bottom: -28px;
    }
    
    .wws_sbox_cbox_jhdev {
        min-height: 30%;
    }
    
    .wws_sbox_desc_jhdev {
        opacity: 1;
        transform: translateY(0);
        transition: all 0.5s ease;
        display: block;
        visibility: visible;
    }
}

@media (max-width: 992px) {
    .wws_jhdev {
        padding: 80px 0 160px 0;
    }
    
    .wws_left_box_jhdev {
        width: 100%;
    }
    
    .wws_slider_main_jhdev {
        width: 100%;
        position: unset;
    }
    
    .tetsi_tbox_inner_jhdev {
        min-height: unset;
    }
    
    .wws_slider_main_jhdev {
        margin: 0 auto;
        padding-top: 48px;
        max-width: var(--min-width-768px-container-width);
    }
    
    .wws_slider_box_jhdev .slick-prev {
        left: 42%;
    }
    .wws_slider_box_jhdev .slick-next {
        left: 52%;
    }
    
    .wws_slider_box_jhdev .slick-prev, .wws_slider_box_jhdev .slick-next {
        bottom: -128px;
    }
}



@media (max-width: 767px) {
    .wws_jhdev {
        padding: 60px 0 148px 0;
    }
    .wws_sbox_inner_jhdev {
        min-height: 352px;
        height: 100%;
        border-radius: 16px;
    }
    
    .wws_sbox_cbox_jhdev {
        padding: 20px;
        gap: 8px;
    }
    
    .wws_sbox_title_jhdev {
        font-size: 20px;
    }
    
    .wws_sbox_ibox_jhdev {
        gap: 8px;
        
    }
    
    .wws_sbox_ibox_jhdev svg {
        width: 32px;
        height: 32px;
    }
    
    .wws_slider_main_jhdev {
        padding-top: 32px;
        max-width: var(--min-width-576px-container-width);
    }
    
    .wws_slider_box_jhdev .slick-prev {
        left: 39%;
    }
    .wws_slider_box_jhdev .slick-next {
        left: 52%;
    }
    

}

@media (max-width: 575px) {
    .wws_sbox_inner_jhdev {
        max-width: 100%;
        min-height: 468px;
        margin: 0;
    }
    
    .wws_slider_box_jhdev .slick-prev {
        left: 35%;
    }
    .wws_slider_box_jhdev .slick-next {
        left: 51%;
    }
    
    .wws_slider_box_jhdev .slick-prev, .wws_slider_box_jhdev .slick-next {
        width: 40px;
        height: 40px;
    }
    
    .wws_slider_main_jhdev {
        max-width: var(--min-width-390px-container-width);
    }
    .wws_slider_box_jhdev .slick-prev, .wws_slider_box_jhdev .slick-next {
        bottom: -88px;
    }
}
 




/* CTA Section styles start */

.cta_jhdev {
    padding: 80px 0 0 0;
    background-color: #F8FAFD;
}

.cta_box_jhdev {
    width: 100%;
}

.cta_box_inner_jhdev {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 98px 0;
    border-radius: 32px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.ct_sub_box_jhdev {
    width: 46.2%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cta_title_jhdev {
    font-weight: 400;
    text-align: center;
}

.cta_desc_jhdev {
    text-align: center;
    font-weight: 500;
}

.cta_call_box_jhdev {
    display: flex;
   justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 36px;
    padding: 8px 8px 8px 15px;
    border-radius: 100px;
    background-color: #F4FCFF;
    border: 1px solid #ffffff1a;
}

.cta_btn_jhdev {
    width: 156px!important;
    background-color: #0b5170;
    border: 1px solid #0b5170;
}

@media (max-width: 1024px) {
    .cta_jhdev {
        padding: 60px 0 0 0;
    }
    
    .cta_box_inner_jhdev {
        padding: 80px 0;
        border-radius: 28px;
    }
    
    .ct_sub_box_jhdev {
        width: 63%;
    }
    
    .cta_call_box_jhdev {
        margin-top: 30px;
    }
    
    
}

@media (max-width: 992px) {
    .cta_jhdev {
        padding: 48px 0 0 0;
    }
    
    .cta_box_inner_jhdev {
        padding: 60px 0;
        border-radius: 24px;
    }
    
    .ct_sub_box_jhdev {
        width: 84%;
    }
    
    .cta_call_box_jhdev {
        margin-top: 24px;
    }
    
}

@media (max-width: 767px) {
    .cta_jhdev {
        padding: 40px 0 0 0;
    }
    
    .cta_box_inner_jhdev {
        padding: 40px 0;
        border-radius: 20px;
    }
    
    .ct_sub_box_jhdev {
        width: 86%;
        gap: 8px;
        align-items: start;
    }
    
    .cta_call_box_jhdev {
        margin-top: 20px;
    }
    
    .cta_desc_jhdev {
        text-align: left;
    }
    
    .cta_title_jhdev {
        text-align: left;
    }
    
 
}


/* Featured Works section styles */

.portfolio-item {
    position: unset;
    opacity: unset;
    transform: unset;
    transition: unset;
    width: calc(50% - 12px);
}

.featured_works_jhdev {
    padding: 135px 0 120px 0;
    background-color: #F8FAFD;
}

.fw_main_jhdev {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}



.fw_btn_box_jhdev {
    display: flex;
    justify-content: center;
    padding-top: 60px;
}

.fw_bottom_box_jhdev {
    width: 100%;
}

.fw_btn_jhdev {
    max-width: 148px;
}



.fw_top_box_jhdev {
    width: 100%;
}

.fw_tbox_inner_jhdev {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 18px;
    padding-bottom: 60px;
}

.fw_title_jhdev {
    text-align: center;
    font-weight: 600;
}


@media (max-width: 1024px) {
    .featured_works_jhdev {
        padding: 100px 0;
    }
    
    .fw_tbox_inner_jhdev {
        padding-bottom: 48px;
    }
    
    .fw_btn_box_jhdev {
        padding-top: 48px;
    }
}


@media (max-width: 992px) {
    .featured_works_jhdev {
        padding: 80px 0;
    }
    
    .fw_tbox_inner_jhdev {
        padding-bottom: 40px;
    }
    
    .portfolio-item {
        width: 100%;
    }
    
    .fw_btn_box_jhdev {
        padding-top: 40px;
    }
}

@media (max-width: 767px) {
    .featured_works_jhdev {
        padding: 60px 0;
    }
    
    .fw_title_jhdev {
        text-align: left;
    }
    
    .fw_tbox_inner_jhdev {
        padding-bottom: 32px;
        align-items: start;
        gap: 14px;
    }
    
    .fw_main_jhdev {
        gap: 20px;
    }
    
    .fw_btn_box_jhdev {
        padding-top: 32px;
        justify-content: start;
    }
}


/* FAQ Section Styles Begins */

.sd_faq_jhdev {
    padding: 135px 0 120px 0;
}

.sd_faq_main_jhdev {
    display: flex;
    justify-content: space-between;
    gap: 32px;
}

.sd_faq_lb_jhdev {
    max-width: 432px;
}

.sd_faq_lbi_jhdev {
    display: flex;
    flex-direction: column;
}

.sd_faq_title_jhdev {
    padding-top: 20px;
    font-weight: 400;
}

.sd_faq_cb_jhdev {
    max-width: 745px;
    width: 100%;
}

.sd_faq_cbi_jhdev {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

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

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

.sd_faq_dmi_jhdev {
    display: none;
}

.sd_faq_dt_jhdev {
    font-family: 'Urbanist', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.24px;
    color: #000000;
    max-width: 600px;
}

.sd_faq_dd_jhdev {
    font-family: 'Urbanist', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
    padding: 0 32px 36px 32px;
    max-width: 672px;
    margin-top: -16px;
}




@media (max-width: 1024px) {
    .sd_faq_jhdev {
        padding: 100px 0;
    }
    
    .sd_faq_cb_jhdev {
        max-width: 572px;
    }
    
    .sd_faq_dtb_jhdev {
        padding: 32px 28px;
    }
    
    .sd_faq_dd_jhdev {
        max-width: 448px;
        padding: 0 28px 32px 28px;
    }
    .sd_faq_di_jhdev {
        max-width: 32px;
        width: 100%;
        height: 100%;
    }


}

@media (max-width: 992px) {
    .sd_faq_jhdev {
        padding: 80px 0;
    }
    
    .sd_faq_main_jhdev {
        flex-direction: column;
    }
    
    .sd_faq_lb_jhdev {
        max-width: 100%;
    }
    
    .sd_faq_title_jhdev .block_jhdev {
        display: inline;
    }
    
    .sd_faq_cb_jhdev {
        max-width: 100%;
    }
    
    .sd_faq_dd_jhdev {
        max-width: 85%;
    }
    .sd_faq_dtb_jhdev {
        padding: 28px 24px;
    }
    
    .sd_faq_db_jhdev {
        border-radius: 20px;
    }
    
    .sd_faq_dd_jhdev {
        max-width: 85%;
        padding: 0 24px 28px 24px;
        margin-top: -12px;
    }
    .sd_faq_cbi_jhdev {
        gap: 20px;
    }
   
}
@media (max-width: 767px) {
    
    .sd_faq_jhdev {
        padding: 60px 0;
    }
    
    .sd_faq_title_jhdev {
        padding-top: 16px;
    }
    
    .sd_faq_main_jhdev {
        gap: 24px;
    }
    
    .sd_faq_db_jhdev {
        border-radius: 16px;
    }
    
    .sd_faq_dtb_jhdev {
        padding: 24px 20px;
    }
    
    .sd_faq_dd_jhdev {
        padding: 0 20px 24px 20px;
        margin-top: -8px;
        font-size: 16px;
    }
    
    .sd_faq_di_jhdev {
        max-width: 20px;
    }
    
    .sd_faq_dt_jhdev {
        font-size: 20px;
    }
    
    .sd_faq_cbi_jhdev {
        gap: 16px;
    }
    
}