/* green=#1B9220
    dkgreen=#115714
    light mint = #e6f2e9

/* Universal Rules */

body {

    overflow: scroll;
    font-family: 'Barlow', sans-serif;

}
footer{
    width:99%;
    position: relative;
    bottom: 0;
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 15px auto 0 auto;
    background-color:#3e8e41;
    color:white;
    padding:5px;


}
footer a:link {
  color: white;
}

/* visited link */
footer a:visited {
  color: white;
}

/* mouse over link */
footer a:hover {
  color: white;
}

/* selected link */
footer a:active {
  color: white;
}
.rounded{
    border-radius: 10px;
}
.justify{
    text-align: justify;
}
.center{
    text-align: center;
    justify-self:center;
}
.underline{
    text-decoration: underline;
}
.hidden{
        display:none;
}
.barlow{
    font-family: 'Barlow', sans-serif;
}
.petrona{
    font-family: 'Petrona', serif;
}
.header{
    position: relative;
    top: 0;
    background-color: white;
    width: 99%;
    z-index: 1;

}
.red{
    color: red;
}
.green{
    color: #1B9220;
}
.logo {
    justify-self: center;
    grid-area: "logo";
    justify-content: center;
}
.navbar {

    color: white;
    background-color: #1B9220;
    justify-content: center;
    justify-items: center;
    text-align: center;

    

}

.contact {
    text-align: right;
    font-family: 'Barlow', sans-serif;
    padding-right: 2em;
    grid-area: "contact";
    background-color:#1B9220;
    color: white;
}   
#contact-info{
    padding: .5em;
}
.dropbtn {
    color: white;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #1B9220;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  font-size:16px;
  z-index: 1;
}
.dropdown-content1{
    display: none;
    position: absolute;
    background-color: white;
    min-width: 200px;
    font-size: 16px;
    z-index: 1;
    right: 20px;
    bottom: 90px;
    -webkit-text-stroke: 0 black;
    text-align: left;
    border-radius: 20px;
}

#nsfWord{
    text-decoration-thickness: 0.05em;
    text-decoration-color: black;
}
.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: underline;
  display: block;

}

.dropdown-content a:hover {background-color: #115714;}

.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropdown-content1 {display: block;}

.dropdown:hover .dropbtn {background-color: #115714;}
.anchor{
    margin-top: 50px;
}


.nav-link {
    color: white;
    font-size: 16px;
    padding: 0 1em;



}
.nav-link:hover {
    background-color: #115714;


}
.italic {
    font-style: italic;
}
.bold{
    font-weight: bold;
}
/* homepage class rules */
.containerHome{
    position: relative;
    background-image:url("/denver-3737431_1920.jpg" );
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    height: 500px;
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    
}
.homePageText{
    padding: 0 1em;
    text-align: justify;
}
.popUpContent{
    margin: 20px 50px;

}

/* about us class rules*/
.containerAboutUs {
    position: relative;
    border-radius: 10px;
    display: flex;
    align-items: center;
    background-image: url("/men-1979261_1920.jpg");
    width: 100%;
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;


        
}
/* faq classes */



/*lm class rules*/
.lms{
    text-align: justify;
}
.anchor{
    display: flex;
}
.sbl{
    color: white;
    background-color: #1B9220;
    display: block;
    margin: 5px auto;

    
}
/* Privacy Classes */
.privacyTable{
        border: 1px solid black;
        border-collapse: collapse;
}
.privacyTable th, td {
  padding: 15px;
}
/* universal id rules */
.logoIMG {
    display: block;

    margin: auto;
    

}

#footerDiv1{
    justify-self: start;
}
#footerDiv2{
    justify-self: center;
}
#updated{
    justify-self: end;
}
/*  homepage id rules */
#hlhl{
color: red;
grid-area: h2;
padding: 0 10px;
    
}
#coreHome{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:"h1 h1"
                        "h2 h2"
                        "d1 d2"
                        "free free"
                        "d3 i1"
                        "d4 i1"
                        "d5 i1"
                       ;
                        
    width: 90%;
    justify-content: space-between;
    margin: auto;
    border-radius: 10px;
    background-image: url("/rough-horn-2146181_1920.jpg");

}
#coreHome p{
    font-size: 18px;
    font-weight: bold;
    padding: 0 20px;
}
#coreHome h2{
    padding: 0 20px;
}

#hp1{
    grid-area: h1;
    padding: 0 10px;

    
}
#coreD1{
    grid-area: d1;
    padding: 0 10px;
}
#coreD2{
    grid-area: d2;
    padding: 0 10px;
}
#coreD3{
    grid-area: d3;
    padding: 0 10px;
}
#coreD4{
    grid-area: d4;
    padding: 0 10px;
}
#coreD5{
    grid-area: d5;
    padding: 0 10px;
}
#coreI1{
    grid-area:i1;
    margin:20px  auto;
    max-width: 50%;

    border-radius: 10px;
}
#free{
    grid-area: free;
    font-size: 32px;
}

#hlhl a:active{
    color: red;
}
#hlhl a:visited{
    color: red;
}

#homeHeading {
    font-size: 80px;
    color: black;
    font-family: 'Barlow', sans-serif;
  -webkit-text-stroke: 0.02em white;
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255, 0.5);

    

}
#nsfDefine{
    display: block;
    position: absolute;
    bottom: 10px;
    background-color: rgba(255,255,255, 0.8);
}
#vendors{
    display:block;
    width: 50%;
}

#homeMainText {
    position: relative;
    width: 80%;
    margin: 50px auto auto auto;
    border: 0.2em solid #6b573a;
    background-color: #f7f4f0;
    border-radius: 1em;
}
#homeWhyUs {
    position: relative;
    width: 80%;
    margin: 50px auto auto auto;
    border: 0.2em solid #6b573a;
    background-color: #f7f4f0;
    border-radius: 1em;
}
.demoButton{

    background-color:#1B9220;
    width:150px;
    margin:20px auto auto auto;
    position: relative;
    text-align:center;
    padding: 15px;
    border-radius:5%;
    color:white;
}
 /* unvisited link */
#demoButton a:link {
  color: white;
}

/* visited link */
#demoButton a:visited {
  color: white;
}

/* mouse over link */
#demoButton a:hover {
  color: white;
}

/* selected link */
#demoButton a:active {
  color: white;
} 
/* about us id rules */
#topImgDiv {

    width:100%;

    align-items: center;
    justify-content: center;


}
#aboutUsHeading{

    color: white;
    text-align: center;
  -webkit-text-stroke: 2px black;
    font-size: 80px;
    align-self: center;

    
}
#missionDiv{
    position: relative;
    text-align: justify;
    align-items: center;
    font-family: 'Petrona', serif;
    display:grid;
    grid-template-columns: 50% 50%;
    grid-template-areas: "head head"
                        "text pic";


    
}
#missionH2 {
    display: block;
    position: relative;
    margin-top: 500;
    text-align: center;
    grid-area: head;
}
#mission {
    padding: 0 1em;
    grid-area: text;


}
#aboutUs{
    position: relative;
    display: grid;
    width: 80%;

    margin: auto;
    justify-content: space-between;

    
}
#aboutUsText {

    margin: auto 2em;

    padding: 0 1em;
    text-align: justify;
    border-radius: 1em;
}
#auImg{

    margin: auto;
    grid-area: pic;
    border-radius: 10px;
    background-image: url("/contemplation-1619521_1920.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-width: 95%;
    min-height: 100%;
    margin: 10px;
}

#reviewsBlock{
    position: relative;
    display: grid;
    width: 80%;
    grid-template-columns: 50% 50%;
    grid-template-areas: "one two"
                         "three four"
                         "five six";
    align-content: center;
    justify-content: center;
    margin: 20px auto;
}
#reviews1{
    grid-area: one;
    height: 150px;
    margin:10px;
    background-image: url("/aboutBan/woman-801872_1920.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    align-content: center;

    border-radius: 10px;
    display: flex;
    
    
}
#reviews2{
    grid-area: two;
    height: 150px;
    margin:10px;
    background-image: url("/aboutBan/business-1868015_1920.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    align-content: center;
    border-radius: 10px;
    display: flex;
}
#reviews3{
    grid-area: three;
    height: 150px;
    margin:10px;  
    background-image: url("/aboutBan/business-3560917_1920.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    align-content: center;
    border-radius: 10px;
    display: flex;
    
}
#reviews4{
    grid-area: four;
    height: 150px;
    margin:10px;  
    background-image: url("/aboutBan/home-2618511_1920.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    align-content: center;
    border-radius: 10px;   
    display: flex;
}
#reviews5{
    grid-area: five;
    height: 150px;
    margin:10px;  
    background-image: url("/aboutBan/people-1031169_1920.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    align-content: center;
    border-radius: 10px;      
    display: flex;
}
#reviews6{
    grid-area: six;
    height: 150px;
    margin:10px;  
    background-image: url("/aboutBan/technology-791029_1920.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    align-content: center;
    border-radius: 10px;     
    display: flex;
}
.reviewP{
    color: #e6f2e9;

    font-size: 18px;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.5);

    min-height: 50%;
    width: 100%;
    padding: 10px;



    
}

/* FAQ specific ids*/


#faqMain{
position: relative;
margin: auto;
width: 80%;
display: grid;
grid-template-areas:"pic head"
                    "pic text";
align-items: center;

}
#faqH{
    grid-area: head;
}
#faqPic{
    width: 650px;

    grid-area: pic;
    border-radius: 10px;
    margin-left:10px;
}
#faqText{
    grid-area: text;
    padding:0 20px;
    
}
/*signUP ID */
#signupForm{
    margin-top: 200px;
    display: grid;
    position: relative;
    margin:  auto;

}
#signupMain{

    position: relative;
}


/* ids for Learn More*/
#learnMore{
    color: black;
    display: grid;
    position: relative;

    margin-left: 16%;
    margin-top: 20px;
    width: 80%;

}
#lmSidebar{

    width: 15%;
    margin-top: 20px;
    position: fixed;
    float: left;
    background-color: #1B9220;
    margin-right: 5px;
    border-radius: 10px;

    
    
}
#lmh1{
    text-align: center;
}
#learnMoreImg {

    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;


}
#cashFlow{
    display: grid;
    grid-template-columns: 50% 50%;
    width: 99%;
    position: relative;

    align-items: center;
    grid-template-areas:"lms1 lmp1"
                        
                        
                        ;
}

}
#cashText{
    grid-area: lms1;
}
#cash{
    grid-area: lmp1;
    justify-self: end;
    max-width: 500px;
    border-radius: 5%;
}
#collectionSavings{
    display: grid;
    grid-template-columns: 50% 50%;
    width: 99%;
    position: relative;

    align-items: center;
    grid-template-areas:"lmp2 lms2";
}

#costText{
    grid-area: lms2;
}
#lmp2{
    grid-area: lmp2;
    justify-self: start;
    max-width: 500px;
    border-radius: 5%;
}
#profitText{
    grid-area: lms3;
    
}
#lmp3{
    grid-area: lmp3;
    justify-self: end;
    max-width: 500px;
    border-radius: 5px;
}
#moreProfit{
    display: grid;
    grid-template-columns: 50% 50%;
    width: 99%;
    position: relative;

    align-items: center;
    grid-template-areas:"lms3 lmp3"
                        
                        
                        ;
}
#customerText{
    grid-area: lms4;
    
}
#lmp4{
    grid-area: lmp4;
    justify-self: start;
    max-width: 500px;
    border-radius: 5px;
}
#customerSat{
    display: grid;
    grid-template-columns: 50% 50%;
    width: 99%;
    position: relative;
    align-items: center;
    grid-template-areas: "lmp4 lms4";
}
#peaceText{
    grid-area: lms5;
    
}
#lmp5{
    grid-area: lmp5;
    justify-self: end;
    max-width: 500px;
    border-radius: 5px;
}
#peaceofMind{
    display: grid;
    grid-template-columns: 50% 50%;
    width: 99%;
    position: relative;
    align-items: center;
    grid-template-areas: "lms5 lmp5";    
}
#lmti{
    position: relative;
    background-image: url("./book-4600757_1920.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    height: 500px;
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    
}
#lmh1 {
    font-size: 80px;
    color: white;
    font-family: 'Barlow', sans-serif;
  -webkit-text-stroke: 0.02em black;
}

#sideNav{
    width: 80%;
    display: grid;
    margin:  auto;

    align-content: start;
    border-radius: 10px;    

}

/* demo page ID's */

#demoMain{
    margin:  auto ;
    position: relative;
}

/* Privacy ID's */

#privacyMain{
    position: relative;

    width: 90%;
}
#privacyTable{
    position: relative;
    width: 90%;
    margin: auto;

}
/*terms ID's */

#termsMain{
    width: 90%;
    position: relative;
    margin:  auto ;
}




/*b2b Id's*/

#b2bMain{
    position:relative;
    margin: auto;
    width:90%;
    display: grid;
    grid-template-areas:"pic head"
                        "pic text";
                        
    align-items: center;

}
#b2bH{
    grid-area: head;
    padding: 10px;
}
#b2bIMG{
    width: 650px;
    height: 95%;
    grid-area: pic;
    margin: 10px;
    border-radius: 10px;
}
#b2bp{
    grid-area: text;
    padding: 10px;
}
#b2bDemo{
    margin: auto;
}
.demoButton a{
    color: white;
}
.demoButton a:hover{
    color: white;
}
.demoButton a:visited{
    color: white;
}
.spacer{
    height:50px;
}
/*recurring ID's*/
#recurringMain{
    position:relative;
    margin: auto;
    width:90%;
    display:grid;
    grid-template-areas:"head head"
                        "head2 head2"
                        "text pic1"
                        "text pic2";
                        
    align-items: center;
}
#recurringH{
    grid-area: head;
    margin: 10px;
}
#recurringH2{
    grid-area: head2;
    
    
}
#recurringP{
    grid-area: text;
    margin: 10px;
}
#recurringIMG1{
    width: 400px;
    grid-area: pic1;
    margin: 10px;
    border-radius: 10px;
}
#recurringIMG2{
    width: 400px;
    grid-area: pic2;
    margin: 10px;
    border-radius: 10px;
}
#recurringDemo{
    margin: auto;
    
}
#merchantMain{
    position: relative;
    width: 80%;
    margin: auto;
    background-image: ;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-areas: "p1 p1"
                        "p2 p2"
                        "p3 img"
                        "link link";
}
#merchP1{
    grid-area: p1;
    font-size: 18px;
}
#merchP2{
    grid-area: p2;
    font-size: 20px;
    
}
#merchP3{
    grid-area: p3;

    
}
#merchantIMG{
    max-width: 500px;
    grid-area: img;
    justify-self: end;
}
#merchLink{
    grid-area: link;
    font-size: 22px;
    color: red;

}
#merchLink a:visited{
    color: red;
}
#bannerDiv{
    justify-content:center;
}
#banner{
    position: relative;
    max-width: 60%;
    display: block;
    margin:auto;
    border: solid 5px black;
    border-radius: 10px;
    

}
/*Reviews IDs*/
#reviewsMain{
    margin: auto;

    position: relative;
    width: 70%;
    
}