body,
body * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

body {
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   background-color: #D8E2C9;
   width: 1200px;
   padding: 5rem;
   display: flex;
   flex-direction: column;
   align-items: center;
   border-radius: 50px;
}


.container {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   background-color: #F7F8EA;
}

.border-radius-top {
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
}

.border-radius-bot {
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
}

.row {
   display: flex;
   align-items: center;
   padding: 2rem 3rem;
   border-bottom: 2px solid #D8E2C9;
   justify-content: space-between;
   width: 100%;
}

.row>img {
   width: 7rem;
}

.navbar {
   font-size: 1.3rem;
   word-spacing: 1.5rem;
}

.navbar>a {
   text-decoration: none;
   color: black;
}

.title {
   padding-top: 4rem;
   padding-bottom: 3rem;
   font-size: 3rem;
   font-family: initial;
}


.content {
   display: flex;
   flex-direction: flex-start;
   /* align-items:center; */
   /* flex-wrap: wrap; */
   width: 80%;
   background-color: #EDE8D4;
   border-radius: 20px;
   margin-bottom: 4rem;
   position: relative;
}

.picture {
   display: flex;
}

.review {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   padding-top: 3rem;
   padding-left: 2rem;
   width: 100%;
}

.review .stars {
   color: orange;
   letter-spacing: 0.2rem;
}

.comment {
   display: flex;
   width: 100%;
}

.rev {
   border-left: 1px solid black;
   padding-left: 0.5rem;
}

.name {
   font-weight: bold;

}

.job-title {
   font-size: 0.8rem;
   color: rgba(0, 0, 0, 0.5);
}

.buttons {
   display: flex;
   gap: 0.6rem;
   position: absolute;
   bottom: 1.5em;
   right: 3em;
   text-align: center;
}

.btn1 {
   border-radius: 50%;
   border: none;
   width: 40px;
   height: 40px;
   background-color: #F7F8EA;
}

.btn2 {
   border-radius: 50%;
   border: none;
   width: 40px;
   height: 40px;
   background-color: #588515;
   color: #fff;
}

.main-collumn {
   display: flex;
   background-color: #F6F1D1;
   width: 100%;
   gap: 30px;

}

.collumn-1 {
   /* background-color: aqua; */
   display: flex;
   flex-direction: column;
   /* align-items: center; */
   /* text-align: center; */
   width: 100%;
   margin-left: 100px;  
   /* padding-left: 110px; */
   /* margin-top: 30px; */
}


.hi {
   display: flex;
   flex-direction: column;
   text-align: left;
   font-size: 3em;
   font-family: initial;
   width: 100%;
   padding-top: 50px;
}
.h {
   padding: 0;
}

.paragraph {
   display: flex;
   flex-direction: column;
   margin-top: 30px;
   font-size: 25px;
   gap: 30px;
}
.collumn-2 {
   display: flex;
   /* justify-content: space-between; */
   font-size: 5rem;
   align-items: center;
}
.box-1 {
   display: flex;
   flex-direction: column;
   width: 100%;
   gap: 20px;
   flex-wrap: wrap;
   text-align: center;
   font-size: 150px;
   font-weight: 150px;
   margin-right: 50px;
}
.box-1 img {
   width: 200px;
   height: auto;
}


.follow-us {
   align-items: center;
   text-align: center;
   width: 40%;
   height: 10%;
   font-size: 20px;
   margin-top: 34px;
   background-color: #588515;
   color: #fff;
   border: none;
   border-radius: 5px;
}

.img {
   font-size: 24px;
}