.cources_highlight
    {
        padding: 0;
        margin-top: 0; 
    }
    
    /* Header Styles Start */
    
    .logo_image
    {
        height: 90px !important;
        width: 90px !important;
    }
    
    .joseph_logo
    {
        font-size: 25px;
        color: #F97316;
        font-weight: bold;
    }
    
    header .edu_nav nav .navbar-nav li a
    {
        margin: 0 10px!important;
        font-size: 17px !important;
        padding: 25px 0 !important;
        text-transform: none !important;
    }
    
    header.header_four .header_top:before 
    {
        background: none !important;
    }
    
    header .header_top:before 
    {
        background: none !important;
    }
    
    header .header_top 
    {
        background: #047857;
    }
    
    header .edu_nav nav .navbar-nav li a.active, header .edu_nav nav .navbar-nav li a:hover
    {
        color: #047857 !important;
    }
    
    header .header_top .info_wrapper .login_info, header .header_top .info_wrapper .contact_info ul li 
    {
        font-size: 16px !important;
    }
    
    .mean-container .mean-bar::before 
    {
        background: none;
        content: "St.Joseph's High School";  /* Replace with your desired text */
        display: block;
        font-size: 20px;  /* Adjust font size as needed */
        font-weight: bold;
        color: #fff;  /* Set text color */
        width: 80%;
    }
    
    .mean-container .mean-bar, .mean-container .mean-nav 
    {
        background: #047857 !important;
    }
    
    /* Header Styles End */
    
    
   /* Index Page Styles Start */ 
   
    .unlimited_possibilities .sub_title div,
    .popular_courses .sub_title div,
    .events-area .sub_title div,
    .our_instructors .sub_title div
    {
        color: #363333;
        font-size: 16px;
    }
    
    .unlimited_possibilities .single_item .blog_title p, 
    .popular_courses .courses_info_wrapper .courses_info p,
    .about_top_wrapper .title .about_us_div p,
    .about_top_wrapper .about_story_title .about_us_div p,
    .events-area .events_full_box .event_info .achievement_desc p,
    .testimonial .management_message p
    {
        color: #363333 !important;
        font-size: 16px !important;
        font-family: "Poppins", sans-serif;
        font-weight: 400 !important;
        text-align: left;
    }
    
    .shadow-custom 
    {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25), 0 3px 10px 5px rgba(0, 0, 0, 0.05) !important;
        padding: 30px;
    }
    
    .marquee_section
    {
        background-color: #047857;
    }
    
    .marquee_tag
    {
        color: white;
        font-size: 18px;
        font-weight: bold;
        font-family: geogia;
        padding: 5px;
    }
    
    .sub_title 
    {
        max-width: 1000px !important;
    }
    
    .unlimited_possibilities
    {
        margin: 70px 0 30px !important;
    }
    
    .unlimited_possibilities .single_item_first:before,
    .unlimited_possibilities .single_item_last:before 
    {
        background: #047857;
    }
    
    #popular_courses_page 
    {
        padding: 20px 0 !important;
    }
    
    .about_top_wrapper .title 
    {
        padding-right: 10px !important;
    }
    
    .about_top_wrapper .title .about_us_div p
    {
        padding-right: 0 !important;
    }
    
    .about_top_wrapper .items_shape:before
    {
        background: none;
    }
    
    .about_top_wrapper .items_shape:after
    {
        background: linear-gradient(-125deg, #F97316 0%, #c9270e 100%);
    }
    
    .testimonial
    {
        background: none;
        padding: 10px;
    }
    
    .management_image
    {
        height: 400px;
        width: 100%;
    }
    
    .our_instructors .team-single-item figure figcaption::before 
    {
        width:100% !important;
    }
    
    .faculty_images
    {
        height: 300px;
        width: 100%;
    }
    
    .faculty_name a
    {
        color: #047857;
        font-size: 15px;
        font-family: "Poppins", sans-serif;
    }
   
   /* Index Page Styles End*/
    
    
/*====about page styles starts here============== */
    .about_page .intro_wrapper
    {
        background: url(../stjoseph_images/bg_img2_text.jpg) no-repeat center center !important;
        background-size: 100% 500px !important;
    }
    .text_justify
    {
        text-align:justify!important;
    }
    .about_image
    {
        width:100%;
        height:400px;
        border:3px solid #047857;
        margin-top: 140px;
    
    }
    
    .about_image1
    {
        width:100%;
        height:400px;
        margin-top: 140px;
    
    }
    .text-dark
    {
        color:#0f0f0f!important;
    }
    
    .text-dark p
    {
        color:#0f0f0f!important;
        
    }
   
   .text_orange
   {
        color: #F97316!important;
   }
   
   .text_green
   {
       color: #047857!important;
   }
    .about_us 
    {
        position: relative;
        padding:  0; 
    }
    
    .featurs_images
    {
        height: 250px;
        width: 100%;
    }
    .unlimited_possibilities .single_item 
    {
        height:600px;
        width:100%;
    }
    
/*====about page styles ends starts here============== */

/*====achievements page styles starts here============== */

    .achievement_img
    {
        width: 100%!important;
        height: 300px!important;
        border-radius:10px!important;
        border: 5px solid #F97316!important;
    }
 /*====achievements page styles ends here============== */ 
 
 /*====facilities page styles starts here============== */
   .popular_courses .single-courses .courses_info_wrapper
   {
        height: 300px;
    }
   
  /*====facilities page styles starts here============== */
  
  
   @media screen and (min-width:200px) and  (max-width:992px)
    {
        .info_wrapper
        {
            display:none !important;
        }
        
        .unlimited_possibilities .single_item 
        {
            height: auto !important;
        }
        
        .popular_courses .single-courses .courses_info_wrapper 
        {
            height: auto !important;
        }
        
        .about_page .intro_wrapper 
        {
            background-size: 100% 230px !important;
            margin-top: -40px !important;
        }
        
        .about_image1, .about_image
        {
            margin-top: 0 !important;
        }
        
    }
    
    @media screen and (min-width:768px) and (max-width:1023px)
    {
        .about_top_wrapper .items_shape 
        {
            margin-top: 275px !important;
        }
        
        .about_page .intro_wrapper 
        {
            background-size: 100% 350px !important;
            margin-top: -75px !important;
        }
        
        .about_us .about_content_wrapper .about_content 
        {
            padding-top: 0 !important;
        }
        
        .about_us .about_title 
        {
            padding: 10px 0 0;
        }
    }
    
    @media screen and (min-width:1024px) and (max-width:1439px)
    {
        header .edu_nav nav .navbar-nav li a 
        {
            margin: 0 4px !important;
            font-size: 14px !important;
        }
        
        .joseph_logo
        {
            font-size: 15px !important;
        }
        
        .about_top_wrapper .items_shape 
        {
            margin-top: 210px !important;
        }
        
        .about_top_wrapper .title 
        {
            padding-top: 0 !important;
        }
        
        .about_us .about_content_wrapper .about_content 
        {
            padding-top: 0 !important;
        }
        
        .about_image1, .about_image
        {
            margin-top: 0 !important;
        }
        
        .unlimited_possibilities .single_item 
        {
            height: auto !important;
        }
        
        
    }
    
    @media screen and (min-width:1200px)
    {
        header .edu_nav nav .navbar-nav li a 
        {
            margin: 0 8px !important;
            font-size: 16px !important;
        }
        
        .joseph_logo
        {
            font-size: 20px !important;
        }
        
        .about_top_wrapper .items_shape 
        {
            margin-top: 125px !important;
        }
    }
    
    @media screen and (min-width:1280px)
    {
        .unlimited_possibilities .single_item 
        {
            height: 620px !important;
        }
    }
    
    
    
    @media screen and (min-width:1326px)
    {
        .joseph_logo
        {
            font-size: 23px !important;
        }
        
        .about_top_wrapper .items_shape 
        {
            margin-top: -195px !important;
        }
    }
    
    @media screen and (min-width:1440px)
    {
        .container 
        {
            max-width: 1340px;
        }
        
        .about_us .about_content_wrapper .about_content 
        {
            padding-top: 200px !important;
        }
      
        .about_image1, .about_image 
        {
            margin-top: 140px !important;
        }
    }