/**
 * Wordcamp / AWG Landing Page
 * Uses design system from a-generic/text.css (--heading-color, --paragraph-color, h1–h4, .p1-*, .p2-*, .p3-*)
 */

/* -------------------------------------------------------------------------
   Variables (extend design system for this page)
   ------------------------------------------------------------------------- */
.awg-landing {
  --awg-purple: #3a0062;
  --awg-purple-light: #6e00b2;
  --awg-blue: #4a00e0;
  --awg-text-on-dark: #ffffff;
  --awg-text-muted: rgba(255, 255, 255, 0.85);
  /* Form card (Figma: Affiliate World Global 2026 - node 160-348) */
  --awg-form-bg: #ffffff;
  --awg-form-label: #5E6C84;       /* form labels - gray-600 (Figma dark charcoal gray) */
  --awg-form-text: #8993A4;       /* input/select/textarea value text - gray-800 */
  --awg-form-body: #6B7280;       /* checkbox / secondary form text - gray-500 (Figma medium-light gray) */
  --awg-form-placeholder: #9ca3af; /* placeholder hint text - gray-400 */
  --awg-form-border: #e5e7eb;
  --awg-form-border-focus: #4a00e0;
  --awg-form-required: #5E6C84;
  --awg-form-link: #4a00e0;
  --awg-card-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  --awg-card-border: #e8e8e8;
  --awg-g2-blue: #2563eb;
  --awg-g2-orange: #ea580c;
  --awg-g2-yellow: #ca8a04;
}

/* -------------------------------------------------------------------------
   Base & layout
   ------------------------------------------------------------------------- */
.awg-landing {
  font-family: inherit;
  color: var(--paragraph-color);
  overflow-x: hidden;
}

.awg-landing *,
.awg-landing *::before,
.awg-landing *::after {
  box-sizing: border-box;
}

.awg-landing h1,
.awg-landing h2,
.awg-landing h3,
.awg-landing h4 {
  color: var(--heading-color);
}

/* -------------------------------------------------------------------------
   Hero section
   ------------------------------------------------------------------------- */
.awg-hero.withDarkTheme {
  /* background: linear-gradient(135deg, var(--awg-purple) 0%, var(--awg-purple-light) 100%) !important; */
  position: relative;
}

.awg-hero {
  /* background: linear-gradient(135deg, var(--awg-purple) 0%, var(--awg-purple-light) 100%); */
  background: #0E063A;
  position: relative;
  /* padding: 2rem 1.5rem 3rem; */
  /* min-height: 100vh; */
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 70px 0;
  overflow: hidden;
}
.awg-hero .elipse{
  border-radius: 889px;
  background: #0E063A;
  filter: blur(110.55805206298828px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  max-width: 889px;
  max-height: 812px;
}
.awg-hero .blue_bg {
  position: absolute;
  top: 0;
  left: 0;
}
.awg-hero .purple_bg{
  position: absolute;
  bottom: 0;
  right: 0;
}
.awg-hero::before {
  /* content: "";
  position: absolute;
  inset: 0;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Ctext x='0' y='40' fill='rgba(255,255,255,0.06)' font-size='32' font-family='sans-serif'%3E$%3C/text%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 5 L20 35 M5 20 L35 20' stroke='rgba(255,255,255,0.05)' stroke-width='1' fill='none'/%3E%3C/svg%3E");
  background-repeat: repeat;
  pointer-events: none; */
}

.awg-hero-inner {
  position: relative;
  z-index: 1;
  /* max-width: 1280px; */
  margin: 0 auto;
  width: 100%;
  overflow: visible;
}

/* Header / Logo */
.awg-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 2.5rem;
  position: relative;
  z-index: 1;
}

.awg-logo-icon {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.awg-logo-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--awg-text-on-dark);
}

.awg-logo-text {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.awg-logo-text svg{
  height: 100%;
  width: 100%;
  max-width: 249px;
  max-height: 46.172px;
}
.awg-logo-text .brand {
  font-size: 20px;
  font-weight: 700;
  color: var(--awg-text-on-dark);
  letter-spacing: 0.02em;
}

.awg-logo-text .by {
  font-size: 12px;
  font-weight: 400;
  color: var(--awg-text-muted);
}

/* Hero content grid: copy + form */
.awg-hero-grid {
  display: grid;
  grid-template-columns: 1fr 509px;
  gap: 3rem;
  align-items: center;
  z-index: 1;
  position: relative;
  overflow: visible;
}

/* .awg-hero-copy h1 {
  margin-bottom: 1rem;
  color: var(--awg-text-on-dark);
} */

.awg-hero-copy .hero-label {
  font-size: 18px;
  font-weight: 400;
  color: var(--awg-text-muted);
  margin-bottom: 0.25rem;
}

.awg-hero-copy .hero-title {
  /* font-size: clamp(2rem, 5vw, 3.5rem); */
  /* font-weight: 700; */
  color: var(--awg-text-on-dark);
  /* line-height: 1.15; */
  /* margin-bottom: 1rem; */
}

.awg-hero-copy .hero-desc {
  /* font-size: 16px; */
  /* font-weight: 400; */
  color: #FFF;
  /* line-height: 1.5; */
  margin-top: 16px;
  margin-bottom: 24px;
  max-width: 480px;
}

.awg-hero-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.awg-hero-list li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  /* font-size: 16px;
  font-weight: 500; */
  color: var(--awg-text-on-dark);
  margin-bottom: 0.5rem;
}

/* Keep list icons fixed 32x32 on all screens (prevent flex shrink) */
.awg-hero-list li svg {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}

.awg-hero-list li::before {
  /* content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0; */
}

/* Form card - overflow: visible so native select dropdown positions correctly (opens downward) */
.awg-form-card {
  background: var(--awg-form-bg);
  border: 1px solid var(--awg-form-border);
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  overflow: visible;
}

.awg-form {
  overflow: visible;
}

/* Thank you message (shown on successful submit) – min-height set by JS to match form */
.awg-thankyou {
  text-align: center;
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.awg-thankyou-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: linear-gradient(90deg, #C583E0 0%, #9989FC 50%, #4a00e0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.awg-thankyou-icon svg {
  width: 32px;
  height: 32px;
}

.awg-thankyou-title {
  font-size: 24px;
  font-weight: 700;
  color: #091e42;
  margin: 0 0 12px;
  line-height: 1.2;
  margin-bottom: 20px !important;
}

.awg-thankyou-desc {
  font-size: 16px;
  font-weight: 400;
  color: #5E6C84;
  margin: 0;
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

.awg-form .field {
  margin-bottom: 1rem;
  overflow: visible;
}

/* Form labels: design system .p3-semibold + form colors (Figma AWG 2026) */
.awg-form label {
  display: block;
  margin-bottom: 0.35rem;
}
.awg-landing .awg-form-card .awg-form .field label.p3-semibold {
  color: var(--awg-form-label);
}
.awg-form label .required {
  color: var(--awg-form-required);
}

/* Form controls: .p2-regular typography + form colors */
.awg-form input[type="text"],
.awg-form input[type="email"],
.awg-form select,
.awg-form textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--awg-form-border);
  border-radius: 8px;
  background: var(--awg-form-bg);
  color: var(--awg-form-text);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.awg-form input.p2-regular,
.awg-form select.p2-regular,
.awg-form textarea.p2-regular {
  color: var(--awg-form-text);
}

/* Select: arrow uses form text color */
.awg-form select {
  padding-right: 2.75rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23253858' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem;
  cursor: pointer;
}

/* Placeholder: all prefixes so color applies in all browsers (Figma AWG 2026) */
.awg-form input::placeholder,
.awg-form textarea::placeholder {
  color: var(--awg-form-placeholder);
}
.awg-form input::-webkit-input-placeholder,
.awg-form textarea::-webkit-input-placeholder {
  color: var(--awg-form-placeholder);
}
.awg-form input::-moz-placeholder,
.awg-form textarea::-moz-placeholder {
  color: var(--awg-form-placeholder);
  opacity: 1;
}
.awg-form input:-ms-input-placeholder,
.awg-form textarea:-ms-input-placeholder {
  color: var(--awg-form-placeholder);
}

.awg-form input:focus,
.awg-form select:focus,
.awg-form textarea:focus {
  outline: none;
  border-color: var(--awg-form-border-focus);
  box-shadow: 0 0 0 3px rgba(74, 0, 224, 0.12);
}

.awg-form textarea {
  min-height: 100px;
  resize: vertical;
}

.awg-form .checkbox-wrap {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 1rem 0 1.25rem;
}

.awg-form .checkbox-wrap input {
  margin-top: 0.25rem;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  accent-color: var(--awg-form-border-focus);
}

/* Checkbox label: medium-light gray per Figma (same family as placeholder) */
.awg-form .checkbox-wrap label.p3-regular {
  color: var(--awg-form-body);
  cursor: pointer;
}

.awg-form .checkbox-wrap a {
  color: var(--awg-form-link);
  text-decoration: none;
}
.awg-form .checkbox-wrap a:hover {
  color: var(--awg-purple);
}

.awg-form .btn-join {
  /* width: 100%;
  padding: 1rem 1.5rem;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--awg-text-on-dark);
  background: var(--awg-blue);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.2s; */
}

.awg-form .btn-join:hover {
  /* opacity: 0.9; */
}

/* -------------------------------------------------------------------------
   G2 section
   ------------------------------------------------------------------------- */
.awg-g2 {
  background: var(--awg-form-bg);
  padding: 80px 0;
}

.awg-g2-inner {
  /* max-width: 1280px;
  margin: 0 auto; */
}

.awg-g2 h2 {
  text-align: center;
  margin-bottom: 2rem;
}

.awg-g2-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
}

.awg-g2-badge {
  /* min-width: 160px; */
  max-width: 200px;
  /* padding: 1.25rem 1rem; */
  border-radius: 12px;
  /* border: 2px solid rgba(255, 255, 255, 0.9); */
  text-align: center;
  /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); */
  position: relative;
}

.awg-g2-badge .g2-logo {
  position: absolute;
  top: 6px;
  right: 8px;
  width: 24px;
  height: 16px;
  background: #e53935;
  border-radius: 2px;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.awg-g2-badge .title {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.25rem;
}

.awg-g2-badge .sub {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.95);
}

/* .awg-g2-badge.badge-1 { background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%); }
.awg-g2-badge.badge-2 { background: linear-gradient(180deg, #f97316 0%, #ea580c 100%); }
.awg-g2-badge.badge-3 { background: linear-gradient(180deg, #eab308 0%, #ca8a04 100%); }
.awg-g2-badge.badge-4 { background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%); }
.awg-g2-badge.badge-5 { background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%); } */

/* -------------------------------------------------------------------------
   Personas section
   ------------------------------------------------------------------------- */
.awg-personas {
  background: var(--awg-form-bg);
  padding: 3rem 1.5rem;
}

.awg-personas-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.awg-personas h2 {
  text-align: center;
  margin-bottom: 0.75rem;
}

.awg-personas .subtext {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 2rem;
  font-size: 16px;
  color: var(--paragraph-color);
  line-height: 1.5;
}

.awg-personas-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

.awg-persona-card {
  background: var(--awg-form-bg);
  border: 1px solid var(--awg-card-border);
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: var(--awg-card-shadow);
  transition: transform 0.2s, box-shadow 0.2s;
}

.awg-persona-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.awg-persona-card h4 {
  margin-bottom: 0.5rem;
}

.awg-persona-card .desc {
  font-size: 14px;
  color: var(--paragraph-color);
  line-height: 1.5;
}

.awg-persona-card .illus {
  margin-top: 1rem;
  height: 120px;
  background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  font-size: 48px;
}

/* -------------------------------------------------------------------------
   Bottom CTA
   ------------------------------------------------------------------------- */
.awg-cta.withDarkTheme {
  /* background: linear-gradient(135deg, var(--awg-purple) 0%, var(--awg-purple-light) 100%) !important; */
}

.awg-cta {
  /* background: linear-gradient(135deg, var(--awg-purple) 0%, var(--awg-purple-light) 100%); */
  background: #0E0538;
  position: relative;
  padding: 85px 0;
  overflow: hidden;
}

.awg-cta::before {
  /* content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Ctext x='0' y='40' fill='rgba(255,255,255,0.06)' font-size='32' font-family='sans-serif'%3E$%3C/text%3E%3C/svg%3E");
  background-repeat: repeat;
  pointer-events: none; */
}

.awg-cta-inner {
  position: relative;
  z-index: 1;
  max-width: 687px;
  margin: 0 auto;
  text-align: center;
}

.awg-cta h2 {
  color: var(--awg-text-on-dark);
  margin-bottom: 1.5rem;
  /* font-size: clamp(1.5rem, 4vw, 2rem); */
}

.awg-cta .btn-avail {
  display: inline-block;
  padding: 1rem 2.5rem;
  font-size: 16px;
  font-weight: 500;
  color: #091E42;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.2s;
  border-radius: 4px;
background: linear-gradient(82deg, #FFF -37.59%, #C583E0 -37.58%, #FFBC7D 74.04%, #FFF 115.51%);
}

.awg-cta .btn-avail:hover {
  opacity: 0.95;
  text-decoration: none;
}

.awg-cta .copyright {
  margin-top: 2.5rem;
  font-size: 14px;
  color: var(--awg-text-muted);
}

/* -------------------------------------------------------------------------
   Footer (Figma: Affiliate World Global 2026 - node 175-5316)
   ------------------------------------------------------------------------- */
.awg-footer {
  background: #0E0538;
  padding: 24px 16px;
  text-align: center;
}

.awg-footer-copyright {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--awg-text-muted);
  max-width: 100%;
}

.awg-form-card .awg-form a{
  width: 100%;
}
.awg-form-card .awg-form a:focus{
  outline: none;
  color: #fff;
}
.awg-hero .hero_wordcamp{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: auto;
  z-index: 0;
  opacity: 0.3;
  max-width: 1344px;
} 
.awg-hero .arrow_resp{
  display: none;
}
.awg-cta .blue_bg{
  border-radius: 755.41px;
  opacity: 0.3;
  background: #3840FF;
  max-width: 755.41px;
  max-height: 592.438px;
  position: absolute;
  top: 0;
  left: -400px;
  filter: blur(121px);
  height: 100%;
  width: 100%;
}
.awg-cta  .purple_bg{
  border-radius: 651.829px;
  background: rgba(137, 96, 255, 0.94);
  max-width: 651.829px;
  max-height: 510.917px;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: -200px;
  filter: blur(121px);
}
.awg-cta .pink_bg{
  border-radius: 588.006px;
  background: #EAAFFF;
  max-width: 588.006px;
  max-height: 460.875px;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 5%;
  top: 110%;
  filter: blur(121px);
}
.awg-cta .right_blue{
  border-radius: 373.052px;
opacity: 0.3;
background: #3840FF;
max-width: 373.052px;
max-height: 292.318px;
height:100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
filter: blur(121px);
}
.awg-cta .right_purple{
  border-radius: 321.899px;
  background: rgba(137, 96, 255, 0.94);
  max-width: 321.899px;
  max-height: 252.095px;
  height: 100%;
  width: 100%;
  position: absolute;
  right: 150px;
  top: 170px;
  filter: blur(121px);
}
.awg-cta .arrow_cta{
  position: absolute;
  max-width: 580px;
  max-height: 290.464px;
  height: 100%;
  width: 100%;
  bottom: 0;
  right: 0;
  opacity: 0.3;
mix-blend-mode: luminosity;
}
.awg-cta .cta_stars{
  max-width: 302.934px;
  max-height: 301.689px;
  height: 100%;
  width: 100%;
  transform: rotate(-12.163deg);
  position: absolute;
  bottom:0;
  left: 0;
    opacity: 0.05;
  mix-blend-mode: luminosity;
}
.affilite_pagee_2023.awg-landing .affiliate_card_slider{
  background: #FCFCFC;
}
footer#cw-footer.uplift-footer-nav{
  display: none;
}
.borderRed{
  border: 1px solid #FF0000 !important;
}

/* Checkbox: red ring on the checkbox itself (box-shadow hugs the control; outline drew a separate box) */
.awg-form input[type="checkbox"].borderRed {
  outline: none;
  box-shadow: 0 0 0 2px #FF0000;
}
.affilite_pagee_2023 .affilaite_slider_card{
  height: 463px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
    
}
.owl-carousel .owl-item .affiliate_img{
  margin-bottom: -20px;
}
.main_header{
  display: none;
}
.affilite_pagee_2023.awg-landing .affilaite_slider_card p{
  padding-bottom: 20px;
}



/* vistara_giveaway css Begins  */

/* .vistara_giveaway .awg-hero-copy{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
} */


.vistara_giveaway .awg-hero{
  background: url(https://www.cloudways.com/wp-content/uploads/2026/04/vistara-giveaway.webp) no-repeat center center;
  background-size: cover;
  padding: 110px 0;
}

.vistara_giveaway .awg-hero-copy .hero-desc{
      max-width: 620px;
}
.vistara_giveaway .awg-cta-inner p{
    color:#fff;
}

.vistara_giveaway .awg-cta-inner{
     max-width: 725px;
}

/* VISTARA: tighter handoff from testimonials + CTA button (Figma) */
.vistara_giveaway .awg-cta {
  padding: 56px 0 64px;
}

.vistara_giveaway .awg-cta h2 {
  margin-bottom: 1rem;
}

.vistara_giveaway .awg-cta .btn-avail {
  margin-top: 0.25rem;
  padding: 0.875rem 2.25rem;
  font-weight: 600;
  color: #0b2147;
  border-radius: 4px;
 /*  background: linear-gradient(95deg, #ffe8cc 0%, #ffc078 38%, #ff922b 72%, #fd7e14 100%); */
  background: linear-gradient(82deg, #FFF -37.59%, #C583E0 -37.58%, #FFBC7D 74.04%, #FFF 115.51%);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

.vistara_giveaway .awg-cta .btn-avail:hover {
  color: #0b2147;
  filter: brightness(1.03);
  opacity: 1;
}

  /* Testimonials — Experiences That Are Built To Last (Figma: white section, owl 1 / 2 / 3) */
.vistara_giveaway .vistara-testimonials {
  padding: 80px 0;
}

.vistara_giveaway .vistara-testimonials__head {
  text-align: center;
  max-width: 960px;
  margin: 0 auto 40px;
}

@media (min-width: 768px) {
  .vistara_giveaway .vistara-testimonials__head {
    margin-bottom: 48px;
  }
}

.vistara_giveaway .vistara-testimonials__head h2 {
  margin: 0;
}

.vistara_giveaway .vistara-testimonials__carousel {
  position: relative;
}

.vistara_giveaway .vistara-testimonial-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  min-height: 328px;
  padding: 28px;
  background: #fff;
  border: 1px solid #edf2f7;
  border-radius: 10px;
  box-shadow: 0 4px 24px rgba(11, 33, 71, 0.08);
}

.vistara_giveaway .vistara-testimonial-card .p1-regular {
margin-bottom: 0;
}

.vistara_giveaway .vistara-testimonial-card__quote p {
  margin: 0;
}

.vistara_giveaway .vistara-testimonial-card__meta {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-height: 62px;
}

.vistara_giveaway .owl-carousel .owl-item img{
  width: 45px;
  
}
.vistara_giveaway .vistara-testimonial-card__avatar {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid #e2e8f0;
}

.vistara_giveaway .vistara-testimonial-card__who {
  min-width: 0;
}

.vistara_giveaway .vistara-testimonial-card__name {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  color: #0b2147;
  margin: 0 0 2px;
}

.vistara_giveaway .vistara-testimonial-card__role {
  margin: 0;
  color: #718096;
  font-size: 0.875rem;
  line-height: 1.45;
  font-weight: 400;
}

.vistara_giveaway .vistara-testimonials__carousel.owl-carousel .owl-stage {
  display: flex;
}

.vistara_giveaway .vistara-testimonials__carousel.owl-carousel .owl-item {
  display: flex;
}

.vistara_giveaway .vistara-testimonials__carousel.owl-carousel .owl-item > article {
  width: 100%;
}

.vistara_giveaway .vistara-testimonials__carousel.owl-theme .owl-nav {
  display: none;
}

.vistara_giveaway .vistara-testimonials__carousel.owl-theme .owl-dots {
  margin-top: 24px;
  text-align: center;
}

.vistara_giveaway .vistara-testimonials__carousel.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 4px 6px;
  background: #cbd5e0;
}

.vistara_giveaway .vistara-testimonials__carousel.owl-theme .owl-dots .owl-dot.active span,
.vistara_giveaway .vistara-testimonials__carousel.owl-theme .owl-dots .owl-dot:hover span {
  background: #0b2147;
}

.vistara_giveaway .awg-g2{
  background-color: #fff;
}

.vistara_giveaway .awg-hero-copy h4{
  background: linear-gradient(82deg, #FFF -37.59%, #C583E0 -37.58%, #FFBC7D 74.04%, #FFF 115.51%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 4px;
}

.vistara_giveaway .awg-logo-text{
  margin-bottom: 40px;
  height: auto;
}

.vistara_giveaway .awg-hero-copy{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
}

@media (min-width: 992px) {
  .vistara_giveaway .vistara-testimonials__carousel.owl-theme .owl-dots {
    display: none;
  }
}

@media (max-width: 767px) {
  .vistara_giveaway .vistara-testimonials {
    padding: 40px 0 32px;
  }

  .vistara_giveaway .vistara-testimonials__head {
    margin-bottom: 28px;
  }

  .vistara_giveaway .vistara-testimonial-card {
    padding: 28px;
    gap: 24px;
  }

  /* .vistara_giveaway .vistara-testimonial-card__avatar {
    width: 56px;
    height: 56px;
  } */

  .vistara_giveaway .awg-cta {
    padding: 40px 0 48px;
  }

  .vistara_giveaway .awg-logo-text{
    justify-content: center;
    align-items: center;
  }
  .vistara_giveaway .awg-hero-copy{
text-align: center;
  }
}

/* vistara_giveaway css Ends  */


/* -------------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------------- */
@media (max-width: 992px) {
  .awg-hero-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .awg-hero-copy .hero-title {
    /* font-size: clamp(1.75rem, 4vw, 2.5rem); */
  }

  .awg-personas-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .awg-g2-badges {
    /* gap: 0.75rem; */
    gap:30px ;
  }
  .awg-g2-badge svg{
    height: 100%;
    width: 100%;
  }
  .awg-g2-badge {
    /* min-width: 140px; */
  }


  .vistara_giveaway .awg-hero{
    padding: 60px 0;
  }
}

@media (max-width: 767px) {
  .awg-hero {
    /* padding: 1.5rem 1rem 2rem; */
    min-height: auto;
  }

  .awg-hero-copy .hero-label {
    font-size: 16px;
  }

  .awg-hero-copy .hero-title {
    /* font-size: 1.75rem; */
  }

  .awg-hero-copy .hero-desc {
    /* font-size: 14px; */
  }

  .awg-hero-list li {
    /* font-size: 14px; */
  }

  .awg-form-card {
    padding: 21px;
  }

  .awg-g2,
  .awg-personas {
    /* padding: 2rem 1rem; */
  }

  .awg-g2 h2,
  .awg-personas h2 {
    /* font-size: 1.5rem; */
  }

  .awg-g2-badges {
    /* flex-direction: column; */
    align-items: center;
  }

  .awg-g2-badge {
    max-width: 106.188px;
    max-height: 122.174px;
    width: 100%;
    height: 100%;
  }

  .awg-personas-cards {
    grid-template-columns: 1fr;
  }

  .awg-cta {
    padding: 40px 0;
  }

  .awg-cta h2 {
    /* font-size: 1.25rem; */
  }
  .awg-hero .hero_wordcamp{
    
    display: none;
  }
  .awg-hero .arrow_resp{
    top: 27%;
    position: absolute;
    display: block;
    right: 0;
    max-width: 220.773px;
    max-height: 110.563px;
    height: 100%;
    width: 100%;
  }
  .awg-hero .purple_bg{
    top: -3%;
    bottom: initial;
    filter: blur(18px);
  }
  .awg-hero .blue_bg{
    max-width: 576px;
    max-height: 259px;
  }
  .awg-logo-text svg{
    max-width: 142.133px;
    max-height: 26.356px;
  }
  .awg-g2 {
    /* background: var(--awg-form-bg); */
    padding: 40px 0;
  }
  .affilite_pagee_2023.awg-landing .affiliate_card_slider{
    padding: 40px 0;
  }
  .awg-hero-list li svg{
    width: 32px;
    height: 32px;
    aspect-ratio: 1/1;
  }
  .awg-footer {
    padding: 20px 16px;
  }
  .awg-footer-copyright {
    font-size: 12px;
  }
  .awg-landing.affilite_pagee_2023 .affiliate_card_slider .headerText h2 {
    font-size: 24px;
    font-weight: 600;
  }
  .awg-landing.affilite_pagee_2023 .affiliate_card_slider .headerText p{
    font-size: 14px;
    font-weight: 400;
  }

}


@media (max-width: 500px){
  .awg-g2-badges{
    gap: 10px;
  }
  .awg-g2-badge{
    max-width: 44.126px;
    max-height: 50.769px;
    height: 100%;
    width: 100%;
  }
  .awg-cta .btn-avail{
    width: 100%;
    padding: 15px;
  }
  .awg-hero{
    padding-top: 30px;
  }
  .awg-form .checkbox-wrap label.p3-regular{
    font-size: 9px;
    font-weight: 400;
  line-height: 150%;
  margin-bottom: 0;
  }
  .awg-form .checkbox-wrap label.p3-regular a{
    font-size: inherit;
    font-weight: inherit;
  }
  .awg-form .checkbox-wrap input{
    width: 12.785px;
  height: 12.785px;
  margin-top: 0;
  }
  .awg-landing .awg-form-card .awg-form .field label.p3-regular{
    /* font-size: 10px; */
    color: #5E6C84;
  }
  .awg-form input.p2-regular{
    font-size: 12px;
    color: #253858;
  }
  .awg-form input.p2-regular, .awg-form select.p2-regular, .awg-form textarea.p2-regular{
    color: #253858;
    font-size: 12px;
  }
  .awg-form .field input{
    color: #253858;
    font-size: 12px;
  }
  .awg-footer {
    padding: 16px 12px;
  }
  .awg-footer-copyright {
    font-size: 12px;
  }
  /* Placeholder color on responsive (color on input only affects typed text) */
  .awg-form input::placeholder{
    color: #253858;
  }
  .awg-form input::-webkit-input-placeholder{
    color: #253858;
  }
  .awg-form input::-moz-placeholder{
    color: #5E6C84;
    opacity: 1;
  }
  .awg-form input:-ms-input-placeholder,
  .awg-form textarea:-ms-input-placeholder {
    color: #5E6C84;
  }
  .vistara_giveaway .awg-logo-text {
    margin-bottom: 40px;
}
}