/*
 * ===================================================================
 * 1. THEME INFORMATION & METADATA
 * ===================================================================
 */

/* Theme Header (Required for WordPress Child Theme) */
/*
     Theme Name: NPRGI
     Author: Prabhu
     Version: 1.0.0
     Template: dt-the7
     Text Domain: nprgi
*/

/*
 * ===================================================================
 * 2. GLOBAL & BASE STYLES
 * ===================================================================
 */

/* 2.1. Typography & General Utilities */
/* Utility Class for Text Justification and Indentation */
.text_just_ind { text-align: justify; text-indent: 25px; }

/* Utility Class for Light Text */
.text_light { color: #fefefe; }

/* 2.2. Header & Branding */
.branding a img, .branding img { width: 225px !important; }
#phantom .ph-wrap.with-logo .logo-box { width: 225px; overflow: hidden; height: 120px; }
#phantom .ph-wrap.with-logo .logo-box img { width: 100%; object-fit: contain; }

/* 2.3. Topbar & Navigation */
.mini-contacts.multipurpose_2 { background: #003F9A; color: #fefefe; padding: 50px 20px; font: normal 700 16px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif; text-transform: uppercase; }
.show-phantom .mini-contacts.multipurpose_2 { padding: 20px; }
.mini-nav li a { text-transform: uppercase !important; }

/* 2.4. Footer Global Styles */
footer#footer .widget-title, #text-2 p strong { text-transform: uppercase; font-weight: bold; font-size: 15px; }
/* Footer Custom Menu (Bullet/Separator color) */
footer#footer .custom-menu a:before { background-color: #003F9A; }

/* 2.5. Footer Widgets & Interactions */
/* Footer Social Icons (Animation Builder) */
footer#footer section#text-2 .soc-ico.animation-builder { display: flex; }
footer#footer section#text-2 .soc-ico.animation-builder a { border: 1px solid #003F9A; border-radius: 2px; /* Custom transition for hover effect */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
footer#footer section#text-2 .soc-ico.animation-builder a:after, footer#footer section#text-2 .soc-ico.animation-builder a:before { display: none !important; }
footer#footer section#text-2 .soc-ico.animation-builder a:hover { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

/* Footer Contact Widget Styles */
footer#footer section#text-3 .textwidget strong { text-transform: uppercase; font-size: 20px; }
footer#footer section#text-3 .textwidget ul li { line-height: 30px; }
footer#footer section#text-3 .textwidget ul li .fa { padding-right: 5px; font-size: 15px; color: #003F9A; }

/*
 * ===================================================================
 * 3. HOMEPAGE MODULES (SECTIONS)
 * ===================================================================
 */

/* 3.1. Our Institutions Grid (Hover Effect) */
.our_inst_out_wrap { display: flex; flex-flow: row wrap; }
.single_inst_inner_wrap { overflow: hidden; flex: 0 0 25%; background: #000; position: relative; }
.inst_img_wrap { height: 300px; overflow: hidden; }
.single_inst_inner_wrap .inst_img_wrap img { width: 100%; height: 100%; object-fit: cover; /* Transition for image opacity */ -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.single_inst_inner_wrap:hover img { opacity: 0.5; /* Transition for image opacity */ -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

/* Institution Title Overlay (Hidden until hover) */
.single_inst_inner_wrap .inst_title { position: absolute; display: block; text-decoration: none; text-transform: uppercase; background: rgba(0,63,154,0.95); color: #fefefe; padding: 50px 20px; width: 100%; bottom: -150px; /* Start position below */ opacity: 0; visibility: hidden; /* Transition for sliding up */ -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.single_inst_inner_wrap .inst_title:before { /* Triangle pointer at the top of the title box */ content: ''; position: absolute; right: 100px; bottom: 100%; border: 6px solid transparent; border-bottom-color: rgba(0,63,154, 0.95); }
.single_inst_inner_wrap:hover .inst_title { transform: translateY(-150px); /* Slide up to position */ opacity: 1; visibility: visible; /* Transition for sliding up */ -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

/* 3.2. About Section (Custom Title Decoration) */
.about_gi_title { text-align: center; /* Custom CSS variables for border decoration */ --b: 4px; --w: 100px; --g: 15px; --c: #3b8ced; width: fit-content; line-height: 1.6em; border: 1px solid; background-size: 53% 100%; background-origin: border-box; background-repeat: no-repeat; /* Creates a gap in the center of the top/bottom borders */ border-image: linear-gradient(#0000 calc(50% - var(--b) / 2), var(--c) 0 calc(50% + var(--b) / 2), #0000 0) 1 / 0 var(--w) / calc(var(--w) + var(--g)); margin-inline: auto; }
.about_gi_img { margin-bottom: 0; }

/* 3.3. Latest News Marquee (Scrolling List) */
/* Scrolling Animation Definition */
@keyframes scroll-up {
    0% { transform: translateY(0); }
    /* Scrolls half the height (the original content) */
    100% { transform: translateY(-50%); }
}

/* Marquee Viewport Container */
.late_news_marq.scroll-container { height: 350px; padding: 5px; overflow: hidden; position: relative; /* Hide scrollbar for cleaner look */ scrollbar-width: none; -ms-overflow-style: none; }
.late_news_marq.scroll-container::-webkit-scrollbar { display: none; }

/* Scrolling Content List */
.latest_news_outer_wrap.scroll-list { display: flex; flex-direction: column; /* Apply the animation: 30 seconds, linear (constant speed), infinite loop */ animation: scroll-up 30s linear infinite; /* Must be at least 200% to hold duplicated content for seamless loop */ min-height: 200%; }

/* Single News Item Structure (for marquee) */
.single_news_inner_wrap { margin-bottom: 30px; display: flex; }
.news_title_wrap { flex: 0 0 80%; padding: 0 10px; }
.news_title_wrap a { text-decoration: none; display: block; font-size: 20px; border-bottom: 5px solid; padding-bottom: 5px; margin-bottom: 5px; }
.news_title_wrap p { display: flex; color: #333; font-size: 12px; flex-flow: row wrap; }
.single_news_inner_wrap p .separator { color: #aaa; margin: 0 5px; font-weight: normal; }

/* Date Icon/Box Style (for marquee) */
.date_icon { font-size: 15px; display: block; position: relative; width: 100px; height: 100px; background-color: #fff; border-radius:10px; /* Custom box shadow to create a raised effect */ box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd; overflow: hidden; }
.date_icon * { display: block; width: 100%; font-size: 15px; font-weight: bold; font-style: normal; text-align: center; }
.date_icon strong { position: absolute; top: 0; text-transform: uppercase; padding: 5px 0; color: #fff; background-color: #003F9A; border-bottom: 1px dashed #fefefe; box-shadow: 0 2px 0 #003F9A; }
.date_icon em { position: absolute; bottom: 0; color: #003F9A; }
.date_icon span { font-size: 40px; padding-top: 48px; color: #2f2f2f; }
.date_icon .fa { position: absolute; top: 15px; font-size: 70px; color: #003F9A; }
.date_icon p { background: #003F9A; color: #fefefe; height: 100%; }
/* Centering adjustment for the megaphone icon */
.fa-solid.fa-bullhorn { padding-top: 15px; font-size: 70px; display: block; width: 100%; height: 100%; }

/* 3.4. Placement Statistics & Counters */
.home_gi_placemnt_txt p { color: #fff; text-indent: 25px; text-align: justify; }
.home_placement_stat .wpb_heading.wpb_progress_bar_heading { color: #fefefe; font-size: 24px; }
.home_placement_stat .vc_label { color: #fefefe; }
.counter_space_height { height: 100px !important; }
.home_counter .counter_suffix { padding-left: 5px; }
.home_counter .stats-desc { color: #fefefe; }
.home_counter .stats-text{ padding-top: 5px; font-weight: bold; text-transform: uppercase; }

/* 3.5. Recent Events Carousel (Title, Item Hover, Nav Overrides) */
/* Light Title (Large background text effect) */
.light_title { color: #efefef; font-size: 100px; position: absolute; left: 42%; z-index: 0; top: 40px; }
.home_event_single_wrap { border: 1px solid #ccc; overflow: hidden; position: relative; }
.home_event_img_wrap { position: relative; } 
.home_event_img_wrap img { width: 100%; height: 100%; object-fit: cover; }
.home_event_img_wrap .event_type_wrap { position: absolute; top: 0; right: 0; background: #003F9A; padding: 5px; border-radius: 0 0 0 5px; color: #fefefe; }
.home_event_img_wrap .event_type_wrap:before { content: '\e8a7'; /* Fontello icon for type */ font-family: "Fontello"; padding-right: 10px; }
.home_event_img_wrap .event_date_wrap { position: absolute; top: 0; left: 0; background: #003F9A; padding: 5px; border-radius: 0 0 5px 0; color: #fefefe; }

/* Event Title Overlay */
.home_event_title_wrap { position: absolute; bottom: 0; background: #3b8ced; left: 0; right: 0; padding: 5px; color: #fefefe; }

/* Event Hover Overlay */
.hover_event_wrap { position: absolute; background: -webkit-linear-gradient(left, #003F9A 30%, #3b8ced 100%); left: 0; top: 0; bottom: 0; right: 0; opacity: 0; visibility: hidden; /* Transition for visibility/opacity */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.hover_event_wrap a { position: relative; height: auto; display: block; width: 100%; height: 100%; }
.hover_event_wrap a .fa { position: absolute; top: 45%; left: 45%; font-size: 35px; color: #fefefe; }
.home_event_single_wrap:hover .hover_event_wrap { visibility: visible; opacity: .8; /* Transition for visibility/opacity */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

/* OWL Carousel Navigation Overrides */
.home_event_scroll .owl-nav { position: absolute; top: 50%; width: 100%; }
.home_event_scroll .owl-nav .owl-prev { position: absolute; height: 30px; width: 30px; background: #333 !important; left: -50px; border-radius: 5px; }
.home_event_scroll .owl-nav .owl-next { position: absolute; height: 30px; width: 30px; background: #333 !important; right: -50px; border-radius: 5px; }

/* 3.6. Alumni Testimonials Carousel (Card Effect) */
.home_alumni_scroll .owl-stage { padding: 60px 50px; display: flex; display: -webkit-flex; }
.home_alumni_scroll .home_alumni_single_wrap { margin: 0 15px 60px; width: 300px; height: 300px; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end; background: #343434 no-repeat center center / cover; border-radius: 16px; overflow: hidden; position: relative; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; cursor: pointer; background-size: contain; }
.home_alumni_scroll .home_alumni_single_wrap.active { width: 500px; box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25); }
.home_alumni_scroll .home_alumni_single_wrap:after { /* Gradient overlay for text readability */ content: ""; display: block; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); }
.home_alumni_scroll .almni_dtls { width: 100%; padding: 0 24px 12px; color: #fff; position: relative; z-index: 1; overflow: hidden; /* Start position: details mostly hidden, only title visible */ transform: translateY(calc(100% - 54px)); -webkit-transform: translateY(calc(100% - 54px)); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.home_alumni_single_wrap.active .almni_dtls { /* Full visible state on active slide */ transform: none; -webkit-transform: none; background: rgba(0, 63, 154, 0.7); padding-top: 10px; }
.home_alumni_scroll .almni_dtls p { /* Paragraph details start invisible and move up */ opacity: 0; -webkit-transform: translateY(32px); transform: translateY(32px); transition: all 0.4s ease-in-out 0.2s; -webkit-transition: all 0.4s ease-in-out 0.2s; }
.home_alumni_scroll .home_alumni_single_wrap.active .almni_dtls p { /* Paragraph details transition in on active slide */ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.almni_dtls h4.almni_titl { color: #fefefe; font-size: 18px; margin-bottom: 0; }
.almni_dtls p span:not(:last-child):after { content: "|"; padding: 0 10px; }

/* 3.7. Facilities Icon List (Home version) */
.facilities_list_wrap .aio-icon.hexagon { color: #fefefe; background:#3b8ced; border-color:#3b8ced; font-size: 32px; display:inline-block; }
.facilities_list_wrap .aio-icon.hexagon i { font-size: 50px; }
.facilities_list_wrap .aio-tooltip { margin: 10px 8px; }

/* 3.8. Visitors, Testimonials, & Information Blocks */

/* 3.8.1. Visitors/Director's Message */
.single_visiters_inner_wrap { border: 5px solid #3b8ced; border-radius: 10px; overflow: hidden; background: #000; }
.single_visiters_inner_wrap:hover img { opacity: .5 !important; }

/* 3.8.2. Testimonial Card & Carousel Dots */
.home_testimonial_single_wrap { border: 1px solid #3b8ced; padding: 10px; overflow: hidden; box-sizing: border-box; box-shadow: #ddd 2px 2px 10px 1px; border-radius: 5px; }
.testimonial_meta_wrap { display: flex; align-items: center; }
.testimonial_img_wrap { width: 50px; height: 50px; overflow: hidden; border-radius: 100px; border: 1px solid #ccc; }
.testimonial_img_wrap img { width: 100%; height: 100%; object-fit: cover; }
.testimonial_name_wrap { padding: 0 10px; }
.testimonial_name_wrap h5, .testimonial_name_wrap h6 { margin: 0; opacity: .5; }
.testimonial_excerpt_wrap { text-align: justify; padding: 0 10px; margin-bottom: 20px; }

/* Testimonial Carousel Dots */
.home_test_out_wrap .owl-dots { top: calc(100% + 20px); left: 50%; transform: translateX(calc(-50% + 0px)); }
.home_test_out_wrap .owl-dots .owl-dot { border: 1px solid #ddd; height: 2px; width: 45px; margin: 5px !important; border-radius: 1px; /* Transition for dot size/color */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.home_test_out_wrap .owl-dots .owl-dot.active { border-color: #003F9A; width: 100px; background: #003F9A; /* Transition for dot size/color */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

/* 3.8.3. Admission Office Callout */
.home_admission_office  .aio-icon-header { display: block !important; text-align: center; }
.home_admission_office .aio-icon-header .aio-icon-title { color: #fefefe; text-transform: uppercase; border-bottom: 2px solid #ccc; padding-bottom: 5px; font-size: 30px; }
.home_admission_office  .aio-icon-description { text-align: center; color: #fefefe; font-size: 20px; line-height: 30px; }
.home_admission_office .aio-icon-description a { text-decoration: none; color: #fefefe; font-weight: bold; }
.home_admission_office .aio-icon-description a:before { content: '\e89d'; /* Fontello icon for link */ font-family: "Fontello"; padding-right: 10px; }

/* 3.8.4. Vision & Mission List */
.vision_mission_content ul { list-style: none; margin-left: 0; }
.vision_mission_content ul li { line-height: 40px; }
.vision_mission_content ul li:before { content: '\e972'; /* Fontello icon for list item */ font-family: "Fontello"; padding-right: 10px; color: #3b8ced; }

/*
 * ===================================================================
 * 4. PAGE SPECIFIC STYLES & TEMPLATES
 * ===================================================================
 */

/* 4.1. Admissions Page Content */
.online_reg_content_wrap strong { display: block; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 15px !important; font-size: 20px; }
.online_reg_content_wrap { background: #000000bf; padding: 10px; color: #fefefe; line-height: 30px; }
.online_reg_content_wrap br { display: none; }
.apply_now_btn button.ubtn { border-radius: 10px; overflow: hidden; font-size: 18px; text-transform: uppercase; }
.admission_heading { margin-bottom: 20px; }

/* 4.2. Placed Students Template (template-placed-students) */
.page-template-template-placed-students .wf-wrap { width: 85vw !important; }
.ps_wrap { overflow: hidden; margin: 10px 5px; }
/* Ensure select2 dropdown spans full width */
.ps_wrap span.select2.select2-container { width: 100% !important; }
.placed_student_details_wrap { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; }

/* Single Placed Student Card */
.placed_single_std_wrap { border: 1px solid #3b8ced; overflow: hidden; margin: 10px; border-radius: 5px; box-sizing: border-box; flex: 1 1 30%; display: flex; max-height: 200px; /* Transition for shadow effect */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.placed_single_std_wrap:hover { box-shadow: 5px 5px 10px 5px #ccc; /* Transition for shadow effect */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.placed_single_std_content_wrap { list-style: none !important; margin: 0 !important; width: 100%; }
.placed_single_std_content_wrap li { border-bottom: 1px solid #3b8ced; padding: 5px; line-height: 20px; }
.placed_single_std_content_wrap li:first-child { font-weight: bold; color: #fefefe; }

/* Header Gradient Colors based on Study Type */
.placed_single_std_content_wrap.in_stdy_asc li:first-child { background: -webkit-linear-gradient(left, #003F9A 30%, #3b8ced 100%); }
.placed_single_std_content_wrap.in_stdy_cet li:first-child { background: -webkit-linear-gradient(left, #2C6CBC 30%, #3b8ced 100%); }
.placed_single_std_content_wrap.in_stdy_pc li:first-child { background: -webkit-linear-gradient(left, #3EA1F3 30%, #3b8ced 100%); }

.result_count { flex: 0 0 100%; border-top: 1px solid #ccc; margin-top: 30px; padding-top: 20px; text-align: right; }

/* Term/Filter List */
.term_list { list-style: none !important; display: flex; flex-flow: row wrap; justify-content: center; margin: 10px 0 !important; }
.term_list li { border: 1px solid #3b8ced; margin: 5px; border-radius: 5px; /* Transition for filter button hover/selection */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.term_list li a { text-decoration: none; padding: 5px 10px; /* Transition for filter link text color */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.term_list li.selected { background: #3b8ced; /* Transition for background color */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.term_list li.selected a { color: #fefefe; /* Transition for text color */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

/* Styles for Dynamic Content (Images) */
.dynamic_content .placed_single_std_img_wrap { height: 150px; width: 200px; }
.dynamic_content .placed_single_std_img_wrap img { width: 100%; height: 100%; object-fit: cover; }

/* 4.3. Facilities Page (ID: 1252) */
.page-id-1252 .facilities_list_wrap { display: flex; flex-flow: row wrap; }

/* Single Facility Item (Grid and Hover Effect) */
.page-id-1252 .facilities_list_wrap .single_facilities_inner_wrap { border: 1px solid #ccc; margin: 5px !important; flex: 0 0 19%; border-radius: 5px; padding: 5px; box-sizing: border-box; /* Transition for shadow effect */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.page-id-1252 .facilities_list_wrap .single_facilities_inner_wrap:hover { box-shadow: 5px 5px 5px 1px #ccc; /* Transition for shadow effect */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.page-id-1252 .facilities_list_wrap .single_facilities_inner_wrap a { font-weight: bold; color: #333; text-decoration: none; text-transform: uppercase; display: flex; flex-flow: column; align-items: center; }
.page-id-1252 .facilities_list_wrap .single_facilities_inner_wrap i { font-size: 40px; color: #fefefe; background: #3b8ced; padding: 20px; border-radius: 50px; margin-bottom: 10px !important; }

/* Complex CSS Hover Border Animation (Corner Reveal) */
.page-id-1252 .facilities_list_wrap .single_facilities_inner_wrap { --c: #3b8ced; /* the border color */ --b: 2px;    /* the border thickness*/ --g: 5px;     /* the gap on hover */ padding: calc(var(--g) + var(--b)); --_g: #0000 25%,var(--c) 0; background: conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g)) var(--_i,200%) 0  /200% var(--_i,var(--b))  no-repeat, conic-gradient(            at bottom var(--b) left  var(--b),var(--_g)) 0   var(--_i,200%)/var(--_i,var(--b)) 200%  no-repeat; transition: .3s, background-position .3s .3s; cursor: pointer; }
.page-id-1252 .facilities_list_wrap .single_facilities_inner_wrap:hover { --_i: 100%; transition: .3s, background-size .3s .3s; }

/* 4.4. Gallery Page & Media (Lightbox, Thumbnail Zoom) */
/* Simple Lightbox Overrides */
.sl-wrapper.simple-lightbox { background: #000000cf !important; }
.sl-caption.pos-bottom.custom_title { background: #3b8ced; }
.sl-image { border: 5px solid #3b8ced; overflow: hidden; border-radius: 5px; }
button.sl-prev, button.sl-next { color: #3b8ced !important; }

/* Gallery Thumbnail Hover Effect */
.gallery a { border: 1px solid; display: inline-block; overflow: hidden; }
.gallery a img { /* Transition for zoom effect */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.gallery a:hover img { transform: scale(1.5); /* Transition for zoom effect */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

/* Single Media Wrap (Videos, Downloads, etc.) */
.single_media_wrap { display: flex; justify-content: space-between; margin-bottom: 20px; padding: 10px 20px; border-radius: 10px; box-sizing: border-box; box-shadow: 5px 5px 10px 5px #ccc; }
.single_media_wrap h4 { margin: 0; }
.single_media_wrap a { text-decoration: none; }
.single_media_wrap a:after { content: '\e866'; /* Fontello icon for link */ font-family: "Fontello"; padding-left: 10px; }

/* 4.5. General Listing Pages (News & Events) */

/* 4.5.1. News List Item */
.single_news_wrap { border: 1px solid #ccc; margin: 20px auto; border-radius: 5px; box-sizing: border-box; display: flex; align-items: stretch; /* Transition for shadow effect */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out }
.single_news_wrap:hover { box-shadow: #ddd 5px 5px 10px 5px; /* Transition for shadow effect */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out }
.single_news_img_wrap { width: 250px; height: 250px }
.single_news_title_wrap { padding: 5px 10px; margin-bottom: 0; background: -webkit-linear-gradient(left, #0A4CA8 30%, #003F9A 100%); color: #fefefe }
.single_news_meta_wrap { padding: 5px 10px; display: flex; justify-content: space-between; align-items: center; background: #3B8CED; color: #fefefe; font-size: 12px; flex-flow: nowrap }
.single_news_meta_wrap span:not(:last-child):after { content: "|"; padding-left: 50px }
.single_news_meta_wrap span .fa { padding-right: 5px }
.single_news_inner_content { padding: 10px; text-align: justify; margin-bottom: 0; height: 150px }
.single_news_content_wrap { width: 100% }

/* 4.5.2. Event List Item */
.single_event_wrap { border: 1px solid #ccc; overflow: hidden; border-radius: 5px; margin: 20px 0; box-sizing: border-box; display: flex; /* Transition for shadow effect */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.single_event_wrap:hover { box-shadow: #ccc 5px 5px 10px 5px; /* Transition for shadow effect */ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.single_event_img_wrap { width: 500px; height: 300px; overflow: hidden; flex: 0 0 40%; position: relative; }
.single_event_img_wrap img { width: 100%; height: 100%; object-fit: cover; }
.single_event_img_wrap span { position: absolute; background: -webkit-linear-gradient(left, #0A4CA8 30%, #003F9A 100%); color: #fefefe; padding: 5px; left: 0; top: 0; font-size: 12px; }
.single_event_content_wrap { flex: 0 0 60%; }
.single_event_meta_wrap { padding: 5px 10px; display: flex; justify-content: space-between; align-items: center; background: #3B8CED; color: #fefefe; font-size: 12px; flex-flow: nowrap; }
.single_event_inner_content { padding: 10px; text-align: justify; height: 200px; }
.single_event_title_wrap { padding: 5px 10px; margin-bottom: 0; background: -webkit-linear-gradient(left, #0A4CA8 30%, #003F9A 100%); color: #fefefe; }
.single_event_meta_wrap span:not(:last-child):after { content: "|"; padding-left: 50px; }
.single_event_meta_wrap span .fa { padding-right: 5px; }

/* 4.5.3. Pagination Styles */
.paginator .page-numbers { background: #2772D1; color: #fefefe !important; width: 30px; height: 30px; display: flex !important; justify-content: center; align-items: center; padding: 20px !important; border-radius: 5px; }
.paginator a.page-numbers:hover:after, .paginator a.page-numbers:active:after, .paginator a.page-numbers:after { text-decoration: none !important; opacity: 0 !important; }




/* live fix */
.single_visiters_inner_wrap {
    height: 400px;
    width: 250px;
}

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

.single_news_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.home_event_img_wrap { 
    height: 270px ;
    width: 400px ;
}

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