html {
  scroll-behavior: smooth;
}
.ps::-webkit-scrollbar {
  display: none;
}
.home-bg{
  position: relative;
  height: 100%;
  min-height: 47em;
  overflow: hidden;
 }

 .home-bg::before {
    content: '';
    position: absolute;
    top: 1px;
    width: 200%;
    height: 108%;
    z-index: -1;
    background: linear-gradient(to right, #3ca55c, #b5ac49);
 }

 @media only screen and (min-width: 992px){
    .home-bg::before {
        transform-origin: -25% 100%;
        transform: rotate(-7.7deg);
    }
 }

.cust-docs-bg{
  position: relative;
  height: 100%;
  min-height: 25em;
  overflow: hidden;
  text-align: center;
 }

 .cust-docs-bg::before {
    content: '';
    position: absolute;
    top: 1px;
    width: 200%;
    height: 108%;
    z-index: -1;
    background: linear-gradient(to right, #3ca55c, #b5ac49);
    transform-origin: -19% 100%;
    /* transform: rotate(-7.7deg); */
 }

.cust-post-preview {
    padding: 20px;
    background-color: #fff;
    margin-bottom: 20px;
}

.cust-post-preview .title {
    font-size: 26px;
    margin: 0px 0px;
}

.cust-post-preview .post-meta {
    font-size: 12px;
    font-weight: 200;
    margin: 0px 0px;
}


.cust-pricing .footer{
    margin-bottom: 1rem;
}

.cust-pricing .card .card-header-primary{
    background: #033870;
    box-shadow: none;

}

.cust-pricing .card-title-1{
    color: #ecf6df;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
}

.cust-pricing .card-title-2{
    color: #ecf6df;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 400;
}
.cust-pricing ul {
    list-style-type: none;
}
.cust-pricing .price-prop{
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 10px;
}

.cust-pricing .material-icons{
    vertical-align: middle;
    font-size: 18px;
    margin-right: 10px;
    font-weight: 200;
}

.cust-grammar p{
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
}

.cust-grammar-outer{
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 20px 0 10px 0;

}

.logo-black{
    background-image: url('../img/svatah_logo_name_22122018.png');
 }
.logo-white{
    background-image: url('../img/svatah_logo_name_22122018.png');
 }
.about-bg{
    background-image: url('../img/bg/wb-book-1.jpg');
 }
.docs-bg{
    background-image: url('../img/bg/wb-mac-4.jpg');
 }
.first-project-bg{
    background-image: url('../img/bg/wb-mac-9.jpg');
 }
.blog-bg{
    background-image: url('../img/bg/wb-mac-8.jpg');
 }
.reference-bg{
    background-image: url('../img/bg/wb-mac-1.jpg');
 }
.design-bg{
    background-image: url('../img/bg/wb-mac-2.jpg');
 }
.contact-bg{
    background-image: url('../img/card-project4.jpg');
 }
.pricing-bg{
    background-image: url('../img/cloud.jpeg');
 }
.community-bg{
    background-image: url('../img/community.jpg')
 }
.locator-bg{
    background-image: url('../img/bg/wb-mac-3.jpg')
 }
.story-bg{
    background-image: url('../img/bg/wb-mac-7.jpg')
 }
.invoke-api-bg{
   background-image: url('../img/bg/wb-mac-6.jpg')
 }

 .toggle-switch {
     background: #ccc;
     width: 40px;
     height: 20px;
     overflow: hidden;
     border-radius: 3px;
     display: inline-block;
     vertical-align: middle;
     margin: 0 10px;
   }
   .toggle-switch:after {
     content: " ";
     display: block;
     width: 20px;
     height: 20px;
     background-color: #3498DB;
     margin-left: -3px;
     transition: all 0.1s ease-in-out;
   }
   .active .toggle-switch:after {
     margin-left: 20px;
   }
   .toggle-label {
     display: inline-block;
     line-height: 20px;
   }
   .toggle-label-off {
     color: #000;
   }
   .active .toggle-label-off {
     color: #fff;
   }
   .active .toggle-label-on {
     color: #000;
   }

   option{
       color: #ccc;
       border-radius: 40px;
       background-color: #000;
       border: 1px solid #fff;
   }

   .white-content option{
     color: #000;
     background-color: #fff;
     border: 1px solid #000;
   }

   .wraptext{
     white-space: nowrap;
     width: inherit;
     overflow: hidden;
     text-overflow: ellipsis;
   }

   .rounded {
   border-radius: 30px;
   }

   @media only screen and (max-width: 768px){
    .hide-for-mobile {
        display : none
    }
   }