/* heading navbar  */
#headingnavbar{
    display:flex;
    width:100%;
    height:110px;
    margin: auto;
    margin-top:0;
    margin-left: 0;
}

#first{
    width:100%;
    height: 100px;
   
    background-color: #592E13;
    border-top: 1px solid black;
    padding:20px;
}
#second{
    width:180px;
    height:140px;
    background-color: rgb(170,84,4)
}
#thirdone{
    width:160px;
    height:70px;
    background-color: rgb(229,140,2)
}
#thirdsecond{
    width:160px;
    height:70px;
    background-color:rgb(252,242,189)
}

h1{
    color: #FFFFFF;
    font-family: "Market Sans Bold", Sans-serif;
    font-size: 36px;
    font-weight: bold;
}

.firsth2{
    color: #592E13;
    margin-top:40px;
    font-family: "Market Sans Regular", Sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 34px;
    margin-left:130px;
}
#afterheading{
    display:flex;
    text-align: start;
    gap:20px;
    width:75%;
    height:400px;
    margin-left:130px;
   
}
.paradiffer{
    background-color:rgb(252,242,189) ;
    padding:5px;
    color: #592E13;
    font-family: "Market Sans Regular", Sans-serif;
    word-wrap:wrap;
}
.para{
    font-weight:400;
    font-size:16px;
    font-family: "Market Sans Regular", Sans-serif;
}
#boxes{
    width:80%;
    height:270px;
    display:flex;
    gap:20px;
   
   
    margin:auto;
}
#boxes> div{
    width:450px;
    height:250px;
    background-color:#AA5404;
    text-align:center;
    word-wrap: auto;
}
.circle{
    width:50px;
    height:50px;
    background-color:#FCF2BD;
    border-radius:50%;
    margin:auto;
    margin-top:-25px;
  
   padding:4px;
}
.paragraph{
    color: #FCF2BD;
    font-family: "Market Sans Regular", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.5px;
    margin-top:50px;
    word-wrap: auto;
    overflow:auto;
}
.headingbox{
    color: #FCF2BD;
    font-family: "Market Sans Regular", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.5px;
}
.tablebox{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    width:80%;
    height:250px;
    margin:auto;
    text-align:start;
    justify-content:space-around;
    color: #41413F;
    font-family: "Market Sans Regular", Sans-serif;
    font-size: 14px;
  
}
#a{
    padding:10px;
    border-right: 1px solid coral;
    border-bottom:1px solid coral ;
}
#b{
    padding:10px;
    border-left: 1px solid coral;
    border-bottom:1px solid coral ;

}
#c{
    padding:10px;
    border-right: 1px solid coral;
    border-top:1px solid coral ;
}
#d{
    padding:10px;
    border-left: 1px solid coral;
    border-top:1px solid coral ;
}
#paraandimage{
    display:flex;
    width:70%;
    height:300px;
    margin:auto;
    margin-top:200px;
    justify-content:space-around;
 
    color: #41413F;
    font-family: "Market Sans Regular", Sans-serif;
    font-size: 14px;
    text-align: start;
}
/* ====================================before footer================================ */

#beforefooter{
    width:80%;
    height:450px;
    background-color: green;
    margin:auto;
    margin-top: 180px;
    
  

}


#beforefooter > #first{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: space-around;
    margin:auto;
    width:80%;
    height:60px;
    color:#FCF2BD;
    font-size:18px;
    font-family: "Market Sans Regular", Sans-serif;
    
}

#beforefooter > #second{
    width:80%;
    height:300px;
    background-color: orchid;
    margin:auto;
  
  

}




/* =====================================footer=========================================> */

/*-------------------------------------------------------------------------------DIV-9--------------------------------------------------------------------------------*/
#div9{
    padding-top: 80px;
    border: 1px solid rgb(255, 255, 255);
    height: fit-content;
    font-family: sans-serif;
    display: grid;
    grid-template-rows:1fr 1fr 1fr;
    margin: auto;
    
  }
  /* Footer Part-1 */
  #footer-p1{
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 30px;
    justify-content: space-evenly;
  }
  /* Footer Part-1 ancor tag adjustment */
  #footer-p1 a{
    font-size: 14px;
    text-decoration: none;
    color: #413d3d;
    font-weight: 600;
  }
  /* Footer Part-2 */
  /* Facebook , Instagram and Linkedin href and logo adjustment */
  #footer-p2{
    display: flex;
    margin: auto;
    gap: 10px;
  }
  /* Footer Part-3 */
  #footer-p3{
    margin: auto;
    font-size: 12px;
    color: #696666;
  }
  /* Footer Part-3 links adjustment */
  #last{
    text-decoration: none;
    color: rgb(27, 121, 184);
  }