@font-face { font-family: DIN-Bold; src: url(../fonts/DIN-Bold.ttf); }
.case_ban_cont .case_ban_text h2{text-transform: uppercase;}

.pagebotm{ padding: 80px 0; }
.pagebotm h2{ font-style: normal; font-weight: 700; line-height: 1.5; font-size: 32px; margin-bottom: 30px; text-align: center; }
.pagebotm #a2 ul,.pagebotm #a3 ul{ display: flex; gap: 20px; justify-content: space-between;}
#a1{ margin-bottom: 50px; }
.pagebotm #a1 ul{display: flex; gap: 30px; justify-content: space-between; }
#a1 li{ width: 33.33333%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 20px;}
#a2{ padding: 50px 0; background-color: #f4f4f4; margin-bottom: 50px; }
.a2con h3,#a1 .txt h3 { font-size: 24px; font-weight: bold;  margin: 20px 0; }
.a2con p,#a1 .txt p { margin-bottom: 10px; line-height: 26px; text-align: justify; }
#a2 li:first-child{ width: 36%; }
#a2 li:last-child{ width: 70%; }
#a3 li span{ display: inline-block; float: left; margin-right: 10px;}
#a3 li h3{ font-size: 20px; color: #333333; font-weight: bold; margin-bottom: 5px; }
#a3 li{ border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 20px; width: 30%;}
.pagebotm li:hover{transform: translateY(-10px); transition: all ease .4s;}
@media (max-width:1366px) {
.pagebotm #a1 ul{ flex-wrap: wrap;  }
#a1 li{ width: 100%; }
#a1 li img{ float: left; width: 40%; margin-right: 15px; } 
}
@media (max-width:800px) {
#a1 li img{ width: 100%; float: none; margin-right: 0; }
.pagebotm #a2 ul{flex-wrap: wrap;}
.pagebotm #a2 li{ width:100%; }
#a3 li span{ float: none; display: block; margin: 0 auto 10px; text-align: center; }
#a3 li{ text-align: center; }
.pagebotm{ padding: 50px 0; }
}
@media (max-width:640px) {
.pagebotm #a3 ul{flex-wrap: wrap;}
#a3 li{ width: 100%; }
}