ue/**
 * Customize CSS
 *
 * @author We Both
 * @version 1.0
 *
 * "You can add your own style below this comment".
 */



 /* fonts */

 html {
     font-size: 14px
 }

 @media (min-width: 1024px) {
     html {
         font-size: 16px
     }
 }

 html * {
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-weight: 400
 }

 @supports (font-variation-settings: normal) {
     html {
    font-family: 'Montserrat', sans-serif;     }
 }
 body {
     font-family: 'Montserrat', sans-serif;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #726f69
 }

 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
     line-height: 1.3;
     color: #4f6281
 }

 .h1 *,
 .h2 *,
 .h3 *,
 .h4 *,
 .h5 *,
 .h6 *,
 h1 *,
 h2 *,
 h3 *,
 h4 *,
 h5 *,
 h6 * {
     font-weight: 500
 }

 .h1 strong,
 .h2 strong,
 .h3 strong,
 .h4 strong,
 .h5 strong,
 .h6 strong,
 h1 strong,
 h2 strong,
 h3 strong,
 h4 strong,
 h5 strong,
 h6 strong {
     font-weight: 500 !important
 }

 .h1,
 h1 {
     font-size: 2.4rem;
     line-height: 2.5rem;
     font-weight: 700
 }

 .h2,
 h2 {
     font-size: 2.125rem
 }

 .h3,
 h3 {
     font-size: 1.625rem
 }

 .h4,
 h4 {
     font-size: 1.125rem
 }

 .h5,
 h5 {
     font-size: 1rem
 }

 .h6,
 h6 {
     font-size: .875rem
 }

 .lead {
     font-weight: 400
 }

 .super-lead {
     font-size: 2.125rem;
     line-height: 1.3
 }

 a {
     text-decoration: none;
     font-family: "Inter", sans-serif;
     font-weight: 400;
     color: #3646eb;
     -webkit-transition: 0.25s;
     transition: 0.25s
 }

 a:hover {
     color: #61a0b5;
     text-decoration: none
 }

 strong {
     font-weight: bolder
 }

 .background--brand strong,
 .background--primary strong,
 .bg-brand strong,
 .bg-primary strong {
     color: #fff
 }


 /* custom icons */

 .icon.bg-primary,
 .icon.background--brand,
 .icon.background--primary,
 .icon.bg-brand,
 .icon.bg-primary {
     background-color: rgba(77, 91, 237, 0.1) !important
 }

 .seller-icon {
     max-width: 100px
 }

 .custom-icon-rounded {
     border-radius: .3rem
 }

 .custom-icon {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: inline-flex;
     min-width: 10rem;
     min-height: 10rem;
     text-align: center;
     -webkit-box-align: center;
     -webkit-align-items: center;
     align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     font-size: 1.125rem;
     color: rgba(0, 0, 255, .9);
     line-height: 4rem
 }



 .feature-icon-custom {
     max-width: 80px
 }

 /* randoms */

 /* ul {
 list-style-image: url('/images/checkbox.png');
 } */

 /* li {
 list-style-image: url('/images/checkbox.png');
 } */

 ul.no_bullet {
   list-style-type: none;
   padding: 0;
   margin: 0;
 }
 li.bushel-list {
   background: url('/images/checkbox.png') no-repeat left 5px;
   padding-left: 30px;
   padding-top: 3px;
 }

 .seller-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 11px solid rgba(137, 170, 107, 1) !important;
    border-radius: .25rem
 }

 .buyer-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 11px solid rgba(93, 161, 182, 1) !important;
    border-radius: .25rem
 }

 /* custom buttons */

 .btn-green {
     color: #ffffff;
     background-image: -webkit-linear-gradient(-135deg, #6fbd7a 10%, #c1d446 100%);
     background-image: -ms-linear-gradient(-135deg, #6fbd7a 0%, #c1d446 55%)
 }

 .btn-green:hover {
     color: #ffffff;
     background-color: #4f6281;

 }

 .btn-green.btn--has-shadow {
     box-shadow: 0px 10px 16px 0px rgba(56, 73, 99, 0.4)
 }

 .btn-green.btn--has-shadow:hover {
     box-shadow: 0px 10px 26px 0px rgba(56, 73, 99, 0.7)
 }

 .btn-success {
     color: #ffffff;
     background-color: #89aa6b;
     border-color: #89aa6b
 }

 .btn-success:hover {
     color: #ffffff;
     background-color: #7ba45b;
     border-color: #7ba45b
 }

 .btn-success.btn--has-shadow {
   box-shadow: 0px 10px 16px 0px rgba(56, 73, 99, 0.2)
 }

 .btn-success.btn--has-shadow:hover {
box-shadow: 0px 10px 26px 0px rgba(56, 73, 99, 0.4) }

 .btn-nav-reg {
     color: #4f5464;
     background-color: #e3e4ee;
     padding: .1rem .7rem;
     line-height: 1.5
     }
 }

 .btn-nav-reg:hover {
     color: #ffffff;
     background-color: #67a374;
 }

 /* .btn-nav-reg.btn--has-shadow {
     box-shadow: 3px 5px 10px 0px rgba(56, 73, 99, 0.15)
 } */

 .btn-nav-reg.btn--has-shadow:hover {
     box-shadow: 0px 5px 13px 0px rgba(56, 73, 99, 0.4)
 }

 .btn-nav-login {
     color: #4f5464;
     border-width: 1px;
     border-color: #dddddd;
     background-color: #f8f9fd;
     padding: .4rem .7rem;
     line-height: 1.5;
     }
 }

 .btn-nav-login:hover {
     color: #76a0b4;
     background-color: #4f5464;
 }



 .btn-nav-login.btn--has-shadow:hover {
     box-shadow: 0px 5px 13px 0px rgba(56, 73, 99, 0.3)
 }

 .btn-dk-blue {
     color: #ffffff;
     background-color: #4f6281;
     border-color: #4f6281
 }

 .btn-dk-blue:hover {
     color: #ffffff;
     background-color: #4f6281;
     border-color: #4f6281
 }

 .btn-dk-blue.btn--has-shadow {
     box-shadow: 0px 10px 16px 0px rgba(56, 73, 99, 0.4)
 }

 .btn-dk-blue.btn--has-shadow:hover {
     box-shadow: 0px 10px 26px 0px rgba(56, 73, 99, 0.7)
 }


 .btn-lt-blue {
     color: #ffffff;
     background-color: #5da1b6;
     border-color: #5da1b6
 }

 .btn-lt-blue:hover {
     color: #ffffff;
     background-color: #5da1b6;
     border-color: #5da1b6
 }

 .btn-lt-blue.btn--has-shadow {
     box-shadow: 0px 10px 16px 0px rgba(93, 161, 182, 0.2)
 }

 .btn-lt-blue.btn--has-shadow:hover {
     box-shadow: 0px 10px 26px 0px rgba(93, 161, 182, 0.7)
 }

 .btn-white {
     color: #506382;
     border-color: #506382;
     border-width: 2px;
 }

 .btn-white:hover {
     color: #fff;
     background-color: #506382;
 }

 .btn-white:not(:disabled):not(.disabled).active {
     background-color: #e0e0e0 !important;
     border-color: #e0e0e0 !important
 }

 .btn-white:not(:disabled):not(.disabled).active {
     background-color: #e0e0e0 !important;
     border-color: #e0e0e0 !important;
     color: #4f5464
 }

 .btn-white.btn--has-shadow {
     box-shadow: 0px 12px 11.4px 0.6px rgba(132, 138, 163, 0.1)
 }

 .btn-white.btn--has-shadow:hover {
     box-shadow: 0px 10px 26px 0px rgba(132, 138, 163, 0.3)
 }



/* BG Gradients */


.gradient-teal{
    background-image: -webkit-linear-gradient(30deg, #3ebbbf -40%, #25376d 70%, #fff 0%);
    background-image: -ms-linear-gradient(30deg, #3ebbbf -50%, #25376d 70%, #fff 0%)
}

.gradient-purple{
    background-image: -webkit-linear-gradient(-30deg, #fff 30%, #44467d -40%, #8b7bab 150%);
    background-image: -ms-linear-gradient(-30deg, #fff 30%, #44467d -40%, #8b7bab 150%)
}

 .gradient-light--lean-right-cream {
     background-image: -webkit-linear-gradient(-135deg, #b4cc9f 0%, #fff 55%);
     background-image: -ms-linear-gradient(-135deg, #b4cc9f 0%, #fff 55%)
 }

 .gradient-light--lean-right-blue {
     background-image: -webkit-linear-gradient(-135deg, #dce0ef 0%, #fff 55%);
     background-image: -ms-linear-gradient(-135deg, #dce0ef 0%, #fff 55%)
 }

 .gradient-subpage-green {
     background-image: -webkit-linear-gradient(-45deg, #b4cc9f 0%, #fff 35%);
     background-image: -ms-linear-gradient(-45deg, #b4cc9f 0%, #fff 35%)
 }

 .gradient-subpage-blue {
     background-image: -webkit-linear-gradient(-45deg, #dce0ef 0%, #fff 35%);
     background-image: -ms-linear-gradient(-45deg, #dce0ef 0%, #fff 35%)
 }

 .gradient-light--upright {
     background-image: -webkit-linear-gradient(-90deg, #f2f3fa 0%, #e2e3ed 100%);
     background-image: -ms-linear-gradient(-90deg, #f2f3fa 0%, #e2e3ed 100%)
 }

 .gradient-light--bg {
     background-image: -webkit-linear-gradient(90deg, #ffffff 0%, #f5f6fa 100%);
     background-image: -ms-linear-gradient(90deg, #ffffff 0%, #f5f6fa 100%)
 }

 .gradient-light--lean-left {
     background-image: -webkit-linear-gradient(110deg, #f2f3fa 0%, #fcfdff 100%);
     background-image: -ms-linear-gradient(110deg, #f2f3fa 0%, #fcfdff 100%)
 }

 .background--dark,
 .bg-dark {
     background: #354056 !important;
     color: #939eb8
 }

 .gradient-brand-color {
     background-image: -webkit-linear-gradient(-135deg, #5da1b6 0%, #7ca45b 100%);
     background-image: -ms-linear-gradient(0deg, #5da1b6 0%, #7ca45b 100%);
     color: #fff
 }

.hubspot-link__container {
  display: none !important;
}

.sm-card-shadow {
    background: #f2f3fa;
    padding: 20px 20px;
    border-radius: 10px;
    position: relative;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out
}

.sm-card-shadow:hover {

    background-color:#f8f9fd;
    box-shadow: 9px 9px 16px rgb(163,177,198,0.6), -9px -9px 16px  rgba(255,255,255, 0.5);
}

.sm-border-shadow {
    background: #ffffff;
    padding: 20px 20px;
    border-radius: 10px;
    position: relative;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out
}

.sm-border-shadow:hover {

    background-color:#f8f9fd;
    box-shadow: 9px 9px 16px rgb(163,177,198,0.6), -9px -9px 16px  rgba(255,255,255, 0.5);
}


.navbar {
  background-color:#f8f9fd;
  -moz-box-shadow: 0 20px 70px -16px rgba(100, 123, 129, 1);
  box-shadow: 0 20px 70px -16px rgba(100, 123, 129, 1)


}

header {
  position: relative;
  background-color: white;
  /* height: 100vh;
  min-height: 50rem; */
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: static;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: 242424;
  opacity: 0.3;
  z-index: 1;
}

/* @media (pointer: coarse) and (hover: none) {
  header {
    background: url('/images/hero/home-hero-1.jpg') white no-repeat center center scroll;
  }
  header video {
    display: true;
  }
} */


.gradient-brand-color-2 {
    border: 11px solid rgba(73, 83, 104, 1) !important;
    border-radius: 20px;
    background-color: #ffffff;
}

.text-shadow {
    color: #fff;
    text-shadow: 3px 2px 6px rgba(0, 0, 0, .6);
}

.x-padding {
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: relative;
}