.elementor .DDsitedefault{font-family:Montserrat;font-weight:400;color:#ffffff;text-align:center;border-radius:50px;border-width:1px;border-color:#375efb;border-style:solid;background-color:#000125;}.elementor .DDsitedefault:hover,.elementor .DDsitedefault:focus-visible{background-color:#375efb;}.elementor .testimonial{font-family:Montserrat;font-weight:400;color:#FFFFFF;justify-content:center;}.elementor .Herohome{color:var(--White);text-align:center;padding-block-start:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center;}.elementor .Servicespillarshome{font-family:var(--H2);font-weight:400;font-size:50px;color:var(--White);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center;}.elementor .DESMONDSERVICES{min-width:100%;flex-direction:row;flex-wrap:wrap;/* Universal Container: Liquid layout that automatically adapts to ANY screen size */
DesmondServices{
  display: grid !important;
  
  /* FUTURE-PROOFING MAGIC:
     - minmax(280px, 1fr) means: "Never let a card get smaller than 280px (great for foldables/wearables)."
     - auto-fit means: "Fit as many cards side-by-side as possible."
     If 3 cards can fit, they sit side-by-side. If a screen narrows, they drop 1-by-1 dynamically without breaking. */
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  
  /* Fluid gap scales perfectly between 16px on tiny screens and 32px on wide monitors */
  gap: clamp(1rem, 2vw, 2rem) !important;
  
  width: 100% !important;
  height: auto !important;
  min-height: unset !important;
  box-sizing: border-box !important;
}

/* Equalizing Card Content: Ensures everything inside scales beautifully */
.your-class-name > * {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important; /* Pushes the CTA buttons to the exact same bottom line */
  height: 100% !important; /* Makes all 3 cards exactly equal height automatically */
  box-sizing: border-box !important;
  
  /* Fluid padding inside the cards */
  padding: clamp(1.25rem, 3vw, 2.5rem) !important;
}

/* Fluid Typography: Text scales continuously based on screen size, matching AI glass or large screen specs */
.your-class-name h2, 
.your-class-name h3 {
  font-size: clamp(1.25rem, 2.5vw, 1.85rem) !important;
  line-height: 1.3 !important;
}

.your-class-name p {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem) !important;
  line-height: 1.6 !important;
}\n}