body{
    background-color: #add8e6;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.sectionCOlRmv{
    background-color:#add8e6;

}
.headingText{
    text-align: center;
    color: #794520;
    font-family: calibri;
}
.fetures{
    text-align:left;
    color: orangered;
    font-family: calibri;
    margin-left: 50px;
}
.pCont{
     text-align: center;
     color:  #794520;
     font-size: 30px;
     font-family: calibri;
     margin-top: 20px;
     margin-left: -30px;
}
.line {
    border-bottom: 2px solid #794520;
    background: none repeat scroll 0 0 transparent;
    height: 1px;
    /*margin: 0 auto 45px;*/
    padding: 5px;
    position: relative;
/*    width:500px;*/
/*    margin-left: 420px;*/
}
.line::after, .line::before {
    border: medium solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
.line::before {
    border-width: 9px;
    margin-left: -6px;
}
.line::after {
    border-top-color: #794520;
    border-width: 8px;
    margin-left: -8px;
}
* {
    box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.column {
    float: left;
    width: 33.33%;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
    }
}
.img {
    margin-left: 100px;
/*    border: 1px solid #ddd;*/
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}
.lineNew {
    border-bottom: 2px solid #fff;
    background: none repeat scroll 0 0 transparent;
    height: 1px;
    /*margin: 0 auto 45px;*/
    padding: 5px;
    position: relative;
/*    width:1100px;*/
/*    margin-left: 30px;*/
}
.lineNew::after, .lineNew::before {
    border: medium solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
.lineNew::before {
    border-width: 9px;
    margin-left: -6px;
}
.lineNew::after {
    border-top-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.Fetureline {
    border-bottom: 2px solid #794520;
    background: none repeat scroll 0 0 transparent;
    height: 1px;
    /*margin: 0 auto 45px;*/
    padding: 5px;
    position: relative;
    width:200px;
/*    margin-left: 20px;*/
}
.Fetureline::after, .Fetureline::before {
    border: medium solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
.Fetureline::before {
    border-width: 9px;
    margin-left: -6px;
}
.Fetureline::after {
    border-top-color: #794520;
    border-width: 8px;
    margin-left: -8px;
}
/*table, th, td {
    text-align: center;
                border: 2px solid white;
                  padding: 10px;
            }*/
 .FContainentN{
   
    font-size: 20px;
    color: brown;
    border-left: 5px solid brown;
    margin-left: 50px;
}           
.span{  
    font-size: 15px;
    color: #794520;  
}

@media (min-width:400px) and @media (max-width:600px) {
        .line {
            border-bottom: 2px solid orangered;
            background: none repeat scroll 0 0 transparent;
            height: 1px;
            /*margin: 0 auto 45px;*/
            padding: 5px;
            position: relative;
            width:500px;
            margin-left: 420px;
        }
        .line::after, .line::before {
            border: medium solid transparent;
            content: " ";
            height: 0;
            left: 50%;
            pointer-events: none;
            position: absolute;
            top: 100%;
            width: 0;
        }
        .line::before {
            border-width: 9px;
            margin-left: -6px;
        }
        .line::after {
            border-top-color: orangered;
            border-width: 8px;
            margin-left: -8px;
        }


}
.button {
    position: relative;
    background-color: #4CAF50;
    border: none;
    font-size: 28px;
    color: #FFFFFF;
    padding: 20px;
    width: 300px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
     border-radius: 20px;
}

.button:after {
    content: "";
    background: #90EE90;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px!important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s

}

.button:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}
.button:hover{
    background: #3498DB;
    color:  white;

}