@font-face {
    font-family: sta;
    src:url(../webfonts/satisfy.woff2)format("woff2"),
    url(../webfonts/satisfy.woff)format("woff"),
    url(../webfonts/satisfy.ttf)format("truetype");
}
.font{
    font-family: sta;
}
.navbar-brand img{
    height: 30px;
}
.navbar-brand {
    color:#66cc33 ; 
}
#sec1{
    background-image: url(../images/Banner-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}
.btn{
    color:#66cc33 ; 
}
#sec1 .topic{
    font-size: 4rem;
}
#sec2{
    background-color: rgb(249, 245, 245);
}
 .small{
    color:#66cc33 ; 
    font-weight: bold;
}
 .title{
    padding-left: 10px;
    border-style: solid;
    border-color: #66cc33 ;
    border-width: 5px;
    border-top: none;
    border-bottom: none;
    border-right: none;
}
#sec3 {
    background-color: rgb(249, 245, 245);
}
#sec3 .read{
    color:#66cc33 !important; 
}
#sec3 p{
    text-align: justify;
}
#sec3 i{
    font-size: 4rem;
}
#sec4 {
    background-image: url(../images/Banner-2.jpg);
    background-position: center ;
    width: 100%;
}
#sec4 .small{
    color: black; 
    font-weight: bold;
}
#sec4 .title{
    padding-left: 10px;
    border-style: solid;
    border-color: rgb(29, 29, 29) ;
    border-width: 5px;
    border-top: none;
    border-bottom: none;
    border-right: none;
}
#sec4 .btn:hover{
    background-color: #66cc33 !important;
}
#sec5 .til{
    color:#66cc33 ;
}
#sec5 .card{
    border-style: dotted !important;
    border-color:rgb(219, 218, 218) !important ;
}
#sec5 .price{
    background-color: #66cc33 !important;
}
#sec5 .btn{
    background-color: #66cc33 !important;
}
#sec5 .card-fill{
    background-color: rgb(219, 218, 218) !important;
    margin: 1px ;
}

#sec5 .card:hover .btn{
    background-color: black !important;
}
#sec5 .card:hover .til{
    color: black ;
}
#sec5 .card:hover .price{
    background-color: black !important;
}
#sec6 .card{
    border-style: dotted !important;
    border-color:rgb(219, 218, 218) !important ;
}
#sec6 .card-fill{
    background-color: rgb(219, 218, 218) !important;
    margin: 1px ;
}
#sec6 .btn{
    color:#66cc33 ;
    border-style: solid;
    border-color: #66cc33;
    border-width: 1px;
}
#sec6 .info{
    color: #66cc33;
    border-style: solid;
    border-top: none;
    border-right: none;
    border-left: none;
    border-width: 1px;
    border-color: #66cc33 !important;
}
footer{
    background-color: rgb(219, 218, 218);
}
footer i{
    color: #66cc33;
}
footer .quick{
    border-color: #66cc33 !important;
    font-size: 0.8rem;
    padding: 1px;
}
footer .btn{
    background-color: #66cc33 ;
}
footer .social *{
    border-color: #66cc33 !important ;
}
footer input{
    outline-color: #66cc33 ;
}