body{
    background: #b23f59 !important;

 
}
.full-container{
background:white;
padding-bottom: 50px;

}
.main-container {
background: #b23f59;
height: 730px;
padding: 20px;
position: relative;
border-radius: 20px;
}
.why-content{
text-align:start;
}
.main-container h2{font-size:20px;}
.footer{
width:100%;
background:#a57b53;
padding:10px;


}
h4{
margin-bottom:25px;
}
.info-content ol li {
list-style: lower-alpha;
}
.info-content{
text-align: start;
background: white;
padding: 40px 23px;
border-radius: 30px;
margin:10px;
border: 2px solid #479f45;
}
.text-container h3{
text-align:center;
}
.text-container{
    background: white;
padding: 30px 20px;
border-radius: 15px;
position: relative;
}
.text-container a{
background: #b23f59;
padding: 5px 14px;
color: white !important;
border-radius: 5px;
margin-top:20px;
text-decoration: none;}

.text-container h2{
    background: #c1c1c199;
padding: 9px;
border-radius: 10px;
text-align:center;
}

.main-container::before{
    background-image: url(/c-images/images.jpg);
    position: absolute;
    width:100%;
    height:100%;
    content: "";
    left: 0;
/* background-blend-mode: lighten; */
z-index: 0;
opacity: 0.1;
top: 0;
}
.logo-container{
    width: 100px;
height: 100px;
margin-left: auto;
margin-right: auto;
background: white;
border-radius: 50%;
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.logo-container img{
width:80%;
}

.text-container li{
text-align: left;
margin:10px 0;
font-size:14px;
}
.text-container ul{
margin:30px 0;
}
.blob {
position: absolute;
width: 500px;
height: 500px;
background: linear-gradient(
180deg,
rgba(95, 61, 10, 0.42) 31.77%,
#eeff04 100%
);
mix-blend-mode: color-dodge;
-webkit-animation: move 25s infinite alternate;
      animation: move 25s infinite alternate;
transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);
}

.blob:hover {
width: 520px;
height: 520px;
-webkit-filter: blur(30px);
      filter: blur(30px);
box-shadow:
inset 0 0 0 5px rgba(228, 19, 19, 0.6),
inset 100px 100px 0 0px #fa709a,
inset 200px 200px 0 0px #784ba8,
inset 300px 300px 0 0px #2b86c5;
}

@-webkit-keyframes move {
from {
transform: translate(-100px, -50px) rotate(-90deg);
border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%;
}

to {
transform: translate(500px, 100px) rotate(-10deg);
border-radius: 76% 24% 33% 67% / 68% 55% 45% 32%;
}
}

@keyframes move {
from {
transform: translate(-100px, -50px) rotate(-90deg);
border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%;
}

to {
transform: translate(500px, 100px) rotate(-10deg);
border-radius: 76% 24% 33% 67% / 68% 55% 45% 32%;
}
}
.new-background{
background: #b23f59;
background-attachment: fixed !important;
background-size: 99% 266%!important;
background-position-y: bottom !important;
position: relative;
z-index:1;
width: 100%;
height: 400px;
display: flex;
justify-content: center;
align-items: center;
}
.new-background::before{
content:"";
background:rgba(255, 255, 255, 0.171);
width:100%;
height:100%;
position: absolute;
z-index:2;
top:0;
left:0;
}
.new-background p{
position: relative;
z-index:5;

}
.content-container {
display: none;
  border: 1px solid #ccc;
  padding: 10px;
}
.content-link button{
background: #a57b53;
padding: 4px 14px;
color: white !important;
border-radius: 5px;
width: 133px;
border: 0;

}
/* Style for the close button */
#close-btn {
  cursor: pointer;
  float: right;
}

.content-container {
position: fixed !important;
top: 0%;
left: 0%;
width: 100%;
z-index: 10;
background: #000000b5;
height: 100%;
}
.new-background h1{
color:white;
background-color: rgba(0, 0, 0, 0.377);
padding:50px 80px;
border-radius:5px;
}
.benifit-container {
background: white;
margin: 113px;
padding:30px;
border-radius: 20px;
position: relative;
}
.benifit-container .close-btn{

position: absolute;
top:0px;
right:10px;
border:5px solid red;
padding:10px 18px;
border-radius:50%;
}
.benifit-container .close-btn:hover{
background: #ff00002b;
}
.choose-organic .row{
align-items: center;
position: relative;
overflow: hidden;
}
/*.choose-organic .row::before{*/
/*content: "";*/
/*width: 21%;*/
/*height: 143%;*/
/*border-right: 5px solid #a57b53;*/
/*right: 47%;*/
/*position: absolute;*/
/*border-radius: 64%;*/
/*top: -18%;*/
/*align-items: end;*/
/*}*/
.why-content p {
margin: 6px 0;
padding: 10px;
}
.why-content .d-flex img{
    width: 30px;
    height: 30px;
    filter: invert(1);
    margin-right: 20px;
}
.d-flex{
color:white;
}
.why-content .d-flex {
align-items: center;
}
.nav-bar img{
width: 100px;
margin-left: 50px;
}
.nav-bar{
position: fixed;
top: 0;
z-index: 50;
background: white;
width: 100%;

}