/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

h1, h2, h3 {
font-weight: 300 !important;
text-transform: none;
}

h4, h5, h6 {
font-weight: 500;
 text-transform: none;
}
.customerQuote {
  min-height: 680px;  
  max-width: 100vw;
  padding: 200px 24px 0 24px;
  background-color: rgba(255, 255, 255, .7);
}


@media screen and (min-width: 768px) {
  .customerQuote {
  background-color: transparent;
  max-width: 1200px;        
  margin: 0 auto;  
  }
  main_content-row-1-background-image {
  background-color: #F9F8F9;
  }
  
}
.websiteBuilderCards {
  max-width: 860px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  float: right;
  background-color: #001453;
  padding: 80px 24px;
  margin: 0 auto;
  width: 100%;
  list-style-type: disc;
}
  


  
  .card2 {
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 24px;
    border-radius: 8px;
    width: 100%;
    @media screen and (min-width: 768px) {
      max-width: 360px;
    }
  }
  .card1 {
    background-color: #B4C4FF;
  }
  .card2 {
    background-color: #FBCECE;
  }
  .card3 {
    background-color: #B5F2CE;
  }
  .card4 {
    background-color: #E4B5FF;
  }
}
.listItems {
  list-style-type: none;
}


.span4 {  border-radius: 6px !important;}
.span3 {  border-radius: 12px !important;}
.span12 {  border-radius: 12px !important;}
.span6 {  border-radius: 12px !important;margin: 12px; padding: 16px;}

.row-fluid:has(> .widget-span:nth-child(5):last-child) > .widget-span {
    width: calc(20% - var(--column-gap) * 0.8);
  }	

.row-fluid  {  border-radius: 6px !important;}

.pricing {
  display: flex;
  padding: 40px;
  flex-direction: column;
  
  > div {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 20px;
    padding: 40px 60px;
    border: 1px solid #e6e6e6;
    list-style-type: none;
  }
  > a {
    display: block;
    width: 100%;
    margin: 20px auto;
  }
  
  
  @media screen and (min-width: 1280px) {
  flex-direction: row;
    > div {
    width: 20%;
    margin-left: 20px;
    padding: 40px 60px;
    border: 1px solid #e6e6e6;
    list-style-type: none;
  }
  }
  
  
  
}