@charset "utf-8";

/****** main *****/
.mainBanner{background:url('../img/mainBannerBg.png'); background-size:cover; background-position:center; overflow: hidden;}
.mainBtn{border: 1px solid rgba(255, 255, 255, 0.5);  background-color: rgba(255, 255, 255, 0.3);  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.mainImg{bottom:0; right:0;}
.serviceimg{height:auto;}
.serviceimg1 { background-image: url('../img/service1Img.png'); background-size:cover; background-position:center;}
.serviceimg2 { background-image: url('../img/service2Img.png'); background-size:cover; background-position:center;}
.serviceimg3 { background-image: url('../img/service3Img.png'); background-size:cover; background-position:center;}
.serviceimg4 { background-image: url('../img/service4Img.png'); background-size:cover; background-position:center;}
.serviceimg5 { background-image: url('../img/service5Img.png'); background-size:cover; background-position:center;}

.step{display:grid; grid-template-columns: repeat(6, 1fr); gap: 20px;} 
.consulting{background:url('../img/consultingBg.png'); background-size:cover;}
.certificate{background:url('../img/certificateBg.png'); background-size:90%; background-repeat: no-repeat; background-position-x:center; background-position-y: 60%;}
.contact{background:url('../img/contactBg.png'); background-size:cover; background-position:center;}