*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scrollbar-width: auto;
  scrollbar-color: #faf8f5 #ffffff;
}

.alert-danger {
	color: #712b29;
	background-color: #f7dddc;
	border-color: #f4cfce
}

.alert-dismissible .close {
	position: absolute;
	top: 0;
	z-index: 2;
	padding: .95rem;
	color: inherit
}

.close {
	float: right;
	font-size: 1.2375rem;
	font-weight: 500;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5
}

.close:hover {
	color: #000;
	text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
	opacity: .75
}

button.close {
	padding: 0;
	background-color: transparent;
	border: 0
}

a.close.disabled {
	pointer-events: none
}

.container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 96px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
}

@media screen and (max-width: 960px) {
  .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 32px 18px;
  }
}

.flex-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.relative {
  position: relative;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-item-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 360px;
          flex: 1 1 360px;
}

.flex-item-2 {
  -webkit-box-flex: 2;
      -ms-flex: 2 1 360px;
          flex: 2 1 360px;
}

.flex-item-3 {
  -webkit-box-flex: 3;
      -ms-flex: 3 1 360px;
          flex: 3 1 360px;
}

.flex-item-4 {
  -webkit-box-flex: 4;
      -ms-flex: 4 1 360px;
          flex: 4 1 360px;
}

.flex-item-5 {
  -webkit-box-flex: 5;
      -ms-flex: 5 1 360px;
          flex: 5 1 360px;
}

.flex-item-auto {
  -webkit-box-flex: 2;
      -ms-flex: 2 1 auto;
          flex: 2 1 auto;
}

.w-auto {
  width: auto;
}

.w-100 {
  width: 100%;
}

.w-75 {
  width: 75%;
}

.w-50 {
  width: 50%;
}

.w-25 {
  width: 25%;
}

.hidden {
  overflow: hidden;
}

.hero {
  height: 90vh;
}

@media screen and (max-width: 960px) {
  .hero {
    height: auto;
  }
}

.hero-item-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.form-container {
  max-width: 384px;
  max-height: 748px;
  background-color: #faf8f5;
  padding: 0 44px;
  padding-bottom: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border-radius: 24px;
  text-align: start;
}

.form-container h3 {
  width: 100%;
}

.form-container .form-box {
  width: 300px;
  height: 250px;
  margin: 16px 0;
  border-radius: 24px;
  background-color: #353436;
}

.form-container input {
  width: 100%;
  padding: 15px 24px;
  border-radius: 16px;
  border: none;
  background-color: #ebe7e1;
  margin-bottom: 18px;
  font-family: "Mukta", sans-serif;
  font-size: 16px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.form-container input:focus {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  outline: none;
}

.form-container input:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

@media screen and (max-width: 960px) {
  .hero-buttons {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

@media screen and (max-width: 960px) {
  .title-hero {
    text-align: center;
  }
}

@media screen and (max-width: 960px) {
  .services-img {
    max-width: 500px;
    max-height: 500px;
    margin-bottom: 16px;
  }
}

.hire-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 960px) {
  .hire-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.hire-container {
  background-color: #faf8f5;
  margin: 0 18px;
  height: 480px;
  border-radius: 24px;
  max-width: 320px;
  padding: 40px 32px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.hire-container:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.hire-container h4 {
  margin-bottom: 8px;
  font-weight: 400;
}

@media screen and (max-width: 960px) {
  .hire-container {
    max-width: 260px;
    margin-bottom: 24px;
  }
  .hire-container h4 {
    font-weight: 500;
  }
}

.hire-container-img {
  margin-bottom: 34px;
  width: 196px;
  height: 126px;
}

.hired-flex-1 {
  width: 75%;
}

.hired-flex-1 h2 {
  font-weight: 400;
}

@media screen and (max-width: 960px) {
  .hired-flex-1 {
    width: 100%;
  }
}

.plans-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 330px;
      flex-basis: 330px;
  background-color: #faf8f5;
  margin: 0 18px;
  height: 429px;
  border-radius: 54px;
  padding: 67px 44px;
  -webkit-box-shadow: 0px 168.987px 135.189px rgba(0, 0, 0, 0.07), 0px 50.9446px 40.7557px rgba(0, 0, 0, 0.0456112), 0px 21.1598px 16.9278px rgba(0, 0, 0, 0.035), 0px 7.65308px 6.12246px rgba(0, 0, 0, 0.0243888);
          box-shadow: 0px 168.987px 135.189px rgba(0, 0, 0, 0.07), 0px 50.9446px 40.7557px rgba(0, 0, 0, 0.0456112), 0px 21.1598px 16.9278px rgba(0, 0, 0, 0.035), 0px 7.65308px 6.12246px rgba(0, 0, 0, 0.0243888);
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.plans-container h4 {
  margin-bottom: 8px;
  font-weight: 400;
}

.plans-container:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

@media screen and (max-width: 960px) {
  .plans-container {
    max-width: 260px;
    margin-bottom: 24px;
  }
  .plans-container h4 {
    font-weight: 500;
  }
}

.plans-wrapper h4 {
  font-weight: 400;
}

@media screen and (max-width: 960px) {
  .plans-wrapper {
    margin-bottom: 32px;
  }
}

.plans-container-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 40px 50px;
  background-color: #202020;
  border-radius: 24px;
}

.plans-container-button h4 {
  color: #faf8f5;
}

@media screen and (max-width: 960px) {
  .plans-container-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding: 20px 50px;
    margin-bottom: 20px;
  }
  .plans-container-button div {
    margin: 0;
    margin-bottom: 32px;
  }
}

h1 {
  color: #161617;
  font-family: "Ubuntu", sans-serif;
  font-size: 64px;
  line-height: 100%;
}

@media screen and (max-width: 960px) {
  h1 {
    font-family: "Ubuntu", sans-serif;
    font-size: 36px;
    line-height: 120%;
  }
}

h2 {
  color: #161617;
  font-family: "Ubuntu", sans-serif;
  font-size: 52px;
  line-height: 110%;
}

@media screen and (max-width: 960px) {
  h2 {
    font-family: "Ubuntu", sans-serif;
    font-size: 36px;
    line-height: 120%;
  }
}

h3 {
  color: #161617;
  font-family: "Ubuntu", sans-serif;
  font-size: 36px;
  line-height: 120%;
}

@media screen and (max-width: 960px) {
  h3 {
    font-family: "Ubuntu", sans-serif;
    font-size: 24px;
    line-height: 120%;
  }
}

h4 {
  color: #161617;
  font-family: "Ubuntu", sans-serif;
  font-size: 24px;
  line-height: 130%;
}

@media screen and (max-width: 960px) {
  h4 {
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    line-height: 130%;
  }
}

p {
  color: #666566;
  font-family: "Mukta", sans-serif;
  font-size: 16px;
  line-height: 140%;
}

@media screen and (max-width: 960px) {
  p {
    font-family: "Mukta", sans-serif;
    font-size: 14px;
    line-height: 150%;
  }
}

.bold {
  font-weight: bold;
  color: #353436;
}

.weight-400 {
  font-weight: 400;
}

strong {
  color: #161617;
  font-family: "Mukta", sans-serif;
  font-size: 16px;
  line-height: 140%;
}

@media screen and (max-width: 960px) {
  strong {
    font-family: "Mukta", sans-serif;
    font-size: 14px;
    line-height: 150%;
  }
}

.text-center {
  text-align: center;
}

.plans-container-button p {
  font-family: "Mukta", sans-serif;
  font-size: 14px;
  line-height: 150%;
}

.btn {
  background: #faf8f5;
  border-radius: 14px;
  text-decoration: none;
  font-family: "Mukta", sans-serif;
  font-size: 14px;
  list-style: 150%;
  color: #161617;
  padding: 12px 32px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-box-shadow: 0px 17px 17px rgba(204, 204, 204, 0.04), 0px 5.125px 5.125px rgba(204, 204, 204, 0.0260636), 0px 2.12866px 2.12866px rgba(204, 204, 204, 0.02), 0px 0.7699px 0.7699px rgba(204, 204, 204, 0.0139364);
          box-shadow: 0px 17px 17px rgba(204, 204, 204, 0.04), 0px 5.125px 5.125px rgba(204, 204, 204, 0.0260636), 0px 2.12866px 2.12866px rgba(204, 204, 204, 0.02), 0px 0.7699px 0.7699px rgba(204, 204, 204, 0.0139364);
}

.btn:hover {
  -webkit-box-shadow: 0px 46px 130px rgba(0, 0, 0, 0.09), 0px 16.7908px 47.4521px rgba(0, 0, 0, 0.0620983), 0px 8.1516px 23.0371px rgba(0, 0, 0, 0.0500662), 0px 3.99607px 11.2932px rgba(0, 0, 0, 0.0399338), 0px 1.58005px 4.46536px rgba(0, 0, 0, 0.0279017);
          box-shadow: 0px 46px 130px rgba(0, 0, 0, 0.09), 0px 16.7908px 47.4521px rgba(0, 0, 0, 0.0620983), 0px 8.1516px 23.0371px rgba(0, 0, 0, 0.0500662), 0px 3.99607px 11.2932px rgba(0, 0, 0, 0.0399338), 0px 1.58005px 4.46536px rgba(0, 0, 0, 0.0279017);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  opacity: 0.9;
}

a {
  font-family: "Mukta", sans-serif;
  font-size: 16px;
  line-height: 140%;
  text-decoration: none;
  color: #232224;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

a:hover {
  opacity: 0.9;
}

.button {
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.button:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.btn-transparent {
  background: transparent;
  border: 2px solid #faf8f5;
  border-radius: 14px;
  text-decoration: none;
  font-family: "Mukta", sans-serif;
  font-size: 14px;
  list-style: 150%;
  color: #161617;
  padding: 10px 30px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-box-shadow: 0px 17px 17px rgba(204, 204, 204, 0.04), 0px 5.125px 5.125px rgba(204, 204, 204, 0.0260636), 0px 2.12866px 2.12866px rgba(204, 204, 204, 0.02), 0px 0.7699px 0.7699px rgba(204, 204, 204, 0.0139364);
          box-shadow: 0px 17px 17px rgba(204, 204, 204, 0.04), 0px 5.125px 5.125px rgba(204, 204, 204, 0.0260636), 0px 2.12866px 2.12866px rgba(204, 204, 204, 0.02), 0px 0.7699px 0.7699px rgba(204, 204, 204, 0.0139364);
}

.btn-transparent:hover {
  background: #faf8f5;
  -webkit-box-shadow: 0px 46px 130px rgba(0, 0, 0, 0.09), 0px 16.7908px 47.4521px rgba(0, 0, 0, 0.0620983), 0px 8.1516px 23.0371px rgba(0, 0, 0, 0.0500662), 0px 3.99607px 11.2932px rgba(0, 0, 0, 0.0399338), 0px 1.58005px 4.46536px rgba(0, 0, 0, 0.0279017);
          box-shadow: 0px 46px 130px rgba(0, 0, 0, 0.09), 0px 16.7908px 47.4521px rgba(0, 0, 0, 0.0620983), 0px 8.1516px 23.0371px rgba(0, 0, 0, 0.0500662), 0px 3.99607px 11.2932px rgba(0, 0, 0, 0.0399338), 0px 1.58005px 4.46536px rgba(0, 0, 0, 0.0279017);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  opacity: 0.9;
}

.btn-black {
  width: 100%;
  text-align: center;
  background: #353436;
  border-radius: 14px;
  text-decoration: none;
  font-family: "Mukta", sans-serif;
  font-size: 14px;
  list-style: 150%;
  color: #161617;
  padding: 15px 32px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  color: #faf8f5;
  -webkit-box-shadow: 0px 17px 17px rgba(204, 204, 204, 0.04), 0px 5.125px 5.125px rgba(204, 204, 204, 0.0260636), 0px 2.12866px 2.12866px rgba(204, 204, 204, 0.02), 0px 0.7699px 0.7699px rgba(204, 204, 204, 0.0139364);
          box-shadow: 0px 17px 17px rgba(204, 204, 204, 0.04), 0px 5.125px 5.125px rgba(204, 204, 204, 0.0260636), 0px 2.12866px 2.12866px rgba(204, 204, 204, 0.02), 0px 0.7699px 0.7699px rgba(204, 204, 204, 0.0139364);
}

.btn-black:hover {
  -webkit-box-shadow: 0px 46px 130px rgba(0, 0, 0, 0.09), 0px 16.7908px 47.4521px rgba(0, 0, 0, 0.0620983), 0px 8.1516px 23.0371px rgba(0, 0, 0, 0.0500662), 0px 3.99607px 11.2932px rgba(0, 0, 0, 0.0399338), 0px 1.58005px 4.46536px rgba(0, 0, 0, 0.0279017);
          box-shadow: 0px 46px 130px rgba(0, 0, 0, 0.09), 0px 16.7908px 47.4521px rgba(0, 0, 0, 0.0620983), 0px 8.1516px 23.0371px rgba(0, 0, 0, 0.0500662), 0px 3.99607px 11.2932px rgba(0, 0, 0, 0.0399338), 0px 1.58005px 4.46536px rgba(0, 0, 0, 0.0279017);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  opacity: 0.9;
}

.s-0 {
  margin: 0;
  padding: 0;
}

.m-1 {
  margin: 8px;
}

.m-2 {
  margin: 16px;
}

.m-3 {
  margin: 48px;
}

.m-4 {
  margin: 72px;
}

.m-5 {
  margin: 128px;
}

.mt-1 {
  margin-top: 8px;
}

.mt-2 {
  margin-top: 16px;
}

.mt-3 {
  margin-top: 48px;
}

.mt-4 {
  margin-top: 72px;
}

.mt-5 {
  margin-top: 128px;
}

.ml-1 {
  margin-left: 8px;
}

@media screen and (max-width: 960px) {
  .ml-1 {
    margin: 0;
  }
}

.ml-2 {
  margin-left: 16px;
}

.ml-3 {
  margin-left: 48px;
}

.ml-4 {
  margin-left: 72px;
}

.ml-5 {
  margin-left: 128px;
}

.mr-1 {
  margin-right: 8px;
}

.mr-2 {
  margin-right: 16px;
}

.mr-3 {
  margin-right: 48px;
}

.mr-4 {
  margin-right: 72px;
}

.mr-5 {
  margin-right: 128px;
}

.mb-1 {
  margin-bottom: 8px;
}

.mb-2 {
  margin-bottom: 16px;
}

.mb-3 {
  margin-bottom: 48px;
}

.mb-4 {
  margin-bottom: 72px;
}

.mb-5 {
  margin-bottom: 128px;
}

.mx-1 {
  margin-left: 8px;
  margin-right: 8px;
}

.mx-2 {
  margin-left: 16px;
  margin-right: 16px;
}

.mx-3 {
  margin-left: 48px;
  margin-right: 48px;
}

.mx-4 {
  margin-left: 72px;
  margin-right: 72px;
}

.mx-5 {
  margin-left: 128px;
  margin-right: 128px;
}

.my-1 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.my-2 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.my-3 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.my-4 {
  margin-top: 72px;
  margin-bottom: 72px;
}

.my-5 {
  margin-top: 128px;
  margin-bottom: 128px;
}

.p-1 {
  padding: 8px;
}

.p-2 {
  padding: 16px;
}

.p-3 {
  padding: 48px;
}

.p-4 {
  padding: 72px;
}

.p-5 {
  padding: 128px;
}

.pt-1 {
  padding-top: 8px;
}

.pt-2 {
  padding-top: 16px;
}

.pt-3 {
  padding-top: 48px;
}

.pt-4 {
  padding-top: 72px;
}

.pt-5 {
  padding-top: 128px;
}

.pl-1 {
  padding-left: 8px;
}

.pl-2 {
  padding-left: 16px;
}

.pl-3 {
  padding-left: 48px;
}

.pl-4 {
  padding-left: 72px;
}

.pl-5 {
  padding-left: 128px;
}

.pr-1 {
  padding-right: 8px;
}

.pr-2 {
  padding-right: 16px;
}

.pr-3 {
  padding-right: 48px;
}

.pr-4 {
  padding-right: 72px;
}

.pr-5 {
  padding-right: 128px;
}

.pb-1 {
  padding-bottom: 8px;
}

.pb-2 {
  padding-bottom: 16px;
}

.pb-3 {
  padding-bottom: 48px;
}

.pb-4 {
  padding-bottom: 72px;
}

.pb-5 {
  padding-bottom: 128px;
}

.px-1 {
  padding-left: 8px;
  padding-right: 8px;
}

.px-2 {
  padding-left: 16px;
  padding-right: 16px;
}

.px-3 {
  padding-left: 48px;
  padding-right: 48px;
}

.px-4 {
  padding-left: 72px;
  padding-right: 72px;
}

.px-5 {
  padding-left: 128px;
  padding-right: 128px;
}

.py-1 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-2 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.py-3 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.py-4 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.py-5 {
  padding-top: 128px;
  padding-bottom: 128px;
}

*::-webkit-scrollbar {
  width: 13px;
}

*::-webkit-scrollbar-track {
  background: #ebe7e1;
}

*::-webkit-scrollbar-thumb {
  background-color: #faf8f5;
  border-radius: 4px;
  border: 3px solid #ffffff;
}

html {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  height: 100vh;
  position: relative;
  scroll-behavior: smooth;
  background-color: #ebe7e1;
}

svg,
img {
  display: block;
  width: 100%;
}

.border {
  border: 1px solid red;
}

header {
  width: 100%;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.active-header {
  background-color: #ebe7e1;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  -webkit-box-shadow: 0px 17px 167px rgba(22, 22, 23, 0.14), 0px 7.10219px 69.7686px rgba(22, 22, 23, 0.10064), 0px 3.79717px 37.3016px rgba(22, 22, 23, 0.083455), 0px 2.12866px 20.911px rgba(22, 22, 23, 0.07), 0px 1.13052px 11.1057px rgba(22, 22, 23, 0.056545), 0px 0.47043px 4.62132px rgba(22, 22, 23, 0.0393604);
          box-shadow: 0px 17px 167px rgba(22, 22, 23, 0.14), 0px 7.10219px 69.7686px rgba(22, 22, 23, 0.10064), 0px 3.79717px 37.3016px rgba(22, 22, 23, 0.083455), 0px 2.12866px 20.911px rgba(22, 22, 23, 0.07), 0px 1.13052px 11.1057px rgba(22, 22, 23, 0.056545), 0px 0.47043px 4.62132px rgba(22, 22, 23, 0.0393604);
  position: fixed;
  z-index: 999;
}

.navbar-desktop {
  max-width: 1440px;
  margin: 0 auto;
  padding: 10px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@media screen and (max-width: 960px) {
  .navbar-desktop {
    display: none;
  }
}

.menu-desktop {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.menu-desktop .menu-desktop-item {
  position: relative;
  margin-left: 16px;
}

.nav-link-desktop {
  display: inline-block;
  padding: 12px 16px;
  position: relative;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.nav-link-desktop:hover {
  opacity: 0.7;
}

.nav-link-desktop:hover::after {
  top: 45%;
}

.dropdown-menu {
  list-style: none;
  background-color: #faf8f5;
  border-radius: 16px;
  -webkit-box-shadow: 0px 17px 167px rgba(22, 22, 23, 0.14), 0px 7.10219px 69.7686px rgba(22, 22, 23, 0.10064), 0px 3.79717px 37.3016px rgba(22, 22, 23, 0.083455), 0px 2.12866px 20.911px rgba(22, 22, 23, 0.07), 0px 1.13052px 11.1057px rgba(22, 22, 23, 0.056545), 0px 0.47043px 4.62132px rgba(22, 22, 23, 0.0393604);
          box-shadow: 0px 17px 167px rgba(22, 22, 23, 0.14), 0px 7.10219px 69.7686px rgba(22, 22, 23, 0.10064), 0px 3.79717px 37.3016px rgba(22, 22, 23, 0.083455), 0px 2.12866px 20.911px rgba(22, 22, 23, 0.07), 0px 1.13052px 11.1057px rgba(22, 22, 23, 0.056545), 0px 0.47043px 4.62132px rgba(22, 22, 23, 0.0393604);
  position: absolute;
  top: 48px;
  left: 24px;
  padding: 16px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
  opacity: 0;
  pointer-events: none;
}

.dropdown-menu .dropdown-item {
  width: 100%;
}

.active-dropdown-menu {
  opacity: 1;
  pointer-events: all;
}

.nav-link-dropdown {
  display: inline-block;
  width: 100%;
  padding: 8px 16px;
  position: relative;
}

.nav-link-dropdown::after {
  content: "";
  position: absolute;
  top: 90%;
  left: 0;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  width: 0%;
  height: 3px;
  border-radius: 1px;
  background-color: #353436;
}

.nav-link-dropdown:hover::after {
  width: 100%;
}

.logo {
  width: 48px;
  height: 48px;
  position: relative;
  top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
}

.navbar-mobile {
  max-width: 1440px;
  margin: 0 auto;
  padding: 10px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}

@media screen and (max-width: 960px) {
  .navbar-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.bx {
  width: 36px;
  height: 36px;
  position: relative;
  cursor: pointer;
  z-index: 999;
}

.bx::after {
  content: "";
  position: absolute;
  top: 40%;
  left: 17%;
  width: 70%;
  height: 2px;
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
  background-color: #161617;
}

.bx::before {
  content: "";
  position: absolute;
  top: 64%;
  left: 17%;
  width: 70%;
  height: 2px;
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
  background-color: #161617;
}

.active-bx {
  width: 36px;
  height: 36px;
  position: relative;
  cursor: pointer;
  z-index: 999;
}

.active-bx::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 17%;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  width: 70%;
  height: 2px;
  background-color: #161617;
}

.active-bx::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 17%;
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
  width: 70%;
  height: 2px;
  background-color: #161617;
}

.menu-mobile {
  width: 100vw;
  height: 100vh;
  background-color: #faf8f5;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  z-index: 999;
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
}

@media screen and (max-width: 960px) {
  .menu-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.active-menu-mobile {
  opacity: 1;
  pointer-events: all;
}

.nav-list-mobile {
  max-width: 1440px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.nav-link-mobile {
  display: inline-block;
  font-family: "Ubuntu", sans-serif;
  font-size: 36px;
  line-height: 120%;
  color: #555456;
  padding: 16px 24px;
  position: relative;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.nav-link-mobile::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 90%;
  width: 0%;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  height: 3px;
  background-color: black;
}

.nav-link-mobile:hover {
  color: #353436;
}

.nav-link-mobile:hover::after {
  width: 100%;
}

label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 15px;
  font-family: "Mukta", sans-serif;
}

.plans-img {
  margin-bottom: 16px;
}

footer {
  background-color: #ebe7e1;
  -webkit-box-shadow: 0px 17px 167px rgba(22, 22, 23, 0.14), 0px 7.10219px 69.7686px rgba(22, 22, 23, 0.10064), 0px 3.79717px 37.3016px rgba(22, 22, 23, 0.083455), 0px 2.12866px 20.911px rgba(22, 22, 23, 0.07), 0px 1.13052px 11.1057px rgba(22, 22, 23, 0.056545), 0px 0.47043px 4.62132px rgba(22, 22, 23, 0.0393604);
          box-shadow: 0px 17px 167px rgba(22, 22, 23, 0.14), 0px 7.10219px 69.7686px rgba(22, 22, 23, 0.10064), 0px 3.79717px 37.3016px rgba(22, 22, 23, 0.083455), 0px 2.12866px 20.911px rgba(22, 22, 23, 0.07), 0px 1.13052px 11.1057px rgba(22, 22, 23, 0.056545), 0px 0.47043px 4.62132px rgba(22, 22, 23, 0.0393604);
  padding: 16px 0;
}

footer h4 {
  font-size: 14px;
}
/*# sourceMappingURL=style.css.map */