/*
=============================================================
TRILOGIX INSTITUTE WEBSITE
File: courses-philippines.css
Purpose: Philippines course page styling.
Maintenance note: Related rules and logic are grouped and documented by feature.
=============================================================
*/

/*
STYLE ORGANIZATION
- Base/component rules define the default desktop presentation.
- State classes such as .active, .show, and :hover control interactions.
- Media queries near the relevant rules adapt the layout for tablet and mobile screens.
*/

.philippines-hero{min-height:650px}
.philippines-hero .about-hero-overlay{background:linear-gradient(90deg,rgba(3,24,67,.96) 0%,rgba(10,55,129,.84) 48%,rgba(2,28,76,.38) 100%)}
.philippines-overview{padding-bottom:5rem}
.philippines-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:991.98px){.philippines-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:767.98px){.philippines-hero{min-height:590px}.philippines-category-grid{grid-template-columns:1fr}}