.extraspace-intro .extraspace-hero {
	 margin: 24px 0;
	 padding: 18px 24px;
	 border-left: 4px solid #2271b1;
	 background: #f0f6fc;
   }
   .extraspace-intro h2 {
	 font-size: 1,25rem;
	 margin-top: 2rem;
		margin-bottom: 0;
   }
   .extraspace-intro h2 {
	 margin-top: 12px;
   }
   .extraspace-intro p,ul,ol {
	 font-size: 1rem; 
	 line-height: 1.25;
	 margin: .5em 0 .5em 0;
   }

   .extraspace-intro .extraspace-columns {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 24px;
	 margin-top: 16px;
   }
   .extraspace-intro .extraspace-col {
	 flex: 1 1 260px;
	 background: #fff;
	 border: 1px solid #dcdcde;
	 border-radius: 4px;
	 padding: 16px 18px;
   }
   .extraspace-intro .extraspace-badge {
	 display: inline-block;
	 padding: 2px 8px;
	 font-size: 11px;
	 font-weight: 600;
	 text-transform: uppercase;
	 border-radius: 999px;
	 background: #e5f5ff;
	 color: #135e96;
	 margin-left: 6px;
   }
   .extraspace-intro .extraspace-steps ol {
	 margin-left: 1.4em;
   }
   .extraspace-intro .extraspace-screenshot {
	 margin: 26px 0;
	 padding: 16px 18px;
	 border: 1px dashed #c3c4c7;
	 border-radius: 4px;
	 background: #f9fafb;
   }
   .extraspace-intro .extraspace-screenshot strong {
	 display: block;
	 margin-bottom: 4px;
   }
   .extraspace-intro code {
	 background: #f3f4f5;
	 padding: 1px 4px;
	 border-radius: 3px;
   }
   @media (max-width: 782px) {
	 .extraspace-intro .extraspace-columns {
	    flex-direction: column;
	 }
   }