@charset "utf-8";
/* CSS Document */
#contact-details{  position:relative;  }
#contact-details .grid{grid-template-columns:1fr 1fr; grid-column-gap:8rem;}
.contact-details-content h2{ text-align:left; line-height:1.2em;color:var(--web-theme-color-black); font-weight:400;}
.contact-details-content h2 b{ display:block;}
.contact-details-content-info-title{ padding-top:4rem; font-size:3.2rem;  font-weight:600; color:var(--web-theme-color-black);}
.contact-details-content p{ padding-top:2rem;}
.details-content ul { padding-top:2rem; padding-bottom:8rem; border-bottom:#ccc solid 2px;}
.details-content ul li{ padding-top:1.4rem;}
.details-content ul li i{color:var(--web-theme-color);}
.details-content ul li a{ color:var(--web-theme-color-black);  }
.details-content ul li a:hover{ color:var(--web-theme-color);}
.contact-details-hotline{ padding-top:4rem;} 
.contact-details-hotline p{ color:var(--web-theme-color-black);}
.contact-details-hotline a{ line-height:1.2em; font-size:4rem;color:var(--web-theme-color); }
.contact-details-hotline a:hover{color:var(--web-theme-color-black);}
.contact-details-content:last-child{ padding-top:2rem;}
#contact-right{ width:100%; padding:3rem; border-radius:15px; -webkit-box-shadow: 0 5px 20px rgb(0 0 0 / 10%); box-shadow: 0 5px 20px rgb(0 0 0 / 10%);}
.contact-details-content-info{padding-top:2rem;}
.cont-txt{ padding-top:2rem;}
#contact-right h2{ color:#333;}
.contact-details-content:last-child .wrap-flex{justify-content: space-between; align-items: center; border-radius:10px; border:#d1d1d1 solid 1px;}
.cont-txt .wrap-flex i{padding:0 2rem; font-size:2rem; color:var(--web-theme-color-black); }
.cont-txt-text{ margin-top:4rem; display: -webkit-flex;  display: flex; justify-content: space-between; align-items: center; border-radius:10px;  border:#d1d1d1 solid 1px;}
.cont-txt-text i{ padding:0 4rem; padding-bottom:32vh; font-size:2rem;  color:var(--web-theme-color-black);}
#contact-details .form-control{ background-color:transparent; -webkit-box-shadow:inset 0 1px 1px rgba(234, 91, 36, 0);box-shadow:inset 0 1px 1px rgba(234, 91, 36, 0);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;border:none;}
#contact-details .form-control::-moz-placeholder {width:100%;color:#cdcfd1;}
#contact-details .form-control:-ms-input-placeholder {width:100%; color:#cdcfd1;}
#contact-details .form-control::-webkit-input-placeholder {width:100%;color:#cdcfd1;}
#contact-details .fbtn-txt{padding:1.4rem 2rem;}
.cont-button{display: -webkit-flex;  display: flex;  margin-top:4rem;}
.cont-button .btn-default{ width:18rem; padding:8px 2rem; margin:0; border-radius:35px; background-color:var(--web-theme-color); color:var(--web-theme-color-white); border:none;}
.cont-button button:hover{background-color:var(--web-theme-color-black);  } 
/*----
Map
-----*/	 
#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;
}

@media (max-width:1023px){
.contact-detailsimg{ position:absolute; left:-6rem; bottom:45%; z-index:-1;}	
#contact-details .sy-container{  padding-bottom:4vh;}
#contact-details .grid{grid-template-columns:1fr; grid-row-gap:6rem; }
.contact-details-content h2{ text-align:left; line-height:1.2em;color:var(--web-theme-color-black); font-weight:400;}
.contact-details-content h2 b{ font-size:3.2rem;}
.contact-details-cont ul li{ padding-top:1.4rem;}
.contact-details-cont ul li a{ font-size:1.4rem;}
#contact-right{ width:100%; padding:1rem;}
#contact-details .details-content ul li a{ font-size:14px;}
#allmap{height:36rem;}
}