:root {
    --primaryColor:  #2C724F;  
    
    --grayColor: rgba(219, 219, 219, 0.8);
    --grayColor2: rgba(219, 219, 219);  
    --headerFonts: "Lato", sans-serif;
    --paragraphFonts: "Lato", sans-serif;
    /* --thm-font: 'Inconsolata', monospace;
    --thm-font-2: 'Inconsolata', monospace;
    --thm-base: #cf173c;
    --thm-base-rgb: 207, 23, 60;
    --thm-gray: #7f7873;
    --thm-gray-rgb: 127, 120, 115;
    --thm-white: #ffffff;
    --thm-white-rgb: 255, 255, 255;
    --thm-black: #1a1c23;
    --thm-black-rgb: 26, 28, 35;
    --thm-primary: #ffb400;
    --thm-primary-rgb: 255, 180, 0; */
}

/* body {
    font-family: var(--thm-font);
    color: var(--thm-gray);
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

a {
    color: var(--thm-gray);
}
  
    a,
    a:hover,
    a:focus,
    a:visited {
    text-decoration: none;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--thm-black);
  font-family: var(--thm-font-2);
  font-weight: 900;
  margin: 0;
}

p {
  margin: 0;
  font-weight: 300;
  font-family: var(--thm-font-2);
  font-size: 18px;
} */

.theme_green{
    background-color: #2C724F;
    color: white;
}

.investCont{
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    padding: 20px;
  
}

.investPack{
    width: 350px;
    position: relative;
}

.investConts{
    width: 350px;
    padding: 20px;
    position: relative;
}

.hide{
    display: none;
}

.show{
    display: block;
}

.flex{
    display: flex;
}

.space_between{
    justify-content: space-between;
}

.space100{
    width: 100%;
    position: relative;
}

.borderspace{
    border: 1px solid gray;
    margin-top: 10px;
}

input, select, textarea{
    border-radius: 10px;
}

.wrapper{
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: #f8f9fa;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sessionFlex{
    width: 900px;
    position: relative;
    display: flex;
    border: 1px solid var(--grayColor);
    border-radius: 10px;
}

.cont{
    width: 50%;
    position: relative;
}

.logo-login{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.forgotPass{
    text-decoration: none;
    font-size: 16px;    
}

.title{
    font-size: 25px;
    font-weight: bold;
}




.customBtn{
    border-radius: 0;
}

.image_content_signup{
    position: relative;   
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;  
    background: var(--primaryColor);  /* fallback colour. Make sure this is just one solid colour. */
    background: -webkit-linear-gradient(rgba(42,96,65,0.8), rgba(40,150,90, 0.8)), url("../images/fixed-deposit.jpg");
    background: linear-gradient(rgba(42,96,65,0.8), rgba(40,150,90, 0.8)), url("../images/fixed-deposit.jpg"); /* The least supported option. */ 
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .image_content_signup p{
    color: white;
  }

.flexsection{
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background-color: white;
    padding: 10px;
}
.product-box{
    width: 300px;
    height: 300px;
    position: relative;
    /* border: 1px solid gray; */
    padding: 10px;
}

.image-box{
  width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}
.image-box img{
    width: 150px;
   height: 150px;
}

.prod_detail{
    margin-top: 10px;
}


.cart_footer {
    position: absolute;
    width: 100%;
    bottom: 70px;
    padding: 20px;
}
  
  .cart_summary {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px;
}
  
  .subtotal_amount_cart {
    color: var(--primaryColor);
}

  .subtotal_amount{
    font-size: 20px;
    font-weight: bold;
    color: var(--primaryColor);
}
  
  .cart_actions {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-top: 1px solid var(--grayColor);
    position: relative;
}

.cart_actions a, .cart_actions button{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
  
  .view_cart {
    text-decoration: none;
}
  
.cart_action {
    background-color: var(--primaryColor);
    padding: 10px 20px;
    opacity: 0.9;
    color: white;
    width: 45%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
  
.cart_action:hover {
    opacity: 1;
    color: white;
}

.size200 {
    width: 200px;
}

.customBtn{
    border-radius: 0;
}


.cart_inner_body {
    width: 100%;
    height: 350px;
    overflow: scroll;
    border-bottom: 1px solid var(--grayColor);
    border-top: 1px solid var(--grayColor);
  }
  
  .cart_inner_body::-webkit-scrollbar {
    display: none;
  }
  
  .cart_item_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    width: 100%;
    position: relative;
  }
  
  .prod_disp {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .prod_disp img {
    width: 50px;
  }
  
  .price_disp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }
  
.removeItem {
    color: red;
    cursor: pointer;
}


.brandName{
    font-weight: 900;
}

.scrollable{
    width: 100%;
    overflow: scroll;
}

.scrollable::-webkit-scrollbar {
    display: none;
}

.summary-invoice{
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.summary-inner{
    width: 350px;
    position: relative;
    padding: 10px;
}

.summary-inner .item{
    display: flex;
    justify-content: space-between;
}

.percenter100 {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.space_section20{
    margin-top: 20px;
}

.flex-container{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flexitem{
    width: 350px;
    position: relative;
}

.invoiceFlex{
    position: relative;
    display: flex;   
}

.invoiceDateID{   
    width: 100%; 
}

.invoiceDateID p:first-child{
    margin-right: 10px;
}

.invoiceFlex span{
    margin-right: 10px;
}

.address_container{
    position: relative;
}

.address_container .address{
    flex-wrap: wrap;
}

  

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 762px) {
        
    .sessionFlex{
        width: 95%;
        margin: auto;
        position: relative;
        display: flex;
        /* border: 1px solid var(--grayColor); */
        border-radius: 10px;
         box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    }

    .address_container .address{
        width: 100%;
        flex-wrap: wrap;
    }

    .logo-login{
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .product-box{
        width: 100%;
        position: relative;
    }

    .quoteArea{
        display: none;
    }

    .image_content_signup{
        display: none;
    }

    .cont{
        width: 100%;
        position: relative;
    }
}