/*==================================================
 CRIAI DONATION PAGE V3
 PACK 1
 ONLY FOR DONATION PAGE
==================================================*/

/* Theme Variables */


.criai-donation-page{

    --primary:#0a2f73;
    --secondary:#d41f2c;
    --gold:#ffc107;
    --green:#198754;
    --light:#f8f9fa;
    --dark:#1d1d1d;
    --text:#555;
    --white:#ffffff;

    background:#f5f7fb;
    color:#1d1d1d;
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.7;

}

/* Container */

.criai-donation-page .container{

    width:100%;
    max-width:1200px;
    margin:auto;
    padding:0 15px;

}

/* Section */

.criai-donation-page section{

    padding:70px 0;

}

/* Title */

.criai-donation-page .section-title{

    text-align:center;
    margin-bottom:50px;

}

.criai-donation-page .section-title h2{

    font-size:40px;
    font-weight:700;
    color:#0a2f73;
    margin-bottom:15px;

}

.criai-donation-page .section-title p{

    max-width:700px;
    margin:auto;
    color:#666;
    font-size:17px;

}

/*====================================
 HERO
====================================*/

.criai-donation-page .criai-donation-hero{

    background:linear-gradient(135deg,#0a2f73,#174fb8);

    color:#fff;

    padding:90px 0;

    position:relative;

    overflow:hidden;

}

.criai-donation-page .criai-donation-hero::before{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    top:-220px;
    right:-180px;

}

.criai-donation-page .criai-badge{

    display:inline-block;

    background:#fff;

    color:#d41f2c;

    padding:8px 20px;

    border-radius:30px;

    font-weight:bold;

    margin-bottom:20px;

}

.criai-donation-page .hero-title{

    color:#fff;

    font-size:52px;

    font-weight:800;

    margin-bottom:20px;

    line-height:1.2;

}

.criai-donation-page .hero-desc{

    color:#fff;

    font-size:18px;

    line-height:30px;

}

.criai-donation-page .hero-desc strong{

    color:#FFD54F;

}

/* Buttons */

.criai-donation-page .hero-buttons{

    display:flex;

    gap:15px;

    margin-top:35px;

    flex-wrap:wrap;

}

.criai-donation-page .hero-wrapper{

    max-width:1200px;

    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:50px;

}

@media(max-width:900px){

.criai-donation-page .hero-wrapper{

    flex-direction:column;

}

}

/* ==========================
Hero & Footer Buttons
========================== */

.criai-donation-page .btn-donate,
.criai-donation-page .btn-outline{

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

    min-width:170px;
    height:52px;

    padding:0 30px;

    border-radius:50px;

    font-size:16px;
    font-weight:700;

    text-decoration:none;

    line-height:1;

    box-sizing:border-box;

    transition:.3s ease;

}

/* Donate */

.criai-donation-page .btn-donate{

    background:#FFC107;
    color:#000;
    border:2px solid #FFC107;

}

/* Contact */

.criai-donation-page .btn-outline{

    background:#198754;
    color:#fff;
    border:2px solid #198754;

}

.criai-donation-page .btn-donate:hover{

    background:#ffca2c;
    border-color:#ffca2c;

}

.criai-donation-page .btn-outline:hover{

    background:#157347;
    border-color:#157347;

}

/* Hero Card */

.criai-donation-page .hero-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    text-align:center;

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

}

.criai-donation-page .hero-logo{

    width:120px;

    margin-bottom:20px;

}

.criai-donation-page .hero-card h3{

    color:#0a2f73;

    margin-bottom:15px;

}

.criai-donation-page .hero-card p{

    color:#666;

}

.criai-donation-page .hero-card-btn{

    display:inline-block;

    background:red;

    color:#fff;

    padding:14px 30px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    margin-top:20px;

}
/*==================================================
PACK 2 - PART 1
WHY DONATE
==================================================*/

.criai-donation-page .why-donate-section{
    background:#fff;
}

.criai-donation-page .donation-card{
    background:#fff;
    border-radius:20px;
    padding:35px 25px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    border:1px solid #eef1f5;
    transition:.35s;
    height:100%;
}

.criai-donation-page .donation-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.criai-donation-page .donation-icon{

    width:85px;
    height:85px;

    margin:0 auto 20px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:36px;

    background:linear-gradient(135deg,#0a2f73,#174fb8);

    color:#fff;

}

.criai-donation-page .donation-card h4{

    color:#0a2f73;

    font-size:22px;

    font-weight:700;

    margin-bottom:15px;

}

.criai-donation-page .donation-card p{

    color:#666;

    line-height:28px;

    font-size:15px;

}
/*==================================================
PACK 2 - PART 2
PAYMENT CARDS
==================================================*/

.criai-donation-page .payment-section{
    background:#f7f9fc;
}

.criai-donation-page .payment-badge{
    display:inline-block;
    background:#198754;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
}

.criai-donation-page .section-heading{
    font-size:38px;
    color:#0a2f73;
    font-weight:700;
    margin-bottom:10px;
}

.criai-donation-page .section-subtitle{
    color:#666;
    font-size:16px;
    margin-bottom:40px;
}

.criai-donation-page .payment-card{

    background:#fff;

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

    border:1px solid #edf0f5;

}

.criai-donation-page .payment-card:hover{

    transform:translateY(-10px);

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

}

.criai-donation-page .payment-icon{

    width:80px;

    height:80px;

    margin:0 auto 20px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    background:#eef4ff;

}

.criai-donation-page .payment-card h4{

    color:#0a2f73;

    font-size:22px;

    font-weight:700;

    margin-bottom:15px;

}

.criai-donation-page .payment-card p{

    color:#666;

    line-height:28px;

    min-height:65px;

    margin-bottom:25px;

}

.criai-donation-page .payment-btn{

    display:inline-block;

    background:#d41f2c;

    color:#fff;

    padding:12px 28px;

    border-radius:40px;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.criai-donation-page .payment-btn:hover{

    background:#b5121b;

    color:#fff;

    text-decoration:none;

}
/*==================================================
PACK 2 - PART 3
QR + BANK + UPI
==================================================*/

/*==========================
QR SECTION
==========================*/

.criai-donation-page .scan-pay-section{
    background:#ffffff;
}

.criai-donation-page .qr-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    text-align:center;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

}

.criai-donation-page .qr-card h2{

    color:#0a2f73;

    font-size:30px;

    font-weight:700;

    margin-bottom:15px;

}

.criai-donation-page .qr-card p{

    color:#666;

    line-height:28px;

}

.criai-donation-page .qr-image{

    width:280px;

    max-width:100%;

    margin:25px auto;

    display:block;

    border:8px solid #f5f5f5;

    border-radius:18px;

    transition:.35s;

}

.criai-donation-page .qr-image:hover{

    transform:scale(1.03);

}

.criai-donation-page .accepted-payment{

    background:#eef5ff;

    color:#0a2f73;

    padding:12px;

    border-radius:10px;

    font-weight:600;

    margin-top:20px;

}


/* ==========================
BANK CARD FIX
========================== */

.criai-donation-page .bank-card{

    max-width:900px;

    margin:0 auto 30px;

    background:#fff;

    border-radius:20px;

    padding:40px;

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

}

.criai-donation-page .bank-card h2{

    text-align:center;

    margin-bottom:35px;

    color:#0a2f73;

}

.criai-donation-page .bank-card table{

    width:100%;

    max-width:700px;

    margin:0 auto;

    border-collapse:collapse;

}

.criai-donation-page .bank-card th{

    width:220px;

    text-align:left;

    padding:15px;

    color:#0a2f73;

}

.criai-donation-page .bank-card td{

    padding:15px;

    color:#555;

}

.criai-donation-page .bank-card .payment-btn{

    display:table;

    margin:30px auto 0;

}


/*==========================
UPI
==========================*/

.criai-donation-page .upi-section{

    background:#f7f9fc;

}

.criai-donation-page .upi-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    text-align:center;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

}

.criai-donation-page .upi-card h2{

    color:#0a2f73;

    font-size:30px;

    font-weight:700;

}

.criai-donation-page .upi-card p{

    color:#666;

    margin-bottom:25px;

}

.criai-donation-page .upi-box{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    flex-wrap:wrap;

}

.criai-donation-page #upiID{

    background:#eef5ff;

    color:#0a2f73;

    padding:15px 22px;

    border-radius:12px;

    font-size:18px;

    font-weight:700;

}

.criai-donation-page .upi-card .btn{

    border-radius:40px;

    padding:12px 28px;

}
/*==================================================
PACK 3 - PART 1
IMPACT COUNTER + TRUST
==================================================*/

/*==========================
IMPACT SECTION
==========================*/

.criai-donation-page .impact-section{

    background:linear-gradient(135deg,#0a2f73,#174fb8);
    padding:80px 20px;
    text-align:center;
    color:#fff;

}

.criai-donation-page .impact-grid{

    max-width:1200px;
    margin:50px auto 0;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}

.criai-donation-page .impact-card{

    background:rgba(255,255,255,.12);

    border-radius:20px;

    padding:35px 20px;

    border:1px solid rgba(255,255,255,.15);

    transition:.3s;

}

.criai-donation-page .impact-card:hover{

    transform:translateY(-8px);

    background:rgba(255,255,255,.20);

}

.criai-donation-page .impact-card h2{

    font-size:50px;

    color:#fff;

    margin:0 0 10px;

    font-weight:700;

}

.criai-donation-page .impact-card h4{

    color:#fff;

    font-size:20px;

    margin:0;

    font-weight:600;

}

@media(max-width:992px){

.criai-donation-page .impact-grid{

    grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:600px){

.criai-donation-page .impact-grid{

    grid-template-columns:1fr;

}

}

/*==========================
TRUST SECTION
==========================*/

.criai-donation-page .trust-section{

    background:#fff;

}

.criai-donation-page .trust-card{

    background:#fff;

    border-radius:18px;

    padding:30px;

    text-align:center;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

}

.criai-donation-page .trust-card:hover{

    transform:translateY(-10px);

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

}

.criai-donation-page .trust-card i{

    font-size:55px;

    color:#0a2f73;

    margin-bottom:20px;

    display:block;

}

.criai-donation-page .trust-card h5{

    color:#0a2f73;

    font-size:20px;

    font-weight:700;

    margin-bottom:12px;

}

.criai-donation-page .trust-card p{

    color:#666;

    line-height:28px;

}


/*==========================
COMMON HOVER
==========================*/

.criai-donation-page .donation-card,
.criai-donation-page .payment-card,
.criai-donation-page .bank-card,
.criai-donation-page .qr-card,
.criai-donation-page .upi-card,
.criai-donation-page .impact-card,
.criai-donation-page .trust-card{

    transition:all .35s ease;

}
/*==================================================
PACK 3 - PART 2
FAQ + CTA
==================================================*/

/*==========================
FAQ SECTION
==========================*/

.criai-donation-page .faq-section{
    background:#f8f9fb;
    padding:80px 20px;
}

.criai-donation-page .faq-section .section-title{
    text-align:center;
    margin-bottom:50px;
}

.criai-donation-page .faq-box{

    width:100%;
    max-width:900px;

    margin:0 auto;

}

.criai-donation-page .faq-item{

    background:#ffffff;

    border-radius:15px;

    padding:25px 30px;

    margin-bottom:20px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.3s;

}

.criai-donation-page .faq-item:hover{

    transform:translateY(-4px);

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

}

.criai-donation-page .faq-item h3{

    margin:0 0 12px;

    font-size:24px;

    color:#0a2f73;

    font-weight:700;

}

.criai-donation-page .faq-item p{

    margin:0;

    font-size:16px;

    line-height:30px;

    color:#666;

}

@media(max-width:768px){

.criai-donation-page .faq-section{

    padding:60px 15px;

}

.criai-donation-page .faq-item{

    padding:20px;

}

.criai-donation-page .faq-item h3{

    font-size:20px;

}

}


/*==========================
FINAL CTA
==========================*/

.criai-donation-page .donate-footer{

    background:linear-gradient(135deg,#d41f2c,#a50000);

    color:#fff;

    text-align:center;

    padding:90px 20px;

}

.criai-donation-page .donate-footer h2{

    font-size:44px;

    font-weight:800;

    margin-bottom:20px;
    color:#fff;

}

.criai-donation-page .donate-footer p{

    font-size:18px;

    line-height:30px;

    margin-bottom:35px;

    opacity:.95;

}

.criai-donation-page .donate-footer .btn{

    display:inline-block;

    padding:16px 40px;

    background:#ffc107;

    color:#000;

    font-size:18px;

    font-weight:700;

    text-decoration:none;

    border-radius:50px;

    transition:.35s;

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

}

.criai-donation-page .donate-footer .btn:hover{

    background:#ffd84d;

    transform:translateY(-4px);

}

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

.criai-donation-page .footer-contact{

    margin-top:40px;

    display:flex;

    justify-content:center;

    gap:40px;

    flex-wrap:wrap;

}

.criai-donation-page .footer-contact div{

    background:rgba(255,255,255,.12);

    padding:20px 30px;

    border-radius:15px;

    min-width:220px;

    text-align:center;

}

.criai-donation-page .footer-contact strong{

    color:#FFD54F;

    font-size:18px;

}

.criai-donation-page .footer-contact a{

    color:#ffffff;

    text-decoration:none;

    font-size:17px;

    font-weight:600;

    transition:.3s;

}

.criai-donation-page .footer-contact a:hover{

    color:#FFD54F;

    text-decoration:underline;

}
/*==================================================
PACK 3 - PART 3
FINAL RESPONSIVE + STICKY + TOP BUTTON + TOAST
==================================================*/

/*==========================
STICKY DONATE BUTTON
==========================*/

.criai-donation-page .sticky-donate{

    position:fixed;

    right:20px;

    bottom:-100px;

    background:#d41f2c;

    color:#fff;

    padding:15px 26px;

    border-radius:50px;

    font-size:16px;

    font-weight:700;

    text-decoration:none;

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

    transition:.35s;

    z-index:99999;

}

.criai-donation-page .sticky-donate.active{

    bottom:20px;

}

.criai-donation-page .sticky-donate:hover{

    background:#b5121b;

    color:#fff;

    text-decoration:none;

}


/*==========================
BACK TO TOP
==========================*/

.criai-donation-page #topBtn{

    display:none;

    position:fixed;

    right:20px;

    bottom:90px;

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;

    background:#0a2f73;

    color:#fff;

    font-size:22px;

    cursor:pointer;

    justify-content:center;

    align-items:center;

    box-shadow:0 10px 25px rgba(0,0,0,.20);

    transition:.3s;

    z-index:99998;

}

.criai-donation-page #topBtn:hover{

    background:#174fb8;

}


/*==========================
TOAST
==========================*/

.criai-donation-page .criai-toast{

    position:fixed;

    top:25px;

    right:20px;

    background:#198754;

    color:#fff;

    padding:15px 22px;

    border-radius:10px;

    font-weight:700;

    opacity:0;

    transform:translateY(-30px);

    transition:.35s;

    z-index:999999;

}

.criai-donation-page .criai-toast.show{

    opacity:1;

    transform:translateY(0);

}


/*==========================
SCROLL ANIMATION
==========================*/

.criai-donation-page .fade-up{

    opacity:0;

    transform:translateY(40px);

    transition:1s;

}

.criai-donation-page .fade-up.show{

    opacity:1;

    transform:translateY(0);

}


/*==========================
IMAGE
==========================*/

.criai-donation-page img{

    max-width:100%;

    height:auto;

}


/*==========================
TABLE
==========================*/

.criai-donation-page table{

    width:100%;

    border-collapse:collapse;

}

.criai-donation-page table td,
.criai-donation-page table th{

    vertical-align:middle;

}


/*==========================
MOBILE
==========================*/

@media(max-width:992px){

.criai-donation-page .hero-title{

    font-size:38px;

}

.criai-donation-page .hero-card{

    margin-top:35px;

}

.criai-donation-page .section-heading{

    font-size:30px;

}

.criai-donation-page .impact-card{

    margin-bottom:25px;

}

}


@media(max-width:768px){

.criai-donation-page section{

    padding:55px 0;

}

.criai-donation-page .hero-title{

    font-size:30px;

    text-align:center;

}

.criai-donation-page .hero-desc{

    text-align:center;

}

.criai-donation-page .hero-buttons{

    justify-content:center;

}

.criai-donation-page .hero-features{

    justify-content:center;

}

.criai-donation-page .hero-card{

    margin-top:30px;

}

.criai-donation-page .bank-card{

    margin-top:30px;

}

.criai-donation-page .upi-box{

    flex-direction:column;

}

.criai-donation-page #upiID{

    width:100%;

}

.criai-donation-page .donate-footer h2{

    font-size:30px;

}

.criai-donation-page .sticky-donate{

    right:15px;

}

.criai-donation-page #topBtn{

    right:15px;

}

}


@media(max-width:480px){

.criai-donation-page .hero-title{

    font-size:26px;

}

.criai-donation-page .btn-donate,
.criai-donation-page .btn-outline{

    width:100%;

    text-align:center;

}

.criai-donation-page .hero-card{

    padding:25px;

}

.criai-donation-page .hero-logo{

    width:90px;

}

.criai-donation-page .payment-card,
.criai-donation-page .donation-card,
.criai-donation-page .impact-card,
.criai-donation-page .trust-card{

    padding:25px;

}

.criai-donation-page .sticky-donate{

    left:15px;

    right:15px;

    text-align:center;

}

}

.criai-donation-page .impact-section .section-title h2{
    color:#fff !important;
}

.criai-donation-page .impact-section .section-title p{
    color:#dbe8ff !important;
}

/* Copy Button Cursor */

.criai-donation-page .payment-btn{

    cursor:pointer;
    transition:all .3s ease;

}

.criai-donation-page .payment-btn:hover{

    transform:translateY(-2px);

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

}
.criai-donation-page button,
.criai-donation-page .btn-donate,
.criai-donation-page .btn-outline,
.criai-donation-page .payment-btn{

    cursor:pointer;

}

/*=====================================
SECURE PAYMENT
=====================================*/

.secure-payment-box{

margin-top:50px;

padding:35px;

background:#eef4ff;

border-radius:18px;

text-align:center;

}

.secure-payment-box h3{

color:#0a2f73;

margin-bottom:15px;

}

.secure-payment-box p{

color:#555;

line-height:30px;

margin-bottom:20px;

}

.secure-payment-box img{

max-width:100%;

height:auto;

}


/*=====================================
INFO CARD
=====================================*/

.info-card{

margin-top:40px;

background:#fff8e5;

border-left:5px solid #ffc107;

padding:30px;

border-radius:15px;

}

.info-card h3{

color:#0a2f73;

margin-bottom:20px;

}

.info-card ul{

margin:0;

padding-left:20px;

}

.info-card li{

margin-bottom:12px;

line-height:30px;

color:#444;

}


/*=====================================
HELP BOX
=====================================*/

.help-box{

margin-top:40px;

background:#0a2f73;

color:#fff;

padding:35px;

border-radius:18px;

text-align:center;

}

.help-box h3{

color:#fff;

margin-bottom:20px;

}

.help-box p{

margin-bottom:12px;

font-size:17px;

}

.help-box a{

color:#FFD54F;

text-decoration:none;

font-weight:700;

}

.help-box a:hover{

text-decoration:underline;

}

/* ==========================================
FORCE DONATION FORM LAYOUT
========================================== */

.criai-donation-form .form-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:25px !important;
    margin-bottom:25px !important;
}

.criai-donation-form .form-group{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
}

.criai-donation-form .form-group.full{
    grid-column:1 / -1 !important;
}

.criai-donation-form label{
    display:block !important;
    margin-bottom:8px !important;
    font-size:15px !important;
    font-weight:700 !important;
    color:#0a2f73 !important;
}

.criai-donation-form input,
.criai-donation-form select,
.criai-donation-form textarea{

    width:100% !important;

    height:52px !important;

    padding:0 15px !important;

    border:1px solid #d5d5d5 !important;

    border-radius:10px !important;

    background:#fff !important;

    font-size:15px !important;

    box-sizing:border-box !important;

}

.criai-donation-form textarea{

    height:120px !important;

    padding:15px !important;

}

.criai-donation-form input:focus,
.criai-donation-form select:focus{

    outline:none !important;

    border-color:#0a2f73 !important;

    box-shadow:0 0 8px rgba(10,47,115,.15) !important;

}

@media(max-width:768px){

.criai-donation-form .form-grid{

grid-template-columns:1fr !important;

}

}
/* ==========================
DONATION HERO
========================== */

.criai-donation-form .donation-hero{
    background:linear-gradient(135deg,#0b3d91,#174fb8);
    padding:80px 20px;
    color:#fff;
    position:relative;
    overflow:hidden;
}

.criai-donation-form .hero-container{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.criai-donation-form .hero-left{
    flex:1;
}

.criai-donation-form .hero-badge{
    display:inline-block;
    background:#fff;
    color:#d41f2c;
    padding:8px 18px;
    border-radius:50px;
    font-weight:700;
    margin-bottom:20px;
}

.criai-donation-form .hero-left h1{
    color:#ffffff !important;
    font-size:56px;
    font-weight:800;
}

.criai-donation-form .hero-left p{

    color:#ffffff !important;

    font-size:20px;

    line-height:38px;

    font-weight:400;

}
.criai-donation-form .hero-left p strong{

    color:#FFD54F !important;

    font-weight:700;

}

.criai-donation-form .hero-points{
    margin-top:25px;
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.criai-donation-form .hero-points span{
    background:rgba(255,255,255,.18);
    padding:10px 18px;
    border-radius:30px;
    color:#fff;
}

.criai-donation-form .hero-right{
    width:340px;
}

.criai-donation-form .hero-card{
    background:#fff;
    border-radius:20px;
    padding:35px;
    text-align:center;
    box-shadow:0 15px 35px rgba(0,0,0,.20);
}

.criai-donation-form .hero-card img{
    width:110px;
    margin-bottom:15px;
}

.criai-donation-form .hero-card h3{
    color:#0a2f73;
    margin:15px 0;
}

.criai-donation-form .hero-card p{
    color:#555;
    line-height:28px;
}

@media(max-width:768px){

    .criai-donation-form .hero-container{
        flex-direction:column;
        text-align:center;
    }

    .criai-donation-form .hero-right{
        width:100%;
        max-width:350px;
    }

    .criai-donation-form .hero-left h1{
        font-size:38px;
    }

}