@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url("https://use.typekit.net/yzs6hsx.css");
/* This is different from Muli - @import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Outfit:wght@100..900&display=swap');*/


/* global css declarations */
   * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }


.bfaq-master-container {
 padding: 70px 120px; 
}

html {
 scroll-behavior: smooth;
} 


 body {
   margin: 0;
   padding: 0;
   scroll-behavior: smooth;
}




h1,h2,h3,h4,h5 {
  font-family: "Outfit", sans-serif;
  color: var(--Primary-Blue-B-100, #0097C0);
  margin: 0;
  padding: 0;
}

h6 {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

p {
  font-family: "muli", sans-serif;
  color: var(--Black, #000);
  margin: 0;
  padding: 0;
}

a {
  font-family: "Outfit", sans-serif;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

.gray-bg {
  background: var(--Accents-Ice-Gray, #EBECEC);
}

.white-bg {
  background: #FFF;
}

.colored-banner-button {
  background: var(--Secondary-Orange-O-100, #FF5F00);
  padding: 12px 20px;
  color: var(--Accents-Ice-Gray, #EBECEC);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 100% */
  cursor: pointer;
  text-align: center;
}

.colored-banner-button svg {
  margin: 0 !important;
}

.transparent-banner-button {
  background: transparent;
  padding: 12px 20px;
  color: var(--Accents-Ice-Gray, #EBECEC);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 100% */
  border: 1.5px solid var(--Secondary-Orange-O-100, #FF5F00);
  cursor: pointer;
  text-align: center;
}

.mw-container-desktop {
 max-width: 1440px;
 margin: 0 auto;
 align-items: center;
}

.mastermw-padding {
 padding: 100px 120px;
}

/* desktop font styling declarations */
@media only screen and (min-width: 771px) and (max-width: 2000px) {
  
  .h1-desk {
    font-size: 54px;
    font-weight: 700;
    line-height: 74px; /* 112.5% */
  }
  .h2-desk {
    font-size: 48px;
    font-weight: 700;
    line-height: 54px; /* 112.5% */ 
  }
  .h3-desk {
    font-size: 44px;
    font-weight: 700;
    line-height: 60px; /* 136.364% */
  }
  .h4-desk {;
    font-size: 36px;
    font-weight: 600;
    line-height: 48px; /* 133.333% */ 
  }
  .h5-desk {
    font-size: 32px;
    font-weight: 600;
    line-height: 44px; /* 137.5% */ 
  }
  .h6-desk {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px; /* 142.857% */
  }
  .subtitle {
    color: var(--Primary-Blue-B-35, #A6DBE9);
    font-size: 20px;
    font-weight: 600;
    line-height: 32px; /* 160% */
    text-transform: uppercase; 
  }
  .subtitle-black {
    color: var(--Black, #000);
    font-size: 20px;
    font-weight: 600;
    line-height: 32px; /* 160% */
    text-transform: uppercase; 
  }
  .subtitle-white{
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px; /* 160% */
    text-transform: uppercase;
  }
  .p1-desk {
    color: var(--Black, #000);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px; /* 160% */ 
  }
  .p2-desk {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; /* 166.667% */ 
  }

  .p3-desk {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px; /* 150% */
  }
  
}


@media only screen and (min-width: 320px) and (max-width: 770px) {
  .mb-padding {
   padding: 24px; 
  }
  
   .colored-banner-button  {
   font-size: 16px;
   line-height: 16px;
  }
  .padding-mobile {
   padding: 70px 30px !important; 
  }
}


/* mobile font styling declarations */
@media only screen and (max-width: 770px) {
  .h1-mob {
   font-size: 42px !important;
   font-weight: 700 !important;
   line-height: 50px !important;
  }
  .h2-mob {
   font-size: 32px !important;
   font-weight: 700 !important;
   line-height: 40px !important;
  }
  
   .h3-mob {
   font-size: 28px !important;
   font-weight: 700 !important;
   line-height: 40px !important;
  }
  
  .h4-mob {
   font-size: 24px !important;
   font-weight: 600 !important;
   line-height: 32px !important;
  }
  
   .h5-mob {
   font-size: 22px !important;
   font-weight: 600 !important;
   line-height: 30px !important;
  }
  
  .h6-mob {
   font-size: 20px !important;
   font-weight: 600 !important;
   line-height: 28px !important;
  }
  
  .subtitle {
    color: #A6DBE9 !important;
   font-size: 18px !important;
   font-weight: 600 !important;
   line-height: 26px !important;
  }
  .subtitle-black { 
   color: var(--Black, #000) !important;
   font-size: 18px !important;
   font-weight: 600 !important;
   line-height: 26px !important;
  }
  .subtitle-white {
   color: #fff;
   font-size: 18px !important;
   font-weight: 600 !important;
   line-height: 26px !important;
  }
  
  .p1-mob {
   font-size: 16px !important;
   line-height: 24px !important;
   font-weight: 400 !important;
  }
  .p2-mob {
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 400 !important;
  }
  .p3-mob {
    font-size: 12px !important;
    line-height: 20px !important;
    font-weight: 300 !important;
  }
 
}

@media only screen and (min-width: 1440px) {
  .cf-master-container {
      padding: 120px 120px 100px !important; 
  }
  .meeting-master-container {
       padding: 100px 120px !important;
  }
  .lp-wrapper {
    padding: 100px 120px !important;
  }
.mastermw-padding {
  padding: 100px 120px !important;
  }
  
  .pw-master-container {
    padding: 100px 120px 64px; !important;
  }
  .master-container-two-col-img-text {
    padding: 100px 120px !important;
  }
  .cmmc-master-container {
    padding: 100px 120px !important;
  }
  .why-beecot-wrapper {
     padding: 100px 120px !important;
  }
  .numbers-feature-master-container {
    padding: 100px 120px !important;
  }
  .cta-master-container {
    padding: 120px !important;
  }
  .hiw-master-container {
    padding: 100px 120px !important;
  }
  .testimonial-container {
    padding: 100px 120px !important;
  }
  .achievement-master-container {
    padding: 64px 120px !important;
  }
  .sy-master-container {
    padding: 64px 120px !important;
  }
  .values-master-container {
    padding: 100px 120px !important;
  }
  .master-container-slider-wrapper {
    padding: 64px 120px 64px !important;
  }
  .use-cases-master-container {
    padding: 64px 120px 120px !important;
  }
  
  .background-container {
    padding: 120px !important;
  }
  .master-purecont {
   padding: 100px 120px !important; 
  }
  .bfaq-master-container {
 padding: 100px 120px; 
}
  .fwiams-info {
   padding: 100px 120px !important;
  }
  .tc-master-wrapper {
   padding: 64px 120px; 
  }
  .vr-master-container {
    padding: 100px 120px !important; 
  }
}

@media only screen and (min-width: 720px) and (max-width: 1200px) {
  section.downloadable-ty-banner {
   padding: 64px 32px !important; 
  }
    .cf-master-container {
      padding: 100px 64px 48px !important; 
  }
  
    .meeting-master-container {
       padding: 64px !important;
  }
  
   .lp-wrapper {
    padding: 64px !important;
  }
 .mastermw-padding{
   padding: 64px; !important;
  }
    .pw-master-container {
    padding: 64px 64px 48px !important;
  }
  .master-container-two-col-img-text {
    padding: 64px !important;
  }
  .why-beecot-wrapper {
     padding: 64px !important;
  }
  .numbers-feature-master-container {
    padding: 100px 64px !important;
  }
  .cta-master-container {
    padding: 64px !important;
  }
  .hiw-master-container {
     padding: 64px !important;
  }
  .testimonial-container {
    padding: 64px !important;
  }
  .cmmc-master-container {
    padding: 64px !important;
  }
  .sy-master-container {
    padding: 32px 64px 56px !important;
  }
  .values-master-container {
    padding: 64px 64px 32px 64px !important;
  }
  
  .master-container-slider-wrapper {
    padding: 32px 64px !important;
  }
  .use-cases-master-container {
    padding: 32px 64px 100px !important;
  }
  .background-container {
    padding: 32px 64px 100px !important;
  }
  .achievement-master-container {
    padding: 32px 64px !important;
  }
  .master-purecont {
    padding: 64px !important; 
  }

    .bfaq-master-container {
 padding: 100px 64px; 
}
    .fwiams-info {
   padding: 64px !important;
  }
    .tc-master-wrapper {
   padding: 32px 64px; 
  }
  
    .vr-master-container {
    padding: 64px !important; 
  }
  
  
}

@media only screen and (min-width: 320px) and (max-width: 719px) {
    section.downloadable-ty-banner {
   padding: 48px 32px !important; 
  }
    .cf-master-container {
      padding: 48px 32px !important; 
  }
  
    .meeting-master-container {
       padding: 48px 32px !important;
  } 
.mastermw-padding {
  padding: 64px 32px !important;
  }
    .pw-master-container {
    padding: 32px !important;
  }
  .master-container-two-col-img-text {
    padding: 48px 32px !important;
  }
  .cmmc-master-container {
    padding: 48px 32px !important;
  }
  
  .why-beecot-wrapper {
   padding: 48px 32px; !important; 
  }
  
  .numbers-feature-master-container {
    padding: 48px 32px !important;
  }
  .cta-master-container {
    padding: 48px 32px !important;
  }
  .hiw-master-container {
    padding: 48px 32px !important;
  }
  .testimonial-container {
    padding: 48px 32px !important;
  }
  .achievement-master-container {
    padding: 48px 32px !important;
  }
  
  .sy-master-container {
    padding: 48px 32px 24px !important; 
  }
  .values-master-container {
   padding: 48px 32px !important; 
  }
  .master-container-slider-wrapper {
    padding: 48px 32px !important;
  }
  
  .use-cases-master-container {
   padding: 48px 32px 64px !important; 
  }
  
  .background-container {
   padding: 0 32px 42px !important 
  }
  .master-purecont {
    padding: 32px !important; 
  }
  
    .bfaq-master-container {
 padding: 48px 32px; 
}
      .fwiams-info {
   padding: 48px 32px !important;
  }
  
      .tc-master-wrapper {
   padding: 32px; 
  }
      .vr-master-container {
    padding: 48px 32px !important; 
  }
  
   .lp-wrapper {
    padding: 48px 32px !important;
  }
}