/*==================================================
  SUNSHINE MAKEUP STUDIO - QUALITY GUARANTEED & TOP BEAUTY PARLOUR SECTIONS
  Luxury Editorial Design System Aligned with Website Theme
==================================================*/

:root {
  --qw-burgundy: #8B1D38;
  --qw-burgundy-dark: #580B1B;
  --qw-gold: #DEBC97;
  --qw-gold-dark: #C89D66;
  --qw-card-border: #F5E5DC;
  --qw-text-dark: #1C1314;
  --qw-text-body: #5C4D50;
  --qw-font-serif: 'Playfair Display', Georgia, serif;
  --qw-font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --qw-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* --------------------------------------------------
   1. QUALITY GUARANTEED SECTION
-------------------------------------------------- */
.sunshine-quality-section {
  position: relative;
  padding: 100px 0 90px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FAF4F0 50%, #FFFFFF 100%) !important;
  overflow: hidden;
}

.sunshine-quality-tag {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.sunshine-quality-tag .tag-text {
  font-family: var(--qw-font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: var(--qw-burgundy) !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  display: inline-block !important;
}

.sunshine-quality-tag .tag-line {
  width: 35px;
  height: 1.5px;
  background: var(--qw-burgundy) !important;
  display: inline-block;
}

.sunshine-quality-title {
  font-family: var(--qw-font-serif) !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  color: #1F1F1F !important;
  margin-bottom: 16px !important;
  line-height: 1.25 !important;
}

.sunshine-quality-title .title-burgundy {
  color: var(--qw-burgundy) !important;
}

.sunshine-quality-visual-wrap {
  position: relative;
  padding-right: 35px;
  padding-bottom: 35px;
}

.sunshine-quality-main-img-box {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 45px rgba(139, 29, 56, 0.12);
  border: 3px solid #FFFFFF;
}

.sunshine-quality-main-img-box img {
  width: 100%;
  height: 480px;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}

.sunshine-quality-visual-wrap:hover .sunshine-quality-main-img-box img {
  transform: scale(1.03);
}

.sunshine-quality-accent-img-box {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 210px;
  height: 210px;
  border-radius: 18px;
  overflow: hidden;
  border: 5px solid #FFFFFF;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.14);
  z-index: 2;
  background: #FAF4F0;
}

.sunshine-quality-accent-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.sunshine-quality-visual-wrap:hover .sunshine-quality-accent-img-box img {
  transform: scale(1.05);
}

.sunshine-quality-seal {
  position: absolute;
  top: 25px;
  left: -15px;
  background: linear-gradient(135deg, #8B1D38 0%, #5E0D21 100%) !important;
  color: #FFFFFF !important;
  padding: 14px 20px !important;
  border-radius: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  box-shadow: 0 10px 25px rgba(139, 29, 56, 0.35) !important;
  z-index: 3 !important;
  border: 2px solid rgba(212, 175, 122, 0.6) !important;
}

.sunshine-quality-seal .seal-icon {
  width: 36px !important;
  height: 36px !important;
  background: rgba(255, 255, 255, 0.18) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #D4AF7A !important;
  font-size: 16px !important;
}

.sunshine-quality-seal .seal-text strong {
  font-family: var(--qw-font-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #FFFFFF !important;
  display: block !important;
}

.sunshine-quality-seal .seal-text span {
  font-family: var(--qw-font-sans) !important;
  font-size: 11px !important;
  color: #F8E5D0 !important;
  display: block !important;
}

.sunshine-quality-content {
  padding-left: 15px;
}

.sunshine-quality-subtitle {
  font-family: var(--qw-font-serif) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--qw-burgundy) !important;
  margin-bottom: 16px !important;
  line-height: 1.35 !important;
}

.sunshine-quality-text {
  font-family: var(--qw-font-sans) !important;
  font-size: 14.5px !important;
  line-height: 1.75 !important;
  color: #333333 !important;
  margin-bottom: 16px !important;
}

.sunshine-quality-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin: 24px 0 28px;
}

.sunshine-pillar-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(139, 29, 56, 0.12) !important;
  border-radius: 14px !important;
  padding: 16px 14px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04) !important;
  text-align: left !important;
}

.sunshine-pillar-card:hover {
  transform: translateY(-4px);
  border-color: var(--qw-burgundy) !important;
  box-shadow: 0 12px 25px rgba(139, 29, 56, 0.1) !important;
}

.sunshine-pillar-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: #FAF3EF !important;
  color: var(--qw-burgundy) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 17px !important;
  margin-bottom: 10px !important;
}

.sunshine-pillar-title {
  font-family: var(--qw-font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #1F1F1F !important;
  margin-bottom: 4px !important;
}

.sunshine-pillar-desc {
  font-family: var(--qw-font-sans) !important;
  font-size: 12px !important;
  color: #555555 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.sunshine-quality-actions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 15px;
}

.sunshine-quality-btn,
.sunshine-quality-btn span,
.sunshine-quality-btn i {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: linear-gradient(135deg, #8B1D38 0%, #A32847 100%) !important;
  color: #FFFFFF !important;
  font-family: var(--qw-font-sans) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.sunshine-quality-btn {
  padding: 13px 26px !important;
  border-radius: 50px !important;
  box-shadow: 0 8px 20px rgba(139, 29, 56, 0.25) !important;
}

.sunshine-quality-btn:hover,
.sunshine-quality-btn:hover span,
.sunshine-quality-btn:hover i {
  background: linear-gradient(135deg, #6E132A 0%, #8B1D38 100%) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 25px rgba(139, 29, 56, 0.35) !important;
}

.sunshine-quality-call {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
}

.sunshine-quality-call-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #FAF3EF !important;
  border: 1px solid rgba(139, 29, 56, 0.2) !important;
  color: var(--qw-burgundy) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  transition: all 0.3s ease !important;
}

.sunshine-quality-call-info {
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
}

.sunshine-quality-call-info span {
  font-family: var(--qw-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #777777 !important;
  text-transform: uppercase !important;
}

.sunshine-quality-call-info strong {
  font-family: var(--qw-font-sans) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1F1F1F !important;
}


/* --------------------------------------------------
   2. TOP BEAUTY PARLOUR IN MATHURA (PREMIER BEAUTY & ACADEMY)
-------------------------------------------------- */
.sunshine-welcome-section {
  position: relative;
  padding: 105px 0 95px !important;
  background: linear-gradient(180deg, #FFF9F6 0%, #FDF2EB 45%, #FAF0E8 100%) !important;
  overflow: hidden;
  font-family: var(--qw-font-sans);
}

/* Background Watermarks & Sparkles */
.sunshine-welcome-leaf {
  position: absolute;
  top: 0;
  width: 260px;
  height: 380px;
  pointer-events: none;
  z-index: 1;
  opacity: 0.75;
}

.sunshine-welcome-leaf.left-leaf {
  left: -20px;
  background-image: url("data:image/svg+xml,%3Csvg width='260' height='380' viewBox='0 0 260 380' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-30 30C30 80 80 160 100 250C110 300 100 340 90 380' stroke='%23BA1B4D' stroke-width='1.5' stroke-opacity='0.18'/%3E%3Cpath d='M30 80C60 70 95 80 110 105' stroke='%23BA1B4D' stroke-width='1.2' stroke-opacity='0.16' stroke-dasharray='3 3'/%3E%3Cpath d='M60 140C95 130 135 145 150 175' stroke='%23BA1B4D' stroke-width='1.2' stroke-opacity='0.16' stroke-dasharray='3 3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top left;
}

.sunshine-welcome-leaf.right-leaf {
  right: -20px;
  background-image: url("data:image/svg+xml,%3Csvg width='260' height='380' viewBox='0 0 260 380' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M290 30C230 80 180 160 160 250C150 300 160 340 170 380' stroke='%23BA1B4D' stroke-width='1.5' stroke-opacity='0.18'/%3E%3Cpath d='M230 80C200 70 165 80 150 105' stroke='%23BA1B4D' stroke-width='1.2' stroke-opacity='0.16' stroke-dasharray='3 3'/%3E%3Cpath d='M200 140C165 130 125 145 110 175' stroke='%23BA1B4D' stroke-width='1.2' stroke-opacity='0.16' stroke-dasharray='3 3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top right;
}

.sunshine-welcome-sparkle {
  position: absolute;
  color: #D4AF7A;
  font-size: 14px;
  animation: sparkleTwinkle 3.2s infinite ease-in-out;
  pointer-events: none;
  z-index: 1;
}

.sunshine-welcome-sparkle.sp-1 {
  top: 18%;
  left: 14%;
}

.sunshine-welcome-sparkle.sp-2 {
  top: 22%;
  right: 14%;
  animation-delay: 1.6s;
}

/* Header */
.sunshine-welcome-header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 48px;
  position: relative;
  z-index: 2;
}

.sunshine-welcome-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 12px;
}

.sunshine-welcome-tag .tag-line {
  width: 38px;
  height: 1.5px;
  background: var(--qw-burgundy);
  display: inline-block;
}

.sunshine-welcome-tag .tag-ornament {
  color: var(--qw-burgundy);
  font-size: 11px;
}

.sunshine-welcome-tag .tag-text {
  font-family: var(--qw-font-sans) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: var(--qw-burgundy) !important;
  letter-spacing: 2.2px !important;
  text-transform: uppercase !important;
  display: inline-block !important;
}

.sunshine-welcome-title {
  font-family: var(--qw-font-serif) !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  color: var(--qw-text-dark) !important;
  margin-bottom: 12px !important;
  line-height: 1.25 !important;
}

.sunshine-welcome-title .title-burgundy {
  color: var(--qw-burgundy) !important;
  font-weight: 800 !important;
}

.sunshine-welcome-subtitle {
  font-family: var(--qw-font-sans) !important;
  font-size: 14px !important;
  color: var(--qw-text-body) !important;
  line-height: 1.65 !important;
  max-width: 700px !important;
  margin: 0 auto !important;
  font-weight: 400 !important;
}

.sunshine-welcome-center-ornament {
  margin-top: 14px;
  color: var(--qw-burgundy);
  font-size: 16px;
  opacity: 0.85;
}

/* Two-Column Editorial Cards Grid */
.sunshine-welcome-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}

.sunshine-welcome-card {
  background: #FFFFFF !important;
  border-radius: 26px !important;
  padding: 38px 34px 32px 34px !important;
  box-shadow: 0 16px 40px rgba(139, 29, 56, 0.07), 0 3px 10px rgba(0, 0, 0, 0.02) !important;
  border: 1.5px solid var(--qw-card-border) !important;
  transition: transform 0.35s var(--qw-ease), box-shadow 0.35s var(--qw-ease), border-color 0.35s ease !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.sunshine-welcome-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 50px rgba(139, 29, 56, 0.12) !important;
  border-color: rgba(212, 175, 122, 0.6) !important;
}

/* Card Corner Leaf Watermark */
.welcome-card-leaf.right-corner {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 110px;
  height: 110px;
  pointer-events: none;
  z-index: 1;
  opacity: 0.75;
  background-image: url("data:image/svg+xml,%3Csvg width='110' height='110' viewBox='0 0 110 110' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M115 20C90 45 60 75 15 115' stroke='%23BA1B4D' stroke-width='1.2' stroke-opacity='0.22'/%3E%3Cpath d='M90 45C70 35 45 45 35 60' stroke='%23BA1B4D' stroke-width='1' stroke-opacity='0.2' stroke-dasharray='2 2'/%3E%3Cpath d='M60 75C45 65 25 75 20 90' stroke='%23BA1B4D' stroke-width='1' stroke-opacity='0.2' stroke-dasharray='2 2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: bottom right;
}

/* Top-Left Ribbon Tab */
.welcome-card-num-ribbon {
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 40px;
  background: linear-gradient(135deg, #8B1D38 0%, #5E0D21 100%) !important;
  color: #FFFFFF !important;
  font-family: var(--qw-font-sans) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 0 16px 0 !important;
  z-index: 5 !important;
  box-shadow: 0 4px 12px rgba(139, 29, 56, 0.35) !important;
  letter-spacing: 0.5px !important;
}

.welcome-card-num-ribbon span {
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  display: block !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

.welcome-card-inner {
  position: relative;
  z-index: 2;
}

.welcome-card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
  padding-left: 24px; /* leaves room for ribbon */
}

.welcome-card-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #8B1D38 0%, #5E0D21 100%) !important;
  border: 2.5px solid var(--qw-gold) !important;
  box-shadow: 0 6px 18px rgba(139, 29, 56, 0.22) !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  flex-shrink: 0 !important;
  transition: transform 0.3s ease !important;
}

.sunshine-welcome-card:hover .welcome-card-icon {
  transform: scale(1.08) rotate(5deg);
  border-color: #E8C8A3 !important;
}

.welcome-card-icon i {
  color: #FFFFFF !important;
}

.welcome-card-heading {
  text-align: left;
}

.welcome-card-badge {
  font-family: var(--qw-font-sans) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: var(--qw-burgundy) !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-bottom: 2px !important;
}

.welcome-card-title {
  font-family: var(--qw-font-serif) !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  color: var(--qw-text-dark) !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}

.welcome-card-body p {
  font-family: var(--qw-font-sans) !important;
  font-size: 13.5px !important;
  line-height: 1.7 !important;
  color: var(--qw-text-body) !important;
  margin-bottom: 0 !important;
  text-align: left !important;
}

.welcome-card-body .text-burgundy {
  color: var(--qw-burgundy) !important;
  font-weight: 700 !important;
}

.welcome-card-highlights {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  border-top: 1px solid var(--qw-card-border) !important;
  padding-top: 18px !important;
  text-align: left !important;
  position: relative !important;
  z-index: 2 !important;
}

.welcome-card-highlights li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: var(--qw-font-sans) !important;
  font-size: 13px !important;
  color: #2E2124 !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

.highlight-check-icon {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: var(--qw-burgundy) !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 9.5px !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 6px rgba(139, 29, 56, 0.2) !important;
}

.highlight-check-icon i {
  color: #FFFFFF !important;
}

/* --------------------------------------------------
   3. BOTTOM TRUST CTA BANNER
-------------------------------------------------- */
.sunshine-welcome-bottom-banner {
  background: linear-gradient(135deg, #580B1B 0%, #80122B 55%, #420611 100%) !important;
  border-radius: 26px !important;
  padding: 36px 44px !important;
  border: 1.5px solid rgba(222, 188, 151, 0.4) !important;
  box-shadow: 0 20px 50px rgba(88, 11, 27, 0.3) !important;
  display: grid !important;
  grid-template-columns: 1.25fr 1fr 220px !important;
  align-items: center !important;
  gap: 24px !important;
  position: relative !important;
  overflow: hidden !important;
}

.welcome-banner-content {
  text-align: left;
  position: relative;
  z-index: 3;
}

.banner-top-ornament {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.banner-sparkle {
  color: var(--qw-gold);
  font-size: 12px;
}

.banner-line {
  width: 40px;
  height: 1.5px;
  background: var(--qw-gold);
}

.welcome-banner-title {
  font-family: var(--qw-font-serif) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  line-height: 1.25 !important;
  margin-bottom: 8px !important;
  text-align: left !important;
}

.welcome-banner-title .title-gold {
  color: var(--qw-gold) !important;
}

.welcome-banner-desc {
  font-family: var(--qw-font-sans) !important;
  font-size: 13.5px !important;
  color: #EADBDF !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  text-align: left !important;
}

.welcome-banner-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  align-items: flex-start !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 3 !important;
}

.welcome-banner-btn {
  background: #FFFFFF !important;
  color: var(--qw-burgundy) !important;
  font-family: var(--qw-font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  padding: 12px 26px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease !important;
}

.welcome-banner-btn i,
.welcome-banner-btn span {
  color: var(--qw-burgundy) !important;
}

.welcome-banner-btn:hover {
  background: var(--qw-gold) !important;
  transform: translateY(-2px);
}

.welcome-banner-btn:hover i,
.welcome-banner-btn:hover span {
  color: #420611 !important;
}

.welcome-banner-btn-outline {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #FFFFFF !important;
  border: 1.5px solid rgba(255, 255, 255, 0.5) !important;
  font-family: var(--qw-font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding: 11px 24px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  transition: all 0.3s ease !important;
}

.welcome-banner-btn-outline i,
.welcome-banner-btn-outline span {
  color: #FFFFFF !important;
}

.welcome-banner-btn-outline:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: #FFFFFF !important;
  transform: translateY(-2px);
}

.welcome-banner-image-wrap {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 270px;
  overflow: hidden;
  pointer-events: none;
}

.welcome-banner-image-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #80122B 0%, rgba(128, 18, 43, 0.8) 25%, transparent 70%);
  z-index: 1;
}

.banner-bride-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}

/* --------------------------------------------------
   4. RESPONSIVE BREAKPOINTS
-------------------------------------------------- */
@media (max-width: 1199.98px) {
  .sunshine-welcome-title {
    font-size: 34px !important;
  }
  .sunshine-welcome-bottom-banner {
    grid-template-columns: 1.15fr 1fr 180px !important;
    padding: 30px 32px !important;
  }
  .welcome-banner-title {
    font-size: 24px !important;
  }
}

@media (max-width: 991.98px) {
  .sunshine-welcome-section {
    padding: 80px 0 70px !important;
  }
  .sunshine-welcome-cards-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .sunshine-welcome-bottom-banner {
    grid-template-columns: 1fr !important;
    padding: 28px 24px !important;
    text-align: left;
  }
  .welcome-banner-image-wrap {
    display: none;
  }
  .welcome-banner-actions {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media (max-width: 575.98px) {
  .sunshine-welcome-section {
    padding: 60px 0 50px !important;
  }
  .sunshine-welcome-title {
    font-size: 26px !important;
  }
  .sunshine-welcome-card {
    padding: 30px 18px 24px 18px !important;
    border-radius: 20px !important;
  }
  .welcome-card-header {
    padding-left: 18px;
    gap: 12px;
  }
  .welcome-card-icon {
    width: 44px !important;
    height: 44px !important;
    font-size: 17px !important;
  }
  .welcome-card-title {
    font-size: 18px !important;
  }
  .welcome-banner-actions {
    flex-direction: column;
    width: 100%;
  }
  .welcome-banner-btn,
  .welcome-banner-btn-outline {
    width: 100%;
    justify-content: center;
  }
}