@charset "utf-8";
/* CSS Document */
/*------
Contact US
--------*/
#contact-us{ background:url(../img/contact/contactbg.webp) no-repeat center; background-size:cover; padding-top:6rem; padding-bottom:12vh; }
#contact-us .grid{grid-template-columns:repeat(2,1fr);}
.contact-us-overiew .more{ margin:0; margin-top:2rem; background-color:transparent;  border:var(--web-theme-color) solid 1px; color:var(--web-theme-color);}
.contact-us-overiew ul{ margin-top:12rem;}
.contact-us-overiew .wrap-flex img{ width:100%;}
.contact-us-overiew ul li{ flex:0 0 16rem;}
.contact-us-overiew ul li:nth-child(2){ margin:0 2rem;}
.contact-us-overiew ul li a img{ width:50px; height:50px;background-color:var(--web-theme-color); border-radius:50%; padding:1.4rem; }
.contact-us-link{ padding-top:1.2rem; text-align:center;}
.contact-us-info{ margin-top:2rem;}
.contact-us-info-content:first-child{background-color:var(--web-theme-color);  }
.contact-us-info-content:first-child .contact-us-info-content-largetitle{ margin-left:1.4rem;  font-size:5rem; font-weight:bold; color:#fff;}
.contact-us-info-content:first-child .contact-us-info-content-smalltitle{ font-size:2rem; margin-left:5rem; color:#fff; }
.contact-us-info-content:first-child img{width:4%;}
.contact-us-info-content{ border-radius:30px; background-color:#fff; padding:2rem 4rem; margin-top:2rem;flex:1;}
.contact-us-info-content:first-child .wrap-flex{ padding-top:2rem;}
.contact-us-info-content .wrap-flex{ padding-top:1rem;}
.contact-us-info-content-smalltitle{ font-size:1.8rem; margin-left:3.4rem;}
.contact-us-info-content-smalltitle {color:#333;}
.contact-us-info-content-largetitle{ margin-left:2rem;  font-size:2rem; font-weight:bold; color:#333;}
.contact-us-info-content img{width:2%;}
@media screen and (max-width: 1023px) {
/*Contact US*/
#contact-us{padding-top:2rem; padding-bottom:4rem; }
#contact-us .grid{grid-template-columns:1fr;}
.contact-us-overiew h4{ padding-top:1.4rem;}
.contact-us-overiew .more{ width:14rem; margin:0; margin-top:2rem; border-radius:8px;}
.contact-us-overiew ul li{ flex:0 0 14rem;}
.contact-us-overiew ul li:nth-child(2){ margin:0;}
.contact-us-overiew ul{ margin-top:4rem;}
.contact-us-overiew ul li a img{ width:40px; height:40px; padding:1.4rem; }
.contact-us-overiew ul li:nth-child(2){ margin:0 2rem;}
.contact-us-info{ margin-top:2rem;}
.contact-us-info-content:first-child .wrap-flex{ padding-top:2rem;}
.contact-us-info-content:first-child .wrap-flex .contact-us-info-content-largetitle{ margin-left:1.4rem;  font-size:3.5rem;  color:#fff;}
.contact-us-info-content:first-child .wrap-flex .contact-us-info-content-smalltitle{ font-size:2rem; margin-left:3rem;  color:#fff; }
.contact-us-info-content:first-child img{width:6%;}
.contact-us-info-content{ border-radius:5px; background-color:#fff; padding:2rem 4rem; margin-top:2rem;flex:1;}
.contact-us-info-content .wrap-flex{ padding-top:1rem;}
.contact-us-info-content .wrap-flex .contact-us-info-content-smalltitle{ margin-left:3.4rem; font-size:1.8rem;color:#333;}
.contact-us-info-content .wrap-flex .contact-us-info-content-largetitle{ margin-left:2rem;  font-size:2rem; color:#333}
.contact-us-info-content .wrap-flex .contact-us-info-content-largetitle b{color:#333}
.contact-us-info-content img{width:4%;}
}