/*
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>
*/

/*********************contact****************/
.center_cont {
    background-image: url(../img/62.jpg);
    background-position: center center;
    background-size: cover;
}
.contact_1li span {
font-size:30px;
}
.contact_1li{
box-shadow: 0 4px 12px rgba(2,33,71,0.18);
padding: 30px 20px; 
transition: transform 300ms ease 0s, box-shadow 300ms ease 180ms;
background:#ffffff;
border-radius:16px !important;
overflow:hidden;
 }
.contact_1lir p{
overflow-wrap: anywhere;
word-break: break-word;
}
.contact_1r{
box-shadow: 0 4px 12px rgba(2,33,71,0.18);
padding: 30px;  
transition: transform 300ms ease 0s, box-shadow 300ms ease 180ms;
background:#ffffff;
border-radius:16px !important;
overflow:hidden;
 }
.contact_1ril .form-control {
border-radius: 0;
border-color: #efefef;
height: 48px;
margin-top:12px;
}
.contact_1ril .form-select {
border-radius: 0;
border-color: #efefef;
height: 48px;
}
.contact_1ril .area {
height:150px;
}
.contact_top{
margin-bottom:32px;
}
.contact_whatsapp-card{
max-width:760px;
margin:0 auto;
padding:28px;
border-radius:16px;
background: linear-gradient(120deg, #fdf7f0 0%, #ffffff 100%);
box-shadow: 0 12px 30px rgba(2,33,71,0.12);
border: 1px solid rgba(2,33,71,0.08);
}
.contact_whatsapp-title{
font-family: 'Cinzel', serif;
font-size:24px;
color:#022147;
margin-bottom:10px;
}
.contact_whatsapp-text{
color:#606873;
font-size:15px;
margin-bottom:16px;
}
.contact_whatsapp-columns{
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap:0;
margin-top:8px;
}
.contact_whatsapp-col{
padding:10px 12px;
text-align:left;
}
.contact_whatsapp-col + .contact_whatsapp-col{
border-left:1px solid rgba(2,33,71,0.12);
}
.contact_whatsapp-col-title{
margin-bottom:6px;
color:#022147;
font-weight:700;
}
.contact_whatsapp-col-text{
margin:0;
color:#606873;
font-size:14px;
}
.contact_whatsapp-qr{
background:#ffffff;
border-radius:14px;
padding:14px;
display:flex;
align-items:center;
justify-content:center;
box-shadow: 0 10px 22px rgba(2,33,71,0.15);
width: fit-content;
margin: 16px auto 0;
}
.contact_whatsapp-qr img{
max-width:220px;
width:100%;
height:auto;
}
.contact_whatsapp-card .button{
display:block;
width: fit-content;
margin:12px auto 0;
}
.contact_map-card{
height:100%;
padding:14px;
border-radius:16px;
background:#ffffff;
box-shadow: 0 12px 30px rgba(2,33,71,0.12);
border: 1px solid rgba(2,33,71,0.08);
}
.contact_map-card .map-embed{
width:100%;
min-height:320px;
border:0;
border-radius:12px;
}

#contact{
padding-bottom:80px!important; 
background-image: url(../img/testing/orrange-pattern-2.jpg);
background-position: center;
background-size: 360px auto;
background-repeat: repeat;
 }
/********************contact_end****************/


@media screen and (max-width : 767px){
.contact_1l {
text-align:center; 
 }
.contact_1r{
margin-top:20px; 
 }
.contact_1r .form-control{
margin-bottom:15px; 
 }
.contact_1r h6{
text-align:center;  
 }
.contact_top{
margin-bottom:24px;
}
.contact_whatsapp-card{
padding:22px;
}
.contact_whatsapp-qr img{
max-width:200px;
}
.contact_whatsapp-columns{
grid-template-columns: 1fr;
}
.contact_whatsapp-col + .contact_whatsapp-col{
border-left:none;
border-top:1px solid rgba(2,33,71,0.12);
}
.contact_map-card .map-embed{
min-height:240px;
}
#contact{
padding-bottom:40px!important; 
 }
 }
@media (min-width:768px) and (max-width:991px) {
.contact_1li {
padding: 30px 10px;
}
.contact_1li span{
font-size:20px; 
 }
 }
@media (min-width:992px) and (max-width:1200px) {


 }