/* common css */

    .no_padding_lft_rgt{padding-left: 0px!important; padding-right: 0px!important;}
    h2{font-family: Mulish;font-weight: 800;font-size: 55px;line-height: 48px;color: #3C231C;}
    h3{color: #3C231C;font-family: Mulish;}
    p{font-family: Roboto;font-weight: 400;font-size: 17px;line-height: 24px;text-align: justify; color: #888381;}
    li{list-style-type: none;}
    a:hover{text-decoration: none;}
    .no_pad_left{padding-left: 0px!important;}
    .no_pad_right{padding-right: 0px!important;}
    .margn_btm_p{margin-bottom: 0px;}

 /* admin */
    .pagination_count_left{float: left;}
    .pagination_count_right{display: inline-flex;margin-left: 65%;}
    .user_pagination{margin-top: 1%;}
    .user_list_pad{padding: 6% 9% 5% 9%;}
    .txt_cntr{text-align: center!important;}
    .user_list_pad h4{ font-size: 34px; font-weight: bold; color: #3C231C;}
    .disp_flx_spc{display: inline-flex; justify-content: space-between;}
    .role_list_pad{padding:6% 0% 5% 0%;}
    .register1 h4{font-size: 34px;}
    .inl_flx{display: inline-flex;}

 /* index  */
     body{background-color: #E9E4DC;}
    .navbar img{width:324px;height: 100px;}
    .banner_text{padding-top:17%;padding-left:80px;}
    .banner_text p {font-family: Mulish;font-weight: 800;font-size: 70px;line-height: 70px;margin-bottom: 0px;}
    .text_col_white{color: #fff;}
    .text_col_yell{color:#FFCA16;}
    .who_are_we_text h2{padding-bottom: 10px;}
    .who_we_img img{padding-top: 1%;}
    .who_we_img img,.who_we_img2 img{width:100%;height:auto;}
    .pad_top{padding-top: 90px;}
    .wht_we_do_sect{padding-bottom: 3%;}
    .what_weh2{padding-left: 370px;padding-bottom: 40px;padding-top: 85px;}
    .what_we_do_card{padding: 10px 25px 25px 25px;  border-radius:15px;background-color: #E9E4DC;}
    .what_we_do_card h3{font-weight: 800;font-style: ExtraBold;font-size: 28px;leading-trim: NONE;line-height: 24px;letter-spacing: 0%;vertical-align: middle;transition: color 0.3s ease;}
    .what_we_do_card h3:hover{color: #ea532b;cursor: pointer;}
    .what_we_do_card img{max-width: 90px;width: 100%; height:90px;margin-left: -15px;}
    .whtwedo_cont{display: flex;flex-direction: column; gap: 70px;}
    .whtwedo_contright{padding-left:35px;}
    .right_icon { width: 50px;height: 50px;text-decoration: none; border: 1px solid #d6cfc0;border-radius: 50px;float: inline-end;margin-top: -50px;}
    .right_icon:hover{border: 1px solid #ea532b;}
    .right_icon i{padding-top: 10px;padding-left: 10px;font-size: 30px;color: #ea532b;cursor: pointer;}
    .what_we_do_card p{padding-right: 100px;}
    .sports{padding-top: 24px;}
    .know_morebtn {display: flex;align-items: center;justify-content: center;padding-top: 40px;padding-bottom: 40px; }
    .glow-button:hover { background: #fff;color: #4F291E;  box-shadow: 0 0px 2px 2px #4F291E, 0 0 5px 5px #4F291E;opacity: 0.8;font-weight: 900;}
    .know_morebtn button,.send_msg_btn {padding: 9px 18px;font-size: 14px;font-weight: 500; border-radius: 30px;outline: none;color: #fff;background-color:#4F291E;border: none; transition: background-color 0.5s ease;}
    .have_quest_banner{width: 100%; height: 112vh;background: url('/static/images/have_quest_banner.webp');background-size: cover; background-position: center;}
    .contact-container {background: #E9E4DC; max-width:440px; width: 100%;  padding: 35px 30px 25px 30px;border-radius: 7px;float: right;margin:3% 9%;}
    .contact-container h2 { color: #3C231C; font-size:31px;font-weight: 600; margin-bottom: 18px; line-height: 30px;}
    .contact-container form input[type="text"],.contact-container form input[type="email"],.contact-container form textarea {width: 100%; padding: 11px 14px;margin-bottom: 16px; border: 1px solid #dcd6d0; background: #E9E4DC; border-radius: 22px;font-size:15px;color: #888381;transition: border 0.2s;}
    .contact-container form textarea {border-radius: 15px;  height: 80px; resize: none;font-family: inherit;}
    .contact-container form input:focus,.contact-container form textarea:focus {border: 1.5px solid #1d1d1d69;outline: none;}
    .checkbox-label {font-size: 10px;color: #7a685e; display: flex;align-items: center;margin-bottom: 18px;display: inline-block;background-color: #E9E4DC;}
    .checkbox-label input[type="checkbox"] {  appearance: none;width: 18px; height: 18px;border: 2px solid #1d1d1d69; border-radius: 5px;background: #E9E4DC; transition: background 0.2s, border-color 0.2s; position: relative; cursor: pointer; vertical-align: middle;}
    .checkbox-label input[type="checkbox"]:checked::after {content: "";display: block; width: 6px;height: 12px;border: solid #D95130;  border-width: 0 3px 3px 0;position: absolute;  top: 0px;left: 4px;transform: rotate(45deg);}
    .collect-stored { color: #D95130;font-weight: 500;}
    .contact-container button[type="submit"] {background:#D95130;color: #fff;  border: none;padding: 12px 0; width: 100%; border-radius: 25px;font-size: 15px;font-weight: 500;transition: background-color 0.5s ease;outline: none;}
    .contact-container button[type="submit"]:hover {background: #ce5539;}
    .foot_sect4 p{display: flex;justify-content: center;padding: 20px 0;font-size: 12px;}
    .mid_line_sect{display: flex;justify-content: center;}
    .mid_line{content: "";width: 80%;border:0.4px solid #cccccc3b;}





/*Infrastructure Services, sports and games, marketing_admissions ,essen_school_serv and jireh_inter_school css */
    .pad_top_bot{padding-top:7%;padding-bottom:5%;}
    .mar_lft_0{margin-left: 0px;}
    .pad_top_bot h1{font-size:50px;font-weight: 800;font-family: mulish;padding-bottom: 30px;color: #3C231C;}
    .img_pad_topbot img{width: 100%;height:auto;}
    .infra_img,.sprts_games_img,.marketing_admis_img,.jireh_school_img{padding-bottom:8%;}
    .jireh_int_cont h2{font-size: 50px;padding-bottom: 20px;color: #3C231C;}
    .jireh_int_cont h1{color: #D95130;}
    .sch_meal_mar{margin-left: 1px;}
    .sch_meal{padding-left: 25px;display: flex;align-items: center;}
    .sch_meal h2{font-size: 30px;color: #D95130;}
    .sch_meal_img{padding: 25px 10px;}
    .sch_meal_img img{width:100%;height:auto;}
    .bck_colr{background-color: #D2C9B9;}
    .sch_transp_img img,.safety_sec_img img{width:506px;height:350px;}
    .pad_bot{margin-bottom: 15px;}
    .essent_sch{padding-bottom: 20px;}
    .sch_tran_safety h2{font-size: 35px;color: #D95130;align-self: flex-start;}
    .sch_tran_safety{display: flex;gap: 15px;max-width: 1110px; margin: 20px auto;}
    .sch_tran_safety .card{padding: 25px 22px 0px 22px;  flex: 1;display: flex;flex-direction: column;align-items: center;}
    .sch_tran_safety img{width: 100%; height:auto; object-fit: cover;margin-bottom: 18px;margin-top: -15px;}
    .pest_control_img img{width: 100%;height:auto;object-fit: cover;}
    .pest_control_img h2{font-size: 30px;  color: #D95130;padding-top:3%;}
    .pest_control_img{padding: 22px 22px;}
    .img-hover-zoom {overflow: hidden;}
    .img-hover-zoom img {transition: transform 0.5s ease;transform: scale(1.0);}
    .img-hover-zoom:hover img {transform: scale(1.1);}
    



/*aboutus css*/

    .aboutus_rgt{padding-left: 40px;}
    .direct_head{display: flex;justify-content: center;color: #3C231C;}
    .direct_head h4{font-size: 40px;font-weight: 800;}
    .aboutus_lef img{width:100%;height:auto;}
    .aboutus_cont h2{font-size: 40px;color: #3C231C;}
    .evry_protext{font-size: 23px;font-weight: 600;padding-top:35px;font-style: italic;padding-left: 17px;padding-right: 10px;}
    .aboutus_sect1{background-color: #4F291E;padding:5% 0%;}
    .aboutus_sect2{padding: 30px 20px}
    .dir_sect{padding:5% 0% 4% 0%;}
    .marg_left_right{margin: 0px 6%;}
    .vision_sec{border: 2px solid #D95130; border-radius: 25px;padding:13px 13px;}
    .vision_cont{ width:38px;height: 38px; background-color: #D95130;border-radius:8px;display: flex; align-items: center; justify-content:center;transition: background-color 0.5s ease;}
    .vision_cont:hover{background-color: #fff;}
    .vision_head{background-color: #3C231C;border-radius: 20px;padding: 17px 17px;height: 225px;}
    .vision_head h3{color: #fff;font-size: 22px;padding: 5px 0;}
    .vision_head p{font-size: 14px;line-height: 18px;color: #fff;}
    /*.mar_bot p{margin-bottom: -4px;}*/
    
    .vis_img {width: 30px; height: 30px;background-image: url('/static/images/vision_img.png');background-size: cover;}
    .vis_img:hover{width: 30px; height: 30px;background-image: url('/static/images/icons-01_copy.png');background-size: cover;}

    .mison_img {width: 30px; height: 30px;background-image: url('/static/images/mission_img.png');background-size: cover;}
    .mison_img:hover{width: 30px; height: 30px;background-image: url('/static/images/icons-02_copy.png');background-size: cover;}

    .phil_img {width: 30px; height: 30px;background-image: url('/static/images/philo_img.png');background-size: cover;}
    .phil_img:hover{width: 30px; height: 30px;background-image: url('/static/images/icons-03_copy.png');background-size: cover;}

    .aboutus_sect2 h4{font-size: 35px;color: #D95130;}
    .dis_fle{display: flex;justify-content: end;}
    .name_dev{color: #4F291E;font-size: 24px;padding: 14px 47px;font-weight: 700;}
    .justin{padding-left: 50px;}
    .know_mr_btn2 {justify-content:start;padding-top:20px; }
    .more-info {margin-top: 15px;display: none;text-align: left;font-size: 14px;color: #333;}
    .modal-content h5{color: #4F291E;font-size: 24px;}
    .dirc_img img{width: 100%;height: auto;}
    #deborahModal .modal-dialog, #justinModal .modal-dialog{max-width: 1000px;}
    #deborahModal .modal-content, #justinModal .modal-content{background-color:#E9E4DC;padding:2%;}






/*footer css*/
    footer{background-color: #4F291E;}
    .footer_lefrig_pad{padding-top:3rem;padding-bottom:1rem;}
    .section2_pad{padding-left: 125px;padding-top: 20px;}
    .section3_pad{padding-left: 40px;padding-top: 20px;}
    .foot_sect3{padding-top: 20px;}
    .lef_cont img{width: 240px;height: 112px;}
    .lef_cont p{color: #dcccc8;font-size: 16px;padding-left: 15px;}
    .soc_media_icons ul{display: flex;align-items: center;list-style-type: none;gap:5px;font-size: 20px;color: #fff;padding-left: 15px;}
    .soc_media_icons li{ width: 35px;height: 35px; border: 1px solid #ffffff26;border-radius: 7px;padding-left: 7px;padding-top: 2px;}
    .soc_media_icons .youtube_icon{padding-left: 5px;}
    .icon_mar_left{margin-left: 5px;}
    .phone_det,.work_hrs_cont i{color: #fff;}
    .phone_det p{color: #fff;font-size: 18px;margin-bottom: 0px; cursor: default;}
    .pho_num{color: #dcccc8;font-size: 14px;}
    .pho_num:hover{color: #fff;}
    .pho_num1{color: #dcccc8; cursor:default; font-size: 14px;}
    .dip_flex{display: flex;align-items: center; gap: 10px;margin-left:-22px;}
    .dip_flex1{display: flex;align-items: center; gap: 10px;margin-left:-44px;}
    .dip_flex2{display: flex;align-items: center; gap: 10px;margin-left:-51px;}
    .nav_text p{color: #fff;font-size: 20px;display:flex; align-items:center; padding-left: 30px; padding-top:35px;font-weight:800; }
    .nav_cont P{color: #dcccc8;font-size: 16px;padding-left: 30px;margin-bottom: 5px;}
    .nav_cont p:hover{color: #fff;}
    .quicklink_cont p{padding-left: 10px;}
    .work_hrs span{color: #dcccc8;font-size: 24px;}
    .work_hrs p{color: #fff;font-size: 20px;display:flex; align-items:center;padding-top:35px;font-weight:800;}
    .work_hrs_cont span{color: #dcccc8;font-size: 14px; cursor: none;}
    .quick_link {padding-left: 10px;color: #fff;font-size: 24px;display:flex; align-items:center;font-weight:800;}
    .quick_links{padding-left: 0px !important;}
    .dip_flex2 .addr{margin-bottom: 22px;}

/* careers and contact_us */
    .career_sect1 h2,.contact_us_sect1 h2{padding-bottom: 30px;font-size: 50px;}
    .career_sect1 img{width: 100%;height:auto;}
    .career_sect2{padding-top: 15px;}
    .career_sect2 .accordion {width: 100%;}
    .accordion-item {margin: 20px 0;}
    .accordion-header { width: 100%; background: #d4c8b4; color: #da6137;font-size: 1.5em;text-align: left;padding: 5px 25px;border: none;position: relative;  display: flex;justify-content: space-between; align-items: center;transition: background 0.3s;font-weight: bold;outline: none!important;}
    .accordion-header:hover{color: #4F291E;}
    .career_sect2 .icon {margin-left: 16px;font-size: 1.4em;transition: transform 0.2s;}
    .accordion-body {background: #d4c8b4;display: none;padding:5px 25px;}
    .aply_btn{padding-top: 20px;}
    .have_inq_icons{display: flex;gap: 15px;}
    .have_inq_icons ul{padding-left: 0px;}
    .have_inq_icons li{border: 1px solid #3C231C;padding: 1px 5px;border-radius: 5px;}
    .have_inq_icons  i{color: #3C231C;}
    .phone_no p{color: #3C231C;font-size: 14px;}
    .left_sect p{font-size: 14px;}
    .left_sect{padding-left: 0px;}
    .contact_us_sect2{padding: 60px 0px 0px 0px;margin-left: 1px;}
    .right_sect{padding-right: 0px;}
    .name_phn{display: flex;gap: 20px;}
    .field-group {display: flex; flex-direction: column;margin-bottom:5px;width: 100%;}
    .field-group label {margin-bottom: 7px; font-size: 15px; color:#3C231C;}
    .contact_us_sect2 .field-group input[type='email']{border: 1.5px solid #1d1d1d69 !important;}
    .contact_us_sect2 input[type="text"],.contact_us_sect2 input[type="email"],.contact_us_sect2 textarea {width: 100%; padding: 11px 14px;margin-bottom: 16px;border: 1.5px solid #1d1d1d69; background: #E9E4DC; border-radius: 22px;font-size:15px;color: #888381;transition: border 0.2s;}
    .contact_us_sect2 form input:focus,.contact_us_sect2 form textarea:focus {outline: none;}
    .contact_us_sect2 textarea {border-radius: 15px;  height: 80px; resize: none;font-family: inherit;border: 1.5px solid #1d1d1d69;}
    .send_msg_btn:focus{outline: none;}
    .chk_bx_txt{font-size: 12px!important;}
    #job_modal .modal-content{background-color:#E9E4DC;padding:2%;}
    #job_modal .modal-title{color: #4F291E;font-size: 24px;}
    #job_modal .form-control{background-color: #E9E4DC;border:1px solid #1d1d1d69;}
    #job_modal .setup_input{margin-bottom: 17px;}
    #job_modal input#file-upload-button{background: #E9E4DC;}
    #job_modal .job_submit{background-color: #4F291E;padding: 9px 18px;font-size: 14px;color: #fff;font-weight:bold;border-radius:6px;}







/*font family */
    .mulish-<uniquifier> {font-family: "Mulish", sans-serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;}
    .roboto-<uniquifier> {font-family: "Roboto", sans-serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;font-variation-settings:"wdth" 100;}
    .navbar {display: flex;align-items: center;justify-content: space-between;padding:0px 62px;top: 30px;/*background: #6b4423;*//*backdrop-filter: blur(10px);borde*/r-bottom: 1px solid rgba(255, 255, 255, 0.1);position: relative;z-index: 9999;}
    .logo {display: flex;align-items: center;gap: 12px;font-size: 28px;font-weight: bold;color: white;text-decoration: none;}
    .logo-icon {width: 40px;height: 40px;background: linear-gradient(45deg, #e74c3c, #c0392b);border-radius: 8px;display: flex;align-items: center;justify-content: center;position: relative;}

.nav-menu {display: flex;align-items: center;gap:25px;list-style: none;}
.nav-item {position: relative;}
/*.nav-link {font-family: Roboto;font-weight: 400;font-style: Regular;font-size: 16px;leading-trim: NONE;line-height: 16px;letter-spacing: 0%;text-align: center;vertical-align: middle;color: #4F291E;}*/
/*.nav-link a{color: #4F291E;text-decoration: none;}*/
.nav-link a {color: #4F291E;transition: color 0.3s, transform 0.3s;}
.nav-link a.active {color: #D95130;}
.nav-link a:hover {color: #D95130;transform: translateY(-1px);}
.dropdown-item.active{background-color: transparent;}
.nav-link {font-family: Roboto;font-weight: 500;font-size: 17px;color: #4F291E;display: flex;align-items: baseline;gap: 8px;cursor: pointer;transition: all 0.3s ease;white-space: nowrap;line-height: normal;}
.nav-link a {color: #4F291E;text-decoration: none;display: flex;align-items: baseline;gap: 8px;}
.dropdown-arrow {font-size: 14px; transition: transform 0.3s ease;display: inline-block;align-self: flex-start; transform: translateY(-2px);}
.nav-item:hover .dropdown-arrow {transform: rotate(180deg);}
.dropdown {position: absolute;top: 100%;left: 0;background: #4F291E;backdrop-filter: blur(20px);border-radius: 12px;padding: 20px 0;min-width: 220px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease;border: 1px solid rgba(255, 255, 255, 0.1);z-index: 99999;overflow-y: auto;display: block; }
.drop_dwn_lft{left: -80px;}
.nav-item:hover .dropdown {opacity: 1;visibility: visible;transform: translateY(0);}
.dropdown-item {padding: 12px 24px;color: rgba(255, 255, 255, 0.8);text-decoration: none;display: block;transition: all 0.3s ease;border-left: 3px solid transparent;}
.dropdown-item:hover {/*background: rgba(231, 76, 60, 0.1);*/color: #FFCA16;/*border-left-color: #e74c3c;*//*transform: translateX(5px);*/background-color: #4F291E!important;}
.contact-btn {background: linear-gradient(135deg, #e74c3c, #c0392b);color: white;padding: 12px 24px;border-radius: 10px;text-decoration: none;font-weight: 400;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);z-index: 99999;}
.contact-btn:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(231, 76, 60, 0.4);color: #fff;}

/* project update backend styless */
    .hr_post_nav {background-color: #fff !important;}
    .post-navigation {overflow: hidden;margin-bottom: 15px;border: 1px solid #ccc;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;border-radius: 8px;}
    .update_background {background-color: #ccc;padding-left: 0px !important;padding-right: 0px !important;}
    .update_background p {line-height: 2.4;}
    .hr_quotes {margin-left: 3% !important;}
    .hr_updt {margin-left: 1%;font-size: 15px;font-weight: bold;}
    .feed_short {border-radius: 0px;border: 1px solid #ccc;margin-bottom: 10px;padding-left: 5px;}
    .feed_short {margin-top: 3%;width: 775px !important;height: 35px;margin-left: 3%;}
    .box_width {margin-left: 3%;border: 1px solid #ccc !important;width: 94%;border-radius: 0px;}
    .box_width {margin-bottom: 10px;}
    .hr_fimage {margin-left: 1%;margin-top: 4px;}
    .post-holder {margin-bottom: 15px;background-color: transparent;}
    .hr_post_content {background-color: #fff !important;border-radius: 10px !important;}
    .post-content {border: 1px solid #ccc;}
    .feed_img {padding-left: 15px !important;}
    .admin_img_size {width: 60px;border-radius: 50%;height: 60px;}
    .hr_fd_crtd {color: #5cd468;font-weight: bold;}
    .hr_fd_crtd {margin-bottom: 0px !important;}
    .feed_created {font-size: 15px;}
    .holiday_margin_down {margin-bottom: 2%;}
    .short_notes_color p a {color: #696969 !important;}
    .post-img {margin-bottom: 2%;}
    .post-img img {width: 100%;border-top-left-radius: 2px;border-top-right-radius: 2px;}
    .hr_feed_crtd {margin-bottom: 2%;margin-top: 2%;}
    .user_create_btns{margin: auto!important;display: block!important;text-align: center!important;}
    .user_create_btns button,.user_create_btns a{width: 10%!important;}

/* Mobile responsiveness */
/*@media (max-width: 768px) {
    .navbar {padding: 15px 20px;flex-wrap: wrap;}
    .nav-menu {gap: 20px;flex-wrap: wrap;}
    .nav-link {font-size: 14px;}
    .contact-btn {padding: 10px 20px;font-size: 14px;}
    .dropdown {min-width: 200px;}
}*/
.has-submenu {display: flex !important;align-items: center;justify-content: space-between;cursor: pointer;position: relative;}
.submenu-arrow {font-size: 14px;transition: transform 0.3s ease;margin-left: 10px;}
.has-submenu:hover .submenu-arrow {transform: rotate(90deg);}
.submenu {position: absolute !important;left: calc(100% + 8px) !important;top: -15px !important;background: #4a2f18 !important;border-radius: 8px;padding: 12px 0 !important;min-width: 220px !important;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;opacity: 0;visibility: hidden;transform: translateX(-15px);transition: all 0.3s ease;border: 1px solid rgba(255, 255, 255, 0.15);z-index: 999999 !important;display: block !important;white-space: nowrap;}
.has-submenu:hover .submenu {opacity: 1 !important;visibility: visible !important;transform: translateX(0) !important;}
.submenu-item {display: block !important;padding: 10px 20px !important;color: rgba(255, 255, 255, 0.9) !important;text-decoration: none !important;transition: all 0.2s ease;border-left: 3px solid transparent;font-size: 14px;width: 100% !important;box-sizing: border-box;}
.submenu-item:hover {background: rgba(231, 76, 60, 0.15) !important;color: white !important;border-left-color: #e74c3c !important;transform: translateX(3px);}
.submenu:hover {opacity: 1 !important;visibility: visible !important;}
.adv_align {text-align: right;margin-bottom: 2%;position: inherit;}
.btn-success { border-color: #28A745;}
.btn-danger{background-color: #D95130;border-color: #D95130;}
.btn-danger:hover {background-color: #D95130;border-color: #D95130;}
.btn-blue{background-color: #354879 !important;border-color: #354879 !important;}
.btn-red{background-color: #DC3545 !important;border-color: #DC3545 !important;}
.register {margin-top: 5%;margin-bottom: 5%;}
.paginator {display: inline-block;border-radius: 10px;font-size: 15px;font-weight: 600;color: #2d2d2d;background: #f1f1f1;padding: 10px 15px 10px 15px;margin: 3px;}
.paginator:hover {color: #fff;background: #bda87f;}
.paginator:focus {color: #fff;background: #bda87f;}
.active-page {color: #fff;background: #bda87f;}
.text-center {text-align: center !important;margin-bottom: 10px;}
.pull-left {float: left;}
.pull-right {float: right;}
.pagination li {list-style: none !important;}
.button-pagination {position: relative;display: inline-block;font-size: 12px;text-align: center;font-weight: 700;padding: 6px 11px;margin: 5px 5px 5px 0px;}
.grey-button-bordered {background: transparent;color: #222;border: 2px solid #eee;transition-duration: .3s;}
.semi-rounded {border-radius: 3px !important;}
.fa-chevron-left::before {content: "\f053";}
.reg_mar {margin-top: 2% !important;}
.reg_btn {text-align: center;margin-top: 2%;}
.reg_st {width: 75%;border-top: none;border-left: none;border-right: none;border-bottom: 1px solid #ccc;padding:7px;}
.demo-content {padding: 60px 40px;text-align: center;color: #333;background: linear-gradient(135deg, #6b4423 0%, #8b5a3c 100%);min-height: 400px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.demo-title {font-size: 48px;font-weight: bold;margin-bottom: 20px;color: white;}
.demo-subtitle {font-size: 18px;color: rgba(255, 255, 255, 0.8);max-width: 600px;margin: 0 auto;line-height: 1.6;}
.table-container {padding: 40px;background: white;margin: 20px;border-radius: 8px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}
/*.table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.table th,
.table td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.table th {
    background: #f8f9fa;
    font-weight: 600;
    color: #333;
}

.table tr:hover {
    background: #f8f9fa;
}*/
.desktop_view{display: block!important;}
.mobile_view{display: none!important;}
.no_padding{padding-left: 0px;padding-right: 0px;}
.buttons_row{display: block;margin: auto;margin-top: 1%;}
.overview_form_block{margin-top: 5%;}
.user_form .card-title{padding-bottom: 1%;}
.main_container {}
.marl {margin-left: 0;margin-right: 0;}
.main_container .heading_create .heading {font-size: 1.1rem;text-transform: uppercase;letter-spacing: 1px;color: #39464d; margin-bottom: 15px;}
.main_container .heading_create .heading h4 {color: #3C231C; font-size: 1.9rem;padding-left: 12px;  font-weight: 800;text-transform: capitalize;}
.main_container .heading_create .create_new a {background-color: #fff !important;color: #3C231C !important;border: 1px solid #C0C0C0;padding: 9px !important;font-size: 14px !important;border-radius: 20px;}
.main_container .card {border-radius: 0px !important;}
.card {border: 1px solid #ccc;}
.table_container_row .card-body {padding: 0px 0px;}
.table_container_row .card .card-title {padding: 5px 10px !important;background: #e5e5e5;color: #3C231C;; font-size: 1.2rem;margin-bottom: 0;font-weight: 600;}
.table_container_row .card .card-title .total_count {margin-top: 0px;}
.table-responsive {padding: 20px;}
.table {margin-bottom: 3px !important; background-color:#E9E4DC;}
.table th, .table td {background-color:#E9E4DC;}
/*table  tr{border: 1px solid #3C231C;}*/
table thead tr th{font-size: 18px; color: #3C231C !important; font-weight: bold; border-top: 2px solid #3C231C !important; border-bottom: 2px solid #3C231C !important;}
table thead tr, table tbody tr {border-top: 2px solid #3C231C; border-bottom: 2px solid #3C231C; background-color: #fff;}
.table_container_row .card-body table thead tr th {font-size: 16px; color: #5b646d;font-weight: 600;padding: 6px;text-align:left;}
.table-striped tbody tr:nth-of-type(2n+1) {background-color: rgba(0,0,0,.05);}
.table_container_row .card-body table tbody tr td {color: #1d1d1d;}
.table_container_row .card-body table tbody tr td {color: #1d1d1d;}

@media (max-width: 360px) {
    .nav-menu {width: 100vw;max-width: none;}
}
@media (max-width: 480px) {

    /* common  */
        .no_pad_rigt{padding-right: 0px!important;}
        p{font-size: 15px;}
        h2{font-size: 30px;}
        .mob_no_pad_lft_rgt{padding-left: 0px !important; padding-right: 0px !important;}
        .mob_mar_lft_0{margin-left: 0px !important}
        .margn_btm_p{margin-bottom: 0px;}

    /*  admin */
        .table-responsive{padding: 0px;}
        .inl_flx{display:block;}
        .main_container .heading_create .heading h4 {font-size: 22px; padding-left: 0px;}
        .adm_width{width: 50%;}
        .main_container .heading_create .create_new a {font-size: 10px !important; padding: 7px!important}
        /*.marl{margin-left: -30px; margin-right: -15px;}*/
        .table_container_row .card-body table thead tr th{font-size: 13px;}
        .user_list_pad h4{font-size: 22px;}

    /*index*/
        .banner_text p {font-size: 25px;line-height: 25px;}
        .hero-image{ min-height: 300px; height: auto!important;}
        .banner_text {padding-top: 140px;padding-left:29px;}
        .navbar img{width:150px;height:65px;}
        .pad_top{padding-top: 40px;}
        .what_weh2 {padding-top:6%; padding-left:15px;padding-bottom: 15px;}
        .who_are_we_text h2 {padding-top: 10px; padding-bottom: 0px;}
        .whtwedo_cont {gap: 15px; padding-left:15px;}
        .what_we_do_card h3 {font-size:16px;display: flex; justify-content: center;}
        .what_we_do_card p {font-size: 15px;}
        .who_we_img img {padding-top: 0;}
        .what_we_do_card img{width: 80px;height: 80px;}
        .have_quest_banner{  background-image: none !important;min-height: 510px;padding: 15px 15px; display: flex; justify-content: center; height: auto;}
        .contact-container {max-width: 330px;padding: 0px; margin-bottom: 6%; margin-top: 0%;}
        .contact-container h2{font-size: 30px;line-height: 30px; margin-bottom: 25px;}
        .checkbox-label {font-size: 10px;}
        .contact-container form input[type="text"],.contact-container form input[type="email"],.contact-container form textarea {border: 1px solid #1e1c16c7!important;}
        .what_we_do_card p {padding-right: 0px;}
        .section2_pad {padding-left:22px;}
        .section3_pad {padding-left:44px;}
        .dip_flex2{margin-left: 0;}
        .dis_center{display: flex; justify-content: center;}
        .right_icon{margin-top: 0;}

    /*about_us*/
        .aboutus_sect1 {padding: 10% 0%;}
        .vision_sec {padding: 8px 8px;}
        .aboutus_sect2 h4{padding-top: 4%; font-size: 30px;}
        .aboutus_cont h2 {padding-top: 4%; font-size: 30px;}
        .evry_protext{padding-top: 20px; font-size: 18px;padding-right:15px;padding-left: 15px;text-align: center;}
        .dis_center{display: flex; justify-content: center;}
        .vision_head p {font-size: 12px;}
        .gap_btw_div{gap: 15px;}
        .vision_head h3{display: flex;justify-content:center;font-size:25px;font-weight:700; }
        .know_mr_btn2{justify-content: center; padding-bottom: 5px; padding-top: 10px;} 
        .justin {padding-left: 55px;}
        .name_dev{padding-left: 50px;}
        .dis_fle { display:block;justify-content:start;}
        .vision_sec {width: 100%;height: auto;}
        .aboutus_lef img {width: 100%;height:auto;}
        .director_cont{padding-right: 0px;}
        .aboutus_sect2 {padding: 15px 15px;}
        .direct_head h4 {font-size: 30px;}

    /*infra,sports,essen-ser,market,career and contact*/
        .aboutus_rgt {padding-left:15px;}
        .marg_left_right { margin: 0px 0%;}
        .pad_top_bot h1 {font-size:30px;padding-bottom: 15px;}
        .sch_meal {padding-left: 15px;}
        .sch_meal_img {padding: 25px 0px 0px 0px;}
        .sch_tran_safety img{margin-bottom: 0px;}
        .pest_control_img {padding: 22px 15px;}
        .sch_tran_safety .card {padding: 22px 15px 0px 15px;}
        .accordion-header{padding: 5px 15px;}
        .img_pad_topbot img {width: 100%;height: auto;}
        .sch_tran_safety {flex-direction: column;}
        .pad_top_bot {padding: 30px 15px;}
        .sch_meal h2,.pest_control_img h2,.sch_tran_safety h2{font-size: 22px;padding-top: 2%;margin-bottom: 0px;}
        .jireh_int_cont h2 {font-size: 40px;padding-bottom: 5px;}
        .career_sect1 h2, .contact_us_sect1 h2 {padding-bottom: 10px;font-size: 30px;}
        .career_sect1 img {width: 100%;height:auto;}
        .name_phn {display:block;}
        .contact_us_sect2 .contact-form {padding:0;}
        .right_sect{padding-right: 0px;padding-left: 0px;}
        .accordion-header {font-size: 1.2em;}
        .contact_us_sect2{padding-right: 0px; padding-top: 20px; padding-bottom: 0px;}
        .infra_img, .sprts_games_img, .marketing_admis_img, .jireh_school_img {padding-bottom: 60px;padding: 0px 15px 35px 15px;}
        .know_morebtn{padding-bottom: 5px;}
        .cnt_frm_tp{padding-top: 20px;}  

        .desktop_view{display: none!important;}
        .mobile_view{display: block!important;}
        .navbar {display: flex;align-items: center;justify-content: space-between;padding: 15px 20px;background: #4F291E;position: relative;z-index: 9999;top: 0;}
        .logo {display: flex;align-items: center;gap: 12px;font-size: 24px;font-weight: bold;color: white;text-decoration: none;    }
        .logo-icon {width: 35px;height: 35px;background: linear-gradient(45deg, #e74c3c, #c0392b);border-radius: 8px;display: flex;align-items: center;justify-content: center;}
        .hamburger {display: flex;flex-direction: column;cursor: pointer;padding: 10px;background: none;border: none;width: 45px;height: 45px;justify-content: center;align-items: center;border-radius: 5px;transition: background 0.3s ease;}
        .hamburger:hover {background: rgba(255, 255, 255, 0.1);}
        .hamburger-line {width: 25px;height: 3px;background: white;margin: 3px 0;transition: all 0.3s ease;border-radius: 2px;}
        .hamburger.active .hamburger-line:nth-child(1) {transform: rotate(45deg) translate(6px, 6px);}
        .hamburger.active .hamburger-line:nth-child(2) {opacity: 0;}
        .hamburger.active .hamburger-line:nth-child(3) {transform: rotate(-45deg) translate(6px, -6px);}
        .mobile-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 99998;opacity: 0;visibility: hidden;transition: all 0.3s ease;    }
        .mobile-overlay.active {opacity: 1;visibility: visible;}
        .nav-menu {position: fixed;top: 0;right: -100%;width: 100%;max-width: 350px;height: 90vh;background:#4F291E;z-index: 99999;overflow-y: auto;transition: right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);padding-top: 70px;box-shadow: -5px 0 20px rgba(0, 0, 0, 0.3);display: flex;align-items: stretch;gap: 0;flex-direction: column;  }
        .nav-menu.active {right: 0;}
        .nav-link a {color: white;}

        .mobile-close {position: absolute;top: 15px;right: 20px;background: none;border: none;font-size: 28px;color: white;cursor: pointer;padding: 5px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: background 0.3s ease;}
        .mobile-close:hover {background: rgba(255, 255, 255, 0.1);}
        .nav-item {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
        .nav-link {display: flex;align-items: center;justify-content: space-between;padding: 20px 25px;color: rgba(255, 255, 255, 0.9);font-size: 16px;font-weight: 500;cursor: pointer;transition: all 0.3s ease;text-decoration: none;}
        .nav-link:hover,.nav-link:active {color: white;}
        .dropdown-arrow {font-size: 20px;font-weight: bold;transition: transform 0.3s ease;color: rgba(255, 255, 255, 0.7);}
        .dropdown-arrow::after {content: "+";}
        .nav-item.active .dropdown-arrow::after {content: "−";}
        .dropdown.active {max-height: 500px;padding: 10px 0;width: 98%;opacity: 1;visibility: visible;transform: translateY(0);}
        .dropdown-item {display: block;padding: 14px 40px;color: rgba(255, 255, 255, 0.8);font-size: 14px;text-decoration: none;transition: all 0.3s ease; }
        .dropdown-item:hover,.dropdown-item:active {background: rgba(231, 76, 60, 0.1);color: #FFCA16;padding-left: 45px;}
        .contact-btn {background-color: #D95130; border-radius: 25px;margin: 40px 25px;text-align: center;box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);}
        .contact-btn:hover {transform: translateY(-1px);box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);}
        .demo-content {padding: 40px 20px;text-align: center;background: linear-gradient(135deg, #6b4423 0%, #8b5a3c 100%);min-height: 300px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
        .demo-title {font-size: 32px;font-weight: bold;margin-bottom: 15px;color: white;}
        .demo-subtitle {font-size: 16px;color: rgba(255, 255, 255, 0.8);line-height: 1.6;max-width: 400px;}
        .table-container {padding: 20px;background: white;margin: 20px;border-radius: 8px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}
        .table {width: 100%;border-collapse: collapse;margin-top: 15px;font-size: 14px;}
        .table th,    .table td {padding: 10px 8px;text-align: left;border-bottom: 1px solid #ddd;font-size: 13px;}
        .table th {font-weight: 600;color: #333;}
        .btn-success {border: none;padding: 6px 12px;color: white;border-radius: 4px;font-size: 12px;}
        .btn-red {padding: 3px 10px;}
        .text-center {text-align: center;margin-top: 15px;font-size: 14px;}
        .admin_dropdwn{min-width: 290px;}
        .btn-blue{background-color: #354879 !important;border-color: #354879 !important;}
        
    /*footer*/
        .footer_lefrig_pad .lef_cont{padding-left: 0px;}
        .mod_width{width: 50%;padding-left: 17px;}
        .foot_sec1 h6{font-size:16px;color: #fff;font-weight:600;}
        .sect1_links p{color: #dcccc8;font-size: 14px;line-height: 14px;cursor: pointer;}
        .sect1_links p:hover{color: #fff;}
        .work_hrs p{padding-top: 10px;font-size: 16px;font-weight: 600;}
        .mid_line{width: 95%;}
        .phone_det p {font-size: 16px;}
        .soc_media_icons li { width: 30px;  height: 30px;}
        .icon_pad_left ul{padding-left: 15px!important;}
        .foot_sec1_pad{padding-top: 3%;padding-bottom: 3%;}
        .soc_media_icons ul{padding-left: 0px;font-size: 15px;}
        .email_icon{padding-top: 3%;}
        .dis-flex-mob{display: flex;gap: 15px;}

          
    /*create user.html*/
        .mob_pad_left_rigt{padding-left: 0px!important;padding-right: 0px!important;}
        .user_create_btns button,.user_create_btns a{width: 30%!important;}
        .dropdown {width:98%;max-height: 0;overflow: hidden;transition: max-height 0.3s ease, padding 0.3s ease;padding: 0;}
        .user_create_btns button, .user_create_btns a {width: 40% !important;}
}

@media only screen and (min-width:481px) and (max-width:640px){
    .desktop_view{display: none !important;}
    .mobile_view{display: block !important;}

    /* common  */
        .no_pad_rigt{padding-right: 0px!important;}
        p{font-size: 15px;}
        h2{font-size: 30px;}
        .mob_no_pad_lft_rgt{padding-left: 0px !important; padding-right: 0px !important;}
        .mob_mar_lft_0{margin-left: 0px !important}
        .margn_btm_p{margin-bottom: 0px;}


    /*index*/
        .banner_text p {font-size:30px;line-height:30px;}
        .hero-image{ min-height: 300px; height: auto!important;}
        .banner_text {padding-top: 140px;padding-left:29px;}
        .navbar img{width:160px;height:70px;}
        .pad_top{padding-top: 40px;}
        .what_weh2 {padding-top:6%; padding-left:15px;padding-bottom: 15px;}
        .who_are_we_text h2 {padding-top: 10px;padding-bottom: 0px;}
        .whtwedo_cont {gap: 15px; padding-left:15px;}
        .what_we_do_card h3 {font-size:16px;display: flex; justify-content: center;}
        .what_we_do_card p {font-size: 16px;}
        .what_we_do_card img{width: 80px;height: 80px;}
        .have_quest_banner{  background-image: none !important;min-height: 510px;padding: 15px 15px; display: flex; justify-content: center; height: auto;}
        .contact-container {margin:0 0;max-width: 330px;padding: 0px;}
        .contact-container h2{font-size: 30px;line-height: 30px;}
        .checkbox-label {font-size: 10px;}
        .contact-container form input[type="text"],.contact-container form input[type="email"],.contact-container form textarea {border: 1px solid #1e1c16c7!important;}
        .what_we_do_card p {padding-right: 0px;}
        .section2_pad {padding-left:22px;}
        .section3_pad {padding-left:44px;}
        .dip_flex2{margin-left: 0;}
        .dis_center{display: flex; justify-content: center;}
        .right_icon{margin-top: 0;}

    /*about_us*/
        .aboutus_sect1 {padding: 10% 0%;}
        .vision_sec {padding: 8px 8px;}
        .aboutus_sect2 h4{padding-top: 4%;font-size: 30px;}
        .aboutus_cont h2 {padding-top: 2%;font-size: 30px;}
        .evry_protext{font-size: 18px;padding-right:15px;padding-left: 15px;text-align: center;padding-top: 15px;}
        .dis_center{display: flex; justify-content: center;}
        .vision_head p {font-size: 14px;}
        .gap_btw_div{gap: 15px;}
        .vision_head h3{display: flex;justify-content:center;font-size:25px;font-weight:700; }
        .know_mr_btn2{justify-content: center;padding-bottom: 10px;}
        .justin {padding-left: 55px;}
        .name_dev{padding-left: 50px;}
        .dis_fle { display:block;justify-content:start;}
        .vision_sec {width: 100%;height: auto;}
        .aboutus_lef img {width: 100%;height:auto;}
        .director_cont{padding-right: 0px;}
        .aboutus_sect2 {padding: 15px 15px;}
        .direct_head h4{font-size: 30px;}
        .know_morebtn{padding-bottom: 5px;}
        .cnt_frm_tp{padding-top: 20px;}  

    /*infra,sports,essen-ser,market,career and contact*/
        .aboutus_rgt {padding-left:15px;}
        .marg_left_right { margin: 0px 0%;}
        .pad_top_bot h1 {font-size:28px;padding-bottom: 15px;font-size: 30px;}
        .sch_meal {padding-left: 15px;}
        .sch_meal_img {padding: 25px 0px;}
        .pest_control_img {padding: 22px 15px;}
        .sch_tran_safety .card {padding: 22px 15px 0px 15px;}
        .accordion-header{padding: 5px 15px;}
        .img_pad_topbot img {width: 100%;height: auto;}
        .sch_tran_safety {flex-direction: column;}
        .pad_top_bot {padding: 35px 15px;}
        .sch_meal h2,.pest_control_img h2,.sch_tran_safety h2{font-size: 24px;}
        .jireh_int_cont h2 {font-size: 40px;padding-bottom: 5px;}
        .career_sect1 h2, .contact_us_sect1 h2 {padding-bottom: 10px;font-size: 30px;}
        .career_sect1 img {width: 100%;height:auto;}
        .name_phn {display:block;}
        .contact_us_sect2 .contact-form {padding:0;}
        .right_sect{padding-right: 0px;padding-left: 0px;}
        .accordion-header {font-size: 1.2em;}
        .contact_us_sect2{padding-right: 0px;padding-top: 20px;}
        .infra_img, .sprts_games_img, .marketing_admis_img, .jireh_school_img {padding-bottom: 60px;padding: 0px 15px 35px 15px;}
        .know_morebtn {padding-bottom: 5px;}
        .cnt_frm_tp{padding-top: 20px;}  

        .desktop_view{display: none!important;}
        .mobile_view{display: block!important;}
        .navbar {display: flex;align-items: center;justify-content: space-between;padding: 15px 20px;background: #4F291E;position: relative;z-index: 9999;top: 0;}
        .logo {display: flex;align-items: center;gap: 12px;font-size: 24px;font-weight: bold;color: white;text-decoration: none;    }
        .logo-icon {width: 35px;height: 35px;background: linear-gradient(45deg, #e74c3c, #c0392b);border-radius: 8px;display: flex;align-items: center;justify-content: center;}
        .hamburger {display: flex;flex-direction: column;cursor: pointer;padding: 10px;background: none;border: none;width: 45px;height: 45px;justify-content: center;align-items: center;border-radius: 5px;transition: background 0.3s ease;}
        .hamburger:hover {background: rgba(255, 255, 255, 0.1);}
        .hamburger-line {width: 25px;height: 3px;background: white;margin: 3px 0;transition: all 0.3s ease;border-radius: 2px;}
        .hamburger.active .hamburger-line:nth-child(1) {transform: rotate(45deg) translate(6px, 6px);}
        .hamburger.active .hamburger-line:nth-child(2) {opacity: 0;}
        .hamburger.active .hamburger-line:nth-child(3) {transform: rotate(-45deg) translate(6px, -6px);}
        .mobile-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 99998;opacity: 0;visibility: hidden;transition: all 0.3s ease;    }
        .mobile-overlay.active {opacity: 1;visibility: visible;}
        .nav-menu {position: fixed;top: 0;right: -100%;width: 100%;max-width: 350px;height: 90vh;background:#4F291E;z-index: 99999;overflow-y: auto;transition: right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);padding-top: 70px;box-shadow: -5px 0 20px rgba(0, 0, 0, 0.3);display: flex;align-items: stretch;gap: 0;flex-direction: column;  }
        .nav-menu.active {right: 0;}
        .nav-link a {color: white;}

        .mobile-close {position: absolute;top: 15px;right: 20px;background: none;border: none;font-size: 28px;color: white;cursor: pointer;padding: 5px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: background 0.3s ease;}
        .mobile-close:hover {background: rgba(255, 255, 255, 0.1);}
        .nav-item {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
        .nav-link {display: flex;align-items: center;justify-content: space-between;padding: 20px 25px;color: rgba(255, 255, 255, 0.9);font-size: 16px;font-weight: 500;cursor: pointer;transition: all 0.3s ease;text-decoration: none;}
        .nav-link:hover,.nav-link:active {color: white;}
        .dropdown-arrow {font-size: 20px;font-weight: bold;transition: transform 0.3s ease;color: rgba(255, 255, 255, 0.7);}
        .dropdown-arrow::after {content: "+";}
        .nav-item.active .dropdown-arrow::after {content: "−";}
        .dropdown.active {max-height: 500px;padding: 10px 0;width: 98%;opacity: 1;visibility: visible;transform: translateY(0);}
        .dropdown-item {display: block;padding: 14px 40px;color: rgba(255, 255, 255, 0.8);font-size: 14px;text-decoration: none;transition: all 0.3s ease; }
        .dropdown-item:hover,.dropdown-item:active {background: rgba(231, 76, 60, 0.1);color: #FFCA16;padding-left: 45px;}
        .contact-btn {background-color: #D95130; border-radius: 25px;margin: 25px 25px;text-align: center;box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);}
        .contact-btn:hover {transform: translateY(-1px);box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);}
        .demo-content {padding: 40px 20px;text-align: center;background: linear-gradient(135deg, #6b4423 0%, #8b5a3c 100%);min-height: 300px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
        .demo-title {font-size: 32px;font-weight: bold;margin-bottom: 15px;color: white;}
        .demo-subtitle {font-size: 16px;color: rgba(255, 255, 255, 0.8);line-height: 1.6;max-width: 400px;}
        .table-container {padding: 20px;background: white;margin: 20px;border-radius: 8px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}
        .table {width: 100%;border-collapse: collapse;margin-top: 15px;font-size: 14px;}
        .table th,    .table td {padding: 10px 8px;text-align: left;border-bottom: 1px solid #ddd;}
        .table th {background: #f8f9fa;font-weight: 600;color: #333;}
        .btn-success {background: linear-gradient(135deg, #e74c3c, #c0392b);border: none;padding: 6px 12px;color: white;border-radius: 4px;font-size: 12px;}
        .text-center {text-align: center;margin-top: 15px;font-size: 14px;}
        .admin_dropdwn{min-width: 290px;left: 25px;}
        .dropdown {width:98%;max-height: 0;overflow: hidden;transition: max-height 0.3s ease, padding 0.3s ease;padding: 0;}
        .user_create_btns button, .user_create_btns a {width: 40% !important;}
   
    /*footer*/
        .footer_lefrig_pad .lef_cont{padding-left: 0px;}
        .mod_width{width: 50%;padding-left:0;}
        .foot_sec1 h6{font-size:16px;color: #fff;font-weight:600;}
        .sect1_links p{color: #dcccc8;font-size: 14px;line-height: 14px;cursor: pointer;}
        .sect1_links p:hover{color: #fff;}
        .work_hrs p{padding-top: 10px;font-size: 16px;font-weight: 600;}
        .mid_line{width: 95%;}
        .phone_det p {font-size: 16px;}
        .soc_media_icons li { width: 30px;  height: 30px;}
        .icon_pad_left ul{padding-left: 15px!important;}
        .foot_sec1_pad{padding-top: 3%;padding-bottom: 3%;}
        .soc_media_icons ul{padding-left: 0px;font-size: 15px;}
        .phone_num_icon{}
        .email_icon{padding-top: 3%;}
        .dis-flex-mob{display: flex;gap: 15px;}

   
}
@media only screen and (min-width:641px) and (max-width:768px){
    .desktop_view{display: none !important;}
    .mobile_view{display: block !important;}

    /* common  */
        .no_pad_rigt{padding-right: 0px!important;}
        p{font-size: 15px;}
        h2{font-size: 30px;}
        .mob_no_pad_lft_rgt{padding-left: 0px !important; padding-right: 0px !important;}
        .mob_mar_lft_0{margin-left: 0px !important}
        .margn_btm_p{margin-bottom: 0px;}

    /*index*/
        .banner_text p {font-size:30px;line-height:30px;}
        .hero-image{ min-height: 300px; height: auto!important;}
        .banner_text {padding-top: 140px;padding-left:55px;}
        .navbar img{width:160px;height:70px;}
        .pad_top{padding-top: 40px;}
        .what_weh2 {padding-top:6%; padding-left:15px;padding-bottom: 15px;}
        .who_are_we_text h2 {padding-top: 10px;padding-bottom: 0px;}
        .whtwedo_cont {gap: 15px; padding-left:15px;}
        .what_we_do_card h3 {font-size:16px;display: flex; justify-content: center;}
        .what_we_do_card p {font-size: 16px;}
        .what_we_do_card img{width: 80px;height: 80px;}
        .have_quest_banner{  background-image: none !important;min-height: 510px;padding: 15px 15px; display: flex; justify-content: center; height: auto;}
        .contact-container {margin:0 0;max-width: 330px;padding: 0px;}
        .contact-container h2{font-size: 30px;line-height: 30px;}
        .checkbox-label {font-size: 10px;}
        .contact-container form input[type="text"],.contact-container form input[type="email"],.contact-container form textarea {border: 1px solid #1e1c16c7!important;}
        .what_we_do_card p {padding-right: 0px;}
        .section2_pad {padding-left:22px;}
        .section3_pad {padding-left:44px;}
        .dip_flex2{margin-left: 0;}
        .dis_center{display: flex; justify-content: center;padding-top: 20px;}
        .right_icon{margin-top: 0;}

    /*about_us*/
        .aboutus_sect1 {padding: 10% 0%;}
        .vision_sec {padding: 8px 8px;}
        .aboutus_sect2 h4{padding-top: 4%;font-size: 30px;}
        .aboutus_cont h2 {padding-top: 2%;font-size: 30px;}
        .evry_protext{font-size: 18px;padding-right:15px;padding-left: 15px;text-align: center;}
        .dis_center{display: flex; justify-content: center;}
        .vision_head p {font-size: 14px;}
        .gap_btw_div{gap: 15px;}
        .vision_head h3{display: flex;justify-content:center;font-size:25px;font-weight:700; }
        .know_mr_btn2{justify-content: center;padding-top: 10px;padding-bottom: 5px;}
        .justin {padding-left: 55px;}
        .name_dev{padding-left: 50px;}
        .dis_fle { display:block;justify-content:start;}
        .vision_sec {width: 100%;height: auto;}
        .aboutus_lef img {width: 100%;height:auto;}
        .director_cont{padding-right: 0px;}
        .aboutus_sect2 {padding: 15px 15px;}
        .direct_head h4{font-size: 30px;}
        .know_morebtn{padding-bottom: 5px; padding-top: 0px;}
        .cnt_frm_tp{padding-top: 20px;}  

    /*infra,sports,essen-ser,market,career and contact*/
        .aboutus_rgt {padding-left:15px;}
        
        .pad_top_bot h1 {font-size:30px;padding-bottom: 15px;}
        .sch_meal {padding-left: 15px;}
        .sch_meal_img {padding: 20px 0px;}
        .pest_control_img {padding: 22px 15px;}
        .sch_tran_safety .card {padding: 20px 15px 0px 15px;}
        .accordion-header{padding: 5px 15px;}
        .img_pad_topbot img {width: 100%;height: auto;}
        .sch_tran_safety {flex-direction: column;}
        .pad_top_bot {padding: 30px 15px;}
        .sch_meal h2,.pest_control_img h2,.sch_tran_safety h2{font-size: 24px;}
        .jireh_int_cont h2 {font-size: 40px;padding-bottom: 5px;}
        .career_sect1 h2, .contact_us_sect1 h2 {padding-bottom: 10px;font-size: 30px;}
        .career_sect1 img {width: 100%;height:auto;}
        .name_phn {display:block;}
        .contact_us_sect2 .contact-form {padding:0;}
        .right_sect{padding-right: 0px;padding-left: 0px;}
        .accordion-header {font-size: 1.2em;}
        .contact_us_sect2{padding-right: 0px;}
        .infra_img, .sprts_games_img, .marketing_admis_img, .jireh_school_img {padding-bottom: 60px;padding: 0px 15px 35px 15px;}

        .desktop_view{display: none!important;}
        .mobile_view{display: block!important;}
        .navbar {display: flex;align-items: center;justify-content: space-between;padding: 15px 45px;background: #4F291E;position: relative;z-index: 9999;top: 0;}
        .logo {display: flex;align-items: center;gap: 12px;font-size: 24px;font-weight: bold;color: white;text-decoration: none;    }
        .logo-icon {width: 35px;height: 35px;background: linear-gradient(45deg, #e74c3c, #c0392b);border-radius: 8px;display: flex;align-items: center;justify-content: center;}
        .hamburger {display: flex;flex-direction: column;cursor: pointer;padding: 10px;background: none;border: none;width: 45px;height: 45px;justify-content: center;align-items: center;border-radius: 5px;transition: background 0.3s ease;}
        .hamburger:hover {background: rgba(255, 255, 255, 0.1);}
        .hamburger-line {width: 25px;height: 3px;background: white;margin: 3px 0;transition: all 0.3s ease;border-radius: 2px;}
        .hamburger.active .hamburger-line:nth-child(1) {transform: rotate(45deg) translate(6px, 6px);}
        .hamburger.active .hamburger-line:nth-child(2) {opacity: 0;}
        .hamburger.active .hamburger-line:nth-child(3) {transform: rotate(-45deg) translate(6px, -6px);}
        .mobile-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 99998;opacity: 0;visibility: hidden;transition: all 0.3s ease;    }
        .mobile-overlay.active {opacity: 1;visibility: visible;}
        .nav-menu {position: fixed;top: 0;right: -100%;width: 100%;max-width: 350px;height: 90vh;background:#4F291E;z-index: 99999;overflow-y: auto;transition: right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);padding-top: 70px;box-shadow: -5px 0 20px rgba(0, 0, 0, 0.3);display: flex;align-items: stretch;gap: 0;flex-direction: column;  }
        .nav-menu.active {right: 0;}
        .nav-link a {color: white;}

        .mobile-close {position: absolute;top: 15px;right: 20px;background: none;border: none;font-size: 28px;color: white;cursor: pointer;padding: 5px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: background 0.3s ease;}
        .mobile-close:hover {background: rgba(255, 255, 255, 0.1);}
        .nav-item {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
        .nav-link {display: flex;align-items: center;justify-content: space-between;padding: 20px 25px;color: rgba(255, 255, 255, 0.9);font-size: 16px;font-weight: 500;cursor: pointer;transition: all 0.3s ease;text-decoration: none;}
        .nav-link:hover,.nav-link:active {color: white;}
        .dropdown-arrow {font-size: 20px;font-weight: bold;transition: transform 0.3s ease;color: rgba(255, 255, 255, 0.7);}
        .dropdown-arrow::after {content: "+";}
        .nav-item.active .dropdown-arrow::after {content: "−";}
        .dropdown.active {max-height: 500px;padding: 10px 0;width: 98%;opacity: 1;visibility: visible;transform: translateY(0);}
        .dropdown-item {display: block;padding: 14px 40px;color: rgba(255, 255, 255, 0.8);font-size: 14px;text-decoration: none;transition: all 0.3s ease; }
        .dropdown-item:hover,.dropdown-item:active {background: rgba(231, 76, 60, 0.1);color: #FFCA16;padding-left: 45px;}
        .contact-btn {background-color: #D95130; border-radius: 25px;margin: 25px 25px;text-align: center;box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);}
        .contact-btn:hover {transform: translateY(-1px);box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);}
        .demo-content {padding: 40px 20px;text-align: center;background: linear-gradient(135deg, #6b4423 0%, #8b5a3c 100%);min-height: 300px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
        .demo-title {font-size: 32px;font-weight: bold;margin-bottom: 15px;color: white;}
        .demo-subtitle {font-size: 16px;color: rgba(255, 255, 255, 0.8);line-height: 1.6;max-width: 400px;}
        .table-container {padding: 20px;background: white;margin: 20px;border-radius: 8px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}
        .table {width: 100%;border-collapse: collapse;margin-top: 15px;font-size: 14px;}
        .table th,    .table td {padding: 10px 8px;text-align: left;border-bottom: 1px solid #ddd;}
        .table th {background: #f8f9fa;font-weight: 600;color: #333;}
        .btn-success {background: linear-gradient(135deg, #e74c3c, #c0392b);border: none;padding: 6px 12px;color: white;border-radius: 4px;font-size: 12px;}
        .text-center {text-align: center;margin-top: 15px;font-size: 14px;}
        .admin_dropdwn{min-width: 290px;left: 25px;}
        .dropdown {width:98%;max-height: 0;overflow: hidden;transition: max-height 0.3s ease, padding 0.3s ease;padding: 0;}
        .user_create_btns button, .user_create_btns a {width: 40% !important;}
   
    /*footer*/
        .footer_lefrig_pad .lef_cont{padding-left: 0px;}
        .mod_width{width: 50%;padding-left:0;}
        .foot_sec1 h6{font-size:16px;color: #fff;font-weight:600;}
        .sect1_links p{color: #dcccc8;font-size: 14px;line-height: 14px;cursor: pointer;}
        .sect1_links p:hover{color: #fff;}
        .work_hrs p{padding-top: 10px;font-size: 16px;font-weight: 600;}
        .mid_line{width: 95%;}
        .phone_det p {font-size: 16px;}
        .soc_media_icons li { width: 30px;  height: 30px;}
        .icon_pad_left ul{padding-left: 15px!important;}
        .foot_sec1_pad{padding-top: 3%;padding-bottom: 3%;}
        .soc_media_icons ul{padding-left: 0px;font-size: 15px;}
        .phone_num_icon{}
        .email_icon{padding-top: 3%;}
        .dis-flex-mob{display: flex;gap: 15px;}

}
@media only screen and (min-width:769px) and (max-width:991px){
  

    /*common css*/
    .mob_no_pad_lft_rgt{padding-left: 0px !important; padding-right: 0px !important;}
    .mob_mar_lft_0{margin-left: 0px !important}
    .no_pad_rigt{padding-right: 0px!important;}
    .margn_btm_p{margin-bottom: 0px;}

    p{font-size: 16px;}
    h2{font-size: 35px;}
    

   /*index*/
    .drop_dwn_lft { left: -95px;}
    .banner_text p {font-size: 35px;line-height: 35px;}
    .hero-image{ min-height:425px; height: auto!important;}
    .banner_text {padding-top: 195px;padding-left: 50px;}
    .navbar img{width:150px!important;height:65px!important;}
    .pad_top{padding-top: 40px;}
    .what_weh2 {padding-top: 20px; padding-bottom: 15px;padding-left: 220px;}
    .who_we_img img {padding-top: 3%;}
    .whtwedo_cont {gap:30px; padding-left:15px;}
    .what_we_do_card h3 {font-size: 20px;display: flex; justify-content: center;}
    .what_we_do_card img{width: 80px;height: 80px;}
    .contact-container h2{font-size: 32px;line-height: 32px;}
    .checkbox-label {font-size: 10px;}
    .what_we_do_card p {padding-right: 0px;}
    .section2_pad {padding-left: 37px;}
    .section3_pad {padding-left: 60px;}
    .dip_flex2{margin-left: -25px;}
    .work_hrs p{padding-left: 55px;}
    .work_hrs_cont{padding-left: 55px;}
    .dis_center{display: flex; justify-content: center;}
    .right_icon{margin-top: 0;}
    .have_quest_banner {width:100%; height:530px;object-fit: cover;}
    .contact-container {max-width: 310px;padding: 20px 25px 25px 20px;margin: 10px 40px;}

    /*footer*/

    .lef_cont{padding-left: 0px;}
    .lef_cont img {width: 180px; height: 85px;}
    .lef_cont p {font-size: 12px;}
    .soc_media_icons li {  width: 26px;height: 26px;padding-left: 5px;padding-top: 1px;}
    .soc_media_icons .youtube_icon {padding-left: 3px;}
    .soc_media_icons ul {font-size: 15px;}
    .phone_det p {font-size: 16px;}
    .pho_num {font-size: 12px;}
    .nav_text p {font-size: 18px;}
    .work_hrs p {font-size: 17px;padding-left: 24px;}
    .foot_sect3{padding-left: 0px;padding-right:0px;}
    .nav_cont P {font-size: 12px;}
    .section3_pad {padding-left: 25px;}
    .work_hrs_cont {  padding-left: 30px;}
    .work_hrs_cont span {font-size: 12px;}

    /*about_us*/
    .aboutus_rgt {padding-left: 20px;}
    .mar_tab{margin: 0% 2%!important;}
    .evry_protext{font-size: 18px;}
    .dis_center{display: flex; justify-content: center;}
    .vision_head h3{display: flex;justify-content:center;font-size:18px;font-weight:700; }
    .justin {padding-left: 32px;font-size: 12px;}
    .name_dev{font-size: 12px;}
    .dis_fle { display:flex;justify-content:center;}
    .vision_sec {width: 100%;height: auto;}
    .aboutus_lef img {width: 100%;height:auto;position: sticky; top: 10%;}
    .director_cont{padding-right: 0px;}
    .vision_head{height:260px;}
    .vision_head p {font-size: 12px;}
    .aboutus_cont h2 {font-size: 35px;}
    .mison_text p{padding-bottom: 35px;}
    .aboutus_sect2 h4 {font-size: 25px;}
    .aboutus_sect2 {padding: 30px 20px;}
    .justin_img img{padding-top: 0px;}
    .direct_head h4{font-size: 35px;}
    .dir_sect {padding: 5% 0% 2% 0%;}

    /*infra,sports,essen-ser,market,career and contact*/
    .tab_pad_lef_rgt{padding: 0px 15px 35px 15px;}
    .pad_top_bot h1 {font-size:35px;}
    .img_pad_topbot img {width: 100%;height: auto;}
    .pad_top_bot {padding-top: 40px; padding-bottom: 30px;}
    .sch_meal h2,.pest_control_img h2,.sch_tran_safety h2{font-size: 20px;}
    .jireh_int_cont h2 {font-size: 40px;padding-bottom: 5px;}
    .career_sect1 h2, .contact_us_sect1 h2 {padding-bottom: 10px;font-size: 35px;}
    .career_sect1 img {width: 100%;height:auto;}
    .contact_us_sect2 .contact-form {padding:0;}
    .right_sect{padding-right: 0px;}
    .accordion-header {font-size: 1.2em;}
    .contact_us_sect2 {padding: 35px 0px 0px 0px;}
    .sch_tran_safety img {height: 145px;}
    .left_sect p { font-size: 12px;}
    .sch_meal_img{position: sticky; top: 5%;}
    .know_morebtn{padding-bottom: 5px;}
    .cnt_frm_tp{padding-top: 20px;}  

    /*header*/
    .nav-menu{padding-left: 0px;gap:0!important;}
    .nav-link{font-size: 13px!important;}
    .navbar{padding: 15px 45px!important;top: 20px!important;}
    .contact-btn{padding: 7px 15px!important;font-size: 14px;}
}
@media only screen and (min-width:992px) and (max-width:1200px){
     /*common css*/
        p{font-size: 16px;}
        h2{font-size:40px;}
        .mob_no_pad_lft_rgt{padding-left: 0px !important; padding-right: 0px !important;}
        .mob_mar_lft_0{margin-left: 0px !important}
        .margn_btm_p{margin-bottom: 0px;}

   /*index*/
    .banner_text p {font-size:60px;line-height:60px;padding-left:55px;}
    .banner_text {padding-top:25%;padding-left: 0px;}
    .navbar img{width:245px!important;height:80px!important;}
    .pad_top{padding-top: 40px;}
    .what_weh2 {padding-top: 35px; padding-bottom:20px;padding-left:350px;}
    .who_are_we_text h2 {padding-top: 10px;}
    .whtwedo_cont {gap:60px;}
    .what_we_do_card h3 {font-size: 24px;}
    .what_we_do_card img{width: 80px;height: 80px;}
    .contact-container h2{font-size: 32px;line-height: 32px;}
    .checkbox-label {font-size: 10px;}
    .section2_pad {padding-left: 37px;}
    .section3_pad {padding-left:30px;}
    .have_quest_banner {width:100%; height:550px;object-fit: cover;}
    .contact-container {margin: 10px 50px;}
    .what_we_do_card p {font-size: 15px;}
    .text_col_white { padding-top: 30px;}


    /*about_us*/
    .evry_protext{font-size: 18px;}
    .name_dev{padding:10px 50px;font-size: 23px;}
    .justin{padding-left: 60px;}
    .dis_fle { display:flex;justify-content:center;}
    .vision_sec {width: 100%;height: auto;}
    .aboutus_lef img {width: 100%;height:auto;position: sticky; top: 10%;}
    .director_cont{padding-right: 0px;}
    .vision_head p {font-size: 12px;}
    .aboutus_sect2 {padding: 15px 20px;}


    /*infra,sports,essen-ser,market,career and contact*/
    .tab_pad_lef_rgt{padding: 0px 15px 35px 15px;}
    .pad_top_bot {padding-top:7%; padding-bottom:5%;}
    .sch_meal h2,.pest_control_img h2,.sch_tran_safety h2{font-size: 30px;}
    .right_sect{padding-right: 0px;}
    .sch_meal_img{position: sticky; top: 5%;}
    


    /*header*/
    .nav-menu{padding-left: 0px;gap:0px!important;}
    .navbar{padding: 15px 45px!important;}
    .contact-btn{padding: 7px 16px!important;}

    /*footer*/
    .foot_sect3{padding-left: 0px;}
    .work_hrs_cont span {font-size: 13px;}
    .marg_left_right {margin: 0 3%;}
}
@media only screen and (min-width:1200px) and (max-width:1351px){
   
    .margn_btm_p{margin-bottom: 0px;}
    .contact-container {margin:6% 6%;}
    /*header*/
    .navbar img{width:270px!important;height:80px!important;}
    .nav-menu{padding-left: 0px;gap:10px!important;}
    .nav-link{font-size: 16px!important;}
    .navbar{padding: 15px 65px!important;}
    .contact-btn{padding: 7px 16px!important;}
    .banner_text {  padding-top: 23%;}

}

@media (min-width: 1500px) {
    .table_container_row .card-body table tbody tr td {font-size: 1rem;}
    .table_container_row .card-body table tbody tr td {vertical-align: middle;font-size: 15px;font-weight: 500;padding: 7px 5px;text-align: left;}
    .table_container_row .card-body table tbody tr td {color: #1d1d1d;}
    /*.nav-menu {gap: 30px;}*/


}
@media only screen and (min-width:1352px) and (max-width:1500px){

    /*index*/
        .banner_text {padding-top:23%;padding-left:90px;}
}