.height-20 { height: 20px }
.height-40 { height: 40px }
.height-60 { height: 60px }
.height-80 { height: 80px }
.height-100 { height: 100px }
.height-120 { height: 120px }
.height-140 { height: 140px }
.height-160 { height: 160px }
.height-180 { height: 180px }
.height-200 { height: 200px }
.height-220 { height: 220px }
.height-240 { height: 240px }
.height-260 { height: 260px }
.height-280 { height: 280px }
.height-300 { height: 300px }

#atrecum hr{border-width: 1px;border-color: rgb(203 144 87 / 33%);margin-top: 1rem;margin-bottom: 1rem;}

#atrecum .infotitleJ{font-size: max(2 * (1vw + 1vh) / 2, 24px);border-bottom: #929292;color: #cb9057;font-weight: 600;}
#atrecum .Jmlittletitle{font-size:max(1.5 * (1vw + 1vh) / 2,17px);font-weight:500;color:var(--secondary)}
#atrecum .Jmlittletitle.centerJtitle{text-align: center;font-weight: 600;font-size: 24px;border: #cecece 1px solid;padding: 10px 0;}
#atrecum .inotitle {width: 100%;display: flex;font-size: 20px;font-weight: 600;}

#atrecum p{line-height: 1.8;font-weight: 300;}
.poteach_box{display:grid;grid-template-columns: repeat(3,1fr);gap: 10px;}
.poteach_box .poteach_item{display: flex;flex-direction: column;justify-content: space-between;gap: 15px;align-items: center;background: #ffffff;}
.poteach_box .poteach_item.dark{background: #1e293d;}
.poteach_box .poteach_item p{font-size: max(1 * (1vw + 1vh) / 2, 16px);background: #232b3a;width: 100%;text-align: center;padding: 15px 5px;}
.fullimg{display: flex;flex-direction: column;align-items: center;}
.fullimg img{width: 100%;}
.butoom_box{display:flex;gap:10px;margin-bottom: 30px;justify-content: center;}
.butoom_box a{background:#cb9057;border-radius:666px;padding:10px 20px;}
.butoom_box a:hover{background:#dc4548}
@media screen and (max-width: 768px){
	.poteach_box{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 550px){
	.poteach_box{grid-template-columns: repeat(1, 1fr);}
}