@font-face {
  font-family: "Glancyr";
  src: url("../fonts/Glancyr/Glancyr-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Glancyr";
  src: url("../fonts/Glancyr/Glancyr-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Glancyr";
  src: url("../fonts/Glancyr/Glancyr-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Glancyr";
  src: url("../fonts/Glancyr/Glancyr-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Glancyr";
  src: url("../fonts/Glancyr/Glancyr-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Glancyr";
  src: url("../fonts/Glancyr/Glancyr-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Glancyr";
  src: url("../fonts/Glancyr/Glancyr-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Glancyr";
  src: url("../fonts/Glancyr/Glancyr-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Glancyr";
  src: url("../fonts/Glancyr/Glancyr-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Glancyr";
  src: url("../fonts/Glancyr/Glancyr-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Glancyr";
  src: url("../fonts/Glancyr/Glancyr-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Glancyr";
  src: url("../fonts/Glancyr/Glancyr-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Glancyr";
  src: url("../fonts/Glancyr/Glancyr-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Glancyr";
  src: url("../fonts/Glancyr/Glancyr-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-BlackIta.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-ExtBdIta.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-BoldIta.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-ExtBlk.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-ExtLtIta.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-MedIta.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-RegIta.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-LightIta.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-ExtLt.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-ExtLtIta.woff") format("woff");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-Hairline.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/HelveticaNowDisplay/HelveticaNowDisplay-HairlineI.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-Black.ttf") format("ttf");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-BlackItalic.ttf") format("ttf");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-ExtraBold.ttf") format("ttf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-ExtraBoldItalic.ttf") format("ttf");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-Bold.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-BoldItalic.ttf") format("ttf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-SemiBold.ttf") format("ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_28pt-SemiBoldItalic.ttf") format("ttf");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-Medium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_28pt-MediumItalic.ttf") format("ttf");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-Italic.ttf") format("ttf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-Light.ttf") format("ttf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-LightItalic.ttf") format("ttf");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-ExtraLight.ttf") format("ttf");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-ExtraLightItalic.ttf") format("ttf");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-Thin.ttf") format("ttf");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_28pt-ThinItalic.ttf") format("ttf");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-black.otf") format("otf");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-blackitalic.otf") format("otf");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-extrabold.otf") format("otf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-extrabolditalic.otf") format("otf");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-bold.otf") format("otf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-bolditalic.otf") format("otf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-semibold.otf") format("otf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-semibolditalic.otf") format("otf");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-medium.otf") format("otf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-mediumitalic.otf") format("otf");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-regular.otf") format("otf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-italic.otf") format("otf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-light.otf") format("otf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-lightitalic.otf") format("otf");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-extralight.otf") format("otf");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-extralightitalic.otf") format("otf");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-thin.otf") format("otf");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga/Fontspring-DEMO-lufga-thinitalic.otf") format("otf");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans/static/PlusJakartaSans-ExtraBold.ttf") format("ttf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans/static/PlusJakartaSans-ExtraBoldItalic.ttf") format("ttf");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans/static/PlusJakartaSans-Bold.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans/static/PlusJakartaSans-BoldItalic.ttf") format("ttf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans/static/PlusJakartaSans-SemiBold.ttf") format("ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans/static/PlusJakartaSans-SemiBoldItalic.ttf") format("ttf");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans/static/PlusJakartaSans-Medium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans/static/PlusJakartaSans-MediumItalic.ttf") format("ttf");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans/static/PlusJakartaSans-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans/static/PlusJakartaSans-Italic.ttf") format("ttf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans/static/PlusJakartaSans-Light.ttf") format("ttf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans/static/PlusJakartaSans-LightItalic.ttf") format("ttf");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans/static/PlusJakartaSans-ExtraLight.ttf") format("ttf");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans/static/PlusJakartaSans-ExtraLightItalic.ttf") format("ttf");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-Black.ttf") format("ttf");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-BlackItalic.ttf") format("ttf");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-ExtraBold.ttf") format("ttf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-ExtraBoldItalic.ttf") format("ttf");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-Bold.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-BoldItalic.ttf") format("ttf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-SemiBold.ttf") format("ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-SemiBoldItalic.ttf") format("ttf");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-Medium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-MediumItalic.ttf") format("ttf");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-Italic.ttf") format("ttf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-Light.ttf") format("ttf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-LightItalic.ttf") format("ttf");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-ExtraLight.ttf") format("ttf");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-ExtraLightItalic.ttf") format("ttf");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-Thin.ttf") format("ttf");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-ThinItalic.ttf") format("ttf");
  font-weight: 100;
  font-style: italic;
}
body {
  margin: 0 auto;
  box-sizing: border-box;
}

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

.header {
  margin: 0 auto;
  display: flex;
  flex-direction: auto;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
}
.header .container {
  width: auto;
  height: 86px;
  border-radius: 50px;
  padding: 0 10px;
  margin: 40px 70px;
  background-color: #171717;
  display: flex;
  flex-direction: auto;
  justify-content: space-between;
  align-items: center;
  backdrop-filter: blur(15px);
}
.header .container a {
  text-decoration: none;
  text-align: center;
  font-family: "Lufga", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: white;
  border-radius: 60px;
  padding: 20px 40px;
  width: 136px;
}
.header .container .active {
  background-color: #fd853a;
  font-weight: 700;
}
.header .container .logo {
  display: flex;
  flex-direction: auto;
  justify-content: space-between;
  align-items: center;
  gap: 13px;
}
.header .container .logo img {
  width: 46px;
  height: 46px;
  border-radius: 50px;
  padding: auto;
  margin: auto;
  background-color: auto;
}
.header .container .logo span {
  font-family: "Glancyr", sans-serif;
  font-weight: 900;
  font-size: 28px;
  color: white;
}

main {
  max-width: 1440px;
  margin: 0 auto;
}
main .hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: fit-content;
}
main .hero .container {
  padding: 37px 70px 0 70px;
}
main .hero .container .hello {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
main .hero .container .hello .top {
  position: relative;
}
main .hero .container .hello .top span {
  font-family: "Glancyr", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #171717;
  width: auto;
  height: auto;
  border-radius: 38px;
  padding: 12px 25px;
  margin: 0;
  background-color: white;
  border: 1.27px solid #171717;
  text-align: center;
}
main .hero .container .hello .top svg {
  position: absolute;
  left: 97%;
  top: -143%;
}
main .hero .container .hello .bottom {
  position: relative;
}
main .hero .container .hello .bottom h1 {
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  font-size: 95px;
  color: #171717;
  text-align: center;
}
main .hero .container .hello .bottom h1 span {
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  font-size: 95px;
  color: #fd853a;
}
main .hero .container .hello .bottom svg {
  position: absolute;
  left: -8%;
  top: 85%;
}
main .hero .container .person {
  position: relative;
  transform: translateY(-15%);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
main .hero .container .person .quote {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  gap: 24px;
}
main .hero .container .person .quote p {
  font-family: "Glancyr", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #344054;
}
main .hero .container .person .experience {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
main .hero .container .person .experience .stars {
  margin-bottom: 21px;
}
main .hero .container .person .experience b {
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
  font-size: 47px;
  color: #171717;
  margin-bottom: 5px;
}
main .hero .container .person .experience span {
  font-family: "Glancyr", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #171717;
}
main .hero .container .person .image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
main .hero .container .person .image .btn {
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.5);
  gap: 5px;
  inset-block-start: 80%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: auto;
  border-radius: 50px;
  padding: 10px;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.1);
}
main .hero .container .person .image .btn button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  border-radius: 60px;
  padding: 10px 20px;
  margin: 0;
  background-color: #fd853a;
  font-family: "Glancyr", sans-serif;
  font-weight: 500;
  font-size: 25px;
  color: white;
  border: 0.5px solid #d0d5dd;
}
main .hero .container .person .image .btn span {
  padding: 10px 20px;
  font-family: "Glancyr", sans-serif;
  font-weight: 300;
  font-size: 25px;
  color: white;
}
main .hero .container .person .image .background {
  position: absolute;
  z-index: -1;
  inset-block-start: 36%;
}
main .services {
  border-radius: 50px;
  background-color: #171717;
  background-image: url("../public/bg.png");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  transform: translateY(-15%);
  background-size: cover;
}
main .services .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 0 70px 51px 70px;
}
main .services .container .title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 116px 0;
}
main .services .container .title span {
  font-family: "Glancyr", sans-serif;
  font-weight: 500;
  font-size: 48px;
  color: #fcfcfd;
}
main .services .container .title span span {
  font-family: "Glancyr", sans-serif;
  font-weight: 500;
  font-size: 48px;
  color: #fd853a;
}
main .services .container .title p {
  font-family: "Glancyr", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: white;
}
main .services .container .cards {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 39px;
}
main .services .container .cards .card {
  position: relative;
  width: auto;
  height: auto;
  border-radius: 35px;
  padding: 44px 0 0 0;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(249, 250, 251, 0.3);
}
main .services .container .cards .card span {
  font-family: "Glancyr", sans-serif;
  font-weight: 500;
  font-size: 32px;
  color: white;
  margin: 0 37px;
}
main .services .container .cards .card hr {
  margin: 23px 0 49px 0;
  height: 2px;
  border: none;
  background-color: rgba(249, 250, 251, 0.3);
}
main .services .container .cards .card img {
  border-radius: 35px;
  height: 307px;
}
main .services .container .cards .card button {
  position: absolute;
  top: 71%;
  left: 69%;
  border: none;
  border-radius: 75px 0 0 0;
  padding: 20px 0 0 20px;
  background: #171717;
}
main .services .container .cards .card button svg {
  width: auto;
  height: auto;
  border-radius: 57px;
  padding: 21px;
  margin: auto;
  background-color: #1d2939;
}
main .services .container svg {
  margin: 0 auto;
}
main .experience {
  margin-bottom: 155px;
}
main .experience .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 0 70px 51px 70px;
}
main .experience .container .title {
  font-family: "Glancyr", sans-serif;
  font-weight: 500;
  font-size: 64px;
  color: #344054;
  margin-bottom: 85px;
  text-align: center;
}
main .experience .container .title span {
  color: #fd853a;
}
main .experience .container div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
main .experience .container div span {
  font-family: "Glancyr", sans-serif;
  font-weight: 600;
  font-size: 40px;
  color: #344054;
}
main .experience .container div div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
}
main .experience .container div .col1 {
  gap: 102px;
}
main .experience .container div .col1 p {
  font-family: "Glancyr", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #98a2b3;
}
main .experience .container div .col3 {
  gap: 65px;
}
main .experience .container div .col3 p {
  font-family: "Glancyr", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #98a2b3;
}
main .whyme {
  background-color: #f2f4f7;
  border-radius: 50px;
}
main .whyme .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding: 80px 70px 103px 70px;
}
main .whyme .container .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 47px;
}
main .whyme .container .content .title {
  font-family: "Glancyr", sans-serif;
  font-weight: 600;
  font-size: 64px;
  color: #344054;
}
main .whyme .container .content .title span {
  color: #fd853a;
}
main .whyme .container .content p {
  font-family: "Glancyr", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #98a2b3;
}
main .whyme .container .content .projects {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
main .whyme .container .content .projects span {
  font-family: "Glancyr", sans-serif;
  font-weight: 500;
  font-size: 36px;
  color: #1d2939;
}
main .whyme .container .content .projects p {
  font-family: "Glancyr", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #667085;
}
main .whyme .container .content button {
  width: auto;
  height: auto;
  border-radius: 32px;
  padding: 33px 59px;
  margin: 0;
  background-color: #f2f4f7;
  border: 1px solid #151515;
  font-family: "Glancyr", sans-serif;
  font-weight: 600;
  font-size: 32px;
  color: #151515;
  text-align: center;
  width: max-content;
}
main .portfolio {
  padding: 97px 70px;
}
main .portfolio .container .top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
main .portfolio .container .top span {
  font-family: "Glancyr", sans-serif;
  font-weight: 600;
  font-size: 64px;
  color: #344054;
}
main .portfolio .container .top span span {
  color: #fd853a;
}
main .portfolio .container .top button {
  border-radius: 60px;
  border: none;
  padding: 20px 40px;
  background-color: #fd853a;
  font-family: "Glancyr", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: white;
}
main .portfolio .container .portfolios {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin: 48px 0;
}
main .portfolio .container .portfolios .cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
main .portfolio .container .portfolios .cards div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 216px;
  border-radius: 20px;
  padding: 10px;
  background: linear-gradient(rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0.25) 83%, rgba(0, 0, 0, 0.5) 100%), url("../public/design.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
main .portfolio .container .portfolios .cards div button {
  text-align: end;
  border: none;
  background: transparent;
}
main .portfolio .container .portfolios .cards div button svg {
  width: auto;
  height: auto;
  border-radius: 60px;
  padding: 15px;
  margin: 0;
  background-color: transparent;
  border: 1px solid #fd853a;
  margin: 0;
}
main .portfolio .container .portfolios .cards div span {
  font-family: "Glancyr", sans-serif;
  font-weight: 700;
  font-size: 70px;
  color: #fffaf5;
}
main .portfolio .container .portfolios svg {
  margin: 48px auto auto auto;
}
main .portfolio .container .categories {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
main .portfolio .container .categories span {
  border-radius: 25px;
  padding: 15px 32px;
  background-color: #f2f4f7;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #171717;
}
main .portfolio .container .text {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
main .portfolio .container .text .top {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 18px;
}
main .portfolio .container .text .top span {
  font-family: "Glancyr", sans-serif;
  font-weight: 700;
  font-size: 48px;
  color: #344054;
}
main .portfolio .container .text .top button {
  border: none;
  border-radius: 60px;
  padding: 12px;
  background-color: #fd853a;
  display: flex;
  align-items: center;
}
main .portfolio .container .text p {
  font-family: "Glancyr", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #344054;
  text-align: center;
}
main .testimonials {
  background: linear-gradient(rgba(0, 0, 0, 0.75)), url("../public/abstract-background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 116px 70px;
  border-radius: 50px;
}
main .testimonials .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 96px;
}
main .testimonials .container .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
main .testimonials .container .text .title {
  position: relative;
  font-family: "Glancyr", sans-serif;
  font-weight: 500;
  font-size: 48px;
  color: #fcfcfd;
  text-align: center;
}
main .testimonials .container .text .title span {
  color: #fd853a;
}
main .testimonials .container .text .title svg {
  position: absolute;
  transform: translateY(-230%) translateX(-100%);
}
main .testimonials .container .text .desc {
  text-align: center;
  font-family: "Glancyr", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #f9fafb;
  position: relative;
}
main .testimonials .container .text .desc .star1 {
  position: absolute;
  transform: translateY(-30px) translateX(410px);
}
main .testimonials .container .text .desc .star2 {
  position: absolute;
  transform: translateY(5px) translateX(-380px);
}
main .testimonials .container .cards {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
main .testimonials .container .cards .card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  width: max-content;
  border-radius: 24px;
  padding: 21px;
  background: rgba(255, 255, 255, 0.14);
  border: 0.5px solid silver;
}
main .testimonials .container .cards .card .top {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 419px;
}
main .testimonials .container .cards .card .top .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 14px;
}
main .testimonials .container .cards .card .top .info .title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
main .testimonials .container .cards .card .top .info .title .name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
}
main .testimonials .container .cards .card .top .info .title .name span {
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
  font-size: 23px;
  color: #fcfcfd;
}
main .testimonials .container .cards .card .top .info .title .name p {
  font-family: "Urbanist", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #fcfcfd;
}
main .testimonials .container .cards .card .top .info .stars {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  gap: 5px;
}
main .testimonials .container .cards .card .top .info .stars div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
main .testimonials .container .cards .card .top .info .stars span {
  font-family: "Glancyr", sans-serif;
  font-weight: 500;
  font-size: 25px;
  color: #fcfcfd;
}
main .testimonials .container .cards .card p {
  font-family: "Glancyr", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #f9fafb;
}
main .discuss .container .top {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: center;
  gap: 10px;
  padding: 98px 0;
}
main .discuss .container .top .title {
  font-family: "Glancyr", sans-serif;
  font-weight: 600;
  font-size: 64px;
  color: #344054;
  text-align: center;
}
main .discuss .container .top .title span {
  color: #fd853a;
}
main .discuss .container .top .input {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  border: 1px solid #e4e7ec;
  border-radius: 50px;
  padding: 14px;
  gap: 17px;
}
main .discuss .container .top .input .icon {
  border-radius: 50px;
  padding: 15px;
  background: #ffead5;
}
main .discuss .container .top .input .icon svg {
  margin: 0;
}
main .discuss .container .top .input input {
  border: none;
  font-family: "Urbanist", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #171717;
  width: 650px;
}
main .discuss .container .top .input button {
  border-radius: 60px;
  padding: 20px 40px;
  background-color: #fd853a;
  border: none;
  font-family: "Urbanist", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: white;
}
main .discuss .container .top .awards {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 93px;
}
main .discuss .container .top .awards div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 5px;
}
main .discuss .container .top .awards div span {
  font-family: "Glancyr", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #171717;
}
main .discuss .container .banner {
  background-color: #fb6514;
  border-radius: 24px 0;
  padding: 36px 0;
}
main .discuss .container .banner .content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
  gap: 12px;
  background-color: white;
  transform: rotate(-2deg);
}
main .discuss .container .banner .content span {
  font-family: "Glancyr", sans-serif;
  font-weight: 400;
  font-size: 48px;
  color: #171717;
}
main .posts {
  padding: 97px 70px;
}
main .posts .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 48px;
}
main .posts .container .top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
main .posts .container .top b {
  font-family: "Glancyr", sans-serif;
  font-weight: 700;
  font-size: 48px;
  color: #344054;
}
main .posts .container .top button {
  border-radius: 60px;
  padding: 20px 40px;
  border: none;
  background-color: #fd853a;
  font-family: "Glancyr", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: white;
}
main .posts .container .cards {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  gap: 25px;
}
main .posts .container .cards .card {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: baseline;
  gap: 35px;
}
main .posts .container .cards .card .img {
  position: relative;
}
main .posts .container .cards .card .img button {
  position: absolute;
  top: 76%;
  left: 72%;
  border: none;
  background: transparent;
}
main .posts .container .cards .card .img button svg {
  width: auto;
  height: auto;
  border-radius: 57px;
  padding: 21px;
  margin: auto;
  background-color: #1d2939;
}
main .posts .container .cards .card .theme {
  border-radius: 24px;
  padding: 15px 32px;
  background-color: #f2f4f7;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #171717;
}
main .posts .container .cards .card .info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 35px;
}
main .posts .container .cards .card .info div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #344054;
  gap: 10px;
}
main .posts .container .cards .card .title {
  font-family: "Glancyr", sans-serif;
  font-weight: 400;
  font-size: 32px;
  color: #344054;
}

footer {
  width: auto;
  height: auto;
  border-radius: 24px 24px 0 0;
  padding: 25px 70px;
  margin: 0 auto;
  background-color: #272727;
  max-height: 685px;
  max-width: 1440px;
}
footer .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: auto;
}
footer .container .hire {
  margin: 44px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
footer .container .hire span {
  font-family: "Lufga", sans-serif;
  font-weight: 600;
  font-size: 64px;
  color: #fcfcfd;
}
footer .container .hire a {
  background-color: #fd853a;
  width: max-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  text-align: center;
  font-family: "Lufga", sans-serif;
  font-weight: 500;
  font-size: 25px;
  color: white;
  border-radius: 60px;
  padding: 10px 20px;
  width: auto;
}
footer .container .line {
  margin: 0;
}
footer .container .middle {
  width: auto;
  height: 239px;
  border-radius: auto;
  padding: auto;
  margin: 55px 0;
  background-color: auto;
  display: flex;
  flex-direction: auto;
  justify-content: space-between;
  align-items: auto;
}
footer .container .middle .col1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
}
footer .container .middle .col1 .logo {
  display: flex;
  flex-direction: auto;
  justify-content: auto;
  align-items: center;
  gap: 13px;
}
footer .container .middle .col1 .logo img {
  width: 46px;
  height: 46px;
  border-radius: 50px;
  padding: auto;
  margin: auto;
  background-color: auto;
}
footer .container .middle .col1 .logo span {
  font-family: "Glancyr", sans-serif;
  font-weight: 900;
  font-size: 28px;
  color: white;
}
footer .container .middle .col1 p {
  font-family: "Glancyr", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #fcfcfd;
}
footer .container .middle .col1 .icons {
  display: flex;
  flex-direction: auto;
  justify-content: auto;
  align-items: center;
  width: 24px;
  height: 24px;
  gap: 5px;
}
footer .container .middle .col2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
}
footer .container .middle .col2 b {
  font-family: "Glancyr", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #fd853a;
}
footer .container .middle .col2 a {
  font-family: "Glancyr", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #fcfcfd;
  text-decoration: none;
}
footer .container .middle .col3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  height: 157px;
}
footer .container .middle .col3 b {
  font-family: "Glancyr", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #fd853a;
}
footer .container .middle .col3 a {
  font-family: "Glancyr", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #fcfcfd;
  text-decoration: none;
}
footer .container .middle .col4 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  height: 105px;
}
footer .container .middle .col4 b {
  font-family: "Glancyr", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #fd853a;
}
footer .container .middle .col4 form {
  display: flex;
  flex-direction: auto;
  justify-content: auto;
  align-items: center;
  width: 304px;
  height: 51px;
  border-radius: auto;
  padding: auto;
  margin: auto;
  background-color: auto;
}
footer .container .middle .col4 form input {
  width: max-content;
  height: auto;
  border-radius: 14px 0 0 14px;
  padding: 16px 14px;
  margin: 0;
  background-color: white;
  border: none;
}
footer .container .middle .col4 form button {
  width: auto;
  height: auto;
  border-radius: 0 14px 14px 0;
  padding: 10px 8px;
  margin: 0;
  background-color: #fd853a;
  border: none;
}
footer .container .bottom {
  display: flex;
  flex-direction: auto;
  justify-content: space-between;
  align-items: center;
  font-family: "Glancyr", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: white;
  margin: 55px 0 0 0;
}

/*# sourceMappingURL=main.css.map */