*{
    margin: 0;
    padding: 0;
    border: 0;
    font-family:Arial, Helvetica, sans-serif;
}

h1{
    font-size: 3em;
}

h2{
    font-size: 2em;
}

h3{
    font-size: 1.5em;
}

.color_1{
    background-color: #2F6FA3;
}

.color_2{
    background-color: #F0E7DA;
}

.color_3{
    background-color: #B4CEB3;
}

.color_4{
    background-color: yellow;
    /* background-color: white; */
}

.desktop{
    display: none;
}

    /* --------Whole Website - Small Cell -------- */


    @media only screen and (max-device-width: 400px){
        h1{
            font-size: 2.75em;
        }
        h2{
            font-size: 1.75em;

        }
        h3{
            font-size: 1.45em;
        }
    }


    /* -------- Whole Website - Desktop Monitor -------- */

    @media only screen and (min-device-width: 500px){
        .cell{
            display: none;
        }
        .desktop{
            display: contents;
        }
     }










/* --------HEADER SECTION -------- */

.section_header{
    background-color: white;
    position: fixed;
    top: 0; 
    z-index: 1;
    width: 100%;
}

.content_header{
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: .1em solid black;
}

.header_icon img{
    padding-top: .3em;
    height: 3.2em;
}

.header_name{
    font-size: 1.5em;
    text-align: center;
}

.header_button{
    font-size: 1em;
    border: .1em solid black;
    border-radius: .2em;
    padding: 0em .2em;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
}

.header_button a{
    color: black;
    text-decoration: none;
}

    /* --------Header - Small Cell -------- */


    @media only screen and (max-device-width: 400px){
        .header_name{
        font-size: 1.3em;
        }
    }

    /* --------Header - Desktop Monitor -------- */

    @media only screen and (min-device-width: 500px){

        .header_icon{
            height: 4.2em;
        }

        .header_name_desktop p{
            margin-left: 3.5em;
            font-size: 3em;
            letter-spacing: .07em;
            font-size: calc(2vw + 1vh);
        }

        .header_button_desktop a{
            background-color: yellow;
            text-decoration: none;
            color: black;
            text-align: center;
            border: 2px black solid;
            border-radius: 10px;
            padding: 0px 15px;
            font-weight: bold;
            line-height: 1.5em;
            font-size: calc(.34vw + 1vh);
        }
    }

    /* --------Header - Deskton (High Resolution)-------- */

     @media only screen and (min-device-width: 2001px){
        .content_header{
            padding: 1em 0em;
        }

        .header_icon{
            display: flex;
            align-items: center;
        }

        .header_icon img{
            height: 5em;
        }
    }

    /* --------Header - Tablet (Verticle)-------- */

     @media only screen and (min-device-width: 700px) and (max-device-width: 1100px) and (orientation: portrait) {
           .header_name_desktop p{
            margin-left: 1em;
           }
           
           .header_button_tablet{
            display: contents;
           }

           .header_button_tablet a{
            background-color: yellow;
            font-size: 1em;
            border: .1em solid black;
            border-radius: .2em;
            padding: 0em .5em;
            font-weight: bold;
            line-height: 1em;
            text-align: center;
           }

           .header_button_desktop{
            display: none;
           }
        }










/* --------HERO SECTION -------- */

.section_hero{
    padding-top: 4em;
    display: flex;
    height: 100svh;
    justify-content: center;
    padding-bottom: 2.25em;
}
.content_hero{
    width: 100%;
    height: 100%;
}

.hero_text{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: center;
    width: 100%;
    height: 100%;
    color: white;
    line-height: 2.25em;
}

.hero_text_top{
    margin-top: 1.25em;
}

.bigger_line_1{
    font-size: 0.75em;
    font-weight: lighter;

}

.bigger_line_2{
    font-size: .875em;
    font-weight: bold;
    line-height: 2em;
}

.bigger_line_3{
    font-size: .775em;
    font-weight:lighter;
}

.hero_text_middle img{
    max-width: 65%;
    height: auto;
    margin-top: 0.75em;
    margin-bottom: 0em;
}

.hero_text_button{
    color: black;
    max-width: 85%;
    align-self: center;
    border: .1em solid black;
    border-radius: .75em;
    font-weight: bold;
    line-height: 2.25em;
    padding: .5em .5em; 
    margin-bottom: 4em;
}

.hero_text_button p{
    font-size: 1.3em;
    letter-spacing: 1px;
    font-weight: bold;
    padding: 0em 1em;
}

.hero_text_button a{
    text-decoration: none;
    color: black;
}

    /* --------Hero - Small Cell -------- */


    @media only screen and (max-device-width: 400px){
        .hero_text p{
         font-size: .9em;
        }

        .hero_text_middle img{
            width: 67%;
        }

        .hero_text_button{
            font-size: 1.5em;
            line-height: 1em;
            padding: .5em 0;
            border-radius: 10px;
        }

    }


    /* --------Hero - Desktop -------- */


    @media only screen and (min-device-width: 500px){

        .section_hero{
            height: 87vh;
            padding-bottom: 3.4em;
        }
       
            .content_hero_desktop{
            display: flex;
            flex-direction: column;
            justify-content:space-around;
            width: 85%;
        }

        .hero_top{
            margin-top: 6em;
            display: flex;
            justify-content: center;
            align-items: center;
        }


        .hero_text_div{
            color: white;
            text-align: center;
            width: 60%;
            align-content: center;
        }

        .hero_text_line1{
            font-size: calc(1.5vw + .4vh);
        }

        .hero_text_line2{
            font-size: calc(4.35vw + .5vh);

        }

        .hero_text_line3{
            font-size: calc(4.15vw + .6vh);
        }

        .hero_image{
            display: flex;
            width: 30%;
            justify-content: center;
            /* padding-top: 1em; */
        }

        .hero_image img{
            width: 90%;
        }

        .hero_text_button{
            margin-top: 5em;
            text-align: center;
        }

    }

    /* --------Hero - Desktop (High Resolution)-------- */

     @media only screen and (min-device-width: 2001px){
       
        .section_hero{
            padding: 8em 0em 3em 0em;
        }



        .hero_text_top, .hero_text_middle{
            line-height: 2.5em;
            margin-top: -3em;
        }

        .hero_text_button{
            margin-top: 7em;
        }

    }

    /* --------Hero - Tablet (Verticle)-------- */

    @media only screen and (min-device-width: 700px) and (max-device-width: 1100px) and (orientation: portrait) {
       
        .section_hero{
        padding: 10em 0;
       }
       
        .hero_image{
            width: 30%;
        }

        .hero_text{
            font-size:.9em;
            width: 60%;
        }
        
        .hero_text_middle{
            padding: 8em 0;
        }

    }









    
/* --------PROBLEM SECTION -------- */

.section_problem{
    padding: 3em .6em 2.5em .6em;
}
.problem_visual{
    align-items: center;
}

.problem_visual_title{
    text-align: center;
    /* padding-top: 1em; */
    font-size: 3em;
    font-weight: bold;
}

.problem_visual_image{
    display: flex;
    justify-content: center;
    padding: 0em 0em 0em 0em;    
}

.problem_visual_image img{
    width: 70%;
    align-self: center;
    border: 3px bold black;
    border-radius: 2em;
}

.problem_text{
    font-size: 1.35em;
    text-align: justify;
    padding: 0em .5em;
}

.problem_text_box{
    padding-bottom: 1.25em;
    line-height: 1.5em;
}

.problem_text_middle{
    padding-top: 1em;
}

.problem_text_bottom{
    padding: .75em 0em 2em 0;
}

.problem_visual_description{
    text-align: center;
    font-size: .85em;
    padding-bottom: 4em;
}

     /* --------Problem - Small Cell -------- */


     @media only screen and (max-device-width: 400px){
        
        
        .problem_visual_image{
        }

        .problem_visual_description{
            font-size: .82em;
        }

     }

     /* --------Problem - Monitor-------- */

    
     @media only screen and (min-device-width: 500px){
        

        .content_problem{
            display: flex;
            align-content: center;
            justify-self: center;
            /* width: 90%; */
            padding: 4em 10em;
        }

        .problem_visual{
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 50%;
            padding: 0em;
            margin: 0em;
        }

        .problem_visual_title{
            padding: 0em;
            font-size: calc(2.65vw + 1vh);

        }

        .problem_visual img{
            width: 60%;
        }

        .problem_visual_description{
            padding: 0em;
            font-size: calc(.4vw + 1vh);
        }

        .problem_text{
            display: flex;
            flex-direction: column;
            width: 50%;
            justify-content: space-between;
            align-items: center;
            font-size: calc(.75svw + 1vh);
            gap: 2.5em;
        }

        .problem_text_box{
            width: 70%;
            padding: 0em;
            line-height: 1.75em;
        }

     }

     /* --------Problem - Desktop (High Resolution)-------- */

      @media only screen and (min-device-width: 2001px){
      
        .section_problem{ 
            padding: 4.5em 0em 4.5em 0em;  
        }

        .problem_text{
            
            gap: 2em;
        }

      }

      /* --------Problem - Tablet (Verticle)-------- */

     @media only screen and (min-device-width: 700px) and (max-device-width: 1100px) and (orientation: portrait) {

        .content_problem{
            padding: 6em 0em;
        }

        .problem_text{
            width: 50%;
            padding: 4em 0;
        }

        .problem_text_box:nth-child(2){
            padding: 4em 0;
        }

        .problem_visual_title{
            padding: 0;
        }

        .problem_visual{
            margin: 0 auto;
        }

    
        .problem_visual_image{
            padding: 12em 0;
        }

    }










/* --------SOLUTION SECTION -------- */


.solution_title{
    color: white;
    text-align: center;
    padding: 2em .4em;
    font-size: 1.5em;
}


.solution_examples{
    display: flex;
    flex-direction: column;
    align-items: center; 
}

.solutions_examples_box{
    border: 1px solid black;
    border-radius: 2em;
    width: 95%;
}

.solutions_examples_box:nth-child(2){
    margin: 7em;
}

.solutions_examples_box:last-child{
    margin-bottom: 7em;
}

.solutions_box_title{
    padding: .75em 0em .55em 0em;
    font-size: 1.5em;
    text-align: center;
}

.solutions_box_text{
    padding: 0em .75em 1em .75em;
    font-size: 1.35em;
    line-height: 1.5em;
    text-align: justify;
}

.solutions_box_img{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 1.25em;
}

.solutions_box_img img{
    border-radius: 30px;
    border: 5px double black;
    overflow: hidden;
    max-width: 93%;
}


     /* --------Solution - Small Cell-------- */


     @media only screen and (max-device-width: 400px){
       
        .solutions_box_title{
            font-size: 1.5em;
            padding-top: .75em;
            padding-bottom: .5em;
        }

        .solutions_three_title{
            font-size: 1.4em;
            padding-top: .85em;
            padding-bottom: .505em;
        }

        .solutions_box_text{
            padding: 0em .5em 1em .5em;

            padding-bottom: .7em;
        }

     }


     /* --------Solution - Monitor-------- */

     @media only screen and (min-device-width: 500px){

        .solution_title{
            font-size: calc(1.35vw + 1.2vh);
            padding: .65em 0 .85em 0;
        }
       
        .solution_examples{
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
            padding-bottom: 3em;
            align-items: stretch;
        }

        .solutions_box_title{
            font-size: calc(1vw + .75vh);
            padding: .5em 0em; 
        }

        .solutions_two_title{
            padding-left: 1.5em;
            padding-right: 1.5em;
        }

        .solutions_box_text{
            line-height: 1.75em;
            padding: 0em .5em 1em .5em;
            font-size: calc(.80vw + .8vh);
        }

        .solutions_box_img{
            padding: .25em 0em 1em 0em;;
        }

        .solutions_box_img{
            padding-bottom: 1em;
        }

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


        .solutions_box_chart_title{
            padding-bottom: 1em;
            font-size: calc(.4vw + 1vh);
        }

        .solutions_examples_box:nth-child(2){
            margin: 0;
        }

        .solutions_examples_box:last-child{
            margin-bottom: 0;
        }

        .solutions_examples_box{
            max-width: 26%; 
            padding: 0em 1em;
            display: flex;
            justify-content: center;
            min-width: 50px;
            flex-wrap: wrap;
        }

        .solutions_chart{
            display: flex;
            min-height: 270px;
        }

        .chart_column{
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        .solutions_chart_title p{
            font-size: 1.2em;
        }

       .content_solution{
            padding-bottom: 4.25em;
       }

     }

     /* --------Solution - Desktop (High Resolution)-------- */

     @media only screen and (min-device-width: 2001px){
        
        .solution_title{
            padding: .5em 0 .5em 0;
        }
        
        .save_box{
            padding: .75em;
        }

        .section_solution{
            padding-bottom: 4em;
        }

        .solutions_chart{
            min-height: 17em;
        }

        .solutions_chart_title p{
            font-size: 1.5em;
        }

        .solutions_chart_ul{
            font-size: 1.25em;
            line-height: 1.75em;
        }

        .content_solution{
            padding-bottom: 0em;
       }

     }

     /* --------Solution - Tablet (Verticle)-------- */

     @media only screen and (min-device-width: 700px) and (max-device-width: 1100px) and (orientation: portrait) {

        .solution_examples{
            margin: 0;
            padding: 0;
            width: 100%;
            flex-wrap: wrap;
        }

        .solutions_examples_box{
            display: flex;
            flex-wrap: wrap;
            margin: 0;
            min-width: 400px;
        }

        .solutions_examples_box:last-child{
            margin: 4em 0em;
        }

        .solution_title{
            padding-left:  6em;
            padding-right: 6em;
        }

     }

    /* --------Solutions - Tablet (Horizontal)-------- */

    @media only screen and (min-device-width: 700px) and (max-device-width: 1100px) and (orientation: landscape) {

        .solutions_examples_box_tablet{
           min-width: 27%;
        }

    }

    








/* --------PROCESS SECTION -------- */


.section_process{
    padding: 4em 0.6em 5em 0.6em;
}

.process_title{
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 1.6em;
}

.process_steps_number{
    text-align: center;
    padding-bottom: 2em;
}

.large_number{
    font-size: 5em;
    font-weight: bold;
}

.process_steps_title{
    text-align: center;    
    padding-bottom: 2em;
    font-size: 1.25em;
}

.process_steps_text{
    font-size: 1.35em;
    line-height: 2em;
    text-align: justify;
    padding: 0 .5em;
}

.process_steps_box_2{
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    margin-top: 3em;
    margin-bottom: 2em;
    padding-top: 2em;
    padding-bottom: 2.75em;
}

    /* --------Process Small Cell -------- */


     @media only screen and (max-device-width: 400px){
        .process_steps_text{
            line-height: 1.75em;
        }

    }

    /* --------Process - Desktop Monitor-------- */

        @media only screen and (min-device-width: 500px){

        
        .content_process{
            width: 75%;
            margin: 0em auto;
        }

        .process_title{
            font-size: calc(1.5svw + 1vh);
            padding-bottom: 2em;
            text-align: center;
        }

        .process_steps_number{
            font-weight: 100;
            font-size: calc(.55svw + 1vh);
        }

        .process_steps_number_1, .process_steps_number_3{
            text-align: left;
        }

        .process_steps_number_2{
            text-align: right;
        }

        .process_steps_title{
            font-size: calc(.75svw + 1vh);
        }

        .process_steps_title_1, .process_steps_title_3{
            width: 50%;
            text-align: left;
            margin-left: 105px;
        }

         .process_steps_title_2{
            text-align: left;
            width: 51.55%;
            margin-left: 0;
        } 

        .process_steps_text{
            font-size: calc(.80vw + .8vh);

        }
        .process_steps_text_1, .process_steps_text_3{
            width: 50%;
            text-align: left;
            margin-left: 105px;
            padding-left: 0;
            padding-right: 0;
        }

        .process_steps_text_2{
            width: 50%;
            margin-left: 0;  
            text-align: left;
        }

        .process_steps_box_2{
            display: flex;
            flex-direction: column;
            align-items: end;
            padding-bottom: 3.5em;
        }   
        

     }

     /* --------Process - Desktop (High Resolution)-------- */

     @media only screen and (min-device-width: 2001px){
        .process_steps_text{
            padding-bottom: 3.5em;
        }

        .process_steps_number_2{
            font-size: 1.6em;
        }

     }

     /* --------Process - Tablet (Verticle)-------- */

     @media only screen and (min-device-width: 700px) and (max-device-width: 1100px) and (orientation: portrait) {

     }











/* --------CLIENTS SECTION -------- */

.clients_title{
    color: white;
    padding: 2em 0 1.5em 0;
    text-align: center;
    font-size: 1.65em;
}

.clients_results_box{
    border: 2px solid #F0E7DA;
    border-radius: 20px;
    margin: .75em;
    margin-bottom: 3em;
}

.clients_results_two{
    margin: 8.5em .75em;
}

.results_image{
    margin: .75em;
    display: flex;
    justify-content: center;
}

.results_image img{
    max-width: 98%;
    border-radius: 20px;
}

.results_text{
    text-align: center;
    line-height: 1.5em;
    padding-bottom: 0.5em;
    font-size: 1.3em;
}

.results_name{
    padding: .5em 0 .5em 0;
    text-decoration: underline;
    margin-bottom: .25em;
}

.clients_results{
   padding-bottom: 6em;
}

.results_highlights_facts{
    text-align: center;
    line-height: 1.75em;
    list-style-position: inside;
}

.results_highlights_facts li{
   margin-bottom: .5em;
}

.results_highlights_facts_one_small, .results_highlights_facts_two_small, .results_highlights_facts_three_small {
    display: none;
}

     /* --------Clients - Small Cell-------- */


     @media only screen and (max-device-width: 400px){
       .results_highlights_facts_one, .results_highlights_facts_two, .results_highlights_facts_three{
            display: none;
        }

        .results_highlights_facts_one_small, .results_highlights_facts_two_small, .results_highlights_facts_three_small{
            display:contents;
        }

    }

    /* --------Clients - Monitor-------- */


      @media only screen and (min-device-width: 500px){

        .clients_title{
            font-size: calc(1.25vw + 1.5vh);
            padding: 1.35em 0 1.35em 0;
        }

        .clients_results{
            display: flex;
            justify-content: space-evenly;
            padding-bottom: 7em;
        }

        .clients_results_box{
            margin-bottom: 0;
            margin-top: 0;
            width: 25%;
            padding-top: 1em;    
        }

        .clients_results_box img{
            width: 90%;
        }

        .results_name, .results_before, .results_vs, .results_after, .beforeandafter{
            font-size: calc(.6vw + 1vh);
        }

        .valerie_last_li{
            display: none;
        }
    
        .results_highlights_facts{
            font-size: calc(.75svw + 1vh);

        }


    } 
    /* --------Clients - Deskton (High Resolution)-------- */

    @media only screen and (min-device-width: 2001px){
       .clients_results_box{
        padding-bottom: 1em;
       }
       
        .clients_results img{
            padding-top: 1em;
            padding-bottom: 1em;
            border-radius: 40px;
        }

        .results_text{
            line-height: 2em;
        }

        .clients_title{
            padding: .5em 0 .5em 0;
        }

    }

    /* --------Clients - Tablet (Horizontal)-------- */

    @media only screen and (min-device-width: 700px) and (max-device-width: 1100px) and (orientation: landscape) {
        .clients_results_box{
            width: 30%;
        }
    }

    /* --------Clients - Tablet (Verticle)-------- */

     @media only screen and (min-device-width: 700px) and (max-device-width: 1100px) and (orientation: portrait) {

        .clients_title{
            font-size: 1.4em;
        }

        .clients_results{
            flex-wrap: wrap;
        }

        .clients_results_box{
            min-width: 350px;
        }

        .clients_results_box:nth-child(3){
            margin-top: 6em;
        }
    }










    
/* --------REVIEWS SECTION -------- */


.reviews_title{
    font-size: 1.65em;
}

.content_reviews{
    padding: 7em 1em;
    text-align: center;
}

.reviews_subheading{
    padding: 3em 0em;
    color: #3B7080;
    font-size: 1.25em;
}

.reviews_sources{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reviews_sources_box{
    width: 50%;
}

.reviews_sources_box img{
    width: 100%;
}

.reviews_sources_avvo{
    padding: 2.5em 0em;
}

    /* --------Reviews Small Cell-------- */


     @media only screen and (max-device-width: 400px){
        .reviews_title{
        }

    }

    /* --------Reviews - Desktop-------- */

    @media only screen and (min-device-width: 500px){
       
        .content_reviews{
            padding: 5.5em;
        }
       
        .reviews_title{
            padding: 2em 0 0em 0em;
            font-size: calc(1.25vw + 1.5vh);
            /* letter-spacing: .5em; */
        }
       
        .reviews_sources{
            flex-direction: row;
            justify-content: space-evenly;
            padding: 0em;
        }

        .reviews_sources_box{
            width: 20%;
        }

        
        .reviews_subheading{
            line-height: 3em;
            padding: 7em 0em 5em 0em;
            font-size: calc(.65vw + 1vh);
        }
    }

    /* --------Reviews - Deskton (High Resolution)-------- */

    @media only screen and (min-device-width: 2001px){
        .section_reviews{
            padding-top: .25em;
            padding-bottom: 5.25em;
        }

        .reviews_subheading{
            padding-bottom: 6.5em;
        }

    }

    /* --------Reviews - Tablet (Verticle)-------- */

     @media only screen and (min-device-width: 700px) and (max-device-width: 1100px) and (orientation: portrait) {

        .reviews_title{
            padding: 3em;
            font-size: 1.4em;
        }

        .reviews_subheading{
            padding: 0 0 3em 0;
        }

        .reviews_sources{
            flex-direction: column;
        }

        .reviews_sources_box:nth-child(2){
            padding: 2em 0em;
        }

        .reviews_sources_box{
            width: 30%;
            padding-bottom: 3em;
        }
    }











/* --------ABOUT ME SECTION -------- */

.content_about_me{
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.about_me_title{
    text-align: center;
    /* line-height: 1.5em; */
    font-weight: bold;
    padding: 3em 0em 3em 0em;
    /* letter-spacing: .25em; */
}

.About_me_title_line_1{
    font-size: 1.25em;
}

.About_me_title_line_2{
    font-size: 1.25em;
}

.about_me_image img{
    width: 120vw;
}

.about_me_description{
    padding: 3.25em 0em 3.75em 0em;
    font-size: 1.1em;
    text-align: center;
    letter-spacing: .03em;
}

    /* --------About Me Small Cell -------- */

     @media only screen and (max-device-width: 400px){
        .about_me_description{
        font-size: 1em;
        letter-spacing: .02em;
}

      }

    /* --------About Me - Desktop-------- */

     @media only screen and (min-device-width: 500px){
        .content_about_me{
            min-height: 700px;
            display: flex;
            justify-content: space-around;
            padding: 0em 0em; 
        }
        
        .about_me_title{
            font-size: calc(.8vw + 1.5vh);
            /* letter-spacing: 0em; */
            padding: 0em 0em 2em 0em;
            line-height: 2em;

        }

        .about_me_image img{
            width: 800px;
            border-radius: 40px;
            padding-bottom: .75em;
        }

        .about_me_description{
            font-size: calc(.75vw + 1.5vh);
            padding: 2em 0em 3em 0em;
            line-height: 1.25em;

        }

    }

    /* --------About Me - Desktop (High Resolution)-------- */

        @media only screen and (min-device-width: 2001px){
            
            .content_about_me{
                padding-bottom: 1em;
            }
            
            .about_me_title{
                 padding-top: 3em;
                 padding-bottom: 3.55em;
                }

            .about_me_description{
                font-size: 2em;
                padding: 4em 0em
            }

            .about_me_image img{
                width: 850px;
                padding: .5em 0em;
            }
        }

    /* --------About Me - Tablet (Verticle)-------- */

     @media only screen and (min-device-width: 700px) and (max-device-width: 1100px) and (orientation: portrait) {

        .about_me_title{
            padding-bottom: 1.5em;
        }

       .about_me_description{
        padding-top: 3em;
       }
    }









    
/* -------- FAQs -------- */

.faqs_title{
    text-align: center;
    padding: 2.5em;
    font-size: 1.45em;
}

.section_faqs{
    background-color:#F0E7DA;
    padding-bottom: 4em;
}

.section_faqs a{
    color: blue;
    text-decoration: underline;
}

.section_faqs_title{
    font-size: 2em;
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2em;
}

#accordion{
    margin: 0 auto; 
    width: 95%;
}

#accordion li{
    list-style: none;
    width:  100%;
    margin-bottom: 8%;
    background: #B4CEB3;
    border-radius: 15px;
}

#accordion p{
    text-align: justify;
}

#accordion li label{
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: bold;
    cursor: pointer;
}

#accordion li label span{
    transform: rotate(90deg);
    font-size: 1em;
}

#accordion label + input[type="radio"]{
    display: none;
}

#accordion .content{
    padding: 0 10px; 
    line-height:30px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s;
    background-color: #B4CEB3;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    color: black;
    font-size: 1.3em;
}

#accordion label + input[type="radio"]:checked + .content{
    max-height: 450px;
}

    /* --------FAQs Small Cell -------- */


     @media only screen and (max-device-width: 400px){
        #accordion label + input[type="radio"]:checked + .content{
            max-height: 550px;}
            .section_faqs{
                padding-bottom: 2em;
            }
        
    }

    /* --------FAQs - Desktop-------- */

     @media only screen and (min-device-width: 500px){
        .section_faqs{
            padding-bottom: 8em;
        }
        
        #accordion li{
            margin-bottom: 2.5%;
        }

        #accordion{
            width: 85%;
        }

        .faqs_accordian p{
            padding: 1em .5em;
        } 

        #accordion li label{
            padding: 1em 1em 1em 1em;
        }

        
    }

    /* --------FAQs - Desktop (High Resolution)-------- */

    @media only screen and (min-device-width: 2001px){
        .faqs_title{
            padding: 3.5em 0em;
            font-size: 1.4em;
        }

        .faqs_accordian{
            font-size: 1.3em;
        }

        .faqs_accordian p{
            padding: 1em 1em;
            line-height: 1.4em;
        }   

    }

    /* --------FAQs - Tablet (Verticle)-------- */

     @media only screen and (min-device-width: 700px) and (max-device-width: 1100px) and (orientation: portrait) {

        

    }











/* -------- FOOTER -------- */

.section_footer{
    color: white;
    padding: 3.5em .5em 1.25em .5em;
    text-align: center;
}

.section_footer a{
    color: white;
}

.content_footer{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer_button{
    color: black;
    border: 4px solid black;
    width: 90%;
    border-radius: 25px;
    font-size: 1.5em;
    font-weight: bold;
}

.footer_button a{
    text-decoration: none;
    color: black;
}

.footer_name{
    font-size: 1.44em;
}

.footer_copyright{
   text-align:justify;
}

.rjs{
    font-size: 1.5em;
}

.footer_content_box{
    padding: 1em 0em;
    margin: .5em 0em;

}

.footer_legal{
    line-height: 1.55em;
}

    /* --------Footer Small Cell -------- */


     @media only screen and (max-device-width: 400px){

      .rjs{
        font-size: 1.4em;
      }

      .footer_name{
        font-size: 1.25em;
      }

      .content_footer{
        margin-bottom: 0em;
      }


      .footer_content_box{
        padding-bottom: 0.5em;
        padding-top: 0.5em;
        }
    
        .section_footer{
        padding-bottom: 1.25em;
      }

    }

    /* --------Footer - Desktop-------- */

    @media only screen and (min-device-width: 500px){
        
        .section_footer{
            padding-top: 2.5em;
            padding-bottom: 2.5em;
        }
      
        .content_footer{
        flex-direction: row;
        justify-content: space-evenly;
       }

       .footer_content_box{
        width: 15%;
       }

       .footer_button{
        width: 14%;
        line-height: 1.5em;
        font-size: clamp(1.1rem, 1.8vw, 1.75em);
       }

       .footer_name{
        font-size: .7em;
        font-size: clamp(0.1rem, 0.8vw, 0.7em);
        order: 4;
        width:17%
       }

       .rjs{
        font-size: clamp(0.2rem, 2vw, 2em);
        line-height: 1.5em;
       }

       .lorjs_name{
        font-size: 0.25em;
        font-size: clamp(0.25rem, 1.2vw, 1.25em);
       }

       .footer_copyright{
        font-size: clamp(0.25rem, 1vw, 1em);
       }

       .footer_legal{
        width: 220px;
        line-height: 4em;
        font-size: clamp(0.75rem, 1vw, 1em);
       }



    }

    /* --------Footer - Desktop (High Resolution)-------- */

    @media only screen and (min-device-width: 2001px){
       
        .rjs{
            font-size: clamp(0.2rem, 1.7vw, 2.2em);
        }

        .footer_name{
            width: 20%;
        }

        .footer_copyright{
        font-size: clamp(0.25rem, 1vw, 1.25em);
       }

       .footer_button{
        display: flex;
        flex-direction: column;
        width: 10%;
        padding-left: 1em;
        padding-right: 1em;
        align-items: center;
       }

    }

    /* --------Footer - Tablet (Horisontal) -------- */


    @media only screen and (min-device-width: 700px) and (max-device-width: 1100px) and (orientation: landscape) {

        .footer_button{
            width: 16%;
            line-height: 1.25em;
           }
    
           .footer_name{
            width: 30%;
            font-size: .7em;
            order: 4;
           }
    
           .footer_copyright{
            width: 28%;
            
           }
    
           .footer_legal{
            width: 5%;
            line-height: 2em;
           }

           .lorjs_name{
            font-size: 1.5em;
           }

           .email{
            font-size: 1.5em;
           }
    }
    /* --------Footer - Tablet (Verticle)-------- */

     @media only screen and (min-device-width: 700px) and (max-device-width: 1100px) and (orientation: portrait) {
        
        .footer_copyright{
            width: 30%;
        }

        .footer_name{
            width: 30%;
        }

        .footer_legal{
            width: 5%;
        }
    }

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


.section_legal{
    padding-top: 6em;
    min-height: 75vh;
    padding-bottom: -5em;
    margin-bottom: -2.5em;
}



.legal_hero{
    padding: 0em 1em;
    text-align: justify;

}

.legal_hero h1{
    padding-top: .5em;
    font-size: 2em;
    text-align: center;
    padding-bottom: 0em;
}

.policy_effective_date{
    font-size: .75em;
}

.legal_hero p{
    font-size: 1.25em;
    line-height: 1.5em;
    display: inline;
}


h4{
  display: inline; 
  font-size: 1.3em;
}

.header_button, .footer_button{
    background-color: yellow;
}



/* --------Legal Page - Desktop (High Resolution)-------- */

@media only screen and (min-device-width: 2001px){

    .legal_hero{
        padding: 0em 5em;
    }

    .legal_hero h1{
        padding-top: .5em;
        padding-bottom: 0em;

    }

    .section_legal{
        padding-top: 8em;
    }
}

/* --------Thankyou Page -------- */

.section_content_thankyou{
    display: flex;
    justify-content: center;
}

.thankyou_text{
    margin-top: 5em;
    padding: 0em 1em 2em 1em;
    width: 85%;
    border-radius: 20px;
    hyphens: auto;
}

.thankyou_text a{
    hyphens: none;
}

.thankyou_text p{
    font-size: 1.35em;
    text-align: justify;
    line-height: 1.25em;

}

.thankyou_text img{
    padding: 1em 0em;
    max-width: 90%;
}

.thankyou_text h1{
    font-size: 1.75em;
    text-align: center;
    padding: 1.5em 0em;
}


.thankyou_documents_needed{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.thankyou_documents_needed h3{
    text-align: center;
    padding-bottom: 1em;
    font-style: italic;
}

.thankyou_documents_needed ul{
    margin-top: 1em;
    margin-bottom: 1em;
}

.thankyou_documents_needed li{
    font-size: 1.25em;
    list-style-position: inside;
    line-height: 2em;
}

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

.my_email{
    margin-top: 1em;
}


.thankyou_footer{
    padding-top: 0em;
}





    /* ---Thankyou - Desktop Monitor */

        @media only screen and (min-device-width: 500px){

            .header_name_thankyou p{
                margin-right: 3em;
            }

            .thankyou_text{
                margin-top: 10.5em;
                hyphens: none;    
                display: flex;
                justify-content: center;

            }

           .letter_body{
                width: 90%;
            }

            .thankyou_text p{
                line-height: 1.5em;
                text-align: left;
            }

            .thankyou_text h1{
                font-size: 1.75em;
                text-align: center;
                padding: 0em 0em 2em 0em;
            }

            .thankyou_text{
                width: 58%;
                padding: 4em 5.5em 4em 5.5em;
            }

         
           .thankyou_signature{
            padding-top: 1em;
            padding-bottom: 2em;
            width: 350px;
           }

           .thankyou_footer{
           padding-top: 2em;}

        }

        /* Thankyou High Resolution Desktop */

        @media only screen and (min-device-width: 2001px){


            .thankyou_text p{
                line-height: 1.75em;
            }

            .section_content_thankyou{
            }

            .thankyou_footer{
                padding-left: 8em;
                justify-self: center;
            }
          
        }




/* -------- Scheduler Page -------- */

.scheduler-container{
    margin-top: 3.5em;
    width: 100%;
    height: auto;
}

html:has(.body_scheduler),
body.body_scheduler{
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100dvh;
    overflow-x: hidden;
    background: white;
}

.body_scheduler *{
    box-sizing: border-box;
}

.scheduler_iframe{
    padding-top: 2em;
    display: block;
    width: 100%;
    height: 700px;
    border: 0;
    background: white;
}

    /* --------Scheduler  - Small Cell -------- */


    @media only screen and (max-device-width: 400px){
        .scheduler-container{
            margin-top: 1.5em;
        }


        .scheduler_iframe{
            height: 770px;
        }

    }

    /* ---Scheduler - Desktop Monitor */

    @media only screen and (min-device-width: 500px){
        .scheduler-container{
            margin-top: 4em;
        }

    
        .scheduler_iframe{
            height: 850px;
        }

    }

    /* Scheduler High Resolution Desktop */
    @media only screen and (min-device-width: 2001px){
        .scheduler-container{
            margin-top: 7em;
        }

        .scheduler_iframe{
            height: 1150px;
        }
    }

    /* -------- COOKIE NOTICE POPUP-------- */

.cookie_notice{
    position: fixed;
    left: 50%;
    bottom: 1em;
    transform: translateX(-50%);
    z-index: 9999;
    box-sizing: border-box;
    width: calc(100% - 1.5em);
    max-width: 700px;
    padding: 1em 3em 1em 1em;
    background-color: white;
    color: black;
    border: 2px solid black;
    border-radius: .5em;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .25);
    font-size: .95em;
    line-height: 1.4em;
}

.cookie_notice p{
    margin: 0;
    padding: 0;
}

.cookie_notice a{
    color: black;
    font-weight: bold;
    text-decoration: underline;
}

.cookie_notice_close{
    position: absolute;
    top: .45em;
    right: .45em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8em;
    height: 1.8em;
    padding: 0;
    background-color: white;
    color: black;
    border: 1px solid black;
    border-radius: .2em;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
}

.cookie_notice_close:hover,
.cookie_notice_close:focus{
    background-color: #F0E7DA;
}

.cookie_notice_hidden{
    display: none;
}


/* -------- COOKIE NOTICE - DESKTOP -------- */

@media only screen and (min-device-width: 500px){

    .cookie_notice{
        bottom: 1.5em;
        padding: 1.1em 3.5em 1.1em 1.25em;
        font-size: 1em;
    }

}