/* TnC and Policy CSS Start*/
/* ==============================
   Fonts (direct use)
============================== */
@font-face {
	font-family: "BebasNeue_Regular";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/Bebas_Neue/BebasNeue-Regular.woff2") format("woff2");
	font-display: swap;
}

@font-face {
	font-family: "Inter_Regular";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/Inter/Inter18pt-Regular.woff2") format("woff2");
	font-display: swap;
}

@font-face {
	font-family: "Inter_Medium";
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/Inter/Inter18pt-Medium.woff2") format("woff2");
	font-display: swap;
}

@font-face {
	font-family: "Inter_SemiBold";
	font-style: normal;
	font-weight: 600;
	src: url("../fonts/Inter/Inter18pt-SemiBold.woff2") format("woff2");
	font-display: swap;
}

@font-face {
	font-family: "Inter_Bold";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/Inter/Inter18pt-Bold.woff2") format("woff2");
	font-display: swap;
}

/* ==============================
   Reset
============================== */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* ==============================
   Base
============================== */
body {
	font-family: "Inter_Regular", Arial, sans-serif;
	background-color: #f9fefe;
	color: #484848;
	line-height: 1.75;
}

/* ==============================
   Wrapper
============================== */
.policy-wrapper {
	padding: 80px 20px;
}

.policy-wrapper p {
	text-align: left !important;
}

.policy-container {
	max-width: 880px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 56px 52px;
	border-radius: 14px;
	border: 1px solid #d6cfcf;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.07);
}

/* ==============================
   Title Section
============================== */
.policy-title {
	font-family: "BebasNeue_Regular", sans-serif;
	font-size: 38px;
	letter-spacing: 1.4px;
	margin-bottom: 6px;
	color: #1b1e1e;
}

.policy-date {
	font-family: "Inter_Medium";
	font-size: 13px;
	color: #465d7c;
	margin-bottom: 40px;
}

/* ==============================
   Content
============================== */
.policy-content {
	max-width: 720px;
}

.policy-content p {
	font-size: 15px;
	margin-bottom: 18px;
	color: #484848;
}

/* ==============================
   Section Headings
============================== */
.policy-content h2 {
	font-family: "Inter_SemiBold";
	font-size: 18px;
	margin-top: 42px;
	margin-bottom: 14px;
	color: #002b3f;
	position: relative;
	padding-left: 14px;
}

/* left accent bar */
.policy-content h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 4px;
	height: 70%;
	background-color: #00a296;
	border-radius: 2px;
}

/* ==============================
   Lists
============================== */
.policy-content ul {
	margin-left: 20px;
	margin-bottom: 20px;
}

.policy-content ul li {
	font-size: 15px;
	margin-bottom: 10px;
	color: #484848;
}

/* ==============================
   Emphasis
============================== */
.policy-content strong {
	font-family: "Inter_SemiBold";
	color: #000000;
}

/* ==============================
   Links
============================== */
.policy-content a {
	font-family: "Inter_Medium";
	color: #00a296;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

.policy-content a:hover {
	border-bottom-color: #00a296;
}

/* ==============================
   Contact Block (last section)
============================== */
.policy-content h2:last-of-type {
	margin-top: 50px;
}

.policy-content h2:last-of-type+p {
	background-color: #e9fbfa;
	padding: 18px 20px;
	border-radius: 8px;
	border: 1px solid #c5e99e;
}

/* ==============================
   Responsive
============================== */
@media (max-width: 768px) {
	.policy-container {
		padding: 40px 28px;
	}

	.policy-title {
		font-size: 30px;
	}

	.policy-content {
		max-width: 100%;
	}
}

@media (max-width: 480px) {
	.policy-wrapper {
		padding: 50px 16px;
	}

	.policy-container {
		padding: 32px 22px;
	}

	.policy-title {
		font-size: 26px;
	}

	.policy-content p,
	.policy-content ul li {
		font-size: 14px;
	}
}

/* TnC and Policy CSS End*/

/* Contact Form General CSS Start*/
.form-contact-wrapper {
	width: 100%;
}

/* .volunteer .form-contact-wrapper {
	width: 50%;
} */

.form-contact-wrapper .wpcf7-form-control-wrap {
	width: 100%;
}

.form-contact-wrapper br {
	display: none
}

/* Contact Form General CSS End */


/* =========================
   DONATE PAGE STYLES
========================= */

.donate-wrapper {
    background: #e9fbfa;
    padding: 80px 20px;
}

.donate-box {
    max-width: 520px;
    margin: auto;
    background: #ffffff;
    border-radius: 14px;
    padding: 45px 40px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
}

/* Headings */
.donate-title {
    font-family: "BebasNeue_Regular", sans-serif;
    font-size: 44px;
    line-height: 1.1;
    color: #002b3f;
    text-align: center;
    margin-bottom: 12px;
}

.donate-subtitle {
    font-family: "Inter_Regular", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #484848;
    text-align: center;
    margin-bottom: 34px;
}

/* Form */
.donate-form {
	margin-top: 20px;
}
.donate-form .form-group {
    margin-bottom: 18px;
}

.donate-form label {
    font-family: "Inter_Medium", sans-serif;
    font-size: 14px;
    color: #012047;
    margin-bottom: 6px;
    display: block;
}

.donate-form input {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    font-family: "Inter_Regular", sans-serif;
    font-size: 14px;
    color: #000000;
    border: 1px solid #d6cfcf;
    border-radius: 6px;
    background: #ffffff;
    outline: none;
}

.donate-form input::placeholder {
    color: #999999;
}

.donate-form input:focus {
    border-color: #00a296;
    box-shadow: 0 0 0 2px rgba(0, 162, 150, 0.15);
}

/* Button */
.donate-btn {
    width: 100%;
    height: 54px;
    background: linear-gradient(
        0deg,
        #115d5a 0%,
        #24938e 100%
    );
    border: none;
    border-radius: 8px;
    font-family: "Inter_SemiBold", sans-serif;
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
    margin-top: 12px;
    transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s;
}

.donate-btn:hover {
    opacity: 0.95;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

.donate-btn:active {
    transform: translateY(0);
    box-shadow: none;
}

/* Footer Note */
.donate-note {
    font-family: "Inter_Regular", sans-serif;
    font-size: 13px;
    color: #465d7c;
    text-align: center;
    margin-top: 18px;
}

.amount-input {
    position: relative;
}

.rupee-symbol {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    font-family: "Inter_Medium", sans-serif;
    font-size: 16px;
    color: #012047;
    pointer-events: none;
}

.amount-input input {
    padding-left: 34px;
}

/* Hide number input arrows - Chrome, Edge, Safari */
.amount-input input::-webkit-outer-spin-button,
.amount-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide number input arrows - Firefox */
.amount-input input[type=number] {
    -moz-appearance: textfield;
}

/* =========================
   RESPONSIVE
========================= */

/* Tablet */
@media (max-width: 991px) {
    .donate-wrapper {
        padding: 60px 16px;
    }

    .donate-box {
        padding: 40px 32px;
    }

    .donate-title {
        font-size: 38px;
    }

    .donate-subtitle {
        font-size: 15px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .donate-wrapper {
        padding: 45px 14px;
    }

    .donate-box {
        padding: 30px 22px;
        border-radius: 12px;
    }

    .donate-title {
        font-size: 32px;
    }

    .donate-subtitle {
        font-size: 14px;
        margin-bottom: 26px;
    }

    .donate-form input {
        height: 46px;
        font-size: 14px;
    }

    .donate-btn {
        height: 48px;
        font-size: 15px;
        border-radius: 6px;
    }

    .donate-note {
        font-size: 12px;
    }
}

/* Small Mobile */
@media (max-width: 360px) {
    .donate-title {
        font-size: 28px;
    }

    .donate-box {
        padding: 26px 18px;
    }
}

/* =========================
   PAYMENT STATUS PAGE
========================= */

.payment-status-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e9fbfa;
    padding: 60px 20px;
}

.payment-status-box {
    max-width: 520px;
    margin: auto;
    background: #ffffff;
    border-radius: 14px;
    padding: 45px 40px;
    text-align: center;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
}

/* Icons */
.status-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    border-radius: 50%;
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter_Bold", sans-serif;
}

.payment-status-wrapper.success .status-icon {
    background: #e9fbfa;
    color: #00a296;
}

.payment-status-wrapper.pending .status-icon {
    background: #f8ead2;
    color: #da9b10;
}

.payment-status-wrapper.failed .status-icon {
    background: #fde2e2;
    color: #f72d00;
}

/* Headings */
.payment-status-box h1 {
    font-family: "BebasNeue_Regular", sans-serif;
    font-size: 38px;
    color: #002b3f;
    margin-bottom: 12px;
}

.status-msg {
    font-family: "Inter_Regular", sans-serif;
    text-align: center;
    font-size: 15px;
    line-height: 1.5;
    color: #484848;
    margin-bottom: 24px !important;
}

/* Transaction Info */
.txn-info {
    background: #f9fefe;
    border: 1px dashed #81c3c1;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 26px;
}

.txn-info p {
	text-align: center;
    font-family: "Inter_Medium", sans-serif;
    font-size: 14px;
    color: #012047;
    margin: 0;
}

/* Button */
.back-btn {
    display: inline-block;
    padding: 14px 32px;
    background: linear-gradient(
        0deg,
        #115d5a 0%,
        #24938e 100%
    );
    color: #ffffff;
    font-family: "Inter_SemiBold", sans-serif;
    font-size: 15px;
    text-decoration: none;
    border-radius: 8px;
}

.back-btn:hover {
    opacity: 0.95;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 575px) {
    .payment-status-box {
        padding: 32px 22px;
    }

    .payment-status-box h1 {
        font-size: 30px;
    }

    .status-icon {
        width: 60px;
        height: 60px;
        font-size: 26px;
    }

    .back-btn {
        width: 100%;
        text-align: center;
    }
}