/* #storySoftWrapper {
   background-color: #F6F4F4 !important;
  } */


#storySoftWrapper {
   background-image: none !important;
   background-color: #f6f4f4 !important;
   padding-top: 36px;
   padding-bottom: 36px;
}

#story-soft-container {
   width: 23.4375rem !important;
   height: 41.6875rem !important;
   margin: 0 auto;
}

/* for mobile */
@media (max-width: 1200px) {
   html body div#storySoftWrapper {
      background-image: none !important;
      background-color: #f6f4f4 !important;
      padding-top: 6px;
      padding-bottom: 6px;
   }

   #story-soft-container {
      width: 21.25rem !important;
      height: 37.8125rem !important;
   }
  
}

#storySoftWrapper [data-component-id="Rich Text Editor"] {
   background-color: transparent !important;
   display: flex;
   align-items: center;
}

#storySoftWrapper .button {
   display: inline-block;
   padding: 12px 20px;
   font-family: Arial;
   font-size: 12px;
   font-weight: 700;
   letter-spacing: 1.5px;
   line-height: 16px;
   text-transform: uppercase;
   color: white;
   background-color: #15717D;
   text-decoration: none;
   border-radius: 20px;
   margin-top: 20px;
}


/* mobile view header background color fix  */
#header-component > header > div.LogoBar > div.MaxWidthContainer > div {
   background: #fff;
}

/* storysoft background gradient fix  */
#storysoftWebframe {
    background: #FFF;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(217, 236, 242, 1) 15%, rgba(217, 236, 242, 1) 50%, rgba(217, 236, 242, 1) 85%, rgba(255, 255, 255, 1) 100%);
}