html {
	font-size: 62.5%;
}
body {
	font-family: "Poppins", sans-serif;
	color: #1F1F1F;
	line-height: 20px;
	font-weight: 400;
	font-size: 16px;
}
a {
	color: #434343;
	text-decoration: none;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
}
.container{ max-width:1170px;}
main{ max-width: 1200px; margin: 0 auto;}
.top_header{ display: flex; justify-content: space-between; padding-block: 2rem;}
.header_right{ display: flex; align-items: center; gap: 5rem;}
.nav_bar ul{ display: flex; gap: 2rem; margin: 1rem 0 0;}
.nav_bar ul li a{ font-size:1.6rem; color: #0f5e63; position: relative;}
.nav_bar ul li a:hover{ color: #00bb4b;}
.nav_bar ul li a::before{ width: 0.5rem; height:0.5rem; border-radius: 1rem; background-color: #0f5e63; position: absolute; content: ""; left:-1.3rem; top:0.9rem}
.nav_bar ul li:first-child a::before{ display: none;}
ul{ padding: 0; list-style: none;}
.phone{ display: flex; gap: 3rem; align-items: center;}
.phone ul{ display: flex; gap: 0.8rem; margin-bottom: 0;}
.phone>a{ font-size: 2.4rem; color: #0f5e63;}
.button a{ background-color: #00bb4b; font-size: 1.6rem; color:#fff; padding:1rem 2rem; font-weight: 500; display: block; border-radius: 0.4rem;}
.phone ul li a{ border: 2px solid #0f5e63; width: 3rem; height: 3rem; color: #0f5e63; display: block; border-radius: 0.3rem; line-height: 1.8; text-align: center;}
.button a:hover{ background-color: #0f5e63;}
.phone ul li a:hover{background-color: #0f5e63; color:#fff;}
.logo{ max-width: 35rem;}
.circle_img{ margin:5rem 0 2rem;}
.slider{ position: relative;}
/* .slider::before{ height: 100%; background-color:#00bb4b; position: absolute; left:0; width: 50%; bottom: 0; top: 0; content: "";} */
.slider::before{position: absolute;
  left: 0;
  top: 0;
  width: 42%;
  height: 100%;
  background: #11a84e;
  color: #fff;
  padding: 80px 60px;
  content: "";
  clip-path: polygon(
    0 0,
    80% 0,
    100% 100%,
    0 100%
  );}
.banner_text{ position: absolute; top:0px; bottom: 0; display: flex; align-items: center;}
main{ padding-top: 5rem;}
main p{ line-height: 1.6;}
.banner_cnt ul{ display: flex; gap:4rem;}
.banner_cnt ul li{ font-size: 4.2rem; color: #fff; font-weight: 700; position: relative;}
.banner_cnt ul li::before{ width: 1.5rem; height:1.5rem; border-radius: 1rem; background-color: #fff; position: absolute; content: ""; left:-2.3rem; top:0.4rem}
.banner_cnt ul li:first-child::before{ display: none;}
.banner_cnt h2{ font-size: 3rem; color: #fff; font-weight: 700; padding-top: 1rem;}
.banner_cnt a{ border: 2px solid #fff; padding: 1rem 2.5rem; font-size: 2rem; margin-top: 3rem; color: #fff;}
.banner_cnt a:hover{ background-color: #0f5e63; color: #fff; border-color: #0f5e63;}