<template>
  <div style="position: relative" class="text-normal pb-10">
    <div class="text-center txt-black pb-5 ma-auto" style="width: 90%">
      <div class=" mb-3 text-normal "><b>หมวดข้อมูลทั่วไป</b> <div class="text-sub3"> (สำหรับอ่าน)</div> </div> 
      <v-divider class="my-5 w-50 mx-auto mb-9" color="#4a4444"></v-divider>
      <!-- <hr  style="color: black;"> -->
      <div class="text-title mb-3 ">หน้าที่ของ สว. </div>
    
      <v-row align="center" justify="center">
        <v-col
          class="border-dot"
          align="center"
          justify="center"
          cols="12"
          sm="12"
          md="4"
        >
          <v-img
            :aspect-ratio="1"
            src="../assets/Group 42.png"
            width="70"
          ></v-img>
          <div class="text-subtitle my-3">พิจารณากฎหมาย</div>
          <div class="text-sub">
            พิจารณาและกลั่นกรองกฎหมาย กลั่นกรองพระราชบัญญัติ อนุมัติพระราชกำหนด
            แก้ไขเพิ่มเติมรัฐธรรมนูญ
          </div>
        </v-col>
        <v-col class="border-dot" align="center" cols="12" sm="12" md="4">
          <v-img
            :aspect-ratio="1"
            src="../assets/Group 43.png"
            width="70"
          ></v-img>
          <div class="text-subtitle my-3">ตรวจสอบการทำงานรัฐบาล</div>

          <div class="text-sub">
            ควบคุมการบริหารราชการแผ่นดิน ตั้งกระทู้ถาม
            เปิดอภิปรายทั่วไปในวุฒิสภา หรือที่ประชุมรัฐสภา การตั้งกรรมาธิการ
          </div>
        </v-col>
        <v-col align="center" cols="12" sm="12" md="4">
          <v-img
            :aspect-ratio="1"
            src="../assets/Group 44.png"
            width="70"
          ></v-img>
          <div class="text-subtitle my-3">เคาะเลือกคนมาตรวจสอบรัฐบาล</div>
          <div class="text-sub">
            ให้คำแนะนำหรือความเห็นชอบให้บุคคล ดำรงตำแหน่งในองค์กรตามรัฐธรรมนูญ
          </div>
        </v-col>
      </v-row>
    </div>
  </div>
</template>
<script>
export default {};
</script>
<style>
.border-dot {
  border-right: 3px dashed #b2c573;
}
.bg-white {
  background-color: white;
  height: auto;
}
@media only screen and (min-width: 0px) and (max-width: 700px) {
  .border-dot {
    border-right: 0px dashed #f2f7e200 !important;
  }
}
</style>
