*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color:rgb(249, 252, 248);
}
.product {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: 140px;
    padding-bottom: 235px;
}
.product h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    color: azure;
}
.product h2 span {
    color: rgb(230, 204, 7);
}
.product p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: aliceblue;
}
.product a{
    text-decoration: none;
    background-color: rgb(230, 204, 7);
    padding: 10px 20px;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid rgb(230, 204, 7);
}
.product a:last-child {
    margin-right: 0;
    background: rgb(122, 239, 104);
    border: 1px solid rgb(122, 239, 104);
}
.product a:hover {
    background-color: transparent;
}
#buy_a_product {
    background-color: rgb(215, 220, 220);

}
#buy_a_product p {
   text-align: justify;

}
//
.pekul {
    width: 1110px;
    margin: 0 auto;
    position: relative;
}
#buy_a_product .pekul .pekul1 {
   width: 650px; 
   float: left;
   padding-top: 110px;
   padding-bottom: 100px;
}

#buy_a_product .pekul .pekul1 h4{
    font-family:"open sans",sans-serif;
    font-size:20px;
    line-height:30px;
    color:rgb(18, 18, 18);
    font-weight: normal;
    margin: 0;
}
#buy_a_product .pekul .pekul1 h2{
    font-size:45px;
    line-height:54px;
    color:rgb(35, 35, 33);
    font-weight: 500;
    margin: 0;
    margin-bottom: 50px;
    
}
#buy_a_product .pekul .pekul1 p {
    font-size:16px;
    line-height:24px;
    color:rgb(35, 35, 33);
    font-weight: 400;
    margin: 0;
    
}
#buy_a_product .pekul .form {
    width: 350px;
    float: right;
    padding-top: 20px;
    padding-bottom: 60px;
    padding: 30px 20px;
    background-color: rgb(230, 204, 7);
 }
 #buy_a_product .pekul .form input,select {
    width: 100%;
    margin-bottom: 15px;
    padding: 6px;
    border: 1px solid white;
    border-radius: 5px;
    background-color: transparent;
    color: white;
     
 }
 #buy_a_product .pekul .form option {
    background-color: rgb(137, 137, 136); 
 }
 ::-webkit-input-placeholder {
    color: white;
 }
 #buy_a_product .pekul .form input[type="submit"] {
    margin-bottom:0;
    background-color: white;
    color: rgb(230, 204, 7);
    border: 1px solid white;
}
#buy_a_product .pekul .form input[type="submit"]:hover {
    background-color: transparent;
    color: white;
    cursor: pointer;
}
/* 3rd section start  */
#about .about_img{
    width: 540px;
    float: left;
    
}
#about .pekul1{
    width: 560px;
    float: right;
    text-align: justify;
}
.container h1{
   text-align: center;
}
.container h4{
    text-align: center;
 }
 .about{
    text-align: justify;
 }
 .button{
    float: center;
 }

/*  header animation start */
 #scroll-container {
    border: 3px solid rgb(248, 248, 245);
    border-radius: 5px;
    /* overflow: hidden; */
  }
  
  #scroll-text {
    /* animation properties */
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    
    -moz-animation: my-animation 30s linear infinite;
    -webkit-animation: my-animation 30s linear infinite;
    animation: my-animation 30s linear infinite;
  }
  
  /* for Firefox */
  @-moz-keyframes my-animation {
    from { -moz-transform: translateX(100%); }
    to { -moz-transform: translateX(-100%); }
  }
  
  /* for Chrome */
  @-webkit-keyframes my-animation {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(-100%); }
  }
  
  @keyframes my-animation {
    from {
      -moz-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -moz-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
/*  header animation end */