@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
*{
    margin: 10;
}

body {
    font: normal 73% 'Century Gothic', Arial, Helvetica, sans-serif;
    line-height: 1.8em;
    color: #000;
    background: #1d4124;
    margin-top: 3%;

}

#wrapper {
    width: 99%;
    margin: 0 auto;
}

#faux {
    width: 100%;
    /* height: 720px; */
    margin-bottom: 0;
    margin-top: -3%;
    /* Paul O Brien Fix for IE www.pmob.co.uk */
    background: url("../images/back_ground_ed.jpg");
    /* overflow-y: scroll; */
}

#faux1 {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    margin-top: -3%;
    /* Paul O Brien Fix for IE www.pmob.co.uk */
    background: url("../images/back_ground_ed.jpg");
    overflow-y: scroll;
}

h1 {
    font-size: 110%;
    /* text-transform: capitalize; */
    color: rgb(5, 17, 10);
    text-align: center;
    margin-left: 10%;
    word-wrap: anywhere;
}

.imgleft {
    width: 100px;
    height: 130px;
    /* border: cornflowerblue; */
    /* border-style: solid; */
    border-radius: 25px;
    
}

a:link,
a:visited {
    text-decoration: none;
    color: #880402;
    background: inherit;
}

a:hover {
    text-decoration: none;
    color: #00515C;
    background: inherit;
}

a:active {
    text-decoration: none;
    color: #F5DE1E;
    background: inherit;
}

.list-td {
    height: 10%;
    width: 0%;
    text-align: center;
    /* border: 1px solid rgb(145, 224, 201); */
}

td {
    height: 70px;
    width: 200px;
    margin-left: 1%;
    margin-right: 1%;
    text-align: left;
}

.plant-heading {
    font-size: xx-large;
    margin-top: 3%;
    font-family: 'meera', 'rachana';
    color: rgb(9, 24, 19);
}

.plant-heading p {
    font-size: xx-large;
    margin-top: -3%;
    font-family: Ti;
    color: rgb(9, 24, 19);
    text-align: center;
}

.plant-heading i {
    font-size: xx-large;
    margin-top: -3%;
    font-family: Ti;
    color: rgb(9, 24, 19);
    text-align: center;
}

.heading-div {
    margin-top: 3%;
    height: 85px;
}

.margin-div {
    margin-top: 1%;
}

.img-detail {
    width: 353%;
    height: 702%;
    margin-bottom: 35%;
    margin-top: -103%;
    margin-left: 35%;
    /*border: #614040;*/
    border-style: solid;
    border-color: #75c19c;
    border-radius: 25px;
}

#wrapper-detail {
    width: 75%;
    margin: 0 auto;
}

.text-font {
    font-size: large;
    font-family: 'Times New Roman', Times, serif;
    text-align: justify;
    margin-left: 14%;
    margin-right: 14%;
    margin-top: -3%;
}


/* p {
    margin-top: 0;
    text-align: center;
    color: rgb(21, 22, 15);
    font-size: 150%;
} */

.text-detail {
    font-size: small;
    color: #666;
    text-align: justify;
    padding-left: 3%;
    padding-right: 3%;
    margin-top: 1px;
}

.search {
    margin-left: 2%;
    width: 27%;
}

.scroll-left {
    height: 20px;
    overflow: hidden;
    /* overflow: inherit; */
    position: relative;
    margin-bottom: 53px;
    
}

.scroll-left p {
    position: absolute;
    width: 100%;
    height: 100%;
    /* margin: 0; */
    line-height: 20px;
    text-align: center;
    /* Starting position */
    transform: translateX(100%);
    /* Apply animation to this element */
    animation: scroll-left 50s linear infinite;
    margin-top: 0%;
    color: #214c0f;
    font-size: small;
}

.uses {
    text-align: justify;
}

#image {
    width: 95%;
    height: 600%;
    margin-top: 2%;
    /* border-color: cornflowerblue; */
    /* border-style: solid; */
    border-radius: 25px;
    margin-left: 3%;
}

#list-plants {
    font-family: 'Poppins', sans-serif;
    height: 600px;
    /* margin-bottom: 0; */
    /* Paul O Brien Fix for IE www.pmob.co.uk */
    overflow-y: scroll;
}
p{
    font-family: 'Poppins', sans-serif;
}


/* Move it (define the animation) */

@keyframes scroll-left {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

#type-data {
    padding-top: 1%;
    width: 50%;
    /* height:15%; */
}
#secondcolumn{
    vertical-align: top;
}

.checkbox {
    margin-top: 4%;
    text-align: center;
}

.input-group {
    text-align: center;
    margin-top: 2%;
}
@media screen and (max-width: 1900px) {
    .img-detail {
        margin-top: -50%;
   
}
}
@media screen and (max-width: 1837px) {
    .img-detail {
        margin-top: -28%;
   
}
}
@media screen and (max-width: 1620px) {
    .img-detail {
        margin-top: -70%;
   
}
}
@media screen and (max-width: 1400px) {
    .img-detail {
        margin-top: -158%;
   
}
}
@media screen and (max-width: 1130px) {
    .img-detail {
        margin-top: -253%;
        height: 565%;
        width: 370%;
    }
   

}
@media screen and (max-width: 960px) {
    .img-detail {
        margin-top: -434%;
        
    }
   

}
@media screen and (max-width: 820px) {
    .img-detail {
        margin-top: -608%;
    }
   

}
@media screen and (max-width: 600px) {
    .img-detail {
        margin-top: -1235%;
    }
   

}
@media screen and (max-width: 690px) {
    .img-detail {
        margin-top: -1350%;
        width: 407%;
    height: 450%;

    }
   

}
@media screen and (max-width: 580px) {
    .img-detail {
        margin-top: -1500%;
    }
   

}
@media screen and (max-width: 540px) {
    .img-detail {
        height: 306%;
    width: 419%;
    margin-top: -2432%;
    }
   

    @media screen and (max-width: 414px) {
        .img-detail {
         
        margin-top: -5779%;
        }
       
    
    }
}
@media screen and (max-width: 375px) {
    .img-detail {
     
    margin-top: -8050%;
    }
   

}
@media screen and (max-width: 360px) {
    .img-detail {
     
    margin-top: -9020%;
    height: 250%;
    }
   

}