@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,400;1,300;1,400&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
html {
  --dgreen: #206C36;
  --mgreen: #4BA547;
  --lgreen: #9ECF7E;
  scroll-behavior: smooth;

}
body {
  font-family: 'Roboto Condensed', sans-serif;
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;

 }
body h1,h2,h3,h4 {
  font-family: 'Russo One', sans-serif;
}
/* Default bootstrap class override */
.navbar {
  background-color: black;
  font-size: 19px;
  color: #4ba547;
  
  margin-bottom: 0;
  position: sticky;
  top: 0;
  z-index: 999;
}
.nav {
  background-color: black;
  font-size: 15px;
  color: #4ba547;
  border: none;
}
.btn-outline-secondary {
  color: #4ba547;
  border-color: #4ba547;
}
.btn-primary {
  color: #fff !important;
  background-color: #4ba547 !important;
  border-color: #4ba547 !important;
}
.btn-outline-secondary:hover {
  color: #fff !important;
  background-color: #4ba547 !important;
  border-color: #4ba547 !important;
}
.nav-item .nav-link {
  color: #4ba547;
}
.nav-item .nav-link:hover {
  color: #fff;
}
.table_head {
  background-color: #4ba547;
  color: #fff !important;
  border: none !important;
}
.page-item.active .page-link {
  color: #fff !important;
  background-color: #4ba547 !important;
  border-color: #4ba547 !important;
}
.page-link {
  color: #4ba547 !important;
}
/* Custom CSS */
.navbar-brand img {
  height: 50px;
  margin-right: 7px;
}
.margin-top {
  margin-top: 32px;
}
.font-small {
  font-size: 14px !important;
}

#bg{
    background-image: url('..\images\white-background-wallpaper.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
}
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}
#captcha input {
  border: 1px solid black;
  border-radius: 5px;
  padding: 5px;
  margin: 5px;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

/* _______________Page Header css___________________ */
.bg-custom {
        
  background-image: linear-gradient(to bottom, #4ba547, #4ba547, #f8f8f8);
        
    }
.header {
  padding: 30px;
  text-align: center;
  color: black;
  font-size: 30px;
}
.h-custom {
  font-size: 60px;
  text-shadow: 2px 2px 4px #4ba547;
}
.p-custom-about {
  font-size: 20px;
  line-height: 1.8;
  text-indent: 30px;

}



/* Generic Banner Settings for all non-home pages */
.banner {
  background-image: url('../images/banner_other.png');
  background-size: 100% 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 100%;
  align-items: center;
}

.banner img {
  max-height: 100%;
}

.banner-img {
  text-align: center;

}
.banner-txt {
  text-align: center;
}
.banner-txt h3 {
  color: #9ECF7E;
  font-size: 3rem;
  text-transform: uppercase;
  font-weight: bolder;
}








/*     NAVBAR SETTINGS     */
.bg-light {
  background-color: rgba(255, 255, 255, 1) !important;
}

.xnav-frame1 {
  width: 100vw;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 1);
}
.xnav-img1 {
  width: 228px;
  height: 97px;
  position: relative;
  border-color: transparent;
  margin-left: 40px;
}
.xnav-menu {
  flex-wrap: wrap;
}
.xnav-break {
  flex-basis: 100%;
  height: 0;
}
.xnav-text1 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  font-size: 28px;
  align-self: auto;
  font-style: Medium;
  text-align: left;
  font-family: Roboto Condensed;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  margin-right: 25px;
  margin-bottom: 0;
  text-decoration: none;
}
.xnav-text2 {
  color: rgba(0, 0, 0, 1) !important;
  height: auto;
  font-size: 20px;
  align-self: auto;
  font-style: Medium;
  text-align: left;
  font-family: Roboto Condensed;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  margin-right: 0;
  margin-bottom: 0;
  text-decoration: none;
}




/*     FOOTER SETTINGS     */


.footer-link {
    align-self: stretch;
    position: relative;
    line-height: 24px;
    color: #fff;
    width:fit-content;
}
.footer-link:hover {
  color: #4ba547;
}
.footer-links-wrapper {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    font-family: 'Roboto Condensed';
}
.mymatr-icon {
    position: relative;
    width: 237px;
    height: 101px;
    object-fit: cover;
}
.footer-mid-text {
    align-self: stretch;
    position: relative;
    line-height: 16px;
}
.footer-mid-usa-text {
    position: relative;
    line-height: 16px;
}
.footer-mid-usa-icon {
    position: relative;
    width: 69px;
    height: 55px;
    object-fit: cover;
}
.footer-mid-usa {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.footer-mid {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    font-size: 13px;
}
.footer-icons-text {
    position: relative;
    line-height: 16px;
    display: inline-block;
    width: 152px;
}
.instagram-icon {
    position: relative;
    width: 36px;
    height: 36px;
    overflow: hidden;
    flex-shrink: 0;
}
.fb-icon {
    position: relative;
    width: 36px;
    height: 36px;
}
.youtube-icon1 {
    position: relative;
    width: 36px;
    height: 25.21px;
}
.x-icon {
    position: relative;
    width: 36px;
    height: 32.51px;
    overflow: hidden;
    flex-shrink: 0;
}
.footer-icons-parent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.footer-icons-hq-text1 {
    margin-block-start: 0;
    margin-block-end: 16px;
}
.footer-icons-hq-text2 {
    margin: 0;
}
.footer-icons-hq {
    position: relative;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    display: inline-block;
    width: 152px;
}
.footer-icons {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.footer-icons-wrapper {
    flex: 1;
    height: 116px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    font-size: 20px;
    color: #4ba547;
}
.footer-container {
    align-self: stretch;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.footer {
    position: relative;
    background-color: #000;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 24px 32px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-family: 'Russo One';
}




@media screen 
  and (max-width: 799px) { /* Specific to this particular image */
  .footer-container {
    flex-direction: column;
  }
  .footer-links-wrapper{
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    flex: unset;
    padding-bottom: 30px;
  }
  .footer-mid{
    flex: unset;
    padding-bottom: 30px;
  }
}