@media(max-width:992px){

.hero-title{

font-size:42px;

}

.hero-logo{

margin-top:60px;

width:280px;

}

.hero-buttons{

justify-content:center;

}

.hero-description{

text-align:center;

}

.hero-title{

text-align:center;

}

.hero-tag{

display:block;

margin:auto auto 20px;

width:max-content;

}

}



@media(max-width:991px){

.about-section{

text-align:center;

}

.feature-box{

text-align:left;

}

.experience-box{

position:relative;

right:auto;

bottom:auto;

margin:20px auto 0;

width:180px;

}

}

@media(max-width:991px){

.values-section{

padding:70px 0;

}

.value-card{

padding:35px 25px;

}

.value-card h3{

font-size:24px;

}

}

@media(max-width:991px){

.department-card{

padding:30px 20px;

}

.department-icon{

width:75px;

height:75px;

font-size:28px;

}

}


@media(max-width:991px){

.committee-image img{

height:280px;

}

}

.cta-section{

padding:100px 0;

background:linear-gradient(135deg,#071A36,#0E376C);

}

.cta-box{

background:rgba(255,255,255,.08);

backdrop-filter:blur(15px);

border-radius:25px;

padding:60px;

border:1px solid rgba(255,255,255,.12);

}

.cta-tag{

display:inline-block;

padding:8px 18px;

background:#C7A13A;

color:#071A36;

font-weight:600;

border-radius:30px;

margin-bottom:20px;

}

.cta-box h2{

color:#fff;

font-size:42px;

margin-bottom:20px;

}

.cta-box p{

color:#ddd;

line-height:32px;

margin-bottom:0;

}

.cta-box .btn-outline-light{

margin-top:15px;

display:inline-block;

}