/* ======================================================
  MARIDIAN
====================================================== */


*{

margin:0;
padding:0;
box-sizing:border-box;

}



html{

scroll-behavior:smooth;

}



body{

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

background:#050609;

color:white;

}



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

.navbar {
    background: #050609;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
    padding: 15px 0;
}

.navbar-brand {
    font-size: 1.4rem;
    font-weight: 700;
}

.logo {
    width: 65px;
    height: 65px;
    object-fit: contain;
    border-radius: 50%;
}

.logo-title {
    color: #f4d367;
    font-weight: 700;
}

.logo-subtitle {
    color: white;
}

.nav-link {
    color: #fff !important;
    margin-left: 15px;
    transition: 0.3s;
}

.nav-link:hover {
    color: #f4d367 !important;
}

.nav-link.active {
    color: #f4d367 !important;
    font-weight: 600;
}


/* ======================================================
   REGISTRATION HEADER
====================================================== */

.registration-header {
    padding-top: 110px;
    padding-bottom: 70px;
    text-align: center;
    background: #050609;
}

.header-number {
    display: inline-block;
    color: #f4d367;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.registration-header h1 {
    font-size: 65px;
    font-weight: 800;
    letter-spacing: 2px;
    color: white;
}

.registration-header p {
    margin-top: 15px;
    color: white;
    font-size: 18px;
    line-height: 1.7;
}



/* ======================================================
   HEADER
====================================================== */


.about-header{

padding-top:180px;

padding-bottom:80px;

text-align:center;

background:#050609;

}



.about-header h1{

font-size:60px;

font-weight:800;

}



.about-header span{

color:#f4d367;

}



.about-header p{

font-size:20px;

}







/* ======================================================
   ABOUT CONTENT
====================================================== */


.about-section{

padding:80px 0;

}




.about-section h2{

color:#f4d367;

font-size:30px;

font-weight:700;

margin-bottom:25px;

}



.about-section p{

color:white;

font-size:17px;

line-height:1.8;

}





.about-image{

width:100%;

height:380px;

object-fit:cover;

border-radius:20px;

}







/* ======================================================
   GALLERY
====================================================== */


.gallery-section{

padding:80px 0;

background:#050609;
}



.gallery-section h2{

color:#f4d367;

font-size:45px;

font-weight:700;

}



.gallery-image{

width:100%;

height:280px;

object-fit:cover;

border-radius:20px;

transition:.3s;

}



.gallery-image:hover{

    transform:translateY(-8px);

   box-shadow:0 15px 30px rgba(250,204,21,.25);

}






/* ======================================================
   FOOTER
====================================================== */


main-footer{

    background:#050609;

    padding:60px 0 20px;

    color:white;

}




.footer-title{

    color:#f4d367;
    font-size:30px;

    font-weight:700;

    margin-bottom:15px;

}



.footer-heading{

    color:#f4d367;

    font-size:18px;

    font-weight:600;

    margin-bottom:20px;

}




.footer-text{

    color:white;

    font-size:14px;

    line-height:1.8;

}





/* FOOTER LINKS */


.footer-links{

    list-style:none;

    padding:0;

}



.footer-links li{

    margin-bottom:10px;

}



.footer-links a{

    color:white;

    text-decoration:none;

    transition:.3s;

}



.footer-links a:hover{

    color:#f4d367;

    padding-left:5px;

}







/* LOGOS */


.footer-logo {
    width: 150px;
    height: 90px;
    object-fit: contain;
    display: block;
    margin: 0 auto 10px;
    background: transparent;
}







/* BOTTOM */


.footer-bottom{

    margin-top:40px;

    padding-top:20px;

    border-top:#f4d367;

    text-align:center;

}



.footer-bottom p{

    color:white;

    font-size:13px;

    margin:0;

}





@media(max-width:768px){


.main-footer{

    text-align:center;

}


.footer-title{

    font-size:26px;

}


}