@charset "utf-8";
/* --------------
About US
--------------- */
/* Company Profile */
#profile{padding-bottom:0;}
#profile h1{padding-top: 8rem; text-align: center; color:var(--web-theme-color-white);}
.company-img{padding-top: 6rem;}
#profile h4{padding-top: 6rem; color:var(--web-theme-color);}
#profile  h2{ padding-top: 1.4rem; text-align: left; } 
#profile  h2 span{ text-transform: uppercase;}
#profile  p{ margin-top:1rem;}
#profile .grid{ border-radius: 20px; border: #999 solid 1px;  padding: 5rem 2rem; margin: 0 auto; margin-top: 6rem; grid-template-columns: repeat(4,1fr);}
#profile .grid h2{ display: flex; justify-content: center; align-items: center; text-align: center;color: var(--web-theme-color);}
#profile .grid h2 span{display: block; margin-top: -2rem; margin-left: 1.4rem;  font-size: 1.6rem; color: var(--web-theme-color-white);}
#profile .grid h4{padding-top:0; letter-spacing: 0; text-align: center; color: var(--web-theme-color-white);}
/* Certificate */
#certificate{ padding-top:6rem;}
#certificate .grid{ grid-template-columns: repeat(3,42rem); justify-content: center; grid-gap: 0 6rem; margin-top: 6rem;}
.certificate-img img{  box-shadow: 0 0 10px rgba(80,80,80,0.6);}
/* Video */
#Video{  padding-bottom: 6rem;}
#Video video{width: 100%; display: flex; justify-content: center; align-items: center; padding-top: 6rem;}
/*-------
moblic phone
-------*/
@media (max-width:1023px){	
/* Company Profile */
#profile h1{padding-top: 1rem;}
.company-img{padding-top: 4rem;}
#profile h4{padding-top: 4rem;}
#profile  h2{ padding-top: 1.4rem; text-align: left; } 
#profile  h2 span{ text-transform: uppercase;}
#profile  p{ margin-top: 2rem;}
#profile .grid{ padding:1rem 2rem; margin: 0; margin-top: 4rem; grid-template-columns: repeat(2,1fr); grid-gap:2rem;}
#profile .grid h2{ display: flex; justify-content: center; align-items: center; text-align: center;}
#profile .grid h2 span{display: block; margin-top: -2rem; margin-left: 1.4rem;  font-size: 1.6rem;}
#profile .grid h4{padding-top:0; letter-spacing: 0; text-align: center; color: var(--web-theme-color-white);}
/* Video */
.video-info{ width: 100%; padding-top: 4rem; display: flex; justify-content: center; align-items: center;}
/* Certificate */
#certificate .grid{ grid-template-columns: repeat(2,1fr); grid-gap: 2rem; margin-top: 4rem;}
.certificate-img img{  box-shadow: 0 0 10px rgba(80,80,80,0.6);}
}