/*======= Common CSS =======*/
* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
ol,
ul {
  list-style-type: none;
}
.container {
  width: 1275px;
  margin: 0 auto;
}
/*======= Navbar CSS =======*/
.nav-main {
  display: flex;
  justify-content: space-between;
  padding-top: 55px;
  align-items: center;
}
nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.logo {
  width: 133px;
}
.menu {
  width: 647px;
}
.buttons {
  width: 300px;
}
.menu ul {
  display: flex;
  justify-content: center;
  gap: 60px;
}
.menu ul li a {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #000000;
}
.menu ul li a:hover {
  color: #fdbb57;
}
.buttons {
  text-align: right;
}
.buttons a {
  background-color: #fdbb57;
  padding: 11px 25px;
  border-radius: 10px;
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #050505;
  margin-left: 8px;
}



.banner-main {
  display: flex;
  justify-content: space-between;
  padding-top: 236px;
  padding-bottom: 133px;
}
.banner_left {
  width: 556px;
}
.banner_right {
  width: 535px;
}
#banner {
    background-color: #FAE3B6;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.banner_left h1 {
    color: #000000;
    font-size: 64px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    padding-right: 10px;
    padding-bottom: 38px;
}
.banner_left p {
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #000000;
    padding-right: 16px;
    padding-bottom: 100px;
}
.banner_left a {
    background-color: #000000;
    border-radius: 10px;
    padding: 25px 90px;
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 600;
}
.banner_right img {
    border-bottom-left-radius: 195px;
    filter: drop-shadow(0px 4px 4px rgba(0,0,0,.25));
}
/*==== Banner End CSS =======*/


/*==== section 2 CSS  start =======*/
.main-2{
  display: flex;
  justify-content: center;
  padding-top: 217px;
}
.main-2 h1{
    color: #000000;
    font-size: 64px;
    font-family: "Frank Ruhl Libre", serif;
    font-weight: 700;
    padding-bottom: 125px;
    width: 437px;
    height: 65px;
}
.Gallery{
  display: flex;
  justify-content: space-between;
  padding-bottom: 100px;
}
.Gallery img{
  border-radius: 20px;
  width:355px;
  height: 402px;
}


/*==== Banner-2 CSS start =======*/
.banner-2 {
  display: flex;
  padding-bottom: 152px;
}
.banner2_left {
  width: 660px;
}
.banner2_right {
  width: 437px;
  padding-left: 92px;
}
.banner2_right h1 {
    color: #000000;
    font-size: 64px;
    font-family: "Frank Ruhl Libre", serif;
    font-weight: 600;
    width: 437px;
    padding-bottom: 38px;
    padding-top: 149px;
}
.banner2_right p {
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #000000;
    padding-right: 16px;
    padding-bottom: 100px;
}
.banner2_left img {
    border-top-left-radius: 150px;
    filter: drop-shadow(0px 4px 4px rgba(0,0,0,.25));
}
/*==== Banner CSS =======*/
/*==== section-03 CSS =======*/
.banner3-main {
  display: flex;
  justify-content: space-between;
  padding-top: 236px;
  padding-bottom: 133px;
}
.banner3_left {
  width: 457x;
}
.banner3_right {
  width: 535px;
}
#section-03 {
    background-color: #cfa485;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.banner3_left h1 {
    color: #FFFFFF;
    font-size: 64px;
    font-family: "Frank Ruhl Libre", serif;
    font-weight: 600;
    padding-right: 80px;
    width: 437px;
    height: 162px;
    padding-bottom: 38px;
}
.banner3_left p {
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 400;
    width: 437px;
    color: #FFFFFF;
    padding-right: 30px;
    padding-bottom: 100px;
}
.banner3_left a {
    background-color: #000000;
    border-radius: 10px;
    padding: 25px 90px;
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 600;
}
.huda{
  display: flex;
  justify-content: space-between;
  padding-bottom: 100px;
}
.huda img{
  width: 366px;
  height:550px;
  padding-left: 30px;
  padding-top:127px;
}
/*==== Banner CSS =======*/