@charset "utf-8";
/* CSS Document */
/*-------------------
Contact US
--------------------*/
/*Contact Details*/
#contact-details{ background:url(../images/nybanner/contact.webp) no-repeat; background-size:cover; position:relative; padding-top:16vh; padding-bottom:20vh;}
#contact-details img{ width:100%;}
#contact-details .grid{grid-template-columns:repeat(3,1fr); margin-top:10rem;grid-column-gap:4rem;}
#contact-details h1,#contact-details h3{ padding-left:6rem; padding-top:8rem;color:#fff;}
#contact-details h3{ padding-top:5rem; width:100%; line-height:1.6em;}
.contact-details-content{ background-color:#fff; padding:8rem 4rem; border-radius:20px;}
.contact-details-content ul{ padding-top:1.6rem;}
.contact-details-content:nth-child(2) ul{ padding-top:3rem;}
.contact-details-content ul li{ line-height:1.8em;}
.contact-details-content ul li a{ display:block;color:#333; text-align:center;}
.contact-details-content i{ display:block; text-align:center; font-size:4rem; font-weight:700; text-align:center; color:#007131;}
.contact-details-content ul li a:hover{color:var(--web-theme-color);}
/*----
Map
-----*/	 
#map{ position:relative; z-index:1; margin-top:-8rem;border-radius:30px 30px 0 0;}
#allmap{
width:100%;
height:600px;
object-fit:cover;
}
#map #allmap p:first-child{ margin-top:10px;}
#map #allmap p{line-height:1em !important;}
#map_canvas{
	width:100%;
	height:600px;
}
/*moblie phone*/
@media (max-width:1023px){ 
/*Contact Details*/
#contact-details{ background:url(../images/nybanner/contact.webp) no-repeat center; background-size:cover; position:relative; padding-top:4vh; padding-bottom:12vh;}
#contact-details .grid{grid-template-columns:1fr; margin-top:6rem;grid-column-gap:0;grid-row-gap:2rem;}
#contact-details h1,#contact-details h3{ padding-left:0rem; padding-top:4rem;color:#fff;}
#contact-details h3{ padding-top:2rem;width:100%; line-height:1.6em;}
.contact-details-content ul{ padding-top:1.6rem;}
.contact-details-content:nth-child(2) ul{ padding-top:1rem;}
.contact-details-content i{ font-size:3.4rem;}
}