@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");

@font-face {
   font-family: "Sofia Pro";
   src: url("../fonts/SofiaPro-Bold.eot");
   src: url("../fonts/SofiaPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SofiaPro-Bold.woff2") format("woff2"), url("../fonts/SofiaPro-Bold.woff") format("woff"), url("../fonts/SofiaPro-Bold.ttf") format("truetype");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "Sofia Pro";
   src: url("../fonts/SofiaPro.eot");
   src: url("../fonts/SofiaPro.eot?#iefix") format("embedded-opentype"), url("../fonts/SofiaPro.woff2") format("woff2"), url("../fonts/SofiaPro.woff") format("woff"), url("../fonts/SofiaPro.ttf") format("truetype");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
   display: none;
}
input.form-control::-webkit-input-placeholder {
   color: #bebebe;
}
input.form-control::-moz-placeholder {
   color: #bebebe;
}
input.form-control:-ms-input-placeholder {
   color: #bebebe;
}
input.form-control:-moz-placeholder {
   color: #bebebe;
}

.form-control:focus {
   outline: none !important;
   box-shadow: none !important;
}
body {
   font-family: "Montserrat", sans-serif;
   font-size: 16px;
   padding-top: 88px;
   font-weight: 500;
   color: #656565;
}
a {
   text-decoration: none;
   color: #656565;
   transition: all 0.2s ease-in-out;
}
a:hover {
   color: #0075c4;
}
:focus {
   outline: none !important;
}
h1,
h2,
h3 {
   font-family: "Montserrat", sans-serif;
   font-weight: 500;
}
h1 {
   font-size: 48px;
   color: #0075c4;
}
h2 {
   font-size: 40px;
   color: #0075c4;
   margin-bottom: 12px;
}
h3 {
   font-size: 30px;
   color: #000;
}
a.bttn {
   background: #0075c4;
   color: #fff;
   padding: 8px 32px 10px;
   font-size: 14px;
   display: inline-block;
   border-radius: 8px;
   font-weight: 400;
   text-align: center;
   position: relative;
}
.black {
   color: #000;
}
.white {
   color: #fff;
}
.blue {
   color: #0075c4;
}
a.bttn:hover {
   opacity: 0.8;
}
.gray-bg {
   background: #f6f8fa;
}
.ease-info {
   padding: 75px 0;
}
section.pricing-wrap {
   padding: 100px 0;
}
.purple-bg {
   background: #f6f8fa;
}

/* HEADER */
.navbar-nav > li,
.navbar-nav > li .bttn {
   margin-left: 35px;
}
header {
   font-weight: 400;
   padding: 16px 0;
   position: fixed;
   width: 100%;
   top: 0;
   z-index: 999;
   box-shadow: 0px 4px 20px 0px rgba(30, 30, 30, 0.1);
   background-color: white;
}
header .logo {
   width: 325px;
   display: inline-block;
   vertical-align: middle;
}
header .navigation {
   font-size: 14px;
   width: calc(100% - 330px);
   display: inline-block;
   vertical-align: middle;
}

/* HOME PAGE*/
.navbar-toggler {
   background: #f1f1f1;
   padding: 6px 7px;
   box-shadow: none !important;
}
.pricing-banner {
   padding: 170px 15px 360px;
   position: relative;
   background: url(../images/banner-wave.svg) no-repeat;
   background-position: bottom center;
   background-size: cover;
}
section.inspections-ease {
   padding: 50px 0;
}
.inspections-box {
   border: 1px solid #0075c4;
   border-radius: 20px;
   margin-left: 23px;
   padding: 15px;
}
.inspections-slider {
   margin: 50px 0 75px 20vw;
}
.inspections-box h3 {
   margin: 15px 0 10px;
}
.inspections-img img {
   border-top-right-radius: 20px;
   border-top-left-radius: 20px;
   height: 200px;
   object-fit: cover;
   width: 100%;
}
.inspections-img {
   margin: -15px;
   margin-bottom: 10px;
   border-top-right-radius: 22px;
}
.inspections-box a.bttn {
   display: block;
   padding: 7px 32px 8px;
}
.inspections-box p {
   font-size: 14px;
   min-height: 115px;
}
.inspections-slider .slick-current h3 {
   color: #0075c4;
}
.inspections-slider .slick-list {
   margin-right: -100px;
}
.pricing-email {
   max-width: 600px;
   margin: 0 auto;
}
.pricing-email input {
   border: 1px solid #fff !important;
   background: #fff url(../images/location-icon.svg) no-repeat 12px center;
   font-weight: 600;
   padding: 8px;
   padding-left: 45px;
   margin: 10px 0;
   color: #0075c4;
   box-shadow: 0px 7px 22px 2px rgb(0 0 0 / 22%);
}
a.bttn.no-bg {
   background-color: transparent;
   background: url(../images/bttn-arrow.svg) no-repeat 92% 15px;
   color: #0075c4;
   box-shadow: none;
}
a.bttn.no-bg:hover {
   background-position: 94% 15px;
}
.pricing-wrap {
   padding: 100px 0;
}
.pricing-wrap .purple-bg {
   height: 150px;
   margin: 25px 0 0 0;
}
.pricing-box h4 {
   font-size: 30px;
   margin: 13px 0;
}
.pricing-box h4 sup {
   font-weight: 600;
   font-size: 18px;
   vertical-align: middle;
}
.pricing-box h4 b {
   padding: 0 2px;
}
.pricing-box {
   background: #fff;
   width: 300px;
   box-shadow: 0px 2px 41px 0px rgb(0 0 0 / 0.11);
   margin: 20px 28px;
   border-radius: 16px;
   padding: 40px 10px;
   display: inline-block;
}
.pricing-box .blue {
   margin: 15px 0 10px;
}
.order-start {
   margin-top: -133px;
}
.educate-pic img {
   position: absolute;
}
.educate-pic {
   position: relative;
   margin: -50px 0 0 0;
}
.educate-pic .img2 {
   margin: 0px 0 0 30px;
}

.bg-pattern img {
   position: absolute;
   border-radius: 100px;
   box-shadow: 0px 10px 41px 1px rgb(0 0 0 / 0.25);
}
img.circle1 {
   width: 205px;
   bottom: -30px;
   left: 3%;
   box-shadow: none;
}
img.circle2 {
   left: 19%;
   width: 100px;
   top: 32%;
}
img.circle3 {
   bottom: 70px;
   left: 32%;
}
img.circle4 {
   right: 11%;
}
img.circle5 {
   right: 26%;
   bottom: 70px;
}
img.circle6 {
   right: 3%;
   bottom: -70px;
   width: 205px;
   z-index: -5;
}

.animation-slow {
   -webkit-animation: zoomeffect 7s infinite;
   -moz-animation: zoomeffect 7s infinite;
   animation: zoomeffect 7s infinite;
}
.animation-fast {
   -webkit-animation: zoomeffect 5s infinite;
   -moz-animation: zoomeffect 5s infinite;
   animation: zoomeffect 5s infinite;
}
@-webkit-keyframes zoomeffect {
   0% {
      background-position: center;
      transform: scale(1, 1);
   }
   50% {
      background-position: center;
      transform: scale(1.3, 1.3);
   }
   100% {
      background-position: center;
      transform: scale(1, 1);
   }
}
@-moz-keyframes zoomeffect {
   0% {
      background-position: center;
      transform: scale(1, 1);
   }
   50% {
      background-position: center;
      transform: scale(1.3, 1.3);
   }
   100% {
      background-position: center;
      transform: scale(1, 1);
   }
}
@keyframes zoomeffect {
   0% {
      background-position: center;
      transform: scale(1, 1);
   }
   50% {
      background-position: center;
      transform: scale(1.3, 1.3);
   }
   100% {
      background-position: center;
      transform: scale(1, 1);
   }
}

/* LANDING PAGE */
.bg {
   box-shadow: 0px 4px 20px 0px rgba(30, 30, 30, 0.04);
   padding: 24px;
   border-radius: 12px;
   background-color: white;
}

.landing-main header .logo {
   width: 450px;
}
.landing-main header {
   box-shadow: none;
   padding: 20px;
   border-radius: 8px;
   width: calc(100% - 50px);
   top: 20px;
}
main.landing-main {
   background: #0075c4 url(../images/landing-bg.svg) no-repeat 75% 100%;
   min-height: 100vh;
   padding: 0 25px;
   /* background-color: #e6efff; */
}
.no-padding {
   padding: 0;
}
.landing-main center {
   display: flex;
   min-height: 100vh;
   color: #fff;
   align-items: center;
}
.landing-box h1 {
   color: #fff;
   font-size: 60px;
   padding-bottom: 10px;
}
.landing-main .container {
   max-width: 1000px;
}
.landing-box input {
   border-radius: 4px;
   border: 0;
   padding: 15px;
   font-weight: 500;
   width: 100%;
}
.landing-box form {
   max-width: 415px;
   position: relative;
}
.landing-box button {
   background: #41b780;
   border: 0;
   color: #fff;
   font-size: 14px;
   padding: 7px 20px;
   display: inline-block;
   border-radius: 6px;
   position: absolute;
   right: 8px;
   top: 8px;
}
.landing-box input {
   font-size: 14px;
   border-radius: 4px;
   border: 0;
   padding: 15px 135px 15px 15px;
   font-weight: 500;
   width: 100%;
}
.landing-box button:hover {
   background: #0075c4;
}
.landing-box p {
   font-size: 17px;
}
.landing-box input::-webkit-input-placeholder {
   color: #7f9da5;
}
.landing-box input::-moz-placeholder {
   color: #7f9da5;
}
.landing-box input:-ms-input-placeholder {
   color: #7f9da5;
}
.landing-box input:-moz-placeholder {
   color: #7f9da5;
}

/* MEDIA CSS */

@media (max-width: 1650px) {
   .inspections-slider {
      margin-left: 15vw;
   }
}
@media (max-width: 1400px) {
   .inspections-slider {
      margin-left: 12vw;
   }
   .pricing-banner {
      padding: 150px 15px 300px;
   }
   img.circle2 {
      left: 10%;
   }
   img.circle4 {
      right: 6%;
   }
}
@media (max-width: 1270px) {
   .inspections-slider {
      margin-left: 5vw;
   }
   .pricing-banner {
      padding: 120px 15px 270px;
   }
   .educate-pic .img2 {
      margin: 0;
   }
}

@media (max-width: 1100px) {
   .inspections-slider {
      margin-left: 0;
   }
   img.circle1 {
      width: 125px;
   }
   img.circle2,
   img.circle3,
   img.circle4,
   img.circle5 {
      width: 70px;
   }
   img.circle6 {
      bottom: -40px;
      width: 125px;
   }

   .landing-main {
      background-size: 70%;
      background-position: 95% 100%;
   }
}

@media (max-width: 991px) {
   h1,
   .landing-box h1 {
      font-size: 40px;
   }
   h2 {
      font-size: 34px;
   }
   h3 {
      font-size: 22px;
   }

   .navbar-collapse {
      width: 300px;
      position: absolute;
      z-index: 55;
      background: #fff;
      top: 70px;
      box-shadow: -1px 1px 8px 1px rgb(0 0 0 / 0.5);
   }
   .navbar-nav > li,
   .navbar-nav > li .bttn {
      margin-left: 0;
   }
   ul.navbar-nav.align-items-center {
      align-items: flex-start !important;
      display: block;
   }
   .navbar-nav > li a {
      display: block;
      padding: 10px;
      border-radius: 0;
      border-top: 1px solid #e6e1e1;
   }
   .pricing-box h4 {
      font-size: 26px;
   }
   .pricing-box {
      margin: 20px 15px;
   }
   .educate-pic img {
      max-height: 450px;
      object-fit: cover;
   }
   .educate-pic img.img2 {
      max-height: 475px;
      margin: 0 0 0 40px;
   }
   .educate-pic {
      margin-bottom: 450px;
   }
   header .navigation {
      font-size: 16px;
   }
   img.circle2 {
      left: 20px;
      top: 12%;
   }
   img.circle4 {
      bottom: 150px;
   }
   .landing-box p {
      font-size: 16px;
   }
}

@media (max-width: 767px) {
   h1 {
      font-size: 32px;
   }
   h2 {
      font-size: 28px;
   }
   h3 {
      font-size: 22px;
   }
   .inspections-box {
      margin-left: 12px;
   }
   .inspections-slider .slick-list {
      margin-right: -120px;
   }
   .pricing-box {
      width: 290px;
      display: block;
      margin: 35px auto;
   }
   .educate-wrap a.bttn {
      display: block;
      max-width: 220px;
      margin: 10px auto 0;
   }
   .educate-pic img.img2 {
      margin: 50px 0 0 0px;
   }
   .educate-pic img {
      max-width: 280px;
      max-height: 300px;
   }
   .educate-pic {
      margin-bottom: 340px;
   }
   img.circle2,
   img.circle3,
   img.circle4,
   img.circle5 {
      width: 30px;
   }
   img.circle1 {
      bottom: 40px;
   }
   img.circle5 {
      bottom: 210px;
      right: 96%;
   }
   img.circle6 {
      bottom: 40px;
      right: 0px;
   }
   img.circle3 {
      bottom: 86%;
      left: 86%;
   }

   .landing-main header .logo {
      width: 300px;
   }
   .landing-box p {
      font-size: 14px;
   }
   .landing-main {
      background-size: 85%;
   }
   section.pricing-wrap {
      padding: 50px 0;
   }
}

@media (max-width: 550px) {
   header .logo {
      width: 290px;
   }
   header .navigation {
      width: calc(100% - 295px);
   }
}
@media (max-width: 350px) {
   header .logo {
      width: 245px;
   }
   header .navigation {
      width: calc(100% - 250px);
   }
}
.bg-blue-sku{
   background-color: #56AEF9 !important;
}