<template>
  <div style="position: relative" class="bg-white text-normal pb-10">
    <div class="text-center txt-black py-10 ma-auto" style="width: 90%">
      <div class="text-title my-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;
}
</style>
