*{
     box-sizing: border-box;
}



	.newsletter-container{
			width: 100%;
			display: flex;
			gap: 25px;
			flex-direction: column;
		}

		.newsletter-container p{
			font-size: 20px;
			margin:0;
		}

		.show-file-btn{
			 background-color: #0A0570;
            color: white;
            border: none;
            padding: 14px 20px;
            height: 50px;
            cursor: pointer;
            font-size: 18px;
            font-weight: 500;
           
			width: 200px;
            transition: background-color 0.3s;
		}

		.show-file-btn:hover{
			  background-color: #DA331B;
		}
		
		.newsletter-container .school-visit-form-section{
			margin-top: 0;
		}

		.newsletter-container .school-visit-form-section form{
			margin-top: 0;
		}

		.inc-space{
			margin-bottom: 35px !important;
		}

.school-visit-container{
	width: 100%;
	
}

.school-visit-banner{
	width: 100%;
	display: flex;
	gap: 50px;
	justify-content: center;
	align-items: center;
	font-family: 'Poppins', Arial, sans-serif;
}

.school-visit-banner img{
	width: 100%;
	max-width: 500px;
	height: 300px;
	object-fit: cover;
}

.school-visit-banner p{
	font-size: 20px;
	

}

.school-visit-banner span{
	color:#DA331B;
	font-weight: 600;
	
}
.school-visit-form-section{
	width: 100%;
	margin:55px 0;
	font-family: 'Poppins', Arial, sans-serif;
}



.school-visit-form-section form{
	margin-top: 20px;
}

 .outer-form-group{
            display: flex;
            justify-content: space-between;
        }

        .form-group {
            margin-bottom: 20px;
            width: 49%;
        }
        
        .form-group br{
            display:none;
        }
        
         .form-group p{
             font-size:20px;
             color:#DA331B;
             font-weight:600;
            margin:0;
         }
         .top-space{
             margin-top:50px !important;
         }

		.form-group-textarea{
			width: 100%;
		}


      .form-group  label {
            display: block;
            margin-bottom: 12px;
            font-weight: 600;
			font-size: 20px;
            color: #DA331B;
        }
        
             .form-group .address-line{
                 margin-bottom:35px;
             }

     .form-group   input,.form-group textarea,.form-group select {
            width: 100%;
            padding: 12px;
            border: 1px solid #DA331B;
            color: black;
            font-size: 16px;
            transition: border-color 0.3s;
			resize: none;
			background: transparent;
			
        }
        
      

	.form-group	input ,.form-group select{
			height: 50px;
		}
		
		  .form-group select{
            height:50px;
        }

      .form-group  input:focus,.form-group textarea:focus,.form-group select:focus {
            outline: none;
            border-color: #DA331B;
            /* box-shadow: 0 0 0 2px #DA331B; */
        }

        .checkbox-group {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .checkbox-group input {
            width: auto;
            margin-right: 10px;
        }

     .school-visit-form-section   .submit-btn {
            background-color: #0A0570;
            color: white;
            border: none;
            padding: 14px 20px;
            height: 50px;
            cursor: pointer;
            font-size: 18px;
            font-weight: 500;
           
			width: 200px;
            transition: background-color 0.3s;
        }

     .school-visit-form-section   .submit-btn:hover {
            background-color: #DA331B;
        }

		.capcha-box{
			width: 100%;
        margin-bottom: 30px;
		}

		.capcha-box p{
			font-size: 20px;
			font-weight: 600;
			color: #DA331B;
		}

		.cpt-outer{
			width: 100%;
			max-width: 203px;
			height: 55px;
			margin-top: 15px;
		}

		.cpt-outer img{
			width: 100%;
			height: 100%;
		}

       

       
        .error {
            color: #DA331B;
            font-size: 14px;
            margin-top: 5px;
            display: none;
        }

        /* Responsive layout */
        @media (min-width: 768px) {
            .form-row {
                display: flex;
                gap: 20px;
            }
            
            .form-row .form-group {
                flex: 1;
            }
        }

        @media (max-width: 767px) {
              .form-group .address-line{
                 margin-bottom:10px;
             }
            .top-space{
             margin-top:10px !important;
         }
			.school-visit-form-section {
				margin-top: 30px;
			}
		.school-visit-form-section	.submit-btn {
				width: 100%;
			}
			.outer-form-group{
           flex-direction: column;
        }
			.form-group {
				width: 100%;

			}
           
            
          /*.form-group  input,.form-group textarea,.form-group select {*/
          /*      padding: 10px;*/
          /*  }*/
			.school-visit-banner{
				flex-direction: column;
				gap: 5px;
			}
        }

.about-us-section {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.about-us-section p br{
    display:none;
}

.opening-section {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.opening-inner-sec {
	display: flex;
	gap: 50px;
	align-items: center;
	padding-right: 30px;
}

.opening-inner-sec img {
	width: 100%;
	max-width: 520px;
	height: 251px;
}

.opening-inner-sec h5 {
	font-size: 24px;
	font-family: 'Poppins', Arial, sans-serif;

}

.about-us-img {
	margin: 25px 0;
	width: 100%;
}

.about-us-section p {
	font-size: 20px;
	color: #000;
	margin: 0;
}

@font-face {
	font-family: 'Agrandir';
	src: url('../fonts/Agrandir-GrandHeavy.otf') format('woff2'),
		url('../fonts/Agrandir-GrandHeavy.otf') format('woff');
	font-weight: normal;
	font-style: normal;
}

.contactus-main {
	width: 100%;
}

.contactus-header {
	margin-bottom: 18px;
}

/* .contactus-subtitle {
	color: #1a2a4f;
	font-size: 1.1rem;
	font-weight: 600;
	font-family: 'Poppins', Arial, sans-serif;
}
.contactus-title {
	font-size: 2.5rem;
	color: #8c2f2f;
	font-weight: 800;
	font-family: 'Agrandir', Arial, sans-serif;
	margin: 0;
	margin-top: 2px;
} */
.contactus-content-row {
	display: flex;
	gap: 32px;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 24px;
}

.contactus-form {
	flex: 2 1 420px;
	border: 1px solid #DA331B;
	padding: 32px 24px 24px 24px;
	min-width: 280px;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.contactus-form-row {
	display: flex;
	gap: 18px;
margin-bottom:18px;
}

.contactus-form-row p{
    margin:0;
    width:100%;
}

.contactus-form-button {
    margin-bottom:0;
}

.contactus-form-group {
	flex: 1 1 180px;
	display: flex;
	flex-direction: column;
}

.contactus-form-group p{
    margin:0;
}

.contactus-content-row form{
    width:100%;
    max-width:680px;
}

.contactus-form-group input , .contactus-form-group textarea{
    width:100%;
}
.contactus-form-group select{
    width:100%;
}

.contactus-form-group label {
	font-size: 20px;
	color: #DA331B;
	font-family: 'Poppins', Arial, sans-serif;
	font-weight: 600;
	margin-bottom: 12px;
}

.contactus-form-group input,
.contactus-form-group select,
.contactus-form-group textarea {
	font-size: 1.08rem;
	font-family: 'Poppins', Arial, sans-serif;
	padding: 14px 12px;
	border: 1px solid #DA331B;
	outline: none;
	margin-bottom: 0;
	background: transparent;
	color: #222;
	transition: border 0.2s;
	margin-top:15px;
}

.contactus-form-group input:focus,
.contactus-form-group select:focus,
.contactus-form-group textarea:focus {
	border-color: #8c2f2f;
}

.contactus-form-group textarea {
	resize: vertical;
	min-height: 60px;
	resize:none;
}

.contactus-submit-btn {
	background: #11187c;
	color: #fff;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 1.08rem;
	font-weight: 600;
	padding: 12px 0;
	height: 50px;
	border: none;
	width: 100%;
	cursor: pointer;
	margin-top: 12px;
	transition: background 0.2s;
}

.contactus-submit-btn:hover {
	background: #DA331B;
}

.contactus-info-panel {
	flex: 1 1 220px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	min-width: 220px;
	margin-top: 12px;
	height: 580px;
	justify-content: space-around;
}

.contactus-info-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 8px;
}

.contactus-info-img {
	width: 42px;
	height: 42px;
	object-fit: contain;
	margin-top: 2px;
}

.contactus-info-label {
	font-size: 24px;
	color: #0A0570;
	font-family: 'Poppins', Arial, sans-serif;
	font-weight: 600;
	margin-bottom: 5px;
}

.contactus-info-value {
	font-size: 18px;
	font-weight: 500;
	color: black;
	font-family: 'Poppins', Arial, sans-serif;
}

.contactus-info-value a {
	color: black;
	text-decoration: none;
	transition: all 0.5s ease;

}

.contactus-info-value a:hover {
	color: #DA331B;
}

.address {
	font-size: 24px;
}

@media (max-width: 1279px) {
    .contactus-content-row form{
    width:100%;
    max-width:560px;
}
}

@media (max-width: 900px) {
    .contactus-content-row form{
        max-width:100%;
    }
	.contactus-title {
		font-size: 2rem;
	}

	.contactus-content-row {
		flex-direction: column;
		gap: 18px;
	}

	.contactus-form {
		min-width: 0;
	}

	.contactus-info-panel {
		min-width: 0;
		margin-top: 0;
		gap: 18px;
	}
}

@media (max-width: 600px) {
    .school-visit-banner p{
        font-size:18px;
    }
	/*.contactus-main {*/
	/*	padding: 8px 12px 18px 12px;*/
	/*}*/

	.contactus-title {
		font-size: 1.3rem;
	}

	.contactus-form {
		padding: 12px 10px;
		width: 100%;
	}

	.contactus-form-group {
		flex: 1 1 50px !important;
	}

	.contactus-form-row {
		flex-direction: column !important;
		gap: 8px;
	}

	.contactus-form-group label {
		font-size: 0.98rem;
	}

	.contactus-form-group input,
	.contactus-form-group select,
	.contactus-form-group textarea {
		font-size: 0.98rem;
		padding: 8px 8px;
	}

	.contactus-submit-btn {
		font-size: 0.98rem;
		padding: 10px 0;
	}

	.contactus-info-label,
	.contactus-info-value {
		font-size:16px;
	}

	.contactus-info-img {
		width: 24px;
		height: 24px;
	}
}


.findus-section {
	width: 100%;
	height: 100%;
}

.findus-title {

	margin-bottom: 18px !important;

}

.findus-map-row {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 24px;
}

.findus-map-iframe {

	width: 100%;
	min-height: 500px;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

@media (max-width: 900px) {
	.findus-title {
		font-size: 2rem;
	}

	.findus-section {
		padding: 18px 2px 0 2px;
	}

	.findus-map-row {
		flex-direction: column;
		gap: 12px;
	}

	.findus-map-iframe {
		min-height: 220px;
		max-width: 100%;
	}
}

@media (max-width: 1279px) {
    .intro-text{
        width:50% !important;
    }
}
@media (max-width: 600px) {
	.findus-title {
		font-size: 1.3rem;
	}

	.findus-section {
		padding: 8px 2px 0 2px;
	}

	.findus-map-iframe {
		min-height: 160px;
	}
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

@font-face {
	font-family: 'Agrandir';
	src: url('fonts/Agrandir-Regular.woff2') format('woff2'),
		url('fonts/Agrandir-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* Font usage */
p,
a {
	font-family: 'Poppins', Arial, sans-serif;
}

h3 {
	font-family: 'Times New Roman', Times, serif;
}

/* Base styles */
body {
	font-family: 'Montserrat', Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: #e6e6e6 url('../images/background.png') no-repeat center center fixed;
	background-size: cover;
}

.container {
	max-width: 1200px;
	margin: 20px auto 0;

	padding: 24px 30px 0;
}

.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 32px;
}

.logo img {
	width: 166px;
	height: auto;


}

.contact-us-email {
	text-decoration: none;
	color: black;
	font-size: 24px;
	font-weight: 500;
}

.contact-us-email:hover {
	color: #8A2419;
}

.navbar ul {
	display: flex;
	gap: 32px;
	list-style: none;
}

.nav-items a {
	text-decoration: none;
	color: black;
	font-weight: 500;
	font-size: 20px;
	transition: all 0.3s;
	font-family: 'Poppins', Arial, sans-serif;
}

.nav-items a:hover {
	color: #b23a3a;
	
}

.main-content {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.intro-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	min-height: 480px;
}

.intro-text {
	width: 60%;
	margin-bottom:60px;
}

.intro-text h1 p{
	font-size: 48px;
	color: #8A2419;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 0;
	font-family: 'Agrandir', Arial, sans-serif;
	margin: 0;
}

.info-cards p{
    margin:0;
    font-size:20px;
    font-family: 'Poppins', Arial, sans-serif;
}

.intro-image {
	flex: 1 1 320px;
	display: flex;
	justify-content:start;
}

.intro-image-outer {
	border-left: 20px solid #b23a3a;
	border-bottom: 20px solid #b23a3a;
	position: relative;
	width: 365px;
	height: 250px;
	bottom: -70px;
}

.intro-image img {
	/*width: 100%;*/
	width: 428px;
	height: 444px;
	object-fit: cover;
	border-top-right-radius: 80px;
	position: absolute;
	left: 0;
	border: 5px solid #FFFFFF;
	top: -215px;
	background: #fff;
}

.info-cards {
	display: flex;
	gap: 24px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.in-card {
	flex: 1 1 220px;
	background: #0A0570;
	color: #FFE8BA;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	padding: 24px 18px;
	text-align: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
	position: relative;
}

.card-address {
	background: #DA331B;
}

.card-hours {
	background: #022147;
}

.card-icon {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* .card-icon img {
	width: 48px;
	height: 48px;
	object-fit: contain;
} */
.card-icon .card-icon-circle {
	width: 120px;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 3px solid #FFE8BA;
	border-radius: 50%;
}

.card-icon-circle img {
	width: 48px;
	height: 48px;
}

.card-icon .prayer-icon {
	width: 100px;
	height: 100px;
}

.card-title , .card-title p {
	font-size: 40px;
	margin-bottom: 8px;
	font-weight: 700;
	font-family: 'Times New Roman', Times, serif;
	color:#FFE8BA;
}

.card-content p{
    margin:0;
    font-size:19px;
}

.card-desc {
	font-size: 20px  !important;
	font-weight: 500  !important;
	line-height: 1.5  !important;
}

/* Responsive styles */

@media (max-width: 600px) {
	/* .footer-nav{
        height: 300px;
    } */

	.container {
		padding: 4px;
	}

	.header {
		flex-direction: column;
		gap: 8px;
	}

	/* .navbar ul {
		flex-direction: column;
		gap: 8px;
		align-items: flex-start;
	} */
	.intro-text h1 p{
		font-size: 1.3rem;
		margin-top:0 !important;
	}

	.info-cards {
		flex-direction: column;
		gap: 10px;
	}

	/*.card {*/
	/*	padding: 12px 4px;*/
	/*}*/

}


/* Deities Section Styles */
.committee-section {


	margin-bottom: 32px;
}

.committee-flex {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.priest-card {
	display: flex;
	flex-direction: column;

}

.priest-card {
	width: 100%;
	max-width: 370px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.priest-card img {
	width: 100%;

	height: 300px;
}

.committee-title {
	font-size: 2.5rem;
	color: #8A2419;
	font-family: 'Times New Roman', Times, serif;
	font-weight: 700;
	margin-bottom: 12px;
	text-align: left;
}

.committee-subtitle {
	font-size: 30px;
	color: #8A2419;
	font-family: 'Poppins', Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 5px;
	text-align: left;
}

.committee-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px 24px;
	justify-items: center;
}

.committee-grid-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	justify-items: center;
}

.committee-grid-4 .committee-img {
	max-width: 270px;
}

.committee-grid-4 .committee-name {
	padding: 0 20px;
	text-align: center;
}

.committee-card {

	padding: 18px 8px 8px 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.committee-img {
	width: 100%;
	max-width: 370px;
	height: 280px;

	margin-bottom: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.committee-img img {
	width: 100%;
	height: 100%;

}

.committee-name,
.priest-name {
	font-size: 24px;
	color: #0A0570;
	font-family: 'Poppins', Arial, sans-serif;
	font-weight: 600;
	margin-bottom: 4px;
	text-align: center;
}

.committee-role {
	font-size: 16px;
	color: black;
	font-family: 'Poppins', Arial, sans-serif;
	font-weight: 400;
	text-align: center;
}

.about-us-img img {
	width: 100%;
}

@media (max-width: 900px) {
	.committee-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 18px 14px;
	}

	.committee-card {
		min-width: 160px;
		max-width: 240px;
		padding: 12px 4px 4px 4px;
	}

	.committee-img {
		width: 140px;
		height: 140px;
	}

	.opening-inner-sec {
		flex-direction: column;
		gap: 10px;
		padding-right: 0;
	}

	.priest-card {
		max-width: 100%;
	}

	.priest-card img {
		max-width: 370px;
	}
}

@media (max-width: 600px) {
    .opening-inner-sec h5{
        margin:0 0 15px ;
    }
    .opening-inner-sec h5 p{
        margin:0;
        font-size:18px;
    }
    .about-us-section{
        gap:12px;
    }
    
    .opening-inner-sec h5 br{
        display:none;
    }
    .opening-inner-sec img{
        height:200px;
    }
    .about-us-img{
        margin:0;
    }
	.about-us-img img {
		width: 100%;
		height:160px;
	}

	.opening-inner-sec {
		flex-direction: column;
		gap: 18px;


	}

	.committee-section {
		padding: 18px 0 0;
		margin-bottom:0;
	}

	.committee-title {
		font-size: 1.3rem;
	}

	.committee-subtitle {
		font-size: 22px;
		margin-bottom: 18px;
		text-align: center;
	}

	.committee-grid,
	.committee-grid-4 {
		grid-template-columns: 1fr;
		gap: 16px 0;
	}

	.committee-flex {
		flex-direction: column;
	}

	.committee-card {
		min-width: 120px;
		max-width: 100%;
		padding: 8px 2px 2px 2px;
		gap:0
	}

	.committee-img {
		width: 200px;
		height: 200px;
	}

	.committee-name {
		font-size: 20px;
	}

	.committee-role {
		font-size: 18px;
	}
}

.deities-section {

	padding: 30px 0 32px 0;
	margin-bottom: 32px;
}

.deities-title {
	font-size: 2.2rem;
	color: #8A2419;
	font-family: 'Agrandir', Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 12px;
	margin-top: 0;
}

.deities-desc {
	font-size: 1.15rem;
	color: #222;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 32px;
}

.deities-row {
	display: flex;

	gap: 32px;
	margin-bottom: 32px;
	justify-content: center;
}

.deities-row-secondary {
	flex-direction: row;
}

.deities-image {



	position: relative;
	display: flex;
	right: -50px;
	align-items: center;
	gap: 20px;
}

.deities-image-left {
	position: relative;
	display: flex;
	left: -50px;
	align-items: center;
	gap: 20px;
}

.deities-image img {
	border: 1px solid #DA331B1F;
	width: 100%;
	max-width: 520px;
	max-height: 383px;
	height: 100%;

	display: block;
}

.deities-image-left img {
	border: 1px solid #DA331B1F;
	width: 100%;
	max-width: 520px;
	max-height: 383px;
	height: 100%;

	display: block;
}

.deities-image-decor {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 8px;
}

.deities-image-decor img {
	height: 28px;
	width: auto;
}

.deities-content {
	flex: 1 1 420px;
	max-width: 668px;
	border: 1px solid #DA331B;


	height: 471px;
	padding: 0 40px;

	font-family: 'Poppins', Arial, sans-serif;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.deities-main-title {
	font-size: 24px;
	color: #0A0570;
	font-family: 'Poppins', Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
}

.deities-main-desc {
	font-size: 18px;
	color: black;
	line-height: 1.6;
	font-family: 'Poppins', Arial, sans-serif;
}

.deities-secondary-title {
	font-size: 1.3rem;
	color: #0A0570;
	font-family: 'Poppins', Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
}

.deities-secondary-desc {
	font-size: 18px;
	color: black;
	line-height: 1.6;
	font-family: 'Poppins', Arial, sans-serif;
}

.deities-secondary-desc strong,
.deities-main-desc strong {
	color: #0A0570;
}

@media (max-width: 900px) {

	.deities-row,
	.deities-row-secondary {
		flex-direction: column;
		gap: 18px;
		align-items: stretch;
	}

	.deities-image,
	.deities-content {
		max-width: 100%;
		padding: 12px 8px;
	}

	.deities-image {
		right: 0;
		flex-direction: column;
		bottom: -50px;
	}

	.deities-image-left {
		left: 0;
		flex-direction: column;
		bottom: -50px;
	}

	.deities-row-secondary {
		flex-direction: column-reverse;
	}
}

@media (max-width: 600px) {
	.deities-image {
		right: 0;
		flex-direction: column;
		bottom: -40px;
	}

	.deities-image img,
	.deities-image-left img {
		width: 90%;
	}

	.deities-row-secondary {
		flex-direction: column-reverse;
	}

	.deities-image-left {
		left: 0;
		flex-direction: column;
		bottom: -40px;
	}

	.deities-section {
		padding: 18px 0 0 0;
		margin-bottom:0;
	}

	.deities-title {
		font-size: 1.3rem;
	}

	.deities-desc {
		font-size: 1rem;
		margin-bottom: 18px;
	}

	.deities-content {
		height: auto;
		padding: 25px 15px;
	}

	.deities-image,
	.deities-content {

		font-size: 0.98rem;
	}

	.deities-main-title,
	.deities-secondary-title {
		font-size: 20px;
	}
}



.news-card-layout {
	width: 100%;
	border: 1px solid #DA331B;
	margin: 25px 0;
}

.news-card-layout img {
	width: 100%;
	min-height: 180px;
	max-height: 472px;
}

.news-card-layout .news-details {
	width: 100%;
	font-family: 'Poppins', Arial, sans-serif;


}

.news-details .news-card-title {
	font-size: 24px;
	font-weight: 700;
	color: #0A0570;


	margin-left: 20px;
}

.news-details .news-card-date {
	font-size: 22px;
	font-weight: 500;
	color: #000;
	margin-left: 20px;
}

.news-details p {
	font-size: 20px;
	color: #000;
	margin: 20px !important;
}



/* News and Announcements Section */
.news-section {
margin-top: 48px;
	padding: 0 8px 32px 8px;
}

/* .news-title {
	font-size: 2.5rem;
	color: #8c2f2f;
	font-weight: 800;
	font-family: 'Agrandir', Arial, sans-serif;
	margin-bottom: 12px;
	line-height: 1.1;
} */
.news-desc {
	font-size: 20px;
	color: black;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 32px;
	max-width: 600px;
}

.news-contact-row {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 40px;
	margin-top: 12px;
	position: relative;
}

.news-contact-box {
	flex: 1 1 320px;
	padding: 35px 65px;
	display: flex;
	flex-direction: column;
	/*justify-content: center;*/
	min-width: 220px;
}

.news-whatsapp {
	background: black;
	color: #FFE8BA;
	font-size: 18px;
	font-weight: 500;
	border: 1px solid #D6D6D6;
}

.news-email {
	background: #DA331B;
	color: #fff;
	color: #FFE8BA;
	font-size: 18px;
	font-weight: 500;
	position: relative;
	border: 1px solid #D6D6D6;
}

.news-contact-title {
	font-size: 30px;
	font-weight: 700;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 20px;
	margin-top:0;
}

.news-contact-info {
	font-size: 20px;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 18px;
		margin-top:0;
}

.news-contact-or {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FCF7EF;
	color: black;
	font-size: 30px;
	font-weight: 700;
	width: 71px;
	height: 71px;
	font-family: 'Poppins', Arial, sans-serif;
	top: 38%;
	border-radius: 0;
	position: absolute;
	z-index: 1;
}

.mandir-events-main {
	max-width: 1100px;
	margin: 0 auto;
	padding: 32px 12px 48px 12px;
}

.mandir-events-main .events-header {
	margin-bottom: 18px;
}

.mandir-events-main .events-subtitle {
	color: #1a2a4f;
	font-size: 1.1rem;
	font-weight: 600;
	font-family: 'Poppins', Arial, sans-serif;
}

.mandir-events-main .events-title {
	font-size: 2.5rem;
	color: #8c2f2f;
	font-weight: 800;
	font-family: 'Agrandir', Arial, sans-serif;
	margin: 0;
	margin-top: 2px;
}

.mandir-events-main .events-section {
	margin-top: 24px;
}

.mandir-events-main .events-col-header {
	background: #c0392b;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 700;
	font-family: 'Poppins', Arial, sans-serif;
	padding: 10px 18px;
	border-radius: 4px 4px 0 0;
	margin-bottom: 8px;
}

.mandir-events-main .events-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 18px;
}

.mandir-events-main .event-item {
	background: #fff;
	border: 2px solid #c0392b;
	border-radius: 0 0 6px 6px;
	padding: 18px 18px 12px 18px;
	font-family: 'Poppins', Arial, sans-serif;
}

.mandir-events-main .event-note {
	background: #fff;
	border: 2px solid #c0392b;
	color: #c0392b;
	font-weight: 600;
	font-size: 1.1rem;
	text-align: left;
	padding: 18px 18px 12px 18px;
}

.mandir-events-main .event-note-text {
	color: #c0392b;
	font-weight: 600;
	font-size: 1.1rem;
}

.mandir-events-main .event-title {
	font-size: 1.15rem;
	font-weight: 700;
	color: #c0392b;
	font-family: 'Times New Roman', Times, serif;
	margin-bottom: 2px;
}

.mandir-events-main .event-date {
	font-size: 1rem;
	color: #222;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 2px;
	font-weight: 600;
}

.mandir-events-main .event-desc {
	font-size: 0.98rem;
	color: #222;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 2px;
}

.mandir-events-main .event-bullet-list {
	margin: 8px 0 0 0;
	padding-left: 18px;
	font-size: 0.98rem;
	color: #222;
	font-family: 'Poppins', Arial, sans-serif;
}

.mandir-events-main .event-bullet-list li {
	margin-bottom: 2px;
}

@media (max-width: 900px) {
	.mandir-events-main .events-title {
		font-size: 2rem;
	}

	.mandir-events-main {
		padding: 18px 2px 32px 2px;
	}
}

@media (max-width: 600px) {
	.mandir-events-main .events-title {
		font-size: 1.3rem;
	}

	.mandir-events-main .events-col-header {
		font-size: 1rem;
		padding: 8px 10px;
	}

	.mandir-events-main .event-item,
	.mandir-events-main .event-note {
		padding: 10px 6px 8px 6px;
		font-size: 0.98rem;
	}

	.mandir-events-main .event-bullet-list {
		font-size: 0.95rem;
		padding-left: 14px;
	}
}

.news-email-btn {
    margin-top:15px;
	display: inline-block;
	background: black;
	color: #fff;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 1rem;
	font-weight: 500;
	display: flex;
	width: 150px;
	height: 50px;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: background 0.2s;
}

.news-email-btn:hover {
	background: #222;
}

@media (max-width: 900px) {
	.news-title {
		font-size: 2rem;
	}

	.news-contact-row {
		flex-direction: column;
		gap: 0;
	}

	/* .news-contact-box {
		border-radius: 0 0 12px 12px !important;
		min-width: 0;
		margin-bottom: 0;
	} */
	.news-contact-or {
		min-width: 0;
		left: 45%;
		top: 41%;
		margin: 0;

	}
}

@media (max-width: 600px) {
    .opening-section{
        gap:15px;
    }
	.news-section {
		padding: 0 2px 18px 2px;
	}
.news-section p{
    font-size:18px !important;
}

.news-title p{
    font-size:24px !important;
}
.news-details .news-card-date{
    font-size:18px;
}
	.news-title {
		font-size: 1.3rem;
	}

	.news-contact-box {
		padding: 18px 8px 12px 8px;
		font-size: 0.98rem;
	}

	.news-email-btn {
		padding: 8px 12px;
		font-size: 0.98rem;
	}
}

/* Mandir Events Section */

.events-section {
	margin-top: 48px;
	padding: 0 8px 32px 8px;
}

.event .events-section {
	margin-top: 0;
}

.events-header {
	margin-bottom: 18px;
}

.event .events-list {
	margin-bottom: 20px;
}

/* .events-subtitle {
	color: #1a2a4f;
	font-size: 1.1rem;
	font-weight: 600;
	font-family: 'Poppins', Arial, sans-serif;
} */
/* .events-title {
	font-size: 2.5rem;
	color: #8c2f2f;
	font-weight: 800;
	font-family: 'Agrandir', Arial, sans-serif;
	margin: 0;
	margin-top: 2px;
} */

.events-grid {
	display: flex;
	gap: 32px;
	justify-content: center;
	align-items: flex-start;
}

.events-column {
	flex: 1 1 340px;
	background: none;
	min-width: 280px;
}

.events-col-header {
	background: #DA331B;
	color: #FFE8BA;
	font-size: 24px;
	font-weight: 700;
	font-family: 'Poppins', Arial, sans-serif;
	padding: 14px 18px;
	border: 1px solid #D6D6D6;
	margin-bottom: 8px;
}

.events-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.event-item {
	display: flex;
	align-items: center;
	justify-content: space-between;

	border: 1px solid #DA331B;

	padding: 12px;
	gap: 12px;
}

.event-info {
	flex: 1;
}

.event-title {
	font-size: 24px;
	font-weight: 600;
	color: #DA331B;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 2px;
	margin-top: 0;
}

.event-title-regular {
	color: #c0392b;
}

.event-date {
	font-size: 20px;
	font-weight: 500;
	color: black;
	font-family: 'Poppins', Arial, sans-serif;
    margin-bottom: 20px;
}

.event-info-new {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top:10px;
}

.extra-spacing {
	padding: 30px 15px;
}

.event-desc {
	font-size: 20px;
	color: #767E88;
	font-family: 'Poppins', Arial, sans-serif;
	margin:0;
}

.event-desc strong{
    color:#DA331B;
    font-size:24px;
}

.event-desc p{
    margin:0;
    
    color:black;
}


.event-view {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0A0570;
	color: #fff;
	width: 54px;
	height: 54px;

	text-decoration: none;
	font-size: 1.6rem;
	transition: background 0.2s;
}

.event-view:hover {
	background: #c0392b;
}

.event-view-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.event-learnmore {
	display: inline-block;
	background: #0A0570;
	color: #fff;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 18px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 145px;
	height: 50px;
	text-decoration: none;
	transition: background 0.2s;
}

.event-learnmore:hover {
	background: #c0392b;
}

.events-viewall {
	display: inline-block;
	background: #0A0570;
	color: #fff;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 18px;
	font-weight: 500;
	width: 199px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	margin-top: 18px;
	margin-bottom: 8px;
	transition: background 0.2s;
}

.events-viewall:hover {
	background: #c0392b;
}

@media (max-width: 900px) {
	.events-title {
		font-size: 2rem;
	}

	.events-grid {
		flex-direction: column;
		gap: 18px;
	}

	/* .events-column {
		min-width: 0;
	} */
}

@media (max-width: 600px) {
    .news-details .news-card-title , .news-details .news-card-date , .news-details p {
        margin-left:15px !important;
    }
	.events-section {
		padding: 0 2px;
	}

	.events-title {
		font-size: 1.3rem;
	}

	.events-col-header {
		font-size: 1rem;
		padding: 8px 10px;
	}

	.event-item {
		padding: 15px 10px;
		font-size: 0.98rem;
	}

	.events-viewall {
		width: 100%;
	}

	.event-info-new {
		flex-direction: column;
		align-items: flex-start;
	}

	/*br {*/
	/*	display: none;*/
	/*}*/

	/* .murties-readmore{
        width: 100%;
    } */

}

/* Temple Murties Section */
.murties-section {
	margin-top: 48px;
	padding: 0 8px;
	position:relative;
}

.murties-header {
	margin-bottom: 18px;
}

.news-section p{
    font-size:20px;
    margin:0;
}

.murties-subtitle,
.events-subtitle,
.contact-subtitle,
.contactus-subtitle {
	color: #0A0570;
	font-size: 24px;
	font-weight: 500;
	font-family: 'Poppins', Arial, sans-serif;
}

.murties-title,
.events-title,
.news-title p,
.contact-title,
.donations-title,
.contactus-title,
.findus-title ,h2{
	font-size: 48px;
	color: #8A2419;
	font-weight: 800;
	font-family: 'Agrandir', Arial, sans-serif;
	margin: 0;
	margin-top: 2px;
}

.murties-slider {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: center;
}

.murties-arrow {
	background: none;
	border: none;
	font-size: 2.2rem;
	color: #222;
	cursor: pointer;
	padding: 0 12px;
	transition: color 0.2s;
}

.murties-arrow:hover {
	color: #b23a3a;
}

.murties-cards {
	display: flex;
	gap: 24px;
	justify-content: center;
	flex: 1;
}

.murties-card {

	border: 1px solid #DA331B;

	overflow: hidden;
	width: 380px;
	display: flex;
	flex-direction: column;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

.murties-img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	display: block;
}

.murties-card-content {
	padding: 18px 16px 20px 16px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.murties-card-title {
	font-size: 24px;
	font-weight: 700;
	color: #0A0570;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 8px;
}

.murties-card-desc {
	font-size: 1rem;
	color: black;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 18px;
}

.murties-readmore {
	display: inline-block;
	background: #0A0570;
	width: 150px;
	height: 50px;
	color: #fff;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 1rem;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;

	text-decoration: none;
	transition: background 0.2s;
}

.murties-readmore:hover {
	background: #b23a3a;
}




/* Contact Us Section */
.contact-section {
	margin-top: 48px;
	padding: 0 8px 32px 8px;
}

.contact-header {
	margin-bottom: 18px;
}

/* .contact-subtitle {
	color: #1a2a4f;
	font-size: 1.1rem;
	font-weight: 600;
	font-family: 'Poppins', Arial, sans-serif;
}
.contact-title {
	font-size: 2.5rem;
	color: #8c2f2f;
	font-weight: 800;
	font-family: 'Agrandir', Arial, sans-serif;
	margin: 0;
	margin-top: 2px;
} */
.contact-row {
	display: flex;
	gap: 32px;
	justify-content: center;
	align-items: stretch;
	margin-bottom: 24px;
}

.contact-box {
	flex: 1 1 340px;

	border: 1px solid #DA331B;

	min-width: 220px;
	padding-bottom: 18px;
	display: flex;
	flex-direction: column;
}

.contact-box-header {
	background: #DA331B;
	color: #FFE8BA;
	font-size: 24px;
	font-weight: 700;
	font-family: 'Poppins', Arial, sans-serif;
	padding: 14px 18px;

	margin-bottom: 8px;
}

.contact-box-content p {
	font-size: 24px;
	font-weight: 500;
	color: black;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 12px;
}

.contact-box-content {
	padding: 0 20px;
}

.contact-info {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 24px;
	font-weight: 500;
	color: black;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 8px;
}

/* .contact-icon {
	font-size: 1.2rem;
} */
.contact-whatsapp-note {
	color: #8A2419 !important;
	font-size: 30px !important;
	font-weight: 600 !important;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 8px;
}

.schoolvisit-box {

	border: 1px solid #c0392b;

	margin-top: 24px;
	padding-bottom: 18px;
}

.schoolvisit-header {
	background: #DA331B;
	color: #FFE8BA;
	font-size: 24px;
	font-weight: 700;
	font-family: 'Poppins', Arial, sans-serif;
	padding: 14px 18px;

	margin-bottom: 8px;
}

.schoolvisit-content {
	padding: 10px 25px 0 20px;
	display: flex;
	flex-direction: column;
	/*align-items: flex-end;*/
	/*justify-content: space-between;*/
	flex-wrap: wrap;
}
.schoolvisit-content  .sc-vibottom{
    width:100%;
    display:flex;
    justify-content: space-between;
    	align-items: center;
    	margin-top:10px;
}

.schoolvisit-content p {
	font-size: 20px;
	color: black;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 0;
	margin-top:0;
	/*flex: 1 1 300px;*/
}

.schoolvisit-btn {
	display: inline-block;
	background: #0A0570;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 18px;
	font-weight: 500;
	width: 199px;
	height: 50px;
	text-decoration: none;
	margin-left: 18px;
	margin-bottom: 8px;
	transition: background 0.2s;
}

.schoolvisit-btn:hover {
	background: #c0392b;
}


/* Donations Section */
.donations-section {
	margin-top: 48px;
	padding: 0 8px 32px 8px;
}

.donations-section p{
    font-size:20px;
    margin:0 0 15px;
}

/* .donations-title {
	font-size: 2.5rem;
	color: #8c2f2f;
	font-weight: 800;
	font-family: 'Agrandir', Arial, sans-serif;
	margin-bottom: 12px;
	line-height: 1.1;
} */
.donations-desc {
	font-size: 20px;
	color: black;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 32px;
	max-width: 600px;
}

.donations-row {
	display: flex;
	gap: 32px;
	justify-content: center;
	align-items: stretch;
	margin-bottom: 24px;
}

.donations-box {
	flex: 1 1 340px;

	border: 1px solid #c0392b;

	min-width: 220px;
	padding-bottom: 18px;
	display: flex;
	flex-direction: column;
}

.our-heritage-upper-content p,.deities-section p{
    font-size:20px;
}
.deities-section p{
    margin:10px 0;
}

.deities-section p br{
    display:none;
}


.donations-box-header {
	background: #DA331B;
	color: #FFE8BA;
	font-size: 24px;
	font-weight: 700;
	font-family: 'Poppins', Arial, sans-serif;
	padding: 14px 18px;

	margin-bottom: 8px;
}

.donations-box-content {
	padding: 0 20px;
}

.donations-box-content p {
	font-size: 20px;
	color: black;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 12px;
}

.donations-box-content strong,
.donations-accent {
	font-size: 24px;
	font-weight: 500;
	font-family: 'Poppins', Arial, sans-serif;
}

.donations-accent {
	color: #DA331B;

}

.donations-online-content {
	display: flex;
	gap: 24px;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	height: 100%;
}

.donations-online-card {

	display: flex;
	align-items: center;
	justify-content: center;

}

.donations-online-card img {
	width: 218px;
	height: 268px;
	border-radius: 20px;
}

.donations-online-qr {

	display: flex;
	flex-direction: column;
	align-items: center;

}

.donations-online-qr img {
	width: 218px;
	height: 268px;
	border-radius: 20px;
}

.donations-qr-label {
	color: #222;
	font-size: 1rem;
	font-family: 'Poppins', Arial, sans-serif;
	margin-top: 6px;
	font-weight: 500;
}

.donations-giftaid-box {

	border: 1px solid #c0392b;

	margin-top: 24px;
	padding-bottom: 18px;
}

.donations-giftaid-header {
	background: #DA331B;
	color: #FFE8BA;
	font-size: 24px;
	font-weight: 700;
	font-family: 'Poppins', Arial, sans-serif;
	padding: 14px 18px;

	margin-bottom: 8px;
}

.donations-giftaid-content {
	padding: 18px 18px 0 18px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	/*flex-wrap: wrap;*/
}


.donations-giftaid-content .giftaid-desc{
      width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
  

.donations-giftaid-content p {
	font-size: 20px;
	font-weight: 400;
	color: black;
	font-family: 'Poppins', Arial, sans-serif;
	margin-bottom: 0;
	/*flex: 1 1 300px;*/
	margin-top:0;
}

.donations-giftaid-email {
	color: #DA331B;
	font-weight: 500;
	text-decoration: none;
}

.donations-giftaid-img {
	max-width: 302px;
	width: 100%;
	height: auto;
	margin-left: 18px;
	margin-bottom: 18px;
}




/* Footer Section */
.footer-section {
	margin-top: 0;
	background: #0A0570;
	padding: 0 0 0 0;
	position: relative;
	margin-top: 150px;
	height: 220px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: end;
	width: 100%;

}

.footer-logo-row {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -99px;
	margin-bottom: -32px;
}

.footer-logo {
	width: 199px;
	height: 199px;


	object-fit: contain;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

.footer-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 32px 0 16px 0;
}

.footer-nav ul {
	display: flex;
	gap: 32px;
	list-style: none;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
}

.footer-nav a {
	color: #fff;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.2s;
}

.footer-nav a:hover {
	color: #DA331B;
}

.footer-bottom-row {
	background: #000;
	color: #ffe49c;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 1rem;

	flex-wrap: wrap;
	width: 100%;

}

.footer-bottom-row-layout {
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 15px;

}

.footer-bottom-left {

	text-align: left;
	font-size: 14px;
	font-weight: 500;
}

.footer-bottom-center {

	text-align: center;
	font-size: 14px;
	font-weight: 500;
}

.footer-bottom-right {

	text-align: right;
	font-size: 14px;
	font-weight: 500;
}

.footer-bottom-right a {
	color: #ffe49c;
	text-decoration: none;
	font-weight: 500;
}

.footer-bottom-right a:hover {
	color: #DA331B;
}


.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 9;
}
 
.overlay.active {
  opacity: 1;
  visibility: visible;
}
 
/* Popup box */
.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  background: white;
  width: 80%;
  max-width: 450px;
  max-height: 90vh;
  border-radius: 10px;
 
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  transition: all 0.3s ease;
}
 
.popup.active {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}
 
/* Popup inner content */
.popup-content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
 
/* Close button */
.close-btn {
  position: absolute;
  top: -15px;
  right: -15px;
  background: #DA331B;
  color: white;
  border: none;
  font-size: 24px;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  cursor: pointer;
  line-height: 0;
  display: flex;
  justify-content: center;
  align-items:center;
}

.close-btn img{
    height:35px;
    width:35px;
}
 
/* Scrollable content */
.popup-body {
  overflow-y: auto;
  height: 100%;
  padding: 15px;
  box-sizing: border-box;
  height:90vh;
  max-height:630px;
}
 
/* Custom Scrollbar */
.popup-body::-webkit-scrollbar {
  width: 8px;
  
}
 
.popup-body::-webkit-scrollbar-thumb {
  background-color: #DA331B;
  border-radius: 8px;
   
}
 
.popup-body::-webkit-scrollbar-track {
  background: #FBF5EC;
  
   border-radius: 8px;
}
 
/* Poster image */
.poster-img {
  width: 100%;
 
}




@media (max-width: 1279px) {
	.header {
		flex-wrap: nowrap;
	}

	.navbar ul {
		gap: 10px;
		padding-left: 17px;
		justify-content: space-between;
	}
}

@media (max-width: 1100px) {
	.murties-cards {
		gap: 16px;
	}

	.murties-card {
		width: 260px;
	}

	.murties-img {
		height: 160px;
	}
}

@media (max-width: 1023px) {
	.container {
		padding: 24px;
	}

	.header {
		flex-direction: column;
		gap: 16px;
	}

	.navbar ul {
		gap: 5px;
		padding-left: 0;
		font-size: 10px;
		justify-content: space-between;
	}

	.intro-text h1 {
		margin-top: 0;
	}

	.intro-image {
		align-items: flex-start;
	}

	.intro-flex {
		flex-direction: column-reverse;
		justify-content: flex-end;
		margin-top: 0;
	}

	.navbar {
		width: 100%;
	}

	.intro-text {
		width: 100% !important;
	}

	.intro-image img {
		width: 100%;
		max-width: 444px;
		height: 300px;
		top: -60px;
	}

	.info-cards {
		flex-direction: column;
		gap: 18px;
	}

	/*.card {*/
	/*	padding: 18px 10px;*/
	/*}*/
}

@media (max-width: 1023px) {
	.donations-title {
		font-size: 2rem;
	}

	.donations-row {
		flex-direction: column;
		gap: 18px;
	}

	.donations-box {
		min-width: 0;
	}

	.donations-online-content {
    margin:20px 0;
		gap: 18px;
	}

	.events-column {
		width: 100%;
	}

	.donations-giftaid-content {
		flex-direction: column;
		align-items: flex-start;
	}

	/*.donations-giftaid-content p,*/
	/*.schoolvisit-content p,*/
	/*.news-contact-box {*/
	/*	flex: 1 1 200px;*/
	/*}*/
	


	.donations-giftaid-img {
		margin: 0 auto;
	}
}

@media (max-width: 1023px) {
	.footer-section {
		height: 160px;
margin-top:50px;
	}

	.footer-logo {
		width: 120px;
		height: 120px;
	}

	.footer-logo-row {
		top: -60px;
	}
}

@media (max-width: 900px) {
    
	.murties-title {
		font-size: 2rem;
	}

	.murties-cards {
		gap: 10px;
	}

	.murties-card {
		width: 200px;
	}

	.murties-img {
		height: 240px;
	}
}

@media (max-width: 900px) {
	.footer-logo {
		width: 100px;
		height: 100px;
	}

	.footer-nav ul {
		gap: 18px;
	}

	.footer-bottom-row {
		font-size: 0.98rem;

	}
}

@media (max-width: 900px) {
    
    .news-contact-box{
            flex: 1 1 210px;
    }
    
        .intro-text h1 {
        /*margin-top: 65px;*/
        text-align: center;
        margin-bottom:0;
    }
    
     .popup-body {
        max-height:615px;
    }
	.contact-title {
		font-size: 2rem;
	}

	.contact-row {
		flex-direction: column;
		gap: 18px;
	}

	.contact-box {
		min-width: 0;
	}

	.schoolvisit-content {
		flex-direction: column;
		align-items: flex-start;
	}

	.schoolvisit-btn {
		margin-left: 0;
		margin-top: 12px;
	}
}

@media (max-width: 600px) {
        .news-contact-or{
            left:38%;
            top:41%;
        }
    	.schoolvisit-content .sc-vibottom{
	    flex-direction:column;
	}
    .event-learnmore{
        margin-top:15px;
    }
    .donations-box{
        flex:1 1 300px;
    }
	.murties-slider {
		flex-direction: column;
		gap: 0;
	}

	.murties-cards {
		flex-direction: column;
		gap: 18px;
		align-items: center;
	}

	.murties-card {
		width: 90vw;
		max-width: 340px;
	}

	.murties-img {
		height: 220px;
	}
}

@media (max-width: 600px) {
    .contact-box-content{
        padding:0 12px;
    }
        .contact-section span{
            color:black;
            font-size:15px;
        }
            .contact-section span a{
                text-decoration:none;
                color:black;
                font-size:15px;
            }
	.contact-section {
		padding: 0 2px 18px 2px;
	}

	.contact-title {
		font-size: 1.3rem;
	}

	.contact-box-header,
	.schoolvisit-header , .events-col-header ,    .donations-box-header, .donations-giftaid-header{
		font-size: 18px !important;
		padding: 8px 10px;
	}
	.donations-box-content strong,.donations-accent{
	    font-size:18px;
	}

	.contact-box-content p,
	.schoolvisit-content p {
		font-size: 0.98rem;
	}

	/* .schoolvisit-btn {
		padding: 8px 12px;
		font-size: 0.98rem;
	} */
}

@media (max-width: 600px) {
	.donations-section {
		padding: 0 2px 18px 2px;
	}
	
	.donations-section p{
	    font-size:18px;
	}

	.donations-title {
		font-size: 1.3rem;
	}

	.donations-box-header,
	.donations-giftaid-header {
		font-size: 1rem;
		padding: 8px 10px;
	}

	.donations-box-content p,
	.donations-giftaid-content p {
		font-size: 0.98rem;
	}

	/* .donations-giftaid-img {
		max-width: 120px;
	} */
}

@media (max-width: 600px) {
	.footer-logo-row {
		top: -32px;
		margin-bottom: -18px;
	}

	.footer-logo {
		width: 70px;
		height: 70px;
	}

	.footer-nav ul {
		gap: 12px;
		font-size: 0.98rem;
		        flex-direction: column;
        text-align: center;
	}

	.footer-bottom-row {
		flex-direction: column;
		text-align: center;
		gap: 4px;
		font-size: 0.95rem;
		padding: 15px 0 8px;
		pa
	}

	.footer-bottom-left,
	.footer-bottom-center,
	.footer-bottom-right {
		text-align: center;
		flex: 1 1 100%;
		font-size:12px;
	}
	
}


@media (max-width: 600px) {
    .news-contact-info,.news-desc ,    .contact-box-content p, .schoolvisit-content p , .description ,.event-date , .event-desc ,.donations-desc ,     .donations-box-content p, .donations-giftaid-content p , .about-us-section p{
        font-size:18px !important;
    }
        .donations-giftaid-content p{
            margin-top:0;
            margin-bottom:10px;
        }
    .popup-body {
        max-height:400px;
    }
	.contact-box {
		flex: 1 1 230px;
	}

	.container {
		padding: 24px;
		margin-top:0;
	}

	.navbar ul {
		flex-direction: column;
		gap: 8px;
		align-items: center;
		padding-left: 0;
	}

	.intro-text {
		width: 100% !important;
		margin-bottom:20px;
		/*margin-top:80px;*/
		text-align:center;
	}

	.intro-flex {
		margin-top: 0;
		flex-direction: column-reverse;
	}

	.intro-image img {
		width: 100%;
		max-width: 100%;
		height: 335px;
		top: -95px;
	}

	.intro-image {
		width: 100%;
		align-items: flex-start;
	}

	.contact-us-email {
		font-size: 14px;
	}

	.footer-bottom-row-layout {
		flex-direction: column;
		padding: 0;
		gap:8px;
	}

.main-content{
    gap:10px;
}

.our-heritage-upper-content p, .deities-section p{
    font-size:18px;
}

	.murties-title,
	.events-title,
	.news-title p,
	.contact-title,
	.donations-title,
	.contactus-title,
	.findus-title ,h2 {
		font-size: 24px;
	}
	.murties-subtitle, .events-subtitle, .contact-subtitle, .contactus-subtitle {
	    font-size:20px !important;
	}
	
	.contact-subtitle{
	    color:#0A0570 !important;
	}
	.card-content p , .newsletter-container p{
	    font-size:18px;
	}
	.name{
	    margin-bottom:10px;
	}

	.donations-giftaid-img {
		width: 100%;
	}

	.footer-section {
		height: 360px !important;
		margin-top: 50px;
	}

	.footer-logo {
		height: 120px;
		width: 120px;
	}

	.footer-logo-row {
		top: -57px;
	}

	.donations-section,
	.contact-section,
	.events-section ,    .news-section {
		margin-top: 20px;
	}

	.news-contact-box {
		padding: 15px;
		    flex: 1 1 220px;

	}

	.schoolvisit-btn {
		width: 100%;
	}
}


.slide-container {
    
    width: 100%;
    padding: 40px 0;
}

.slide-content { 
    margin:0;
    overflow: hidden;
 
}

.card {
   width: 100% !important;
   max-width: 359px !important;
    /* border-radius: 25px;
    background-color: #FFFFFF; */
	border: 1px solid #DA331B;
	height: 540px !important;
	font-family: 'Poppins', Arial, sans-serif;
	margin-right:24px !important;
}

 .card-content {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    padding: 10px 14px;
}

.card-content button a{
    text-decoration:none;
    color:white;
}

.image-content{
	display: flex;
    flex-direction: column;
    align-items: center;
}

    .image-content { 
        row-gap: 5px; 
        position: relative;
        /* padding: 25px 0; */
    }

/*.overlay {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    background-color: #4070F4;*/
/*    border-radius: 25px 25px 0 25px;*/
/*}*/

/*    .overlay::before, .overlay::after {*/
/*        content: '';*/
/*        position: absolute;*/
/*        right: 0;*/
/*        bottom: -40px;*/
/*        height: 40px;*/
/*        width: 40px;*/
/*        background-color: #4070F4;*/
/*    }*/

/*        .overlay::after {*/
/*            border-radius: 0 25px 0 0;*/
/*            background-color: #FFFFFF;*/
/*        }*/

.card-image {
    position: relative;
    height: 280px;
    width: 100%;
    /* border-radius: 50%;
    background: #FFFFFF;
    padding: 3px; */
}

    .card-image .card-img {
        height: 100%;
        width: 100%;
        object-fit: cover;
       
    }

.name {
    font-size: 24px;
    font-weight: 700;
	color: #0A0570;
    margin:15px 0;
}

.description {
    font-size: 20px;
    color:black;
    margin:0;
    /* text-align: center; */
}

.button {
    border: none;
    font-size: 18px;
	font-weight: 500;
    color: #FFFFFF;
    padding: 8px 16px;
    background-color:#0A0570;
    margin-top: 20px;
    cursor: pointer;
	max-width: 150px;
	height: 50px;
    transition: all .3s ease;
}

    .button:hover { background:#DA331B; }

.swiper-navBtn {
    color: #6E93F7 !important;
    transition: all .3s ease;
}

    .swiper-navBtn:hover { color: #DA331B !important; }

    /* .swiper-navBtn::before, .swiper-navBtn::after { font-size: 40px !important; } */

.swiper-button-next { right: 0 !important; }
.swiper-button-prev { left: 0 !important; }

/* .swiper-pagination-bullet { background-color: #6E93F7 !important; opacity: 1 !important; }
    .swiper-pagination-bullet-active { background-color: #4070F4 !important; } */

	.swiper-button-prev:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: '' !important;
    display: none;
}

/* Style for previous button with image */
.swiper-button-prev {
    background-image: url('../images/arrow-right.svg') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 40px !important; /* Adjust based on your image size */
    height: 40px !important; /* Adjust based on your image size */
    left: -30px !important; /* Adjust positioning */
    top:59% !important;
}

/* Style for next button with image */
.swiper-button-next {
    background-image: url('../images/arrow-right.svg') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 40px !important; /* Adjust based on your image size */
    height: 40px !important; /* Adjust based on your image size */
    right: -30px !important; /* Adjust positioning */
	rotate: 180deg;
	top:59% !important;
}

/* Optional: Add hover effects */
.swiper-button-prev:hover,
.swiper-button-next:hover {
    opacity: 0.8;
    transform: scale(1.1);
    transition: all 0.3s ease;
}


@media screen and (max-width: 768px) {
    .slide-content { margin: 0 3px; }
    .swiper-navBtn { display: none !important; }
	.card{
		margin-right: 23px !important;
		height:500px !important;
	}

	.card-image{
	    height:230px;
	}
} 
@media screen and (max-width: 362px)
{
    	.card{
		margin-right: 23.7px !important;
	}
}

@media screen and (max-width: 378px)
{
    .donations-giftaid-email{
        font-size:16px;
    }
    	.card{
		margin-right: 25px !important;
	}
}

@media screen and (max-width: 900px){
    	.swiper-button-prev {
	    left:-20px !important;
	}
	.swiper-button-next{
	     right: -20px !important; 
	}
}

	.event-item-outer-img{
			width: 100%;
			display:flex;
			align-items: center;
			justify-content: space-between;
			border:1px solid #DA331B;
		}

		.event-item-outer-img .event-regular{
			width: 49%;
			/*min-height:220px;*/
			border:none;
		}


		.event-item-outer-img .img-event{
			width: 49%;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.event-item-outer-img .img-event img{
			width: 100%;
			height: 100%;
			max-height: 280px;
			max-width: 400px;
		}

		 @media (max-width: 767px) {
			
		.event-item-outer-img{
			width: 100%;
		
			flex-direction: column-reverse;
			align-items: center;
			
		}

		.event-item-outer-img .event-regular{
			width: 100%;
			/*min-height:auto;*/
		}


		.event-item-outer-img .img-event{
			width: 100%;
			padding: 10px 10px 0;
			
		}
		
		.event-item-outer-img .img-event img{
		    margin-bottom:15px;
		}
		 }

@media (min-width:386px) and (max-width: 700px)
{
.card {
        margin-right: 24.5px !important;
    }
}