* {
   margin: 0;
   padding: 0;
}
form.d-flex {
    display: none !important;
}
img {
   max-width: 100%;
}

body,
html {
   position: relative;
   overflow-x: hidden !important;
}

body {
   background: #F8F4EC;
   font-family: 'Lato', sans-serif !important;
   color: #4E5357 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.georgia {
   font-family: 'Georgia';
}

.font-50 {
   font-size: 30px;
}

.font-30 {
   font-size: 20px;
}

.font-40 {
   font-size: 40px;
}

.font-weight-900 {
   font-weight: 900 !important;
}

a {
   font-family: 'Lato', sans-serif;
}

.primary-color {
   color: #335487;
}

.primary-bg {
   background: #335487;
}

.pink-bg {
   background: #FDFED4;
}

.primary-button {
   background: #335487;
   padding: 10px 25px;
   color: #fff;
   text-decoration: none;
   border-radius: 10px;
   transition: 0.3s;
}

.primary-button:hover {
   color: #fff;
   box-shadow: 0 0 10px #335487;
}

.row.equal-height-col {
   flex-wrap: wrap;
   display: flex;
}

.sponser-col {
   height: 100%;
   display: flex;
   justify-content: center;
   flex-direction: column;
}

.logo {
   width: 120px;
   margin: 0 30px;
}

.logo img {
   width: 100%;
}

.header-shape {
   position: absolute;
   top: 0;
   right: 0;
   width: 380px;
   margin-top: -120px;
   margin-right: -100px;
   z-index: -1;
}

.navbar-light .navbar-nav .nav-link {
   font-size: 18px;
   font-weight: bold;
   margin: 0 10px;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover {
   color: #046A67 !important;
}


/* Banner */

.banner {
   max-width: 1330px;
   margin: 0 auto;
   clear: both;
}

.banner-content {
   position: relative;
   width: 100%;
}

.banner-content::before,
.banner-content::after {
   content: "";
   position: absolute;
   width: 70px;
   background-size: 100% !important;
   background-repeat: no-repeat !important;
}

.banner-content::before {
   top: 0;
   margin-top: -40px;
   right: 0;
   background: url('../images/right-side-plus-shape.png');
   height: 150px;
}

.banner-content::after {
   bottom: 0;
   left: 0;
   margin-bottom: -50px;
   background: url('../images/left-side-plus-shape.png');
   height: 55px;
}

.banner-content span {
   color: #3B4148;
   font-size: 20px;
   font-family: Georgia, 'Times New Roman', Times, serif;
}

.banner-content h1 {
   font-weight: 900;
   font-size: 30px;
}


/* Company Numbers */

.company-numbers {
   position: relative;
   background: url('../images/bg-2.png');
   background-size: 140% 170%;
   background-position-x: -350px;
   background-position-y: -350px;
}

.plus-circle {
   position: absolute;
   top: 0;
   left: 0;
   width: 100px;
   height: 100px;
   margin-top: 40px;
   margin-left: 40px;
}

.plus-circles {
   position: absolute;
   top: 0;
   right: 0;
   width: 150px;
   height: 150px;
   margin-top: 250px;
   margin-right: 40px;
}

.bg-number {
   position: absolute;
   top: 0;
   left: -100px;
   z-index: -1;
}

.happy-client h2 {
   font-size: 55px;
}

.happy-client hr {
   background: #335487;
   height: 2px !important;
}


/* Solution  */

.icon-holder {
   background: #F0F8FC;
   border-radius: 50%;
   width: 120px;
   height: 120px;
   margin-left: auto;
   margin-right: auto;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 30px !important;
}

.icon-holder img {
   max-width: 100%;
}

.col-holder {
   border-radius: 15px;
}


/* Quality System */

.quality-system {
   position: relative;
   background: url('../images/bg-3.png');
   background-size: 150% 150%;
   background-repeat: no-repeat;
   background-position: center;
}

.quality-system ul {
   margin-top: 10px;
}

.quality-system ul li {
   margin: 15px 0;
}

.quality-system ul li u {
   font-size: 20px;
   font-weight: 500;
   margin-left: 15px;
}

.quality-system .image-holder {
   max-width: 700px;
   margin-top: 100px;
}

.quality-system .bg {
   position: absolute;
   top: 0;
   z-index: -1;
   left: 0;
}

.quality-system .bg img {
   width: 100%;
}

.accordian-holder .accordion-item {
   margin: 10px 0 !important;
   border: 2px solid #E5E5E5 !important;
}

.accordian-holder .accordion-button {
   background: #FBFBFB !important;
   font-family: 'lato';
   font-weight: 500;
   font-size: 20px;
   /* border: 2px solid #E5E5E5; */
}

.accordion-button::after {
   background: url('../images/arrow-down.svg') !important;
   background-size: 1.25rem !important;
   background-repeat: no-repeat !important;
}

.accordion-button:not(.collapsed)::after {
   background: url('../images/arrow-down.svg') !important;
   background-size: 1.25rem !important;
   background-repeat: no-repeat !important;
}

/*Button*/
 button.home-btn-white{
      margin: 0 auto !important;
      display: table;
}

/* Footer */

.footer-container {
   padding: 22px 35px;
   border-radius: 7px;
   background: #335487 !important;
}

.icon-list i {
   margin: 0 7px;
}

.icon-list,
.copy-right-text {
   text-align: center;
}

.quick-links li a {
   border-right: 2px solid #fff;
   padding-left: 10px;
   padding-right: 10px;
}


/* About Page */

section.find,
section.bottom {
   position: relative;
}

img.left-find,
img.right-find,
img.center-find,
img.bottom-section-plus {
   position: absolute;
   top: 0;
   width: 80px;
}

img.left-find {
   left: 0;
   margin-top: 100px;
   margin-left: 100px;
}

img.right-find {
   left: 0;
   margin-left: 80%;
   margin-top: -20px;
}

img.center-find {
   margin-top: 30%;
   right: 0;
   width: 150px;
   margin-right: 40px;
}

img.bottom-section-plus {
   left: 0;
   width: 100px;
   margin-left: 20px;
   z-index: -1;
}

.form-holder form.find-form {
   background: #FBFBFB;
   border-radius: 5px;
   border: 1px solid #E5E5E5;
   width: 100%;
   display: flex;
   flex-direction: column;
   padding: 20px;
}

.form-holder form.find-form input {
   border: 0;
   background: transparent;
   padding: 15px;
}

.form-holder form.find-form input.primary-button {
   background: #335487;
   /*margin: 3px;*/
}

.qa-accordian .accordion-button:not(.collapsed) {
   background: transparent;
}

.qa-accordian .accordion-item {
   border: none;
   border-radius: 0 !important;
   border-bottom: 2px solid #335487;
}

.card-image-holder {
   position: relative;
}

.card-image-holder i {
   z-index: 1;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 80px;
   height: 80px;
   background: #335487;
   border-radius: 50%;
   color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: 0.4s;
   cursor: pointer;
   margin: auto;
}

.sponser-col {
   border-radius: 15px;
}

.card-image-holder i:hover {
   box-shadow: 0 0 10px #335587, 0 0 20px #130469;
}
.card-body {
    padding-left: 0px !important;
}
.community {
   position: relative;
   z-index: 1;
}

.video-section {
   background: url('../images/video-bg.png');
   background-repeat: no-repeat;
   background-size: 140% 160%;
   background-position-x: -400px;
   background-position-y: -400px;
   z-index: 0;
   position: relative;
   margin-top: -100px;
   padding-top: 150px;
}

.vendors,
.bussines-grow-holder {
   border-radius: 20px;
   position: relative;
   z-index: 0;
}
section.quality-system {
    padding-top: 50px;
    padding-bottom: 50px;
}
.bussines-grow-holder {
   background: url('../images/bussines-grow-bg.png');
   background-size: cover;
}

.vendors .img-holder-left,
.img-holder-left {
   width: 80%;
   position: relative;
   border-radius: 50%;
   z-index: 2;
}

.vendors .img-holder-lef img,
.img-holder-lef img {
   z-index: 2;
   position: relative;
}

.vendors .img-holder-left::before,
.img-holder-left::before {
   width: 100%;
   height: 100%;
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   border: 1px solid rgba(255, 255, 255, 0.308);
   border-radius: 50%;
   margin-top: 20px;
   margin-left: 20px;
   z-index: -1;
}

.vendors .img-holder-left::before {
   border: 1px solid rgba(0, 0, 0, 0.1);
}

.vendors ul {
   padding-bottom: 20px;
}

.vendors ul,
.bussines-grow-holder ul {
   font-family: 'Lato';
}

.vendors ul li,
.bussines-grow-holder ul li {
   line-height: 1.7rem;
   position: relative;
   padding-left: 35px;
}

.vendors ul li {
   margin-top: 10px;
}

.vendors ul li::before,
.bussines-grow-holder ul li:before {
   position: absolute;
   top: 0;
   left: 0;
   content: "";
   width: 30px;
   height: 30px;
   background: url('../images/plus-list-icon.svg');
   background-repeat: no-repeat;
   background-position: center left;
}

@media(min-width:580px) {
   .form-holder form.find-form {
       flex-direction: row;
       padding: 0;
   }
   .form-holder form.find-form input#find-zipcode {
       width: 45%;
   }
   .form-holder form.find-form input#find-email {
       width: 35%;
   }
   .form-holder form.find-form input.primary-button {
       width: 20%;
   }
   .form-holder form.find-form input#find-email {
       border-right: 1px solid #E5E5E5;
   }
}

@media(min-width:992px) {
   .banner-content h1 {
       font-size: 50px;
   }
   .banner-content span {
       font-size: 40px;
   }
   .font-50 {
       font-size: 50px;
   }
   .font-30 {
       font-size: 30px;
   }
   .quality-system ul {
       margin-top: 70px;
   }
   .icon-list {
       text-align: right;
   }
   .copy-right-text {
       text-align: left;
   }
   .quality-system {
       background-size: 120% 150%;
       background-position-x: -100px;
       background-position-y: -200px;
   }
}

@media (max-width: 767px) and (min-width: 320px) {
   footer.footer.py-5.text-white {
      padding: 0px !important;
   }
   a.btn.btn-outline-light.py-3.px-5 {
    width: 100%;
}
   div#wistia_g15zt07yst {
    width: 100% !important;
    height: 235px !important;
}

div#wistia_n55vlrl812 {
    width: 100% !important;
    height: 235px !important;
}

div#wistia_u08bcp6ehq {
    width: 100% !important;
    height: 235px !important;
}
div#wistia_f47w3qsyha {
    width: 100% !important;
    height: 235px !important;
}

div#wistia_lp66p6nh0o {
    width: 100% !important;
    height: 235px !important;
}

div#wistia_mjia8cbnpt {
    width: 100% !important;
    height: 235px !important;
}
img.w-css-reset {
    height: 94% !important;
    left: 0px !important;
    width: 100% !important;
    clip: auto !important;
    border-style: none !important;
}
.but {
    position: initial !important;
}
}
@media (max-width: 1023px) and (min-width: 768px) {
   section.about.find.mt-5 .row.qa-accordian .col-md-6.my-3 {
    margin: 0 auto;
    width: 500px;
}
}