:root {
    --black: #2D2D2F;
    --dark-blue: #194775;
    --blue:#00B0F0;
    --orange: #FF9900;
    --pale: #F2EFEB;
    --white: #FFFFFF
  }



/* Index */

.index-header {margin-top:9rem;}

@media (min-width: 768px) {.index-header {margin-top:12.55rem;}}

    .index-header .textbox {padding:5rem 4rem 3rem 4rem;}

    @media (min-width: 768px) {.index-header .textbox {padding:8.5rem 7.5rem 5rem 10.5rem;}}

    .index-header .textbox p {font-size:1.7rem; margin-bottom:4.5rem;}

    @media (min-width: 768px) {.index-header .textbox p {font-size:1.5rem;margin-bottom:3.5rem}}

.index-header .imgbox img {width:100%;height:auto;}

@media (min-width: 768px) {.index-header .imgbox img {width:102%;height:auto;}}

/*-- Solutions --*/

.solutions {margin-bottom:12rem;}

.solutions .title h2 {
    font-size:3.5rem;
    margin-left:1.4rem;
    font-family:'Poppins SemiBold', sans-serif;
    width:100%;
    margin-bottom:4rem;
}

@media (min-width: 768px) {.solutions .title h2 {font-size:3.8rem; width:38%;}}

.solutions .thumbnail {margin:3rem 1rem}

@media (min-width: 768px) {.solutions .thumbnail {margin:1rem}}

.solutions .thumbnail img {
    width:100%;
    margin-bottom:1rem;
}

.solutions .thumbnail h4 {
    font-family:'Poppins SemiBold', sans-serif;
    font-size:2.3rem;
    margin-bottom:1rem;
}

@media (min-width: 768px) {.solutions .thumbnail h4 { font-size:1.8rem; margin-bottom:1rem;}}

.solutions .thumbnail p {margin-bottom:1.8rem;}

.solutions .thumbnail a {
    color:#00B0F0;
    font-family:'Poppins SemiBold', sans-serif;
    font-size:1.8rem
}

@media (min-width: 768px) {.solutions .thumbnail a { font-size:1.5rem;}}

.solutions .thumbnail a:hover,
.solutions .thumbnail a:active {
    color:#FF9900;
    transition:.4s;
}


/*----------------------------------- ABOUT PAGE ------------------------------------*/

.about-header {margin:10rem 0;}

.about-header img {
    width:100%;
    height:auto;
}

.about-header .textbox {
    margin-top:5rem;
    padding:0 1rem 0 1rem;
}

@media (min-width: 768px) {.about-header .textbox {margin-top:-35.4rem; padding:0 4rem 0 10rem;}}

.about-header .textbox p {margin-bottom:4rem; color:#fff;}

@media (min-width: 768px) {.about-header .textbox p {margin-bottom:3rem;}}

/*--- Mission ---*/

.mission {margin-bottom:-1rem;}

@media (min-width: 768px) {.mission {margin-bottom:3rem;}}

.mission .textbox {
    background-color:var(--pale);
    border-radius:1rem;
    padding:5rem 5%;
}

@media (min-width: 768px) {.mission .textbox {padding:5rem 15%;}}


.mission .textbox h2 {
    font-size:2.5rem;
    font-family:'Poppins SemiBold', sans-serif;
    width:100%;
    margin-bottom:2rem; 
}

@media (min-width: 768px) {.mission .textbox h2 {font-size:3.2rem;}}

.mission .textbox p {
    font-size:1.9rem;
}

/*-- Testimonial Group --*/

.testimonial-group {margin-bottom:10rem;}

.testimonial-group .tile {
    border-radius:1rem;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    margin:1rem;
    padding:3rem 4rem;
}

.testimonial-group .tile img {
    height:1.6rem;
    margin-bottom:1rem;
}

.testimonial-group .tile p {
    font-size:1.5rem;
}

/*-- Local First --*/

.local-first {
    position:relative;
    background-color:var(--dark-blue);
    padding:5rem 0;
    margin-bottom:10rem;
}

    .local-first .imgbox {position:relative;}

        .local-first .imgbox img {height:28rem;}

        @media (min-width: 768px) {.local-first .imgbox img {height:45rem;}}

    .local-first .textbox {margin-left:3rem;}

    @media (min-width: 768px) {.local-first .textbox {margin-left:0rem;}}

    .local-first .textbox h5 {
        margin-top:2rem;
        color:var(--orange);
        padding-left:1rem;
    }

    .local-first .textbox h3 {
        font-family:'Poppins SemiBold', sans-serif;
        font-size:2.4rem;
        line-height:1.2;
        color:#fff;
        padding-left:1rem;
    }

    @media (min-width: 768px) {.local-first .textbox h3 {font-size:3.5rem;}}


    .local-first .tile h4 {
        font-family:'Poppins SemiBold', sans-serif;
        color:#fff;
        margin-bottom:1rem;
        margin-top:2rem;
        padding-left:1rem;
    }

    .local-first .tile p {
       font-size:1.4rem; 
       margin-bottom:2rem;
       color:#fff;
       width:92%;
       padding-left:1rem;
    }

    @media (min-width: 768px) {.local-first .tile p {margin-bottom:3rem; width:75%;}}

    .local-first .tile hr {
        width:50%;
        border: .15rem solid var(--orange);
        margin-left:1rem;
    }

/*-- Resources --*/

.resources-library {padding-top:15rem;}

.resources-library .title {
    margin-bottom:4rem;
}

.resources-library iframe {
    width:100%;
    aspect-ratio:16/9;
    border-radius:10px 10px 0 0;
}

.resources-library .content,
.resources-library .contact-info {margin-bottom:10rem;}

.video-links {
    background-color:var(--pale);
    border-radius:0 0 10px 10px;
    margin-top:-.5rem;
}

.video-links ul {
    list-style:none;
    width:95%;
    margin:auto;
}

.video-links ul li {
    border-bottom:1px solid #8E8E8E;
    padding:1.5rem 0;
    cursor:pointer;
}

.video-links ul li:hover,
.video-links ul li:hover {
    font-weight:bold;
}

.video-links ul li:last-child{
    border-bottom:none;
}

.bold {font-weight:bold}

.resources-library .contact-info {
    background-color:var(--pale);
    border-radius:1rem;
    padding:5rem 4rem;
}

.resources-library .contact-info h2 {
    font-family:'Poppins SemiBold', sans-serif;
    margin-bottom:2rem;
    font-size:3rem;
}

.resources-library .contact-info p.d1 {margin-bottom:3rem;}

.resources-library .contact-info .btn{margin-right:0; display:block;}

.resources-library .contact-info p.d2 {margin-top:2rem; margin-bottom:1rem;}

.resources-library .contact-info .phone {
    text-decoration:none;
    font-family:'Poppins SemiBold', sans-serif;
    color:var(--dark-blue);
    font-size:2.5rem;
}

.resources-library .contact-info .phone:hover,
.resources-library .contact-info .phone:active {
    color:var(--orange);
    transition:.3s;
}

/*--------------------------------------------- SUPPORT ------------------------------------------------*/

.support {margin-bottom:10rem; margin-top:-5rem;}

@media (min-width: 768px) {.support {margin-bottom:10rem; margin-top:0;}}

.support .tile {
    display:block;
    background-color:var(--pale);
    margin-bottom:1.5rem;
    border-radius:1rem;
    padding:4rem 3rem;
}

@media (min-width: 768px) {.support .tile {margin-bottom:1rem;}}

.support .tile h3 {
    font-family:'Poppins SemiBold', sans-serif;
    color:var(--dark-blue);
    font-size:2rem;
    margin-bottom:.5rem;
}

@media (min-width: 768px) {.support .tile h3 {font-size:2.5rem;}}

.support .form {
    background-color:var(--dark-blue);
    border-radius:1rem;
    padding:3rem 4rem 0rem 4rem;
    margin-bottom:1rem;
}

.support .form .title {color:#fff;}

.support .form .title h3 {
    font-family:'Poppins SemiBold', sans-serif;
    font-size:2.7rem;
    margin-bottom:.75rem;
}

.support .form .title p {
    width:90%;
    margin:auto;
}

/*------------------------------------------- SCHEDULE -------------------------------------*/

.schedule-header {margin:10rem 0;}

.schedule-header img {
    width:100%;
    height:auto;
}

.schedule-header .textbox {
    margin-top:5rem;
    padding:0 1rem 0 1rem;
}

@media (min-width: 768px) {.schedule-header .textbox {margin-top:-35.4rem; padding:0 4rem 0 10rem;}}

.schedule-header .textbox h1 {color:var(--black);}

@media (min-width: 768px) {.schedule-header .textbox h1 {color:var(--white);}}

.schedule-header .textbox p {margin-bottom:4rem; color:var(--black);}

@media (min-width: 768px) {.schedule-header .textbox p {color:var(--white); margin-bottom:3rem;}}


.schedule {margin-bottom:10rem;}

.schedule .imgbox {
    background:url(../img/schedule/schedule-now.webp);
    background-size:cover;
    border-radius:1rem 0 0 1rem;
}

.schedule .textbox {
    background-color:var(--pale);
    border-radius:1rem;
    padding:5rem 3rem 0rem 3rem;
}

@media (min-width: 768px) {.schedule .textbox {border-radius:0 1rem 1rem 0;}}

.schedule .textbox h3 {
    font-family:'Poppins SemiBold', sans-serif;
    font-size:3rem;
    margin-bottom:1rem;
}

.schedule .textbox p {margin-bottom:1rem;}


/* Jotform */

.form-all {
    box-shadow:none !important;
    background-color:#ffffff00 !important;
    max-width:fit-content !important;
    border-radius:0 !important;
}

@media print{.form-section{display:inline!important}.form-pagebreak{display:none!important}.form-section-closed{height:auto!important}.page-section{position:initial!important}}

.form-label {
    text-align:left !important;
    font-family:'Poppins SemiBold', sans-serif;
    font-weight:700 !important;
}

.form-all {
    box-shadow:none !important;
    margin:0 !important;
}


li.form-line:not(.form-line-column) .form-input-wide[data-layout=half] {width:100% !important;}

ul.page-section {padding:0 !important;}

.form-line {
    padding: 0!important;
}

.formFooter-button, .submit-button {
    background-color:var(--orange) !important;
    border:var(--orange) 1px solid !important;
  }

img { 
    max-width:1000% !important;
}

.form-dropdown, .form-textarea, .form-textbox:not(#productSearch-input), .signature-wrapper {
    padding:2rem 1rem !important;
    border:var(--pale) solid 1px;
    border-radius:.5rem !important;
}

.form-buttons-wrapper, .form-submit-clear-wrapper {
    justify-content:right !important;
}


/*------------------ Legal ------------------*/

.legal {width:95%; margin:10rem auto 10rem auto;}
@media (min-width: 768px) {.legal {width:60%; margin:15rem auto 10rem auto;}}

.legal h1, .legal h2, .legal h3 {margin:2rem auto;}

.legal ul {margin:1rem 2rem;}