/* Features page styles.

   developer:   yhechler, tajudeen
   requires:    /enterprise-private-cloud/css/epc-shared.css.ja
   ========================================================================== */
#heading h2 {
	margin-bottom: 10px;
}

h1 { margin: unset; }

/* shared style
   ========================================================================== */

.section-wrapper .column.right { padding: 0; }

.section-wrapper .spacer { height: 3.125rem; }

.section-wrapper h3.first { margin: 0px 0 0.3125rem; }

.section-wrapper h3 {
    margin: 0rem 0 0.3125rem 0rem;
    color: #f77700;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625rem;
}

.section-wrapper h4 {
    margin: 0 0 7px 0;
    color: #df5213;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.25rem;
}

.section-wrapper img {
    display: block;
    margin: 0 auto 1.0625rem auto;
}

.section-wrapper img.less-margin {
    display: block;
    margin-bottom: 0.4375rem;
}

.section-wrapper p {
    margin: 6px 0 30px 0;
    color: #535353;
    font-size: 0.84375rem;
    font-weight: 400;
    line-height: 1.7rem;
}

.section-wrapper p.last { margin: 0.375rem 0 0rem 0; }

.section-wrapper p span { color: #c10000; }

section#about { margin: 0.125rem auto 5.875rem auto; }
 
#about .row-container { 
    display: flex; 
    gap: 2.8125rem;
}

#about .column { 
    flex: 1 1 30.3125rem; 
}

/* get help
   ========================================================================== */

#help { border: none; }

/* contact us section overwrite
   ========================================================================== */
#contact-us-section { margin-top: 5.625rem; }


/* ==========================================================================
   responsive breakpoint styles
   ========================================================================== */

/* styles for medium screens (1200px)
   ========================================================================== */

   @media all and (max-width: 1200px) {}

   /* styles for medium screens (900px)
      ========================================================================== */
   
   @media all and (max-width: 900px) {}
   
   /* styles for medium screens (600px)
      ========================================================================== */
   
   @media all and (max-width: 600px) {
        #about .row-container { 
            flex-wrap: wrap; 
            flex-direction: column; 
        }
        #about .row-container { 
            gap: 0.9375rem;
        }
        

   }
   
   /* styles for medium screens (320px)
      ========================================================================== */
   
   @media all and (max-width: 320px) {}