@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

html {
  background-color: #ffffff;
  scroll-behavior: smooth;
}

body {
  font-family: poppins;
  margin: 0;
  box-sizing: border-box;
  overflow-y: scroll;
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

a {
  text-decoration: none;
}

.first_container {
  position: relative;
  background: url("../img/homepagebg.png") no-repeat center;
  background-size: cover;
  height: 900px;
}

.vector_map {
  position: absolute;
  right: 0;
  background-image: url("../img/_Vector\ map.png");
  background-repeat: no-repeat;
  background-position: right top;
  width: 798px;
  height: 470px;
  z-index: 0;
}

.custom-navbar {
  display: flex;
  justify-content: space-between;
  padding: 40px 56px 0 48px;
}

.custom-navbar .logo h1 {
  margin: 0%;
  font-size: 28px;
  font-weight: 700;
  text-align: left;
}

.logo a {
  color: #ffffff;
}

.navList {
  z-index: 1;
}

.navList ul {
  list-style: none;
  display: flex;
  gap: 40px;
  margin-top: 15px;
}

ul li {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
}

li a {
  color: black;
}

li a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.authLink {
  z-index: 1;
  margin-top: 15px;
}

.authLink a {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.5px;
  text-align: center;
  color: white;
  background-color: black;
  padding: 13px 20px 13px 20px;
}

.first_container .content {
  position: relative;
  z-index: 1;
  margin-left: 206px;
  color: #ffffff;
  width: 652px;
  margin-top: 130px;
}

.content h1 {
  font-size: 60px;
  font-weight: 600;
  line-height: 79px;
  margin-bottom: 27px;
  margin-top: 0;
}

.content p {
  opacity: 65%;
  font-size: 19px;
  font-weight: 600;
  line-height: 32px;
  margin-top: 0;
  margin-bottom: 47.22px;
}

.content a {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  background-color: black;
  padding: 11px 30px 10px 30px;
}

.second_container {
  padding-top: 79px;
  padding-bottom: 92px;
}

.second_container_content {
  display: flex;
  justify-content: center;
  gap: 93px;
  /* margin-top: 79px; */
}

.contentBox {
  display: flex;
  gap: 7px;
  width: 292px;
}

.contentBox h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  margin: 0%;
}

.contentBox p {
  font-size: 17px;
  font-weight: 400;
  line-height: 29px;
  margin: 0%;
}

.third_container {
  background: url("../img/BG\ \(1\).png") no-repeat center;
  background-size: cover;
  width: 100%;
}

.third_container_content {
  display: flex;
  justify-content: space-between;
  padding: 130px 15.17% 137px 15.25%;
}

.third_container_content .lhsContent {
  width: 49%;
  margin-top: 46.25px;
}

.third_container_content .lhsContent span {
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  letter-spacing: 1.625px;
  color: #bb9a56;
}

.third_container_content .lhsContent h1 {
  font-size: 60px;
  font-weight: 600;
  line-height: 68px;
  margin-top: 21px;
  margin-bottom: 20px;
}

.third_container_content .lhsContent p {
  font-size: 19px;
  font-weight: 400;
  line-height: 32px;
  opacity: 70%;
  margin-bottom: 33px;
}

.third_container_content .lhsContent a {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #bb9a56;
  padding: 11px 30px 10px 30px;
}

.third_container_content .rhsContent {
  background: url("../img/Image\ \(5\).png") no-repeat center;
  background-size: contain;
  height: 470.2px;
  width: 48%;
}

.forth_container {
  height: 849px;
}

.container_heading {
  text-align: center;
  margin: 92px auto 0 auto;
  width: 36.8%;
}

.container_heading h1 {
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
  margin: 0%;
}

.container_heading p {
  font-size: 19px;
  font-weight: 400;
  line-height: 32px;
  opacity: 70%;
  margin-top: 15px;
  margin-bottom: 33px;
}

.forth_container_content {
  display: flex;
  justify-content: center;
  gap: 89.1px;
}

.forth_container_content .lhsContent {
  background: url("../img/Group\ 626040.png") no-repeat center;
  background-size: contain;
  margin: 0;
  width: 37.15%;
}

.forth_container_content .rhsContent {
  background-image: none;
  width: 33.47%;
}

.pointers-grid {
  display: grid;
  column-gap: 19.84px;
  row-gap: 10px;
  margin-bottom: 22px;
}

.forth_container_content .pointers-grid:first-child {
  margin-top: 90px;
}

.item1 {
  grid-row: 1 / span 3;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  color: #e7b54c;
  background-color: #fdf8ed;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
}

.item2 {
  grid-column: 2;
  grid-row: 1 / span 2;
  font-size: 21px;
  font-weight: 500;
  line-height: 32px;
  text-align: left;
}

.item3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  color: #161c2d;
  opacity: 70%;
}

.fifth_container {
  background-color: black;
  color: white;
  display: flex;
  justify-content: space-between;
  padding-left: 15.53%;
  padding-right: 14.65%;
}

.fifth_container .lhsContent {
  width: 58.25%;
  margin-top: 93.51px;
}

.fifth_container .lhsContent h1 {
  font-size: 32px;
  font-weight: 400;
  line-height: 44px;
  margin: 0%;
}

.fifth_container .lhsContent p {
  font-size: 19px;
  font-weight: 400;
  line-height: 32px;
  opacity: 65%;
}

.fifth_container .rhsContent {
  background-image: none;
  margin-top: 151px;
}

.fifth_container .rhsContent a {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #bb9a56;
  padding: 11px 60px 10px 60px;
}

.sixth_container {
  background-color: #f9f7f2;
}

.sixth_container .container_heading {
  width: 57.8%;
  margin-top: 0%;
  padding-top: 110px;
}

.sixth_container .container_heading h1 {
  /* margin-top: 110px; */
  margin-bottom: 15px;
}

.sixth_container .container_heading p {
  width: 64%;
  margin: auto;
}

.sixth_container_content {
  display: grid;
  grid-template-columns: 41% 41%;
  column-gap: 55px;
  row-gap: 55px;
  width: 63.63%;
  margin: 79px auto 0 auto;
  padding-bottom: 152px;
}

.sixth_container_content .pointers-grid {
  margin-top: 0%;
}

.sixth_container_content .pointers-grid .item1 {
  padding: 21px;
  background-color: #f3eee2;
  border-radius: 18px;
}

.pointers-grid i {
  font-size: 25px;
  line-height: 1.8px;
}

.seventh_container {
  height: 650px;
  position: relative;
}

.seventh_container_heading {
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  letter-spacing: 1.625px;
  color: #bb9a56;
  margin-top: 92px;
  margin-left: 15%;
  text-transform: uppercase;
}

.seventh_container_content {
  display: flex;
  justify-content: space-between;
  width: 75%;
  margin: 144px auto auto auto;
  z-index: 1;
  position: relative;
}

.testimonies {
  width: 25%;
  text-align: center;
}

.review p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26.32px;
}

.review i {
  color: #0000001c;
  font-size: 27.5px;
  margin-left: 3px;
  margin-right: 3px;
}

.reviewer {
  display: flex;
  text-align: left;
}

.reviewerImg {
  height: 49px;
  width: 49px;
  background-color: gray;
  border-radius: 50%;
  margin-right: 16.5px;
}

.testimonies:nth-child(1) .reviewerImg {
  background: url("https://s3-alpha-sig.figma.com/img/b3e9/88ee/2b9f2730a40d657318fbfc409f956736?Expires=1719187200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=nnVggb8CPHKEb0yWkPa5hAqxeZQHSIUn5QYlLZwWajMlGu~ZJArd3tlf1X0BN0nqrzd6mcU34gKhftQ~eGilH8SwZF3WqACVGc-QJ9HH297hqhqX9NRoObnkNglJE316c6bdxjFsgWG08pooa2BIVwxc2DgShz2wZ2kMtgtG~UE1UTSCVSSLgHXLHV5xa1Brj2U9ADC0s7rxXQnp6T6dgmUBzP~FuHtT5OjXe0gsBVqAxh8QH2jhCPDkIi7z96RsdtHKpDWzlGZ7N5YWMNO4Eqd4xwN2ON6qx8NQOvoYu0tDH1YI9DP~daM1zhuVTCn0ojiNqYoqbPxzMBdJ5uKvWg__")
    no-repeat center;
  background-size: cover;
}
.testimonies:nth-child(2) .reviewerImg {
  background: url("https://s3-alpha-sig.figma.com/img/4f46/7c31/6379028a2d14d44bb2b27dd3cb35bbe8?Expires=1719187200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=amIZOJfotCu7B39YRw3tdmlNCsCgQRUIJln5XPF40vryDBuRVj2lmy3LW9jrCM1XrfmlhLAgRX7CoMDduiay57uwywy99YFTf2Yz4p6f8cbW8GIES4GB26KwebFb-YbctOa8pcCwNUQvR0zydm9PiaixSRQtAxq2DXBu5c1FgsSgGO1pM04nrBC24w7Dj7YdVyiiKQVH5M1y6dq-L~eC~JDM-8o18j8mBtpw0jja7aFze8qL6-q7RscqPkIbmz~eMwQhOUNeurvoFZ7XdzGFzzdC0tzxxBzfAKMruUA63ArpJDGFBULA5qkMjsvFibu1p3Oo02ZAwgD6fpdpo5scSg__")
    no-repeat center;
  background-size: cover;
}
.testimonies:nth-child(3) .reviewerImg {
  background: url("https://s3-alpha-sig.figma.com/img/1b5d/3e80/0b7f48621dcaa45dd36dd31e099c5658?Expires=1719187200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ldr9B9eFvqskIv3ND~vGvYv-wvX0gkTK4mUE5yLKSfDoNEMpW7MXOAnFeteTFV1UDDUMxqHRuMhzXUZj65wUb-7RXoWv26vYXVfSOjkJBepBNpKHWlO3bQEBt3rKPnc6WCfTwy9D-7E~vJL4kdXDFzkHUk5IOmnVoGf5VRQYqsiUhB683fS47e2NJwtgU8TGIHvj0-wn47q~~JmjcNqFVN3lLvsgVN3VM0Zokst6skbheXUVlihvLsAykSKNEOuWuGDKcZTuH5yDeOH4iQuQAOSLD0bgbC1yTza6jgd4MaGtRzE7YaLmZWYlVVvO8vlzATirUPWkHnrwpPO~Trl-Kw__")
    no-repeat center;
  background-size: cover;
}

.reviewerName h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.reviewerName p {
  margin-top: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #4f4f4f;
}

.container_background {
  height: 431px;
  width: 82%;
  background-color: #f9f7f2;
  position: absolute;
  right: 0;
  top: 48px;
  z-index: 0;
}

.eight_container {
  background-color: black;
}

.eight_container-content {
  display: flex;
  justify-content: space-between;
  width: 69.37%;
  margin: auto;
  padding-top: 90px;
  padding-bottom: 90px;
}

.eight_container-Lhs {
  width: 39.5%;
  /* margin-top: 91px; */
  /* margin-bottom: 134.5px; */
}

.eight_container-Lhs h1 {
  font-size: 40px;
  font-weight: 600;
  line-height: 58px;
  text-align: left;
  margin-bottom: 0px;
  color: white;
}
.eight_container-Lhs p {
  font-size: 19px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  color: #a6a6a6;
  margin-bottom: 0;
}

.pointers-grid {
  margin-top: 42.82px;
  display: grid;
  column-gap: 19.84px;
  row-gap: 11.79px;
  margin-bottom: 38px;
}

.eight_container .item1 {
  grid-row: 1 / span 3;
  margin-top: 3px;
  background-color: #bb9a56;
  width: 35px;
  height: 35px;
  color: white;
}

.eight_container .pointers-grid i {
  font-size: 20px;
  color: white;
}

.eight_container .item2 {
  grid-column: 2;
  grid-row: 1 / span 2;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  text-align: left;
  color: white;
  padding-top: 3px;
}

.eight_container .item3 {
  font-size: 17px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  color: #a6a6a6;
}

.eight_container-accordion {
  width: 48.64%;
  margin-top: 6%;
  margin-bottom: 50px;
}

.custom-accordion {
  width: 100%;
  background-color: white;
  color: #161c2d;
  cursor: pointer;
  padding: 18px 18px 18px 30px;
  border: none;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  text-align: left;
}

.custom-accordion:focus {
  outline: none;
}

.custom-accordion:nth-child(1) {
  border-radius: 8px 8px 0 0;
  border-top: 8px solid #bb9a56;
}
#lastDropdownContent {
  border-radius: 0px 0px 8px 8px;
  /* border-top: 8px solid #E23C49; */
}
#lastAccordion {
  border-radius: 0 0 8px 8px;
}

.custom-accordion:after {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  color: #161c2d;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.custom-accordion.active + .dropdownContent {
  display: block;
}

.custom-accordion.active:after {
  font-family: "Font Awesome 5 Free";
  content: "\f077";
  color: #161c2d;
}

.dropdownContent {
  display: none;
  padding: 0 40px 0 30px;
  background-color: white;
  /* max-height: 0; */
  overflow: hidden;
  /* transition: max-height 0.2s ease-out; */
  font-size: 17px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  color: #5c606c;
}

.ninth_container {
  background-color: #f9f7f2;
}

.ninth_container .container_heading {
  margin-top: 0;
  padding-top: 110px;
}
.ninth_container .container_heading h1 {
  letter-spacing: -1.8px;
}

.query_form {
  /* text-align: center; */
  width: 592px;
  margin: auto;
}

.query_form form {
  display: flex;
  flex-direction: column;
}

.name_email {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.name_email input {
  width: 40%;
  /* height: 48px; */
  padding: 13.5px 20px 13.5px 18px;
  gap: 10px;
  border: 1px solid #e0e3eb;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

#message {
  resize: none;
  padding: 13.5px 20px 13.5px 18px;
  gap: 10px;
  border: 1px solid #e0e3eb;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 44px;
}

input[type="submit"] {
  width: 235px;
  margin: auto auto 104px auto;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
  color: white;
  background-color: black;
  border: none;
  border-radius: 4px;
}

.custom-footer {
  width: 80.9%;
  display: flex;
  justify-content: space-between;
  margin: 87px auto 87px auto;
}

.footerLogo h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 33.18px;
  margin: 0%;
}

.footerLogo a {
  color: black;
}

.quickLinks p {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 1px;
  color: #94a3b8;
  text-align: center;
  margin-top: 0;
}

.quickLinks-list ul {
  list-style: none;
  display: flex;
  gap: 35px;
  margin-top: 30px;
}

.quickLinks-list li a:hover {
  color: #bb9a56;
  text-decoration: none;
}

.newsletter {
  width: 275px;
  display: flex;
  flex-direction: column;
}

.newsletter p {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 1px;
  color: #94a3b8;
  text-align: left;
  margin-top: 0;
  margin-bottom: 30px;
}

.newsletter input {
  width: 246px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  padding: 14px 14px 14px 14px;
  border-radius: 8px;
  border: 1px solid #e4e4e7;
  margin-bottom: 12px;
}

.newsletter input[type="submit"] {
  background-color: #bb9a56;
  color: white;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  width: 100%;
}

.rights_reserved {
  width: 80.9%;
  margin: auto;
  text-align: center;
  border-top: 1px solid #e2e8f0;
  padding-top: 39px;
  padding-bottom: 41px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.hamburger-menu {
  display: none;
}

@media only screen and (max-width: 1024px) {
  /* Navbar */
  .navList,
  .authLink {
    display: none;
  }

  .hamburger-menu {
    display: block;
  }

  #menu__toggle {
    opacity: 0;
    position: fixed;
  }

  #menu__toggle:checked ~ .menu__btn > span {
    transform: rotate(45deg);
    background-color: #bb9a56;
  }
  #menu__toggle:checked ~ .menu__btn > span::before {
    top: 0;
    transform: rotate(0);
    background-color: #bb9a56;
  }
  #menu__toggle:checked ~ .menu__btn > span::after {
    top: 0;
    background-color: #bb9a56;
    transform: rotate(90deg);
  }
  #menu__toggle:checked ~ .menu__box {
    visibility: visible;
    right: 0;
  }

  .menu__btn {
    display: flex;
    align-items: center;
    position: fixed;
    top: 45px;
    right: 55px;

    width: 30px;
    height: 30px;

    cursor: pointer;
    z-index: 3;
  }

  .menu__btn > span,
  .menu__btn > span::before,
  .menu__btn > span::after {
    display: block;
    position: absolute;

    width: 100%;
    height: 4px;

    background-color: white;
    border: 1px solid #bb9a56;

    transition-duration: 0.25s;
  }
  .menu__btn > span::before {
    content: "";
    top: -8px;
    left: -1px;
  }
  .menu__btn > span::after {
    content: "";
    top: 7px;
    left: -1px;
  }

  .menu__box {
    display: block;
    position: fixed;
    visibility: hidden;
    top: 0;
    right: -100%;
    z-index: 2;
    width: 270px;
    height: 100%;
    margin: 0;
    padding: 120px 30px;
    list-style: none;
    background-color: white;
    box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.2);
    transition-duration: 0.25s;
  }

  .menu__box li {
    margin-bottom: 20px;
    text-align: center;
    /* height: 48px; */
    line-height: 48px;
    border-radius: 4px;
    display: flex;
  }

  .menu__box li a {
    display: inline-block;
    width: 100%;
  }

  .menu__box li a:hover {
    background-color: #bb9a56;
    color: white;
    text-decoration: none;
  }

  .menu__box .authLink {
    display: block;
    text-align: center;
    padding-top: 48px;
    border-top: 1px solid #a6a6a6;
  }

  .first_container .content {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .second_container_content {
    gap: 32px;
  }

  .third_container_content {
    padding-left: 10%;
    padding-right: 10%;
  }

  .container_heading {
    width: 55%;
  }

  .forth_container {
    height: unset;
  }

  .forth_container_content {
    padding-bottom: 92px;
  }

  .fifth_container {
    padding-left: 10%;
    padding-right: 10%;
  }

  .fifth_container .lhsContent {
    margin-bottom: 93px;
  }

  .sixth_container .container_heading {
    width: 74%;
  }

  .sixth_container_content {
    column-gap: 90px;
    width: 90%;
    justify-content: center;
  }

  .seventh_container_content {
    margin-top: 100px;
  }

  .eight_container-content {
    width: 80%;
  }

  .quickLinks-list ul {
    flex-direction: column;
    text-align: center;
    padding-left: 0;
  }

  .quickLinks-list ul li {
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .container_heading {
    width: 63%;
  }

  .third_container_content {
    position: relative;
    padding-bottom: 130px;
  }

  .third_container_content .lhsContent {
    z-index: 1;
    width: 80%;
  }

  .third_container_content .rhsContent {
    opacity: 50%;
    z-index: 0;
    position: absolute;
    right: 50px;
  }

  .forth_container_content {
    gap: 40px;
  }

  .forth_container_content .rhsContent {
    width: 42.47%;
  }

  .testimonies {
    width: 32%;
  }

  .eight_container-content {
    flex-direction: column;
  }

  .eight_container-Lhs {
    width: 90%;
  }

  .pointers-grid {
    justify-content: left;
  }

  .eight_container-accordion {
    width: 90%;
    margin: auto;
  }
}

@media only screen and (max-width: 653px) {
  .logo {
    z-index: 1;
  }

  .second_container {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .second_container_content {
    flex-direction: column;
  }

  .contentBox {
    margin: auto;
  }

  .container_heading {
    width: 80%;
  }

  .forth_container_content {
    position: relative;
  }

  .forth_container_content .lhsContent {
    display: none;
  }

  .forth_container_content .rhsContent {
    width: 80%;
  }

  .forth_container_content .pointers-grid:first-child {
    margin-top: 20px;
  }

  .fifth_container {
    flex-direction: column;
  }

  .fifth_container .lhsContent {
    width: 95%;
    margin-bottom: 20px;
    text-align: center;
  }

  .fifth_container .rhsContent {
    margin-top: 0;
    margin-bottom: 93px;
    text-align: center;
  }

  .sixth_container .container_heading {
    width: 82%;
  }

  .sixth_container .container_heading p {
    width: 90%;
  }

  .sixth_container_content {
    grid-template-columns: auto;
  }

  .seventh_container {
    height: unset;
  }

  .seventh_container_content {
    margin-top: 50px;
    padding-bottom: 90px;
  }

  .seventh_container_content {
    flex-direction: column;
  }

  .testimonies {
    width: 100%;
  }

  .reviewer {
    justify-content: center;
  }

  .container_background {
    height: 520px;
  }

  .query_form {
    width: 80%;
  }

  .custom-footer {
    flex-direction: column;
    text-align: center;
  }

  .quickLinks {
    display: none;
  }

  .newsletter {
    margin: 20px auto;
  }

  .newsletter p {
    text-align: center;
  }

  .newsletter input {
    margin-bottom: 24px;
  }

  .rights_reserved {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 550px) {
  .first_container .content {
    margin-top: 50px;
  }

  .menu__btn {
    right: 20px;
  }

  .content h1 {
    font-size: 40px;
  }

  .third_container_content .lhsContent h1 {
    font-size: 40px;
  }

  .name_email {
    flex-direction: column;
    margin-bottom: 0;
  }

  .name_email input {
    width: 90%;
    margin-bottom: 20px;
  }

  .container_background {
    height: 600px;
  }
}