/*==================================================
Responsive CSS
==================================================*/

/*1400px*/
@media (max-width:1400px){
.container{max-width:1140px;}
.hero h1{font-size:48px;}
.section{padding:70px 0;}
}

/*1200px*/
@media (max-width:1200px){
.hero{padding:80px 0;}
.hero h1{font-size:42px;}
.hero p{font-size:17px;}
.section-title h2{font-size:38px;}
.dashboard-card h2{font-size:28px;}
.navbar-brand img{max-height:55px;}
}

/*992px*/
@media (max-width:992px){
.navbar{padding:.8rem 0;}
.navbar-collapse{margin-top:15px;padding:15px;background:#fff;border-radius:10px;box-shadow:var(--shadow);}
.nav-link{padding:.75rem!important;}
.dropdown-menu{border:none;box-shadow:none;padding-left:15px;}
.hero{text-align:center;padding:70px 0;}
.hero h1{font-size:38px;}
.hero-buttons{justify-content:center;}
.hero-img{margin-top:40px;}
.statistics{margin-top:40px;}
.stat-box{margin-bottom:20px;}
.feature-box{margin-bottom:25px;}
.cta{text-align:center;padding:50px 30px;}
.footer{text-align:center;}
.footer-social{justify-content:center;}
.page-header{text-align:center;}
.profile-card{margin-bottom:25px;}
.table-responsive{border-radius:12px;}
}

/*768px*/
@media (max-width:768px){
body{font-size:15px;}
.section{padding:60px 0;}
.hero h1{font-size:32px;}
.hero p{font-size:16px;}
.section-title h2{font-size:32px;}
.section-title p{font-size:15px;}
.newsletter{padding:40px 20px;}
.newsletter form{display:block!important;}
.newsletter .btn{width:100%;margin-top:12px;}
.cta h2{font-size:28px;}
.dashboard-card,.feature-box,.job-card,.blog-card,.scholarship-card{margin-bottom:20px;}
.login-box,.register-box{padding:30px 20px;}
.profile-card img{width:110px;height:110px;}
}

/*576px*/
@media (max-width:576px){
.hero{padding:50px 0;}
.hero h1{font-size:28px;line-height:1.3;}
.hero p{font-size:15px;}
.hero-buttons{display:block;}
.hero-buttons .btn{width:100%;margin-bottom:12px;}
.btn-register,.btn-outline-custom{display:block;width:100%;}
.statistics{margin-top:20px;}
.stat-box{padding:20px;}
.stat-box h3{font-size:26px;}
.feature-box{padding:25px;}
.cta{padding:35px 20px;}
.cta h2{font-size:24px;}
.blog-card img,.scholarship-card img{height:180px;}
.table th,.table td{white-space:nowrap;font-size:14px;}
.footer{padding-bottom:80px;}
.footer-logo{max-height:45px;}
.footer-bottom{text-align:center;}
.whatsapp-btn{width:52px;height:52px;font-size:26px;bottom:85px;}
#backToTop{width:45px;height:45px;bottom:20px;right:15px;}
}

/*Mobile Bottom Navigation*/
@media (max-width:992px){
.mobile-bottom-nav{display:flex!important;}
body{padding-bottom:70px;}
}

@media (min-width:993px){
.mobile-bottom-nav{display:none!important;}
body{padding-bottom:0;}
}

/*Landscape*/
@media (max-width:992px) and (orientation:landscape){
.hero{padding:40px 0;}
.hero h1{font-size:30px;}
}

/*Small Devices*/
@media (max-width:400px){
.hero h1{font-size:24px;}
.section-title h2{font-size:26px;}
.btn{font-size:14px;padding:.65rem 1rem;}
.navbar-brand img{max-height:42px;}
.profile-card img{width:90px;height:90px;}
}

/*Large Screens*/
@media (min-width:1600px){
.container{max-width:1450px;}
.hero h1{font-size:64px;}
.section{padding:100px 0;}
}

/*==================================================
Responsive Utilities
==================================================*/

/*Dashboard*/
@media (max-width:991.98px){
.dashboard-sidebar{position:fixed;left:-280px;top:0;width:280px;height:100%;overflow-y:auto;background:#fff;z-index:1050;transition:.3s;}
.dashboard-sidebar.show{left:0;}
.dashboard-content{margin-left:0!important;padding:20px;}
.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px;}
.dashboard-card{padding:20px;}
.dashboard-widget{margin-bottom:20px;}
}

/*Admin Tables*/
@media (max-width:991.98px){
.table-responsive table{min-width:900px;}
.table td,.table th{padding:.65rem;}
}

/*Forms*/
@media (max-width:767.98px){
.form-control,.form-select{font-size:15px;height:48px;}
textarea.form-control{height:auto;}
.btn{width:auto;}
.input-group>.btn{width:auto;}
}

/*Login/Register*/
@media (max-width:767.98px){
.login-box,.register-box{max-width:100%;padding:25px 20px;}
.login-logo img{max-height:60px;}
}

/*Profile*/
@media (max-width:767.98px){
.profile-card{text-align:center;}
.profile-card img{margin-bottom:15px;}
.profile-info{margin-top:20px;}
}

/*Footer*/
@media (max-width:767.98px){
.footer .row>div{margin-bottom:30px;}
.footer-social{justify-content:center;}
.footer-bottom .text-lg-end{text-align:center!important;margin-top:10px;}
}

/*Breadcrumb*/
@media (max-width:576px){
.breadcrumb{font-size:13px;}
.page-header{padding:40px 0;}
.page-header h1{font-size:28px;}
}

/*Newsletter*/
@media (max-width:576px){
.newsletter h2{font-size:26px;}
.newsletter p{font-size:15px;}
.newsletter input{margin-bottom:10px;}
}

/*Statistics*/
@media (max-width:576px){
.stat-box i{font-size:34px;}
.stat-box h3{font-size:24px;}
.stat-box p{font-size:14px;}
}

/*Cards*/
@media (max-width:576px){
.card-title{font-size:18px;}
.card-text{font-size:14px;}
.card-body{padding:20px;}
}

/*Buttons*/
@media (max-width:576px){
.btn-lg{padding:.75rem 1.2rem;font-size:15px;}
.btn-sm{font-size:13px;}
}

/*Utilities*/
.d-mobile-none{display:block;}
.d-mobile-only{display:none;}

@media (max-width:767.98px){
.d-mobile-none{display:none!important;}
.d-mobile-only{display:block!important;}
.text-mobile-center{text-align:center!important;}
.w-mobile-100{width:100%!important;}
.mt-mobile-3{margin-top:1rem!important;}
.mb-mobile-3{margin-bottom:1rem!important;}
}

/*Spacing*/
@media (max-width:767.98px){
.py-section{padding:50px 0!important;}
.my-section{margin:50px 0!important;}
}

/*Images*/
.img-cover{width:100%;height:100%;object-fit:cover;}
.img-contain{width:100%;height:100%;object-fit:contain;}

/*Print*/
@media print{
.btn,.navbar,.footer,.whatsapp-btn,#backToTop,#cookieConsent,.mobile-bottom-nav{display:none!important;}
.container{max-width:100%!important;}
body{background:#fff!important;color:#000!important;}
.card{box-shadow:none!important;border:1px solid #ddd;}
a{text-decoration:none;color:#000;}
}

/*Reduced Motion*/
@media (prefers-reduced-motion:reduce){
*,::before,::after{
animation:none!important;
transition:none!important;
scroll-behavior:auto!important;
}
}

/*==================================================
Responsive Utilities
==================================================*/

/*Dashboard*/
@media (max-width:991.98px){
.dashboard-sidebar{position:fixed;left:-280px;top:0;width:280px;height:100%;overflow-y:auto;background:#fff;z-index:1050;transition:.3s;}
.dashboard-sidebar.show{left:0;}
.dashboard-content{margin-left:0!important;padding:20px;}
.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px;}
.dashboard-card{padding:20px;}
.dashboard-widget{margin-bottom:20px;}
}

/*Admin Tables*/
@media (max-width:991.98px){
.table-responsive table{min-width:900px;}
.table td,.table th{padding:.65rem;}
}

/*Forms*/
@media (max-width:767.98px){
.form-control,.form-select{font-size:15px;height:48px;}
textarea.form-control{height:auto;}
.btn{width:auto;}
.input-group>.btn{width:auto;}
}

/*Login/Register*/
@media (max-width:767.98px){
.login-box,.register-box{max-width:100%;padding:25px 20px;}
.login-logo img{max-height:60px;}
}

/*Profile*/
@media (max-width:767.98px){
.profile-card{text-align:center;}
.profile-card img{margin-bottom:15px;}
.profile-info{margin-top:20px;}
}

/*Footer*/
@media (max-width:767.98px){
.footer .row>div{margin-bottom:30px;}
.footer-social{justify-content:center;}
.footer-bottom .text-lg-end{text-align:center!important;margin-top:10px;}
}

/*Breadcrumb*/
@media (max-width:576px){
.breadcrumb{font-size:13px;}
.page-header{padding:40px 0;}
.page-header h1{font-size:28px;}
}

/*Newsletter*/
@media (max-width:576px){
.newsletter h2{font-size:26px;}
.newsletter p{font-size:15px;}
.newsletter input{margin-bottom:10px;}
}

/*Statistics*/
@media (max-width:576px){
.stat-box i{font-size:34px;}
.stat-box h3{font-size:24px;}
.stat-box p{font-size:14px;}
}

/*Cards*/
@media (max-width:576px){
.card-title{font-size:18px;}
.card-text{font-size:14px;}
.card-body{padding:20px;}
}

/*Buttons*/
@media (max-width:576px){
.btn-lg{padding:.75rem 1.2rem;font-size:15px;}
.btn-sm{font-size:13px;}
}

/*Utilities*/
.d-mobile-none{display:block;}
.d-mobile-only{display:none;}

@media (max-width:767.98px){
.d-mobile-none{display:none!important;}
.d-mobile-only{display:block!important;}
.text-mobile-center{text-align:center!important;}
.w-mobile-100{width:100%!important;}
.mt-mobile-3{margin-top:1rem!important;}
.mb-mobile-3{margin-bottom:1rem!important;}
}

/*Spacing*/
@media (max-width:767.98px){
.py-section{padding:50px 0!important;}
.my-section{margin:50px 0!important;}
}

/*Images*/
.img-cover{width:100%;height:100%;object-fit:cover;}
.img-contain{width:100%;height:100%;object-fit:contain;}

/*Print*/
@media print{
.btn,.navbar,.footer,.whatsapp-btn,#backToTop,#cookieConsent,.mobile-bottom-nav{display:none!important;}
.container{max-width:100%!important;}
body{background:#fff!important;color:#000!important;}
.card{box-shadow:none!important;border:1px solid #ddd;}
a{text-decoration:none;color:#000;}
}

/*Reduced Motion*/
@media (prefers-reduced-motion:reduce){
*,::before,::after{
animation:none!important;
transition:none!important;
scroll-behavior:auto!important;
}
}