diff --git a/next/components/molecules/uiUserPage.js b/next/components/molecules/uiUserPage.js
index 782f758f2..e59a4291b 100644
--- a/next/components/molecules/uiUserPage.js
+++ b/next/components/molecules/uiUserPage.js
@@ -94,7 +94,7 @@ export function ModalGeneral ({
         minWidth={isMobileMod() ? "auto" : "536px"}
         boxSizing="content-box"
         padding="32px"
-        borderRadius="20px"
+        borderRadius="16px"
         {...propsModalContent}
       >
         <ModalHeader padding="0">
diff --git a/next/pages/api/user/changeUserGcpEmail.js b/next/pages/api/user/changeUserGcpEmail.js
new file mode 100644
index 000000000..4a247fd2f
--- /dev/null
+++ b/next/pages/api/user/changeUserGcpEmail.js
@@ -0,0 +1,44 @@
+import axios from "axios";
+
+const API_URL= `${process.env.NEXT_PUBLIC_API_URL}/api/v1/graphql`
+
+async function changeUserGcpEmail(email, token) {
+  try {
+    const res = await axios({
+      url: API_URL,
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${token}`
+      },
+      data: {
+        query: `
+          mutation {
+            changeUserGcpEmail (email: "${email}"){
+              ok
+              errors
+            }
+          }
+        `
+      }
+    })
+    const data = res.data?.data?.changeUserGcpEmail
+    return data
+  } catch (error) {
+    console.error(error)
+    return "err"
+  }
+}
+
+export default async function handler(req, res) {
+  const token = () => {
+    if(req.query.q) return atob(req.query.q)
+    return req.cookies.token
+  }
+
+  const result = await changeUserGcpEmail(atob(req.query.p), token())
+
+  if(result.errors) return res.status(500).json({error: result.errors})
+  if(result === "err") return res.status(500).json({error: "err"})
+
+  res.status(200).json(result)
+}
diff --git a/next/pages/api/user/getUser.js b/next/pages/api/user/getUser.js
index d9749b807..b38d3de83 100644
--- a/next/pages/api/user/getUser.js
+++ b/next/pages/api/user/getUser.js
@@ -20,6 +20,7 @@ async function getUser(id, token) {
                   isAdmin
                   isActive
                   isEmailVisible
+                  gcpEmail
                   picture
                   username
                   firstName
diff --git a/next/pages/api/user/isEmailInGoogleGroup.js b/next/pages/api/user/isEmailInGoogleGroup.js
new file mode 100644
index 000000000..31472609a
--- /dev/null
+++ b/next/pages/api/user/isEmailInGoogleGroup.js
@@ -0,0 +1,44 @@
+import axios from "axios";
+
+const API_URL= `${process.env.NEXT_PUBLIC_API_URL}/api/v1/graphql`
+
+async function isEmailInGoogleGroup(email, token) {
+  try {
+    const res = await axios({
+      url: API_URL,
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${token}`
+      },
+      data: {
+        query: `
+          query {
+            isEmailInGoogleGroup (email: "${email}"){
+              ok
+              errors
+            }
+          }
+        `
+      }
+    })
+    const data = res.data?.data?.isEmailInGoogleGroup
+    return data
+  } catch (error) {
+    console.error(error)
+    return "err"
+  }
+}
+
+export default async function handler(req, res) {
+  const token = () => {
+    if(req.query.q) return atob(req.query.q)
+    return req.cookies.token
+  }
+
+  const result = await isEmailInGoogleGroup(atob(req.query.p), token())
+
+  if(result.errors) return res.status(500).json({error: result.errors})
+  if(result === "err") return res.status(500).json({error: "err"})
+
+  res.status(200).json(result)
+}
diff --git a/next/pages/user/[username].js b/next/pages/user/[username].js
index edcdd16bc..2555fbe24 100644
--- a/next/pages/user/[username].js
+++ b/next/pages/user/[username].js
@@ -733,7 +733,7 @@ const Account = ({ userInfo }) => {
               fontSize="14px"
               top="24px"
               right="26px"
-              _hover={{backgroundColor: "transparent", color:"#42B0FF"}}
+              _hover={{backgroundColor: "transparent", opacity: 0.7}}
               onClick={() => {
                 setEmailSent(false)
                 emailModal.onClose()
@@ -749,7 +749,7 @@ const Account = ({ userInfo }) => {
               fontSize="14px"
               top="34px"
               right="26px"
-              _hover={{backgroundColor: "transparent", color:"#42B0FF"}}
+            _hover={{backgroundColor: "transparent", opacity: 0.7}}
             />
           </Stack>
         }
@@ -888,7 +888,7 @@ instruções enviadas no e-mail para completar a alteração.</ExtraInfoTextForm
             fontSize="14px"
             top="34px"
             right="26px"
-            _hover={{backgroundColor: "transparent", color:"#42B0FF"}}
+            _hover={{backgroundColor: "transparent", opacity: 0.7}}
           />
         </Stack>
 
@@ -1190,7 +1190,7 @@ const NewPassword = ({ userInfo }) => {
             fontSize="14px"
             top="34px"
             right="26px"
-            _hover={{backgroundColor: "transparent", color:"#42B0FF"}}
+            _hover={{backgroundColor: "transparent", opacity: 0.7}}
           />
         </Stack>
 
@@ -1448,12 +1448,20 @@ const PlansAndPayment = ({ userData }) => {
   const [couponInfos, setCouponInfos] = useState({})
   const [couponInputFocus, setCouponInputFocus] = useState(false)
   const [coupon, setCoupon] = useState("")
+  const [hasOpenEmailModal, setHasOpenEmailModal] = useState(false)
+  const [emailGCP, setEmailGCP] = useState(userData?.gcpEmail || userData?.email)
+  const [emailGCPFocus, setEmailGCPFocus] = useState(false)
+  const [errEmailGCP, setErrEmailGCP] = useState(false)
+  const [isLoadingEmailChange, setIsLoadingEmailChange] = useState(false)
+
   const PaymentModal = useDisclosure()
+  const EmailModal = useDisclosure()
   const SucessPaymentModal = useDisclosure()
   const ErroPaymentModal = useDisclosure()
   const PlansModal = useDisclosure()
   const CancelModalPlan = useDisclosure()
   const AlertChangePlanModal  = useDisclosure()
+  
   const [isLoading, setIsLoading] = useState(false)
   const [isLoadingH, setIsLoadingH] = useState(false)
   const [isLoadingCanSub, setIsLoadingCanSub] = useState(false)
@@ -1518,7 +1526,10 @@ const PlansAndPayment = ({ userData }) => {
     const value = Object.values(plans).find(elm => elm._id === plan)
     if(value?.interval === "month") setToggleAnual(false)
     setCheckoutInfos(value)
-    PaymentModal.onOpen()
+    if(!hasOpenEmailModal) {
+      EmailModal.onOpen()
+      setHasOpenEmailModal(true)
+    }
   }, [plan, plans])
 
   useEffect(() => {
@@ -1800,6 +1811,28 @@ const PlansAndPayment = ({ userData }) => {
     ) 
   }
 
+  async function handlerEmailGcp() {
+    setErrEmailGCP(false)
+    setIsLoadingEmailChange(true)
+
+    function isValidEmail(email) {
+      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
+      return emailRegex.test(email)
+    }
+    if(!isValidEmail(emailGCP)) return setErrEmailGCP(true)
+
+    const response = await fetch(`/api/user/changeUserGcpEmail?p=${btoa(emailGCP)}`)
+      .then(res => res.json())
+
+      if(response.ok) {
+      setIsLoadingEmailChange(false)
+      EmailModal.onClose()
+      PaymentModal.onOpen()
+    } else {
+      setErrEmailGCP(true)
+    }
+  }
+
   useEffect(() => {
     if(valueCoupon === "") {
       setCoupon("")
@@ -1834,6 +1867,16 @@ const PlansAndPayment = ({ userData }) => {
         isCentered={isMobileMod() ? false : true}
       >
         <Stack spacing={0} marginBottom="40px">
+          <Text
+            width="100%"
+            fontFamily="Roboto"
+            fontWeight="400"
+            color="#2B8C4D"
+            fontSize="14px"
+            lineHeight="20px"
+          >
+            Passo 2 de 2
+          </Text>
           <Text
             width="100%"
             fontFamily="Roboto"
@@ -1848,7 +1891,7 @@ const PlansAndPayment = ({ userData }) => {
             fontSize="14px"
             top="34px"
             right="26px"
-            _hover={{backgroundColor: "transparent", color:"#42B0FF"}}
+            _hover={{backgroundColor: "transparent", opacity: 0.7}}
           />
         </Stack>
 
@@ -1903,29 +1946,36 @@ const PlansAndPayment = ({ userData }) => {
 
               <Box
                 display="flex"
-                flexDirection="row"
+                flexDirection={{base: "column", lg: "row"}}
                 gap="8px"
-                alignItems="center"
+                alignItems={{base: "start", lg: "center"}}
               >
-                {toggleAnual ?  
-                    <Toggle
-                      defaultChecked
-                      value={toggleAnual}
-                      onChange={() => changeIntervalPlanCheckout()}
-                    />
-                  : 
-                    <Toggle
-                      value={toggleAnual}
-                      onChange={() => changeIntervalPlanCheckout()}
-                    />
-                }
-                <Text
-                  fontFamily="Roboto"
-                  fontWeight="400"
-                  fontSize="16px"
-                  lineHeight="24px"
-                  color="#252A32"
-                >Desconto anual</Text>
+                <Box
+                  display="flex"
+                  flexDirection="row"
+                  gap="8px"
+                  alignItems="center"
+                >
+                  {toggleAnual ?  
+                      <Toggle
+                        defaultChecked
+                        value={toggleAnual}
+                        onChange={() => changeIntervalPlanCheckout()}
+                      />
+                    : 
+                      <Toggle
+                        value={toggleAnual}
+                        onChange={() => changeIntervalPlanCheckout()}
+                      />
+                  }
+                  <Text
+                    fontFamily="Roboto"
+                    fontWeight="400"
+                    fontSize="16px"
+                    lineHeight="24px"
+                    color="#252A32"
+                  >Desconto anual</Text>
+                </Box>
                 <Text
                   as="span"
                   color="#2B8C4D"
@@ -1957,7 +2007,7 @@ const PlansAndPayment = ({ userData }) => {
 
               <Box
                 display="flex"
-                flexDirection="row"
+                flexDirection={{base: "column", lg: "row"}}
                 alignItems="center"
                 gap="8px"
               >
@@ -1999,7 +2049,7 @@ const PlansAndPayment = ({ userData }) => {
                   display="flex"
                   alignItems="center"
                   justifyContent="center"
-                  width="fit-content"
+                  width={{base: "100%", lg: "fit-content"}}
                   height="44px"
                   borderRadius="8px"
                   padding="10px 34px"
@@ -2090,6 +2140,39 @@ const PlansAndPayment = ({ userData }) => {
                 A partir do {couponInfos?.duration === "once" && 2} {couponInfos?.duration === "repeating" && couponInfos?.durationInMonths + 1}º {formattedPlanInterval(checkoutInfos?.interval, true)} {!hasSubscribed && "e 7º dia"}, o total a pagar será de {checkoutInfos?.amount?.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2 })}/{formattedPlanInterval(checkoutInfos?.interval, true)}.
               </Text>
             }
+
+            <Box display={{base:"none", lg: "flex"}} marginTop="auto !important">
+              <Box
+                as="button"
+                display="flex"
+                alignItems="center"
+                justifyContent="center"
+                width={{base: "100%", lg: "fit-content"}}
+                height="40px"
+                borderRadius="8px"
+                padding="10px 34px"
+                border="1px solid"
+                cursor="pointer"
+                marginTop="24px !important"
+                backgroundColor="#FFF"
+                color="#2B8C4D"
+                borderColor="#2B8C4D"
+                _hover={{
+                  borderColor: "#22703E",
+                  color: "#22703E"
+                }}
+                fontFamily="Roboto"
+                fontWeight="500"
+                fontSize="14px"
+                lineHeight="20px"
+                onClick={() => {
+                  PaymentModal.onClose()
+                  EmailModal.onOpen()
+                }}
+              >
+                Voltar
+              </Box>
+            </Box>
           </Stack>
 
           <Box display="flex" flexDirection="column" gap="24px" flex={1}>
@@ -2109,6 +2192,224 @@ const PlansAndPayment = ({ userData }) => {
               onSucess={() => openModalSucess()}
               onErro={() => openModalErro()}
             />
+
+            <Box display={{base:"flex", lg: "none"}} marginTop="auto !important">
+              <Box
+                as="button"
+                display="flex"
+                alignItems="center"
+                justifyContent="center"
+                width={{base: "100%", lg: "fit-content"}}
+                height="40px"
+                borderRadius="8px"
+                padding="10px 34px"
+                border="1px solid"
+                cursor="pointer"
+                backgroundColor="#FFF"
+                color="#2B8C4D"
+                borderColor="#2B8C4D"
+                _hover={{
+                  borderColor: "#22703E",
+                  color: "#22703E"
+                }}
+                fontFamily="Roboto"
+                fontWeight="500"
+                fontSize="14px"
+                lineHeight="20px"
+                onClick={() => {
+                  PaymentModal.onClose()
+                  EmailModal.onOpen()
+                }}
+              >
+                Voltar
+              </Box>
+            </Box>
+          </Box>
+        </Stack>
+      </ModalGeneral>
+
+      {/* email gcp */}
+      <ModalGeneral
+        isOpen={EmailModal.isOpen}
+        onClose={() => {
+          setEmailGCP(userData?.gcpEmail || userData?.email)
+          setErrEmailGCP(false)
+          EmailModal.onClose()
+        }}
+        propsModalContent={{
+          width: "100%",
+          maxWidth:"1008px",
+          margin: "24px",
+        }}
+        isCentered={isMobileMod() ? false : true}
+      >
+        <Stack spacing={0}>
+          <Text
+            width="100%"
+            fontFamily="Roboto"
+            fontWeight="400"
+            color="#2B8C4D"
+            fontSize="14px"
+            lineHeight="20px"
+          >
+            Passo 1 de 2
+          </Text>
+          <ModalCloseButton
+            fontSize="14px"
+            top="28px"
+            right="26px"
+            _hover={{backgroundColor: "transparent", opacity: 0.7}}
+          />
+        </Stack>
+
+        <Stack marginBottom={{base: "24px", lg: "285px !important"}}>
+          <Text
+            fontFamily="Roboto"
+            fontWeight="500"
+            color="#252A32"
+            fontSize="24px"
+            lineHeight="36px"
+          >
+            E-mail de acesso ao BigQuery
+          </Text>
+
+          <Text
+            fontFamily="Roboto"
+            fontWeight="400"
+            color="#464A51"
+            fontSize="16px"
+            lineHeight="24px"
+            marginBottom="32px !important"
+          >
+            O seu e-mail precisa ser uma <Text as="span" fontWeight="500">Conta Google</Text> para garantir acesso exclusivo aos dados pelo BigQuery. Já preenchemos com o e-mail que você usou ao criar sua conta na nossa plataforma. Caso necessite usar outro e-mail para acessar o BigQuery, basta editá-lo abaixo.
+          </Text>
+
+          <Text
+            fontFamily="Roboto"
+            fontWeight="500"
+            color="#252A32"
+            fontSize="16px"
+            lineHeight="24px"
+            marginBottom="8px !important"
+          >
+            E-mail de acesso
+          </Text>
+
+          <Stack
+            spacing={0}
+            width={{base: "100%", lg: "464px"}}
+            position="relative"
+          >
+            <ControlledInputSimple
+              value={emailGCP}
+              onChange={setEmailGCP}
+              inputFocus={emailGCPFocus}
+              changeInputFocus={setEmailGCPFocus}
+              width="100%"
+              placeholder="Insira o e-mail que deseja utilizar para acessar o BigQuery"
+              inputElementStyle={{
+                display: "none",
+              }}
+              inputStyle={{
+                paddingLeft: "16px !important",
+                paddingRight: "40px !important",
+                borderRadius: "8px",
+                height: "44px",
+                backgroundColor: errEmailGCP ? "#F6E3E3" : "#EEEEEE"
+              }}
+            />
+          </Stack>
+
+          {errEmailGCP && 
+            <Text
+              display="flex"
+              flexDirection="row"
+              fontFamily="Roboto"
+              fontSize="14px"
+              lineHeight="20px"
+              fontWeight="400"
+              color="#BF3434"
+              gap="8px"
+              height="24px"
+              alignItems="center"
+            >
+              <Exclamation
+                width="21px"
+                height="21px"
+                fill="#BF3434"
+              /> Por favor, insira um e-mail válido.
+            </Text>
+          }
+        </Stack>
+
+        <Stack
+          width="100%"
+          spacing={0}
+          gap="16px"
+          justifyContent="end"
+          flexDirection={{base: "column-reverse", lg:"row"}}
+        >
+          <Box
+            as="button"
+            display="flex"
+            alignItems="center"
+            justifyContent="center"
+            width={{base: "100%", lg:"fit-content"}}
+            height="40px"
+            borderRadius="8px"
+            padding="10px 34px"
+            border="1px solid"
+            cursor="pointer"
+            backgroundColor="#FFF"
+            color="#2B8C4D"
+            borderColor="#2B8C4D"
+            _hover={{
+              borderColor: "#22703E",
+              color: "#22703E"
+            }}
+            fontFamily="Roboto"
+            fontWeight="500"
+            fontSize="14px"
+            lineHeight="20px"
+            onClick={() => {
+              setEmailGCP(userData?.gcpEmail || userData?.email)
+              setErrEmailGCP(false)
+              EmailModal.onClose()
+            
+            }}
+          >
+            Cancelar
+          </Box>
+
+          <Box
+            as="button"
+            display="flex"
+            alignItems="center"
+            justifyContent="center"
+            width={{base: "100%", lg:"fit-content"}}
+            height="40px"
+            borderRadius="8px"
+            padding="10px 34px"
+            border="1px solid"
+            cursor="pointer"
+            backgroundColor="#2B8C4D"
+            color="#FFF"
+            borderColor="#2B8C4D"
+            _hover={{
+              borderColor: "#22703E",
+              backgroundColor: "#22703E"
+            }}
+            fontFamily="Roboto"
+            fontWeight="500"
+            fontSize="14px"
+            lineHeight="20px"
+            onClick={() => handlerEmailGcp()}
+          >
+            {isLoadingEmailChange ?
+              <Spinner/>
+              :
+              "Próximo"
+            }
           </Box>
         </Stack>
       </ModalGeneral>
@@ -2116,6 +2417,10 @@ const PlansAndPayment = ({ userData }) => {
       {/* success */}
       <ModalGeneral
         isOpen={SucessPaymentModal.isOpen}
+        propsModalContent={{
+          width: "100%",
+          maxWidth: "656px"
+        }}
         onClose={() => setIsLoading(true)}
       >
         <Stack spacing={0} marginBottom="16px">
@@ -2124,7 +2429,7 @@ const PlansAndPayment = ({ userData }) => {
             fontSize="14px"
             top="28px"
             right="26px"
-            _hover={{backgroundColor: "transparent", color:"#42B0FF"}}
+            _hover={{backgroundColor: "transparent", opacity: 0.7}}
           />
         </Stack>
 
@@ -2145,24 +2450,23 @@ const PlansAndPayment = ({ userData }) => {
             fill="#34A15A"
           />
           <Text
-            fontFamily="Ubuntu"
-            fontWeight="400"
+            fontFamily="Roboto"
+            fontWeight="500"
             fontSize="24px"
-            lineHeight="40px"
+            lineHeight="36px"
             color="#252A32"
           >
-            Parabéns!
+            Assinatura efetuada com sucesso!
           </Text>
           <Text
-            fontFamily="Ubuntu"
+            fontFamily="Roboto"
             fontWeight="400"
             fontSize="16px"
-            lineHeight="22px"
-            textAlign="center"
-            letterSpacing="0.2px"
-            color="#7D7D7D"
+            lineHeight="24px"
+            color="#464A51"
           >
-            Seu pagamento foi efetuado com sucesso e seu plano foi atualizado.
+            O acesso aos dados foi concedido para o e-mail <Text as="span" fontWeight="500">{emailGCP}</Text>. Se precisar alterar o e-mail de acesso, você pode fazer isso na seção “BigQuery” das configurações da sua conta.
+            Em caso de dúvida, <Text as="a" href="/contato" target="_self" color="#0068C5" _hover={{color: "#0057A4"}}>entre em contato com nosso suporte.</Text>
           </Text>
         </Stack>
 
@@ -2172,26 +2476,61 @@ const PlansAndPayment = ({ userData }) => {
           gap="24px"
           width="100%"
         >
-          <RoundedButton
-            borderRadius="30px"
+          <Box
+            as="button"
+            display="flex"
+            alignItems="center"
+            justifyContent="center"
+            width={{base:"100%", lg: "50%"}}
+            height="40px"
+            borderRadius="8px"
+            padding="10px 34px"
+            border="1px solid"
+            cursor="pointer"
+            marginTop="auto !important"
             backgroundColor="#FFF"
-            border="1px solid #42B0FF"
-            color="#42B0FF"
-            width="inherit"
-            _hover={{transform: "none", opacity: 0.8}}
-            onClick={() => setIsLoading(true)}
+            color="#2B8C4D"
+            borderColor="#2B8C4D"
+            _hover={{
+              borderColor: "#22703E",
+              color: "#22703E"
+            }}
+            fontFamily="Roboto"
+            fontWeight="500"
+            fontSize="14px"
+            lineHeight="20px"
+            onClick={() => window.open(`/user/${userData?.username}?big_query`, "_self")}
           >
             {isLoading ?
               <Spinner/>
               :
-              "Continuar nas configurações"
+              "Alterar e-mail de acesso"
             }
-          </RoundedButton>
+          </Box>
 
-          <RoundedButton
-            borderRadius="30px"
-            width="inherit"
-            _hover={{transform: "none", opacity: 0.8}}
+          <Box
+            as="button"
+            display="flex"
+            alignItems="center"
+            justifyContent="center"
+            width={{base:"100%", lg: "50%"}}
+            height="40px"
+            borderRadius="8px"
+            padding="10px 34px"
+            border="1px solid"
+            cursor="pointer"
+            marginTop="auto !important"
+            backgroundColor="#2B8C4D"
+            color="#FFF"
+            borderColor="#2B8C4D"
+            _hover={{
+              borderColor: "#22703E",
+              backgroundColor: "#22703E"
+            }}
+            fontFamily="Roboto"
+            fontWeight="500"
+            fontSize="14px"
+            lineHeight="20px"
             onClick={() => setIsLoadingH(true)}
           >
             {isLoadingH ?
@@ -2199,7 +2538,7 @@ const PlansAndPayment = ({ userData }) => {
               :
               "Ir para a página inicial"
             }
-          </RoundedButton>
+          </Box>
         </Stack>
       </ModalGeneral>
 
@@ -2214,7 +2553,7 @@ const PlansAndPayment = ({ userData }) => {
             fontSize="14px"
             top="28px"
             right="26px"
-            _hover={{backgroundColor: "transparent", color:"#42B0FF"}}
+            _hover={{backgroundColor: "transparent", opacity: 0.7}}
           />
         </Stack>
 
@@ -2318,7 +2657,7 @@ const PlansAndPayment = ({ userData }) => {
             fontSize="14px"
             top="34px"
             right="26px"
-            _hover={{backgroundColor: "transparent", color:"#42B0FF"}}
+            _hover={{backgroundColor: "transparent", opacity: 0.7}}
           />
         </Stack>
 
@@ -2416,7 +2755,7 @@ const PlansAndPayment = ({ userData }) => {
                 onClick: subscriptionInfo?.stripeSubscription === "bd_pro" ? () => {} : () => {
                   setPlan(plans?.[`bd_pro_${toggleAnual ? "year" : "month"}`]._id)
                   PlansModal.onClose()
-                  PaymentModal.onOpen()
+                  EmailModal.onOpen()
                 },
                 isCurrentPlan: subscriptionInfo?.stripeSubscription === "bd_pro" ? true : false,
               }}
@@ -2437,7 +2776,7 @@ const PlansAndPayment = ({ userData }) => {
                 onClick: subscriptionInfo?.stripeSubscription === "bd_pro_empresas" ? () => {} : () => {
                   setPlan(plans?.[`bd_empresas_${toggleAnual ? "year" : "month"}`]._id)
                   PlansModal.onClose()
-                  PaymentModal.onOpen()
+                  EmailModal.onOpen()
                 },
                 isCurrentPlan: subscriptionInfo?.stripeSubscription === "bd_pro_empresas" ? true : false,
               }}
@@ -2464,7 +2803,7 @@ const PlansAndPayment = ({ userData }) => {
             fontSize="14px"
             top="34px"
             right="26px"
-            _hover={{backgroundColor: "transparent", color:"#42B0FF"}}
+            _hover={{backgroundColor: "transparent", opacity: 0.7}}
           />
         </Stack>
 
@@ -2514,7 +2853,7 @@ const PlansAndPayment = ({ userData }) => {
             fontSize="14px"
             top="34px"
             right="26px"
-            _hover={{backgroundColor: "transparent", color:"#42B0FF"}}
+            _hover={{backgroundColor: "transparent", opacity: 0.7}}
           />
         </Stack>
 
@@ -2864,7 +3203,118 @@ const Accesses = ({ userInfo }) => {
     </Stack>
   )
 }
-// Sections Of User Page
+
+const BigQuery = ({ userInfo }) => {
+  const [emailGcp, setEmailGcp] = useState(userInfo?.gcpEmail || userInfo?.email)
+  const [errors, setErrors] = useState({})
+  const [isLoading, setIsLoading] = useState(false)
+
+  async function handleUpdateEmailGcp() {
+    setErrors({})
+    setIsLoading(true)
+
+    function isValidEmail(email) {
+      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
+      return emailRegex.test(email)
+    }
+
+    if(!isValidEmail(emailGcp)) { 
+      setErrors({emailGcp: "Por favor, insira um e-mail válido."})
+    } else {
+      const reg = new RegExp("(?<=:).*")
+      const [ id ] = reg.exec(userInfo.id)
+
+      let user
+      let attempts = 0
+      const maxAttempts = 10
+      const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
+
+      const response = await fetch(`/api/user/changeUserGcpEmail?p=${btoa(emailGcp)}`)
+        .then(res => res.json())
+      
+      if(response.ok) {
+        while (!user?.gcpEmail && attempts < maxAttempts) {
+          user = await fetch(`/api/user/getUser?p=${btoa(id)}`, { method: "GET" })
+            .then((res) => res.json())
+  
+          if (user?.gcpEmail) {
+            cookies.set("userBD", JSON.stringify(user))
+            break
+          }
+  
+          attempts++
+          await delay(10000)
+        }
+      } else {
+        setErrors({emailGcp: "Por favor, insira um e-mail válido."})
+      }
+    }
+    setIsLoading(false)
+  }
+
+  return (
+    <Stack>
+      <Box display={isLoading ? "flex" : "none"} position="fixed" top="0" left="0" width="100%" height="100%" zIndex="99999"/>
+
+      <Text
+        fontFamily="Ubuntu"
+        fontWeight="400"
+        fontSize="16px"
+        lineHeight="22px"
+        letterSpacing="0.2px"
+        color="#252A32"
+      >
+        E-mail de acesso ao BigQuery
+      </Text>
+
+      <Text
+        fontFamily="Ubuntu"
+        fontWeight="400"
+        fontSize="14px"
+        lineHeight="20px"
+        letterSpacing="0.3px"
+        color="#7D7D7D"
+      >
+        O seu e-mail precisa ser uma <Text as="span" fontWeight="500">Conta Google</Text> para garantir acesso exclusivo aos dados pelo BigQuery.
+      </Text>
+
+      <FormControl isInvalid={!!errors.emailGcp} margin="16px 0 24px !important">
+        <InputForm
+          id="emailgcp"
+          name="emailgcp"
+          value={emailGcp}
+          onChange={(e) => setEmailGcp(e.target.value)}
+          placeholder="Insira o e-mail que deseja utilizar para acessar o BigQuery"
+          fontFamily="ubuntu"
+          
+          maxWidth="480px"
+          height="40px"
+          fontSize="14px"
+          borderRadius="16px"
+          _invalid={{boxShadow:"0 0 0 2px #D93B3B"}}
+        />
+        <FormErrorMessage fontFamily="ubuntu" fontSize="12px" color="#D93B3B" display="flex" flexDirection="row" gap="4px" alignItems="center">
+          <Exclamation marginTop="3px" fill="#D93B3B"/>{errors.emailGcp}
+        </FormErrorMessage>
+      </FormControl>
+
+      <RoundedButton
+        borderRadius="30px"
+        width={isMobileMod() ? "100%" : "fit-content"}
+        _hover={{transform: "none", opacity: 0.8}}
+        marginTop="0 !important"
+        onClick={() => handleUpdateEmailGcp()}
+        isDisabled={isLoading}
+      >
+        {isLoading ?
+          <Spinner />
+        :
+          "Atualizar e-mail"
+        }
+      </RoundedButton>
+    </Stack>
+  )
+}
 
 export default function UserPage({ getUser }) {
   const router = useRouter()
@@ -2876,11 +3326,17 @@ export default function UserPage({ getUser }) {
     setUserInfo(getUser)
   }, [getUser])
 
+  const isUserPro = () => {
+    if(getUser?.internalSubscription?.edges?.[0]?.node?.isActive === true) return true
+    return false
+  }
+
   const choices = [
     {bar: "Perfil público", title: "Perfil público", value: "profile", index: 0},
     {bar: "Conta", title: "Conta", value: "account", index: 1},
     {bar: "Senha", title: "Alterar senha", value: "new_password", index: 2},
     {bar: "Planos e pagamento", title: "Planos e pagamento", value: "plans_and_payment", index: 3},
+    isUserPro() && {bar: "BigQuery", title: "BigQuery", value: "big_query", index: 4},
   ]
   // {bar: "Acessos", title: "Gerenciar acessos", value: "accesses", index: 4},
 
@@ -2961,6 +3417,7 @@ export default function UserPage({ getUser }) {
             {sectionSelected === 1 && <Account userInfo={userInfo}/>}
             {sectionSelected === 2 && <NewPassword userInfo={userInfo}/>}
             {sectionSelected === 3 && <PlansAndPayment userData={userInfo}/>}
+            {sectionSelected === 4 && isUserPro() && <BigQuery userInfo={userInfo}/>}
             {/* {sectionSelected === 4 && <Accesses userInfo={userInfo}/>} */}
           </Stack>
         </Stack>
diff --git a/next/public/img/icons/penIcon.js b/next/public/img/icons/penIcon.js
index 64f6af984..bd061b1fa 100644
--- a/next/public/img/icons/penIcon.js
+++ b/next/public/img/icons/penIcon.js
@@ -2,11 +2,11 @@ import { createIcon } from '@chakra-ui/icons';
 
 const PenIcon = createIcon({
   displayName: "pen",
-  viewBox: "0 0 22 22",
+  viewBox: "0 0 32 32",
   path: (
     <path
       fill="current-color"
-      d="M19.5043 6.9933L17.8835 8.61408C17.7183 8.77932 17.4511 8.77932 17.2858 8.61408L13.3833 4.71155C13.218 4.54631 13.218 4.27911 13.3833 4.11387L15.0041 2.49309C15.6615 1.83564 16.7303 1.83564 17.3913 2.49309L19.5043 4.60608C20.1652 5.26353 20.1652 6.33233 19.5043 6.9933ZM11.991 5.50612L2.75858 14.7386L2.01323 19.0103C1.91127 19.5868 2.41403 20.0861 2.99062 19.9876L7.2623 19.2388L16.4948 10.0063C16.66 9.84109 16.66 9.57389 16.4948 9.40864L12.5922 5.50612C12.4235 5.34088 12.1563 5.34088 11.991 5.50612ZM6.36226 13.9475C6.16889 13.7542 6.16889 13.4448 6.36226 13.2514L11.7766 7.83709C11.9699 7.64372 12.2793 7.64372 12.4727 7.83709C12.6661 8.03046 12.6661 8.33984 12.4727 8.53321L7.05839 13.9475C6.86502 14.1409 6.55563 14.1409 6.36226 13.9475ZM5.09306 16.9043H6.78064V18.1805L4.51296 18.5778L3.41955 17.4844L3.81683 15.2167H5.09306V16.9043Z"
+      d="M6.04366 25.9548H8.07033L21.9726 12.0526L19.9459 10.0259L6.04366 23.9281V25.9548ZM3.19922 28.7992V22.7548L21.9726 4.017C22.257 3.75626 22.5711 3.55477 22.9148 3.41255C23.2585 3.27033 23.62 3.19922 23.9992 3.19922C24.3785 3.19922 24.7459 3.27033 25.1014 3.41255C25.457 3.55477 25.7651 3.76811 26.0259 4.05255L27.9814 6.04366C28.2659 6.3044 28.4733 6.61255 28.6037 6.96811C28.734 7.32366 28.7992 7.67922 28.7992 8.03477C28.7992 8.41403 28.734 8.77552 28.6037 9.11922C28.4733 9.46292 28.2659 9.777 27.9814 10.0614L9.24366 28.7992H3.19922ZM20.9414 11.057L19.9459 10.0259L21.9726 12.0526L20.9414 11.057Z"
     />
   )
 })