* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	box-sizing: border-box;
}
a {
	text-decoration: none;
}
body {
	font-family: "Cerebri", sans-serif !important;

	font-size: 16px;
	font-weight: normal;
	letter-spacing: inherit;
}

:root {
	--primary-blue: #0d2d45;
	--dark-pink: #ff6961;
	--light-pink: #fedcb8;

	--shadow-light: rgba(0, 0, 0, 0.08);
	--shadow-strong: rgba(0, 0, 0, 0.15);
	--background-light: #fdf8ef;
}
@font-face {
	font-family: "Cerebri";
	src: url("../fonts/cerebri-sans-regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

.btn-primary {
	background-color: var(--primary-blue);
	border-color: var(--primary-blue);
	border-radius: 40px;
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;

	--bs-btn-color: #fff;
	--bs-btn-bg: var(--primary-blue);
	--bs-btn-border-color: var(--primary-blue);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--dark-pink);
	--bs-btn-hover-border-color: var(--dark-pink);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--dark-pink);
	--bs-btn-active-border-color: var(--dark-pink);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--primary-blue);
	--bs-btn-disabled-border-color: var(--primary-blue);
}

.btn-secondary {
	background-color: var(--dark-pink);
	border-color: var(--dark-pink);
	border-radius: 40px;
	width: 24%;

	--bs-btn-color: #fff;
	--bs-btn-bg: var(--dark-pink);
	--bs-btn-border-color: var(--dark-pink);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--primary-blue);
	--bs-btn-hover-border-color: var(--primary-blue);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--primary-blue);
	--bs-btn-active-border-color: var(--primary-blue);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--dark-pink);
	--bs-btn-disabled-border-color: var(--dark-pink);
}

.container {
	max-width: 1200px; /* or 1200px if you prefer */
	margin: 0 auto;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.btn-30-percent-width {
	width: 30% !important;
}
.btn-35-percent-width {
	width: 35% !important;
}
.btn-40-percent-width {
	width: 40% !important;
}

.mytoastmessage {
	bottom: 80px !important;
	z-index: 1055;
}
@media screen and (max-width: 768px) {
	.container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.btn-secondary{
		width: auto !important;
	}
		.btn-primary{
		width: auto !important;
	}
	.btn-search-hero{
		width:100% !important;
	}
}







/* ================================
  EVENT HOME PAGE CSS START
================================ */

 
.events-section {
    background: var(--background-light);
    padding: 70px 0;
}

.section-header {
    text-align: center;
    margin-bottom: 45px;
}

.section-title {
    color: var(--primary-blue);
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.section-subtitle {
    color: #555;
    font-size: 16px;
    max-width: 650px;
    margin: 0 auto;
}


.events-grid > div {
    margin-bottom: 30px;
}


.event-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--shadow-light);
    transition: all 0.3s ease;
    height: 100%;
}

.event-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-strong);
}


.event-image {
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.event-card:hover .event-image img {
    transform: scale(1.05);
}


.event-content {
    padding: 18px 20px;
}

.event-title {
    color: var(--primary-blue);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.event-read-more {
    color: var(--dark-pink);
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.event-card-link {
    text-decoration: none;
    display: block;
}



@media (max-width: 768px) {
    .section-title {
        font-size: 26px;
    }

    .event-image {
        height: 200px;
    }
}

@media (max-width: 576px) {
    .event-image {
        height: 180px;
    }

    .event-title {
        font-size: 16px;
    }
}



/* ================================
   EVENT HOME PAGE CSS CLOSE
================================ */




/* ================================
 EVENT DETAILS PAGE CSS START
================================ */


.event-hero {
    position: relative;
    width: 100%;
    min-height: 520px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
    background-color: var(--background-light);
    display: flex;
    align-items: center;
}


.event-hero-textbox {
    max-width: 520px;
    background: rgba(13, 45, 69, 0.85); 
    padding: 35px 40px;
    border-radius: 14px;
    box-shadow: var(--shadow-strong);
}


.event-hero-textbox h1 {
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 14px;
}

.event-hero-textbox p {
    color: #f2f2f2;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
}


@media (max-width: 992px) {
    .event-hero {
        min-height: 460px;
    }

    .event-hero-textbox h1 {
        font-size: 34px;
    }
}

@media (max-width: 576px) {
    .event-hero {
        min-height: 420px;
        background-position: center top;
    }

    .event-hero-textbox {
        padding: 24px;
    }

    .event-hero-textbox h1 {
        font-size: 26px;
    }

    .event-hero-textbox p {
        font-size: 15px;
    }
}



.event-gallery-section {
    background: var(--background-light);
    padding: 70px 0;
}

.gallery-header {
    text-align: center;
    margin-bottom: 45px;
}

.gallery-header h2 {
    color: var(--primary-blue);
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 8px;
}

.gallery-header p {
    color: #555;
    font-size: 15px;
}


.event-gallery-grid > div {
    margin-bottom: 30px;
}


.event-gallery-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--shadow-light);
    height: 100%;
    transition: all 0.3s ease;
}

.event-gallery-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-strong);
}


.event-gallery-card img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}


.gallery-content {
    padding: 16px 18px;
}

.gallery-content h6 {
    color: var(--dark-pink);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}

.gallery-content p {
    color: #555;
    font-size: 14px;
    margin: 0;
}


@media (max-width: 768px) {
    .event-hero-content h1 {
        font-size: 32px;
    }

    .event-hero {
        min-height: 360px;
    }
}

@media (max-width: 576px) {
    .event-hero-overlay {
        padding: 60px 0;
    }

    .event-hero-content h1 {
        font-size: 26px;
    }

    .event-gallery-card img {
        height: 200px;
    }
}

/* ================================
   EVENT DETAILS PAGE CSS CLOSE
================================ */