/*
Template Name: Krishna Temple
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************donation****************/
.center_donate{
    background-image: url(../img/22.jpg);
    background-position: center center;
    background-size: cover;
}
.center_donate_dt{
    background-image: url(../img/34.jpg);
    background-position: center center;
    background-size: cover;
}
.donate_dt1l2 ul li{
background:#f2f4f8;
padding:8px 30px;
border-radius:8px;
font-size:14px; 
 }
.donate_dt1r1i2 span{
border-radius:20px 30px 30px 0px; 
 }
.donate_dt1r1i2{
bottom:20px;
left:-5px; 
 }
.donate_dt1r1{
border-bottom:0;
border-radius:20px 20px 0px 0px; 
 }
.donate_dt1r2{
border-radius:0px 0px 20px 20px; 
border-top:0;
 }
 
.donate_dt1r2 .progress-bar {
    background: #F9F9F9;
    border-radius: 0;
}
.donate_dt1r2 .progress {
    background-color: #4ea6ce;
    height: 6px;
    overflow: hidden;
    border-radius: 0;
}
.donate_dt1r3i{
border-radius:0px 0px 20px 20px; 
 }
.donate_dt1r3 h5{
border-radius:20px 20px 0px 0px; 
 }
#donate{
padding:70px 0 90px!important;
position:relative;
background-image: url(../img/testing/blue-pattern.jpg);
background-position: center;
background-size: 360px auto;
background-repeat: repeat;
overflow:hidden;
}
#donate::before{
content:"";
position:absolute;
inset:0;
background: linear-gradient(180deg, rgba(247,245,240,0.6) 0%, rgba(255,255,255,0.7) 100%);
pointer-events:none;
}
#donate .container-xl{
position:relative;
z-index:1;
}
.donate_flow .donate_intro{
max-width:800px;
margin:0 auto 40px;
}
.donate_lead{
font-size:16px;
color:#3e4852;
margin-bottom:0;
}
.donate_panel{
background:#ffffff;
border-radius:16px;
padding:26px 28px;
box-shadow: 0 12px 30px rgba(2,33,71,0.12);
border: 1px solid rgba(2,33,71,0.08);
width: min(75%, 980px);
}
.donate_panel--upi{
background: linear-gradient(120deg, #ffffff 0%, #f1f8fb 100%);
margin-right: auto;
margin-left: calc(50% - 50vw);
width: calc(min(75%, 980px) + (50vw - 50%));
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.donate_panel--community{
background: linear-gradient(120deg, #fdf7f0 0%, #ffffff 100%);
margin-left: auto;
margin-right: calc(50% - 50vw);
width: calc(min(85%, 980px) + (50vw - 50%));
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.donate_panel--community .donate_panel-content{
    padding-right: 64px;
    text-align: left;
}
.donate_panel-title{
font-family: 'Cinzel', serif;
font-size:24px;
color:#022147;
margin-bottom:12px;
}
.donate_panel-text{
color:#606873;
font-size:16px;
margin-bottom:14px;
}
.donate_columns{
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap:0;
margin-top:12px;
}
.donate_col{
padding:12px 16px;
text-align:left;
}
.donate_col + .donate_col{
border-left:1px solid rgba(2,33,71,0.12);
}
.donate_col-title{
margin-bottom:6px;
color:#022147;
font-weight:700;
}
.donate_col-text{
margin:0;
color:#606873;
font-size:14px;
}
.donate_note{
display:inline-block;
padding:10px 16px;
border-radius:999px;
background:#022147;
color:#ffffff;
font-size:14px;
letter-spacing:0.3px;
}
.donate_qr{
background:#ffffff;
border-radius:14px;
padding:14px;
display:inline-flex;
align-items:center;
justify-content:center;
box-shadow: 0 10px 22px rgba(2,33,71,0.15);
}
.donate_qr img{
max-width:220px;
width:100%;
height:auto;
}
.donate_thanks{
margin:26px auto 0;
max-width:1000px;
color:#37404a;
font-size:15px;
}
#donate_dt{
padding-bottom:80px!important; 
}
.donate_dt1l1 ::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}
/*********************events_end****************/


@media screen and (max-width : 767px){
#donate{
padding:48px 0 60px!important;
 }
.donate_panel{
padding:20px;
width: 100%;
}
    .donate_panel--upi,
    .donate_panel--community{
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        border-radius: 16px;
    }
.donate_note{
font-size:13px;
}
.donate_qr img{
max-width:200px;
}
.donate_columns{
grid-template-columns: 1fr;
}
.donate_panel--community .donate_panel-content{
    padding-right: 0;
}
.donate_col + .donate_col{
border-left:none;
border-top:none;
}
#donate_dt{
width:90%!important;
padding-bottom:40px!important; 
 }
.donate_dt1l2 ul li{
margin-top:3px; 
margin-bottom:3px;
 }
#donate_dt h5{
text-align:center; 
 }
.donate_dt1l2i1l{
margin-top:10px; 
 }
.donate_dt1r{
margin-top:20px; 
 }
.donate_dt1r1io  p{
text-align:center;  
 }
.donate_dt1r3ir{
margin-top:15px;
text-align:center; 
 }
 }


@media (min-width:576px) and (max-width:767px) {

 }
 
@media (min-width:768px) and (max-width:991px) {
#donate_dt{
width:100%!important;
 }

@media (min-width:768px) and (max-width:1200px) {
    .donate_panel{
        width: 88%;
    }
}
.donate_dt1l2 ul li{
margin-top:3px; 
margin-bottom:3px;
 }
.donate_dt1r2 h6{
font-size:14px; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {
#donate_dt{
width:100%!important;
 }
 }

@media (min-width:1201px) and (max-width:1300px) {
.donate_dt1l2 ul li{
margin-top:3px; 
margin-bottom:3px;
 }
 }