*{
  margin:0;
  padding:0;
}
a{
  text-decoration: none;
}

.container {
    width: 1000px;
    margin: 0 auto;
} 
/* ===========  row1 start   =============*/
  .row1 {
    width: 1000px;
    height: 200px;
    background-color: brown; 
  }
  .row1_col1 {
    width: 500px;
    height:200px;
    background-color: yellow;
    float:left;
  }
  .row1_col2 {
    width: 500px;
    height: 200px;
    background-color:burlywood;
    float:left;
}
  .row1_col1_row1 {
    width: 500px;
    height:100px;
    background-color:cyan;
  }
  .gofur{
    width: 250px;
    height:100px;
    background-color:rgb(17, 0, 255);
    float:left;
    }
    .kuddus{
    width: 250px;
    height:100px;
    background-color:rgb(0, 255, 98);
    float:left;
    }
    .abc{
    width: 250px;
    height:50px;
    background-color:cyan;
  }
  .dbc{
    width: 250px;
    height:50px;
    background-color:rgb(220, 6, 6);
  }
  .one{
    width: 125px;
    height:50px;
    background-color:rgb(123, 0, 255);
    float:left;
  }
  .two{
    width: 125px;
    height:50px;
    background-color:rgb(255, 0, 0);
    float:left;
  }


  .row1_col1_row2{
    width: 500px;
    height:100px;
    background-color:chocolate;
  }


/* ===========  row2 start   =============*/
  .row2{
    width: 1000px;
    height: 150px;
    background-color:green ;
  }
  .row2_col1 {
    width: 300px;
    height:150px;
    background-color: black;
    float:left;
  }
  .row2_col2 {
    width: 400px;
    height: 150px;
    background-color: blue;
    float:left;
  }
  .row2_col3{
    width: 300px;
    height: 150px;
    background-color: violet;
    float:left;
  }
  /* ===========  row3 start   =============*/

  .row3 {
    width: 1000px;
    height: 200px;
    background-color: tomato;
  }
  .row3_col1 {
    width:250px;
    height: 200px;
    background-color:orange;
    float:left;
  }
    .row3_col2 {
    width:250px;
    height:200px;
    background-color: #1586ED ;
    float:left;
  }          
  .row3_col3 {
    width:250px;
    height:200px;
    background-color: #edc915 ;
    float:left;
  }          
  .row3_col4 {
    width:250px;
    height:200px;
    background-color:green;
    float:left;
  }          


/* ===========  row4 start   =============*/

  .row4 {
    width: 1000px;
    height: 150px;
    background-color: teal;
  }


  .main{
    width:1000px;
    height: 500px;
    margin: auto;
    background-color:#ddd ;
    overflow:hidden;
  }

  .div1{
    width:200px;
    background-color:#f2f910 ;
    float:left;
    padding: 20px;
    margin: 80px 50px 20px 40px;
  }

  .div1 h2 {
    padding-bottom:  20px;
  }
  .div1 p{
    padding-bottom:30px;
  }
   
  .div1 a {
    background-color: #10abed;
    padding:10px 15px;
    color: #fff;
    border-radius: 30px;
    transition:all linear.3s;
  }
  .div1 a:hover {
    background-color: darkgreen;
    padding:15px 20px;
    font-size: 20px;
  }