/* Landing Pages */
 #landingPageContent {
            max-width: 100vw;
            padding-left: clamp(0px, calc((100vw - 760px) * 0.25), 25vw);
            padding-right: clamp(0px, calc((100vw - 760px) * 0.25), 25vw);
            background: #fff;
        }

        #landingPageMainText {
            padding: 0;
            padding-top: 0;
            padding-bottom: 40px;
            line-height: 1.6;
            width: 100%;
            min-width: 100%;
        }

        #landingPageMainText p {
            margin-bottom: 20px;
        }

/* general (alignment, spacing, etc.) */

.ac_no {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 30px !important;
    max-width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
    min-height: 30px !important;
    font-size: .9em !important;
    border-radius: 15px !important;
    background: #333 !important;
    color: #fff !important;
}


.floatLeft {
    float: left;
    margin-right: 20px;
}

.floatRight {
    float: right;
    margin-left: 20px;
}

.aRat169 {
    aspect-ratio: 16 / 9 !important;
}

.aRat916 {
    aspect-ratio: 9 / 16 !important;
}




.ubtn {
    max-width: max-content !important;
    min-width: min-content !important;
    line-height: 1.2;
    text-align: center;
}

.ubtn_light {
      max-width: max-content !important;
    min-width: min-content !important;
}

.bldr_ubtn {
    margin-top: 16px;
    max-width: max-content !important;
    min-width: min-content !important;

}

.lft {
    margin-right: 30px;
    order: 1;
}

.rgt {
    margin-left: 30px;
    order: 2;
}

.leftRound {
   
}

.rightRound {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    overflow: hidden !important;
}

.bldr_order_1 {
    order: 1;
}

.bldr_order_2 {
    order: 2;
}

.w16 {
    width: 16%;
    min-width: 16%;
    max-width: 16%;
}

.w20 {
    width: 20%;
    min-width: 20%;
    max-width: 20%;
}

.w25 {
    width: 25%;
    min-width: 25%;
    max-width: 25%;
}

.bldr_fullwidth {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.bldr_fullwidthParent {
    width: 100%;
    min-width: 100% !important;
    max-width: 100%;
    margin: 0% !important;
}

.bldr_halfwidth, .w50 {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
}

.bldr_halfwidthParent {
    width: 52%;
    min-width: 52%;
    max-width: 52%;
}

.bldr_thirdwidth, .w33 {
    width: 33%;
    min-width: 33%;
    max-width: 33%;
}

.bldr_thirdwidthParent {
    width: 35%;
    min-width: 35%;
    max-width: 35%;
}

.bldr_twothirdwidth, .w66 {
    width: 66%;
    min-width: 66%;
    max-width: 66%;
}

.bldr_twothirdwidthParent {
    width: 66%;
    min-width: 66%;
    max-width: 66%;
}

.botmargin10 {
    margin-bottom: 10px;
}

.botmargin15 {
    margin-bottom: 15px;
}

.bldr_hoverGreen:hover
{
background: #b8d998;
}

.bldr_hoverGray:hover
{
background: #dfdfdf;
}

.bldr_hoverWhite:hover
{
background: #f1f1f1 !important;
}

.bldr_wtbkg {
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(231,231,231,1) 100%);
        border: 1px solid #efefef;
        border-radius: 10px;
}

.bldr_flex_vertaligntop {
align-items: flex-start !important;
}

.bldr_flex_vertaligncenter {
align-items: center !important;
flex-wrap: nowrap !important;
}

.bldr_flex_vertalignbottom {
align-items: flex-end !important;
}

.bldr_flex_horizaligncenter {
    justify-content: center;
}

.bldr_flex_horizaligntop {
    justify-content: flex-start;
}

.bldr_flex_horizalignend {
    justify-content: flex-end;
}

.bldr_flex_row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.bldr_flex_col {
    display: flex;
    flex-direction: column;
}

.bldr_20 {
    width: 20%;
    min-width: 20% !important;
    max-width: 20% !important;
}

.bldr_25 {
    width: 25%;
    min-width: 25% !important;
    max-width: 25% !important;
}

.bldr_30 {
    width: 30%;
    min-width: 30% !important;
    max-width: 30% !important;
}

.bldr_33 {
    width: 33%;
    min-width: 33% !important;
    max-width: 33% !important;
}

.bldr_40 {
    width: 40%;
    min-width: 40% !important;
    max-width: 40% !important;
}

.bldr_45 {
    width: 45%;
    min-width: 45% !important;
    max-width: 45% !important;
}

.bldr_50 {
    width: 50%;
    min-width: 50% !important;
    max-width: 50% !important;
}

.bldr_55 {
    width: 55%;
    min-width: 55% !important;
    max-width: 55% !important;
}

.bldr_60 {
    width: 60%;
    min-width: 60% !important;
    max-width: 60% !important;
}


.bldr_70 {
    width: 70%;
    min-width: 70% !important;
    max-width: 70% !important;
}

.bldr_75 {
    width: 75%;
    min-width: 75% !important;
    max-width: 75% !important;
}

.bldr_80 {
    width: 80%;
    min-width: 80% !important;
    max-width: 80% !important;
}

.bldr_90 {
    width: 90%;
    min-width: 90% !important;
    max-width: 90% !important;
}

.bldr_100 {
    width: 100%;
    min-width: 100% !important;
    max-width: 100% !important;
}

.bldr_wrap {
padding: 3%;
border-radius: 10px;
}

.bldr_nowrap {
    padding: 0;
    border-radius: 0;
}

.bldr_flex_vert {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

.bldr_flex_horiz {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start;
}

/* general text styles */
h1 {
    margin-bottom: 6px;
}

/* CKEDitor */
.subHeadingH1 {
  font-size: 1.4em;
  color: #333;
  line-height: 1.2;
  display: inline-block;
}
.subHeadingH2 {
  font-size: 1.2em;
  color: #8a8a8a;
  line-height: 1.2;
  margin-bottom: 12px !important;
  display: inline-block;
}

/* text block */
.bldr_textBlock h2 {
    margin-bottom: 6px;
}

/* capabilities block */
.multColList {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-wrap: wrap;
}

.mclItem {
    width: auto;
    min-width: 20%;
}

/* videoBlock */



.bldr_inlinevid {
display: flex;

}

.bldr_inlinevid_vid {
width: auto;
max-width: 46%;
min-width: 33%;

}

.bldr_inlinevid_txt {
width: auto;
}

.bldr_fwvid {
width: 100%;
padding: 0;
position: relative;
}

.bldr_fwvid_txt {

}

.tp {
    margin-bottom: 20px;
}

.bt {
    margin-top: 20px;
}

.bldr_fwvid_vid {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}


.bldr_vidTextLink {
display: flex; 
flex-direction: row; 
justify-content: center; 
align-items: center; 
width: 100%; 
padding: 2.5% !important; 
border-radius: 10px;
cursor: pointer;
}

.vidIcon {
cursor: pointer;
}

.vidIcon img {
    cursor: pointer;
}

.bldr_vidTextLink_txt {
cursor: pointer;

}

.bldr_vidTextLink_par {
cursor: pointer;

}


.bldr_playBtn {
    width: 50px;
    height: 50px;
    max-width: 50px;
    max-height: 50px;
    border-radius: 25px;
    background: rgb(255 255 255 / 60%);
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.25em;
    z-index: 999;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    padding-left: 4px;
    padding-top: 4px;
    cursor: pointer;
    margin: 0 auto;
}

.bldr_playBtn:hover {
  background: #80c342;
  color: #333;
}


.bldr_vidStill {
    z-index: 998;
    position: relative;
    display: flex;
    border-radius: 5px;
    overflow: hidden;
    transition: filter 0.3s ease;
}

.bldr_vidStill:hover .bldr_playBtn {
    background: #80c342;
    color: #333;
}

.bldr_vidStill:hover img {
      filter: brightness(120%); 

}


.bldr_caption {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: 1.3;
    text-align: center;
    font-size: .9em;
    margin-top: 6px;
}

.vidblockHeading {
    font-size: 1.2em;
    font-weight: 700;
    margin: 0px;
}

.vidblockText {
    font-size: 1em;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 0;
}

.bldr_vidCol {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.bldr_vidRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap !important;
}
/* Capabilities stack */

.bldr_capStack {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.bldr_capDiv {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #efefef;
    padding: 2%;
    border-radius: 10px;
    margin-bottom: 10px;
}
.bldr_capIconDiv {
    width: 40px;
    margin-right: 20px;

}
.bldr_capIcon {
    width: 40px;
}

.bldr_capIcon img {
    max-width: 100%;
}

.bldr_capTitle {
    margin-right: 20px;
    font-weight: 700;
    font-size: 125%;
}     

.bldr_capValue {
    font-weight: 500;
    font-size: 125;
}

/* Capabilities list */

.bldr_capList {

}


/* both Capabilities styles */
.bldrCapIntro {
    margin-bottom: 12px;
}


/* inline image */

.bldr_inlineimage {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.bldr_inlineimageTxt {
min-width: 45%;
height: auto;
max-height: min-content;
min-height: min-content;
}

.bldr_inlineimageImage {
    
    min-width: 45%;
    padding: 0;


}

.bldr_inlineimageImage img {
    width: 100%;
    min-width: 100% !important;
    max-width: 100%;
    height: auto;
}

.bldr_inlineimageTxt h2 {
    margin-bottom: 6px;
}

.bldr_inlineimageTxt p a {
    margin-top: 9px;
    display: inline-block;
}

.bldr_inlineimageCaption {
text-align: center;
width: 100%;
max-width: 100%;
font-size: 90%;
padding-top: 8px;
}

/* full width image block */
.bldr_fwImg {
    width: 100%;
    height: auto;
    min-height: min-content;
    max-height: max-content;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


/* list block */

.bldr_listblock {

}

.bldr_listblock_intro {
    margin-bottom: 20px;
}

.bldr_listblock_heading {


}

.bldr_listblock_text {
    margin-top: 8px;
}

ol.bldr_list  {
    margin-left: 0;
    padding-left: 0;
    padding-inline-start: 0;
    margin-inline-start: 0;
    list-style-position: inside; /* Keeps markers visible within the boundary */
}

ul.bldr_list  {
    margin-left: 0;
    padding-left: 15px;
    padding-inline-start: 15px;
    margin-inline-start: 0;
    list-style-position: outside;
}


.bldr_list li {
    margin-bottom: 15px;
}

ul.bldr_list li {
    padding-left: -10px !important;
}

.bldr_listMain {
font-size: 120%;
font-weight: 700;
}

.bldr_listSub {
font-weight: 500;
}



 ol.bldr_list li::marker {
    font-weight: 700 !important;
}

 ul.bldr_list li::marker {
    margin: 0;
    padding: 0;
    margin-right: 0;
    padding-right: 0;
}


/*  CTA block */

.bldr_ctaHeadline {
font-size: 1.5em;
font-weight: 700;
padding: 0;
line-height: 1.25;
margin: 0px 0px 6px 0px;
}

.bldr_ctaHeadline h1 {
    padding: 0;
    margin: 0;
    margin-bottom: 0px;
}

.bldr_ctaSubHeadline {
    font-size: 1.25em;
    font-weight: 700;
    margin: 0;
    margin-bottom: 8px;

}

.headlineOnly {
    margin-right: 30px;
}

.horizcompact {
    width: 60%;
    max-width: 60%;
    min-width: 60%;
}

.horizcompactBtn {
    width: auto;
    max-width: max-content;
    margin-right: auto;
}

.bldr_ctaText {
font-weight: 500;
margin-right: 20px !important;
}

.bldr_ctaText p {
margin: 0px 0px 5px 0px;
}

.bldr_ctaButton {
max-width: max-content;
margin: 6px 0px 0px 0px;
}




.cta_horiz_single {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.cta_horiz_single .cta_button_div {
width: auto;
max-width: max-content;
margin-right: 20px;
}

.cta_horiz_single .cta_headline_div {
   font-size: 1.3em;
   font-weight: 700; 
}

/* Form block */

.bldr_formInline {
    padding: 0;
}

.bldr_formWrapped {
    padding: 3%;
    border-radius: 10px;
}

.bldr_form {
    padding: 0;
    max-width: 100%;
}

/* Options block */

.bldr_optionsBlock {

}

.bldr_optionsHeading {
margin-bottom: 12px;
}

.bldr_optionsPanels {
    width: 102%;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0% -1% 0% -1%;
}



.bldr_optionDiv {
    height: auto;
    line-height: 1.35;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center !important;
    align-self: stretch;
    width: 23%;
    padding: 2%; 
    border: 1px solid #e7e7e7; 
    border-radius: 10px; 
    margin: 1%;
    line-height: 1.3;
    font-size: 93%; 
    position: relative;
}

.bldr_optionLink {
    text-decoration: none;
    color: #333;
}

.bldr_optionLink:hover {
    color: #333;
    border: 1px solid #80c342;
}


  .bldr_imgWrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center !important;
    align-items: flex-start !important;
    height: auto;
    margin: 0;
    padding: 0;
    margin-bottom: 14px;
  }

  .bldr_imgWrap img {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .bldr_imgFw {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
  }

  .bldr_imgMid {
    width: auto;
    max-width: 75%;
    height: auto;
    max-height: 160px;
  }

  .bldr_optionText {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-bottom: 14px;
    line-height: 1.4;
  }

  .bldr_optionTxt .ubtn {
    margin-top: 16px !important;
    
  }

  .bldr_optionTxt .abtn {
    margin-top: 16px !important; 
  }

  .bldr_optionHeading {
    display: inline-block;
    width: 100%;
    font-size: 1.1em;
    padding: 0;
    margin: 0;
    margin-top: 0;
    font-weight: 700;
    margin-bottom: 3px;
  }

  .bldr_optionDesc {
    font-size: .9em;
    line-height: 1.4;
    font-weight: 500;
  }

  /* Table block */

  .bldr_tableBlock {

  }

  .bldr_table_wrap {
    border: 1px solid #efefef;
    padding: 3%;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .bldr_casual_table {
    border-collapse: collapse;
    width: auto;
    min-width: 50%;
    max-width: 100%;
    margin: 0;
    border: none !important;
  }

  .bldr_casual_table td {
    border: none !important;
    padding: 10px;
    text-align: center;
  }

  .bldr_casual_table tr th {
    font-weight: 700;
    border: none !important;
    text-align: center;
    background: #fff !important;
  }

  .firstColBold tr td:first-child {
    font-weight: 700;
  } 

  .bldr_casual_table td {
    font-weight: 500;
  }


  .bldr_tech_table {
    width: 100%;
    max-width: 100%;
    font-size: .85em;
  }

  .bldr_tech_table tr td:first-child {
    padding: 9px 6px 6px 8px;
    width: 30%;
    text-align: left;
    vertical-align: top;
    background: #f2f2f2;
    border: 1px solid #cccccc;
    font-weight: 700;
    line-height: 1.1;
  }

  .bldr_tech_table td {
    padding: 9px 6px 6px 8px;
    width: auto;
    text-align: left;
    vertical-align: top;
    border: 1px solid #cccccc;
    background: #fff; 
}

  .bldr_tableHeading {
    margin-bottom: 5px;
  }

  .bldr_tableIntro {
    margin-bottom: 25px;
  }

  .bldr_standard_table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    font-family: system-ui, -apple-system, sans-serif;
    font-size: 14px;
    text-align: left;
    color: #333333;
    border: 1px solid #eeeeee;
    margin: 0px;
  }


.bldr_standard_table th {
  background-color: #f8f9fa;
  color: #1a1a1a;
  font-weight: 600;
  padding: 12px 16px;
  border-bottom: 1px solid #dee2e6;
}

.bldr_standard_table td {
  padding: 12px 16px;
  border: 1px solid #eeeeee;
}

.bldr_standard_table tbody tr:nth-child(even) {
  background-color: #fdfdfd;
}

.bldr_standard_tableDrk {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    font-family: system-ui, -apple-system, sans-serif;
    font-size: 14px;
    text-align: left;
    color: #333333;
    border: 1px solid #999;
    margin: 0px;
  }

.bldr_standard_tableDrk th {
  background-color: #858585;
  color: #fff;
  font-weight: 600;
  padding: 12px 16px;
  border-bottom: 1px solid #999;
}

.bldr_standard_tableDrk td {
  padding: 12px 16px;
  border: 1px solid #999;
}

.altRowGray tbody tr:nth-child(even) {
  background-color: #d3d3d3;
}

.altRowGreen tbody tr:nth-child(even) {
  background-color: #bbd1a7;
}

.altRowGreen th {
    background-color: #636f58 !important;
    border-bottom: 1px solid #636f58 !important;

}

.altRowGreen td {
    border: 1px solid #636f58;
}

.altRowGreen {
    border: 1px solid #636f58 !important;
}

.altRowWhite tbody tr:nth-child(even) {
  background-color: #efefef;
}

.altRowWhite th {
    background-color: #c3c3c3 !important;
    border-bottom: 1px solid #636363 !important;
}

.altRowWhite td {
    border: 1px solid #636363;
}

.altRowWhite {
    border: 1px solid #636363;
}


/* image gallery  */

.bldr_imageGalleryDiv {
    width: 100%;
}

.galleryWrap {
    
    max-width: 100%;
    width: 100%;
}



.bldr_imageGalleryDiv .galleryWrap .swiper-wrapper .swiper-slide img {
    width: auto;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}


.inlineyoutube {
margin: 20px 0px 20px 0px;
} 

.fwidth {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9; 
}


.bldr_imageGalleryDiv .mainImg .swiper-wrapper .swiper-slide {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    box-sizing: border-box;
    aspect-ratio: 16 / 9 !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.swiper-button-prev svg {
  transform: rotate(180deg) !important;
}

.thumbsImgs {
    margin-top: 10px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.thumbsImgs .thumbsSwiper {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.thumbsImgs.galHasNav {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 36px;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.thumbsImgs.galHasNav .galLeft {
    grid-column: 1;
}

.thumbsImgs.galHasNav .thumbsSwiper {
    grid-column: 2;
    min-width: 0;
    max-width: 100%;
}

.thumbsImgs.galHasNav .galRight {
    grid-column: 3;
}

.thumbsImgs .thumbsSwiper .swiper-wrapper {
    margin: 0;
    padding: 0;
}

.galRight {
    grid-column: 3;
    position: relative;
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    height: 100%;
    min-height: 100%;
    z-index: 3;
}

.galLeft {
    grid-column: 1;
    position: relative;
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    height: 100%;
    min-height: 100%;
    z-index: 3;
}

.bldr_galleryCaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: left;
    background-color: rgb(0 0 0 / 50%);
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    padding: 3px 5px 5px 15px;
    color: #fff;
    margin-top: -12.5%;
}


.mainImg {
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #fff;
}

.mainImg .swiper-wrapper,
.mainImg .swiper-slide {
    height: 100%;
}

.mainImg .swiper-wrapper,
.thumbsImgs .swiper-wrapper {
    display: flex;
}

.mainImg .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumbsImgs .thumbsSwiper .swiper-slide {
    border-radius: 10px !important;
    overflow: hidden;
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    aspect-ratio: 16 / 9 !important;
    box-sizing: border-box;
}

.thumbsImgs .thumbsSwiper .swiper-wrapper,
.thumbsImgs .thumbsSwiper .swiper-slide {
    height: auto !important;
}

.thumbsImgs .thumbsSwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    box-sizing: border-box;
    border-radius: 10px;
    object-fit: cover;
    margin-left: 0;
    margin-right: 0;
}

.thumbsImgs .thumbsSwiper .swiper-wrapper {
    padding: 0;
    margin: 0;
}



.galleryWrap {
    padding: 3%;
    border-radius: 10px;
}

.bldr_galleryIntroText {
    margin-bottom: 20px;
}

.bldr_galleryHeadline {
    margin-bottom: 6px;
}

/* image grid block */

.bldr_imageGrid {

}

.bldr_imageGridWrap {
border-radius: 10px;
padding: 3%;
}

.bldr_imageGridHeading {
    margin-bottom: 8px;
}

.bldr_imageGridIntro {
margin-bottom: 10px;
}

.bldr_imageGridImgs {
    width: 102%;
    margin: 0% -1% 0% -1%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.bldr_imageGridImg {
margin: 1%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
}


.bldr_imageGridImg:hover .bldr_imageGridImgZoomIcon {
    visibility: visible;
}

.bldr_imageGridImgZoomIcon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.2em;
    cursor: pointer;
    z-index: 999;
    visibility: hidden;
}

/* cards block */

.bldr_cards_wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between !important;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
}

.bldr_cards_wrap1 {
        width: 101%;
        margin: 0% -1% 0% -1%;
        display: flex;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .bldr_card1 {
        min-height: min-content;
        max-height: max-content !important;
        overflow: hidden;
        margin: 1%;
        padding: 0px 0px 20px 0px;
        border-bottom: 1px solid #efefef;
        padding: 3%;
    }


.bldr_card {
padding: 3%;
border-radius: 10px;
background: #efefef;
min-height: min-content;
overflow: hidden;
}

.bldr_cardTextFull figure {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.bldr_cardTextFull figure img {
    max-width: 100%;
}

.aboveCardImg {
    margin-bottom: 12px;
}

.belowCardImg {
    margin-top: 12px;
}

.inlineCard {
    background: none;
    padding: 0 !important;
    border: none !important;
}

.wrappedCard {
border-radius: 10px !important;
padding: 5% !important;
}

.standardText p {
    font-size: 1em;
    line-height: 1.4;
    margin: 10px 0px 10px 0px;
}

.smallText p {
    font-size: .9em;
    line-height: 1.3;
    margin: 10px 0px 10px 0px;

}

.tinyText p {
    font-size: .8em;
    line-height: 1.3;
    margin: 10px 0px 10px 0px;

}

.Collapse25 {
max-width: 25%;
min-width: 25%;
width: 25%;
}



.bldr_cardText {
    line-height: 1.3;
    margin-bottom: 20px;
}

.bldr_cardImg {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.bldr_cardImg img {
    width: auto;
    max-width: 90%;
    height: auto;
    max-height: 250px;
}

.cards3 .bldr_card {
    width: 32%;
    min-width: 32%;
    max-width: 32%;
    height: auto;
}

.bldr_card_numhead {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.1;
    margin-bottom: 8px;
}

.bldr_cards_heading {
    margin-bottom: 16px;
}

/* product list block */
.application_product_intro {
    margin-bottom: 20px;
}

.application_product_heading {
    margin-bottom: 6px;
}

.application_product_heading h2 {
    padding: 0;
    margin: 0;
}

.bldr_product_card {
    width: 23%;
    position: relative;
    text-decoration: none;
    font-size: .9em;
    padding: 1%;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(231,231,231,1) 100%);
    border-radius: 8px;
    border: 1px solid var(--light-gray);
    color: var(--near-black);
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
    height: 220px;
    margin: 1%;
}

.bldr_product_card:hover {
  background: var(--unist-green);
}

.bldr_product_card:hover .small_prod_name {
  color: var(--white) !important;
}

.bldr_product_card:hover .small_prod_desc {
  color: var(--white);
}

.bldr_product_card .small_prod_name {
  width: 100%;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  color: var(--near-black);

}

.bldr_product_card .small_prod_desc {
  font-size: .88em;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
  padding: 0% 3% 0% 3%;
  margin-top: 3px;
  color: var(--near-black);
}


/* Intro Block */

#bldr_introslideshow {
    width: 100%;
    height: auto;
    max-width: 100%;
    min-width: 100%;
    position: relative;
    visibility: hidden;
}

.bldr_introslideshow_1slide {
    border-radius: 10px;
    overflow: hidden;
}

#bldr_introslideshowwrapper {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
}

#bldr_introslideshowwrapper .swiper-slide {
    aspect-ratio:  16 / 9;
    flex-shrink: 0;
    border-radius: 10px !important;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0px;
}

.bldr_introtxt {
  width: 45%;
  min-width: 45%;
  margin-right: 3%
}

.bldr_introtxt h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 6px;
}

.bldr_introtxt p {
    margin: 0;
    margin-bottom: 10px;
    line-height: 1.4;
}

#bldr_introslides {
    width: 52%;
    min-width: 52%;
    max-width: 52% !important;
    height: auto;
    padding: 0;
    margin: 0;
}

.bldr_intro_slides {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row !important;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-top: 10px;
    margin-bottom: 0 !important;
    padding: 20px 0px 0px 0px;
    overflow: hidden;
}

.bldr_intro {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row !important;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 20px;
}

.imageOnlySlide {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 300px;
    min-height: 300px;
    padding: 0;
    margin: 0;
    aspect-ratio: 16 / 9;
    display: inline-block !important;
    border-radius: 10px;
    position: relative;
}

.imageOnlySlide img {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    display: inline-block;
    border-radius: 10px;
    position: relative;
}

.img_io {
    width: inherit;
    height: auto;
    aspect-ratio: 16 / 9;
}

.swiper-paginationIntro {
    display: inline-block;
    position: relative;
    margin: 16px 0px 0px 0px;;
}

/* Intro Slides */


.textOnlySlide {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5%;
    margin: 0;
    box-sizing: border-box;
}

.textOnlySlide .centeredSlideContent .bldr_slideHeadline {
    font-size: 1.75em !important;  
    margin: 0;
    margin-bottom: 6px;
    font-weight: 700;
}

.textOnlySlide .centeredSlideContent .bldr_slideSubheadline {
    font-size: 1.45em !important;
    margin: 0;
    margin-bottom: 10px;
    font-weight: 500 !important;
}

.textOnlySlide .centeredSlideContent .bldr_slideText {
    font-size: 1em !important;
    margin: 0;
    font-weight: 400 !important;
}

.centeredSlideContent {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.bldr_slideHeadline {
    font-size: 1.5em;
    font-weight: 700;
    margin: 0px 0px 2px 0px;
    line-height: 1.1;
}

.bldr_slideSubheadline {
 font-size: 1.2em;
 font-weight: 500;
 line-height: 1.1;
 margin: 0px 0px 12px 0px;
 padding: 0;

}

.bldr_slideText {
    font-size: 1em;
    font-weight: 500;
    line-height: 1.4;

}

.bulletpointSlide {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5%;
    box-sizing: border-box;
}

.bulletpointSlide .bldr_slideHeadline {
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 3px;
    line-height: 1.25;
}

.bulletpointSlide .bldr_slideSubheadline {
    font-size: 1.35em;
    font-weight: 500;
    line-height: 1.25;
    margin: 0px 0px 14px 0px;
}

.bulletpointSlide .bldr_slideText {
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.25;
    margin: 0px;
}

.bulletpointSlide .bldr_slideText ul li, .bldr_slideText ol li {
    line-height: 1.3;
    padding: 0;
    margin-bottom: 8px;
}

.halfImageSlide {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9 !important;
    box-sizing: border-box !important;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
}

.halfImageSlide .bldr_halfImage {
    width: 40%;
    min-width: 40%;
    max-width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.halfImageSlide .bldr_halfImageText {
    width: 60%;
    min-width: 60%;
    max-width: 60%;
    padding: 4%;
    box-sizing: border-box;
}

.halfImageSlide .bldr_halfImage img {
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    display: block;
}

.textImageSlide {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    min-height: 300px !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    aspect-ratio: 16 / 9;
    margin: 0;
    padding: 5%;
}


.textImageSlide .imageDiv {
    width: auto;
    max-width: 40%;
    min-width: 33%;
    height: auto;
    position: relative;

}

.textImageSlide .textDiv {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.imageOverlaySlide {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 5%;
    aspect-ratio: 16 / 9;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}

.imageOverlaySlide .overlayText {
    width: auto;
    height: auto;
    max-width: 50%;
    min-width: 33%;
    padding: 3%;
    border-radius: 5px;
}

.light {
    background-color: rgba(255, 255, 255, 0.7);
}

.dark {
    background-color: rgba(0, 0, 0, 0.5);
}

.fullHeightOverlay {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}

.leftPos {
justify-content: flex-start !important;
}


.rightPos {
justify-content: flex-end !important;
}

.topPos {
align-items: flex-start !important;
}

.topPos .overlayText {
    width: 100%;
    min-width: 100%;
}

.bottomPos {
align-items: flex-end !important;
}

.bottomPos .overlayText {
    width: 100%;
    min-width: 100%;
}

/* Video Gallery Block */

.bldr_vidGallery {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.bldr_vidGalleryIntro {
margin-bottom: 30px;
}

.bldr_vidGalleryIntroTxt {
}

.bldr_vidGalleryIntro h2 {
margin-bottom: 6px;
}

.bldr_vidGalleryVids {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
width: 102%;
margin: 0% -1% -22px -1%;
}

.bldr_vidGalleryItem {
width: 18%;
margin: 1%;
padding: 0;
}

.bldr_vidGalleryTitle {
font-size: .8em;
font-weight: 500;
line-height: 1.2;
width: 100%;
text-align: center;
margin-top: 8px;
}

.vgWrap {
    width: 100%;
    padding: 4%;
    border-radius: 10px;
}

/* Autoplay Video Block */

.bldr_vidAutoPlay {
    display: flex;
    width: 100%;
}

.bldr_vidAutoPlayVids_vert {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: 100%;
}

.bldr_vidAutoPlayVids_horiz {
display: flex;
flex-direction: row;
justify-content: space-evenly !important;
align-items: flex-start;
min-width: 100%;

}

.bldr_apVid_vert {
aspect-ratio: 9 / 16;
width: 20%;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0;
margin: 0 1% 0 1%;
box-sizing: border-box;
position: relative;
}

.bldr_vert_apVid {
aspect-ratio: 9 / 16;
border-radius: 10px;
overflow: hidden;
width: 100%;
max-width: 100%;
min-width: 100%;
height: auto;
min-height: 100%;
display: inline-block;
box-sizing: border-box;
position: relative;
padding: 0;
padding: 0;
margin: 0;
z-index: 1;
}

.bldr_halfwidth .bldr_apVid_vert {
width: 28% !important;
}

.bldr_horiz_apVid_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 9cqi;
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-shadow: 0px 0px 20px rgb(0 0 0 / 1.0);
}

.bldr_horiz_apVidTxt_below {
    font-size: 1cqi;
    color: #333;
    width: 100%;
    text-align: center;
    font-weight: 700;
    margin-top: 8px;

}

.bldr_horiz_apVidTxt_above {
    font-size: 1cqi;
        color: #333;
        width: 100%;
        text-align: center;
        font-weight: 700;
        margin-bottom: 8px;

}



.bldr_vert_apVidTxt_below {
 font-size: 1cqi;
    color: #333;
    width: 100%;
    text-align: center;
    font-weight: 700;
    margin-top: 8px;
}

.bldr_vert_apVidTxt_above {
    font-size: 1cqi;
    color: #333;
    width: 100%;
    text-align: center;
    font-weight: 700;
    margin-bottom: 8px;
}

.bldr_vert_apVidTxt_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 2cqi;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-shadow: 0px 0px 20px rgb(0 0 0 / 1.0);
    padding: 2%;
}

.vimeoIframe {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; 
    padding: 0;
    margin: 0;
}

.youtubeIframe {
    width: 100%;
    min-width: 100%;
    height: 100%;
    aspect-ratio: 9 / 16;
   position: relative;
    padding: 0;
    margin: 0;
}

.bldr_vert_apVidTitle {
font-weight: 600;
font-size: .88em;
margin: 0;
width: 100%;
max-width: 100% !important;
text-align: center;
white-space: normal;
padding: 8px;
line-height: 1.2;
}

.bldr_apVid_horiz {
aspect-ratio: 16 / 9;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 0;
margin: 1%;
position: relative;
}


.apVidLinked:hover {
    border: 4px solid #80c342;
    box-sizing: border-box;
}

.bldr_horiz_apVid {
aspect-ratio: 16 / 9;
border-radius: 10px;
overflow: hidden;
width: 100%;
max-width: 100%;
min-width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
margin: 0;
container-type: inline-size;
}

.bldr_horiz_apVidTitle {
font-weight: 500;
font-size: .8em;
margin: 0;
width: 100%;
max-width: 100% !important;
text-align: center;
white-space: normal;
padding: 8px;
line-height: 1.2;
}

.bldr_flex_vert .bldr_vidAutoPlayIntro {
    margin: 0px 0px 14px 0px !important;
}

.rtAlign {
    justify-content: flex-end !important;
    padding: 0;
}

.ltAlign {
    justify-content: flex-start !important;
    padding: 0;
}

.bldr_vidAutoPlayIntroTxt {
    margin-top: 3px;
    margin-bottom: 0px;
}


.bldr_vidAutoPlayIntro .ubtn {
    width: auto;
    max-width: max-content;
}

.horizAPCount1 {
    flex-wrap: nowrap;
}

.horizAPCount2 {
    flex-wrap: nowrap;
}

.horizAPCount3 {
    flex-wrap: nowrap;
}

.horizAPCount4 {
    flex-wrap: nowrap;
}

.horizAPCount5 {
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.horizAPCount6 {
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.horizAPCount1 .bldr_apVid_horiz {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.horizAPCount2 .bldr_apVid_horiz {
    width: 48%;
    min-width: 48%;
    max-width: 48%
}

.horizAPCount3 .bldr_apVid_horiz {
    width: 31%;
    min-width: 31%;
    max-width: 31%;
}

.horizAPCount4 .bldr_apVid_horiz {
    width: 23%;
    min-width: 23%;
    max-width: 23%;
}


.horizAPCount5 .bldr_apVid_horiz {
    width: 23%;
    min-width: 23%;
    max-width: 23%;

}

.horizAPCount6 .bldr_apVid_horiz {
    width: 23%;
    min-width: 23%;
    max-width: 23%;
}

/* Freeform block */
.freeFormHtml {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.freeFormHtml h2 {
    margin: 0px 0px 16px 0px;
}

/* social proof rotator block */

#SocProofSS {
  width: 100%;
  padding: 0% 5%;
}

.spSs {
    padding: 0 !important;
    margin: 0 !important;
}

.mrWrap {
   width: 100% !important;
   min-width: 100% !important;
   max-width: 100% !important;

   margin: 0 !important;
   padding: 0 !important;
}

.mrSlide {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    min-height: 300px;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: #efefef;
    color: #333;
}

.spTxt {

  color: #333;
}

.attrTxt {
  color: #333;
  
}

.spContHead {
 
  color: #333;
}


/* card block */
.art_cards {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.art_card {
    padding: 3%;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #efefef;
}

/* Modal for image zoom */

.modal {
  display: none; 
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); /* Dark background overlay */
  justify-content: center;
  align-items: center;
}

/* Modal Content (The Large Image) */
.modal-content {
  max-width: 90%;
  max-height: 90%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 20px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

/* Quote display */
    .quoteTxt {
        font-size: 1.2em;
        line-height: 1.4;
    }

    .quoteDisplay {
        background-image: url("../uploads/images/quote_bg.png");
        background-position: 4% 15%;
        background-repeat: no-repeat;
        background-size: 5%;
        padding: 3%;
    }

    .quotation {
        margin-bottom: 6px;
        padding: 0% !important;
        height: auto;
        min-height: min-content;
        max-height: max-content;
    }





/* MEDIA QUERIES */

@media only screen and (min-width: 320px) and (max-width: 480.98px) {

    .hideMobile {
        display: none !important;
    }

    .halfImageSlide {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        aspect-ratio: 16 / 11 !important;
        box-sizing: border-box !important;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin: 0;
        padding: 0;
    }

    .halfImageSlide .bldr_halfImageText {
        width: 68%;
        min-width: 68%;
        max-width: 68%;
        padding: 3%;
        box-sizing: border-box;
    }

    .halfImageSlide .bldr_halfImage {
        width: 32%;
        min-width: 32%;
        max-width: 32%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #bldr_introslideshowwrapper .swiper-slide {
        aspect-ratio:  16 / 11;
        flex-shrink: 0;
        border-radius: 10px !important;
        overflow: hidden;
        position: relative;
        padding: 0;
        margin: 0px;
    }

  .bldr_imgWrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center !important;
    align-items: flex-start !important;
    height: auto;
    margin: 0;
    padding: 0;
    margin-bottom: 14px;
  }

  .bldr_imgFw {
    width: auto;
    min-width: 60% !important;
    max-width: 80% !important;
    height: auto;
  }

    .Collapse33 {
        max-width: 31%  !important;
        min-width: 31% !important;
        width: 31% !important;
    }

        .Collapse25 {
        max-width: 23%  !important;
        min-width: 23% !important;
        width: 23% !important;
    }

    .Collapse50 {
        max-width: 46% !important;
        min-width: 46% !important;
        width: 46% !important;
        margin: 1%;
    }

    .Collapse100 {
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }

    .bldr_horiz_apVidTxt_below {
    font-size: 2.5cqi;
    color: #333;
    width: 100%;
    text-align: center;
    font-weight: 700;
    margin-top: 8px;
    }

    .bldr_horiz_apVidTxt_above {
        font-size: 2.5cqi;
        color: #333;
        width: 100%;
        text-align: center;
        font-weight: 700;
        margin-bottom: 8px;
    }
    
    .bldr_twothirdwidthParent {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }



    .bldr_20, .bldr_30, .bldr_33, .bldr_40, .bldr45, .bldr_50, .bldr_60, .bldr_65, .bldr_70, .bldr_80, .bldr_90, .bldr_100 {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .bldr_capTitle {
        margin-right: 20px;
        font-weight: 700;
        font-size: 100%;
        line-height: 1.2;
    } 
    
    .bldr_capValue {
        font-weight: 500;
        font-size: .9em;
        line-height: 1.2;
    }

    .mclItem {
    width: 48% !important;
    min-width: 48% !important;
    margin-bottom: 24px;
    }


    h2 {
        font-size: 1.3em;
    }

    .lft {
        margin-right: 15px;
        order: 1;
    }

    .rgt {
        margin-left: 15px;
        order: 2;
    }   

    
    .app_intro_txt .ubtn {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .app_intro_htmlslides {
        margin: 10px 0px 0px 0px;
        padding: 0 !important;
    }

    .jumpLink {
        width: 100% !important;
        max-width: 100%;
        min-width: 100% !important;
        padding: 0;
        text-align: center;
        display: inline-block;
    }

    .app_benefits_sb {
        justify-content: center !important;
        text-align: center !important;
    }

    .bldr_inlineimage {
        flex-direction: column !important;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .bldr_inlineimage .rgt {
        margin: 0;
    }

    .bldr_inlineimage .lft {
        margin: 0;
    }

    .bldr_inlineimageTxt {

        order: 2 !important;
    }

    .bldr_inlineimageImage {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        text-align: center;
        margin: 0% 0% 16px 0% !important;
        order: 1 !important;
    }

    .bldr_inlineimageImage img {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .bldr_listblock {
        width: 100%;
        min-width: 100%;
        margin: 0;
    }

    .bldr_list {
        width: 100%;
        padding: 0% 0% 0% 5%;
        margin: 0;
    }

    .bldr_ctablock {
        padding: 5%;
        justify-content: flex-start !important;
    }

    .bldr_ctablock .rgt {
        margin: 0;
    }

    .bldr_ctablock .lft {
        margin: 0;
    }

    .bldr_ctaImage {
        order: 1 !important;
        width: 100%;
        min-width: 100%;
        margin: 0% 0% 16px 0% !important;
        text-align: center;
    }

    .bldr_ctaImage img {
        max-width: 80%;
        max-height: 350px;
        margin: 0 auto;
    }

    .bldr_ctaContent {
        order: 2 !important;
        width: 100%;
    }

    .bldr_ctablock .bldr_25 {
        width: 100% !important;
        min-width: 100% !important;
    }

    .appTable {
        font-size: .5em;
    }

    .appTable  .spacer {
        width: 10px !important;
        max-width: 10px !important;
        padding: 2px;
    }

    .appTable {
        margin: 16px 0px 16px 0px !important;
    }

    .appTable .left {
        padding: 4px;
    }

    .appTable .grnTd {
        padding: 4px;
    }

    .appTable .gryTd {
        padding: 4px;
    }

    .appTable thead tr th {
        padding: 4px;
    }

    .bldr_optionsPanels {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    .bldr_optionDiv {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0% 0% 16px 0% !important;
        padding: 5% !important;
        height: auto; 
        min-height: min-content;
        max-height: max-content;
        
    }


    .bldr_formWrapped {
        padding: 5% !important;
    }

    .quoteDisplay {
        height: auto !important;
        min-height: max-content !important;
        max-height: 500px;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        padding: 40px !important;
        
    }

    

    .quoteNav {
        margin-top: 20px;
        position: relative;
    }

    .quotation {
        margin-bottom: 20px;
        height: auto;
        min-height: max-content;
    }

    .quoteTxt {
        padding-top: 10px !important;
        line-height: 1.3;
    }

    .art_cards_heading {
        margin: 20px 0px 0px 0px;
    }

    .art_card {
        margin: 20px 0px 20px 0px;
    }

    .art_card h3 {
        margin: 0px 0px 3px 0px !important;
    }

    .galleryWrap {
        padding: 5% !important;
    }

    .bldr_vidTextLink {
        padding: 2.5% !important;
    }

    .bldr_vidTextLink_txt h2 {
        font-size: 1em !important;
    }

    .bldr_inlinevid {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    .bldr_inlinevid_vid {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0% 0% 16px 0% !important;
    }

    .bldr_inlinevid .rgt {
        margin: 0;
    }

    .bldr_inlinevid .lft {
        margin: 0;
    }

    .vgWrap {
        padding: 5% !important;
    }

    .bldr_vidGalleryItem {
        width: 48% !important;
        min-width: 48% !important;
        max-width: 48% !important;
        margin: 0% 1% 16px 1% !important;
    }

    .bldr_apVid_vert {
       height: 200px !important;
       min-height: 200px !important;
       max-height: 200px !important;
       width: auto;
    }

    .bldr_vidAutoPlay {
        margin: 16px 0px 16px 0px !important;
    }

    .bldr_flex_horiz {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    .bldr_vidAutoPlayIntro {
        margin: 16px 0px 16px 0px !important;
        order: 1 !important;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .bldr_apVid_horiz {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0% 0% 16px 0% !important;
    }


    
    .bldr_vidAutoPlayVids_horiz {
    width: 100% !important;
    min-width: 100% !important;
    display: flex;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    margin: 0% 0% 0% 0%;
    flex-wrap: wrap !important;
    }

    .faq .question {
    margin: 0px;
    padding: 0; 
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 0px 6px 0px; 
    padding: 0;
    width: 100%;
    position: relative;

    }

    .faq .answer {
    margin: 0px;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    position: relative;
    }

    .faqContentA {
    font-size: .9em;
    font-weight: 500;
    line-height: 1.5 !important;
    margin: 0px;
    padding: 4px 0px 0px 0px;
    }

    .faqContentQ {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.2;
    margin: 0px;
    padding: 0px;
    }

    .answer .faqLabel {
    font-weight: 700;
    font-size: .9em !important;
    line-height: 1;
    width: 22px;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    margin: 0px 22px 0px 0px;
    padding: 0px 0px 0px 6px;
    background: #d9f3c1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    }

    .answer .faqLabel::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 22px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #d9f3c1;
    }

    .question .faqLabel {
    font-weight: 700;
    font-size: .9em !important;
    line-height: 1;
    width: 22px;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    margin: 0px 22px 0px 0px;
    padding: 0px 0px 0px 6px;
    background: #cfcfcf;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    }

    .question .faqLabel::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 22px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #cfcfcf;
    }

    .faqContentA, .faqContentQ sup {
    line-height: 1;
    }

    .bldr_listMain {
        font-size: 1em;
    }

    .bldr_listSub {
        font-size: 0.9em;
    }

    .spSs {
        padding: 0 !important;
    }

    .bldr_nowrap {
        padding: 0;
    }

    .bldr_tableScrollWrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        max-width: 100%;
    }

    .bldr_table_wrap {
        padding: 5%;  
    }
   
    .bldr_cards_wrap {
    width: 100%;
    display: flex;
    flex-direction: row !important;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap !important;
    }

    .bldr_cards_wrap1 {
        width: 101%;
        margin: 0% -1% 0% -1%;
        display: flex;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: flex-start;
        flex-wrap: wrap !important;
    }

   
    .bldr_card {
        min-height: min-content;
        overflow: hidden;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 20px 0px;
        border-bottom: 1px solid #efefef;
        padding: 3%;
    }

    .bldr_ctablock, .bldr_optionsBlock, .appTable, .bldr_table_wrap, .bldr_formWrapped, .quoteDisplay, .galleryWrap, .bldr_vidTextLink, .vgWrap, #app_benefits, .jumpLink, .bldr_inlineimage, .bldr_listblock, .bldr_capStack, .bldr_imageGridWrap, .bldr_vidGallery, .bldr_vidAutoPlay, #faqDiv, .bldr_vidAutoPlay, #app_oem, .fw_bo_box {
        margin: 20px 0px 20px 0px !important;
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .bldr_introtxt {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
        order: 1 !important;
    }


    #bldr_introslides {
        width: 100%;
        min-width: 100%;
        max-width: 100!important;
        height: auto;
        padding: 0;
        margin: 20px 0 20px 0;
        order: 2 !important;
    }

    .bldr_intro_slides {
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column !important;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-top: 10px;
        padding: 20px 0px 0px 0px;
        overflow: hidden;
    }

    .cta_horiz_single {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 0px 0px 40px 0px;
    }

    .cta_horiz_single .cta_button_div {
        width: 100%;
        max-width: max-content;
        margin-right: 20px;
        order: 2 !important;
        margin-top: 16px;
    }

    .cta_horiz_single .cta_headline_div {
        font-size: 1.3em;
        font-weight: 700; 
        order: 1 !important;
        line-height: 1.2;
        text-align: center;
    }


 /* Intro Block Slides */

    .textOnlySlide .centeredSlideContent .bldr_slideHeadline {
        font-size: 1.2em !important;  
        margin: 0;
        margin-bottom: 2px;
        font-weight: 700;
    }

    .textOnlySlide .centeredSlideContent .bldr_slideSubheadline {
        font-size: 1em !important;
        margin: 0;
        margin-bottom: 3px;
        font-weight: 500 !important;
    }

    .textOnlySlide .centeredSlideContent .bldr_slideText {
        font-size: .9em !important;
        margin: 0;
        font-weight: 400 !important;
        line-height: 1.2;
    }

    .bulletpointSlide .bldr_slideHeadline {
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 3px;
        line-height: 1.25;
    }

    .bulletpointSlide .bldr_slideSubheadline {
        font-size: 1em;
        font-weight: 500;
        line-height: 1.25;
        margin: 0px 0px 14px 0px;
    }

    .bulletpointSlide .bldr_slideText {
        font-size: .9em;
        font-weight: 500;
        line-height: 1.25;
        margin: 0px;
    }

    .bulletpointSlide .bldr_slideText ul li, .bldr_slideText ol li {
        line-height: 1.3;
        padding: 0;
        margin-bottom: 4px;
    }

    .bldr_slideHeadline {
        font-size: 1.125em;
        font-weight: 700;
        margin-bottom: 3px;
        line-height: 1;
    }

    .bldr_slideSubheadline {
        font-size: .9em;
        font-weight: 500;
        line-height: 1;

    }

    .bldr_slideText {
        font-size: .9em;
        font-weight: 500;
        line-height: 1.4;
    }

    .bldr_slideText ul li {
        line-height: 1.1;
        margin-bottom: 5px;
    }

    .bldr_slideText ul {
        padding-left: 16px;
    }

    .imageOverlaySlide .overlayText {
        width: auto;
        height: auto;
        min-height: min-content;
        max-height: max-content;
        max-width: 100%;
        min-width: 100%;
        padding: 3%;
        border-radius: 5px;
    }

    .imageOverlaySlide {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 5%;
        aspect-ratio: 16 / 9;
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end;
        box-sizing: border-box;
    }

    .textImageSlide {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        min-height: 200px !important;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        aspect-ratio: 16 / 11;
        margin: 0;
        padding: 5%;
    }


.textImageSlide .imageDiv {
    width: auto;
    max-width: 40%;
    min-width: 33%;
    height: auto;
    position: relative;

}

.textImageSlide .textDiv {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.imageOverlaySlide {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 5%;
    aspect-ratio: 16 / 9;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}

.imageOverlaySlide .overlayText {
    width: auto;
    height: auto;
    max-width: 50%;
    min-width: 33%;
    padding: 3%;
    border-radius: 5px;
}

.light {
    background-color: rgba(255, 255, 255, 0.7);
}

.dark {
    background-color: rgba(0, 0, 0, 0.5);
}

.fullHeightOverlay {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}

.leftPos {
justify-content: flex-start !important;
}


.rightPos {
justify-content: flex-end !important;
}

.topPos {
align-items: flex-start !important;
}

.topPos .overlayText {
    width: 100%;
    min-width: 100%;
}

.bottomPos {
align-items: flex-end !important;
}

.bottomPos .overlayText {
    width: 100%;
    min-width: 100%;
}

/* Video Gallery Block */

.bldr_vidGallery {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.bldr_vidGalleryIntro {
margin-bottom: 30px;
}

.bldr_vidGalleryIntroTxt {
}

.bldr_vidGalleryIntro h2 {
margin-bottom: 6px;
}

.bldr_vidGalleryVids {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
width: 102%;
margin: 0% -1% -22px -1%;
}

.bldr_vidGalleryItem {
width: 18%;
margin: 1%;
padding: 0;
}

.bldr_vidGalleryTitle {
font-size: .8em;
font-weight: 500;
line-height: 1.2;
width: 100%;
text-align: center;
margin-top: 8px;
}

.vgWrap {
    width: 100%;
    padding: 4%;
    border-radius: 10px;
}

/* Autoplay Video Block */

.bldr_vidAutoPlay {
    display: flex;
    width: 100%;
}

.bldr_vidAutoPlayVids_vert {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: 100%;
position: relative;
flex-wrap: wrap;
}



.bldr_apVid_vert {
aspect-ratio: 9 / 16;
width: auto;
min-width: 20%;
max-width: 31%;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 0;
margin: 0 1% 0 1%;
box-sizing: border-box;
min-height: 190px !important;
max-height: 200px !important;
margin-bottom: 16px;
}

.bldr_vert_apVid {
aspect-ratio: 9 / 16;
border-radius: 10px;
overflow: hidden;
width: 100%;
max-width: 100%;
min-width: 100%;
height: auto;
min-height: 190px !important;
display: inline-block;
box-sizing: border-box;
position: relative;
padding: 0;
padding: 0;
margin: 0;
}

.bldr_vert_apVid .vimeoIframe {
height: 200px !important;
min-height: 200px !important;
max-height: 200px !important;
}

.bldr_halfwidth .bldr_apVid_vert {
width: 28% !important;
}



.vimeoIframe {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    aspect-ratio: 9 / 16;

    top: 0;
    left: 0; 
    padding: 0;
    margin: 0;
}

.youtubeIframe {
    width: 100%;
    min-width: 100%;
    height: 100%;
    aspect-ratio: 9 / 16;
   position: relative;
    padding: 0;
    margin: 0;
}

.bldr_vert_apVidTitle {
font-weight: 600;
font-size: .88em;
margin: 0;
width: 100%;
max-width: 100% !important;
text-align: center;
white-space: normal;
padding: 8px;
line-height: 1.2;
}

.bldr_apVid_horiz {
aspect-ratio: 16 / 9;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 0;
margin: 1%;
}


.apVidLinked:hover {
    border: 4px solid #80c342;
    box-sizing: border-box;
}

.bldr_horiz_apVid {
aspect-ratio: 16 / 9;
border-radius: 10px;
overflow: hidden;
width: 100%;
max-width: 100%;
min-width: 100%;
height: 100%;
display: inline-block;
position: relative;
margin: 0;
}

.bldr_horiz_apVidTitle {
font-weight: 500;
font-size: .8em;
margin: 0;
width: 100%;
max-width: 100% !important;
text-align: center;
white-space: normal;
padding: 8px;
line-height: 1.2;
}

.bldr_flex_vert .bldr_vidAutoPlayIntro {
    margin: 0px 0px 14 0px !important;

}

.rtAlign {
    justify-content: flex-end !important;
    padding: 0;
}

.ltAlign {
    justify-content: flex-start !important;
    padding: 0;
}

.bldr_vidAutoPlayIntroTxt {
    margin-top: 3px;
    margin-bottom: 0px;
}


.bldr_vidAutoPlayIntro .ubtn {
    width: auto;
    max-width: max-content;
}

.horizAPCount1 {
    flex-wrap: nowrap;
}

.horizAPCount2 {
    flex-wrap: wrap;
}

.horizAPCount3 {
    flex-wrap: wrap;
}

.horizAPCount4 {
    flex-wrap: wrap;
}

.horizAPCount5 {
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.horizAPCount6 {
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.horizAPCount1 .bldr_apVid_horiz {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.horizAPCount2 .bldr_apVid_horiz {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.horizAPCount3 .bldr_apVid_horiz {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.horizAPCount4 .bldr_apVid_horiz {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}


.horizAPCount5 .bldr_apVid_horiz {
    width: 100%;
    min-width: 100%;
    max-width: 100%;

}

.horizAPCount6 .bldr_apVid_horiz {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

/* Freeform block */
.freeFormHtml {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.freeFormHtml h2 {
    margin: 0px 0px 16px 0px;
}

/* social proof rotator block */

.spSs {
    padding: 0 !important;
    margin: 0 !important;
}

.mrWrap {
   width: 100% !important;
   min-width: 100% !important;
   max-width: 100% !important;
   background: #80c342;
   margin: 0 !important;
   padding: 0 !important;
}

.mrSlide {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

/* card block */
.art_cards {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.art_card {
    padding: 3%;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #efefef;
}

/* Modal for image zoom */

.modal {
  display: none; 
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); /* Dark background overlay */
  justify-content: center;
  align-items: center;
}

/* Modal Content (The Large Image) */
.modal-content {
  max-width: 90%;
  max-height: 90%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 20px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

/* Quote display */
    .quoteTxt {
        font-size: 1.2em;
        line-height: 1.4;
    }

}


@media only screen and (min-width: 320px) and (max-width: 425px) {

    .halfImageSlide .bldr_halfImageText {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 2%;
        box-sizing: border-box;
    }

    .halfImageSlide .bldr_halfImage {
        display: none !important;
    }

}



/* MEDIA QUERIES */

@media only screen and (min-width: 481px) and (max-width: 768.98px) {




    .hideMobile {
    display: none !important;
    }

    .Collapse33 {
    max-width: 31% !important;
    min-width: 31% !important;
    width: 31% !important;
    }

    .Collapse25 {
        max-width: 23% !important;
        min-width: 23% !important;
        width: 23% !important;
    }

    .Collapse50 {
        max-width: 46% !important;
        min-width: 46% !important;
        width: 46% !important;
        margin: 1%;
    }

    .Collapse100 {
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }
    h2 {
        font-size: 1.3em;
    }

    .lft {
        margin-right: 15px;
        order: 1 !important;
    }

    .rgt {
        margin-left: 15px;
        order: 2 !important;
    } 
    
    .bldr_20, .bldr_30, .bldr_33, .bldr_40, .bldr45, .bldr_50, .bldr_60, .bldr_65, .bldr_70, .bldr_80, .bldr_90, .bldr_100 {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .bldr_horiz_apVidTxt_below {
    font-size: 2.5cqi;
    color: #333;
    width: 100%;
    text-align: center;
    font-weight: 700;
    margin-top: 8px;

    }

    .bldr_horiz_apVidTxt_above {
        font-size: 2.5cqi;
            color: #333;
            width: 100%;
            text-align: center;
            font-weight: 700;
            margin-bottom: 8px;
    }

    .app_intro_txt .ubtn {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .app_intro_htmlslides {
        margin: 10px 0px 0px 0px;
        padding: 0 !important;
    }

    .jumpLink {
        width: 100% !important;
        max-width: 100%;
        min-width: 100% !important;
        padding: 0;
        text-align: center;
        display: inline-block;
    }

    .app_benefits_sb {
        justify-content: center !important;
        text-align: center !important;
    }

    .bldr_inlineimage {
        flex-direction: column !important;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .bldr_inlineimage .rgt {
        margin: 0;
    }

    .bldr_inlineimage .lft {
        margin: 0;
    }

    .bldr_inlineimageTxt {

        order: 2 !important;
    }

    .bldr_inlineimageImage {
        width: 100%;
        min-width: 100% !important;
        max-width: 100%;
        text-align: center;
        margin: 0% 0% 16px 0% !important;
        order: 1 !important;

    }

    .bldr_inlineimageImage img {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .bldr_listblock {
        width: 100%;
        min-width: 100%;
        margin: 0;
    }

    .bldr_list {
        width: 100%;
        padding: 0% 0% 0% 5%;
        margin: 0;
    }

    .bldr_ctablock {
        padding: 5%;
        flex-direction: column;
    }

    .bldr_ctablock .rgt {
        margin: 0;
        order: 2 !important;
        margin-left: 2.5%;
    }

    .bldr_ctablock .lft {
        margin: 0;
        order: 1 !important;
        margin-right: 2.5%;
    }

    .bldr_ctaImage {
        order: 1 !important;
        width: 100%;
        margin: 0% 0% 16px 0% !important;
    }

    .bldr_ctaContent {
        order: 2 !important;
        width: 100%;
    }

    .appTable {
        font-size: .5em;
    }

    .appTable  .spacer {
        width: 10px !important;
        max-width: 10px !important;
        padding: 2px;
    }

    .appTable {
        margin: 16px 0px 16px 0px !important;
    }

    .appTable .left {
        padding: 4px;
    }

    .appTable .grnTd {
        padding: 4px;
    }

    .appTable .gryTd {
        padding: 4px;
    }

    .appTable thead tr th {
        padding: 4px;
    }

    .bldr_optionsPanels {
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        flex-wrap: wrap !important;
        width: 101%;
        margin: 0% -1% 0% -1%;
    }

    .bldr_optionDiv {
        width: 48% !important;
        min-width: 48% !important;
        max-width: 48% !important;
        margin: 0% 1% 1% 1% !important;
        padding: 5% !important;
        height: auto; 
        min-height: max-content;
        max-height: max-content;
    }


    .bldr_formWrapped {
        padding: 5% !important;
    }

    .quoteDisplay {
        height: auto !important;
        min-height: max-content !important;
        max-height: 500px;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        padding: 40px !important;
        
    }

    .quoteNav {
        margin-top: 20px;
        position: relative;
    }

    .quotation {
        margin-bottom: 20px;
        height: auto;
        min-height: max-content;
    }

    .quoteTxt {
        padding-top: 10px !important;
        line-height: 1.3;
    }

    .art_cards_heading {
        margin: 20px 0px 0px 0px;
    }

    .art_card {
        margin: 20px 0px 20px 0px;
    }

    .art_card h3 {
        margin: 0px 0px 3px 0px !important;
    }

    .galleryWrap {
        padding: 5% !important;
    }

    .bldr_vidTextLink {
        padding: 2.5% !important;
    }

    .bldr_vidTextLink_txt h2 {
        font-size: 1em !important;
    }

    .bldr_inlinevid {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    .bldr_inlinevid_vid {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0% 0% 16px 0% !important;
    }

    .bldr_inlinevid .rgt {
        margin: 0;
    }

    .bldr_inlinevid .lft {
        margin: 0;
    }

    .vgWrap {
        padding: 5% !important;
    }

    .bldr_vidGalleryItem {
        width: 48% !important;
        min-width: 48% !important;
        max-width: 48% !important;
        margin: 0% 1% 16px 1% !important;
    }



    .bldr_vidAutoPlay {
        margin: 16px 0px 16px 0px !important;
    }

    .bldr_flex_horiz {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    .bldr_vidAutoPlayIntro {
        margin: 0px 0px 14 0px !important;
        order: 1 !important;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .bldr_apVid_horiz {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0% 0% 16px 0% !important;
    }

    .bldr_vidAutoPlayVids_horiz {
        width: 100% !important;
        min-width: 100% !important;
    }

    .faq .question {
    margin: 0px;
    padding: 0; 
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 0px 6px 0px; 
    padding: 0;
    width: 100%;
    position: relative;

    }

    .faq .answer {
    margin: 0px;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    position: relative;
    }

    .faqContentA {
    font-size: .9em;
    font-weight: 500;
    line-height: 1.5 !important;
    margin: 0px;
    padding: 4px 0px 0px 0px;
    }

    .faqContentQ {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.2;
    margin: 0px;
    padding: 0px;
    }

    .answer .faqLabel {
    font-weight: 700;
    font-size: .9em !important;
    line-height: 1;
    width: 22px;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    margin: 0px 22px 0px 0px;
    padding: 0px 0px 0px 6px;
    background: #d9f3c1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    }

    .answer .faqLabel::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 22px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #d9f3c1;
    }

    .question .faqLabel {
    font-weight: 700;
    font-size: .9em !important;
    line-height: 1;
    width: 22px;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    margin: 0px 22px 0px 0px;
    padding: 0px 0px 0px 6px;
    background: #cfcfcf;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    }

    .question .faqLabel::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 22px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #cfcfcf;
    }

    .faqContentA, .faqContentQ sup {
    line-height: 1;
    }

    .bldr_listMain {
        font-size: 1em;
    }

    .bldr_listSub {
        font-size: 0.9em;
    }

    .spSs {
        padding: 0 !important;
    }

    .bldr_nowrap {
        padding: 0;
    }

    .bldr_tableScrollWrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        max-width: 100%;
    }

    .bldr_table_wrap {
        padding: 5%;  
    }

    .bldr_cards_wrap {
    width: 100%;
    display: flex;
    flex-direction: row !important;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap !important;
    }

    .bldr_cards_wrap1 {
        width: 101%;
        margin: 0% -1% 0% -1%;
        display: flex;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: flex-start;
        flex-wrap: wrap !important;
    }

    .bldr_card {
        min-height: min-content;
        overflow: hidden;        
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 20px 0px;
        border-bottom: 1px solid #efefef;
        padding: 3%;
    }

    .bldr_ctablock, .bldr_optionsBlock, .appTable, .bldr_table_wrap, .bldr_formWrapped, .quoteDisplay, .galleryWrap, .bldr_vidTextLink, .vgWrap, #app_benefits, .jumpLink, .bldr_inlineimage, .bldr_listblock, .bldr_capStack, .bldr_imageGridWrap, .bldr_vidGallery, .bldr_vidAutoPlay, #faqDiv, .bldr_vidAutoPlay, #app_oem, .fw_bo_box {
        margin: 20px 0px 20px 0px !important;
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .bldr_introtxt {
        width: 100%;
        min-width: 100% !important;
        margin-right: 0;
        order: 1 !important;
    }


    #bldr_introslides {
        width: 100%;
        min-width: 100% !important;
        max-width: 100!important;
        height: auto;
        padding: 0;
        margin: 20px 0 20px 0;
        order: 2 !important;
    }

    .bldr_intro_slides {
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column !important;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-top: 10px;
        padding: 20px 0px 0px 0px;
        overflow: hidden;
    }

    .cta_horiz_single {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 0px 0px 40px 0px;
    }

    .cta_horiz_single .cta_button_div {
        width: 100%;
        max-width: max-content;
        margin-right: 20px;
        order: 2 !important;
        margin-top: 16px;
    }

    .cta_horiz_single .cta_headline_div {
        font-size: 1.3em;
        font-weight: 700; 
        order: 1 !important;
        line-height: 1.2;
        text-align: center;
    }


 /* Intro Block Slides */

    .textOnlySlide .centeredSlideContent .bldr_slideHeadline {
        font-size: 1.2em !important;  
        margin: 0;
        margin-bottom: 2px;
        font-weight: 700;
    }

    .textOnlySlide .centeredSlideContent .bldr_slideSubheadline {
        font-size: 1em !important;
        margin: 0;
        margin-bottom: 3px;
        font-weight: 500 !important;
    }

    .textOnlySlide .centeredSlideContent .bldr_slideText {
        font-size: .9em !important;
        margin: 0;
        font-weight: 400 !important;
        line-height: 1.2;
    }

    .bulletpointSlide .bldr_slideHeadline {
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 3px;
        line-height: 1.25;
    }

    .bulletpointSlide .bldr_slideSubheadline {
        font-size: 1em;
        font-weight: 500;
        line-height: 1.25;
        margin: 0px 0px 14px 0px;
    }

    .bulletpointSlide .bldr_slideText {
        font-size: .9em;
        font-weight: 500;
        line-height: 1.25;
        margin: 0px;
    }

    .bulletpointSlide .bldr_slideText ul li, .bldr_slideText ol li {
        line-height: 1.3;
        padding: 0;
        margin-bottom: 4px;
    }

    .bldr_slideHeadline {
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 6px;
        line-height: 1.25;
    }

    .bldr_slideSubheadline {
        font-size: 1em;
        font-weight: 500;
        line-height: 1.25;

    }

    .bldr_slideText {
        font-size: .9em;
        font-weight: 500;
        line-height: 1.4;

    }

    .imageOverlaySlide .overlayText {
        width: auto;
        height: auto;
        min-height: min-content;
        max-height: max-content;
        max-width: 100%;
        min-width: 100%;
        padding: 3%;
        border-radius: 5px;
    }

    .imageOverlaySlide {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 5%;
        aspect-ratio: 16 / 9;
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end;
        box-sizing: border-box;
    }

    .textImageSlide {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        min-height: 186px !important;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        aspect-ratio: 16 / 9;
        margin: 0;
        padding: 5%;
    }


.textImageSlide .imageDiv {
    width: auto;
    max-width: 40%;
    min-width: 33%;
    height: auto;
    position: relative;

}

.textImageSlide .textDiv {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.imageOverlaySlide {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 5%;
    aspect-ratio: 16 / 9;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}

.imageOverlaySlide .overlayText {
    width: auto;
    height: auto;
    max-width: 50%;
    min-width: 33%;
    padding: 3%;
    border-radius: 5px;
}

.light {
    background-color: rgba(255, 255, 255, 0.7);
}

.dark {
    background-color: rgba(0, 0, 0, 0.5);
}

.fullHeightOverlay {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}

.leftPos {
justify-content: flex-start !important;
}


.rightPos {
justify-content: flex-end !important;
}

.topPos {
align-items: flex-start !important;
}

.topPos .overlayText {
    width: 100%;
    min-width: 100%;
}

.bottomPos {
align-items: flex-end !important;
}

.bottomPos .overlayText {
    width: 100%;
    min-width: 100%;
}

/* Video Gallery Block */

.bldr_vidGallery {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.bldr_vidGalleryIntro {
margin-bottom: 30px;
}

.bldr_vidGalleryIntroTxt {
}

.bldr_vidGalleryIntro h2 {
margin-bottom: 6px;
}

.bldr_vidGalleryVids {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
width: 102%;
margin: 0% -1% -22px -1%;
}

.bldr_vidGalleryItem {
width: 18%;
margin: 1%;
padding: 0;
}

.bldr_vidGalleryTitle {
font-size: .8em;
font-weight: 500;
line-height: 1.2;
width: 100%;
text-align: center;
margin-top: 8px;
}

.vgWrap {
    width: 100%;
    padding: 4%;
    border-radius: 10px;
}

/* Autoplay Video Block */

.bldr_vidAutoPlay {
    display: flex;
    width: 100%;
}

.bldr_vidAutoPlayVids_vert {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: 100%;
position: relative;
min-height: 300px;
flex-wrap: wrap;
}

.bldr_vidAutoPlayVids_horiz {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin: 0%;
}

.bldr_apVid_vert {
aspect-ratio: 9 / 16;
width: auto;
max-width: 31%;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 0;
margin: 0 1% 0 1%;
box-sizing: border-box;
min-height: 300px;
max-height: 300px;
margin-bottom: 16px;
}

.bldr_vert_apVid {
aspect-ratio: 9 / 16;
border-radius: 10px;
overflow: hidden;
width: 100%;
max-width: 100%;
min-width: 100%;
height: auto;
min-height: 300px !important;
display: inline-block;
box-sizing: border-box;
position: relative;
padding: 0;
padding: 0;
margin: 0;
}

.bldr_halfwidth .bldr_apVid_vert {
width: 28% !important;
}

.bldr_vert_apVid .vimeoIframe  {
    min-height: 280px !important;
}



.vimeoIframe {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; 
    padding: 0;
    margin: 0;
}

.youtubeIframe {
    width: 100%;
    min-width: 100%;
    height: 100%;
    aspect-ratio: 9 / 16;
   position: relative;
    padding: 0;
    margin: 0;
}

.bldr_vert_apVidTitle {
font-weight: 600;
font-size: .88em;
margin: 0;
width: 100%;
max-width: 100% !important;
text-align: center;
white-space: normal;
padding: 8px;
line-height: 1.2;
}

.bldr_apVid_horiz {
aspect-ratio: 16 / 9;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 0;
margin: 1%;
}


.apVidLinked:hover {
    border: 4px solid #80c342;
    box-sizing: border-box;
}

.bldr_horiz_apVid {
aspect-ratio: 16 / 9;
border-radius: 10px;
overflow: hidden;
width: 100%;
max-width: 100%;
min-width: 100%;
height: 100%;
display: inline-block;
position: relative;
margin: 0;
}

.bldr_horiz_apVidTitle {
font-weight: 500;
font-size: .8em;
margin: 0;
width: 100%;
max-width: 100% !important;
text-align: center;
white-space: normal;
padding: 8px;
line-height: 1.2;
}

.bldr_flex_vert .bldr_vidAutoPlayIntro {
    margin: 0px 0px 14 0px !important;

}

.rtAlign {
    justify-content: flex-end !important;
    padding: 0;
}

.ltAlign {
    justify-content: flex-start !important;
    padding: 0;
}



.bldr_vidAutoPlayIntro .ubtn {
    width: auto;
    max-width: max-content;
}

.horizAPCount1 {
    flex-wrap: nowrap;
}

.horizAPCount2 {
    flex-wrap: nowrap;
}

.horizAPCount3 {
    flex-wrap: nowrap;
}

.horizAPCount4 {
    flex-wrap: nowrap;
}

.horizAPCount5 {
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.horizAPCount6 {
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.horizAPCount1 .bldr_apVid_horiz {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.horizAPCount2 .bldr_apVid_horiz {
    width: 48%;
    min-width: 48%;
    max-width: 48%
}

.horizAPCount3 .bldr_apVid_horiz {
    width: 31%;
    min-width: 31%;
    max-width: 31%;
}

.horizAPCount4 .bldr_apVid_horiz {
    width: 23%;
    min-width: 23%;
    max-width: 23%;
}


.horizAPCount5 .bldr_apVid_horiz {
    width: 23%;
    min-width: 23%;
    max-width: 23%;

}

.horizAPCount6 .bldr_apVid_horiz {
    width: 23%;
    min-width: 23%;
    max-width: 23%;
}

/* Freeform block */
.freeFormHtml {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.freeFormHtml h2 {
    margin: 0px 0px 16px 0px;
}

/* social proof rotator block */

.spSs {
    padding: 0 !important;
    margin: 0 !important;
}

.mrWrap {
   width: 100% !important;
   min-width: 100% !important;
   max-width: 100% !important;
   background: #80c342;
   margin: 0 !important;
   padding: 0 !important;
}

.mrSlide {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

/* card block */
.art_cards {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.art_card {
    padding: 3%;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #efefef;
}

/* Modal for image zoom */

.modal {
  display: none; 
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); /* Dark background overlay */
  justify-content: center;
  align-items: center;
}

/* Modal Content (The Large Image) */
.modal-content {
  max-width: 90%;
  max-height: 90%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 20px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

/* Quote display */
.quoteTxt {
    font-size: 1.2em;
    line-height: 1.4;
}

.multColList {
    display: flex;
    flex-direction: row;
    justify-content: flex-start !important;
    align-items: flex-start;
    flex-wrap: wrap;
}

.mclItem {
width: auto !important;
min-width: 48% !important;
margin-bottom: 24px;
}

}


@media only screen and (min-width: 769px) and (max-width: 1059.98px) {

    .hideMobile {
    display: none !important;
    }

    .mclItem {
    width: 48% !important;
    min-width: 48% !important;
    margin-bottom: 24px;
    }

    .Collapse33 {
        max-width: 31% !important;
        min-width: 31% !important;
        width: 31% !important;
    }

        .Collapse25 {
        max-width: 23% !important;
        min-width: 23% !important;
        width: 23% !important;
    }

    .Collapse50 {
        max-width: 46% !important;
        min-width: 46% !important;
        width: 46% !important;
        margin: 1%;
    }

    .Collapse100 {
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }


    h2 {
        font-size: 1.3em;
    }

    .lft {
        margin-right: 15px;
        order: 1;
    }

    .rgt {
        margin-left: 15px;
        order: 2;
    }   

    .bldr_20, .bldr_30, .bldr_33, .bldr_40, .bldr45, .bldr_50, .bldr_60, .bldr_65, .bldr_70, .bldr_80, .bldr_90, .bldr_100 {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    
    .app_intro_txt .ubtn {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .app_intro_htmlslides {
        margin: 10px 0px 0px 0px;
        padding: 0 !important;
    }

    .bldr_cards_wrap {
        width: 101%;
        margin: 0% -1% 0% -1%;
        display: flex;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: flex-start;
        flex-wrap: wrap !important;
    }

    .bldr_cards_wrap1 {
        width: 101%;
        margin: 0% -1% 0% -1%;
        display: flex;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: flex-start;
        flex-wrap: wrap !important;
    }

    .jumpLink {
        width: 100% !important;
        max-width: 100%;
        min-width: 100% !important;
        padding: 0;
        text-align: center;
        display: inline-block;
    }

    .app_benefits_sb {
        justify-content: center !important;
        text-align: center !important;
    }

    .bldr_inlineimage {
        flex-direction: column !important;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .bldr_inlineimage .rgt {
        margin: 0;
    }

    .bldr_inlineimage .lft {
        margin: 0;
    }

    .bldr_inlineimageTxt {

        order: 2 !important;
        width: 100%;
    }

    .bldr_inlineimageImage {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        text-align: center;
        margin: 0% 0% 16px 0% !important;
        order: 1 !important;

    }

    .bldr_inlineimageImage img {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .bldr_listblock {
        width: 100%;
        min-width: 100%;
        margin: 0;
    }

    .bldr_list {
        width: 100%;
        padding: 0% 0% 0% 5%;
        margin: 0;
    }

    .bldr_ctablock {
        padding: 5%;
        justify-content: flex-start !important;

    }

    .cta_img {
        max-width: 45%;
    }

    .bldr_ctaContent {
        order: 2 !important;
        width: auto;
        min-width: 48%
    }

.bldr_ctablock .rgt {
        margin: 0;
        order: 2 !important;
    }

    .bldr_ctablock .lft {
        margin: 0;
        order: 1 !important;
    }



    .appTable {
        font-size: .5em;
    }

    .appTable  .spacer {
        width: 10px !important;
        max-width: 10px !important;
        padding: 2px;
    }

    .appTable {
        margin: 16px 0px 16px 0px !important;
    }

    .appTable .left {
        padding: 4px;
    }

    .appTable .grnTd {
        padding: 4px;
    }

    .appTable .gryTd {
        padding: 4px;
    }

    .appTable thead tr th {
        padding: 4px;
    }

    .bldr_optionsPanels {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        flex-wrap: wrap !important;
        width: 101%;
        margin: 0% -1% 0% -1%;
    }

    .bldr_optionDiv {
        width: 48% !important;
        min-width: 48% !important;
        max-width: 48% !important;
        margin: 0% 0% 16px 0% !important;
        padding: 5% !important;
        height: auto; 
        max-height: max-content;
        min-height: max-content;
        margin: 1%;
    }


    .bldr_formWrapped {
        padding: 5% !important;
    }

    .quoteDisplay {
        height: auto !important;
        min-height: max-content !important;
        max-height: 500px;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        padding: 40px !important;
    }

    .quoteNav {
        margin-top: 20px;
        position: relative;
    }

    .quotation {
        margin-bottom: 20px;
        height: auto;
        min-height: max-content;
    }

    .quoteTxt {
        padding-top: 10px !important;
        line-height: 1.3;
    }

    .art_cards_heading {
        margin: 20px 0px 0px 0px;
    }

    .art_card {
        margin: 20px 0px 20px 0px;
    }

    .art_card h3 {
        margin: 0px 0px 3px 0px !important;
    }

    .galleryWrap {
        padding: 5% !important;
    }

    .bldr_vidTextLink {
        padding: 2.5% !important;
    }

    .bldr_vidTextLink_txt h2 {
        font-size: 1em !important;
    }

    .bldr_inlinevid {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    .bldr_inlinevid_vid {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0% 0% 16px 0% !important;
    }

    .bldr_inlinevid .rgt {
        margin: 0;
    }

    .bldr_inlinevid .lft {
        margin: 0;
    }

    .vgWrap {
        padding: 5% !important;
    }

    .bldr_vidGalleryItem {
        width: 48% !important;
        min-width: 48% !important;
        max-width: 48% !important;
        margin: 0% 1% 16px 1% !important;
    }

    .bldr_apVid_vert {
       height: auto !important;
       min-height: 250px !important;
       max-height: 300px !important;
       width: auto;
    }

    .bldr_vert_apVid .vimeoIframe  {
    min-height: 280px !important;
}

    .bldr_vidAutoPlay {
        margin: 16px 0px 16px 0px !important;
        height: auto;
    }

    .bldr_flex_horiz {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    .bldr_vidAutoPlayIntro {
        margin: 0px 0px 14 0px !important;
        order: 1 !important;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }




    .faq .question {
    margin: 0px;
    padding: 0; 
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 0px 6px 0px; 
    padding: 0;
    width: 100%;
    position: relative;

    }

    .faq .answer {
    margin: 0px;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    position: relative;
    }

    .faqContentA {
    font-size: .9em;
    font-weight: 500;
    line-height: 1.5 !important;
    margin: 0px;
    padding: 4px 0px 0px 0px;
    }

    .faqContentQ {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.2;
    margin: 0px;
    padding: 0px;
    }

    .answer .faqLabel {
    font-weight: 700;
    font-size: .9em !important;
    line-height: 1;
    width: 22px;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    margin: 0px 22px 0px 0px;
    padding: 0px 0px 0px 6px;
    background: #d9f3c1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    }

    .answer .faqLabel::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 22px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #d9f3c1;
    }

    .question .faqLabel {
    font-weight: 700;
    font-size: .9em !important;
    line-height: 1;
    width: 22px;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    margin: 0px 22px 0px 0px;
    padding: 0px 0px 0px 6px;
    background: #cfcfcf;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    }

    .question .faqLabel::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 22px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #cfcfcf;
    }

    .faqContentA, .faqContentQ sup {
    line-height: 1;
    }

    .bldr_listMain {
        font-size: 1em;
    }

    .bldr_listSub {
        font-size: 0.9em;
    }

    .spSs {
        padding: 0 !important;
    }

    .bldr_nowrap {
        padding: 0;
    }

    .bldr_tableScrollWrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        max-width: 100%;
    }

    .bldr_table_wrap {
        padding: 5%;  
    }
   
    .bldr_card {
        width: 48% !important;
        min-width: 48% !important;
        max-width: 48% !important;
        min-height: min-content;
        max-height: max-content !important;
        overflow: hidden;
        margin: 1%;
        padding: 0px 0px 20px 0px;
        border-bottom: 1px solid #efefef;
        padding: 3%;
    }

    .bldr_card1 {
        min-height: min-content;
        max-height: max-content !important;
        overflow: hidden;
        margin: 1%;
        padding: 0px 0px 20px 0px;
        border-bottom: 1px solid #efefef;
        padding: 3%;
    }

    .bldr_ctablock, .bldr_optionsBlock, .appTable, .bldr_table_wrap, .bldr_formWrapped, .quoteDisplay, .galleryWrap, .bldr_vidTextLink, .vgWrap, #app_benefits, .jumpLink, .bldr_inlineimage, .bldr_listblock, .bldr_capStack, .bldr_imageGridWrap, .bldr_vidGallery, .bldr_vidAutoPlay, #faqDiv, .bldr_vidAutoPlay, #app_oem, .fw_bo_box {
        margin: 20px 0px 20px 0px !important;
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .bldr_introtxt {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
        order: 2 !important;
    }


    #bldr_introslides {
        width: 100%;
        min-width: 100%;
        max-width: 100!important;
        height: auto;
        padding: 0;
        margin: 0 0 20px 0;
        order: 1 !important;
    }

    .bldr_intro_slides {
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column !important;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-top: 10px;
        padding: 20px 0px 0px 0px;
        overflow: hidden;
    }

    .cta_horiz_single {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 20px 0px 0px 0px;
        
    }

    .cta_horiz_single .cta_button_div {
        width: 100%;
        max-width: max-content;
        margin-right: 20px;
        order: 2 !important;
        margin-top: 16px;
    }

    .cta_horiz_single .cta_headline_div {
        font-size: 1.3em;
        font-weight: 700; 
        order: 1 !important;
        line-height: 1.2;
        text-align: center;
    }


 /* Intro Block Slides */

    .textOnlySlide .centeredSlideContent .bldr_slideHeadline {
        font-size: 1.2em !important;  
        margin: 0;
        margin-bottom: 2px;
        font-weight: 700;
    }

    .textOnlySlide .centeredSlideContent .bldr_slideSubheadline {
        font-size: 1em !important;
        margin: 0;
        margin-bottom: 3px;
        font-weight: 500 !important;
    }

    .textOnlySlide .centeredSlideContent .bldr_slideText {
        font-size: .9em !important;
        margin: 0;
        font-weight: 400 !important;
        line-height: 1.2;
    }

    .bulletpointSlide .bldr_slideHeadline {
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 3px;
        line-height: 1.25;
    }

    .bulletpointSlide .bldr_slideSubheadline {
        font-size: 1em;
        font-weight: 500;
        line-height: 1.25;
        margin: 0px 0px 14px 0px;
    }

    .bulletpointSlide .bldr_slideText {
        font-size: .9em;
        font-weight: 500;
        line-height: 1.25;
        margin: 0px;
    }

    .bulletpointSlide .bldr_slideText ul li, .bldr_slideText ol li {
        line-height: 1.3;
        padding: 0;
        margin-bottom: 4px;
    }

    .bldr_slideHeadline {
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 6px;
        line-height: 1.25;
    }

    .bldr_slideSubheadline {
        font-size: 1em;
        font-weight: 500;
        line-height: 1.25;

    }

    .bldr_slideText {
        font-size: .9em;
        font-weight: 500;
        line-height: 1.4;

    }

    .imageOverlaySlide .overlayText {
        width: auto;
        height: auto;
        min-height: min-content;
        max-height: max-content;
        max-width: 100%;
        min-width: 100%;
        padding: 3%;
        border-radius: 5px;
    }

    .imageOverlaySlide {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 5%;
        aspect-ratio: 16 / 9;
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end;
        box-sizing: border-box;
    }

    .textImageSlide {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        min-height: 186px !important;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        aspect-ratio: 16 / 9;
        margin: 0;
        padding: 5%;
    }


.textImageSlide .imageDiv {
    width: auto;
    max-width: 40%;
    min-width: 33%;
    height: auto;
    position: relative;

}

.textImageSlide .textDiv {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.imageOverlaySlide {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 5%;
    aspect-ratio: 16 / 9;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}

.imageOverlaySlide .overlayText {
    width: auto;
    height: auto;
    max-width: 50%;
    min-width: 33%;
    padding: 3%;
    border-radius: 5px;
}

.light {
    background-color: rgba(255, 255, 255, 0.7);
}

.dark {
    background-color: rgba(0, 0, 0, 0.5);
}

.fullHeightOverlay {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}

.leftPos {
justify-content: flex-start !important;
}


.rightPos {
justify-content: flex-end !important;
}

.topPos {
align-items: flex-start !important;
}

.topPos .overlayText {
    width: 100%;
    min-width: 100%;
}

.bottomPos {
align-items: flex-end !important;
}

.bottomPos .overlayText {
    width: 100%;
    min-width: 100%;
}

/* Video Gallery Block */

.bldr_vidGallery {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.bldr_vidGalleryIntro {
margin-bottom: 30px;
}

.bldr_vidGalleryIntroTxt {
}

.bldr_vidGalleryIntro h2 {
margin-bottom: 6px;
}

.bldr_vidGalleryVids {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
width: 102%;
margin: 0% -1% -22px -1%;
}

.bldr_vidGalleryItem {
width: 18%;
margin: 1%;
padding: 0;
}

.bldr_vidGalleryTitle {
font-size: .8em;
font-weight: 500;
line-height: 1.2;
width: 100%;
text-align: center;
margin-top: 8px;
}

.vgWrap {
    width: 100%;
    padding: 4%;
    border-radius: 10px;
}

/* Autoplay Video Block */

.bldr_vidAutoPlay {
    display: flex;
    width: 100%;
}

.bldr_vidAutoPlayVids_vert {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: 100%;
position: relative;
min-height: 300px;
flex-wrap: wrap;
}

.bldr_vidAutoPlayVids_horiz {
display: flex;
flex-direction: row !important;
align-items: flex-start !important;
justify-content: space-between !important;
margin: 0% -1% 0% -1%;
width: 100% !important;
min-width: 100% !important;
}



.bldr_apVid_vert {
aspect-ratio: 9 / 16;
width: auto;
height: auto;
min-height: 300px !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0;
margin: 0 1% 0 1%;
box-sizing: border-box;
}

.bldr_vert_apVid {
aspect-ratio: 9 / 16;
border-radius: 10px;
overflow: hidden;
width: 100%;
max-width: 100%;
min-width: 100%;
height: auto;
min-height: 100%;
display: inline-block;
box-sizing: border-box;
position: relative;
padding: 0;
padding: 0;
margin: 0;
}

.bldr_halfwidth .bldr_apVid_vert {
width: 28% !important;
}



.vimeoIframe {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; 
    padding: 0;
    margin: 0;
}

.youtubeIframe {
    width: 100%;
    min-width: 100%;
    height: 100%;
    aspect-ratio: 9 / 16;
   position: relative;
    padding: 0;
    margin: 0;
}

.bldr_vert_apVidTitle {
font-weight: 600;
font-size: .88em;
margin: 0;
width: 100%;
max-width: 100% !important;
text-align: center;
white-space: normal;
padding: 8px;
line-height: 1.2;
}

.bldr_apVid_horiz {
aspect-ratio: 16 / 9;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 0;
margin: 0% 0% 3% 0% !important;
}

    



.apVidLinked:hover {
    border: 4px solid #80c342;
    box-sizing: border-box;
}

.bldr_horiz_apVid {
aspect-ratio: 16 / 9;
border-radius: 10px;
overflow: hidden;
width: 100%;
max-width: 100%;
min-width: 100%;
height: 100%;
display: inline-block;
position: relative;
margin: 0;
}

.bldr_horiz_apVidTitle {
font-weight: 500;
font-size: .8em;
margin: 0;
width: 100%;
max-width: 100% !important;
text-align: center;
white-space: normal;
padding: 8px;
line-height: 1.2;
}

.bldr_flex_vert .bldr_vidAutoPlayIntro {
    margin: 0px 0px 14 0px !important;

}

.rtAlign {
    justify-content: flex-end !important;
    padding: 0;
}

.ltAlign {
    justify-content: flex-start !important;
    padding: 0;
}




.bldr_vidAutoPlayIntro .ubtn {
    width: auto;
    max-width: max-content;
}

.horizAPCount1 {
    flex-wrap: nowrap;
}

.horizAPCount2 {
    flex-wrap: nowrap;
}

.horizAPCount3 {
    flex-wrap: wrap;
}

.horizAPCount4 {
    flex-wrap: wrap;
}

.horizAPCount5 {
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.horizAPCount6 {
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.horizAPCount1 .bldr_apVid_horiz {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

.horizAPCount2 .bldr_apVid_horiz {
    width: 48% !important;
    min-width: 48% !important;
    max-width: 48% !important;
}

.horizAPCount3 .bldr_apVid_horiz {
    width: 48% !important;
    min-width: 48% !important;
    max-width: 48% !important;
}

.horizAPCount4 .bldr_apVid_horiz {
    width: 48% !important;
    min-width: 48% !important;
    max-width: 48% !important;
}


.horizAPCount5 .bldr_apVid_horiz {
    width: 48% !important;
    min-width: 48% !important;
    max-width: 48% !important;

}

.horizAPCount6 .bldr_apVid_horiz {
    width: 48% !important;
    min-width: 48% !important;
    max-width: 48% !important;
}

/* Freeform block */
.freeFormHtml {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.freeFormHtml h2 {
    margin: 0px 0px 16px 0px;
}

/* social proof rotator block */

.spSs {
    padding: 0 !important;
    margin: 0 !important;
}

.mrWrap {
   width: 100% !important;
   min-width: 100% !important;
   max-width: 100% !important;
   background: #80c342;
   margin: 0 !important;
   padding: 0 !important;
}

.mrSlide {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

/* card block */
.art_cards {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.art_card {
    padding: 3%;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #efefef;
}

/* Modal for image zoom */

.modal {
  display: none; 
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); /* Dark background overlay */
  justify-content: center;
  align-items: center;
}

/* Modal Content (The Large Image) */
.modal-content {
  max-width: 90%;
  max-height: 90%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 20px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

/* Quote display */
    .quoteTxt {
        font-size: 1.2em;
        line-height: 1.4;
    }

}

@media only screen and (min-width: 800px) and (max-width: 1059.98px) {
    .bldr_optionDiv {
        width: 31% !important;
        min-width: 31% !important;
        max-width: 31% !important;
        margin: 0% 0% 16px 0% !important;
        padding: 5% !important;
        height: auto; 
        max-height: max-content;
        min-height: max-content;
        margin: 1%;
    }
}



/* MEDIA QUERIES */

@media only screen and (min-width: 1060px) and (max-width: 1399.98px) {



        .Collapse33 {
        max-width: 31%  !important;
        min-width: 31% !important;
        width: 31% !important;
    }

        .Collapse25 {
        max-width: 23%  !important;
        min-width: 23% !important;
        width: 23% !important;
    }

    .Collapse50 {
        max-width: 46% !important;
        min-width: 46% !important;
        width: 46% !important;
        margin: 1%;
    }

    .Collapse100 {
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }


    .bldr_cards_wrap {
        width: 101%;
        margin: 0% -1% 0% -1%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start !important;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .bldr_cards_wrap1 {
        width: 101%;
        margin: 0% -1% 0% -1%;
        display: flex;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: flex-start;
        flex-wrap: wrap !important;
    }

    .hideMobile {
        display: block !important;
    }

    h2 {
        font-size: 1.3em;
    }

    .lft {
        margin-right: 15px;
        order: 1;
    }

    .rgt {
        margin-left: 15px;
        order: 2;
    }   


    
    .app_intro_txt .ubtn {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .app_intro_htmlslides {
        margin: 10px 0px 0px 0px;
        padding: 0 !important;
    }

    .jumpLink {
        width: 100% !important;
        max-width: 100%;
        min-width: 100% !important;
        padding: 0;
        text-align: center;
        display: inline-block;
    }

    .app_benefits_sb {
        justify-content: center !important;
        text-align: center !important;
    }

    .bldr_inlineimage {
        flex-direction: row !important;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .bldr_inlineimage .rgt {
        margin: 0px 0px 0px 20px;
        order: 2 !important;
    }

    .bldr_inlineimage .lft {
        margin: 0px 20px 0px 0px;
        order: 1 !important;
    }

    .bldr_inlineimageTxt {

    }

    .bldr_inlineimageImage {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        text-align: center;
        margin: 0% 0% 16px 0% !important;
        order: 1 !important;

    }

    .bldr_inlineimageImage img {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .bldr_listblock {
        width: 100%;
        min-width: 100%;
        margin: 0;
    }

    .bldr_list {
        width: 100%;
        padding: 0% 0% 0% 5%;
        margin: 0;
    }

  .bldr_ctablock {
        padding: 5%;
      

    }

.bldr_ctablock .rgt {
        margin: 0;
        order: 2 !important;
        margin-left: 2.5%;
    }

    .bldr_ctablock .lft {
        margin: 0;
        order: 1 !important;
        margin-right: 2.5%;
    }



    .appTable {
        font-size: .5em;
    }

    .appTable  .spacer {
        width: 10px !important;
        max-width: 10px !important;
        padding: 2px;
    }

    .appTable {
        margin: 16px 0px 16px 0px !important;
    }

    .appTable .left {
        padding: 4px;
    }

    .appTable .grnTd {
        padding: 4px;
    }

    .appTable .gryTd {
        padding: 4px;
    }

    .appTable thead tr th {
        padding: 4px;
    }

    .bldr_optionsPanels {
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        width: 100%;
    }

    .bldr_optionDiv {
        width: 31% !important;
        min-width: 31% !important;
        max-width: 31% !important;
        margin: 1% !important;
        padding: 5% !important;
        height: auto; 
    }


    .bldr_formWrapped {
        padding: 5% !important;
    }

    .quoteDisplay {
        height: auto !important;
        min-height: max-content !important;
        max-height: 500px;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    .quoteNav {
        margin-top: 20px;
        position: relative;
    }

    .quotation {
        margin-bottom: 20px;
        height: auto;
        min-height: max-content;
    }

    .quoteTxt {
        padding-top: 10px !important;
        line-height: 1.3;
    }

    .art_cards_heading {
        margin: 20px 0px 0px 0px;
    }

    .art_card {
        margin: 20px 0px 20px 0px;
    }

    .art_card h3 {
        margin: 0px 0px 3px 0px !important;
    }

    .galleryWrap {
        padding: 5% !important;
    }

    .bldr_vidTextLink {
        padding: 2.5% !important;
    }

    .bldr_vidTextLink_txt h2 {
        font-size: 1em !important;
    }

    .bldr_inlinevid {
       flex-direction: row !important;
       justify-content: space-between !important;
       align-items: center !important;
    }

    .bldr_inlinevid_vid {

    }

    .bldr_inlinevid_txt {
        width: auto !important;
        max-width: 48% !important;
    }

    .bldr_inlinevid .rgt {
        margin: 0;
    }

    .bldr_inlinevid .lft {
        margin: 0;
    }

    .vgWrap {
        padding: 5% !important;
    }

    .bldr_vidGalleryItem {
        width: 48% !important;
        min-width: 48% !important;
        max-width: 48% !important;
        margin: 0% 1% 16px 1% !important;
    }

    .bldr_apVid_vert {
    aspect-ratio: 9 / 16;
    width: auto;
    height: auto;
    min-height: 340px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 1% 0 1%;
    box-sizing: border-box;
    }

    .bldr_vert_apVid {
    aspect-ratio: 9 / 16;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    padding: 0;
    padding: 0;
    margin: 0;
    }

    .bldr_vidAutoPlay {
        margin: 16px 0px 16px 0px !important;
    }

    .bldr_flex_horiz {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    .bldr_vidAutoPlayIntro {
        margin: 0px 0px 14 0px !important;
        order: 1 !important;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }



.horizAPCount1 .bldr_apVid_horiz {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

.horizAPCount2 .bldr_apVid_horiz {
    width: 46% !important;
    min-width: 46% !important;
    max-width: 46% !important;
}

.horizAPCount3 > .bldr_apVid_horiz {
    width: 31% !important;
    min-width: 31% !important;
    max-width: 31% !important;
}

.horizAPCount4 .bldr_apVid_horiz {
    width: 46% !important;
    min-width: 46% !important;
    max-width: 46% !important;
}


.horizAPCount5 .bldr_apVid_horiz {
    width: 46% !important;
    min-width: 46% !important;
    max-width: 46% !important;

}

.horizAPCount6 .bldr_apVid_horiz {
    width: 31% !important;
    min-width: 31% !important;
    max-width: 31% !important;
}




    .faq .question {
    margin: 0px;
    padding: 0; 
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 0px 6px 0px; 
    padding: 0;
    width: 100%;
    position: relative;

    }

    .faq .answer {
    margin: 0px;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    position: relative;
    }

    .faqContentA {
    font-size: .9em;
    font-weight: 500;
    line-height: 1.5 !important;
    margin: 0px;
    padding: 4px 0px 0px 0px;
    }

    .faqContentQ {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.2;
    margin: 0px;
    padding: 0px;
    }

    .answer .faqLabel {
    font-weight: 700;
    font-size: .9em !important;
    line-height: 1;
    width: 22px;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    margin: 0px 22px 0px 0px;
    padding: 0px 0px 0px 6px;
    background: #d9f3c1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    }

    .answer .faqLabel::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 22px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #d9f3c1;
    }

    .question .faqLabel {
    font-weight: 700;
    font-size: .9em !important;
    line-height: 1;
    width: 22px;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    margin: 0px 22px 0px 0px;
    padding: 0px 0px 0px 6px;
    background: #cfcfcf;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    }

    .question .faqLabel::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 22px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #cfcfcf;
    }

    .faqContentA, .faqContentQ sup {
    line-height: 1;
    }

    .bldr_listMain {
        font-size: 1em;
    }

    .bldr_listSub {
        font-size: 0.9em;
    }

    .spSs {
        padding: 0 !important;
    }

    .bldr_nowrap {
        padding: 0;
    }

    .bldr_tableScrollWrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        max-width: 100%;
    }

    .bldr_table_wrap {
        padding: 5%;  
    }
   
    .bldr_card {
        width: 23% !important;
        min-width: 23% !important;
        margin: 1%;
        padding: 3% !important;
        border-bottom: 1px solid #efefef;
        min-height: min-content !important;
        overflow: hidden !important;
    }
    .bldr_ctablock, .bldr_optionsBlock, .appTable, .bldr_table_wrap, .bldr_formWrapped, .quoteDisplay, .galleryWrap, .bldr_vidTextLink, .vgWrap, #app_benefits, .jumpLink, .bldr_inlineimage, .bldr_listblock, .bldr_capStack, .bldr_imageGridWrap, .bldr_vidGallery, .bldr_vidAutoPlay, #faqDiv, .bldr_vidAutoPlay, #app_oem, .fw_bo_box {
        margin: 20px 0px 20px 0px !important;
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .bldr_introtxt {
        width: 43%;
        min-width: 43%;
        margin-right: 2%;
        order: 1 !important;
    }


    #bldr_introslides {
        width: 54%;
        min-width: 54%;
        max-width: 54% !important;
        height: auto;
        padding: 0;
        margin: 0 0 20px 0;
        order: 2 !important;
    }

    .bldr_intro_slides {
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: row !important;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 10px;
        padding: 20px 0px 0px 0px;
        overflow: hidden;
    }

    .cta_horiz_single {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 0px 0px 40px 0px;
    }

    .cta_horiz_single .cta_button_div {
        width: 100%;
        max-width: max-content;
        margin: 0% 3% 0% 3%;
        order: 2 !important;
        margin-top: 16px;
    }

    .cta_horiz_single .cta_headline_div {
        font-size: 1.3em;
        font-weight: 700; 
        order: 1 !important;
        line-height: 1.2;
        text-align: center;
    }


 /* Intro Block Slides */

    .textOnlySlide .centeredSlideContent .bldr_slideHeadline {
        font-size: 1.2em !important;  
        margin: 0;
        margin-bottom: 2px;
        font-weight: 700;
    }

    .textOnlySlide .centeredSlideContent .bldr_slideSubheadline {
        font-size: 1em !important;
        margin: 0;
        margin-bottom: 3px;
        font-weight: 500 !important;
    }

    .textOnlySlide .centeredSlideContent .bldr_slideText {
        font-size: .9em !important;
        margin: 0;
        font-weight: 400 !important;
        line-height: 1.2;
    }

    .bulletpointSlide .bldr_slideHeadline {
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 3px;
        line-height: 1.25;
    }

    .bulletpointSlide .bldr_slideSubheadline {
        font-size: 1em;
        font-weight: 500;
        line-height: 1.25;
        margin: 0px 0px 14px 0px;
    }

    .bulletpointSlide .bldr_slideText {
        font-size: .9em;
        font-weight: 500;
        line-height: 1.25;
        margin: 0px;
    }

    .bulletpointSlide .bldr_slideText ul li, .bldr_slideText ol li {
        line-height: 1.3;
        padding: 0;
        margin-bottom: 4px;
    }

    .bldr_slideHeadline {
        font-size: 1.5em;
        font-weight: 700;
        margin-bottom: 2px;
        line-height: 1;
    }

    .bldr_slideSubheadline {
        font-size: 1.1em;
        font-weight: 500;
        line-height: 1.25;
        margin: 0;
        margin-bottom: 4px;

    }

    .bldr_slideText {
        font-size: .9em;
        font-weight: 500;
        line-height: 1.3;

    }

    .imageOverlaySlide .overlayText {
        width: auto;
        height: auto;
        min-height: min-content;
        max-height: max-content;
        max-width: 100%;
        min-width: 100%;
        padding: 3%;
        border-radius: 5px;
    }

    .imageOverlaySlide {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 5%;
        aspect-ratio: 16 / 9;
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end;
        box-sizing: border-box;
    }

    .textImageSlide {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        min-height: 186px !important;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        aspect-ratio: 16 / 9;
        margin: 0;
        padding: 3%;
    }


.textImageSlide .imageDiv {
    width: auto;
    max-width: 46%;
    min-width: 40%;
    height: auto;
    position: relative;

}

.textImageSlide .textDiv {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 48%;
}

.imageOverlaySlide {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 5%;
    aspect-ratio: 16 / 9;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}

.imageOverlaySlide .overlayText {
    width: auto;
    height: auto;
    max-width: 50%;
    min-width: 33%;
    padding: 3%;
    border-radius: 5px;
}

.light {
    background-color: rgba(255, 255, 255, 0.7);
}

.dark {
    background-color: rgba(0, 0, 0, 0.5);
}

.fullHeightOverlay {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}

.leftPos {
justify-content: flex-start !important;
}


.rightPos {
justify-content: flex-end !important;
}

.topPos {
align-items: flex-start !important;
}

.topPos .overlayText {
    width: 100%;
    min-width: 100%;
}

.bottomPos {
align-items: flex-end !important;
}

.bottomPos .overlayText {
    width: 100%;
    min-width: 100%;
}

/* Video Gallery Block */

.bldr_vidGallery {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.bldr_vidGalleryIntro {
margin-bottom: 30px;
}

.bldr_vidGalleryIntroTxt {
}

.bldr_vidGalleryIntro h2 {
margin-bottom: 6px;
}

.bldr_vidGalleryVids {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
width: 102%;
margin: 0% -1% -22px -1%;
}

.bldr_vidGalleryItem {
    width: 23% !important;
    min-width: 23% !important;
    max-width: 23% !important;
    margin: 0% 1% 16px 1% !important;
}

.bldr_vidGalleryTitle {
font-size: .8em;
font-weight: 500;
line-height: 1.2;
width: 100%;
text-align: center;
margin-top: 8px;
}

.vgWrap {
    width: 100%;
    padding: 4%;
    border-radius: 10px;
}

/* Autoplay Video Block */

.bldr_vidAutoPlay {
    display: flex;
    width: 100%;
    min-height: 360px !important;
}

.bldr_vidAutoPlayVids_vert {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 360px !important;
min-height: 360px !important;
max-height: 360px !important;
}



.bldr_vidAutoPlayVids_horiz {
display: flex;
flex-direction: row;
justify-content: space-between !important;
align-items: flex-start;
margin: 0%;
width: 100% !important;
min-width: 100% !important;
}


.bldr_apVid_vert {
aspect-ratio: 9 / 16;
width: auto;
height: auto;
min-height: 360px !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0;
margin: 0 1% 0 1%;
box-sizing: border-box;
}

.bldr_vert_apVid {
aspect-ratio: 9 / 16;
border-radius: 10px;
overflow: hidden;
width: 100%;
max-width: 100%;
min-width: 100%;
height: auto;
min-height: 100%;
display: inline-block;
box-sizing: border-box;
position: relative;
padding: 0;
padding: 0;
margin: 0;
}

.bldr_halfwidth .bldr_apVid_vert {
width: 28% !important;
}



.vimeoIframe {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; 
    padding: 0;
    margin: 0;
}

.youtubeIframe {
    width: 100%;
    min-width: 100%;
    height: 100%;
    aspect-ratio: 9 / 16;
   position: relative;
    padding: 0;
    margin: 0;
}

.bldr_vert_apVidTitle {
font-weight: 600;
font-size: .88em;
margin: 0;
width: 100%;
max-width: 100% !important;
text-align: center;
white-space: normal;
padding: 8px;
line-height: 1.2;
}

.bldr_apVid_horiz {
aspect-ratio: 16 / 9;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 0;
margin: 0 !important;
}


.apVidLinked:hover {
    border: 4px solid #80c342;
    box-sizing: border-box;
}

.bldr_horiz_apVid {
aspect-ratio: 16 / 9;
border-radius: 10px;
overflow: hidden;
width: 100%;
max-width: 100%;
min-width: 100%;
height: 100%;
display: inline-block;
position: relative;
margin: 0;
}

.bldr_horiz_apVidTitle {
font-weight: 500;
font-size: .8em;
margin: 0;
width: 100%;
max-width: 100% !important;
text-align: center;
white-space: normal;
padding: 8px;
line-height: 1.2;
}

.bldr_flex_vert .bldr_vidAutoPlayIntro {
    margin: 0px 0px 14px 0px !important;
}

.rtAlign {
    justify-content: flex-end !important;
    padding: 0;
}

.ltAlign {
    justify-content: flex-start !important;
    padding: 0;
}



.bldr_vidAutoPlayIntro .ubtn {
    width: auto;
    max-width: max-content;
}

.horizAPCount1 {
    flex-wrap: nowrap;
}

.horizAPCount2 {
    flex-wrap: nowrap;
}

.horizAPCount3 {
    flex-wrap: nowrap;
}

.horizAPCount4 {
    flex-wrap: wrap;
}

.horizAPCount5 {
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.horizAPCount6 {
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.horizAPCount1 .bldr_apVid_horiz {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.horizAPCount2 .bldr_apVid_horiz {
    width: 48%;
    min-width: 48%;
    max-width: 48%
}

.horizAPCount3.bldr_apVid_horiz {
    width: 31% !important;
    min-width: 31% !important;
    max-width: 31% !important;
}

.horizAPCount4 .bldr_apVid_horiz {
    width: 23% !important;
    min-width: 23% !important;
    max-width: 23%;
}


.horizAPCount5 .bldr_apVid_horiz {
    width: 23%;
    min-width: 23%;
    max-width: 23%;

}

.horizAPCount6 .bldr_apVid_horiz {
    width: 23%;
    min-width: 23%;
    max-width: 23%;
}

/* Freeform block */
.freeFormHtml {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.freeFormHtml h2 {
    margin: 0px 0px 16px 0px;
}

/* social proof rotator block */

.spSs {
    padding: 0 !important;
    margin: 0 !important;
}



.mrWrap {
   width: 100% !important;
   min-width: 100% !important;
   max-width: 100% !important;
   background: #80c342;
   margin: 0 !important;
   padding: 0 !important;
}

.mrSlide {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

/* card block */
.art_cards {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.art_card {
    padding: 3%;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #efefef;
}

/* Modal for image zoom */

.modal {
  display: none; 
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); /* Dark background overlay */
  justify-content: center;
  align-items: center;
}

/* Modal Content (The Large Image) */
.modal-content {
  max-width: 90%;
  max-height: 90%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 20px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

/* Quote display */
    .quoteTxt {
        font-size: 1.2em;
        line-height: 1.4;
    }

}

@media only screen and (min-width: 1060px) and (max-width: 1280px) {
    .bldr_intro_slides {
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column !important;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 10px;
        padding: 20px 0px 0px 0px;
        overflow: hidden;
    }

    .bldr_introtxt {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
        order: 1 !important;
    }


    #bldr_introslides {
        width: 100%;
        min-width: 100%;
        max-width: 100% !important;
        height: auto;
        padding: 0;
        margin: 20px 0 20px 0;
        order: 2 !important;
    }
}



/* MEDIA QUERIES */

@media only screen and (min-width: 1400px) {

    .bldr_cards_wrap {
        width: 101%;
        margin: 0% -1% 0% -1%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start !important;
        align-items: flex-start;
        flex-wrap: wrap; 
    }

    .bldr_cards_wrap1 {
        width: 101%;
        margin: 0% -1% 0% -1%;
        display: flex;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: flex-start;
        flex-wrap: wrap; 
    }

    .bldr_inlinevid_txt {
    width: 48% !important;
    max-width: 48% !important;
    min-width: 48% !important;
    }

    .hideMobile {
        display: block !important;
    }

    h2 {
        font-size: 1.3em;
    }

    .lft {
        margin-right: 15px;
        order: 1;
    }

    .rgt {
        margin-left: 15px;
        order: 2;
    }   

    
    .app_intro_txt .ubtn {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .app_intro_htmlslides {
        margin: 10px 0px 0px 0px;
        padding: 0 !important;
    }

    .jumpLink {
        width: 100% !important;
        max-width: 100%;
        min-width: 100% !important;
        padding: 0;
        text-align: center;
        display: inline-block;
    }

    .app_benefits_sb {
        justify-content: center !important;
        text-align: center !important;
    }

    .bldr_inlineimage {
        flex-direction: row !important;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .bldr_inlineimage .rgt {
        margin: 0px 0px 0px 20px;
        order: 2 !important;
    }

    .bldr_inlineimage .lft {
        margin: 0px 20px 0px 0px;
        order: 1 !important;
    }


    .bldr_inlineimageTxt {

        order: 2 !important;
    }

    .bldr_inlineimageImage {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        text-align: center;
        margin: 0% 0% 16px 0% !important;
        order: 1 !important;

    }

    .bldr_inlineimageImage img {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .bldr_listblock {
        width: 100%;
        min-width: 100%;
        margin: 0;
    }

    .bldr_list {
        width: 100%;
        padding: 0% 0% 0% 5%;
        margin: 0;
    }

  .bldr_ctablock {
        padding: 5%;
        justify-content: flex-start !important;

    }

.bldr_ctablock .rgt {
        margin: 0;
        order: 2 !important;
        margin-left: 2.5%;
    }

    .bldr_ctablock .lft {
        margin: 0;
        order: 1 !important;
        margin-right: 2.5%;
    }


    .appTable {
        font-size: 1em;
    }

    .appTable  .spacer {
        width: 10px !important;
        max-width: 10px !important;
        padding: 2px;
    }

    .appTable {
        margin: 16px 0px 16px 0px !important;
    }

    .appTable .left {
        padding: 4px;
    }

    .appTable .grnTd {
        padding: 4px;
    }

    .appTable .gryTd {
        padding: 4px;
    }

    .appTable thead tr th {
        padding: 4px;
    }

    .bldr_optionsPanels {
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        width: 100%;
    }

    .bldr_optionDiv {
        width: 23% !important;
        min-width: 23% !important;
        max-width: 23% !important;
        margin: 1% !important;
        padding: 3% !important;
        height: auto; 
    }


    .bldr_formWrapped {
        padding: 5% !important;
    }

    .quoteDisplay {
        height: auto !important;
        min-height: max-content !important;
        max-height: 500px;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    .quoteNav {
        margin-top: 20px;
        position: relative;
    }

    .quotation {
        margin-bottom: 20px;
        height: auto;
        min-height: max-content;
    }

    .quoteTxt {
        padding-top: 10px !important;
        line-height: 1.3;
    }

    .art_cards_heading {
        margin: 20px 0px 0px 0px;
    }

    .art_card {
        margin: 20px 0px 20px 0px;
    }

    .art_card h3 {
        margin: 0px 0px 3px 0px !important;
    }

    .galleryWrap {
        padding: 5% !important;
    }

    .bldr_vidTextLink {
        padding: 2.5% !important;
    }

    .bldr_vidTextLink_txt h2 {
        font-size: 1.6em !important;
    }

    .bldr_inlinevid {
        flex-direction: row !important;
        justify-content: space-between !important;
    }

    .bldr_inlinevid_vid {
        width: 46% !important;
        min-width: 46% !important;
        max-width: 46% !important;
        margin: 0% 0% 0px 0% !important;
    }

    .bldr_inlinevid .rgt {
        margin: 0;
    }

    .bldr_inlinevid .lft {
        margin: 0;
    }

    .vgWrap {
        padding: 5% !important;
    }

    .bldr_vidGalleryItem {
        width: 23% !important;
        min-width: 23% !important;
        max-width: 23% !important;
        margin: 0% 1% 16px 1% !important;
    }




    .bldr_apVid_vert {
    aspect-ratio: 9 / 16;
    width: auto;
    height: auto;
    min-height: 360px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 1% 0 1%;
    box-sizing: border-box;
    }

    .bldr_vert_apVid {
    aspect-ratio: 9 / 16;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    padding: 0;
    padding: 0;
    margin: 0;
    }

    .bldr_vidAutoPlay {
        margin: 16px 0px 16px 0px !important;
    }

    .bldr_flex_horiz {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    .bldr_vidAutoPlayIntro {
        margin: 0px 0px 14px 0px !important;
        order: 1 !important;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }


    .faq .question {
    margin: 0px;
    padding: 0; 
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 0px 6px 0px; 
    padding: 0;
    width: 100%;
    position: relative;

    }

    .faq .answer {
    margin: 0px;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    position: relative;
    }

    .faqContentA {
    font-size: .9em;
    font-weight: 500;
    line-height: 1.5 !important;
    margin: 0px;
    padding: 4px 0px 0px 0px;
    }

    .faqContentQ {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.2;
    margin: 0px;
    padding: 0px;
    }

    .answer .faqLabel {
    font-weight: 700;
    font-size: .9em !important;
    line-height: 1;
    width: 22px;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    margin: 0px 22px 0px 0px;
    padding: 0px 0px 0px 6px;
    background: #d9f3c1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    }

    .answer .faqLabel::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 22px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #d9f3c1;
    }

    .question .faqLabel {
    font-weight: 700;
    font-size: .9em !important;
    line-height: 1;
    width: 22px;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    margin: 0px 22px 0px 0px;
    padding: 0px 0px 0px 6px;
    background: #cfcfcf;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    }

    .question .faqLabel::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 22px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #cfcfcf;
    }

    .faqContentA, .faqContentQ sup {
    line-height: 1;
    }

    .bldr_listMain {
        font-size: 1em;
    }

    .bldr_listSub {
        font-size: 0.9em;
    }

    .spSs {
        padding: 0 !important;
    }

    .bldr_nowrap {
        padding: 0;
    }

    .bldr_tableScrollWrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        max-width: 100%;
    }

    .bldr_table_wrap {
        padding: 5%;  
    }
   
    .bldr_card {
        width: 23% !important;
        min-width: 23% !important;
        margin: 1%;
        padding: 2% !important;
        border-bottom: 1px solid #efefef;
        min-height: min-content !important;
        overflow: hidden !important;
    }

    .bldr_ctablock, .bldr_optionsBlock, .appTable, .bldr_table_wrap, .bldr_formWrapped, .quoteDisplay, .galleryWrap, .bldr_vidTextLink, .vgWrap, #app_benefits, .jumpLink, .bldr_inlineimage, .bldr_listblock, .bldr_capStack, .bldr_imageGridWrap, .bldr_vidGallery, .bldr_vidAutoPlay, #faqDiv, .bldr_vidAutoPlay, #app_oem, .fw_bo_box {
        margin: 20px 0px 20px 0px !important;
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .bldr_introtxt {
        width: 48%;
        min-width: 48%;
        margin-right: 2%;
        order: 1 !important;
    }


    #bldr_introslides {
        width: 48%;
        min-width: 48%;
        max-width: 48% !important;
        height: auto;
        padding: 0;
        margin: 0 0 20px 0;
        order: 2 !important;
    }

    .bldr_intro_slides {
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: row !important;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: nowrap;
        margin-top: 10px;
        padding: 20px 0px 0px 0px;
        overflow: hidden;
    }

    .cta_horiz_single {
        display: flex;
        flex-direction: row !important;
        justify-content: center;
        align-items: center;
        margin: 0px 0px 40px 0px;
    }

    .cta_horiz_single .cta_button_div {
        width: 100%;
        max-width: max-content;
        margin: 0% 3% 0% 3%;
        order: 2 !important;
        margin-top: 16px;
    }

    .cta_horiz_single .cta_headline_div {
        font-size: 1.3em;
        font-weight: 700; 
        order: 1 !important;
        line-height: 1.2;
        text-align: center;
    }


 /* Intro Block Slides */

    .textOnlySlide .centeredSlideContent .bldr_slideHeadline {
        font-size: 1.2em !important;  
        margin: 0;
        margin-bottom: 2px;
        font-weight: 700;
    }

    .textOnlySlide .centeredSlideContent .bldr_slideSubheadline {
        font-size: 1em !important;
        margin: 0;
        margin-bottom: 3px;
        font-weight: 500 !important;
    }

    .textOnlySlide .centeredSlideContent .bldr_slideText {
        font-size: .9em !important;
        margin: 0;
        font-weight: 400 !important;
        line-height: 1.2;
    }

    .bulletpointSlide .bldr_slideHeadline {
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 3px;
        line-height: 1.25;
    }

    .bulletpointSlide .bldr_slideSubheadline {
        font-size: 1em;
        font-weight: 500;
        line-height: 1.25;
        margin: 0px 0px 14px 0px;
    }

    .bulletpointSlide .bldr_slideText {
        font-size: .9em;
        font-weight: 500;
        line-height: 1.25;
        margin: 0px;
    }

    .bulletpointSlide .bldr_slideText ul li, .bldr_slideText ol li {
        line-height: 1.3;
        padding: 0;
        margin-bottom: 4px;
    }

    .bldr_slideHeadline {
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 6px;
        line-height: 1.25;
    }

    .bldr_slideSubheadline {
        font-size: 1em;
        font-weight: 500;
        line-height: 1.25;

    }

    .bldr_slideText {
        font-size: .9em;
        font-weight: 500;
        line-height: 1.4;

    }

    .imageOverlaySlide .overlayText {
        width: auto;
        height: auto;
        min-height: min-content;
        max-height: max-content;
        max-width: 100%;
        min-width: 100%;
        padding: 3%;
        border-radius: 5px;
    }

    .imageOverlaySlide {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 5%;
        aspect-ratio: 16 / 9;
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end;
        box-sizing: border-box;
    }

    .textImageSlide {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        min-height: 186px !important;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        aspect-ratio: 16 / 9;
        margin: 0;
        padding: 5%;
    }


.textImageSlide .imageDiv {
    width: auto;
    max-width: 40%;
    min-width: 33%;
    height: auto;
    position: relative;

}

.textImageSlide .textDiv {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.imageOverlaySlide {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 5%;
    aspect-ratio: 16 / 9;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}

.imageOverlaySlide .overlayText {
    width: auto;
    height: auto;
    max-width: 50%;
    min-width: 33%;
    padding: 3%;
    border-radius: 5px;
}

.light {
    background-color: rgba(255, 255, 255, 0.7);
}

.dark {
    background-color: rgba(0, 0, 0, 0.5);
}

.fullHeightOverlay {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}

.leftPos {
justify-content: flex-start !important;
}


.rightPos {
justify-content: flex-end !important;
}

.topPos {
align-items: flex-start !important;
}

.topPos .overlayText {
    width: 100%;
    min-width: 100%;
}

.bottomPos {
align-items: flex-end !important;
}

.bottomPos .overlayText {
    width: 100%;
    min-width: 100%;
}

/* Video Gallery Block */

.bldr_vidGallery {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.bldr_vidGalleryIntro {
margin-bottom: 30px;
}

.bldr_vidGalleryIntroTxt {
}

.bldr_vidGalleryIntro h2 {
margin-bottom: 6px;
}

.bldr_vidGalleryVids {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
width: 102%;
margin: 0% -1% -22px -1%;
}

.bldr_vidGalleryItem {
width: 18%;
margin: 1%;
padding: 0;
}

.bldr_vidGalleryTitle {
font-size: .8em;
font-weight: 500;
line-height: 1.2;
width: 100%;
text-align: center;
margin-top: 8px;
}

.vgWrap {
    width: 100%;
    padding: 4%;
    border-radius: 10px;
}

/* Autoplay Video Block */

.bldr_vidAutoPlay {
    display: flex;
    width: 100%;
}

.bldr_vidAutoPlayVids_vert {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: 100%;
}

.bldr_vidAutoPlayVids_horiz {
display: flex;
flex-direction: row;
justify-content: space-between !important;
align-items: flex-start;
margin: 0%;
width: 100% !important;
min-width: 100% !important;
}

.bldr_apVid_vert {
aspect-ratio: 9 / 16;
width: 20%;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0;
margin: 0 1% 0 1%;
box-sizing: border-box;
}

.bldr_vert_apVid {
aspect-ratio: 9 / 16;
border-radius: 10px;
overflow: hidden;
width: 100%;
max-width: 100%;
min-width: 100%;
height: auto;
min-height: 100%;
display: inline-block;
box-sizing: border-box;
position: relative;
padding: 0;
padding: 0;
margin: 0;
}

.bldr_halfwidth .bldr_apVid_vert {
width: 28% !important;
}



.vimeoIframe {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; 
    padding: 0;
    margin: 0;
}

.youtubeIframe {
    width: 100%;
    min-width: 100%;
    height: 100%;
    aspect-ratio: 9 / 16;
   position: relative;
    padding: 0;
    margin: 0;
}

.bldr_vert_apVidTitle {
font-weight: 600;
font-size: .88em;
margin: 0;
width: 100%;
max-width: 100% !important;
text-align: center;
white-space: normal;
padding: 8px;
line-height: 1.2;
}

.bldr_apVid_horiz {
aspect-ratio: 16 / 9;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 0;
margin: 0%;
}


.apVidLinked:hover {
    border: 4px solid #80c342;
    box-sizing: border-box;
}

.bldr_horiz_apVid {
aspect-ratio: 16 / 9;
border-radius: 10px;
overflow: hidden;
width: 100%;
max-width: 100%;
min-width: 100%;
height: 100%;
display: inline-block;
position: relative;
margin: 0;
}

.bldr_horiz_apVidTitle {
font-weight: 500;
font-size: .8em;
margin: 0;
width: 100%;
max-width: 100% !important;
text-align: center;
white-space: normal;
padding: 8px;
line-height: 1.2;
}

.bldr_flex_vert .bldr_vidAutoPlayIntro {
    margin: 0px 0px 14 0px !important;
}

.rtAlign {
    justify-content: flex-end !important;
    padding: 0;
}

.ltAlign {
    justify-content: flex-start !important;
    padding: 0;
}




.bldr_vidAutoPlayIntro .ubtn {
    width: auto;
    max-width: max-content;
}

.horizAPCount1 {
    flex-wrap: nowrap;
}

.horizAPCount2 {
    flex-wrap: nowrap;
}

.horizAPCount3 {
    flex-wrap: nowrap;
}

.horizAPCount4 {
    flex-wrap: nowrap;
}

.horizAPCount5 {
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.horizAPCount6 {
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.horizAPCount1 > .bldr_apVid_horiz {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.horizAPCount2 .bldr_apVid_horiz {
    width: 48%;
    min-width: 48%;
    max-width: 48%
}

.horizAPCount3 .bldr_apVid_horiz {
    width: 31%;
    min-width: 31%;
    max-width: 31%;
}

.horizAPCount4 .bldr_apVid_horiz {
    width: 23;
    min-width: 23% !important;
    max-width: 23%;

}


.horizAPCount5 .bldr_apVid_horiz {
    width: 23%;
    min-width: 23%;
    max-width: 23%;

}

.horizAPCount6 .bldr_apVid_horiz {
    width: 23%;
    min-width: 23%;
    max-width: 23%;
}

/* Freeform block */
.freeFormHtml {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.freeFormHtml h2 {
    margin: 0px 0px 16px 0px;
}

/* social proof rotator block */

.spSs {
    padding: 0 !important;
    margin: 0 !important;
}

.mrWrap {
   width: 100% !important;
   min-width: 100% !important;
   max-width: 100% !important;
   background: #80c342;
   margin: 0 !important;
   padding: 0 !important;
}

.mrSlide {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

/* card block */
.art_cards {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.art_card {
    padding: 3%;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #efefef;
}

/* Modal for image zoom */

.modal {
  display: none; 
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); /* Dark background overlay */
  justify-content: center;
  align-items: center;
}

/* Modal Content (The Large Image) */
.modal-content {
  max-width: 90%;
  max-height: 90%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 20px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

/* Quote display */
    .quoteTxt {
        font-size: 1.2em;
        line-height: 1.4;
    }

}