body{

font-family:'Poppins',sans-serif;

overflow-x:hidden;

}


/* HERO */

.hero{

position:relative;

height:100vh;

}

.hero img{

height:100vh;

object-fit:cover;

}

.overlay{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

background:linear-gradient(

rgba(0,0,0,.65),

rgba(0,0,0,.55)

);

}

.hero-content{

position:absolute;

top:50%;

left:50%;

transform:translate(-50%,-50%);

text-align:center;

color:white;

z-index:10;

width:80%;

}

.hero-content h4{

font-size:24px;

letter-spacing:2px;

margin-bottom:20px;

}

.hero-content h1{

font-size:65px;

font-weight:800;

margin-bottom:25px;

}

.hero-content p{

font-size:22px;

margin-bottom:35px;

}

.btn-register{

background:#8b0000;

color:white;

padding:15px 35px;

border-radius:40px;

margin-right:15px;

font-weight:600;

}

.btn-register:hover{

background:#b8860b;

color:white;

}

.btn-about{

border:2px solid white;

color:white;

padding:15px 35px;

border-radius:40px;

}

.btn-about:hover{

background:white;

color:#8b0000;

}

.carousel-control-next,

.carousel-control-prev{

width:70px;

}

.carousel-control-next-icon,

.carousel-control-prev-icon{

background-size:70%;

}



/* navbar */
/*=========================
TOP BAR
=========================*/
/* 
.top-bar{

background:#8d2217;

padding:10px 0;

font-size:14px;

color:#fff;

}

.top-bar .container{

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

}

.top-left{

display:flex;

gap:25px;

flex-wrap:wrap;

}

.top-left span{

display:flex;

align-items:center;

}

.top-left i{

margin-right:8px;

color:#f6d365;

}

.top-right{

display:flex;

align-items:center;

gap:15px;

}

.top-right a{

width:36px;

height:36px;

border-radius:50%;

background:#fff;

display:flex;

align-items:center;

justify-content:center;

color:#8d2217;

transition:.4s;

text-decoration:none;

}

.top-right a:hover{

background:#f6d365;

transform:translateY(-3px);

}

.top-logo{

height:45px;

margin-left:15px;

} */



/*======================
NAVBAR
=======================*/

.main-navbar{

background:#fff;

box-shadow:0 8px 30px rgba(0,0,0,.08);

padding:14px 0;

position:sticky;

top:0;

z-index:999;

}

.navbar-brand img{

height:75px;

transition:.4s;

}

.navbar-brand img:hover{

transform:scale(1.05);

}

.navbar-nav{

gap:12px;

}

.navbar-nav .nav-link{

font-size:17px;

font-weight:600;

color:#222;

padding:12px 16px;

position:relative;

transition:.4s;

}

.navbar-nav .nav-link:hover{

color:#8d2217;

}

.navbar-nav .nav-link::after{

content:"";

position:absolute;

left:15px;

bottom:4px;

width:0;

height:2px;

background:#8d2217;

transition:.4s;

}

.navbar-nav .nav-link:hover::after{

width:65%;

}

.navbar-nav .active{

color:#8d2217!important;

}

.register-btn{

background:#8d2217;

padding:12px 28px;

color:#fff;

text-decoration:none;

border-radius:8px;

font-weight:600;

transition:.4s;

}

.register-btn:hover{

background:#d4af37;

color:#222;

transform:translateY(-2px);

}

/* footer */

.footer{

background:#fcf3ef url("../images/footer/world-map.png") center center no-repeat;

background-size:cover;

padding:70px 0 20px;

}

.footer-grid{

display:grid;

grid-template-columns:2fr 1.3fr 1.4fr 1.3fr;

gap:40px;

align-items:start;

}

.footer-logo{

width:50px;

margin-bottom:20px;

}

.footer-about p{

font-size:16px;

line-height:1.9;

color:#333;

}

.social-icons{

margin-top:25px;

display:flex;

gap:15px;

}

.social-icons a{

width:42px;

height:42px;

background:white;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

color:#8d2217;

box-shadow:0 5px 15px rgba(0,0,0,.15);

transition:.4s;

}

.social-icons a:hover{

background:#8d2217;

color:white;

transform:translateY(-5px);

}

.footer-qr{

text-align:center;

padding:18px;

border:2px solid #8d2217;

border-radius:18px;

background:white;

}

.footer-qr img{

width:170px;

}

.footer-qr h4{

margin-top:15px;

font-size:18px;

color:#8d2217;

}

.footer-email h3,

.footer-contact h3{

margin-bottom:18px;

font-weight:700;

}

.footer-email a{

color:#0066cc;

font-size:18px;

text-decoration:none;

}

.footer-contact p{

margin-bottom:18px;

font-size:17px;

}

.footer-contact i{

margin-right:10px;

color:#8d2217;

}

.copyright{

margin-top:50px;

text-align:center;

padding-top:20px;

border-top:1px solid rgba(0,0,0,.15);

font-size:15px;

}


/* logo */
.navbar-brand img{
    height:70px;
    width:auto;
    object-fit:contain;
    transition:0.3s ease;
}



/*==========================
Committee Section
===========================*/

.committee-section{

padding:90px 0;

background:#faf8f6;

}

.section-heading{

text-align:center;

margin-bottom:70px;

}

.section-heading h6{

color:#8d2217;

font-size:18px;

letter-spacing:3px;

font-weight:600;

margin-bottom:15px;

}

.section-heading h2{

font-size:58px;

font-weight:700;

margin-bottom:20px;

font-family: 'Poppins', sans-serif;

}

.section-heading h2 span{

color:#8d2217;

}

.section-heading p{

font-size:18px;

color:#666;

max-width:700px;

margin:auto;

}


/* Card */

.committee-card{

background:#fff;

border-radius:20px;

padding:35px 20px 25px;

text-align:center;

position:relative;

transition:.4s;

box-shadow:0 8px 30px rgba(0,0,0,.08);

height:100%;

}

.committee-card:hover{

transform:translateY(-10px);

box-shadow:0 18px 45px rgba(0,0,0,.15);

}


/* Image */

.committee-img{

width:160px;

height:160px;

margin:auto;

border-radius:50%;

padding:5px;

background:linear-gradient(45deg,#8d2217,#8d2217);

margin-top:-15px;

}

.committee-img img{

width:100%;

height:100%;

border-radius:50%;

object-fit:cover;

border:5px solid white;

}


/* Name */

.committee-info h4{

margin-top:20px;

font-size:24px;

font-weight:700;

color:#222;

min-height:60px;

}


/* Designation */

.designation{

display:inline-block;

margin-top:15px;

background:#8d2217;

color:#fff;

padding:10px 20px;

border-radius:30px;

font-size:14px;

font-weight:500;

}


/* Hover */

.committee-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:6px;

background:#d4af37;

transform:scaleX(0);

transition:.4s;

}

.committee-card:hover::before{

transform:scaleX(1);

}