/*
 * Scale Fixes for Host Smartly Website
 * Purpose: Optimize typography, spacing, and component sizes for professional appearance
 * Target: Standard resolution monitors (1920x1080 and below)
 *
 * This file overrides the Rogan template's oversized defaults to align with
 * modern SaaS design standards (Stripe, Notion, Linear, Airbnb)
 */

/* ============================================
   TYPOGRAPHY FIXES - CRITICAL
   ============================================ */

/* Body Text - More Professional */
body {
  font-size: 16px !important;
  line-height: 26px !important;
}

/* Headings - Desktop (Significant Reduction) */
h2 {
  font-size: 34px !important;
  line-height: 44px !important;
}

h3 {
  font-size: 26px !important;
  line-height: 34px !important;
}

h4 {
  font-size: 20px !important;
  line-height: 28px !important;
}

h5 {
  font-size: 18px !important;
  line-height: 26px !important;
}

h6 {
  font-size: 16px !important;
  line-height: 24px !important;
}

/* Hero Section Specific Headings */
.rogan-hero-section .banner-main-title,
.rogan-hero-section.rogan-hero-one .banner-main-title,
.rogan-hero-section.rogan-hero-three .banner-main-title,
.rogan-hero-section.rogan-hero-four .banner-main-title,
.rogan-hero-section.rogan-hero-five .banner-main-title {
  font-size: 60px !important;
  line-height: 1.2 !important;
}

/* Ensure underline span maintains position for decoration */
.rogan-hero-section .banner-main-title.underline span {
  position: relative;
}

.rogan-hero-section .banner-main-title.underline span:before {
  bottom: 5px !important; /* Adjusted for smaller font size */
}

/* Hero Upper Heading */
.rogan-hero-section .banner-upper-heading,
.rogan-hero-section.rogan-hero-three .banner-upper-heading {
  font-size: 16px !important;
}

/* Hero Sub Title - All hero sections */
.rogan-hero-section .banner-sub-title,
.pricing-hero-section .banner-sub-title,
.banner-sub-title {
  font-size: 18px !important;
  line-height: 28px !important;
}

/* Theme Title Main */
.theme-title-one .main-title {
  font-size: 40px !important;
  line-height: 48px !important;
}

/* Theme Title Upper - Better Hierarchy */
.theme-title-one .upper-title {
  font-size: 18px !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

/* Testimonial Text - Much Smaller */
.testimonial-section-classic .inner-container p {
  font-size: 18px !important;
  line-height: 32px !important;
}

.testimonial-classic-v2 .main-bg-wrapper .main-slider-wrapper .item p {
  font-size: 20px !important;
  line-height: 36px !important;
}

/* Feature Block Titles */
.feature-block-one h3 {
  font-size: 22px !important;
  line-height: 30px !important;
}

/* Service Block Titles */
.service-classic-block .text-holder h3 a {
  font-size: 24px !important;
}

.service-modern-block .title a {
  font-size: 36px !important;
}

/* Banner Large Text */
.banner-large-text .title {
  font-size: 56px !important;
  line-height: 68px !important;
}

.banner-large-text .sub-heading {
  font-size: 18px !important;
}

/* Inner Banner Titles */
.inner-banner.banner-bg.bg-style-one h2,
.inner-banner.banner-bg.bg-style-two h2 {
  font-size: 36px !important;
}

.inner-banner.banner-bg.bg-style-one p,
.inner-banner.banner-bg.bg-style-two p {
  font-size: 18px !important;
}

/* Text Inner Banner */
.text-inner-banner-one h2 {
  font-size: 36px !important;
}

.text-inner-banner-one .sub-heading {
  font-size: 16px !important;
  line-height: 28px !important;
}

/* Project Details Titles */
.project-details .project-title-one h2 {
  font-size: 36px !important;
  line-height: 46px !important;
}

.project-details .project-title-two h2 {
  font-size: 38px !important;
  line-height: 48px !important;
}

/* Blog Post Titles */
.blog-post-block-three .post h2 a {
  font-size: 34px !important;
  line-height: 44px !important;
}

/* Pricing Table Text */
.pricing-plan-two .table-wrapper .pr-column .pr-header .price {
  font-size: 32px !important;
}

.pricing-plan-two .table-wrapper .pr-column .pr-header .title {
  font-size: 24px !important;
}

/* Breadcrumbs */
.theme-breadcrumbs .page-title {
  font-size: 36px !important;
}

/* Error Page */
.error-page h2 {
  font-size: 42px !important;
}

.error-page p {
  font-size: 18px !important;
}

/* ============================================
   SPACING FIXES - UNIFIED SYSTEM
   ============================================ */

/*
 * UNIFIED SPACING SYSTEM
 * All sections use 140px top and bottom padding for consistency
 * Exception: Hero "Bem-vindo" section gets extra top padding (220px)
 */

/* Section Padding Utility Classes - Consistent Values */
.pt-300,
.pt-350,
.pt-250,
.pt-200,
.pt-150 {
  padding-top: 140px !important; /* Unified spacing for all sections */
}

.pb-250,
.pb-200,
.pb-150,
.pb-100 {
  padding-bottom: 140px !important; /* Unified spacing for all sections */
}

/* Sections with reduced padding - Features, How it Works, About Us, Achievements */
.about-us-block-one,
.about-us-block-two,
.why-choose-us,
.achivement-section {
  padding: 100px 0 100px !important; /* Reduced spacing: 100px top, 100px bottom */
}

/* How it Works section - No top padding to flow from hero */
.our-service-one {
  padding: 0 0 100px !important; /* No top padding, 100px bottom */
}

/* Unified Section Padding - Other sections with standard spacing */
.our-core-feature.style-two,
.pricing-plan-classic,
.contact-home-one,
.newsletter-section,
.newsletter-one,
.newsletter-two,
.action-banner-one,
.portfolio-full-width-grid,
.intro-text-block,
.help-articles,
.integrations-section,
.blog-post-block-three .opacity {
  padding: 140px 0 140px !important; /* Unified: 140px top, 140px bottom */
}

/* Portfolio needs horizontal padding preserved */
.portfolio-full-width-grid {
  padding: 140px 15px 140px !important;
}

/* Remove any extra margins that interfere with unified spacing */
.our-service-one {
  margin-bottom: 0 !important;
}

/* Counter Vertical Alignment - Center with text content */
.theme-counter-one {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 0 !important;
}

.theme-counter-one .inner-round-shape {
  margin: 0 auto !important;
}

/* Hero Section Specific Padding */
.rogan-hero-section.rogan-hero-one {
  padding-top: 140px !important; /* Matches standard sections */
  padding-bottom: 140px !important; /* Matches standard sections */
}

.rogan-hero-section.rogan-hero-two {
  padding-top: 250px !important;
  padding-bottom: 150px !important;
}

.rogan-hero-section.rogan-hero-three {
  padding-top: 140px !important; /* Matches standard sections */
  padding-bottom: 140px !important; /* Matches standard sections */
}

.rogan-hero-section.rogan-hero-four {
  padding-top: 140px !important; /* Matches standard sections */
  padding-bottom: 140px !important; /* Matches standard sections */
}

.rogan-hero-section.rogan-hero-five {
  padding-top: 140px !important; /* Matches standard sections */
  padding-bottom: 140px !important; /* Matches standard sections */
}

/* Inner Banner Padding - Unified with all sections */
.inner-banner.banner-bg.bg-style-one .opacity,
.inner-banner.banner-bg.bg-style-two .opacity,
.text-inner-banner-one,
.project-details .pr-banner .opacity {
  padding: 140px 0 140px !important; /* Matches all sections */
}

/* Blog Details - Unified */
.blog-details .blog-hero-banner {
  padding: 140px 0 140px !important; /* Matches all sections */
}

.blog-details-fg .blog-fg-data {
  margin-top: -80px !important; /* Preserve overlap effect */
}

/* ============================================
   COMPONENT SIZE FIXES - HIGH PRIORITY
   ============================================ */

/* Buttons - More Refined */
body .theme-btn,
.theme-btn {
  line-height: 44px !important;
  border-radius: 6px !important;
  min-width: 160px !important;
  font-size: 16px !important;
  padding: 0 28px !important;
}

body .theme-btn:before,
.theme-btn:before {
  border-radius: 6px !important;
}

.theme-button-one,
.theme-button-two,
.theme-button-three {
  line-height: 44px !important;
  font-size: 16px !important;
  padding: 0 28px !important;
}

/* Contact Button in Header */
.theme-main-menu .contact-button {
  min-width: 150px !important;
  padding: 0 24px !important;
  border-radius: 6px !important;
}

.theme-main-menu .contact-button:before {
  border-radius: 6px !important;
}

/* Feature Block Cards - Reduced Padding */
.feature-block-one {
  padding: 40px 28px 38px 28px !important;
}

.feature-block-three {
  padding: 35px 20px 28px !important;
}

/* Feature Block Icons - Smaller */
.feature-block-one .icon {
  font-size: 42px !important;
}

.feature-block-one .read-more {
  font-size: 20px !important;
}

/* Service Block Padding */
.service-classic-block .text-holder {
  padding: 40px 20px !important;
}

.service-classic-block .text-holder .icon-holder {
  left: 20px !important;
}

/* Testimonial Content Padding */
.testimonial-section-classic .main-content {
  padding: 50px 60px 40px !important;
}

.testimonial-section-standard .customer-content {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Newsletter Form */
.newsletter-section .main-wrapper form {
  max-width: 600px !important;
}

/* Counter Boxes */
.theme-counter-one .inner-round-shape {
  width: 380px !important;
  height: 380px !important;
}

/* Form Styling */
.theme-form-style-two {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Shadows - More Subtle */
.feature-block-one {
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08) !important;
  border-radius: 12px !important;
}

/* Team Members */
.team-minimal .single-team-member,
.team-business .single-team-member {
  margin-bottom: 50px !important;
}

/* Coupon Section */
.coupon-section .coupon-form .theme-button-three {
  margin-top: 12px !important;
}

/* Checkout Order Sheet */
.checkout-form .order-confirm-sheet {
  padding: 40px 0 0 !important;
}

.checkout-form .order-confirm-sheet .order-review {
  padding: 35px 20px !important;
}

/* ============================================
   RESPONSIVE IMPROVEMENTS
   ============================================ */

/* Tablet Adjustments (768-991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .rogan-hero-section .banner-main-title,
  .rogan-hero-section.rogan-hero-three .banner-main-title,
  .rogan-hero-section.rogan-hero-four .banner-main-title,
  .rogan-hero-section.rogan-hero-five .banner-main-title {
    font-size: 40px !important;
    line-height: 50px !important;
  }

  .theme-title-one .main-title {
    font-size: 36px !important;
    line-height: 46px !important;
  }

  h2 {
    font-size: 28px !important;
    line-height: 38px !important;
  }

  h3 {
    font-size: 22px !important;
    line-height: 30px !important;
  }

  .banner-large-text .title {
    font-size: 48px !important;
    line-height: 58px !important;
  }

  /* Force animated text on new line to prevent layout shifts */
  #theme-banner-four .main-wrapper .main-title .txt-rotate {
    display: block !important;
  }

  .testimonial-classic-v2 .main-bg-wrapper .quote span {
    font-size: 140px !important;
  }

  .testimonial-classic-v2 .main-bg-wrapper {
    height: 500px !important;
  }
}

/* Mobile Adjustments (<768px) - Unified Spacing */
@media (max-width: 767px) {
  .rogan-hero-section .banner-main-title,
  .rogan-hero-section.rogan-hero-three .banner-main-title,
  .rogan-hero-section.rogan-hero-four .banner-main-title,
  .rogan-hero-section.rogan-hero-five .banner-main-title {
    font-size: 34px !important;
    line-height: 44px !important;
  }

  .theme-title-one .main-title {
    font-size: 32px !important;
    line-height: 42px !important;
  }

  /* Main title with animation - smaller on mobile */
  .main-title.wow.fadeInUp.animated {
    font-size: 32px !important;
    line-height: 42px !important;
    letter-spacing: -1px !important;
  }

  h2 {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  h3 {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  .banner-large-text .title {
    font-size: 42px !important;
    line-height: 52px !important;
  }

  /* Force animated text on new line to prevent layout shifts */
  #theme-banner-four .main-wrapper .main-title .txt-rotate {
    display: block !important;
  }

  /* Mobile Hero Banner - Reposition screen images below CTA */
  #theme-banner-four {
    display: flex !important;
    flex-direction: column !important;
  }

  #theme-banner-four .container {
    order: 1 !important; /* Content appears first */
  }

  #theme-banner-four .main-wrapper {
    padding: 100px 0 50px !important; /* Reduce bottom padding */
  }

  /* Wrapper appears after content on mobile */
  #theme-banner-four .hero-screens-wrapper {
    order: 2 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 20px 0 40px !important;
  }

  /* Screen images positioned within wrapper */
  #theme-banner-four .screen-one {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 70% !important;
    max-width: 300px !important;
    margin: 0 auto 0 auto !important;
    margin-right: 8% !important;
  }

  #theme-banner-four .screen-two {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 24% !important;
    max-width: 150px !important;
    margin-top: -167px !important;
    margin-left: 8% !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
  }

  /* Hide decorative shapes on mobile to keep focus on content */
  #theme-banner-four .shape-one,
  #theme-banner-four .shape-two,
  #theme-banner-four .shape-three,
  #theme-banner-four .shape-four,
  #theme-banner-four .round-shape-one,
  #theme-banner-four .round-shape-two,
  #theme-banner-four .round-shape-three,
  #theme-banner-four .round-shape-four {
    display: none !important;
  }

  /* Unified Mobile Spacing - 100px top and bottom for all sections */
  .pt-300,
  .pt-350,
  .pt-250,
  .pt-200,
  .pt-150 {
    padding-top: 100px !important; /* Unified mobile spacing */
  }

  .pb-250,
  .pb-200,
  .pb-150,
  .pb-100 {
    padding-bottom: 100px !important; /* Unified mobile spacing */
  }

  /* All sections get unified mobile padding */
  .our-service-one,
  .our-core-feature.style-two,
  .pricing-plan-classic,
  .contact-home-one,
  .newsletter-section,
  .newsletter-one,
  .newsletter-two,
  .action-banner-one,
  .portfolio-full-width-grid,
  .intro-text-block,
  .help-articles,
  .achivement-section,
  .integrations-section,
  .blog-post-block-three .opacity,
  .blog-details .blog-hero-banner,
  .inner-banner.banner-bg.bg-style-one .opacity,
  .inner-banner.banner-bg.bg-style-two .opacity,
  .text-inner-banner-one,
  .project-details .pr-banner .opacity {
    padding: 100px 0 100px !important; /* Unified: 100px top, 100px bottom on mobile */
  }


  /* Portfolio preserves horizontal padding */
  .portfolio-full-width-grid {
    padding: 100px 15px 100px !important;
  }

  /* Hero sections on mobile */
  .rogan-hero-section.rogan-hero-one,
  .rogan-hero-section.rogan-hero-three,
  .rogan-hero-section.rogan-hero-four,
  .rogan-hero-section.rogan-hero-five {
    padding: 100px 0 100px !important; /* Unified mobile spacing */
  }

  /* Hero sections with extra spacing - Bem-vindo, Pricing, FAQ */
  .rogan-hero-section.rogan-hero-two,
  .pricing-hero-section {
    padding-top: 160px !important; /* Extra spacing from top on mobile */
    padding-bottom: 0px !important; /* No bottom padding - flows into next section */
  }
}

/* Small Mobile (<576px) */
@media (max-width: 575px) {
  .theme-main-menu .contact-button {
    min-width: 130px !important;
    padding: 0 18px !important;
  }

  body .theme-btn,
  .theme-btn {
    min-width: 140px !important;
    padding: 0 24px !important;
    font-size: 15px !important;
  }

  .blog-details .post-data blockquote {
    font-size: 20px !important;
    line-height: 32px !important;
    padding-left: 40px !important;
  }

  .pricing-tab-menu .nav-tabs .nav-item .nav-link {
    width: 120px !important;
    line-height: 42px !important;
    font-size: 16px !important;
  }
}

/* ============================================
   ADDITIONAL POLISH
   ============================================ */

/* Improve Line Height for Better Readability */
p {
  line-height: 1.65;
}

/* Optimize List Spacing */
ul, ol {
  line-height: 1.65;
}

/* Better Focus States for Accessibility */
a:focus,
button:focus,
input:focus {
  outline: none;
}

/* Smoother Transitions */
.theme-btn,
.feature-block-one,
.service-classic-block {
  transition: all 0.3s ease;
}

/* ============================================
   FIXES FOR SPECIFIC PAGES
   ============================================ */

/* Custom Check-in Forms Page */
.custom-forms-hero .banner-main-title {
  font-size: 40px !important;
  line-height: 58px !important;
}

/* FAQ Page Improvements */
.faq-search-form input {
  height: 52px !important;
  font-size: 16px !important;
}

.faq-tab-wrapper .faq-panel .panel .panel-heading .panel-title a {
  font-size: 18px !important;
  padding: 20px 50px 20px 25px !important;
}

.faq-tab-wrapper .faq-panel .panel .panel-body p {
  font-size: 16px !important;
  line-height: 26px !important;
}

/* ============================================
   PRICING PAGE OPTIMIZATION - FIT IN VIEWPORT
   ============================================ */

/* Pricing Hero Section - Same treatment as "Bem-vindo" */
.pricing-hero-section {
  padding-top: 250px !important; /* Extra spacing from header like "Bem-vindo" */
  padding-bottom: 0px !important; /* No bottom padding - flows into pricing section */
}

/* Pricing Section - Compact spacing */
.pricing-section {
  padding: 60px 0 80px !important; /* Reduced from 100px/150px */
}

/* Pricing Cards - Compact sizing */
.pricing-card {
  padding: 30px 20px !important; /* Reduced from likely 40-50px */
  margin-bottom: 20px !important;
}

.pricing-card .card-header h3 {
  font-size: 22px !important;
  margin-bottom: 8px !important;
}

.pricing-card .card-header p {
  font-size: 14px !important;
  margin-bottom: 0 !important;
}

/* Pricing Price Display - Smaller */
.pricing-card .card-price .price,
.card-price .price {
  font-size: 42px !important; /* Reduced from likely 60px+ */
  line-height: 1.2 !important;
}

.pricing-card .card-price .period,
.card-price .period {
  font-size: 16px !important;
}

.pricing-card .card-price {
  margin: 15px 0 !important; /* Reduced spacing */
}

/* Pricing Features List - Compact */
.pricing-card .features-list,
.features-list {
  margin: 15px 0 !important;
}

.pricing-card .features-list li,
.features-list li {
  padding: 6px 0 !important; /* Reduced from likely 10-12px */
  font-size: 15px !important;
  line-height: 1.4 !important;
}

.pricing-card .included-text {
  font-size: 14px !important;
  margin: 10px 0 !important;
}

/* Trial Badge - Smaller */
.trial-badge {
  font-size: 12px !important;
  padding: 4px 12px !important;
}

/* Pricing Controls - Compact */
.pricing-controls {
  margin-bottom: 30px !important; /* Reduced from 60px */
}

.property-count-section {
  margin-bottom: 20px !important; /* Reduced from 40px */
}

/* Pricing Comparison Subtitle */
.theme-title-one p {
  font-size: 18px !important;
}

/* Pricing FAQ Section - Reduced spacing */
.pricing-faq-section {
  padding: 80px 0 80px !important; /* Reduced from 150px */
}

.pricing-faq-section .theme-title-one {
  margin-bottom: 30px !important; /* Reduced from 60px */
}

.pricing-faq-section .faq-item {
  margin-bottom: 15px !important;
}

.pricing-faq-section .faq-question {
  font-size: 16px !important;
  padding: 15px 20px !important;
}

.pricing-faq-section .faq-answer p {
  font-size: 15px !important;
  padding: 15px 20px !important;
}

/* Legacy Pricing Table (if used) */
.pricing-plan-classic .tab-content .table-content .price-table .pr-header .price {
  font-size: 42px !important;
}

.pricing-plan-classic .tab-content .table-content .price-table .pr-header h3 {
  font-size: 20px !important;
}

.pricing-plan-classic .tab-content .table-content .price-table .col-inner {
  padding: 40px 15px 50px !important; /* Reduced vertical padding */
}

.pricing-plan-classic .tab-content .table-content .price-table .col-inner ul li {
  line-height: 32px !important; /* Reduced from 42px */
}

/* ============================================
   BILINGUAL SUPPORT
   ============================================ */

/* Slight Line-Height Adjustment for Portuguese (Optional) */
[lang="pt"] p,
p:lang(pt) {
  line-height: 1.7;
}

[lang="pt"] h1,
h1:lang(pt),
[lang="pt"] h2,
h2:lang(pt) {
  line-height: 1.35;
}

/* ============================================
   CTA SECTION FIXES
   ============================================ */

/* CTA Sections - Center vertically */
.rogan-hero-section.rogan-hero-two[style*="linear-gradient"] {
  padding: 150px 0 150px !important;
  display: flex !important;
  align-items: center !important;
  min-height: auto !important;
}

.rogan-hero-section.rogan-hero-two[style*="linear-gradient"] .main-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ============================================
   ABOUT US IMAGE FIXES
   ============================================ */

/* Limit About Us images from stretching on large resolutions */
.about-us-block-one .path-shape-holder,
.about-us-block-two .path-shape-holder {
  max-width: 500px !important;
  max-height: 450px !important;
}

/* Removed constraints - let images size naturally */
/* .about-us-block-one .image-box svg,
.about-us-block-two .image-box svg {
  max-width: 500px !important;
  max-height: 450px !important;
  width: 100% !important;
  height: auto !important;
}

.about-us-block-one .image-box,
.about-us-block-two .image-box {
  max-width: 500px !important;
  max-height: 450px !important;
}

.about-us-block-one .image-box svg image,
.about-us-block-two .image-box svg image {
  max-width: 500px !important;
  max-height: 450px !important;
  width: auto !important;
  height: auto !important;
} */

/* ============================================
   DROPDOWN MENU FIXES
   ============================================ */

/* Features Dropdown - Auto width based on content */
#featuresDropdown + .dropdown-menu {
  width: auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
}

#featuresDropdown + .dropdown-menu .dropdown-item {
  white-space: nowrap !important;
  padding-right: 30px !important;
  padding-left: 20px !important;
}

/* ============================================
   HEADER NAVIGATION CENTERING - REVERTED
   ============================================ */

/* Navigation menu font size */
.navbar-nav .nav-item .nav-link {
  font-size: 18px !important;
}

/* About us mark text */
.about-us-block-two .mark-text {
  font-size: 22px !important;
}

/* ============================================
   MODERN ICON STYLING (BRIGHTHUB-INSPIRED)
   ============================================ */

/* Feature card icons - modern gradient style */
.feature-block-one .img-icon {
  width: 60px !important;
  height: 60px !important;
  padding: 15px !important;
  background: linear-gradient(135deg, #EDE9FE 0%, #DDD6FE 100%) !important;
  border-radius: 10px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 16px rgba(99, 91, 255, 0.08) !important;
  display: inline-block !important;
}

/* Change SVG colors to blue */
.feature-block-one .img-icon path,
.feature-block-one .img-icon .cls-1 {
  fill: #635bff !important;
  stroke: #635bff !important;
}

.feature-block-one:hover .img-icon {
  transform: translateY(-6px) !important;
  background: linear-gradient(135deg, #a78bfa 0%, #7c66ff 100%) !important;
  box-shadow: 0 8px 24px rgba(99, 91, 255, 0.15) !important;
}

/* END OF SCALE FIXES */