body {
    background-color: #f4f9f3;
}
* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    font-family: "Kulim Park", sans-serif;
}
.active{
    color: #55c595 !important;
}
.btn:focus{
    outline: none !important;
    border: 0px !important;
    box-shadow: 0 0 0 0.2rem #55c595;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: black !important;
  outline: 0;
  box-shadow: 0 0 0 .2rem black !important;
}
.green {
    padding-top: 60px;
    font-size: 34px;
    color: #55c595;
    text-decoration: underline #5aeeaf;
}
.packages {
    background-image: url(../img/Mask\ group.jpg);
    height: 400%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.btn {
    border-radius: 25px;
    background-color: #55c595;
}
a {
    color: white;
}
.gray {
    font-size: 42px;
}
.start {
    left: 15px;
}
.machine {
    background-color: #e3f6e9;
    border-radius: 25px;
}
.buy {
    background-color: #53c48f;
    border-radius: 20px;
}
.vend-1 {
    position: relative;
    bottom: 60px;
    z-index: 1000000;
}
.get {
    border-radius: 20px;
}
.vend-2 {
    position: relative;
    bottom: 49px;
    z-index: 1000000;
}
.prize {
    background-color: #53c48f;
    border-radius: 20px;
}
.vend-3 {
    position: relative;
    bottom: 44px;
    z-index: 1000000;
}
.secure {
    position: absolute;
    left: 90px;
    top: 150px;
}
.leaf {
    left: 15px;
}
.package {
    border: 1px solid white;
    background-image: linear-gradient(
        to left,
        rgba(255, 0, 0, 0),
        rgb(97, 184, 134)
    );
    border-radius: 20px;
}
.borderr {
    border: 1px solid white;
    border-radius: 25px;
}
.fontt {
    color: #2e8962;
}
#footer {
    background-image: url(/assets/img/footer.png);
    height: 360px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.right::after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(../assets/img/third.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    /* height: 300px;
    top: 96px;
    right:2px; */
    height: 300px;
    top: -190px;
    right: -4px;
}
.left::before {
    content: "";
    display: block;
    position: absolute;
    background-image: url(../aseets/img/forth.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 84%;
    height: 190px;
    bottom: -45px;
    left: 0px;
    z-index: 100000;
}