/* GPT page specific styles */

.gpt-feature-grid {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.gpt-hero{
  width: 100%;
  height: auto;
  margin-bottom: 8rem;
}

.gpt-hero-inner{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.gpt-hero-inner h1{
  text-align: center;
}

.gpt-hero-inner p{
  text-align: center;
}

.gpt-hero-text{
  width: fit-content;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.section{
  width: 100%;
  height: auto;
  padding:0 8rem ;
  margin-bottom: 8rem;
}

.gptContainer{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.first-card-block{
    width: 100%;
  height: auto;
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.info-card{
  width: 100%;
  height: auto;
}






@media (max-width: 480px) {
 .gpt-feature-grid {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.gpt-hero{
  width: 100%;
  height: auto;
  margin-bottom: 8rem;
}

.gpt-hero-inner{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.gpt-hero-inner h1{
  text-align: center;
}

.gpt-hero-inner p{
  text-align: center;
}

.gpt-hero-text{
  width: fit-content;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.section{
  width: 100%;
  height: auto;
  padding:0 1rem ;
  margin-bottom: 8rem;
}


.first-card-block{
    width: 100%;
  height: auto;
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.info-card{
  width: 100%;
  height: auto;
}

.gpt-preview{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

}