/* Global Styles */

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

:root {
    --main-gray-color: #eceef0;
    --green: #02ac57;
    --text-green: #0c9651;
    --blue: #1453a3;
    --gold-gradient: linear-gradient(#ffc917, #e49c02); 
    --gold-gradient-reversed: linear-gradient(#e49c02, #ffc917);
}

html {
    height: 100%;
}

main {
    min-height: 100vh;
}

body {
    font-family: 'Montserrat', sans-serif;
    min-height: 100%;
}




/*------------------------------------------ Navigation ------------------------------------------*/

.nav-wrapper {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10;
}

.navbar {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    color: var(--text-green);
}

.logo-container {
    margin: 1.3rem;
    margin-left: 5rem;
}

.navbar-links{
    height: 100%;
    margin-right: 5rem;
}

.navbar-links ul {
    display: flex;
    margin: 0px;
    padding: 0px;
}

.navbar-links li {
    list-style: none;
}

.navbar-links li a {
    display: block;
    text-decoration: none;
    color: var(--text-green);
    padding: 1rem;
    font-weight: 500;
    text-align: center;
}

.toggle-button {
    position: absolute;
    top: 2.5rem;
    right: 2rem;
    display: none;
    flex-direction: column;
    justify-content: space-evenly;
    width: 30px;
    height: 21px;
}

.toggle-button .bar {
    height: 3px;
    width: 100%;
    background-color: var(--text-green);
    border-radius: 10px;
}




/*------------------------------------------ Home ------------------------------------------*/

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

.background {
    position: fixed;
    top: 50px;
    z-index: -1;
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
}


.home-hero-wrapper {
    width: 100%;
    height: 107vh;
    min-height: 51rem;
    text-align: center;
}

.home-hero-grid {
    display: grid;
    grid-template-columns: .2fr 1fr .2fr;
    grid-template-rows: 30vh 1fr 1fr;
    width: 100%;
}

.home-hero img {
    width: 95%;
}


.home-hero {
    display: flex;
    grid-column: 2/3;
    grid-row: 2/3;
    text-align: center;
}

.home-hero-intro {
    text-align: left;
    flex: .7;
    margin-top: 4rem;
}

.home-hero-image {
    flex: 1;
}

.home-hero-intro h1 {
    color: white;
    font-weight: 400;
    font-size: 2.2vw;
    margin-bottom: 2rem;
}

.contact-us {
    border: none;
    background: white;
    color: var(--text-green);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    width: 200px;
    height: 40px;
    text-transform: uppercase;
    font-size: 1rem;
    cursor: pointer;
}


/*----------- Home Body -----------*/


.home-body-wrapper {
    background-color: var(--main-gray-color);
    width: 100%;
    padding-top: 40px;
    padding-bottom: 3rem;
    margin-top: -10rem;
}

.home-products-grid-container {
    display: grid;
    width: 100%;
    grid-template-columns: .2fr .5fr .5fr .1fr .7fr .2fr;
    grid-template-rows: .2fr 26rem 26rem;
    row-gap: 1rem;
    column-gap: 1rem;
    text-align: center;
    align-items: center;
    margin-bottom: 8rem;
}

.home-products-grid-container p {
    font-size: 1rem;
    margin-top: .5rem;
}

.home-products-grid-container h4 {
    margin-top: 1.1rem;
}

.home-products-title {
    grid-column: 2/6;
    grid-row: 1/2;
    margin-top: 8rem;
    margin-bottom: 4rem;
}

.home-products-title h2 {
    font-size: 1.8rem;
}

.home-card-ebrochure {
    grid-column: 2/3;
    grid-row: 2/3;
    background-color: white;
    padding: 1rem;
    height: 100%;
}

.home-card-ebrochure img {
    width: 100%;
}

.home-card-app {
    grid-column: 3/4;
    grid-row: 2/3;
    background-color: white;
    padding: 1rem;
    height: 100%;
}

.home-card-app img {
    width: 100%;
}

.home-card-translations {
    grid-column: 2/3;
    grid-row: 3/4;
    background-color: white;
    padding: 1rem;
    height: 100%;
}

.home-card-translations img {
    width: 100%;
}

.home-card-tracking {
    grid-column: 3/4;
    grid-row: 3/4;
    background-color: white;
    padding: 1rem;
    height: 100%;
}

.home-card-tracking img {
    width: 100%;
}

.home-products-testimonial {
    grid-column: 5/6;
    grid-row: 2/4;
    background: var(--gold-gradient);
    height: 100%;
}

.home-products-testimonial img {
    margin-top: 4rem;
    width: 40%;
    padding: 2rem 1rem 1rem 1rem;
}

.home-products-testimonial h2 {
    font-size: 1.6rem;
    font-weight: 400;
    margin-left: 5rem;
    margin-right: 5rem;
    padding: 0 1rem 1rem 1rem;
}

.home-products-testimonial p {
    font-size: 1rem;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 11rem;
}

.home-cta-text h2 {
    color: white;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.home-cta-btn {
    margin: 0 1rem 2rem 1rem;
    width: 175px;
    height: 40px;
    border: none;
    background-color: white;
}

.home-cta-btn a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1rem;
    text-decoration: none;
    color: #e49c02;  
}



/*------------- Home Mission -------------*/

.home-mission-wrapper {
    width: 100%;
}

.home-mission-grid-container {
    display: grid;
    background-color: white;
    width: 100%;
    grid-template-columns: .2fr .6fr .7fr .2fr;
    grid-template-rows: .2fr .6fr;
    text-align: center;
    padding-bottom: 8rem;
    padding-top: 4rem;
}


.home-mission-title {
    grid-column: 2/4;
    grid-row: 1/2;
    margin-top: 4rem;
    margin-bottom: 3rem;
}

.home-mission-title h2 {
    font-size: 1.8rem;
}

.home-mission-image img {
    width: 90%;
}

.home-mission-image {
    grid-column: 2/3;
    grid-row: 2/3;
    margin-right: 2rem;
    margin-bottom: 2rem;
}

.home-mission-statement-wrapper {
    grid-column: 3/4;
    grid-row: 2/3;
    background-color: white;
    padding: 2rem 2rem;
    box-shadow: 4px 4px 8px 4px #e6e6e6;
    margin-bottom: 4rem;
    margin-top: 3rem;
    height: fit-content; 
}

.home-mission-text h4 {
    color: var(--green);
    font-size: 1.1rem;
    margin-top: 2rem;
    text-align: left;
}

.home-mission-text p {
    font-size: 1rem;
    margin-top: 1rem;
    text-align: left;
    margin-bottom: 1rem;
}





/*------------------------------------------ ebrochure ------------------------------------------*/

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

.ebrochure-hero-wrapper {
    width: 100%;
    height: 107vh;
    min-height: 51rem;
    text-align: center;
}

.ebrochure-hero-grid {
    display: grid;
    grid-template-columns: .3fr 1fr .3fr;
    grid-template-rows: 18vh 1fr 1fr;
    width: 100%;
}

.ebrochure-hero-image {
    grid-column: 2/3;
    grid-row: 1/2;
    margin-right: -3rem;
}

.ebrochure-hero img {
    width: 680px;
}

.ebrochure-hero {
    display: grid;
    grid-template-columns: 1fr .8fr;
    grid-template-rows: 1fr;
    grid-column: 2/3;
    grid-row: 2/3;
    text-align: center;
}

.ebrochure-hero-intro {
    text-align: left;
    margin-top: 9rem; 
    grid-column: 1/2;
    grid-row: 1/2; 
    margin-right: -3rem;
}

.ebrochure-hero-intro h2 {
    color: white;
    font-weight: 400;
    font-size: 2vw;
}

.ebrochure-hero-intro h1 {
    color: white;
    font-weight: 700;
    font-size: 2.2vw;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.ebrochure-hero-intro p {
    color: white;
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 2rem;  
}



/*----------- Ebrochure Cards -----------*/

.ebrochure-cards-wrapper {
    width: 100%;
    background-color: var(--main-gray-color);
    margin-top: -10rem;
}

.ebrochure-cards-grid-container {
    display: grid;
    grid-template-columns: .3fr .5fr .5fr .5fr .3fr;
    grid-template-rows: .5fr;
    row-gap: 1rem;
    column-gap: 1rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.ebrochure-cards-grid-container p {
    font-size: 1rem;
}

.ebrochure-card-1 {
    background-color: white;
    grid-column: 2/3;
    grid-row: 1/2;
    padding: 2rem;
    height: 24rem;
}

.ebrochure-card-1 img {
    width: 50px;
    margin-bottom: 1rem;
}

.ebrochure-card-1 h4 {
    margin-bottom: .5rem;
}

.ebrochure-card-2 {
    background-color: white;
    grid-column: 3/4;
    grid-row: 1/2;
    padding: 2rem;
    height: 24rem;
}

.ebrochure-card-2 img {
    width: 40px;
    margin-bottom: 1rem;
}

.ebrochure-card-2 h4 {
    margin-bottom: .5rem;
}

.ebrochure-card-3 {
    background-color: white;
    grid-column: 4/5;
    grid-row: 1/2;
    padding: 2rem;
    height: 24rem;
}

.ebrochure-card-3 img {
    width: 40px;
    margin-bottom: 1rem;
}

.ebrochure-card-3 h4 {
    margin-bottom: .5rem;
}

/*------------- Ebrochure Features -------------*/


.ebrochure-features-wrapper {
    background-color: #fff;
    width: 100%;
    text-align: center;
}

.ebrochure-features-grid-container {
    width: 100%;
    display: grid;
    grid-template-columns: .5fr 1fr 1fr 1fr .5fr; 
    grid-template-rows: .8fr .1fr .3fr;
    padding-top: 14rem;
    padding-bottom: 10rem;
    column-gap: 1rem;
}


.ebrochure-features-1{
    grid-column: 2/4;
    grid-row: 1/2;
}

.ebrochure-features-1 img {
    width: 100%;
    
}

.ebrochure-features-1-text {
    grid-column: 4/5;
    grid-row: 1/3;
    background-color: white;
    padding: 1rem 1rem;
    box-shadow: 4px 4px 8px 4px #e6e6e6;
}

.ebrochure-features-1-text h2 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.ebrochure-features-1-text h3 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: .5rem;
    margin-bottom: 1rem;
    text-align: left;
    margin-left: 2rem;
    margin-right: 2rem;
    
}

.ebrochure-features-1-text p {
    text-align: left;
    margin-left: 2rem;
    margin-right: 2rem;

}

.ebrochure-features-1-cta {
    grid-column: 2/4;
    grid-row: 2/3;
    background: var(--gold-gradient);
    height: 4rem;
}

.ebrochure-features-1-cta h3 {
    font-size: 1.2rem;
    margin-top: 1rem;
    font-weight: 400;
}


/*------Video Feature------*/

.ebrochure-features-2 {
    grid-column: 2/3;
    grid-row: 3/4;
    margin-top: 3rem;
}

.ebrochure-features-2 h4 {
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.ebrochure-features-2 img {
    width: 100%;
}

/*------Animation Feature------*/

.ebrochure-features-3 {
    grid-column: 3/4;
    grid-row: 3/4;  
    margin-top: 3rem;
}

.ebrochure-features-3 h4 {
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.features-video {
    width: 97%;
    
}

/*------Testimonials Feature-----*/

.ebrochure-features-4 {
    
    grid-column: 4/5;
    grid-row: 3/4;
    margin-bottom: 5px;
    margin-top: 3rem;
}

.ebrochure-features-4 h4 {
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.ebrochure-features-4 img {
    width: 100%;
    
}


/*------ Ebrochure Functionality -----*/

.ebrochure-functionality-wrapper {
    width: 100%;
    background-color: var(--main-gray-color);
}

.ebrochure-functionality-grid-container {
    width: 100%;
    display: grid;
    grid-template-columns: .2fr 1fr .2fr;
    grid-template-rows: .2fr .4fr .4fr .4fr;
    padding-top: 10rem;
    padding-bottom: 10rem;
    row-gap: 1rem;  
}

.ebrochure-functionality-1 {
    display: grid;
    grid-column: 2/3;
    grid-row: 1/2;
    grid-template-columns: .6fr 1fr;
    grid-template-rows: .6fr;
    background-color: white;
    padding: 6rem 6rem;
}

.ebrochure-functionality-1 h2 {
    font-size: 1.8rem;
    margin-bottom: 2rem;
    grid-column: 1/2;
    grid-row: 1/2;
}

.ebrochure-functionality-1 h3 {
    font-size: 1.6rem;
    margin-bottom: .5rem;
    grid-column: 1/2;
    grid-row: 1/2;
}

.ebrochure-functionality-1 p {
    font-size: 1.1rem;
    margin-bottom: .5rem;
    grid-column: 1/2;
    grid-row: 1/2;
}

.ebrochure-functionality-1 img {
    width: 32vw;
    min-width: 300px;
}

.ebrochure-functionality-1-image {
    grid-column: 2/3;
    grid-row: 2/3;
    margin-top: -22rem;
    text-align: right;
    
}

.ebrochure-functionality-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: .5fr;
    grid-column: 2/3;
    grid-row: 2/3;
    background-color: white;
    padding: 6rem 6rem;
}

.ebrochure-functionality-2-image {
    width: 60%;
    grid-column: 1/2;
    grid-row: 1/2;
}

.ebrochure-functionality-2 h3 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    grid-column: 2/3;
    grid-row: 1/2;
    margin-top: 3rem;
}

.ebrochure-functionality-2 p {
    font-size: 1.1rem;
    margin-bottom: .5rem;
    grid-column: 2/3;
    grid-row: 1/2;
}

.ebrochure-functionality-2 img {
    width: 100%;

}

.ebrochure-functionality-3 {
    display: grid;
    grid-template-columns: .6fr .8fr;
    grid-template-rows: .6fr;
    grid-column: 2/3;
    grid-row: 3/4;
    background-color: white;
    padding: 6rem 6rem;
}

.ebrochure-functionality-3 h3 {
    grid-column: 1/2;
    grid-row: 1/2;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    margin-top: 5rem;  
}

.ebrochure-functionality-3 p {
    grid-column: 1/2;
    grid-row: 1/2;
    font-size: 1.1rem;
    margin-bottom: .5rem;
    
   
}

.ebrochure-functionality-3 img {
    grid-column: 2/3;
    grid-row: 1/2;
    width: 80%;
}

.ebrochure-functionality-3-image {
    text-align: right;
}

.ebrochure-functionality-4 {
    display: grid;
    grid-template-columns: .6fr .8fr;
    grid-template-rows: .6fr;
    grid-column: 2/3;
    grid-row: 4/5;
    background-color: white;
    padding: 6rem 6rem;
}

.ebrochure-functionality-4-text {
    grid-column: 2/3;
    grid-row: 1/2;

}

.ebrochure-functionality-4 h3 {
    font-size: 1.8rem;
    margin-bottom: .5rem;
    margin-top: 2rem;
}

.ebrochure-functionality-4 p {
    font-size: 1.1rem;
    margin-bottom: .5rem;
    margin-top: 1rem;
}

.ebrochure-functionality-4 img {
    width: 100%;
    margin-top: 1rem;
}

.ebrochure-functionality-4-image {
    margin-right: 3rem;
    grid-column: 1/2;
    grid-row: 1/2;
}


/*------------- Ebrochure Testimonial -------------*/


 .ebrochure-testimonial-wrapper {
    width: 100%;
    background-color: white;
    padding-top: 14rem;
    padding-bottom: 12rem;
}

.ebrochure-testimonial-grid-container {
    display: grid;
    width: 100%;
    grid-template-columns: .3fr 1fr .8fr .4fr;
    grid-template-rows: .6fr;
    text-align: center;
}

.ebrochure-testimonial-video {
    grid-column: 2/3;
    grid-row: 1/2; 
    margin-right: .5rem; 
    text-align: center;
   
}

.ebrochure-testimonial-video iframe {
    width: 30vw;
    height: 28vw;
    margin: 0;
    padding: 0;
}

.ebrochure-testimonial-text {
    grid-column: 3/4;
    grid-row: 1/2;
    margin-left: -2rem;

    
}

.ebrochure-testimonial-text h2 {
    font-size: 1.6rem;
    text-align: left;
}

.ebrochure-testimonial-text p {
    font-size: 1rem;
    text-align: left;
    margin-top: 1rem;
}






/*------------------------------------------ App ------------------------------------------*/

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



.app-hero-wrapper {
    width: 100%;
    text-align: center;
    height: 107vh;
    min-height: 51rem;
}

.app-hero-grid {
    display: grid;
    grid-template-columns: .4fr 1fr .4fr;
    grid-template-rows: 20vh .5fr 1fr;
    width: 100%;
}

.app-hero img {
    width: 220px;
    margin-top: 2rem;
}

.app-hero {
    display: flex;
    flex-direction: row-reverse;
    grid-column: 2/3;
    grid-row: 2/3;
}

.app-hero-intro {
    text-align: left;
    flex: .5;
    margin-top: 8rem;
    margin-left: 0rem;
}

.app-hero-image {
    flex: .5;
}

.app-hero-intro h2 {
    color: white;
    font-weight: 400;
    font-size: 1.4rem;
}

.app-hero-intro h1 {
    color: white;
    font-weight: 700;
    font-size: 2.2vw;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

.app-hero-intro p {
    color: white;
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 1.5rem;
   
}


/*------------- App Body -------------*/

.app-grid-wrapper {
    width: 100%;
    background-color: white;
    margin-top: -15rem;
}

.app-grid-container {
    width: 100%;
    display: grid;
    grid-template-columns: .3fr .5fr .5fr .3fr;
    grid-auto-rows: 80px .3fr .3fr .3fr .3fr;
    text-align: center;
    margin-top: 5rem;
    padding-top: 12rem;
    padding-bottom: 12rem;
    row-gap: 1rem;
    column-gap: 1rem;
}

.app-grid-container p {
    font-size: 1rem;
}

.app-grid-container h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem
}

.app-title {
    grid-column: 2/4;
    grid-row: 1/2;
}

.app-title h1 {
    font-size: 1.8rem;   
}

.app-offline {
    grid-column: 3/4;
    grid-row: 2/3;
    background-color: white;
    text-align: left;
    border: solid rgb(219, 219, 219) 1px;
    padding: 2rem;
}

.app-offline-icon img {
    width: 3rem;
    margin-bottom: 1rem;
}

.app-offline-image {
    grid-column: 2/3;
    grid-row: 2/3;
}

.app-offline-image img {
    width: 100%; 
}

.app-inquiry {
    grid-column: 2/3;
    grid-row: 3/4;
    text-align: left;
    border: solid rgb(219, 219, 219) 1px;
    padding: 2rem;
}

.app-inquiry-icon img {
    width: 3rem;
    margin-bottom: 1rem;  
}

.app-inquiry-image {
    grid-column: 3/4;
    grid-row: 3/4;  
}

.app-inquiry-image img {
    width: 100%;
}

.app-stores{
    grid-column: 3/4;
    grid-row: 4/5;
    text-align: left;
    border: solid rgb(219, 219, 219) 1px;
    padding: 2rem;
}

.app-stores-icon img {
    width: 3rem;
    margin-bottom: 1rem;
}

.app-stores-image {
    grid-column: 2/3;
    grid-row: 4/5;
    background-color: #9EA0A1;
}

.app-stores-image img {
    width: 100%;
}

.app-distinct {
    grid-column: 2/3;
    grid-row: 5/6;
    text-align: left;
    border: solid rgb(219, 219, 219) 1px;
    padding: 2rem;
}

.app-distinct-icon img {
    width: 3rem;
    margin-bottom: 1rem;
}

.app-distinct-image {
    grid-column: 3/4;
    grid-row: 5/6;
    background-color: #9EA0A1;
}

.app-distinct-image img {
    width: 100%;
}






/*------------------------------------------ Translations ------------------------------------------*/

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

.translations-hero-wrapper {
    width: 100%;
    height: 107vh;
    min-height: 51rem;
    text-align: center;
}

.translations-hero-grid {
    display: grid;
    grid-template-columns: .3fr 1fr .3fr;
    grid-template-rows: 25vh .5fr 1fr;
    width: 100%;
}


.translations-hero img {
    width: 76%;
}

.translations-hero {
    display: grid;
    grid-template-columns: 1fr .3fr;
    grid-template-rows: .3fr 1fr;
    grid-column: 2/3;
    grid-row: 2/3;
    text-align: center;
}

.translations-hero-intro {
    text-align: left;
    grid-column: 2/3;
    grid-row: 1/2;
    margin-left: -2rem;
    margin-top: 8rem;
}

.translations-hero-intro h2 {
    color: white;
    font-weight: 400;
    font-size: 2vw;
}

.translations-hero-intro h1 {
    color: white;
    font-weight: 700;
    font-size: 2.4vw;
    text-transform: uppercase;
    margin-top: 1rem;
}

.translations-languages-image {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: -2rem;
    margin-top: 1rem;
    text-align: left;
   
}

.translations-hero-image {
    grid-column: 1/2;
    grid-row: 1/3;
    margin: 0;
}

.translations-languages-image img {
    width: 80%;
   

}

/*------- Translations Body ------*/

.translations-grid-wrapper {
    width: 100%;
    background-color: var(--main-gray-color);
    padding-top: 12rem;
    padding-bottom: 8rem;
    margin-top: -10rem;
}

.translations-grid-container {
    width: 100%;
    display: grid;
    grid-template-columns: .25fr 1fr .25fr;
    grid-template-rows: .7fr 1fr;
    text-align: center;
    row-gap: 2rem;
}

.translations-grid-container p {
    font-size: 1rem;
    text-align: left;
}

.translations-grid-container h2 {
    font-size: 1.6rem;
    text-align: left;
    margin-bottom: 1rem;
}


.translations-body {
    grid-column: 2/3;
    grid-row: 1/2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: .5fr;
    background-color: white;
    padding: 3rem 3rem;
}

.translations-body-text {
    grid-column: 1/2;
    grid-row: 1/2;
}

.translations-body-image {
    grid-column: 2/3;
    grid-row: 1/2;
    margin-left: 5rem;
}

.translations-body-image img {
    width: 100%;
}

.translations-studyUSA {
    grid-column: 2/3;
    grid-row: 2/3;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: .5fr;
    background-color: white;
    padding: 3rem 3rem;
}

.translations-studyUSA-text {
    grid-column: 1/2;
    grid-row: 1/2;
}

.translations-studyUSA-image {
    grid-column: 2/3;
    grid-row: 1/2;
    
}

.translations-studyUSA img {
    width: 60%;
    margin-top: 4rem;
}

.translations-button {
    text-align: left;
}

.studyUSA-link1 {
    text-align: left;
}

.studyUSA-link2 {
    text-align: left;
}
.view-live {
    width: 350px;
    padding: .5rem 1rem;
    background-color: #02ac57;
    margin: 2rem 0;
    border: none;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 700;
}






/*------------------------------------------ Client Portal ------------------------------------------*/

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

.clientPortal-hero-wrapper {
    width: 100%;
    height: 100vh;
    min-height: 51rem;
    text-align: center;
}

.clientPortal-hero-grid {
    display: grid;
    grid-template-columns: .2fr 1fr .3fr;
    grid-template-rows: 25vh .5fr 1fr;
    width: 100%;
}

.clientPortal-hero img {
    width: 80%;
}

.clientPortal-hero {
    grid-column: 2/3;
    grid-row: 2/3;
    display: grid;
    grid-template-columns: .8fr .2fr;
    grid-template-rows: .3fr 1fr;
}

.clientPortal-hero-intro {
    grid-column: 2/3;
    grid-row: 1/2;
    text-align: left;
    margin-top: 12rem;
}

.adminPortal {
    border: none;
    background: white;
    color: var(--text-green);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    width: 200px;
    height: 40px;
    text-transform: uppercase;
    font-size: 1rem;
    cursor: pointer;

}

.clientPortal-hero-image {
    grid-column: 1/2;
    grid-row: 1/2;
    text-align: right;
    /* margin-right: 1rem; */
}

.clientPortal-hero-intro h2 {
    color: white;
    font-weight: 400;
    font-size: 2vw;
    display: inline;
}

.clientPortal-hero-intro h1 {
    color: white;
    font-weight: 700;
    font-size: 2.4vw;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.clientPortal-main {
    max-height: 10px;
    height: 100%;
}







/*------------------------------------------ Agent Platform ------------------------------------------*/

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



.agentPlatform-hero-wrapper {
    width: 100%;
    height: 107vh;
    min-height: 51rem;
    text-align: center;
}

.agentPlatform-hero-grid {
    display: grid;
    grid-template-columns: .4fr 1fr .4fr;
    grid-template-rows: 25vh .5fr 1fr;
    width: 100%;
}

.agentPlatform-hero img {
    width: 80%;
    margin-top: 2rem;
    text-align: left;
}

.agentPlatform-hero {
    grid-column: 2/3;
    grid-row: 2/3;
    text-align: center;
    display: grid;
    grid-template-columns: .5fr 1fr;
    grid-template-rows: 1fr;
}

.agentPlatform-hero-intro {
    grid-column: 1/2;
    grid-row: 1/2;
    text-align: left;
    margin-top: 10rem;
}

.agentPlatform-hero-image {
    grid-column: 2/3;
    grid-row: 1/2;
    margin-left: 1.5rem;
    
}

.agentPlatform-hero-image img {
    width: 100%;
}

.agentPlatform-hero-intro h2 {
    color: white;
    font-weight: 400;
    font-size: 2.1vw;
}

.agentPlatform-hero-intro h1 {
    color: white;
    font-weight: 700;
    font-size: 2.2vw;
    text-transform: uppercase;
}


/*----- Agent Platform Body -----*/

.agent-grid-wrapper {
    width: 100%;
    background-color: var(--main-gray-color);
    padding: 12rem 0 7rem 0;
    margin-top: -10rem;
}

.agent-grid-container {
    width: 100%;
    display: grid;
    grid-template-columns: .3fr .5fr .5fr .3fr;
    grid-template-rows: .2fr .5fr .5fr .5fr .5fr;
    row-gap: 1rem;
    column-gap: 1rem;
}

.agent-grid-container h3 {
    font-size: 1.1rem;
    font-weight: 400;
    text-align: left;
}

.agent-title {
    grid-column: 2/3;
    grid-row: 1/2;
}

.agent-title h2 {
    font-size: 1.8rem;
    text-align: center;
}

.card-database{
    grid-column: 2/3;
    grid-row: 1/2;
    background-color: white;
    padding: 3rem 4rem;
}

.database-icon {
    width: 3rem;
    margin-bottom: 1rem;
}

.card-control-access {
    grid-column: 3/4;
    grid-row: 1/2;
    background-color: white;
    padding: 3rem 4rem;
}

.control-access-icon {
    width: 3rem;
    margin-bottom: 1rem;
}

.card-personalized-access {
    grid-column: 2/3;
    grid-row: 2/3;
    background-color: white;
    padding: 3rem 4rem;
}

.personalized-access-icon{
    width: 3rem;
    margin-bottom: 1rem;
}

.card-reminders {
    grid-column: 3/4;
    grid-row: 2/3;
    background-color: white;
    padding: 3rem 4rem;
}

.reminders-icon {
    width: 3rem;
    margin-bottom: 1rem;
}

.card-control-content {
    grid-column: 2/3;
    grid-row: 3/4;
    background-color: white;
    padding: 3rem 4rem;
}

.control-content-icon {
    width: 3rem;
    margin-bottom: 1rem;
}

.card-integrate {
    grid-column: 3/4;
    grid-row: 3/4;
    background-color: white;
    padding: 3rem 4rem;
}

.integrate-icon {
    width: 3rem;
    margin-bottom: 1rem;
}

.card-manage-contacts {
    grid-column: 2/3;
    grid-row: 4/5;
    background-color: white;
    padding: 3rem 4rem;
}

.manage-contacts-icon {
    width: 3rem;
    margin-bottom: 1rem;
}

.card-messaging {
    grid-column: 3/4;
    grid-row: 4/5;
    background-color: white;
    padding: 3rem 4rem;
}

.messaging-icon {
    width: 3rem;
    margin-bottom: .8rem;
    margin-top: 1.1rem;
}






/*------------------------------------------ About ------------------------------------------*/

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



.about-hero-wrapper {
    width: 100%;
    height: 107vh;
    min-height: 51rem;
    text-align: center; 
}

.about-hero-grid {
    display: grid;
    grid-template-columns: .3fr 1fr .2fr;
    grid-template-rows: 25vh 1fr 1fr;
    width: 100%; 
}

.about-hero img {
    width: 90%;
    margin-bottom: 2rem;
}

.about-hero {
    grid-column: 2/3;
    grid-row: 2/3;
    text-align: center;
    display: grid;
    grid-template-columns: .6fr .5fr;
    grid-template-rows: 1fr;
}

.about-hero-intro {
    grid-column: 1/2;
    grid-row: 1/2;
    margin-right: 1rem;
}

.about-hero-image {
    grid-column: 2/3;
    grid-row: 1/2;
    margin-top: 4rem;
}

.about-hero-intro h2 {
    color: white;
    font-weight: 400;
    font-size: 1.4rem;
}

.about-hero-intro h1 {
    color: white;
    font-weight: 700;
    font-size: 2.4vw;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.about-hero-intro p {
    color: white;
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 2rem;
    text-align: left;
}


/*------------- About Body -------------*/


.team-profile-wrapper {
    width: 100%;
    background-color: var(--main-gray-color);
    padding-top: 12rem;
    padding-bottom: 12rem;
    margin-top: -10rem;
}

.team-grid-container {
    width: 100%;
    display: grid;
    grid-template-columns: .4fr .6fr .7fr .4fr;
    grid-template-rows: 1fr;
    text-align: center;
}

.team-profile-image h2 {
    font-size: 1.4rem;
    margin-top: 1rem;
}

.team-profile-image h4 {
    font-size: 1.1rem;
}

.team-profile-image {
    grid-column: 2/3;
    grid-row: 1/2;
    background-color: white;
    padding: 5rem;
}

.team-profile-image img {
    width: 70%;
}

.team-profile-text {
    grid-column: 3/4;
    grid-row: 1/2;
    background-color: white;
    padding: 5rem 5rem 5rem 1rem;
}

.team-profile-text p {
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    margin-top: 2rem;
}

.about-testimonial {
    display: grid;
    grid-template-columns: .2fr .3fr .5fr .3fr;
    grid-template-rows: .3fr;
    background: var(--gold-gradient);
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.about-testimonial-text h2 {
    font-size: 1.6;
    font-weight: 400;
    margin-bottom: 1rem;
}

.about-testimonial-text p {
    font-size: 1rem;
}

.about-testimonial-image img {
    width: 60%;
}

.about-testimonial-image {
    grid-column: 2/3;
    grid-row: 1/2;
    text-align: right;
    margin-right: 3rem;
    
}

.about-testimonial-text {
    grid-column: 3/4;
    grid-row: 1/2;
}






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



.footer-grid-container {
    display: grid;
    background-color: var(--blue);
    color: rgb(213, 228, 252);
    grid-template-columns: 1fr 1fr 1fr .8fr;
    grid-template-rows: 2fr .3fr .5fr;
    padding: 0 5rem 0 5rem;
}

.clientPortal-footer {
    margin-top: 110px;

}

.footer-learn-more {
    grid-column: 1/2;
    grid-row: 1/2;
    padding-right: 20px;
    
}

.footer-learn-more a, .footer-quick-links a {
    text-decoration: none;
    color: rgb(213, 228, 252);
    font-size: .9rem;
    list-style-type: none;
    font-weight: 400;
}

.footer-learn-more ul, .footer-quick-links ul {
    list-style: none;
}

.footer-learn-more li, .footer-quick-links li {
    margin-bottom: 10px;
}

.footer-learn-more h3, .footer-quick-links h3 {
    margin-top: 60px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: underline;
}

.footer-social-media {
    margin-top: 60px;
}

.footer-social-title h3 {
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: underline;
}

.social-media-image img{
    margin: 10px 5px 0px 0px;
    text-decoration: none;
}

.footer-quick-links {
    grid-column: 2/3;
    grid-row: 1/2;
}

.footer-contact {
    grid-column: 4/5;
    grid-row: 1/2;
    display: grid;
    grid-template-columns: 30px 160px;
    grid-template-rows: 80px 30px 30px 30px;
    margin-top: 60px;
    margin-right: 5rem;
}

.footer-contact h3 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: underline;
}

.footer-contact h4, h5 {
    font-weight: 600;
}

.footer-contact p {
    font-size: .9rem;
    font-weight: 400;
}

.phone-image {
    grid-column: 1/2;
    grid-row: 2/3;
}

.email-image {
    grid-column: 1/2;
    grid-row: 3/4;
}

.location-image {
    grid-column: 1/2;
    grid-row: 4/5
}

.footer-contact img {
    width: 50%;
}
.footer-contact-title {
    grid-column: 2/3;
    grid-row: 1/2;
}

.footer-contact-phone {
    grid-column: 2/3;
    grid-row: 2/3;
}

.footer-contact-email {
    grid-column: 2/3;
    grid-row: 3/4;
}

.footer-contact-address {
    grid-column: 2/3;
    grid-row: 4/5;
}

.footer-social-media {
    grid-column: 3/4;
    grid-row: 1/2;
}

.footer-copyright {
    grid-column: 1/5;
    grid-row: 3/4;
    text-align: center;
    align-content: center;
    border-top: solid rgb(123, 158, 211) 1px;
    padding-top: 20px;
}

.footer-copyright h4 {
    font-weight: 500;
}







/*------------------------------------------ Media Queries ------------------------------------------*/

@media (max-width: 1500px) {

    /* ----------- Home @ 1500---------- */

    .home-hero-grid {
        grid-template-columns: .1fr 1fr .1fr;
    }

    .home-hero-image {
        margin-left: 0;
    }

    .home-hero-intro h1 {
        font-size: 2.4vw;
    }

    .home-products-testimonial h2 {
        font-size: 1.4rem;
        font-weight: 400;
        margin-left: 2rem;
        margin-right: 2rem;
        padding: 0 1rem 1rem 1rem;
    }

    .home-products-testimonial p {
        font-size: 1rem;
        padding: 0 1rem 0 1rem;
        margin-top: 0;
        margin-bottom: 10rem;
    }

    .home-cta-text h2 {
        font-weight: 700;
    }

    /* ----------- Ebrochure @ 1500---------- */

    .ebrochure-hero-grid {
        grid-template-columns: .2fr 1fr .2fr;
    }

    .ebrochure-hero-intro {
        margin-top: 8rem; 

    }

    .ebrochure-functionality-grid-container {
        width: 100%;
        display: grid;
        grid-template-columns: .1fr 1fr .1fr;
        grid-template-rows: .2fr .4fr .4fr .4fr;
        padding-top: 10rem;
        padding-bottom: 10rem;
        row-gap: 1rem;  
    }

    .ebrochure-testimonial-grid-container {
        grid-template-columns: .2fr 1fr .8fr .3fr;
    
    }

    .ebrochure-testimonial-text h2 {
        font-size: 1.5rem;
        text-align: left;
    }

   

    /* ----------- App @ 1500---------- */

    .app-hero-grid {
        grid-template-columns: .3fr 1fr .3fr;
    }

    .app-hero-image {
        margin-left: 0;
    }

    .app-hero-intro {
        margin-top: 8rem;
        margin-left: 2rem;
    }

    .app-hero-intro h1 {
        font-size: 2.4vw;
    }

    .app-grid-container {
        grid-template-columns: .2fr .5fr .5fr .2fr;
        grid-auto-rows: 80px .5fr .5fr .5fr .5fr;
    }

    /* ----------- Translations @ 1500---------- */

    .translations-hero-grid {
        grid-template-columns: .2fr 1fr .2fr;
    }

    .translations-hero-image {
        margin-left: 0;
    }

    .translations-hero-intro h1 {
        font-size: 2.4vw;
    }

    .translations-grid-container {
        grid-template-columns: .2fr 1fr .2fr;
    }

    /* ----------- Client Portal @ 1500---------- */

   .clientPortal-hero-grid {
        grid-template-columns: .1fr 1fr .2fr;
    } 

    .clientPortal-hero-image {
        margin-left: 0;
    
    }

    .clientPortal-hero-intro h1 {
        font-size: 3vw;
    }

    .clientPortal-hero-wrapper {
        height: 110vh;
    }
    


    /* ----------- Agent Platform @ 1500---------- */

    .agent-platform-hero-grid {
        grid-template-columns: .2fr 1fr .2fr;
        grid-template-rows: 230px 1fr 1fr;
    }

    .agent-platform-hero-image {
        margin-left: 0;
       
    }

    .agentPlatform-hero-image img {
        width: 100%;
    }

    .agent-platform-hero-intro h1 {
        font-size: 3vw;
    }
    /* ----------- About @ 1500---------- */

    .about-hero-grid {
        grid-template-columns: .2fr 1fr .15fr;

    }

    .about-hero-image {
        margin-left: 0;
    }

    .about-hero-intro h1 {
        font-size: 2.4vw;
    }

    .team-grid-container {
        grid-template-columns: .3fr .6fr .7fr .3fr;
    }

    .about-testimonial {
        display: grid;
        grid-template-columns: .15fr .3fr .5fr .15fr;
        grid-template-rows: .3fr;
        background: var(--gold-gradient);
        padding-top: 8rem;
        padding-bottom: 8rem;
    }


}



@media (max-width: 1425px) { 
 
    /* ----------- Ebrochure @ 1425---------- */

    .ebrochure-functionality-3 h3 {
        margin-top: 2rem;  
    }

    /* ----------- Client Portal @ 1425---------- */

   .clientPortal-hero-grid {
        grid-template-columns: .1fr 1fr .15fr;
        grid-template-rows: 25vh 1fr 1fr;
    } 

    .clientPortal-hero img{
        width: 80%;
    }

    /* ----------- Agent Platform @ 1425---------- */

    .agentPlatform-hero-image img {
        width: 130%;
    }

    .agentPlatform-hero-image {
        margin-right: 2rem;
    }

    /* ----------- About @ 1425---------- */
     .about-hero-wrapper {
        min-height: 54rem;
    } 

    .about-hero-grid {
        grid-template-columns: .15fr 1fr .1fr;
    }

    



    @media (max-width: 1280px) {
        .clientPortal-hero-grid {
            grid-template-columns: .15fr 1fr .05fr;
            grid-template-rows: 25vh 1fr 1fr;
        }

        .clientPortal-hero-intro {
            margin-left: 1rem;
        }

        .clientPortal-hero-image img {
            width: 100%;
        }


        .about-testimonial {
            display: grid;
            grid-template-columns: .15fr .3fr .5fr .2fr;
            grid-template-rows: .3fr;
            background: var(--gold-gradient);
            padding-top: 8rem;
            padding-bottom: 8rem;
        }

    }  
    
    



@media (max-width: 1200px) {

    /* Responsive Navigation */
    
        .navbar {
            flex-direction: column;
            align-items: flex-start;
        }
    
        .toggle-button {
            display: flex;
        }
    
        .navbar-links {
            width: 100%;
            display: none;
        }
    
        .navbar-links ul {
            width: 100%;
            flex-direction: column;
            padding-bottom: 1rem;
        }
    
        .navbar-links ul li {
            text-align: left;
            margin-left: 4rem;
        }
    
        .navbar-links ul li a {
            padding: .75rem 1rem;
            text-align: left;
        
        }
    
        .navbar-links.active {
            display: flex;
      
        }

        /* ----------- Home @ 1200----------*/ 

        .home-body-wrapper {
            margin-top: -10rem;
        }

        .home-products-grid-container {
            display: grid;
            width: 100%;
            grid-template-columns: .15fr .6fr .6fr .6fr .15fr;
            grid-template-rows: .2fr 26rem 26rem;
            row-gap: 1rem;
            column-gap: 1rem;
            text-align: center;
            align-items: center;
        }

        .home-products-testimonial {
            grid-column: 4/5;
            grid-row: 2/4;
            background: var(--gold-gradient);
            height: 100%;
        }

        .home-products-testimonial h2 {
            font-size: 1.2rem;
            font-weight: 400;
            margin-left: 2rem;
            margin-right: 2rem;
            padding: 0 1rem 1rem 1rem;
        }

        .home-products-testimonial p {
            font-size: 1rem;
            padding: 0 1rem 0 1rem;
            margin-top: 0;
            margin-bottom: 10rem;
        }

        .home-cta-text h2 {
            color: white;
            font-size: 1.4rem;
            font-weight: 700;
            margin-bottom: 1rem;
        }

        .home-mission-grid-container {
            display: grid;
            background-color: white;
            width: 100%;
            grid-template-columns: .15fr .7fr .5fr .15fr;
            grid-template-rows: .2fr .6fr;
            text-align: center;
            padding-bottom: 8rem;
            padding-top: 4rem;
        }

        .home-mission-image {
            grid-column: 2/3;
            grid-row: 2/3;
            margin-right: 2rem;
            margin-bottom: 2rem;
            margin-top: 5rem;
        }

        /* ----------- Ebrochure @ 1200---------- */

        .ebrochure-hero-grid {
            grid-template-columns: .15fr 1fr .15fr;
        }

        .ebrochure-hero-wrapper {
            height: 85vh;
            text-align: center;
        }

        .ebrochure-hero-intro h1 {
            font-size: 2.6vw;
        }

        .ebrochure-hero-intro {
            margin-top: 7rem;
        }

        .ebrochure-hero-intro p {
            font-size: .9rem;
            margin-bottom: 2rem;
        }

        .ebrochure-hero img {
            width: 550px;
        }

        .ebrochure-cards-wrapper {
            margin-top: unset;
        }

        .ebrochure-cards-grid-container {
            display: grid;
            grid-template-columns: .2fr .5fr .5fr .5fr .2fr;
            grid-template-rows: .5fr;
            row-gap: 1rem;
            column-gap: 1rem;
            padding-top: 5rem;
            padding-bottom: 5rem;
            
        }

        .ebrochure-features-grid-container {
            grid-template-columns: .2fr 1fr 1fr 1fr .2fr; 
            grid-template-rows: 1fr .1fr .3fr;
            
        }

        .ebrochure-functionality-2 h3 {
            margin-top: 2rem;
        }

        .ebrochure-functionality-1-image {
            margin-left: 2rem;
        }

        .ebrochure-functionality-3-image {
            margin-top: 2rem;
        }
        

    

    /* ----------- App @ 1200 ---------- */

        .app-hero-wrapper {
            height: 76vh;
            text-align: center;
        }

        .app-hero-intro h1 {
            font-size: 2.6vw;
        }

        .app-hero-intro {
            margin-top: 8rem;
            margin-right: 0rem;
            margin-left: 3rem;
            flex: 1;
        }

        .app-hero-intro p {
            margin-bottom: 2rem;
        }

        .app-grid-wrapper {
            margin-top: -5rem;
        }

        .app-grid-container {
            grid-template-columns: .12fr .5fr .5fr .12fr;
            grid-auto-rows: 80px .5fr .5fr .5fr .5fr;
        }

        .app-grid-container p {
            font-size: .9rem;
        }


    /* ----------- Translations @ 1200 ---------- */

        .translations-hero-wrapper {
            height: 85vh;
            text-align: center;
        }

        .translations-hero-intro h1 {
            font-size: 2.6vw;
        }

        .translations-hero-intro {
            margin-top: 8rem;
            margin-right: 0rem;
            margin-left: 0;
            flex: 1;
        }

        .translations-hero-intro p {
            margin-bottom: 2rem;
        }

        .translations-languages-image img {
            width: 70%;
        }

        .translations-languages-image {
            margin-left: 0;
        }

        .translations-grid-wrapper {
            margin-top: unset;
        }

        .translations-grid-container {
            grid-template-columns: .15fr 1fr .15fr;
        }

        

    /* ----------- Client Portal @ 1200 ---------- */

        .clientPortal-hero-intro h1 {
            font-size: 2.6vw;
        }

        .clientPortal-hero-intro {
            margin-top: 8rem;
            margin-right: 0rem;
            margin-left: 0;
        }

        .clientPortal-hero-image img {
            width: 80%;
            margin-right: .5rem;
        }

        .clientPortal-hero-intro p {
            margin-bottom: 2rem;
        }


    /* ----------- Agent Platfrom @ 1200 ---------- */

        .agentPlatform-hero-grid {
            grid-template-columns: .2fr 1fr .2fr;
        }

        .agentPlatform-hero-wrapper {
            height: 85vh;
            text-align: center;
        }

        .agentPlatform-hero-intro h1 {
            font-size: 2.6vw;
        }

        .agentPlatform-hero-intro {
            margin-top: 8rem;
            margin-right: 0rem;
            margin-left: 0;
            flex: 1;
        }

        .agentPlatform-hero-image img {
            width: 100%;
        }
    
        .agentPlatform-hero-image {
            margin-right: unset;
            margin-left: unset;
        }

        .agentPlatform-hero-intro p {
            margin-bottom: 2rem;
        }

        .agent-grid-wrapper {
            margin-top: unset;
        }

    /* ----------- About @ 1200 ---------- */

        .about-hero {
            grid-column: 2/3;
            grid-row: 2/3;
            text-align: center;
            display: grid;
            grid-template-columns: 1fr .6fr;
            grid-template-rows: 1fr;
        }

        .about-hero-intro {
            margin-right: 2rem;
        }

        .about-hero-image {
            margin-top: 7rem;
        }

        .team-grid-container {
            grid-template-columns: .2fr .6fr .9fr .2fr;
        }

        .about-testimonial {
            grid-template-columns: .1fr .3fr .5fr .2fr;
        }
  
    
}


    @media (max-width: 1050px) {

        .ebrochure-functionality-2-image {
            margin-top: 2rem;
        }

        .about-hero-image {
            display: none;
        }

        .about-hero {
            grid-template-columns: 2fr;
        }
    }



/*--------------------Start One Column Layout--------------------*/


    @media (max-width:950px) {

        /* ----------- Home @ 950 ----------*/ 

        .home-hero-wrapper {
            height: 100vh;
            text-align: center;
        }

        .home-hero-grid {
            display: grid;
            width: 100%;
            grid-template-columns: .3fr 1fr .3fr;
            grid-template-rows: 120px .5fr 1fr;
        }

        .home-hero-intro {
            text-align: center;
        }

        .home-hero-intro h1 {
            font-size: 2.4rem;
            margin-bottom: 2rem;
        }

        .home-hero-cta {
            margin-bottom: 3rem;
        }

        .home-hero img {
            width: 90%;
        }

        .home-hero {
            display: unset;
            grid-column: 2/3;
            grid-row: 2/3;
            text-align: center;
        }

        .home-body-wrapper {
            margin-top: unset;
        }

        /*----------- Home Body -----------*/

        .home-body-wrapper {
            padding-top: 40px;
            padding-bottom: 3rem;
        }

        .home-products-grid-container {
            grid-template-columns: .4fr 1fr .4fr;
            grid-template-rows: .1fr .5fr .5fr .5fr .5fr .5fr;
            row-gap: 2rem;
            column-gap: 0;
            text-align: center;
            align-items: center;
            margin-bottom: unset;
        }

        .home-products-grid-container p {
            margin-top: .5rem;
            margin-bottom: 1rem;
        }

        .home-products-grid-container h4 {
            margin-top: 1.1rem;
            font-size: 1.2rem;
        }
        
        .home-products-title {
            grid-column: 2/3;
            grid-row: 1/2;
            margin-top: 2rem;
            margin-bottom: .5rem;
        }
        
        .home-products-title h2 {
            font-size: 1.6rem;
        }
        
        .home-card-ebrochure {
            grid-column: 2/3;
            grid-row: 2/3;
            padding: 1rem;
            height: unset;
        }
        
        .home-card-ebrochure img {
            width: 100%;
        }
        
        .home-card-app {
            grid-column: 2/3;
            grid-row: 3/4;
            padding: 1rem;
        }
        
        .home-card-app img {
            width: 100%;
        }
        
        .home-card-translations {
            grid-column: 2/3;
            grid-row: 4/5;
            padding: 1rem;
            height: unset;
        }
        
        .home-card-translations img {
            width: 100%;
        }
        
        .home-card-tracking {
            grid-column: 2/3;
            grid-row: 5/6;
            padding: 1rem;
            height: unset;
        }
    
        .home-card-tracking img {
            width: 100%;
        }
        
        .home-products-testimonial {
            grid-column: 2/3;
            grid-row: 6/7;
            margin-bottom: 1rem;
            height: unset;
        }
        
        .home-products-testimonial img {
            width: 60%;
            margin-top: unset;
            padding: 2rem 1rem 1rem 1rem;
        }
        
        .home-products-testimonial h2 {
            font-size: 1.2rem;
            font-weight: 400;
            margin-left: 1rem;
            margin-right: 1rem;
            padding: 0 1rem 1rem 1rem;
        }
        
        .home-products-testimonial p {
            font-size: 1rem;
            padding-top: 0;
            margin-top: 0;
            margin-left: 1rem;
            margin-right: 1rem;
            margin-bottom: 2rem;
        }
        
        .home-cta-text h2 {
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: 1rem;
        }
        
        .home-cta-btn {
            margin: 0 1rem 2rem 1rem;
            width: 175px;
            height: 40px;
            border: none;
            background-color: white;
        }
        

        /*------------- Home Mission -------------*/


        .home-mission-grid-container {
            grid-template-columns: .4fr 1fr .4fr;
            grid-template-rows: .2fr .5fr .8fr;
            text-align: center;

        }

        .home-mission-title {
            grid-column: 2/3;
            grid-row: 1/2;
            margin-top: 4rem;
            margin-bottom: unset;
            
        }

        .home-mission-title h2 {
            font-size: 1.6rem;
        }

        .home-mission-image img {
            width: 90%;
        }

        .home-mission-image {
            grid-column: 2/3;
            grid-row: 2/3;
            margin-top: 3rem;
            margin-right: 0px;
            text-align: center;
            margin-bottom: 1rem;
            
        }

        .home-mission-statement-wrapper {
            grid-column: 2/3;
            grid-row: 3/4;
            padding: 2rem 1rem;
            margin-bottom: 4rem;
            margin-top: 3rem;

        }

        .home-mission-text h4 {
            font-size: 1.2rem;
            margin-top: 2rem;
            text-align: left;
        }

        .home-mission-text p {
            font-size: 1rem;
            margin-top: 1rem;
            text-align: left;
            margin-bottom: 2rem;
        }
        



        /* ----------- Ebrochure @ 950---------- */

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

        .ebrochure-hero-wrapper {
            height: 100vh;
            text-align: center;
        }

        .ebrochure-hero-grid {
            grid-template-columns: .3fr 1fr .3fr;
            grid-template-rows: 200px .5fr 1fr;
        }

        .ebrochure-hero-image {
            margin-right: 2.5rem;
            margin-top: -1rem;
        
        }

        .ebrochure-hero img {
            width: 100%;
        }

        .ebrochure-hero {
            display: unset;
            grid-column: 2/3;
            grid-row: 2/3;
            text-align: center;
        }

        .ebrochure-hero-intro {
            text-align: center;
            margin-top: 0;
            margin-right: unset;
        }

        .ebrochure-hero-intro h2 {
            font-size: 2rem;
        }

        .ebrochure-hero-intro h1 {
            font-size: 2.4rem;
            margin-bottom: 1rem;
        }

        .ebrochure-hero-intro p {
            font-weight: 500;
            font-size: 1.1rem;
            margin-bottom: 2rem; 
        }

    

    

    /*----------- Ebrochure Cards @ 950 -----------*/


    .ebrochure-cards-grid-container {
        grid-template-columns: .4fr 1fr .4fr;
        grid-template-rows: .5fr .5fr .5fr;
        row-gap: 1rem;
        padding-top: 5rem;
        padding-bottom: 5rem;
        column-gap: unset;
    }

    .ebrochure-card-1 {
        grid-column: 2/3;
        grid-row: 1/2;
        padding: 1rem;
        height: unset;
    }

    .ebrochure-card-1 img {
        width: 50px;
        margin-bottom: 1rem;
    }

    .ebrochure-card-1 h4 {
        margin-bottom: .5rem;
    }

    .ebrochure-card-2 {
        grid-column: 2/3;
        grid-row: 2/3;
        padding: 1rem;
        height: unset;
    }

    .ebrochure-card-2 img {
        width: 40px;
        margin-bottom: 1rem;
    }

    .ebrochure-card-2 h4 {
        margin-bottom: .5rem;
    }

    .ebrochure-card-3 {
        background-color: white;
        grid-column: 2/3;
        grid-row: 3/4;
        padding: 1rem;
        height: unset;
    }

    .ebrochure-card-3 img {
        width: 40px;
        margin-bottom: 1rem;
    }

    .ebrochure-card-3 h4 {
        margin-bottom: .5rem;
    }

    /*---------- Ebrochure Features @ 950 ----------*/


    .ebrochure-features-grid-container {
        grid-template-columns: .4fr 1fr .4fr; 
        grid-template-rows: .3fr .5fr .2fr .4fr .4fr .4fr;
        padding-top: 5rem;
        padding-bottom: 5rem;
        row-gap: 1rem;
        column-gap: unset;
    }


    .ebrochure-features-1{
        grid-column: 2/3;
        grid-row: 1/2;
        
    }

    .ebrochure-features-1 img {
        width: 100%;
        grid-column: 2/3;  
    }

    .ebrochure-features-1-text {
        grid-column: 2/3;
        grid-row: 2/3;
        padding: 2rem 1rem;
        background-color: white;
    }

    .ebrochure-features-1-text h2 {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }

    .ebrochure-features-1-text h3 {
        font-size: 1.2rem;
        margin-top: .5rem;
        margin-bottom: 1rem;
        margin-left: 2rem;
        margin-right: 2rem;  
        text-align: center;
    }

    .ebrochure-features-1-text p {
        margin-top: 2rem;
        margin-left: 2rem;
        margin-right: 2rem;
        text-align: center;
    }

    .ebrochure-features-1-cta {
        grid-column: 2/3;
        grid-row: 3/4;
        height: 70px;
        justify-content: center;
        margin-top: unset;   
    }

    .ebrochure-features-1-cta h3 {
        font-size: 1rem;
        color: white;
        margin: 1.3rem;
        text-align: center; 
    }


    /*------Video Feature------*/

    .ebrochure-features-2 {
        grid-column: 2/3;
        grid-row: 4/5;
        margin-top: 4rem;
    }

    .ebrochure-features-2 h4 {
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }

    .ebrochure-features-2 img {
        width: 100%;
    }

    /*------Animation Feature------*/

    .ebrochure-features-3 {
        grid-column: 2/3;
        grid-row: 5/6;
        margin-top: 1rem;  
    }

    .ebrochure-features-3 h4 {
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }

    .features-video {
        width: 100%;
        
    }

    /*------Testimonials Feature-----*/

    .ebrochure-features-4 {
        margin-top: 1.5rem;
        grid-column: 2/3;
        grid-row: 6/7;
        margin-bottom: unset;
    }

    .ebrochure-features-4 h4 {
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }

    .ebrochure-features-4 img {
        width: 100%;
    }

    /*------ Ebrochure Functionality -----*/


    .ebrochure-functionality-grid-container {
        grid-template-columns: .3fr 1fr .3fr;
        grid-template-rows: .8fr .6fr .8fr .8fr;
        padding-top: 5rem;
        padding-bottom: 5rem;
        row-gap: 3rem;
        
    }

    .ebrochure-functionality-1 {
        display: unset;
        grid-column: 2/3;
        grid-row: 1/2;
        padding: 3rem 1.5rem;
    }

    .ebrochure-functionality-1 h2 {
        font-size: 1.6rem;
        margin-bottom: .5rem;
    }

    .ebrochure-functionality-1 h3 {
        font-size: 1.1rem;
        margin-bottom: .5rem;
    }

    .ebrochure-functionality-1 p {
        font-size: 1rem;
        margin-bottom: .5rem;
    }

    .ebrochure-functionality-1 img {
        margin-top: 1rem;
        min-width: unset;
    }

    .ebrochure-functionality-1-image {
        margin-top: unset;
        text-align: center;  
    }


    .ebrochure-functionality-2 {
        display: unset;
        grid-column: 2/3;
        grid-row: 2/3;
        padding: 3rem 1.5rem;
    }

    .ebrochure-functionality-2-image {
        margin-top: 3rem;
        display: grid;
        width: 100%;
        grid-template-columns: .3fr 1fr .3fr;
        grid-template-rows: 1fr;
    } 
    

    .ebrochure-functionality-2 img {
        width: 100%;
        grid-column: 2/3;
        grid-row: 1/2; 

    }

    .ebrochure-functionality-2 h3 {
        font-size: 1.1rem;
        margin-bottom: .5rem;
        margin-top: unset;
    }

    .ebrochure-functionality-2 p {
        font-size: 1rem;
        margin-bottom: .5rem;
    }

    .ebrochure-functionality-3 {
        display: unset;
        grid-column: 2/3;
        grid-row: 3/4;
        padding: 3rem 1.5rem;
    }

    .ebrochure-functionality-3 h3 {
        font-size: 1.1rem;
        margin-bottom: .5rem;
        margin-top: unset;
    }

    .ebrochure-functionality-3 p {
        font-size: 1rem;
        margin-bottom: .5rem;
        margin-top: unset;
    }

    .ebrochure-functionality-3-image img {
        width: 100%;
        margin: 1rem 1rem 1rem 1rem;
    }

    .ebrochure-functionality-3-image {
        text-align: center;
    }

    .ebrochure-functionality-4 {
        display: unset;
        grid-column: 2/3;
        grid-row: 4/5;
        padding: 3rem 1.5rem;
    }

    .ebrochure-functionality-4 h3 {
        font-size: 1.1rem;
        margin-bottom: .5rem;
        margin-top: unset;
    }

    .ebrochure-functionality-4 p {
        font-size: 1rem;
        margin-bottom: .5rem;
        margin-top: unset;
    }

    .ebrochure-functionality-4 img {
        width: 100%;
        margin-top: 1rem;
    }

    .ebrochure-functionality-4-image {
        margin-right: unset;
    }

    /*------------- Ebrochure Testimonial -------------*/

    .ebrochure-testimonial-wrapper {
        padding-top: 5rem;
        padding-bottom: 4rem;
    }

    .ebrochure-testimonial-grid-container {
        grid-template-columns: .4fr 1fr .4fr;
        grid-template-rows: .6fr .7fr;
        text-align: center;
    }

    .ebrochure-testimonial-video {
        grid-column: 2/3;
        grid-row: 1/2;  
        margin-right: unset;
        text-align: unset;
    
    }

    .ebrochure-testimonial-video iframe {
        width: 100%;
        
        margin: 0;
        padding: 0;
    }

    .ebrochure-testimonial-text {
        grid-column: 2/3;
        grid-row: 2/3;
        margin-top: 1rem;
        margin-left: unset;

    }

    .ebrochure-testimonial-text h2 {
        font-size: 1.6rem;
        padding: 1rem 0rem;
        text-align: left;
        margin-top: 3rem;
    }

    .ebrochure-testimonial-text p {
        font-size: 1rem;
        text-align: left;
        margin-bottom: 2rem;
        margin-top: unset;
    }


    /* ----------- App @ 950 ---------- */

    .app-hero-wrapper {
        text-align: center;
        height: 100vh;
    }

    .app-hero-grid {
        display: grid;
        width: 100%;
        grid-template-columns: .3fr 1fr .3fr;
        grid-template-rows: 180px .5fr 1fr;
    }

    .app-hero img {
        width: 33%;
        margin-top: 2rem;
    }

    .app-hero {
        display: unset;
        grid-column: 2/3;
        grid-row: 2/3;
        text-align: center;
    }

    .app-hero-intro {
        text-align: center;
        margin: 0;
    }

    .app-hero-intro h2 {
        font-size: 1.6rem;
    }

    .app-hero-intro h1 {
        font-size: 2.4rem;
        margin-bottom: 1rem;
    }

    .app-hero-intro p {
        font-weight: 500;
        font-size: 1.2rem;
        margin-bottom: 2rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    /*------------- App Body -------------*/

    .app-grid-container {
        grid-template-columns: .4fr 1fr .4fr;
        grid-auto-rows: 50px .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr;
        text-align: center;
        margin-top: 5rem;
        padding-top: 4rem;
        padding-bottom: 4rem;
        row-gap: 2rem;
    }

    .app-grid-container p {
        font-size: 1rem;
    }
    
    .app-grid-container h3 {
        font-size: 1.1rem;
        margin-bottom: .5rem
    }
    
    .app-title {
        grid-column: 2/3;
        grid-row: 1/2;
    }
    
    .app-title h1 {
        font-size: 1.8rem;
    }
    
    .app-offline {
        grid-column: 2/3;
        grid-row: 2/3;
        background-color: white;
        text-align: left;
        padding: 1rem;
    }
    
    .app-offline-icon img {
        width: 3rem;
        margin-bottom: 1rem;
    }
    
    .app-offline-image {
        grid-column: 2/3;
        grid-row: 3/4;
    }
    
    .app-offline-image img {
        width: 100%;
    }
    
    .app-inquiry {
        grid-column: 2/3;
        grid-row: 4/5;
        text-align: left;
        padding: 1rem;
    }
    
    .app-inquiry-icon img {
        width: 3rem;
        margin-bottom: 1rem;
    }
    
    .app-inquiry-image {
        grid-column: 2/3;
        grid-row: 5/6;
    }
    
    .app-inquiry-image img {
        width: 100%;
    }
    
    .app-stores{
        grid-column: 2/3;
        grid-row: 6/7;
        text-align: left;
        padding: 1rem;
    }
    
    .app-stores-icon img {
        width: 3rem;
        margin-bottom: 1rem;
    }
    
    .app-stores-image {
        grid-column: 2/3;
        grid-row: 7/8;
    }
    
    .app-stores-image img {
        width: 100%;
    }
    
    .app-distinct {
        grid-column: 2/3;
        grid-row: 8/9;
        text-align: left;
        padding: 1rem;
    }
    
    .app-distinct-icon img {
        width: 3rem;
        margin-bottom: 1rem;
    }
    
    .app-distinct-image {
        grid-column: 2/3;
        grid-row: 9/10;
    }
    
    .app-distinct-image img {
        width: 100%;
    }



    /* ----------- Translations @ 950 ---------- */

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

    .translations-hero-wrapper {
        width: 100%;
        height: 100vh;
        text-align: center;
    }

    .translations-hero-grid {
        display: grid;
        grid-template-columns: .3fr 1fr .3fr;
        grid-template-rows: 180px .5fr 1fr;
        width: 100%;
        text-align: center;
    }

    .translations-hero img {
        width: 83%;
    }

    .translations-hero {
        display: unset;
        grid-column: 2/3;
        grid-row: 2/3;
        text-align: center;
    }

    .translations-hero-intro {
        text-align: center;
        margin-top: 0px;
        display: unset;
    }

    .translations-hero-intro h2 {
        font-weight: 400;
        font-size: 1.8rem;
    }

    .translations-hero-intro h1 {
        color: white;
        font-weight: 700;
        font-size: 2.4rem;
        text-transform: uppercase;
        margin-top: 1rem;
    }

    .translations-languages-image img {
        width: 50%;
        margin-top: 2rem;

    }

    .translations-languages-image {
        display: unset;
        margin-right: 1rem;
    }

    /*------- Translations Body ------*/

    .translations-grid-wrapper {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .translations-grid-container {
        width: 100%;
        display: grid;
        grid-template-columns: .3fr 1fr .3fr;
        grid-template-rows: .7fr 1fr;
        text-align: center;
        row-gap: 2rem;
    }

    .translations-grid-container p {
        font-size: 1rem;
        text-align: left;
    }

    .translations-grid-container h2 {
        font-size: 1.6rem;
        text-align: left;
        margin-bottom: .5rem;
    }


    .translations-body {
        display: unset;
        grid-column: 2/3;
        grid-row: 1/2;
        background-color: white;
        padding: 3rem 2rem;
    }

    .translations-body-image img {
        width: 90%;
    }

    .translations-body-image {
        margin-left: unset;
    }

    .translations-studyUSA {
        display: unset;
        grid-column: 2/3;
        grid-row: 2/3;
        background-color: white;
        padding: 3rem 2rem;
    }

    .translations-studyUSA img {
        width: 70%;
        margin-top: unset;
    }

    .translations-button {
        text-align: center;
    }
    
    .studyUSA-link1 {
        text-align: center;
    }
    
    .studyUSA-link2 {
        text-align: center;
    }

    .view-live {
        width: 350px;
        padding: .5rem 1rem;
        background-color: #02ac57;
        margin: 2rem 0;
        font-size: 1rem;
    }


    /* ----------- Client Portal @ 950 ---------- */

    .clientPortal-hero-wrapper {
        width: 100%;
        height: 100vh;
        text-align: center;
    }
    
    .clientPortal-hero-grid {
        display: grid;
        grid-template-columns: .2fr 1fr .2fr;
        grid-template-rows: 110px .5fr 1fr;
        width: 100%;
    }
    
    .clientPortal-hero img {
        width: 80%;
    }

    .clientPortal-hero-image {
        margin-right: unset;
        text-align: center;
        margin-top: 2rem;
    }
    
    .clientPortal-hero {
        display: unset;
        grid-column: 2/3;
        grid-row: 2/3;
        text-align: center;
    }

    .clientPortal-hero-intro {
        text-align: center;
    }

    .clientPortal-hero-intro h2 {
        font-size: 2rem;
    }
    
    .clientPortal-hero-intro h1 {
        font-weight: 700;
        font-size: 2.4rem;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
    }
    
    

    /* ----------- Agent Platfrom @ 950 ---------- */

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


    .agentPlatform-hero-wrapper {
        height: 100vh;
        text-align: center;
    }

    .agentPlatform-hero-grid {
        display: grid;
        grid-template-columns: .2fr 1fr .2fr;
        grid-template-rows: 110px .5fr 1fr;
        width: 100%;
    }

    .agentPlatform-hero img {
        width: 83%;
        margin-top: 3rem;
    }

    .agentPlatform-hero {
        display: unset;
        grid-column: 2/3;
        grid-row: 2/3;
        text-align: center;
    }

    .agentPlatform-hero-intro {
        text-align: center;
    }

    .agentPlatform-hero-intro h2 {
        font-weight: 400;
        font-size: 1.8rem;
    }

    .agentPlatform-hero-intro h1 {
        font-size: 2.4rem;
        text-transform: uppercase;
    }


    /*----- Agent Platform Body -----*/

    .agent-grid-wrapper {
        padding: 4rem 0 5rem 0;
    }

    .agent-grid-container {
        width: 100%;
        display: grid;
        grid-template-columns: .4fr 1fr .4fr;
        grid-template-rows: .2fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr;
        row-gap: 2rem;
    }

    .agent-grid-container h3 {
        font-size: .9rem;
        font-weight: 400;
        text-align: left;
    }

    .agent-title {
        grid-column: 2/3;
        grid-row: 1/2;
    }

    .agent-title h2 {
        font-size: 1.8rem;
        text-align: center;
    }

    .card-database{
        grid-column: 2/3;
        grid-row: 2/3;
        padding: 3rem 2rem;
    }

    .database-icon {
        width: 3rem;
        margin-bottom: .5rem;
    }

    .card-control-access {
        grid-column: 2/3;
        grid-row: 3/4;
        padding: 3rem 2rem;
    }

    .control-access-icon {
        width: 3rem;
        margin-bottom: .5rem;
    }

    .card-personalized-access {
        grid-column: 2/3;
        grid-row: 4/5;
        padding: 3rem 2rem;
    }

    .personalized-access-icon{
        width: 3rem;
        margin-bottom: .5rem;
    }

    .card-reminders {
        grid-column: 2/3;
        grid-row: 5/6;
        padding: 3rem 2rem;
    }

    .reminders-icon {
        width: 3rem;
        margin-bottom: .5rem;
    }

    .card-control-content {
        grid-column: 2/3;
        grid-row: 6/7;
        padding: 3rem 2rem;
    }

    .control-content {
        width: 3rem;
        margin-bottom: .5rem;
    }

    .card-integrate {
        grid-column: 2/3;
        grid-row: 7/8;
        padding: 3rem 2rem;
    }

    .integrate-icon {
        width: 3rem;
        margin-bottom: .5rem;
    }

    .card-manage-contacts {
        grid-column: 2/3;
        grid-row: 8/9;
        padding: 3rem 2rem;
    }

    .manage-contacts-icon {
        width: 3rem;
        margin-bottom: .5rem;
    }

    .card-messaging {
        grid-column: 2/3;
        grid-row: 9/10;
        padding: 3rem 2rem;
    }

    .messaging-icon {
        width: 3rem;
        margin-bottom: .5rem;
        margin-top: unset;
    }

    /* ----------- About @ 950 ---------- */
    /*------------- Hero -------------*/

    .about-hero-wrapper {
        height: fit-content;
        text-align: center; 
    }

    .about-hero-grid {
        display: grid;
        grid-template-columns: .2fr 1fr .15fr;
        grid-template-rows: 180px .5fr .4fr;
        width: 100%; 
    }

    .about-hero-image {
        display: contents;
    }

    .about-hero img {
        width: 45%;
        margin-bottom: 2rem;
    }

    .about-hero {
        display: unset;
        grid-column: 2/3;
        grid-row: 2/3;
        text-align: center;
    }

    .about-hero-intro {
        text-align: center;
    }

    .about-hero-intro h2 {
        font-weight: 400;
        font-size: 1.4rem;
    }


    .about-hero-intro h1 {
        font-weight: 700;
        font-size: 2.4rem;
        text-transform: uppercase;
        margin-bottom: 1rem;
    }

    .about-hero-intro p {
        font-weight: 500;
        font-size: 1rem;
        margin-bottom: 2rem;
        text-align: left;
    }


    /*------------- About Body -------------*/

    .about-main {
        min-height: 80vh;
    }

    .team-profile-wrapper {
        padding-top: 8rem;
        padding-bottom: 8rem;
        margin-top: -10rem;
    }

    .team-grid-container {
        width: 100%;
        display: grid;
        grid-template-columns: .2fr 1fr .2fr;
        grid-template-rows: .5fr 1fr;
        text-align: center;
    }

    .team-profile-image h2 {
        font-size: 1.4rem;
        margin-top: 1rem;
    }

    .team-profile-image h4 {
        font-size: .9rem;
    }

    .team-profile-image {
        grid-column: 2/3;
        grid-row: 1/2;
        padding: 3rem 1rem 0 1rem;
    }

    .team-profile-image img {
        width: 40%;
    }

    .team-profile-text {
        grid-column: 2/3;
        grid-row: 2/3;
        background-color: white;
        padding: 0 2rem 3rem 2rem;
    }

    .team-profile-text p {
        font-size: 1rem;
        font-weight: 400;
        text-align: left;
        margin-top: 2rem;
    }


    .about-testimonial {
        display: grid;
        grid-template-columns: .2fr 1fr .2fr;
        grid-template-rows: .2fr .3fr;
        background: var(--gold-gradient);
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .about-testimonial-image img {
        width: 40%;
    }
    
    .about-testimonial-image {
        grid-column: 2/3;
        grid-row: 1/2;
        text-align: center;
        margin-bottom: 1rem;
        margin-left: 3rem;    
    }
    
    .about-testimonial-text {
        grid-column: 2/3;
        grid-row: 2/3;
        text-align: center;
    }


}




@media (max-width: 800px) {

    /* ----------- Home @ 800 ---------- */

    .home-hero-intro h1 {
        font-size: 1.8rem;
    }

    .home-hero-cta {
        margin-bottom: 2rem;
    }

    .home-products-title h2 {
        font-size: 1.4rem;
    }

    .home-mission-title h2 {
        font-size: 1.4rem;
    }

    /* ----------- Ebrochure @ 800 ---------- */

    .ebrochure-testimonial-text {
        margin-top: -3rem;
    }

    .team-grid-container {
        grid-template-rows: .5fr .7fr;
    }


    /* ----------- Footer @ 800 ---------- */


   .footer-learn-more a, .footer-quick-links a, .footer-contact p {
       font-size: .9rem;
   }


    .footer-grid-container {
        grid-template-columns: 1fr;
        grid-template-rows: .3fr .3fr .5fr .3fr .3fr;
        padding-left: 2rem;
        padding-right: 2rem;
        
    }

    .footer-learn-more {
        grid-column: 1/2;
        grid-row: 1/2;
        padding-left: 2rem;  
    }

    .footer-learn-more li, .footer-quick-links li {
        margin-bottom: 4px;
    }

    .footer-quick-links {
        grid-column: 1/2;
        grid-row: 2/3;
        padding-left: 2rem;  
    }

    .footer-contact {
        grid-column: 1/2;
        grid-row: 3/4;
        
    }

    .footer-contact-email p {
        font-size: .9rem;
    }


    .footer-social-media {
        grid-column: 1/2;
        grid-row: 4/5; 
        padding-left: 2rem; 
    }

    .footer-copyright {
        grid-column: 1/2;
        grid-row: 5/6;
        padding-bottom: 30px;
        margin-top: 50px;
    }



}
   



@media (max-width: 600px) {


    /* Responsive Navigation */

    .toggle-button {
        top: 1.5rem;
    }

    .logo-container img {
        width: 70px;
    }

    .logo-container {
        margin: .9rem;
        margin-left: 2rem;
    }

    .navbar-links ul li {
        text-align: left;
        margin-left: 1rem;
    }

    .navbar-links ul li a {
        padding: .5rem 1rem;
    }

    .navbar-links li a {
        font-size: .8rem;
    }


    /*---------- Home @600 ----------*/

    .home-hero-grid {
        grid-template-columns: .2fr 1fr .2fr;
        grid-template-rows: 90px .5fr 1fr;
    }

    .home-products-grid-container {
        grid-template-columns: .2fr 1fr .2fr;
        row-gap: 1rem;
    }

    .home-products-grid-container p {
        font-size: .8rem;
        margin-top: .5rem;
    }

    .home-products-grid-container h4 {
        font-size: 1rem;
    }

    .home-mission-grid-container {
        grid-template-columns: .2fr 1fr .2fr;
        grid-template-rows: .2fr .5fr 1fr;
    }

    .home-mission-text h4 {
        font-size: 1rem;
        margin-top: 2rem;
    }

    .home-mission-text p {
        font-size: .8rem;
        margin-bottom: 2rem;
    }

    .home-hero-cta {
        margin-bottom: 2rem;
    }

    .contact-us {
       height: 30px;
       font-size: .8rem;
    
    }

    .home-cta-btn {
        margin: 0 1rem 2rem 1rem;
        width: 175px;
        height: 30px;
        border: none;
        background-color: white;
    }




   /*---------- ebrochure @600 -----------*/

   .ebrochure-hero-grid {
       grid-template-columns: .2fr 1fr .2fr;
       grid-template-rows: 140px 1fr 1fr;
   }

   .ebrochure-hero-intro p {
       font-weight: 400;
       font-size: 1rem;
       margin-bottom: 2rem;
       margin-left: 1rem;
       margin-right: 1rem;
   }

   .ebrochure-hero-image {
       margin-right: 1rem;
       margin-top: .5rem;
   }

   .ebrochure-cards-grid-container {
       grid-template-columns: .2fr 1fr .2fr;

   }

   .ebrochure-cards-grid-container p {
       font-size: .8rem;

   }

   .ebrochure-features-grid-container {
       grid-template-columns: .2fr 1fr .2fr; 

   }

   .ebrochure-features-1-text h3 {
        font-size: 1rem;
        margin-top: .5rem;
        margin-bottom: .5rem;
        
   }

   .ebrochure-testimonial-text {
        margin-top: -8rem;

   }

   .ebrochure-functionality-grid-container {
       grid-template-columns: .2fr 1fr .2fr;
       grid-template-rows: .8fr .8fr .8fr .8fr;
       align-items: center;

   }

   .ebrochure-functionality-1 h2 {
       font-size: 1.4rem;
       margin-bottom: .5rem;
   }

    .ebrochure-functionality-1 h3 {
        font-size: 1rem;
        margin-bottom: .5rem;
    }

    .ebrochure-functionality-1 p {
        font-size: .8rem;
        margin-bottom: .5rem;
    }

    .ebrochure-functionality-1 img {
        width: 100%;
        margin-top: 1rem;
    }

    .ebrochure-functionality-2 h2 {
        font-size: 1.4rem;
        margin-bottom: .5rem;
    }
 
     .ebrochure-functionality-2 h3 {
         font-size: 1rem;
         margin-bottom: .5rem;
     }
 
     .ebrochure-functionality-2 p {
         font-size: .8rem;
         margin-bottom: .5rem;
     }

     .ebrochure-functionality-2 img {
        margin-top: 1rem;
        width: 100%;
    }

     .ebrochure-functionality-3 h2 {
        font-size: 1.4rem;
        margin-bottom: .5rem;
    }
 
     .ebrochure-functionality-3 h3 {
         font-size: 1rem;
         margin-bottom: .5rem;
     }
 
     .ebrochure-functionality-3 p {
         font-size: .8rem;
         margin-bottom: .5rem;
     }

     .ebrochure-functionality-4 h2 {
        font-size: 1.4rem;
        margin-bottom: .5rem;
    }
 
     .ebrochure-functionality-4 h3 {
         font-size: 1rem;
         margin-bottom: .5rem;
     }
 
     .ebrochure-functionality-4 p {
         font-size: .8rem;
         margin-bottom: .5rem;
     }

   .ebrochure-functionality-3 img {
       width: 90%;
       margin: 1rem 1rem 1rem 1rem;
    }

    .ebrochure-testimonial-text h2 {
        font-size: 1.2rem;
        padding: 1rem 0rem;
        text-align: left;
        margin-top: 8rem;
    }
    
    .ebrochure-testimonial-text p {
        font-size: .8rem;
        text-align: left;
    }

   /* --------- App @600 ---------*/

    .app-hero-grid {
        grid-template-columns: .2fr 1fr .2fr;
        grid-template-rows: 160px .5fr 1fr;
    }

    .app-hero img {
        width: 45%;
    }

    .app-hero-intro h2 {
        font-size: 1.4rem;
    }

    .app-hero-intro h1 {
        font-size: 1.8rem;
    }

    .app-hero-intro p {
        font-size: 1rem;
    }


    /*------------- App Body -------------*/

    .app-grid-container {
        grid-template-columns: .2fr 1fr .2fr;
    }

    .app-grid-container p {
        font-size: .8rem;
    }

    .app-grid-container h3 {
        font-size: .9rem;
    }

    /*------------------ Translations @600 ------------------*/

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

    .translations-hero-grid {
        grid-template-columns: .2fr 1fr .2fr;
        grid-template-rows: 140px .5fr 1fr;
    }

    .translations-hero-intro h1 {
        font-size: 1.8rem;
    }

    .translations-languages-image img {
        width: 60%;
    }

    /*------- Translations Body ------*/

    .translations-grid-container {
        grid-template-columns: .2fr 1fr .2fr;
    }

    .translations-grid-container p {
        font-size: .8rem;
    }

    .translations-grid-container h2 {
        font-size: 1.4rem;
    }

    .translations-body-image img {
        width: 100%;
    }

    .translations-studyUSA {
        padding: 3rem 1rem;
    }

    .translations-studyUSA img {
        width: 100%;
    }

    .view-live {
        width: 180px;
        padding: .5rem 1rem;
        font-size: .8rem;
        font-weight: 700;
    }


    /*----------- Client Portal @600 -----------*/
    
    .clientPortal-hero-wrapper {
        margin-top: -5rem;
    }
    .clientPortal-hero-intro h1 {
        font-size: 1.8rem;
    }

    .adminPortal {
        width: 175px;
        height: 30px;
        font-size: .8rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }


    /*-------------- Agent Platform @600 -------------*/

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

    .agentPlatform-hero-grid {
        grid-template-columns: .2fr 1fr .2fr;
        grid-template-rows: 160px .5fr 1fr;
        
    }

    .agentPlatform-hero-intro h1 {
        font-size: 1.8rem;
    }

    .agentPlatform-hero-wrapper {
        margin-top: -5rem;
        margin-bottom: 5rem;
    }

    


    /*----- Agent Platform Body -----*/

    .agent-grid-wrapper {
        padding: 4rem 0 5rem 0;
    }

    .agent-grid-container {
        grid-template-columns: .2fr 1fr .2fr;
        grid-template-rows: .2fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr;
        row-gap: 2rem;
    }

    /* ------------ About @600 -----------*/

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

    .about-hero-grid {
        grid-template-columns: .15fr 1fr .1fr;
        grid-template-rows: 130px .5fr .4fr;
    }

    .about-hero img {
        width: 65%;
    }

    .about-hero-intro h1 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }

    .about-hero-intro p {
        font-size: .85rem;
        text-align: left;
    }


    /*------------- About Body -------------*/

    .team-profile-image img {
        width: 70%;
    }

    .team-profile-text {
        padding: 0 1rem 3rem 1rem;
    }

    .team-profile-text p {
        font-size: .8rem;
        margin-top: .5rem;
    }

    .about-testimonial-image img {
        width: 60%;
    }

    .about-testimonial-text h2 {
        font-size: 1.3rem;
        font-weight: 400;
        margin-bottom: 1rem;
    }
    
    .about-testimonial-text p {
        font-size: 1rem;
    }
    

    /* --------- Footer @600 ---------*/


   .footer-learn-more a, .footer-quick-links a, .footer-contact p {
       font-size: .8rem;
   }

    .footer-contact-email p {
        font-size: .75rem;
    }

}


@media (max-width: 500px) {

    .ebrochure-testimonial-text h2 {
        margin-top: 6rem;
    }
}




@media (max-width: 400px) {

    /*---- Home -----*/

    .home-hero-wrapper {
        height: 100vh;
    }

    .home-hero-grid {
        grid-template-rows: 60px .5fr 1fr;
    }

    .home-hero-intro h1 {
        font-size: 1.4rem;
    }

    .home-products-title h2 {
        font-size: 1.2rem;
    }

    .home-mission-title h2 {
        font-size: 1.2rem;
    }

    /*---- Ebrochure -----*/

    .ebrochure-hero-grid {
        grid-template-rows: 115px .5fr 1fr;
    }

    .ebrochure-testimonial-text {
        margin-top: -10rem;
    }

    .ebrochure-hero-intro p {
        font-size: .8rem;
    }

    .ebrochure-hero-image {
        margin-top: -.3rem;
    }

    .ebrochure-hero-intro h1, .ebrochure-hero-intro h2 {
        font-size: 1.6rem;
    }

    .ebrochure-features-1-cta {
        grid-column: 2/3;
        grid-row: 3/4;
        height: 90px;
        justify-content: center;   
    }

    .ebrochure-functionality-grid-container {
        grid-template-columns: 2rem 1fr 2rem;
        grid-template-rows: .8fr .8fr .8fr .8fr;
        align-items: center;
        
    }

    .ebrochure-functionality-3 img {
        margin: 1rem 1rem 1rem 1rem

    }


    .ebrochure-testimonial-grid-container {
        grid-template-columns: .2fr 1fr .2fr;
        grid-template-rows: .3fr .5fr;
        
    }

    .ebrochure-testimonial-text h2 {
        font-size: 1.2rem;
        padding: 1rem 0rem;
        text-align: left;
        margin-top: 10rem;
    }
    
    .ebrochure-testimonial-text p {
        font-size: .8rem;
        text-align: left;
    }

    

    /*------ App ------*/

    .app-hero-grid {
        grid-template-rows: 115px .5fr 1fr;
    }

    .app-hero-intro h1 {
        font-size: 1.4rem;
    }

    .app-hero-intro p {
        font-size: .8rem;
    }

    .app-hero img {
        width: 40%;
        margin-top: 1.5rem;
    }

    .app-title h1 {
        font-size: 1.4rem;
    }

    /*------ Translations ------*/

    .translations-hero-grid {
        grid-template-rows: 115px .5fr 1fr;
    }

    .translations-hero-intro h2 {
        font-size: 1.4rem;
    }

    .translations-hero-intro h1 {
        font-size: 1.4rem;
    }

    .translations-body {
        grid-column: 2/3;
        grid-row: 1/2;
        background-color: white;
        padding: 3rem 1rem;
        text-align: center;
    }


    /* ----- Client Portal -----*/

    .clientPortal-hero-grid {
        grid-template-rows: 115px .5fr 1fr;
    }

    .clientPortal-hero-intro h2 {
        font-size: 1.4rem;
    }
    
    .clientPortal-hero-intro h1 {
        font-size: 1.4rem;
    }

    /* ----- Agent Platform ----- */

    .agentPlatform-hero-grid {
        grid-template-rows: 115px .5fr 1fr;
    }

    .agentPlatform-hero-intro h2 {
        font-size: 1.4rem;
    }
    
    .agentPlatform-hero-intro h1 {
        font-size: 1.4rem;
    }

    .agent-title h2 {
        font-size: 1.4rem;
    }


    /* --------- About --------- */

    .about-hero-grid {
        display: grid;
        grid-template-columns: .15fr 1fr .13fr;
        grid-template-rows: 110px .5fr .4fr;
        width: 100%; 
        text-align: center;
    }

    .about-hero-image img {
        width: 150px;

    }

    .about-hero-intro {
        margin-right: 0;
    }

    .about-hero-intro h1 {
        font-size: 1.4rem;
    }

    .about-hero-intro p {
        font-size: .8rem;
        text-align: left;
    }
}}