/*
Template Name: College
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************center_home****************/
.carousel-caption{
text-align:left;
background: linear-gradient(135deg, rgba(18, 88, 117, 0.85) 0%, rgba(3, 46, 63, 0.9) 100%);
padding:100px 140px 0px 140px;
top:0;
left:0;
width:100%;
height:100%;
color:#fff;
backdrop-filter: blur(2px);
 }

.carousel-caption h5 {
animation: slideInLeft 0.8s ease-out;
opacity: 0;
animation-fill-mode: forwards;
}

.carousel-caption h1 {
animation: slideInLeft 1s ease-out 0.2s;
opacity: 0;
animation-fill-mode: forwards;
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}

.carousel-caption p {
animation: slideInLeft 1.2s ease-out 0.4s;
opacity: 0;
animation-fill-mode: forwards;
}

.carousel-caption ul {
animation: slideInLeft 1.4s ease-out 0.6s;
opacity: 0;
animation-fill-mode: forwards;
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-50px);
}
to {
opacity: 1;
transform: translateX(0);
}
}

.carousel-item {
transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;
}

.center_home img{
min-height:700px;
transition: transform 8s ease-out;
}

.carousel-item.active img {
transform: scale(1.05);
}

.spec_1i {
background: linear-gradient(135deg, rgba(18, 88, 117, 0.95) 0%, rgba(18, 88, 117, 0.85) 100%);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
}

.spec_1i::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
transition: left 0.5s;
}

.spec_1i:hover::before {
left: 100%;
}

.spec_1i:hover {
background: linear-gradient(135deg, rgba(255, 115, 80, 0.95) 0%, rgba(255, 138, 110, 0.85) 100%);
transform: translateY(-10px) scale(1.02);
box-shadow: 0 15px 35px rgba(255, 115, 80, 0.3);
}

.spec_1i .fa {
transition: transform 0.4s ease;
}

.spec_1i:hover .fa {
transform: scale(1.2) rotate(5deg);
}

.spec_1io {
background: linear-gradient(135deg, rgba(255, 115, 80, 0.95) 0%, rgba(255, 138, 110, 0.85) 100%);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 10px;
box-shadow: 0 8px 25px rgba(255, 115, 80, 0.3);
transform: scale(1.05);
}

.spec_1io:hover {
background: linear-gradient(135deg, rgba(18, 88, 117, 0.95) 0%, rgba(18, 88, 117, 0.85) 100%);
box-shadow: 0 12px 30px rgba(18, 88, 117, 0.3);
}
/*********************center_home_end****************/

/*********************about_h****************/
.about_h1rill span{
width:50px;
height:50px;
line-height:50px; 
 }

.about_h1lil {
transition: all 0.4s ease;
}

.about_h1lil:hover {
transform: translateY(-10px);
}

.about_h1lil img{
border:5px solid #ff7350;
transition: all 0.4s ease;
box-shadow: 0 5px 20px rgba(255, 115, 80, 0.3);
}

.about_h1lil:hover img {
transform: scale(1.05);
box-shadow: 0 10px 30px rgba(255, 115, 80, 0.4);
}

.about_h1lilo img{
border:5px solid #125875;
transition: all 0.4s ease;
box-shadow: 0 5px 20px rgba(18, 88, 117, 0.3);
}

.about_h1lilo:hover img {
transform: scale(1.05);
box-shadow: 0 10px 30px rgba(18, 88, 117, 0.4);
}

.about_h1lilo{
padding-top:180px;
transition: all 0.4s ease;
}

.about_h1lilo:hover {
transform: translateY(-10px);
}

.about_h1r h1 {
position: relative;
padding-bottom: 15px;
}

.about_h1r h1::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 4px;
background: linear-gradient(90deg, #ff7350, #ff8a6e);
border-radius: 2px;
}

.parallax-img {
transition: transform 0.3s ease;
}

.parallax-img:hover {
transform: perspective(1000px) rotateY(5deg);
}
/*********************about_h_end****************/


/*********************faq****************/
#ad {
background-image: url(../img/19.jpg);
background-position: center;
background-attachment: fixed;
background-size: cover;
position: relative;
}

#ad::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(18, 88, 117, 0.85) 0%, rgba(3, 46, 63, 0.9) 100%);
z-index: 0;
}

#ad .ad_m {
position: relative;
z-index: 1;
}

#learn {
background-image: url(../img/1.jpg);
background-position: center;
background-attachment: fixed;
background-size: cover;
}

.learn_1r{
border-radius:0px 10px 10px 0px;
min-height:410px;
transition: all 0.4s ease;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.learn_1r:hover {
transform: translateX(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
/*********************faq_end****************/

/*********************testim****************/
#subs {
background-image: url(../img/1.jpg);
background-position: center;
}
/*********************testim_end****************/



@media screen and (max-width : 767px){
.main_2 {
position:static!important; 
 }
.carousel-caption{
padding:15px;
 }
.center_home img{
min-height:350px;
 }
.carousel-caption h5{
letter-spacing:1px;
font-size:16px; 
 }
.carousel-caption br{
display:none; 
 }
.carousel-caption p{
font-size:13px;
 }
.h_line:after {
margin-left: 2%;
}
.carousel-caption .button {
padding: 0.8rem 0.5rem 0.8rem 0.5rem;
}
.carousel-caption .button_1 {
padding: 0.8rem 0.5rem 0.8rem 0.5rem;
}
.spec_1i {
margin-top:10px;
margin-bottom:10px;
text-align:center; 
 }
.spec_1ir{
margin-top:10px; 
 }
.spec_1ir p{
text-align:left;
 }
.about_h1lilo {
padding-top:20px;
}
.about_h1r{
margin-top:15px;
text-align:center; 
 }
.about_h1r p{
text-align:left;
 }
.about_h1r br{
display:none;
 }
.about_h1rilr{
margin-top:10px; 
 }
.ad_1l br{
display:none; 
 }
.ad_1l h1{
text-align:center; 
 }
.ad_1r{
text-align:center!important; 
padding-top:15px!important; 
 }
.faq_1r{
margin-top:15px;
text-align:center; 
 }
.learn_1r{
padding:15px!important;
min-height:auto;
text-align:center; 
 }
.learn_1r p{
text-align:left; 
 }
.subs_1l h1{
text-align:center;  
 }
.book_1l{
margin-top:10px;
text-align:center; 
 }
.book_1l p{
text-align:left;
 }
 }

@media (min-width:576px) and (max-width:767px) {
.carousel-caption{
padding:20px;
bottom:0;
 }
.carousel-caption p{
font-size:16px;
 }
.about_h1lilo {
padding-top:0;
}
 }
@media (min-width:768px) and (max-width:991px) {
.carousel-caption{
padding:50px 140px 0px 140px;
 }
.carousel-caption br{
display:none;
 }
.spec_1i {
padding:10px!important; 
 }
.spec_1il span{
font-size:20px!important; 
 }
.about_h1r br{
display:none; 
 }
.about_h1rill span {
width:35px;
height:35px;
line-height:35px;
font-size:16px!important;
}
.ad_1l br{
display:none; 
 }
.learn_1l img{
min-height:410px; 
 }
.learn_1r {
padding:25px!important; 
 }
.book_1r img{
min-height:370px; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.learn_1l img{
min-height:410px; 
 }
.book_1r img{
min-height:370px; 
 }
 }
@media (min-width:1201px) and (max-width:1250px) {

 }

/*********************Additional Enhancements****************/

/* Smooth section animations */
section {
animation: fadeIn 0.8s ease-in;
}

@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/* Enhanced card hover effects */
.events_1m, .course_h2im {
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 10px;
overflow: hidden;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
}

.events_1m:hover, .course_h2im:hover {
transform: translateY(-10px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

/* Improved text readability */
.bg_light {
background: linear-gradient(to bottom, #fafbfc 0%, #f8f9fa 100%) !important;
}

/* Accent line enhancement */
.h_line:after {
animation: expandLine 0.6s ease-out 0.3s forwards;
width: 0;
}

@keyframes expandLine {
from {
width: 0;
}
to {
width: 60px;
}
}

/* Sticky navbar enhancement */
.sticky {
animation: slideDown 0.4s ease-out;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
}

@keyframes slideDown {
from {
transform: translateY(-100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}

/* Image hover effects */
img {
transition: transform 0.4s ease, filter 0.4s ease;
}

.about_h1lil img:hover, .about_h1lilo img:hover {
filter: brightness(1.05) contrast(1.1);
}

/* Text selection styling */
::selection {
background: #ff7350;
color: #fff;
}

::-moz-selection {
background: #ff7350;
color: #fff;
}

/* Improve focus states for accessibility */
a:focus, button:focus, input:focus {
outline: 2px solid #ff7350;
outline-offset: 2px;
}

/*********************Additional Enhancements End****************/