#navbar_black_home {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 83px;

  display: flex;

  justify-content: center;

  background: transparent !important;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  z-index: 10;

  pointer-events: none;

  mix-blend-mode: difference !important;

}

#navbar_black_home .navbar_inner {

  width: 1248px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  transition: all 0.5s ease-in-out;

}

#navbar_black_home .navbar_inner .logo {

  cursor: pointer;

  pointer-events: fill;

}

#navbar_black_home .navbar_inner .navbar_links {

  margin-bottom: 7.5px;

  transition: all 0.5s ease-in-out;

  pointer-events: fill;

}

#navbar_black_home .navbar_inner .navbar_links ul {

  display: flex;

  align-items: center;

}

#navbar_black_home .navbar_inner .navbar_links ul a {

  text-decoration: none;

  margin-right: 40px;

}

#navbar_black_home .navbar_inner .navbar_links ul a:last-child {

  margin-right: 0;

}

#navbar_black_home .navbar_inner .navbar_links ul a li {

  list-style: none;

  font-family: var(--semiBold);

  color: var(--white);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.5px;

  transition: all 250ms ease;

  position: relative;

}

#navbar_black_home .navbar_inner .navbar_links ul a li .navbar_dot {

  position: absolute;

  bottom: -7.5px;

  left: 50%;

  transform: translateX(-50%);

  width: 5px;

  height: 5px;

  border-radius: 50%;

  background: var(--white);

  display: none;

}

#navbar_black_home .navbar_inner .navbar_links ul a li:hover {

  color: var(--white);

}

#navbar_black_home .navbar_inner .navbar_sidebar {

  margin-bottom: 6.5px;

  pointer-events: fill;

}

#navbar_black_home .navbar_inner .navbar_sidebar ul {

  display: flex;

  align-items: center;

}

#navbar_black_home .navbar_inner .navbar_sidebar ul li {

  list-style: none;

  color: var(--white);

  font-family: var(--semiBold);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  position: relative;

  cursor: pointer;

}

#navbar_black_home .navbar_inner .navbar_sidebar:hover{

  color: var(--blue);

}

#navbar_black_home .navbar_inner .navbar_sidebar ul li::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: var(--white);

  transition: all 250ms ease;

}

#navbar_black_home .navbar_inner .navbar_sidebar ul li:hover::after {

  width: 50%;

}

#navbar_black_home .navbar_inner .navbar_sidebar ul .burger_img {

  transform: translateY(1px);

  width: 30px;

  height: 30px;

  display: none;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-left: 32px;

  cursor: pointer;

}

#navbar_black_home .navbar_inner .navbar_sidebar ul .burger_img .burger_line {

  width: 30px;

  height: 2px;

  background: var(--white);

  transition: all 200ms linear;

}

#navbar_black_home .navbar_inner .navbar_sidebar ul .burger_img .burger_line:first-child {

  margin-bottom: 6px;

}

#navbar_black_home .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_1 {

  margin-right: 10px;

}

#navbar_black_home .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_2 {

  margin-left: 10px;

}



.home_container {

  background: var(--black);

  text-transform: lowercase;

}

.home_container .home_header {

  width: 100%;

  height: 924px;

  display: flex;

  justify-content: center;

  padding-top: 150px;

  background: var(--black);

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  position: relative;

}

.home_container .home_header .background_logo {

  position: absolute;

  top: 75px;

  right: -90px;

  height: 100%;

  width: 819px;

}

.home_container .home_header .background_logo video {

  height: 100%;

  width: 100%;

  display: block;

}

.home_container .home_header .background_logo video svg {

  width: 100% !important;

  display: block;

}

.home_container .home_header .background_logo video svg g {

  display: block;

  width: 100%;

}

.home_container .home_header .header_inner {

  width: 892px;

  z-index: 1;

  /* HEADER TITLE TEXT */

  /* HEADER DESC TEXT */

  /* HEADER Button */

}

.home_container .home_header .header_inner .header_title_text_wrapper {

  width: 100%;

  display: flex;

  justify-content: flex-end;

  margin-bottom: 72px;

}

.home_container .home_header .header_inner .header_title_text_wrapper .header_title_text {

  width: 751px;

}

.home_container .home_header .header_inner .header_title_text_wrapper .header_title_text .text_layer {

  overflow: hidden;

}

.home_container .home_header .header_inner .header_title_text_wrapper .header_title_text .text_layer h1 {

  color: var(--white);

  font-family: var(--bold);

  font-size: 99.08px;

  line-height: 1;

  transform: translateY(250%) rotate(15deg);

  transition: all 1.5s;

  will-change: transform;

}

.home_container .home_header .header_inner .header_title_text_wrapper .header_title_text .text_layer:last-child h1 {

  text-align: right;

}

.home_container .home_header .header_inner .header_desc_text_wrapper {

  width: 100%;

  display: flex;

  justify-content: flex-start;

}

.home_container .home_header .header_inner .header_desc_text_wrapper .header_desc_text {

  width: 187px;

}

.home_container .home_header .header_inner .header_desc_text_wrapper .header_desc_text .text_layer {

  overflow: hidden;

}

.home_container .home_header .header_inner .header_desc_text_wrapper .header_desc_text .text_layer h5 {

  color: var(--white);

  font-family: var(--medium);

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  transform: translateY(250%);

  transition: all 1.5s;

}

.home_container .home_header .header_inner .header_button_wrapper {

  width: 100%;

  display: flex;

  justify-content: flex-end;

  padding-right: 49px;

}

.home_container .home_header .header_inner .header_button_wrapper a {

  width: 150px;

  height: 150px;

  border-radius: 50%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  border: 0.5px solid rgba(255, 255, 255, 0.3);

  background: transparent;

  transition: all 350ms ease;

  outline: none;

  overflow: hidden;

  text-decoration: none;

  position: relative;

  z-index: 2;

  cursor: pointer;

}

.home_container .home_header .header_inner .header_button_wrapper a #header_button_circle {

  background-color: var(--white);

  border-radius: 50%;

  color: #000;

  height: 0;

  position: absolute;

  transform: translate(-50%, -50%);

  transition: height 0.35s, width 0.35s;

  width: 0;

  z-index: 0;

}

.home_container .home_header .header_inner .header_button_wrapper a .header_button_inner_content {

  width: 87px !important;

  height: 57px !important;

  display: flex;

  flex-direction: column;

  align-items: center;

  z-index: 2;

}

.home_container .home_header .header_inner .header_button_wrapper a .header_button_inner_content svg path {

  transition: all 250ms ease;

}

.home_container .home_header .header_inner .header_button_wrapper a .header_button_inner_content span {

  color: var(--white);

  font-size: 14px;

  font-family: var(--semiBold);

  margin-top: 12px;

  transition: all 250ms ease;

}

.home_container .about_section {

  width: 100%;

  display: flex;

  justify-content: center;

  padding-top: 110px;

  padding-bottom: 110px;

  background: linear-gradient(to bottom, #000, #131313);

}

.home_container .about_section .about_section_inner {

  width: 799px;

  height: 339px;

  display: flex;

  justify-content: space-between;

  position: relative;

  /* INTEGER TEXT WRAPPER */

  /* DESC TEXT WRAPPER */

}

.home_container .about_section .about_section_inner .integer_text_wrapper {

  width: 315px;

  position: relative;

  transition: all 350ms ease-in-out;

}

.home_container .about_section .about_section_inner .integer_text_wrapper .text_line {

  position: absolute;

  top: 32.75px;

  left: 167px;

  width: 516px;

  height: 1px;

  background: rgba(255, 255, 255, 0.3);

}

.home_container .about_section .about_section_inner .integer_text_wrapper .integer_text_layer {

  display: flex;

  align-items: center;

}

.home_container .about_section .about_section_inner .integer_text_wrapper .integer_text_layer h1 {

  align-items: center;

  line-height: 1.1;

  font-size: 68.81px;

  font-family: var(--semiBold);

  color: var(--white);

  overflow: hidden;

  font-size-adjust: auto;

}

.home_container .about_section .about_section_inner .desc_text_wrapper {

  width: 290px;

  position: relative;

  top: 81px;

  right: 0;

  transition: all 350ms ease-in-out;

  /* ABOUT Button */

}

.home_container .about_section .about_section_inner .desc_text_wrapper .desc_text_layer p {

  font-size: 16px;

  line-height: 20px;

  font-family: var(--medium);

  color: var(--white);

  letter-spacing: 0.25px;

  overflow: hidden !important;

}

.home_container .about_section .about_section_inner .desc_text_wrapper .about_button_wrapper {

  display: flex;

  justify-content: flex-end;

  transform: translate(-186px, -12px);

  width: 150px;

  height: 150px;

}

.home_container .about_section .about_section_inner .desc_text_wrapper .about_button_wrapper a {

  width: 150px;

  height: 150px;

  border-radius: 50%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  border: 0.5px solid rgba(255, 255, 255, 0.3);

  background: transparent;

  transition: all 350ms ease;

  outline: none;

  overflow: hidden;

  text-decoration: none;

  position: relative;

  z-index: 2;

  cursor: pointer;

}

.home_container .about_section .about_section_inner .desc_text_wrapper .about_button_wrapper a #about_button_circle {

  background-color: var(--white);

  border-radius: 50%;

  color: #000;

  height: 0;

  position: absolute;

  transform: translate(-50%, -50%);

  transition: height 0.35s, width 0.35s;

  width: 0;

  z-index: 0;

}

.home_container .about_section .about_section_inner .desc_text_wrapper .about_button_wrapper a .about_button_inner_content {

  width: 97px;

  height: 57px;

  display: flex;

  flex-direction: column;

  align-items: center;

  z-index: 2;

}

.home_container .about_section .about_section_inner .desc_text_wrapper .about_button_wrapper a .about_button_inner_content svg path {

  transition: all 250ms ease;

}

.home_container .about_section .about_section_inner .desc_text_wrapper .about_button_wrapper a .about_button_inner_content span {

  color: var(--white);

  font-size: 14px;

  font-family: var(--semiBold);

  margin-top: 12px;

  transition: all 250ms ease;

}

.home_container .projects_section {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding-top: 128px;

  padding-bottom: 200px;

}

.home_container .projects_section .projects_section_inner {

  width: 1248px;

  text-align: center;

  position: relative;

  z-index: 1;

}

.home_container .projects_section .projects_section_inner .projects_header_section {

  width: 100%;

  height: 71px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.home_container .projects_section .projects_section_inner .projects_header_section .all_projects_button {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  border: 0;

  position: relative;

  outline: none;

}

.home_container .projects_section .projects_section_inner .projects_header_section .all_projects_button a {

  text-decoration: none;

}

.home_container .projects_section .projects_section_inner .projects_header_section .all_projects_button .submit {

  min-height: 64px;

  background: transparent;

  outline: none;

  border: 0;

  border-radius: 48px;

  transition: all 250ms ease;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  overflow: hidden;

  position: relative;

  transition: all 350ms ease 0s;

  cursor: pointer;

}

.home_container .projects_section .projects_section_inner .projects_header_section .all_projects_button .submit .before {

  transition: all 250ms ease 0s;

  width: 64px;

  height: 64px;

  border-radius: 50px;

  background: var(--white);

  margin-right: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  left: 0;

  color: #fff;

}

.home_container .projects_section .projects_section_inner .projects_header_section .all_projects_button .submit span {

  transition: all 250ms ease 0s;

  font-size: 16px;

  line-height: 20px;

  font-family: var(--semiBold);

  letter-spacing: 0.25px;

  color: var(--white);

  position: relative;

  left: 0;

}

.home_container .projects_section .projects_section_inner .projects_header_section .all_projects_button .submit .after {

  transition: all 250ms ease 0s;

  position: relative;

  left: 100%;

  position: relative;

  top: 0;

}

.home_container .projects_section .projects_section_inner .projects_header_section .all_projects_button .submit:hover {

  transition: all 250ms ease 0s;

}

.home_container .projects_section .projects_section_inner .projects_header_section .all_projects_button .submit:hover .before {

  left: -100%;

}

.home_container .projects_section .projects_section_inner .projects_header_section .all_projects_button .submit:hover span {

  left: -25%;

}

.home_container .projects_section .projects_section_inner .projects_header_section .all_projects_button .submit:hover .after {

  left: -35px;

}

.home_container .projects_section .projects_section_inner .projects_header_section .header_section_text {

  transition: all 250ms ease-in-out;

}

.home_container .projects_section .projects_section_inner .projects_header_section .header_section_text h2 {

  font-size: 68.81px;

  line-height: 65.53px;

  color: var(--white);

  font-family: var(--bold);

  overflow: hidden !important;

}

.home_container .projects_section .projects {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-top: 96px;

  padding-left: 96px;

  padding-right: 96px;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper {

  width: 100%;

  display: flex;

  justify-content: center;

  margin-bottom: 120px;

  position: relative;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner {

  width: 1248px;

  display: flex;

  align-items: center;

  border-top: 0.5px solid rgba(255, 255, 255, 0.1);

  z-index: 1;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .project_image_wrapper {

  width: 482px;

  height: 552px;

  padding-top: 32px;

  padding-right: 32px;

  border-right: 0.5px solid rgba(255, 255, 255, 0.1);

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .project_image_wrapper .project_image_layer {

  width: 100%;

  height: 100%;

  overflow: hidden;

  display: flex;

  align-items: center;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .project_image_wrapper .project_image_layer .project_image {

  width: 100%;

  height: 100%;

  background-image: url("../assets/home/projects/project-1-image.jpg");

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  -o-object-fit: cover;

     object-fit: cover;

  transition: all 350ms ease-in-out;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper {

  height: 100%;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner {

  width: 766px;

  height: 100%;

  padding-top: 32px;

  padding-left: 32px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: flex-start;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper {

  width: 100%;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts {

  margin-bottom: 131.64px;

  transition: all 250ms ease-in-out;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts h1 {

  margin-top: 5px;

  font-size: 39.808px;

  color: var(--white);

  font-family: var(--bold);

  overflow: hidden;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts p {

  font-size: 16px;

  line-height: 20px;

  color: rgba(255, 255, 255, 0.3);

  letter-spacing: 0.25px;

  font-family: var(--medium);

  overflow: hidden;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_project_description_text {

  width: 270px;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_project_description_text .about_project_description_text_wrapper {

  transition: all 250ms ease-in-out;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_project_description_text .about_project_description_text_wrapper p {

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  color: var(--white);

  font-family: var(--medium);

  overflow: hidden;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .project_detailed_button {

  width: 50px;

  height: 50px;

  background-image: url("../assets/arrows/arrow-big-white-ellipse.svg");

  -o-object-fit: cover;

     object-fit: cover;

  transition: all 350ms ease-in-out;

  cursor: pointer;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .first_project_blur_section_1 {

  position: absolute;

  left: calc(50% - 190.5px + 190.5px);

  top: -191px;

  width: 381px;

  height: 518px;

  background: rgba(55, 85, 205, 0.7);

  border-radius: 100%;

  filter: blur(155px);

  z-index: 0;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .first_project_blur_section_2 {

  position: absolute;

  left: calc(50% - 236px + 604px);

  top: 79px;

  width: 472px;

  height: 393px;

  background: rgba(55, 85, 205, 0.7);

  border-radius: 100%;

  filter: blur(155px);

  z-index: 0;

}

.home_container .projects_section .projects .projects_first_blur_section_wrapper .first_project_blur_section_3 {

  position: absolute;

  width: 907px;

  height: 462px;

  left: calc(50% - 453.5px - 266.5px);

  top: 190px;

  background: rgba(55, 85, 205, 0.7);

  border-radius: 100%;

  filter: blur(155px);

  z-index: 0;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper {

  width: 100%;

  display: flex;

  justify-content: center;

  margin-bottom: 120px;

  position: relative;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner {

  width: 1248px;

  display: flex;

  align-items: center;

  border-top: 0.5px solid rgba(255, 255, 255, 0.1);

  z-index: 1;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .project_image_wrapper {

  width: 482px;

  height: 552px;

  padding-top: 32px;

  padding-left: 32px;

  border-left: 0.5px solid rgba(255, 255, 255, 0.1);

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .project_image_wrapper .project_image_layer {

  width: 100%;

  height: 100%;

  overflow: hidden;

  display: flex;

  align-items: center;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .project_image_wrapper .project_image_layer .project_image {

  width: 100%;

  height: 100%;

  background-image: url("../assets/home/projects/project-2-image.jpg");

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  -o-object-fit: cover;

     object-fit: cover;

  transition: all 350ms ease-in-out;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper {

  height: 100%;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner {

  width: 766px;

  height: 100%;

  padding-top: 32px;

  padding-right: 32px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: flex-start;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts {

  margin-bottom: 131.64px;

  transition: all 250ms ease-in-out;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts h1 {

  margin-top: 5px;

  font-size: 39.808px;

  color: var(--white);

  font-family: var(--bold);

  overflow: hidden;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts p {

  font-size: 16px;

  line-height: 20px;

  color: rgba(255, 255, 255, 0.3);

  letter-spacing: 0.25px;

  font-family: var(--medium);

  overflow: hidden;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner .about_project_description_text {

  width: 270px;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner .about_project_description_text .about_project_description_text_wrapper {

  transition: all 250ms ease-in-out;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner .about_project_description_text .about_project_description_text_wrapper p {

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  color: var(--white);

  font-family: var(--medium);

  overflow: hidden;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .project_detailed_button {

  width: 50px;

  height: 50px;

  background-image: url("../assets/arrows/arrow-big-white-ellipse.svg");

  -o-object-fit: cover;

     object-fit: cover;

  transition: all 350ms ease-in-out;

  cursor: pointer;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .second_project_blur_section_1 {

  position: absolute;

  width: 381px;

  height: 381px;

  left: calc(50% - 190.5px + 117.5px);

  top: 0px;

  background: rgba(245, 88, 79, 0.7);

  border-radius: 100%;

  filter: blur(155px);

  z-index: 0;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .second_project_blur_section_2 {

  position: absolute;

  width: 393px;

  height: 393px;

  left: calc(50% - 196.5px + 643.5px);

  top: 79px;

  background: rgba(245, 88, 79, 0.7);

  border-radius: 100%;

  filter: blur(155px);

  z-index: 0;

}

.home_container .projects_section .projects .projects_second_blur_section_wrapper .second_project_blur_section_3 {

  position: absolute;

  width: 601px;

  height: 624px;

  left: calc(50% - 300.5px - 373.5px);

  top: 79px;

  background: rgba(245, 88, 79, 0.7);

  border-radius: 100%;

  filter: blur(155px);

  z-index: 0;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper {

  width: 100%;

  display: flex;

  justify-content: center;

  margin-bottom: 300px;

  position: relative;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner {

  width: 1248px;

  display: flex;

  align-items: center;

  border-top: 0.5px solid rgba(255, 255, 255, 0.1);

  z-index: 1;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .project_image_wrapper {

  width: 482px;

  height: 552px;

  padding-top: 32px;

  padding-right: 32px;

  border-right: 0.5px solid rgba(255, 255, 255, 0.1);

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .project_image_wrapper .project_image_layer {

  width: 100%;

  height: 100%;

  overflow: hidden;

  display: flex;

  align-items: center;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .project_image_wrapper .project_image_layer .project_image {

  width: 100%;

  height: 100%;

  background-image: url("../assets/home/projects/project-3-image.jpg");

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  -o-object-fit: cover;

     object-fit: cover;

  transition: all 350ms ease-in-out;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper {

  height: 100%;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner {

  height: 100%;

  width: 766px;

  padding-top: 32px;

  padding-left: 32px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: flex-start;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts {

  margin-bottom: 131.64px;

  transition: all 250ms ease-in-out;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts h1 {

  margin-top: 5px;

  font-size: 39.808px;

  color: var(--white);

  font-family: var(--bold);

  overflow: hidden;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts p {

  font-size: 16px;

  line-height: 20px;

  color: rgba(255, 255, 255, 0.3);

  letter-spacing: 0.25px;

  font-family: var(--medium);

  overflow: hidden;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner .about_project_description_text {

  width: 270px;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner .about_project_description_text .about_project_description_text_wrapper {

  transition: all 250ms ease-in-out;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner .about_project_description_text .about_project_description_text_wrapper p {

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  color: var(--white);

  font-family: var(--medium);

  overflow: hidden;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .project_detailed_button {

  width: 50px;

  height: 50px;

  background-image: url("../assets/arrows/arrow-big-white-ellipse.svg");

  -o-object-fit: cover;

     object-fit: cover;

  transition: all 350ms ease-in-out;

  cursor: pointer;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .third_project_blur_section_1 {

  position: absolute;

  width: 766px;

  height: 462px;

  left: calc(50% - 383px - 15px);

  top: 209px;

  background: rgba(248, 177, 38, 0.7);

  border-radius: 100%;

  filter: blur(155px);

  z-index: 0;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .third_project_blur_section_2 {

  position: absolute;

  width: 393px;

  height: 511px;

  left: calc(50% - 196.5px + 643.5px);

  top: 79px;

  background: rgba(248, 177, 38, 0.7);

  border-radius: 100%;

  filter: blur(155px);

  z-index: 0;

}

.home_container .projects_section .projects .projects_third_blur_section_wrapper .third_project_blur_section_3 {

  position: absolute;

  width: 381px;

  height: 381px;

  left: calc(50% - 190.5px - 684.5px);

  top: -25px;

  background: rgba(248, 177, 38, 0.7);

  border-radius: 100%;

  filter: blur(155px);

  z-index: 0;

}

.home_container .projects_section .projects .projects_moving_text_on_scroll {

  width: 5750px;

  position: relative;

  left: 50%;

  transform: translateX(-50%);

}

.home_container .projects_section .projects .projects_moving_text_on_scroll h2 {

  width: 100%;

  text-align: center;

  font-size: 40px;

  font-family: var(--semiBold);

  transition: 250ms ease-out;

}

.home_container .projects_section .projects .projects_moving_text_on_scroll .projects_moving_text_1 {

  margin-left: 20%;

  color: var(--white);

}

.home_container .projects_section .projects .projects_moving_text_on_scroll .projects_moving_text_2 {

  color: #BDBDBD;

  margin-left: 30%;

}

.home_container .projects_section .projects .projects_moving_text_on_scroll .projects_moving_text_3 {

  color: #636363;

  margin-left: 25%;

}

.home_container .services_section {

  width: 100%;

  background: #FAF2F2;

  z-index: 1;

}

.home_container .services_section .services_section_inner {

  width: 100%;

  padding-top: 150px;

  padding-bottom: 96px;

  display: flex;

}

.home_container .services_section .services_section_inner .services_section_header_text {

  width: 100%;

  transition: all 250ms ease-in-out;

  padding-left: 96px;

}

.home_container .services_section .services_section_inner .services_section_header_text h1 {

  font-size: 68.808px;

  line-height: 66px;

  font-family: var(--extraBold);

  color: var(--black);

  overflow: hidden;

  will-change: transform;

}

.home_container .services_section .services_section_inner .services_section_header_text h1 div {

  transition-timing-function: ease-in-out;

}

.home_container .services_section .services_wrapper {

  width: 100%;

  display: flex;

  align-items: center;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  position: relative;

}

.home_container .services_section .services_wrapper .services_first_wrapper {

  width: 33.3333%;

  height: 520px;

  background: #FAF2F2;

  transition: all 350ms ease-in-out;

  border-right: 0.5px solid rgba(189, 189, 189, 0.5);

  border-top: 0.5px solid rgba(189, 189, 189, 0.5);

  position: relative;

  cursor: pointer;

}

.home_container .services_section .services_wrapper .services_first_wrapper .cover_targeting {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 3;

}

.home_container .services_section .services_wrapper .services_first_wrapper .first_services_background_layer {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate3d(-50%, -50%, 0);

  -webkit-transform: translate3d(-50%, -50%, 0);

  width: 0;

  height: calc(100% + 1px);

  background: var(--black);

  transition: all 350ms ease;

  -webkit-transition: all 350ms ease;

  backface-visibility: hidden;

  z-index: 1;

}

.home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header {

  width: 100%;

  margin-top: 32px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}

.home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content {

  display: flex;

  align-items: center;

  justify-content: center;

}

.home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content h1 {

  width: 97px;

  color: var(--black);

  font-family: var(--semiBold);

  font-size: 27.648px;

  line-height: 34.6px;

  margin-right: 48px;

}

.home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content h1 div {

  overflow: hidden;

}

.home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content span {

  display: none;

  color: rgb(99, 99, 99);

  font-size: 14px;

  line-height: 17.5px;

  letter-spacing: 0.25px;

  font-family: var(--regular);

}

.home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer img {

  transition: all 350ms ease-in-out;

}

.home_container .services_section .services_wrapper .services_first_wrapper .image_wrapper_text {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 312px;

  display: flex;

  justify-content: center;

  z-index: 1;

}

.home_container .services_section .services_wrapper .services_first_wrapper .image_wrapper_text span {

  color: transparent;

  font-size: 14px;

  line-height: 17.5px;

  letter-spacing: 0.25px;

  font-family: var(--regular);

  text-align: center;

}

.home_container .services_section .services_wrapper .services_second_wrapper {

  width: 33.3333%;

  height: 520px;

  background: #FAF2F2;

  transition: all 350ms ease-in-out;

  border-right: 0.5px solid rgba(189, 189, 189, 0.5);

  border-top: 0.5px solid rgba(189, 189, 189, 0.5);

  position: relative;

  cursor: pointer;

}

.home_container .services_section .services_wrapper .services_second_wrapper .cover_targeting {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 3;

}

.home_container .services_section .services_wrapper .services_second_wrapper .second_services_background_layer {

  position: absolute;

  top: calc(50% - 1px);

  left: calc(50% - 1px);

  transform: translate3d(-50%, -50%, 0);

  -webkit-transform: translate3d(-50%, -50%, 0);

  width: 0;

  height: calc(100% + 1px);

  background: var(--black);

  transition: all 350ms ease;

  -webkit-transition: all 350ms ease;

  backface-visibility: hidden;

  z-index: 1;

}

.home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header {

  width: 100%;

  margin-top: 32px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}

.home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer .header_content {

  display: flex;

  align-items: center;

  justify-content: center;

}

.home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer .header_content h1 {

  width: 170px;

  color: var(--black);

  font-family: var(--semiBold);

  font-size: 27.648px;

  line-height: 34.6px;

  margin-right: 48px;

}

.home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer .header_content span {

  display: none;

  color: rgb(99, 99, 99);

  font-size: 14px;

  line-height: 17.5px;

  letter-spacing: 0.25px;

  font-family: var(--regular);

}

.home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer img {

  transition: all 350ms ease-in-out;

}

.home_container .services_section .services_wrapper .services_second_wrapper .image_wrapper_text {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 312px;

  display: flex;

  justify-content: center;

  z-index: 1;

}

.home_container .services_section .services_wrapper .services_second_wrapper .image_wrapper_text span {

  color: transparent;

  font-size: 14px;

  line-height: 17.5px;

  letter-spacing: 0.25px;

  font-family: var(--regular);

  text-align: center;

}

.home_container .services_section .services_wrapper .services_third_wrapper {

  width: 33.3333%;

  height: 520px;

  background: #FAF2F2;

  transition: all 350ms ease-in-out;

  border-top: 0.5px solid rgba(189, 189, 189, 0.5);

  position: relative;

  cursor: pointer;

}

.home_container .services_section .services_wrapper .services_third_wrapper .cover_targeting {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 3;

}

.home_container .services_section .services_wrapper .services_third_wrapper .third_services_background_layer {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate3d(-50%, -50%, 0);

  -webkit-transform: translate3d(-50%, -50%, 0);

  width: 0;

  height: calc(100% + 1px);

  background: var(--black);

  transition: all 350ms ease;

  -webkit-transition: all 350ms ease;

  backface-visibility: hidden;

  z-index: 1;

}

.home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header {

  width: 100%;

  margin-top: 32px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}

.home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer .header_content {

  display: flex;

  align-items: center;

  justify-content: center;

}

.home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer .header_content h1 {

  width: 132px;

  color: var(--black);

  font-family: var(--semiBold);

  font-size: 27.648px;

  line-height: 34.6px;

  margin-right: 48px;

}

.home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer .header_content span {

  display: none;

  color: rgb(99, 99, 99);

  font-size: 14px;

  line-height: 17.5px;

  letter-spacing: 0.25px;

  font-family: var(--regular);

}

.home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer img {

  transition: all 350ms ease-in-out;

}

.home_container .services_section .services_wrapper .services_third_wrapper .image_wrapper_text {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 312px;

  display: flex;

  justify-content: center;

  z-index: 1;

}

.home_container .services_section .services_wrapper .services_third_wrapper .image_wrapper_text span {

  color: transparent;

  font-size: 14px;

  line-height: 17.5px;

  letter-spacing: 0.25px;

  font-family: var(--regular);

  text-align: center;

}



.navbar_cover_layer {

  position: absolute;

  top: 0;

  left: 0;

  height: 83px;

  background: #000;

  width: 100%;

}



@media screen and (max-width: 1440px) {

  #navbar_black_home {

    padding-left: 96px;

    padding-right: 96px;

  }

  #navbar_black_home .navbar_inner {

    width: 100%;

  }

}

@media screen and (max-width: 990px) {

  #navbar_black_home {

    padding-left: 64px;

    padding-right: 64px;

  }

  #navbar_black_home .navbar_inner .navbar_links {

    display: none;

  }

  #navbar_black_home .navbar_inner .navbar_sidebar ul .burger_img {

    display: flex !important;

  }

}

@media screen and (max-width: 909px) {

  #navbar_black_home {

    padding-left: 40px;

    padding-right: 40px;

  }

}

@media screen and (max-width: 755px) {

  #navbar_black_home {

    padding-left: 40px;

    padding-right: 40px;

  }

}

@media screen and (max-width: 584px) {

  #navbar_black_home {

    padding-left: 24px;

    padding-right: 24px;

  }

}

@media screen and (max-width: 1439px) {

  .home_container .home_header {

    height: 891px;

  }

  .home_container .home_header .background_logo {

    width: 1011px;

    right: -407px;

  }

  .home_container .home_header .shadow_layer {

    height: 518px;

  }

  .home_container .home_header .header_inner {

    width: 626px;

  }

  .home_container .home_header .header_inner .header_title_text_wrapper {

    width: 626px;

    margin-bottom: 80px;

  }

  .home_container .home_header .header_inner .header_title_text_wrapper .header_title_text {

    width: 626px;

  }

  .home_container .home_header .header_inner .header_title_text_wrapper .header_title_text .text_layer {

    width: 626px;

  }

  .home_container .home_header .header_inner .header_title_text_wrapper .header_title_text .text_layer h1 {

    font-size: 82.57px;

    line-height: 78.64px;

  }

  .home_container .home_header .header_inner .header_desc_text_wrapper {

    padding-left: 80px;

  }

  .home_container .home_header .header_inner .header_desc_text_wrapper .header_desc_text {

    width: 156px;

  }

  .home_container .home_header .header_inner .header_desc_text_wrapper .header_desc_text .text_layer h5 {

    font-size: 16px;

    line-height: 20px;

  }

  .home_container .home_header .header_inner .header_button_wrapper {

    padding-right: 18px;

  }

}

@media screen and (min-width: 1280px) {

  .home_container .home_header .header_inner .header_button_wrapper a:hover {

    transform: scale(1.2);

  }

  .home_container .home_header .header_inner .header_button_wrapper a:hover #header_button_circle {

    height: 350px;

    width: 350px;

  }

  .home_container .home_header .header_inner .header_button_wrapper a:hover .header_button_inner_content svg path {

    fill: var(--black);

  }

  .home_container .home_header .header_inner .header_button_wrapper a:hover .header_button_inner_content span {

    color: var(--black);

  }

}

@media screen and (max-width: 908px) {

  .home_container .home_header {

    height: 780px;

  }

  .home_container .home_header .background_logo {

    width: 885px;

    right: -442px;

  }

  .home_container .home_header .shadow_layer {

    height: 441px;

  }

  .home_container .home_header .header_inner {

    width: 536px;

  }

  .home_container .home_header .header_inner .header_title_text_wrapper {

    width: 536px;

    margin-bottom: 72px;

  }

  .home_container .home_header .header_inner .header_title_text_wrapper .header_title_text {

    width: 536px;

  }

  .home_container .home_header .header_inner .header_title_text_wrapper .header_title_text .text_layer {

    width: 536px;

  }

  .home_container .home_header .header_inner .header_title_text_wrapper .header_title_text .text_layer h1 {

    font-size: 68.81px;

    line-height: 65.53px;

  }

  .home_container .home_header .header_inner .header_desc_text_wrapper {

    padding-left: 82px;

  }

  .home_container .home_header .header_inner .header_desc_text_wrapper .header_desc_text {

    width: 157px;

  }

  .home_container .home_header .header_inner .header_button_wrapper {

    padding-right: 0;

  }

  .home_container .home_header .header_inner .header_button_wrapper a {

    transform: translateX(10px);

  }

}

@media screen and (max-width: 754px) {

  .home_container .home_header {

    height: 751px;

  }

  .home_container .home_header .background_logo {

    width: 853px;

    right: -426px;

  }

  .home_container .home_header .shadow_layer {

    height: 453px;

  }

  .home_container .home_header .header_inner {

    width: 323px;

  }

  .home_container .home_header .header_inner .header_title_text_wrapper {

    width: 323px;

    margin-bottom: 72px;

  }

  .home_container .home_header .header_inner .header_title_text_wrapper .header_title_text {

    width: 323px;

  }

  .home_container .home_header .header_inner .header_title_text_wrapper .header_title_text .text_layer {

    width: 323px;

  }

  .home_container .home_header .header_inner .header_title_text_wrapper .header_title_text .text_layer h1 {

    font-size: 47.77px;

    line-height: 45.5px;

  }

  .home_container .home_header .header_inner .header_desc_text_wrapper {

    padding-left: 44px;

    margin-bottom: 72px;

  }

  .home_container .home_header .header_inner .header_button_wrapper {

    padding-right: 0;

  }

  .home_container .home_header .header_inner .header_button_wrapper a {

    transform: translateX(10px);

  }

}

@media screen and (max-width: 1439px) {

  .home_container .about_section .about_section_inner {

    width: 814px;

    height: 371px;

  }

  .home_container .about_section .about_section_inner .integer_text_wrapper .text_line {

    width: 562px;

    left: 147px;

  }

  .home_container .about_section .about_section_inner .desc_text_wrapper {

    top: 91px;

  }

  .home_container .about_section .about_section_inner .desc_text_wrapper .about_button_wrapper {

    transform: translate(-186px, 10px);

  }

}

@media screen and (min-width: 1280px) {

  .home_container .about_section .about_section_inner .desc_text_wrapper .about_button_wrapper a:hover {

    transform: scale(1.2);

  }

  .home_container .about_section .about_section_inner .desc_text_wrapper .about_button_wrapper a:hover #about_button_circle {

    height: 350px;

    width: 350px;

  }

  .home_container .about_section .about_section_inner .desc_text_wrapper .about_button_wrapper a:hover .about_button_inner_content svg path {

    fill: var(--black);

  }

  .home_container .about_section .about_section_inner .desc_text_wrapper .about_button_wrapper a:hover .about_button_inner_content span {

    color: var(--black);

  }

}

@media screen and (max-width: 989px) {

  .home_container .about_section .about_section_inner {

    width: 814px;

    height: 411px;

  }

  .home_container .about_section .about_section_inner .integer_text_wrapper .text_line {

    width: 420px;

  }

  .home_container .about_section .about_section_inner .desc_text_wrapper {

    width: 300px;

  }

  .home_container .about_section .about_section_inner .desc_text_wrapper .about_button_wrapper {

    transform: translate(42px, 50px);

  }

}

@media screen and (max-width: 908px) {

  .home_container .about_section .about_section_inner {

    width: 675px;

    height: 411px;

  }

  .home_container .about_section .about_section_inner .integer_text_wrapper {

    width: 220px;

  }

  .home_container .about_section .about_section_inner .integer_text_wrapper .text_line {

    left: 106px;

    width: 328px;

    top: 23.89px;

  }

  .home_container .about_section .about_section_inner .integer_text_wrapper .integer_text_layer h1 {

    font-size: 47.78px;

    font-size-adjust: auto;

    line-height: 1;

  }

  .home_container .about_section .about_section_inner .desc_text_wrapper {

    width: 300px;

  }

  .home_container .about_section .about_section_inner .desc_text_wrapper .about_button_wrapper {

    transform: translate(-125px, 10px);

  }

}

@media screen and (max-width: 756px) {

  .home_container .about_section .about_section_inner {

    width: 500px;

    height: 411px;

  }

  .home_container .about_section .about_section_inner .integer_text_wrapper {

    width: 220px;

  }

  .home_container .about_section .about_section_inner .integer_text_wrapper .text_line {

    left: 106px;

    width: 328px;

    top: 23.89px;

  }

  .home_container .about_section .about_section_inner .integer_text_wrapper .integer_text_layer h1 {

    font-size: 47.78px;

    line-height: 1;

  }

  .home_container .about_section .about_section_inner .desc_text_wrapper {

    width: 212px;

  }

  .home_container .about_section .about_section_inner .desc_text_wrapper .about_button_wrapper {

    transform: translate(-50px, 30px);

  }

}

@media screen and (max-width: 584px) {

  .home_container .about_section .about_section_inner {

    width: 327px;

    height: 709px;

    flex-direction: column;

    justify-content: flex-start;

  }

  .home_container .about_section .about_section_inner .integer_text_wrapper {

    width: 315px;

  }

  .home_container .about_section .about_section_inner .integer_text_wrapper .text_line {

    left: 147px;

    width: 180px;

    top: 32.75px;

  }

  .home_container .about_section .about_section_inner .integer_text_wrapper .integer_text_layer h1 {

    font-size: 68.81px;

    line-height: 1;

  }

  .home_container .about_section .about_section_inner .desc_text_wrapper {

    width: 327px;

    top: 64px;

  }

  .home_container .about_section .about_section_inner .desc_text_wrapper .about_button_wrapper {

    transform: translate(88.5px, 64px);

  }

}

@media screen and (max-width: 1439px) {

  .home_container .projects_section .projects_section_inner {

    width: 100%;

    padding-left: 96px;

    padding-right: 96px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner {

    width: 100%;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .project_image_wrapper {

    min-width: 482px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper {

    width: 380px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner {

    width: 100%;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts {

    margin-bottom: 123px;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner {

    width: 100%;

    justify-content: space-between;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .project_image_wrapper {

    min-width: 482px;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper {

    width: 380px;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner {

    width: 100%;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner {

    width: 100%;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .project_image_wrapper {

    min-width: 482px;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper {

    width: 380px;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner {

    width: 100%;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts {

    margin-bottom: 123px;

  }

}

@media screen and (max-width: 990px) {

  .home_container .projects_section .projects_section_inner {

    width: 100%;

    padding-left: 64px;

    padding-right: 64px;

  }

  .home_container .projects_section .projects_section_inner .projects_header_section {

    height: 170px;

    flex-direction: column-reverse;

  }

  .home_container .projects_section .projects {

    padding-left: 64px;

    padding-right: 64px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper {

    margin-bottom: 56px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner {

    width: 100%;

    flex-direction: column;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .project_image_wrapper {

    min-width: 100%;

    min-height: 520px;

    height: 520px;

    margin-top: 56px;

    padding-top: 0;

    padding-right: 0;

    border-right: 0;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .project_image_wrapper .project_image_layer .project_image {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper {

    width: 100%;

    display: flex;

    margin-top: 56px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner {

    padding-top: 0;

    padding-left: 0;

    width: 100%;

    flex-direction: row;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper .title_categories_texts {

    margin-bottom: 32px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper .about_project_description_text {

    width: 400px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner .project_detailed_button {

    transform: translateY(10px);

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section {

    height: 814px;

    margin-bottom: 0;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper {

    margin-bottom: 56px;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner {

    width: 100%;

    flex-direction: column-reverse;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .project_image_wrapper {

    min-width: 100%;

    height: 520px;

    min-height: 520px;

    margin-top: 56px;

    padding-top: 0;

    padding-left: 0;

    border-left: 0;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .project_image_wrapper .project_image_layer .project_image {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: 0 72%;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper {

    width: 100%;

    display: flex;

    margin-top: 56px;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner {

    padding-top: 0;

    padding-right: 0;

    width: 100%;

    flex-direction: row;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper .title_categories_texts {

    margin-bottom: 32px;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper .about_project_description_text {

    width: 400px;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner .project_detailed_button {

    transform: translateY(10px);

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section {

    height: 814px;

    margin-bottom: 0;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper {

    margin-bottom: 250px;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner {

    width: 100%;

    flex-direction: column;

    border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);

    padding-bottom: 56px;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .project_image_wrapper {

    min-width: 100%;

    height: 520px;

    min-height: 520px;

    margin-top: 56px;

    padding-top: 0;

    padding-right: 0;

    border-right: 0;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .project_image_wrapper .project_image_layer .project_image {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper {

    width: 100%;

    display: flex;

    margin-top: 56px;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner {

    padding-top: 0;

    padding-left: 0;

    width: 100%;

    flex-direction: row;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper .title_categories_texts {

    margin-bottom: 32px;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper .about_project_description_text {

    width: 400px;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner .project_detailed_button {

    transform: translateY(10px);

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section {

    height: 814px;

    margin-bottom: 0;

  }

  .home_container .projects_section .projects .projects_moving_text_on_scroll .projects_moving_text_1 {

    margin-left: 50%;

  }

  .home_container .projects_section .projects .projects_moving_text_on_scroll .projects_moving_text_3 {

    margin-left: 40%;

  }

  .home_container .projects_section .projects .projects_moving_text_on_scroll h2 {

    font-size: 27.65px;

    line-height: 34.6px;

  }

}

@media screen and (max-width: 909px) {

  .home_container .projects_section .projects_section_inner {

    padding-left: 40px;

    padding-right: 40px;

  }

  .home_container .projects_section .projects_section_inner .projects_header_section {

    height: 159px;

  }

  .home_container .projects_section .projects_section_inner .projects_header_section .header_section_text h2 {

    font-size: 57.34px;

    line-height: 54.61px;

  }

  .home_container .projects_section .projects {

    padding-left: 40px;

    padding-right: 40px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper {

    margin-bottom: 56px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .project_image_wrapper {

    min-height: 360px;

    height: 360px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper .about_project_description_text {

    width: 385px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper .about_project_description_text p {

    font-size: 14px;

    line-height: 17.5px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner .project_detailed_button {

    transform: translateY(10px);

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section {

    height: 627px;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper {

    margin-bottom: 56px;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .project_image_wrapper {

    height: 360px;

    min-height: 360px;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper .about_project_description_text {

    width: 385px;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper .about_project_description_text p {

    font-size: 14px;

    line-height: 17.5px;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner .project_detailed_button {

    transform: translateY(10px);

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section {

    height: 627px;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper {

    margin-bottom: 250px;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .project_image_wrapper {

    height: 360px;

    min-height: 360px;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper .about_project_description_text {

    width: 385px;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper .about_project_description_text p {

    font-size: 14px;

    line-height: 17.5px;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner .project_detailed_button {

    transform: translateY(10px);

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section {

    height: 627px;

  }

}

@media screen and (max-width: 755px) {

  .home_container .projects_section .projects_section_inner {

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .home_container .projects_section .projects_section_inner .projects_header_section {

    height: 195px;

    width: 327px;

    text-align: center;

  }

  .home_container .projects_section .projects_section_inner .projects_header_section .header_section_text h2 {

    height: 91px;

    font-size: 47.78px;

    line-height: 45.5px;

  }

  .home_container .projects_section .projects {

    padding-left: 40px;

    padding-right: 40px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .project_image_wrapper {

    width: 327px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner {

    position: relative;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper .about_project_description_text {

    width: 327px;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section_inner .about_projects_wrapper .about_projects_inner .project_detailed_button {

    position: absolute;

    top: 0;

    right: 0;

  }

  .home_container .projects_section .projects .projects_first_blur_section_wrapper .projects_first_blur_section {

    height: 720px;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .project_image_wrapper {

    width: 327px;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner {

    position: relative;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper .about_project_description_text {

    width: 327px;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section_inner .about_projects_wrapper .about_projects_inner .project_detailed_button {

    position: absolute;

    top: 0;

    right: 0;

  }

  .home_container .projects_section .projects .projects_second_blur_section_wrapper .projects_second_blur_section {

    height: 720px;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .project_image_wrapper {

    width: 327px;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner {

    position: relative;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner .title_categories_texts_wrapper .about_project_description_text {

    width: 327px;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section_inner .about_projects_wrapper .about_projects_inner .project_detailed_button {

    position: absolute;

    top: 0;

    right: 0;

  }

  .home_container .projects_section .projects .projects_third_blur_section_wrapper .projects_third_blur_section {

    height: 758px;

  }

}

@media screen and (max-width: 584px) {

  .home_container .projects_section .projects_section_inner {

    padding-left: 24px;

    padding-right: 24px;

  }

  .home_container .projects_section .projects {

    padding-left: 24px;

    padding-right: 24px;

  }

}

@media screen and (min-width: 1280px) {

  .home_container .services_section .services_wrapper .services_first_wrapper:hover .wrapper_header .wrapper_header_layer .header_content h1 {

    color: var(--white);

  }

  .home_container .services_section .services_wrapper .services_first_wrapper:hover .wrapper_header .wrapper_header_layer .header_content span {

    color: var(--white);

  }

  .home_container .services_section .services_wrapper .services_first_wrapper:hover .wrapper_header .wrapper_header_layer img {

    content: url("../assets/arrows/arrow-small-white-ellipse.svg");

    transition: all 350ms ease-in-out;

    transform: rotate(45deg);

  }

  .home_container .services_section .services_wrapper .services_first_wrapper:hover .first_services_background_layer {

    width: 100%;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper:hover .image_wrapper_text span {

    color: var(--white);

  }

  .home_container .services_section .services_wrapper .services_second_wrapper:hover .wrapper_header .wrapper_header_layer .header_content h1 {

    color: var(--white);

  }

  .home_container .services_section .services_wrapper .services_second_wrapper:hover .wrapper_header .wrapper_header_layer .header_content span {

    color: var(--white);

  }

  .home_container .services_section .services_wrapper .services_second_wrapper:hover .wrapper_header .wrapper_header_layer img {

    content: url("../assets/arrows/arrow-small-white-ellipse.svg");

    transition: all 350ms ease-in-out;

    transform: rotate(45deg);

  }

  .home_container .services_section .services_wrapper .services_second_wrapper:hover .second_services_background_layer {

    width: 100%;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper:hover .image_wrapper_text span {

    color: var(--white);

  }

  .home_container .services_section .services_wrapper .services_third_wrapper:hover .wrapper_header .wrapper_header_layer .header_content h1 {

    color: var(--white);

  }

  .home_container .services_section .services_wrapper .services_third_wrapper:hover .wrapper_header .wrapper_header_layer .header_content span {

    color: var(--white);

  }

  .home_container .services_section .services_wrapper .services_third_wrapper:hover .wrapper_header .wrapper_header_layer img {

    content: url("../assets/arrows/arrow-small-white-ellipse.svg");

    transition: all 350ms ease-in-out;

    transform: rotate(45deg);

  }

  .home_container .services_section .services_wrapper .services_third_wrapper:hover .third_services_background_layer {

    width: 100%;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper:hover .image_wrapper_text span {

    color: var(--white);

  }

}

@media screen and (min-width: 910px) and (max-width: 990px) {

  .home_container .services_section {

    height: 789px;

  }

  .home_container .services_section .services_section_inner .services_section_header_text {

    width: 862px;

    padding-left: 64px;

  }

  .home_container .services_section .services_section_inner .services_section_header_text h1 {

    font-size: 68.808px;

    line-height: 65.53px;

  }

  .home_container .services_section .services_wrapper {

    flex-direction: column;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper {

    width: 100%;

    height: 109px;

    display: flex;

    align-items: center;

    border-right: 0;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .image_wrapper_text {

    display: none;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header {

    padding-left: 64px;

    padding-right: 64px;

    margin-top: 0;

    position: relative;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer {

    justify-content: flex-start;

    justify-content: space-between;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content {

    display: flex;

    flex-direction: row;

    width: 100%;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content h1 {

    flex: 1;

    font-size: 23.04px;

    line-height: 28.8px;

    margin-right: 0;

    margin-bottom: 0;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content span {

    display: flex;

    flex: 1;

    justify-content: flex-end;

    margin-right: 0;

    padding-right: 32px;

    display: flex;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper {

    width: 100%;

    height: 109px;

    display: flex;

    align-items: center;

    border-right: 0;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .image_wrapper_text {

    display: none;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header {

    padding-left: 64px;

    padding-right: 64px;

    margin-top: 0;

    position: relative;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer {

    justify-content: flex-start;

    justify-content: space-between;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer .header_content {

    display: flex;

    flex-direction: row;

    width: 100%;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer .header_content h1 {

    flex: 1;

    font-size: 23.04px;

    line-height: 28.8px;

    margin-right: 0;

    margin-bottom: 0;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer .header_content span {

    display: flex;

    flex: 1;

    justify-content: flex-end;

    margin-right: 0;

    padding-right: 32px;

    display: flex;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper {

    width: 100%;

    height: 109px;

    display: flex;

    align-items: center;

    border-bottom: 0.5px solid rgba(189, 189, 189, 0.5);

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .image_wrapper_text {

    display: none;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header {

    padding-left: 64px;

    padding-right: 64px;

    margin-top: 0;

    position: relative;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer {

    justify-content: flex-start;

    justify-content: space-between;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer .header_content {

    display: flex;

    flex-direction: row;

    width: 100%;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer .header_content h1 {

    flex: 1;

    font-size: 23.04px;

    line-height: 28.8px;

    margin-right: 0;

    margin-bottom: 0;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer .header_content span {

    display: flex;

    flex: 1;

    justify-content: flex-end;

    margin-right: 0;

    padding-right: 32px;

    display: flex;

  }

}

@media screen and (min-width: 756px) and (max-width: 909px) {

  .home_container .services_section {

    height: 859px;

  }

  .home_container .services_section .services_section_inner .services_section_header_text {

    width: 100%;

  }

  .home_container .services_section .services_section_inner .services_section_header_text h1 {

    font-size: 68.808px;

    line-height: 65.53px;

  }

  .home_container .services_section .services_wrapper {

    flex-direction: column;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper {

    width: 100%;

    height: 139px;

    display: flex;

    align-items: center;

    border-right: 0;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .image_wrapper_text {

    display: none;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header {

    padding-left: 40px;

    padding-right: 40px;

    margin-top: 0;

    position: relative;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer {

    justify-content: flex-start;

    justify-content: space-between;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content {

    display: flex;

    flex-direction: row;

    width: 100%;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content h1 {

    flex: 1;

    font-size: 23.04px;

    line-height: 28.8px;

    margin-right: 0;

    margin-bottom: 0;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content span {

    display: flex;

    flex: 1;

    justify-content: flex-end;

    margin-right: 0;

    padding-right: 32px;

    display: flex;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper {

    width: 100%;

    height: 139px;

    display: flex;

    align-items: center;

    border-right: 0;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .image_wrapper_text {

    display: none;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header {

    padding-left: 40px;

    padding-right: 40px;

    margin-top: 0;

    position: relative;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer {

    justify-content: flex-start;

    justify-content: space-between;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer .header_content {

    display: flex;

    flex-direction: row;

    width: 100%;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer .header_content h1 {

    flex: 1;

    font-size: 23.04px;

    line-height: 28.8px;

    margin-right: 0;

    margin-bottom: 0;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer .header_content span {

    display: flex;

    flex: 1;

    justify-content: flex-end;

    margin-right: 0;

    padding-right: 32px;

    display: flex;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper {

    width: 100%;

    height: 139px;

    display: flex;

    align-items: center;

    border-bottom: 0.5px solid rgba(189, 189, 189, 0.5);

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .image_wrapper_text {

    display: none;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header {

    padding-left: 40px;

    padding-right: 40px;

    margin-top: 0;

    position: relative;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer {

    justify-content: flex-start;

    justify-content: space-between;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer .header_content {

    display: flex;

    flex-direction: row;

    width: 100%;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer .header_content h1 {

    flex: 1;

    font-size: 23.04px;

    line-height: 28.8px;

    margin-right: 0;

    margin-bottom: 0;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer .header_content span {

    display: flex;

    flex: 1;

    justify-content: flex-end;

    margin-right: 0;

    padding-right: 32px;

    display: flex;

  }

}

@media screen and (min-width: 585px) and (max-width: 755px) {

  .home_container .services_section {

    height: 859px;

  }

  .home_container .services_section .services_section_inner .services_section_header_text {

    width: 505px;

    height: 46px;

  }

  .home_container .services_section .services_section_inner .services_section_header_text h1 {

    font-size: 47.776px;

    line-height: 45.5px;

  }

  .home_container .services_section .services_wrapper {

    flex-direction: column;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper {

    width: 100%;

    height: 139px;

    display: flex;

    align-items: center;

    border-right: 0;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .image_wrapper_text {

    display: none;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header {

    padding-left: 40px;

    padding-right: 40px;

    margin-top: 0;

    position: relative;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer {

    justify-content: flex-start;

    justify-content: space-between;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content {

    flex-direction: column;

    align-items: flex-start;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content h1 {

    width: 307px;

    font-size: 23.04px;

    line-height: 28.8px;

    margin-right: 0;

    margin-bottom: 12px;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content span {

    width: 307px;

    margin-right: 0;

    display: flex;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper {

    width: 100%;

    height: 139px;

    display: flex;

    align-items: center;

    border-right: 0;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .image_wrapper_text {

    display: none;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header {

    padding-left: 40px;

    padding-right: 40px;

    margin-top: 0;

    position: relative;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer {

    justify-content: flex-start;

    justify-content: space-between;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer .header_content {

    flex-direction: column;

    align-items: flex-start;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer .header_content h1 {

    width: 307px;

    font-size: 23.04px;

    line-height: 28.8px;

    margin-right: 0;

    margin-bottom: 12px;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer .header_content span {

    width: 307px;

    margin-right: 0;

    display: flex;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper {

    width: 100%;

    height: 139px;

    display: flex;

    align-items: center;

    border-bottom: 0.5px solid rgba(189, 189, 189, 0.5);

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .image_wrapper_text {

    display: none;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header {

    padding-left: 40px;

    padding-right: 40px;

    margin-top: 0;

    position: relative;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer {

    justify-content: flex-start;

    justify-content: space-between;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer .header_content {

    flex-direction: column;

    align-items: flex-start;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer .header_content h1 {

    width: 307px;

    font-size: 23.04px;

    line-height: 28.8px;

    margin-right: 0;

    margin-bottom: 12px;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer .header_content span {

    width: 307px;

    margin-right: 0;

    display: flex;

  }

}

@media screen and (max-width: 584px) {

  .home_container .services_section {

    height: 888px;

  }

  .home_container .services_section .services_section_inner {

    padding-left: 24px;

    padding-right: 24px;

  }

  .home_container .services_section .services_section_inner .services_section_header_text {

    padding-left: 0;

  }

  .home_container .services_section .services_section_inner .services_section_header_text h1 {

    font-size: 47.776px;

    line-height: 45.5px;

  }

  .home_container .services_section .services_wrapper {

    flex-direction: column;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper {

    width: 100%;

    height: 139px;

    display: flex;

    align-items: center;

    border-right: 0;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .image_wrapper_text {

    display: none;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header {

    padding-left: 24px;

    padding-right: 24px;

    margin-top: 0;

    position: relative;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer {

    justify-content: flex-start;

    justify-content: space-between;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content {

    flex-direction: column;

    align-items: flex-start;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content h1 {

    width: 307px;

    font-size: 23.04px;

    line-height: 28.8px;

    margin-right: 0;

    margin-bottom: 12px;

  }

  .home_container .services_section .services_wrapper .services_first_wrapper .wrapper_header .wrapper_header_layer .header_content span {

    width: 307px;

    margin-right: 0;

    display: flex;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper {

    width: 100%;

    height: 139px;

    display: flex;

    align-items: center;

    border-right: 0;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .image_wrapper_text {

    display: none;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header {

    padding-left: 24px;

    padding-right: 24px;

    margin-top: 0;

    position: relative;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer {

    justify-content: flex-start;

    justify-content: space-between;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer .header_content {

    flex-direction: column;

    align-items: flex-start;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer .header_content h1 {

    width: 307px;

    font-size: 23.04px;

    line-height: 28.8px;

    margin-right: 0;

    margin-bottom: 12px;

  }

  .home_container .services_section .services_wrapper .services_second_wrapper .wrapper_header .wrapper_header_layer .header_content span {

    width: 307px;

    margin-right: 0;

    display: flex;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper {

    width: 100%;

    height: 139px;

    display: flex;

    align-items: center;

    border-bottom: 0.5px solid rgba(189, 189, 189, 0.5);

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .image_wrapper_text {

    display: none;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header {

    padding-left: 24px;

    padding-right: 24px;

    margin-top: 0;

    position: relative;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer {

    justify-content: flex-start;

    justify-content: space-between;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer .header_content {

    flex-direction: column;

    align-items: flex-start;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer .header_content h1 {

    width: 307px;

    font-size: 23.04px;

    line-height: 28.8px;

    margin-right: 0;

    margin-bottom: 12px;

  }

  .home_container .services_section .services_wrapper .services_third_wrapper .wrapper_header .wrapper_header_layer .header_content span {

    width: 307px;

    margin-right: 0;

    display: flex;

  }

}

#navbar_black_projects {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 83px;

  display: flex;

  justify-content: center;

  background: transparent !important;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  z-index: 10;

  pointer-events: none;

}

#navbar_black_projects .navbar_inner {

  width: 1248px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  transition: all 0.5s ease-in-out;

}

#navbar_black_projects .navbar_inner .logo {

  cursor: pointer;

  pointer-events: fill;

}

#navbar_black_projects .navbar_inner .navbar_links {

  margin-bottom: 7.5px;

  transition: all 0.5s ease-in-out;

  pointer-events: fill;

}

#navbar_black_projects .navbar_inner .navbar_links ul {

  display: flex;

  align-items: center;

}

#navbar_black_projects .navbar_inner .navbar_links ul a {

  text-decoration: none;

  margin-right: 40px;

}

#navbar_black_projects .navbar_inner .navbar_links ul a:last-child {

  margin-right: 0;

}

#navbar_black_projects .navbar_inner .navbar_links ul a li {

  list-style: none;

  font-family: var(--semiBold);

  color: var(--white);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.5px;

  transition: all 250ms ease;

  position: relative;

}

#navbar_black_projects .navbar_inner .navbar_links ul a li .navbar_dot {

  position: absolute;

  bottom: -7.5px;

  left: 50%;

  transform: translateX(-50%);

  width: 5px;

  height: 5px;

  border-radius: 50%;

  background: var(--white);

  display: none;

}

#navbar_black_projects .navbar_inner .navbar_links ul a li:hover {

  color: var(--white);

}

#navbar_black_projects .navbar_inner .navbar_links ul .active li {

  color: var(--white);

}

#navbar_black_projects .navbar_inner .navbar_links ul .active li .dot {

  display: block;

}

#navbar_black_projects .navbar_inner .navbar_sidebar {

  margin-bottom: 6.5px;

  pointer-events: fill;

}

#navbar_black_projects .navbar_inner .navbar_sidebar ul {

  display: flex;

  align-items: center;

}

#navbar_black_projects .navbar_inner .navbar_sidebar ul li {

  list-style: none;

  color: var(--white);

  font-family: var(--semiBold);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  position: relative;

  cursor: pointer;

}

#navbar_black_projects .navbar_inner .navbar_sidebar ul li::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: var(--white);

  transition: all 250ms ease;

}

#navbar_black_projects .navbar_inner .navbar_sidebar ul li:hover::after {

  width: 50%;

}

#navbar_black_projects .navbar_inner .navbar_sidebar ul .burger_img {

  transform: translateY(1px);

  width: 30px;

  height: 30px;

  display: none;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-left: 32px;

  cursor: pointer;

}

#navbar_black_projects .navbar_inner .navbar_sidebar ul .burger_img .burger_line {

  width: 30px;

  height: 2px;

  background: var(--white);

  transition: all 200ms linear;

}

#navbar_black_projects .navbar_inner .navbar_sidebar ul .burger_img .burger_line:first-child {

  margin-bottom: 6px;

}

#navbar_black_projects .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_1 {

  margin-right: 10px;

}

#navbar_black_projects .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_2 {

  margin-left: 10px;

}



.projects_container {

  background: #FAF2F2;

  text-transform: lowercase;

}

.projects_container .projects_header {

  width: 100%;

  height: 200vh;

  background: #FAF2F2;

  display: flex;

  justify-content: center;

  position: relative;

}

.projects_container .projects_header .text_wrapper {

  position: relative;

  top: calc(50vh - 75px);

  height: 20vh;

  width: 100% !important;

  max-width: 100% !important;

  display: flex;

  align-items: center;

  justify-content: center;

  pointer-events: none;

  backface-visibility: hidden;

  -webkit-backface-visibility: hidden;

  transform: scale(4, 4);

}

.projects_container .projects_header .text_wrapper h1 {

  position: relative;

  text-align: center;

  font-size: 68.808px;

  line-height: 68.808px;

  color: var(--black);

  font-family: var(--bold);

  pointer-events: none;

  backface-visibility: hidden;

  -webkit-backface-visibility: hidden;

  text-decoration: none;

}

.projects_container .portfolio_section {

  width: 100%;

  padding-bottom: 200px;

  padding-left: 96px;

  padding-right: 96px;

  padding-top: 50vh;

  display: flex;

  flex-direction: column;

  align-items: center;

  background: #FAF2F2;

}

.projects_container .portfolio_section .portfolio_section_inner {

  width: 1248px;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_header {

  width: 100%;

  padding-bottom: 48px;

  margin-bottom: 96px;

  border-bottom: 0.5px solid #BDBDBD;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_header ul {

  width: 100%;

  display: flex;

  align-items: center;

  transition: all 350ms ease-in-out;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_header ul li {

  margin-right: 64px;

  list-style-type: none;

  font-family: var(--medium);

  font-size: 23.04px;

  line-height: 28.8px;

  color: var(--black);

  padding-top: 12px;

  padding-bottom: 12px;

  border-radius: 72px;

  cursor: pointer;

  border: 1px solid #FAF2F2;

  transition: all 250ms ease-in-out;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_header ul li:hover {

  color: #636363;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_header ul li:active {

  transform: scale(0.95);

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_header ul li:last-child {

  margin-right: 0;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_header ul .portfolio_active {

  border: 1px solid var(--black);

  padding-left: 64px;

  padding-right: 64px;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_header ul .portfolio_active:hover {

  color: var(--black);

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body {

  width: 100%;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper {

  width: 100%;

  display: flex;

  justify-content: flex-start;

  align-items: flex-end;

  margin-bottom: 32px;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper:last-child {

  margin-bottom: 0;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .big_image_layer {

  width: 821px;

  position: relative;

  display: flex;

  overflow: hidden;

  cursor: pointer;

  margin-right: 34.25%;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .big_image_layer .big_image {

  width: 100%;

  height: 100%;

  background-position: center !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

  -o-object-fit: cover !important;

     object-fit: cover !important;

  cursor: pointer;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .big_image_layer .about_image_content {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  width: 100%;

  height: 100%;

  padding: 32px;

  transition: all 250ms ease-in-out;

  background: rgba(0, 0, 0, 0.4);

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .big_image_layer .about_image_content h3 {

  font-size: 27.65px;

  line-height: 26px;

  color: #FFFFFF;

  margin-bottom: 8px;

  font-family: var(--bold);

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .big_image_layer .about_image_content span {

  font-size: 14px;

  line-height: 18px;

  letter-spacing: 0.25px;

  color: rgba(255, 255, 255, 0.3);

  font-family: var(--medium);

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .big_image_layer .anim_layer_container {

  position: absolute;

  top: -1px;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  background: transparent;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .big_image_layer .anim_layer_container .layer_top {

  width: 100%;

  height: 50%;

  background: #FAF2F2;

  transition: all 0.1s linear;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .big_image_layer .anim_layer_container .layer_bottom {

  width: 100%;

  height: 50%;

  background: #FAF2F2;

  transition: all 0.1s linear;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .big_image_layer:hover .about_image_content {

  opacity: 1;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer {

  width: 395px;

  margin-right: 32px;

  position: relative;

  display: flex;

  overflow: hidden;

  cursor: pointer;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer:last-child {

  margin-right: 0;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer .small_image {

  width: 100%;

  height: 100%;

  background-position: center !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

  -o-object-fit: cover !important;

     object-fit: cover !important;

  cursor: pointer;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer .about_image_content {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  width: 100%;

  height: 100%;

  padding: 32px;

  transition: all 250ms ease-in-out;

  background: rgba(0, 0, 0, 0.4);

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer .about_image_content h3 {

  font-size: 27.65px;

  line-height: 26px;

  color: #FFFFFF;

  margin-bottom: 8px;

  font-family: var(--bold);

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer .about_image_content span {

  font-size: 14px;

  line-height: 18px;

  letter-spacing: 0.25px;

  color: rgba(255, 255, 255, 0.3);

  font-family: var(--medium);

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer .anim_layer_container {

  position: absolute;

  top: -1px;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  background: transparent;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer .anim_layer_container .layer_top {

  width: 100%;

  height: 50%;

  background: #FAF2F2;

  transition: all 0.1s linear;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer .anim_layer_container .layer_bottom {

  width: 100%;

  height: 50%;

  background: #FAF2F2;

  transition: all 0.1s linear;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer:hover .about_image_content {

  opacity: 1;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .big_image_wrapper_flex_end {

  justify-content: flex-end;

}

.projects_container .portfolio_section .portfolio_section_inner .portfolio_body .small_images_wrapper_flex_end {

  justify-content: flex-end;

}



@media screen and (max-width: 1440px) {

  #navbar_black_projects {

    padding-left: 96px;

    padding-right: 96px;

  }

  #navbar_black_projects .navbar_inner {

    width: 100%;

  }

}

@media screen and (max-width: 990px) {

  #navbar_black_projects {

    padding-left: 64px;

    padding-right: 64px;

  }

  #navbar_black_projects .navbar_inner .navbar_links {

    display: none;

  }

  #navbar_black_projects .navbar_inner .navbar_sidebar ul .burger_img {

    display: flex !important;

  }

}

@media screen and (max-width: 767px) {

  #navbar_black_projects {

    padding-left: 24px;

    padding-right: 24px;

  }

}

@media screen and (max-width: 1439px) {

  .projects_container .projects_header .text_wrapper h1 {

    font-size: 57.336px;

    line-height: 54.61px;

  }

}

@media screen and (max-width: 1024px) {

  .projects_container .projects_header {

    height: 300vh;

    margin-bottom: 0;

  }

}

@media screen and (max-width: 909px) {

  .projects_container .projects_header .text_wrapper {

    padding-left: 24px;

    padding-right: 24px;

  }

  .projects_container .projects_header .text_wrapper h1 {

    font-size: 30px;

    line-height: 30px;

  }

}

@media screen and (max-width: 1440px) {

  .projects_container .portfolio_section {

    padding-left: 96px;

    padding-right: 96px;

  }

  .projects_container .portfolio_section .portfolio_section_inner {

    width: 100%;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_header ul li {

    margin-right: 48px;

    padding-left: 48px;

    padding-right: 48px;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper {

    margin-bottom: 32px;

  }

}

@media screen and (max-width: 990px) {

  .projects_container .portfolio_section {

    padding-left: 64px;

    padding-right: 64px;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper {

    margin-bottom: 24px;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer {

    margin-right: 24px;

  }

}

@media screen and (max-width: 1200px) {

  .projects_container .big_image_layer .about_image_content,

  .projects_container .small_image_layer .about_image_content {

    top: 0 !important;

  }

  .projects_container .about_image_content {

    opacity: 1 !important;

    background: transparent !important;

  }

}

@media screen and (max-width: 767px) {

  .projects_container .portfolio_section .moving_container {

    top: 0 !important;

  }

  .projects_container .big_image_layer {

    margin-right: 0 !important;

  }

  .projects_container .big_image_layer,

  .projects_container .small_image_layer {

    height: 400px !important;

  }

  .projects_container .about_image_content {

    background: transparent !important;

    padding: 16px 24px !important;

  }

  .projects_container .about_image_content span {

    color: rgba(255, 255, 255, 0.7) !important;

  }

  .projects_container .layer_top {

    transform: translateY(-100%);

  }

  .projects_container .layer_bottom {

    transform: translateY(100%);

  }

}

@media screen and (min-width: 768px) and (max-width: 990px) {

  .big_image_layer {

    width: 65.6% !important;

  }

}

@media screen and (max-width: 990px) {

  .projects_container .portfolio_section .portfolio_section_inner {

    width: 100%;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_header ul li {

    margin-right: 0;

    margin-bottom: 16px;

    padding-left: 24px;

    padding-right: 24px;

    font-size: 19.2px;

    line-height: 24px;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_header ul li:last-child {

    margin-bottom: 0;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .big_image_layer .about_image_content {

    padding: 16px 24px;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .big_image_layer .about_image_content h3 {

    margin-bottom: 4px;

    font-size: 23.04px;

    line-height: 28.8px;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .big_image_layer .about_image_content span {

    line-height: 17.5px;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer .about_image_content {

    padding: 16px 24px;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer .about_image_content h3 {

    margin-bottom: 4px;

    font-size: 23.04px;

    line-height: 28.8px;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer .about_image_content span {

    line-height: 17.5px;

  }

}

@media screen and (max-width: 767px) {

  .projects_container .portfolio_section {

    padding-left: 24px;

    padding-right: 24px;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper {

    margin-bottom: 0;

    flex-direction: column;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .big_image_layer {

    width: 100%;

    height: auto !important;

    margin-bottom: 24px;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .big_image_layer .about_image_content h3 {

    margin-bottom: 8px;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer {

    width: 100%;

    height: auto !important;

    margin-right: 0;

    margin-bottom: 24px;

  }

  .projects_container .portfolio_section .portfolio_section_inner .portfolio_body .image_wrapper .small_image_layer .about_image_content h3 {

    margin-bottom: 8px;

  }

}

#navbar_black_about {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 83px;

  display: flex;

  justify-content: center;

  background: transparent !important;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  z-index: 10;

  pointer-events: none;

  mix-blend-mode: difference !important;

}

#navbar_black_about .navbar_inner {

  width: 1248px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  transition: all 0.5s ease-in-out;

}

#navbar_black_about .navbar_inner .logo {

  cursor: pointer;

  pointer-events: fill;

}

#navbar_black_about .navbar_inner .navbar_links {

  margin-bottom: 7.5px;

  transition: all 0.5s ease-in-out;

  pointer-events: fill;

}

#navbar_black_about .navbar_inner .navbar_links ul {

  display: flex;

  align-items: center;

}

#navbar_black_about .navbar_inner .navbar_links ul a {

  text-decoration: none;

  margin-right: 40px;

}

#navbar_black_about .navbar_inner .navbar_links ul a:last-child {

  margin-right: 0;

}

#navbar_black_about .navbar_inner .navbar_links ul a li {

  list-style: none;

  font-family: var(--semiBold);

  color: var(--white);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.5px;

  transition: all 250ms ease;

  position: relative;

}

#navbar_black_about .navbar_inner .navbar_links ul a li .navbar_dot {

  position: absolute;

  bottom: -7.5px;

  left: 50%;

  transform: translateX(-50%);

  width: 5px;

  height: 5px;

  border-radius: 50%;

  background: var(--white);

}

#navbar_black_about .navbar_inner .navbar_links ul a li:hover {

  color: var(--white);

}

#navbar_black_about .navbar_inner .navbar_links ul .active li {

  color: var(--white);

}

#navbar_black_about .navbar_inner .navbar_links ul .active li .dot {

  display: block;

}

#navbar_black_about .navbar_inner .navbar_sidebar {

  margin-bottom: 6.5px;

  pointer-events: fill;

}

#navbar_black_about .navbar_inner .navbar_sidebar ul {

  display: flex;

  align-items: center;

}

#navbar_black_about .navbar_inner .navbar_sidebar ul li {

  list-style: none;

  color: var(--white);

  font-family: var(--semiBold);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  position: relative;

  cursor: pointer;

}

#navbar_black_about .navbar_inner .navbar_sidebar ul li::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: var(--white);

  transition: all 250ms ease;

}

#navbar_black_about .navbar_inner .navbar_sidebar ul li:hover::after {

  width: 50%;

}

#navbar_black_about .navbar_inner .navbar_sidebar ul .burger_img {

  transform: translateY(1px);

  width: 30px;

  height: 30px;

  display: none;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-left: 32px;

  cursor: pointer;

}

#navbar_black_about .navbar_inner .navbar_sidebar ul .burger_img .burger_line {

  width: 30px;

  height: 2px;

  background: var(--white);

  transition: all 200ms linear;

}

#navbar_black_about .navbar_inner .navbar_sidebar ul .burger_img .burger_line:first-child {

  margin-bottom: 6px;

}

#navbar_black_about .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_1 {

  margin-right: 10px;

}

#navbar_black_about .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_2 {

  margin-left: 10px;

}



.about_container {

  background: var(--black);

  text-transform: lowercase;

}

.about_container .about_header {

  height: 1500px;

  background: #FAF2F2;

  display: flex;

  justify-content: center;

  position: relative !important;

  z-index: 2;

  margin-bottom: 25vh;

}

.about_container .about_header .header_circle_sticky {

  position: sticky;

  top: calc(50vh - 250px);

  min-width: 500px;

  height: 500px;

  border-radius: 50%;

  background: var(--black);

}

.about_container .about_header .header_circle_sticky .circle_inner {

  width: 100%;

  height: 100%;

  background: var(--black);

  border-radius: 50%;

  transition: all 1s cubic-bezier(0.21, 0.61, 0.35, 0.1);

}

.about_container .about_header .header_circle_sticky .header_text_wrapper {

  position: absolute;

  top: 50%;

  left: 50%;

  min-width: 273px;

  display: flex;

  flex-direction: column;

  align-items: center;

  z-index: 1;

  transform: translate(-50%, -46.5%);

}

.about_container .about_header .header_circle_sticky .header_text_wrapper .header_text_layer {

  display: flex;

  align-items: center;

}

.about_container .about_header .header_circle_sticky .header_text_wrapper .header_text_layer h2 {

  height: 57.34px;

  line-height: calc(57.34px - 1vh);

  font-size: 54.61px;

  font-family: var(--bold);

  color: var(--white);

}

.about_container .who_we_are_section {

  width: 100%;

  position: relative;

  z-index: 3;

}

.about_container .who_we_are_section .pin-spacer {

  position: sticky !important;

  height: 100vh !important;

  padding: 0 !important;

  order: 2 !important;

}

.about_container .who_we_are_section .who-we-are-section-sticky_wrapper {

  width: 33%;

  height: 100vh;

  position: sticky;

  top: 0;

  display: flex;

  align-items: center;

  justify-content: center;

}

.about_container .who_we_are_section .who-we-are-section-sticky_wrapper .sticky-wrapper-mask {

  position: absolute;

  top: -5%;

  left: 0;

  width: 100%;

  height: 55%;

  z-index: 9;

  background: var(--black);

}

.about_container .who_we_are_section .who-we-are-section-sticky_wrapper .who-we-are-sticky_content {

  position: relative;

  z-index: 11;

}

.about_container .who_we_are_section .who-we-are-section-sticky_wrapper .who-we-are-sticky_content h2 {

  font-size: 33.18px;

  line-height: 41.47px;

  color: #fff;

  font-family: var(--semiBold);

}

.about_container .who_we_are_section .who-we-are-section-sticky_wrapper .who-we-are-sticky_content .who-we-are-sticky_progress_bar_line {

  width: 0;

  max-width: 100%;

  height: 1px;

  margin-top: 8px;

  background: #fff;

  position: relative;

}

.about_container .who_we_are_section .who-we-are-section-sticky_wrapper .who-we-are-sticky_content progress {

  width: 0;

  max-width: 100%;

  height: 1px;

  margin-top: 0;

  background: #fff;

  position: relative;

  display: block;

}

.about_container .who_we_are_section .who-we-are-section-sticky_wrapper .who-we-are-sticky_content progress::-webkit-progress-bar {

  background: transparent;

}

.about_container .who_we_are_section .who-we-are-section-sticky_wrapper .who-we-are-sticky_content progress::-webkit-progress-value {

  background: #fff;

}

.about_container .who_we_are_section .who-we-are-section-sticky_wrapper .who-we-are-sticky_content progress::-moz-progress-value {

  background: #fff;

}

.about_container .who_we_are_section .who-we-are-section-sticky_wrapper .who-we-are-sticky_content progress::-moz-progress-bar {

  background: transparent;

}

.about_container .who_we_are_section .who-we-are-section-texts_wrapper {

  position: relative;

  width: 100%;

  display: flex;

  justify-content: flex-end;

  align-items: flex-start;

}

.about_container .who_we_are_section .who-we-are-section-texts_wrapper .who-we-are-right-text_wrapper {

  width: 60%;

  padding-right: 5vw;

}

.about_container .who_we_are_section .who-we-are-section-texts_wrapper .who-we-are-right-text_wrapper h2 {

  font-size: 57.34px;

  line-height: 65px;

  color: var(--white);

  font-family: var(--semiBold);

  margin-bottom: 50vh;

}

.about_container .partners_marquee {

  background: #131313;

  color: #EEE;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.about_container .partners_marquee .maruqee_text {

  max-width: 600px;

  width: 100%;

  margin-bottom: 80px;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.about_container .partners_marquee .maruqee_text h2 {

  width: 100%;

  font-size: 68.81px;

  line-height: 65.53px;

  font-family: var(--semiBold);

  text-align: center;

  overflow: hidden;

}

.about_container .partners_marquee .maruqee_text h2:first-child {

  margin-bottom: 5px;

}

.about_container .partners_marquee .marquee_scroller {

  width: 100%;

  display: flex;

  text-transform: uppercase;

  padding-bottom: 20vh;

  position: relative;

  overflow: hidden;

}

.about_container .partners_marquee .marquee_scroller .marquee__inner {

  -webkit-font-smoothing: antialiased;

  width: -moz-fit-content;

  width: fit-content;

  display: flex;

  flex: auto;

  flex-direction: row;

}

.about_container .partners_marquee .marquee_scroller .marquee__inner .marquee__part {

  width: 15vw;

  height: 15vw;

  margin-left: 3vw;

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  border: 1px solid rgba(255, 255, 255, 0.3);

}

.about_container .partners_marquee .marquee_scroller .marquee__inner .marquee__part:nth-child(7) img {

  width: 135%;

}

.about_container .services_black_section {

  width: 100%;

  height: 101vh;

  background: var(--black);

  padding: 124px 96px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: flex-start;

  position: relative;

}

.about_container .services_black_section .count_number h2 {

  font-size: 270px;

  line-height: 210px;

  color: #0040E9;

  font-family: var(--medium);

}

.about_container .services_black_section .description_text {

  max-width: 630px;

  width: 100%;

}

.about_container .services_black_section .description_text:last-child {

  max-width: 780px;

}

.about_container .services_black_section .description_text h2 {

  font-size: 39.81px;

  line-height: 49.8px;

  color: var(--white);

  font-family: var(--semiBold);

  margin-bottom: 16px;

}

.about_container .services_black_section .description_text span {

  font-size: 39.808px;

  line-height: 49.8px;

  color: var(--white);

  font-family: var(--medium);

}

.about_container .services_white_section {

  width: 100%;

  height: 101vh;

  background: var(--white);

  padding: 124px 96px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: flex-start;

  position: relative;

}

.about_container .services_white_section .count_number h2 {

  font-size: 270px;

  line-height: 210px;

  color: #0040E9;

  font-family: var(--medium);

}

.about_container .services_white_section .description_text {

  max-width: 825px;

  width: 100%;

}

.about_container .services_white_section .description_text h2 {

  font-size: 39.81px;

  line-height: 49.8px;

  color: var(--black);

  font-family: var(--semiBold);

  margin-bottom: 16px;

}

.about_container .services_white_section .description_text span {

  display: block;

  width: 100%;

  font-size: 39.808px;

  line-height: 49.8px;

  color: var(--black);

  font-family: var(--medium);

}

.about_container .we_build_section {

  width: 100%;

  padding-top: 300px;

  padding-bottom: 300px;

  display: flex;

  flex-direction: column;

  align-items: center;

  background: var(--white);

  position: relative;

  z-index: 4;

}

.about_container .we_build_section .we_build_section__inner {

  width: 986px;

  height: 324px;

  display: flex;

  justify-content: space-between;

  margin-bottom: 96px;

}

.about_container .we_build_section .we_build_section__inner .left_text {

  height: 192px;

  width: 273px;

}

.about_container .we_build_section .we_build_section__inner .left_text h3 {

  font-size: 99.08px;

  line-height: 94.36px;

  font-family: var(--medium);

  margin-bottom: 2px;

  overflow: hidden;

}

.about_container .we_build_section .we_build_section__inner .left_text h2 {

  font-size: 99.08px;

  line-height: 94.36px;

  font-family: var(--bold);

  display: flex;

  align-items: flex-end;

  overflow: hidden;

}

.about_container .we_build_section .we_build_section__inner .left_text h2 span {

  font-size: 99.08px;

  line-height: 94.36px;

  /*color: #2F61FF;*/

  color: #9bcea4;

  overflow: hidden;

}

.about_container .we_build_section .we_build_section__inner .right_text {

  margin-top: auto;

  height: 100px;

  max-width: 512px;

  width: 100%;

}

.about_container .we_build_section .we_build_section__inner .right_text p {

  font-size: 16px;

  line-height: 20px;

  font-family: var(--medium);

  letter-spacing: 0.25px;

  color: var(--black);

}

.about_container .we_build_section .carousel-container {

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  width: 100%;

  height: 604px;

  padding: 0 17.5px;

  background: transparent;

}

.about_container .we_build_section .carousel-container .carousel-display {

  height: 100%;

  overflow: hidden;

  background: transparent;

}

.about_container .we_build_section .carousel-container .carousel-display .carousel-display__item {

  height: 100%;

  position: absolute;

  padding: 0 17.5px;

  background: transparent;

  border-right: 1px solid transparent;

}

.about_container .we_build_section .carousel-container .carousel-display .carousel-display__item .display-item__inner {

  background: #000;

  min-width: 508px;

  width: 508px;

  height: 100%;

  position: relative;

}

.about_container .we_build_section .carousel-container .carousel-display .carousel-display__item .display-item__inner .our-team-slider__title {

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  padding: 24px 32px;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

}

.about_container .we_build_section .carousel-container .carousel-display .carousel-display__item .display-item__inner .our-team-slider__title .title_name {

  margin-bottom: 3px;

}

.about_container .we_build_section .carousel-container .carousel-display .carousel-display__item .display-item__inner .our-team-slider__title .title_name span {

  font-size: 16px;

  line-height: 20px;

  color: #fff;

  font-family: var(--semiBold);

  letter-spacing: 0.25px;

}

.about_container .we_build_section .carousel-container .carousel-display .carousel-display__item .display-item__inner .our-team-slider__title .title_job {

  height: 18px;

  display: flex;

  align-items: center;

}

.about_container .we_build_section .carousel-container .carousel-display .carousel-display__item .display-item__inner .our-team-slider__title .title_job span {

  font-size: 14px;

  line-height: 17.5px;

  color: #BDBDBD;

  font-family: var(--semiBold);

}

.about_container .we_build_section .carousel-container .carousel-display .carousel-display__item .display-item__inner video {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 90%;

  height: 90%;

}

.about_container .we_build_section .carousel-container .carousel-display .carousel-display__item:hover .display-item__inner .our-team-slider__title .title_job .circle {

  transform: scale(1.2);

}



@media screen and (max-width: 1440px) {

  #navbar_black_about {

    padding-left: 96px;

    padding-right: 96px;

  }

  #navbar_black_about .navbar_inner {

    width: 100%;

  }

}

@media screen and (max-width: 990px) {

  #navbar_black_about {

    padding-left: 64px;

    padding-right: 64px;

  }

  #navbar_black_about .navbar_inner .navbar_links {

    display: none;

  }

  #navbar_black_about .navbar_inner .navbar_sidebar ul .burger_img {

    display: flex !important;

  }

}

@media screen and (max-width: 909px) {

  #navbar_black_about {

    padding-left: 40px;

    padding-right: 40px;

  }

}

@media screen and (max-width: 755px) {

  #navbar_black_about {

    padding-left: 40px;

    padding-right: 40px;

  }

}

@media screen and (max-width: 584px) {

  #navbar_black_about {

    padding-left: 24px;

    padding-right: 24px;

  }

}

@media screen and (max-width: 1439px) {

  .about_header .header_inner .header_image .header_text_wrapper {

    transform: translate(155px, -161px);

  }

}

@media screen and (max-width: 989px) {

  .about_container .about_header .header_inner .header_text_wrapper {

    transform: translate(115px, -161px);

  }

}

@media screen and (max-width: 1180px) {

  .about_container .about_header {

    padding-top: 0;

    height: 1000px;

  }

  .about_container .about_header .header_circle_sticky {

    top: calc(50vh - 250px);

  }

}

@media screen and (max-width: 754px) {

  .about_container .about_header {

    height: 800px;

  }

  .about_container .about_header .header_circle_sticky {

    top: calc(50vh - 185px);

    max-width: 360px !important;

    width: 360px !important;

    min-width: 360px !important;

    max-height: 360px;

    height: 360px;

  }

  .about_container .about_header .header_inner {

    padding-top: 287px;

  }

  .about_container .about_header .header_inner .header_text_wrapper {

    transform: translate(40px, -112px);

  }

  .about_container .about_header .header_inner .header_text_wrapper .header_text_layer {

    height: 70px;

  }

  .about_container .about_header .header_inner .header_text_wrapper .header_text_layer h2 {

    height: 68.808px;

    font-size: 68.808px;

    line-height: calc(80px - 3vh);

  }

  .about_container .about_header .header_inner .header_image {

    height: 546px;

  }

}

@media screen and (max-width: 584px) {

  .about_container .about_header .header_text_wrapper .header_text_layer {

    height: 50px;

  }

  .about_container .about_header .header_text_wrapper .header_text_layer h2 {

    height: 50px !important;

    font-size: 47.78px !important;

    line-height: calc(50px - 0.5vh) !important;

  }

}

@media screen and (max-width: 1024px) {

  .about_container .who-we-are-sticky_content .who-we-are-sticky_progress_bar_line {

    display: none !important;

  }

  .about_container .who-we-are-sticky_content progress {

    margin-top: 8px !important;

  }

}

@media screen and (max-width: 991px) {

  .about_container .who_we_are_section .who-we-are-section-texts_wrapper .who-we-are-right-text_wrapper h2 {

    font-size: 47.78px;

    line-height: 59.7px;

  }

}

@media screen and (max-width: 767px) {

  .about_container .who_we_are_section .who-we-are-section-sticky_wrapper {

    width: 100%;

    z-index: 10;

  }

  .about_container .who_we_are_section .who-we-are-section-sticky_wrapper .who-we-are-sticky_content {

    width: 100%;

    padding: 32px 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    background: #131313;

  }

  .about_container .who_we_are_section .who-we-are-section-sticky_wrapper .who-we-are-sticky_content .who-we-are-sticky_progress_bar_line {

    max-width: 185px;

  }

  .about_container .who_we_are_section .who-we-are-sticky_content h2 {

    font-size: 27.65px !important;

    line-height: 34.6px !important;

  }

  .about_container .who_we_are_section .who-we-are-section-texts_wrapper .who-we-are-right-text_wrapper {

    width: 100%;

    padding-right: 0;

    padding: 0 10vw;

  }

  .about_container .who_we_are_section .who-we-are-section-texts_wrapper .who-we-are-right-text_wrapper h2 {

    font-size: 27.65px;

    line-height: 35px;

  }

}

@media screen and (max-width: 1439px) {

  .about_container .partners_marquee .maruqee_text {

    width: 100%;

  }

  .about_container .partners_marquee .marquee_scroller .marquee__inner .marquee__part {

    width: 20vw;

    height: 20vw;

  }

}

@media screen and (max-width: 990px) {

  .about_container .partners_marquee .marquee_scroller .marquee__inner .marquee__part {

    width: 25vw;

    height: 25vw;

  }

}

@media screen and (max-width: 756px) {

  .about_container .partners_marquee .marquee_scroller .marquee__inner .marquee__part {

    width: 30vw;

    height: 30vw;

  }

  .about_container .marquee__part:nth-child(1) img {

    width: 70px;

  }

  .about_container .marquee__part:nth-child(2) img {

    width: 100px;

  }

  .about_container .marquee__part:nth-child(3) img {

    width: 120px;

  }

  .about_container .marquee__part:nth-child(4) img {

    width: 70px;

  }

  .about_container .marquee__part:nth-child(5) img {

    width: 130px;

  }

  .about_container .marquee__part:nth-child(6) img {

    width: 135px;

  }

  .about_container .partners_marquee .maruqee_text h2 {

    font-size: 33.18px;

    line-height: 1;

  }

}

@media screen and (max-width: 585px) {

  .about_container .partners_marquee .marquee_scroller .marquee__inner .marquee__part {

    width: 35vw;

    height: 35vw;

  }

  .about_container .partners_marquee .maruqee_text {

    margin-bottom: 48px;

  }

  .about_container .partners_marquee .maruqee_text span {

    font-size: 27.65px;

    line-height: 27.65px;

  }

}

@media screen and (max-width: 990px) {

  .about_container .services_white_section,

  .about_container .services_black_section {

    padding: 124px 64px;

  }

  .about_container .services_white_section .description_text h2,

  .about_container .services_black_section .description_text h2 {

    font-size: 33.18px;

    line-height: 41.47px;

  }

  .about_container .services_white_section .description_text span,

  .about_container .services_black_section .description_text span {

    font-size: 33.18px;

    line-height: 41.47px;

  }

}

@media screen and (max-width: 909px) {

  .about_container .services_white_section,

  .about_container .services_black_section {

    padding: 124px 40px;

  }

}

@media screen and (max-width: 755px) {

  .about_container .services_white_section,

  .about_container .services_black_section {

    padding: 72px 40px;

  }

  .about_container .services_white_section .count_number h2,

  .about_container .services_black_section .count_number h2 {

    font-size: 250px;

    line-height: 220px;

  }

  .about_container .services_white_section .description_text h2,

  .about_container .services_black_section .description_text h2 {

    font-size: 27.65px;

    line-height: 34.56px;

  }

  .about_container .services_white_section .description_text span,

  .about_container .services_black_section .description_text span {

    font-size: 27.65px;

    line-height: 34.56px;

  }

}

@media screen and (max-width: 584px) {

  .about_container .services_white_section,

  .about_container .services_black_section {

    padding: 72px 24px 17.5vh;

  }

  .about_container .services_white_section .description_text h2,

  .about_container .services_black_section .description_text h2 {

    font-size: 23.04px;

    line-height: 28.8px;

  }

  .about_container .services_white_section .description_text span,

  .about_container .services_black_section .description_text span {

    font-size: 23.04px;

    line-height: 28.8px;

  }

}

@media screen and (max-width: 1439px) {

  .about_container .we_build_section h2 {

    width: 676px;

    font-size: 57.336px;

    line-height: calc(55px - 1vh);

  }

}

@media screen and (max-width: 1086px) {

  .about_container .we_build_section {

    padding-top: 96px;

    padding-bottom: 96px;

  }

  .about_container .we_build_section .we_build_section__inner {

    width: 100%;

    height: auto;

    padding: 0 64px;

    flex-direction: column;

  }

  .about_container .we_build_section .we_build_section__inner .left_text {

    height: auto;

    margin-bottom: 48px;

  }

  .about_container .we_build_section .we_build_section__inner .left_text h3 {

    font-size: 57.34px;

    line-height: 55px;

    margin-bottom: 0;

  }

  .about_container .we_build_section .we_build_section__inner .left_text h2 {

    font-size: 57.34px;

    line-height: 55px;

  }

  .about_container .we_build_section .we_build_section__inner .left_text h2 span {

    font-size: 57.34px;

    line-height: 55px;

  }

  .about_container .we_build_section .we_build_section__inner .right_text {

    margin-top: 0;

    height: auto;

  }

  .about_container .we_build_section .carousel-container {

    height: 384px;

  }

  .about_container .we_build_section .carousel-container .carousel-display .carousel-display__item {

    padding: 0 10px;

  }

  .about_container .we_build_section .carousel-container .carousel-display .carousel-display__item .display-item__inner {

    min-width: 300px;

    width: 300px;

    height: 100%;

  }

}

@media screen and (max-width: 990px) {

  .about_container .spheres_section .spheres_section_inner {

    padding-left: 40px;

    padding-right: 40px;

  }

  .about_container .spheres_section .spheres_section_inner .right_side {

    width: 453px;

  }

}

@media screen and (max-width: 756px) {

  .about_container .we_build_section h2 {

    width: 100%;

    font-size: 47.776px;

    line-height: calc(50px - 1vh);

  }

  .about_container .we_build_section h2 div {

    height: auto;

  }

  .about_container .we_build_section .we_build_section__inner {

    padding: 0 40px;

  }

}

@media screen and (max-width: 585px) {

  .about_container .we_build_section .we_build_section__inner {

    padding: 0 24px;

  }

}

#navbar_black_careers {

  position: fixed;

  top: 0;

  left: 0;

  transform: translate3d(0, 0, 0);

  width: 100%;

  height: 83px;

  display: flex;

  justify-content: center;

  background: transparent !important;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  z-index: 10;

  pointer-events: none;

  mix-blend-mode: difference;

}

#navbar_black_careers .navbar_inner {

  width: 1248px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  transition: all 0.5s ease-in-out;

}

#navbar_black_careers .navbar_inner .logo {

  cursor: pointer;

  pointer-events: fill;

}

#navbar_black_careers .navbar_inner .navbar_links {

  margin-bottom: 7.5px;

  transition: all 0.5s ease-in-out;

  pointer-events: fill;

}

#navbar_black_careers .navbar_inner .navbar_links ul {

  display: flex;

  align-items: center;

}

#navbar_black_careers .navbar_inner .navbar_links ul a {

  text-decoration: none;

  margin-right: 40px;

}

#navbar_black_careers .navbar_inner .navbar_links ul a:last-child {

  margin-right: 0;

}

#navbar_black_careers .navbar_inner .navbar_links ul a li {

  list-style: none;

  font-family: var(--semiBold);

  color: var(--white);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  transition: all 250ms ease;

  position: relative;

}

#navbar_black_careers .navbar_inner .navbar_links ul a li .navbar_dot {

  position: absolute;

  bottom: -7.5px;

  left: 50%;

  transform: translateX(-50%);

  width: 5px;

  height: 5px;

  border-radius: 50%;

  background: var(--white);

  display: none;

}

#navbar_black_careers .navbar_inner .navbar_links ul a li:hover {

  color: var(--white);

}

#navbar_black_careers .navbar_inner .navbar_links ul .active li {

  color: var(--white);

}

#navbar_black_careers .navbar_inner .navbar_links ul .active li .dot {

  display: block;

}

#navbar_black_careers .navbar_inner .navbar_sidebar {

  margin-bottom: 6.5px;

  pointer-events: fill;

}

#navbar_black_careers .navbar_inner .navbar_sidebar ul {

  display: flex;

  align-items: center;

}

#navbar_black_careers .navbar_inner .navbar_sidebar ul li {

  list-style: none;

  color: var(--white);

  font-family: var(--semiBold);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  position: relative;

  cursor: pointer;

}

#navbar_black_careers .navbar_inner .navbar_sidebar ul li::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: var(--white);

  transition: all 250ms ease;

}

#navbar_black_careers .navbar_inner .navbar_sidebar ul li:hover::after {

  width: 50%;

}

#navbar_black_careers .navbar_inner .navbar_sidebar ul .burger_img {

  transform: translateY(1px);

  width: 30px;

  height: 30px;

  display: none;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-left: 32px;

  cursor: pointer;

}

#navbar_black_careers .navbar_inner .navbar_sidebar ul .burger_img .burger_line {

  width: 30px;

  height: 2px;

  background: var(--white);

  transition: all 200ms linear;

}

#navbar_black_careers .navbar_inner .navbar_sidebar ul .burger_img .burger_line:first-child {

  margin-bottom: 6px;

}

#navbar_black_careers .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_1 {

  margin-right: 10px;

}

#navbar_black_careers .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_2 {

  margin-left: 10px;

}



.careers_container {

  width: 100%;

  position: relative;

  background: #131313;

  text-transform: lowercase;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.careers_container #smooth-content {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.careers_container .form_success_message_wrapper {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 9999999;

  pointer-events: none;

}

.careers_container .form_success_message_wrapper .form_succes_message {

  position: absolute;

  top: 0;

  left: 0;

  height: 100vh;

  width: 100%;

  background: rgba(0, 0, 0, 0.7);

  display: flex;

  align-items: center;

  justify-content: center;

  padding-left: 64px;

  padding-right: 64px;

  z-index: 99;

  opacity: 0;

  pointer-events: none;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  cursor: pointer;

}

.careers_container .form_success_message_wrapper .form_succes_message .form_succes_inner_wrapper {

  width: 822px;

  height: 524px;

  background: #232323;

  border-radius: 30px;

  border: 1px solid #000;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  position: relative;

  cursor: auto;

}

.careers_container .form_success_message_wrapper .form_succes_message .form_succes_inner_wrapper img {

  display: flex;

  align-self: flex-end;

  margin-top: 48px;

  margin-right: 48px;

  cursor: pointer;

}

.careers_container .form_success_message_wrapper .form_succes_message .form_succes_inner_wrapper h2 {

  padding-left: 64px;

  padding-right: 64px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 100%;

  font-size: 39.808px;

  line-height: 49.8px;

  color: var(--white);

  font-family: var(--bold);

  text-align: center;

}

.careers_container .careers_header {

  width: 100%;

  background: var(--black);

  padding-top: 250px;

  padding-bottom: 175px;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.careers_container .careers_header .header_inner {

  width: 1248px;

}

.careers_container .careers_header .header_inner .header_title_text {

  width: 100%;

  margin-bottom: 96px;

}

.careers_container .careers_header .header_inner .header_title_text .title_text_wrapper {

  height: 100px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.careers_container .careers_header .header_inner .header_title_text .title_text_wrapper h2 {

  height: 100px;

  font-size: 99.084px;

  line-height: calc(100px - 3vh);

  color: var(--white);

  font-family: var(--bold);

  text-align: center;

  transition: all 1.5s;

}

.careers_container .careers_header .header_inner .header_title_text_responsive {

  width: 100%;

  margin-bottom: 96px;

  display: flex;

  flex-direction: column;

  align-items: center;

  display: none;

}

.careers_container .careers_header .header_inner .header_title_text_responsive .title_text_wrapper h2 {

  font-size: 82.57px;

  line-height: 1;

  color: var(--white);

  font-family: var(--bold);

  text-align: center;

  transition: all 1.5s;

}

.careers_container .careers_header .header_inner .header_title_text_responsive .title_text_wrapper h2 div {

  overflow: hidden;

}

.careers_container .careers_header .header_title_image {

  width: 1248px;

  height: 438px;

  padding-left: 45px;

}

.careers_container .careers_header .header_title_image .image {

  width: 729px;

  height: 100%;

  background: url("../assets/careers/header-image.png");

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  -o-object-fit: cover;

     object-fit: cover;

}

.careers_container .careers_section {

  width: 1248px;

  padding-bottom: 200px;

}

.careers_container .careers_section .careers_top_section {

  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  padding-top: 48px;

  border-top: 0.5px solid rgba(255, 255, 255, 0.3);

  margin-bottom: 96px;

}

.careers_container .careers_section .careers_top_section span {

  font-size: 23.04px;

  line-height: 28.8px;

  /*color: #2F61FF;*/

  color: #9bcea4;

  font-family: var(--bold);

  overflow: hidden;

  will-change: transform;

}

.careers_container .careers_section .careers_top_section span div {

  overflow: hidden;

  transition-timing-function: ease-in-out;

  will-change: transform;

}

.careers_container .careers_section .careers_top_section h2 {

  font-size: 33.184px;

  line-height: 41.5px;

  width: 558px;

  font-family: var(--semiBold);

  color: var(--white);

  overflow: hidden;

  will-change: transform;

}

.careers_container .careers_section .careers_top_section h2 div {

  overflow: hidden;

  transition-timing-function: ease-in-out;

  will-change: transform;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper {

  padding-bottom: 40px;

  border-top: 1px solid rgba(255, 255, 255, 0.3);

  transition: all 500ms ease-in-out;

  overflow: hidden;

  cursor: pointer;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper:last-child {

  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_header {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-left: 64px;

  padding-right: 64px;

  padding-top: 40px;

  cursor: pointer;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_header .accordion_name_index {

  display: flex;

  align-items: center;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_header .accordion_name_index span {

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  color: #636363;

  font-family: var(--regular);

  margin-right: 40px;

  transition: all 350ms ease-in-out;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_header .accordion_name_index h3 {

  font-size: 23.04px;

  line-height: 28.8px;

  font-family: var(--semiBold);

  color: var(--white);

  transition: all 350ms ease-in-out;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_header .accordion_switch_button svg {

  transition: all 250ms ease;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_header .accordion_switch_button .cursor_disabled {

  display: none;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_header .accordion_switch_button .cursor_active {

  display: flex;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body {

  display: none;

  overflow: hidden;

  cursor: auto;

  margin-top: 72px;

  position: relative;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section {

  width: 1004px;

  height: auto;

  display: block;

  align-self: center;

  justify-items: center;

  margin-bottom: 68px;

  position: relative;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .job_description {

  min-width: 100%;

  width: 100%;

  margin-bottom: 48px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .job_description span {

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  color: var(--white);

  font-family: var(--bold);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .job_description p {

  margin-top: 28px;

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  color: #AAAAAA;

  font-family: var(--medium);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .duties_skills_wrapper {

  width: 100%;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .duties_skills_wrapper .duties {

  max-width: 470px;

  width: 100%;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .duties_skills_wrapper .duties span {

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  color: var(--white);

  font-family: var(--bold);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .duties_skills_wrapper .duties ul {

  margin-top: 28px;

  padding-left: 32px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .duties_skills_wrapper .duties ul li {

  list-style: none;

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  color: #AAAAAA;

  font-family: var(--medium);

  position: relative;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .duties_skills_wrapper .duties ul li::before {

  content: "";

  position: absolute;

  top: 10px;

  left: -20px;

  width: 2px;

  height: 2px;

  border-radius: 50px;

  background: var(--white);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .duties_skills_wrapper .skills {

  max-width: 470px;

  width: 100%;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .duties_skills_wrapper .skills span {

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  color: var(--white);

  font-family: var(--bold);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .duties_skills_wrapper .skills ul {

  margin-top: 28px;

  padding-left: 32px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .duties_skills_wrapper .skills ul li {

  list-style: none;

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  color: #AAAAAA;

  font-family: var(--medium);

  position: relative;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .duties_skills_wrapper .skills ul li::before {

  content: "";

  position: absolute;

  top: 10px;

  left: -20px;

  width: 2px;

  height: 2px;

  border-radius: 50px;

  background: var(--white);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .submit_button_area {

  width: 1004px;

  height: auto;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  position: relative;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .submit_button_area .careers_submit_button {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  border: 0;

  position: relative;

  outline: none;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .submit_button_area .careers_submit_button a {

  text-decoration: none;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .submit_button_area .careers_submit_button .submit {

  min-height: 64px;

  background: transparent;

  outline: none;

  border: 0;

  border-radius: 48px;

  transition: all 250ms ease;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  overflow: hidden;

  position: relative;

  transition: all 350ms ease 0s;

  cursor: pointer;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .submit_button_area .careers_submit_button .submit .before {

  transition: all 250ms ease 0s;

  width: 64px;

  height: 64px;

  border-radius: 50px;

  background: var(--white);

  margin-right: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  left: 0;

  color: #fff;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .submit_button_area .careers_submit_button .submit span {

  transition: all 250ms ease 0s;

  font-size: 19.2px;

  line-height: 24px;

  font-family: var(--semiBold);

  letter-spacing: 0.25px;

  color: var(--white);

  position: relative;

  left: 0;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .submit_button_area .careers_submit_button .submit .after {

  transition: all 250ms ease 0s;

  position: relative;

  left: 100%;

  position: relative;

  top: 0;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .submit_button_area .careers_submit_button .submit .after-1 {

  transition: all 250ms ease 0s;

  position: relative;

  left: 100%;

  position: relative;

  top: 0;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper {

  display: none;

  position: relative;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  margin-top: 72px;

  overflow: hidden;

  padding-left: 122px;

  padding-right: 122px;

  cursor: auto;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper .form_go_back {

  display: flex;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper .form_go_back .accordion_form_go_back {

  cursor: pointer;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper .form_go_back .accordion_form_go_back span {

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  font-family: var(--bold);

  color: var(--white);

  margin-left: 24px;

  transition: all 350ms ease-in-out;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper .form_go_back .accordion_form_go_back:hover span {

  margin-left: 32px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form {

  margin-bottom: 48px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form ::-moz-placeholder {

  font-size: 19.2px;

  line-height: 24px;

  display: flex;

  align-items: center;

  letter-spacing: 0.25px;

  font-family: var(--medium);

  color: rgba(255, 255, 255, 0.3);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form ::placeholder {

  font-size: 19.2px;

  line-height: 24px;

  display: flex;

  align-items: center;

  letter-spacing: 0.25px;

  font-family: var(--medium);

  color: rgba(255, 255, 255, 0.3);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .error_text_wrapper {

  display: none;

  margin-top: 12px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .error_text_wrapper .form_input_error_text {

  color: #C70000;

  font-size: 16px;

  line-height: 20px;

  font-family: var(--medium);

  letter-spacing: 0.25px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper {

  width: 100%;

  display: flex;

  align-items: flex-start;

  margin-bottom: 24px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer {

  width: 486px;

  height: auto;

  position: relative;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer input {

  width: 100%;

  height: 72px;

  background: transparent;

  border-radius: 36px;

  border: 1px solid rgba(255, 255, 255, 0.3);

  box-shadow: none;

  padding-left: 25px;

  outline: none;

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  font-family: var(--semiBold);

  color: rgb(255, 255, 255);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer input:focus {

  border: 1px solid var(--white) !important;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer input::-moz-selection {

  background: #fff;

  color: var(--black);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer input::selection {

  background: #fff;

  color: var(--black);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer:first-child {

  margin-right: 32px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .input_wrapper {

  position: relative;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .input_wrapper #careers_phone_input {

  padding-left: 152px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .input_wrapper .phone_dropdown {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 20px 0 20px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .input_wrapper .phone_dropdown .country_image {

  width: 28px;

  height: 28px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .input_wrapper .phone_dropdown .country_image img {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  margin: 0;

  -o-object-fit: cover;

     object-fit: cover;

  aspect-ratio: 3/2;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .input_wrapper .phone_dropdown .country_code {

  font-size: 19.2px;

  font-family: var(--medium);

  color: var(--white);

  margin: 0 20px 0 12px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .input_wrapper .phone_dropdown #careers_tel_select {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  width: 100%;

  height: 100%;

  cursor: pointer;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .input_wrapper .phone_dropdown #careers_tel_select option {

  font-size: 14px;

  font-family: var(--medium);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .select_wrapper_layer {

  height: 281px;

  width: 100%;

  position: absolute;

  top: 70px;

  left: 0;

  z-index: 3;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .select_wrapper_layer .triangle_arrow {

  transform: translate(49px, 7px);

  z-index: 3;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .select_wrapper_layer .select_wrapper {

  width: 100%;

  height: 100%;

  background: #fff;

  border-radius: 36px;

  transition: all 250ms ease-in-out;

  overflow: hidden;

  z-index: 4;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .select_wrapper_layer .select_wrapper .select_item_wrapper {

  overflow-y: auto;

  overflow-x: hidden;

  height: 100%;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .select_wrapper_layer .select_wrapper .select_item_wrapper .single_select_item {

  display: flex;

  align-items: center;

  padding-top: 16px;

  padding-bottom: 16px;

  padding-left: 25px;

  padding-right: 25px;

  cursor: pointer;

  transition: all 250ms ease-in-out;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .select_wrapper_layer .select_wrapper .select_item_wrapper .single_select_item:hover {

  background: #f0f0f0;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .select_wrapper_layer .select_wrapper .select_item_wrapper .single_select_item .country_image {

  width: 24px;

  height: 24px;

  border-radius: 50px;

  margin-right: 8px;

  background-position: center !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .select_wrapper_layer .select_wrapper .select_item_wrapper .single_select_item h5 {

  font-size: 19.2px;

  line-height: 24px;

  color: var(--black);

  font-family: var(--semiBold);

  margin-right: 8px;

  letter-spacing: 0.25px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer .select_wrapper_layer .select_wrapper .select_item_wrapper .single_select_item span {

  font-size: 19.2px;

  line-height: 24px;

  color: #BDBDBD;

  font-family: var(--semiBold);

  margin-right: 8px;

  letter-spacing: 0.25px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .file_input_layer_wrapper {

  width: 486px;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .file_input_layer_wrapper .file_input_layer {

  height: 72px;

  background: transparent;

  border-radius: 36px;

  border: 1px solid rgba(255, 255, 255, 0.3);

  box-shadow: none;

  display: flex;

  align-items: center;

  justify-content: space-between;

  position: relative;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .file_input_layer_wrapper .file_input_layer:focus {

  border: 1px solid var(--white);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .file_input_layer_wrapper .file_input_layer label {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  padding-left: 25px;

  padding-right: 25px;

  cursor: pointer;

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  font-family: var(--medium);

  color: rgba(255, 255, 255, 0.3);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .file_input_layer_wrapper .file_input_layer img {

  position: absolute;

  top: 50%;

  right: 25px;

  transform: translateY(-50%);

  pointer-events: none;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .file_input_layer_wrapper .file_input_layer:hover img {

  content: url("../assets/careers/file-icon-white.svg");

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form textarea {

  max-width: 100%;

  min-width: 100%;

  width: 100%;

  min-height: 196px;

  max-height: 196px;

  background: transparent;

  border-radius: 36px;

  border: 1px solid rgba(255, 255, 255, 0.3);

  box-shadow: none;

  padding-left: 25px;

  padding-right: 25px;

  padding-top: 25px;

  padding-bottom: 25px;

  outline: none;

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  font-family: var(--semiBold);

  color: rgb(255, 255, 255);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form textarea:focus {

  border: 1px solid var(--white);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form textarea::-moz-selection {

  background: #fff;

  color: var(--black);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form textarea::selection {

  background: #fff;

  color: var(--black);

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper .submit_button_area {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: flex-end;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper .submit_button_area .careers_submit_button {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  border: 0;

  position: relative;

  outline: none;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper .submit_button_area .careers_submit_button a {

  text-decoration: none;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper .submit_button_area .careers_submit_button .submit {

  min-height: 64px;

  background: transparent;

  outline: none;

  border: 0;

  border-radius: 48px;

  transition: all 250ms ease;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  overflow: hidden;

  position: relative;

  transition: all 350ms ease 0s;

  cursor: pointer;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper .submit_button_area .careers_submit_button .submit .before {

  transition: all 250ms ease 0s;

  width: 64px;

  height: 64px;

  border-radius: 50px;

  background: var(--white);

  margin-right: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  left: 0;

  color: #fff;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper .submit_button_area .careers_submit_button .submit span {

  transition: all 250ms ease 0s;

  font-size: 19.2px;

  line-height: 24px;

  font-family: var(--semiBold);

  letter-spacing: 0.25px;

  color: var(--white);

  position: relative;

  left: 0;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper .submit_button_area .careers_submit_button .submit .after {

  transition: all 250ms ease 0s;

  position: relative;

  left: 100%;

  position: relative;

  top: 0;

}

.careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper .submit_button_area .careers_submit_button .submit .after-1 {

  transition: all 250ms ease 0s;

  position: relative;

  left: 100%;

  position: relative;

  top: 0;

}

.careers_container .contact_hr_section {

  width: 100%;

  margin-top: 96px;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.careers_container .contact_hr_section span {

  font-size: 19.2px;

  line-height: 24px;

  text-align: center;

  letter-spacing: 0.25px;

  font-family: var(--medium);

  color: #AAAAAA;

  margin-bottom: 16px;

  overflow: hidden;

  will-change: transform;

}

.careers_container .contact_hr_section span div {

  overflow: hidden;

  transition-timing-function: ease-in-out;

  will-change: transform;

}

.careers_container .contact_hr_section h3 {

  font-size: 23.04px;

  line-height: 21.92px;

  color: var(--white);

  font-family: var(--semiBold);

  position: relative;

  will-change: transform;

}

.careers_container .contact_hr_section h3 div {

  overflow: hidden;

  transition-timing-function: ease-in-out;

  will-change: transform;

}

.careers_container .contact_hr_section h3::after {

  content: "";

  position: absolute;

  bottom: -12px;

  left: 0;

  width: 100%;

  height: 2px;

  background: var(--white);

  transition: all 350ms ease-in-out;

}

.careers_container .contact_hr_section h3:hover::after {

  width: 50%;

}



@media screen and (max-width: 989px) {

  .careers_container .form_success_message_wrapper .form_succes_message {

    padding-left: 64px;

    padding-right: 64px;

  }

  .careers_container .form_success_message_wrapper .form_succes_message .form_succes_inner_wrapper {

    height: 475px;

  }

  .careers_container .form_success_message_wrapper .form_succes_message .form_succes_inner_wrapper h2 {

    padding-left: 40px;

    padding-right: 40px;

    font-size: 33.184px;

    line-height: 41.47px;

  }

}

@media screen and (max-width: 909px) {

  .careers_container .form_success_message_wrapper .form_succes_message {

    padding-left: 40px;

    padding-right: 40px;

  }

  .careers_container .form_success_message_wrapper .form_succes_message .form_succes_inner_wrapper {

    height: 475px;

  }

  .careers_container .form_success_message_wrapper .form_succes_message .form_succes_inner_wrapper h2 {

    padding-left: 40px;

    padding-right: 40px;

    font-size: 33.184px;

    line-height: 41.47px;

  }

}

@media screen and (max-width: 755px) {

  .careers_container .form_success_message_wrapper .form_succes_message .form_succes_inner_wrapper {

    height: 406px;

  }

  .careers_container .form_success_message_wrapper .form_succes_message .form_succes_inner_wrapper h2 {

    font-size: 27.648px;

    line-height: 34.56px;

  }

}

@media screen and (max-width: 584px) {

  .careers_container .form_success_message_wrapper .form_succes_message {

    padding-left: 24px;

    padding-right: 24px;

  }

  .careers_container .form_success_message_wrapper .form_succes_message .form_succes_inner_wrapper {

    height: 346px;

  }

  .careers_container .form_success_message_wrapper .form_succes_message .form_succes_inner_wrapper h2 {

    padding-left: 24px;

    padding-right: 24px;

  }

}

@media screen and (max-width: 1440px) {

  #navbar_black_careers {

    padding-left: 96px;

    padding-right: 96px;

  }

  #navbar_black_careers .navbar_inner {

    width: 100%;

  }

}

@media screen and (max-width: 990px) {

  #navbar_black_careers {

    padding-left: 64px;

    padding-right: 64px;

  }

  #navbar_black_careers .navbar_inner .navbar_links {

    display: none;

  }

  #navbar_black_careers .navbar_inner .navbar_sidebar ul .burger_img {

    display: flex !important;

  }

}

@media screen and (max-width: 909px) {

  #navbar_black_careers {

    padding-left: 40px;

    padding-right: 40px;

  }

}

@media screen and (max-width: 755px) {

  #navbar_black_careers {

    padding-left: 40px;

    padding-right: 40px;

  }

}

@media screen and (max-width: 584px) {

  #navbar_black_careers {

    padding-left: 24px;

    padding-right: 24px;

  }

}

@media screen and (max-width: 1439px) {

  .careers_container .careers_header .header_inner {

    width: 100%;

    padding-left: 64px;

    padding-right: 64px;

  }

  .careers_container .careers_header .header_inner .header_title_text {

    display: none;

  }

  .careers_container .careers_header .header_inner .header_title_text_responsive {

    display: flex;

  }

  .careers_container .careers_header .header_title_image {

    padding-left: 64px;

    padding-right: 64px;

    width: 100%;

  }

}

@media screen and (max-width: 909px) {

  .careers_container .careers_header .header_inner {

    padding-left: 40px;

    padding-right: 40px;

  }

  .careers_container .careers_header .header_title_image {

    padding-left: 40px;

    padding-right: 40px;

    width: 100%;

    height: 406px;

  }

  .careers_container .careers_header .header_title_image .image {

    width: 100%;

  }

}

@media screen and (max-width: 755px) {

  .careers_container .careers_header .header_inner {

    padding-left: 24px;

    padding-right: 24px;

  }

  .careers_container .careers_header .header_inner .header_title_text_responsive {

    margin-bottom: 80px;

  }

  .careers_container .careers_header .header_inner .header_title_text_responsive .title_text_wrapper {

    height: 70px;

  }

  .careers_container .careers_header .header_inner .header_title_text_responsive .title_text_wrapper h2 {

    height: 68.808px;

    font-size: 68.808px;

    line-height: calc(80px - 3vh);

  }

  .careers_container .careers_header .header_title_image {

    padding-left: 0;

    padding-right: 0;

    height: 352px;

  }

}

@media screen and (max-width: 584px) {

  .careers_container .careers_header .header_inner .header_title_text_responsive {

    margin-bottom: 72px;

  }

  .careers_container .careers_header .header_inner .header_title_text_responsive .title_text_wrapper {

    height: 60px;

  }

  .careers_container .careers_header .header_inner .header_title_text_responsive .title_text_wrapper h2 {

    height: 57.336px;

    font-size: 57.336px;

    line-height: calc(67px - 3vh);

  }

  .careers_container .careers_header .header_title_image {

    height: 226px;

  }

}

@media screen and (max-width: 1439px) {

  .careers_container .careers_section {

    width: 100%;

    padding-left: 96px;

    padding-right: 96px;

  }

  .careers_container .careers_section .careers_top_section h2 {

    width: 436px;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section {

    padding: 0 122px;

    width: 100%;

    flex-direction: column;

    align-items: center;

    margin-bottom: 56px;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .submit_button_area {

    width: 100%;

    padding-right: 122px;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper {

    padding-left: 0;

    padding-right: 0;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper {

    flex-direction: column;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer:nth-child(2) {

    margin-top: 24px;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer {

    width: 100%;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .file_input_layer_wrapper {

    width: 100%;

    margin-top: 24px;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .accordion_form_wrapper form .multi_input_wrapper .input_layer:first-child {

    margin-right: 0;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .form_succes_message h2 {

    width: 502px;

  }

  .careers_container .contact_hr_section span {

    font-size: 16px;

    line-height: 20px;

  }

}

@media screen and (min-width: 1200px) {

  #careers_submit_button:hover {

    transition: all 250ms ease 0s;

  }

  #careers_submit_button:hover .before {

    left: -100%;

  }

  #careers_submit_button:hover span {

    left: -25%;

  }

  #careers_submit_button:hover .after {

    display: flex;

    width: 16px;

    height: 24px;

    justify-content: center;

    align-items: center;

    left: -25px;

  }

  #careers_submit_button:hover .after-1 {

    display: flex;

    width: 16px;

    height: 24px;

    justify-content: center;

    align-items: center;

    left: -35px;

  }

}

@media screen and (max-width: 1200px) {

  #careers_submit_button:focus {

    transition: all 250ms ease 0s;

  }

  #careers_submit_button:focus .before {

    left: -100%;

  }

  #careers_submit_button:focus span {

    left: -25%;

  }

  #careers_submit_button:focus .after-1 {

    left: -35px;

  }

  #careers_submit_button:focus .after {

    left: -25px;

  }

}

@media screen and (max-width: 989px) {

  .careers_container .careers_section {

    padding-left: 64px;

    padding-right: 64px;

  }

  .careers_container .careers_section .careers_top_section h2 {

    width: 453px;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section {

    padding: 0;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .job_description {

    min-width: 100%;

    width: 100%;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .duties_skills_wrapper {

    flex-direction: column;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .duties_skills_wrapper .duties {

    min-width: 100%;

    width: 100%;

    margin-bottom: 40px;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .info_section .duties_skills_wrapper .skills {

    min-width: 100%;

    width: 100%;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_body .submit_button_area {

    width: 100%;

    padding-right: 0;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .form_succes_message h2 {

    width: 436px;

    font-size: 33.175px;

    line-height: 31.58px;

  }

}

@media screen and (max-width: 909px) {

  .careers_container .careers_section {

    padding-left: 40px;

    padding-right: 40px;

  }

  .careers_container .careers_section .careers_top_section h2 {

    width: 453px;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .form_succes_message h2 {

    width: 436px;

    font-size: 33.175px;

    line-height: 31.58px;

  }

}

@media screen and (max-width: 755px) {

  .careers_container .careers_section {

    padding-left: 40px;

    padding-right: 40px;

  }

  .careers_container .careers_section .careers_top_section {

    flex-direction: column;

  }

  .careers_container .careers_section .careers_top_section h2 {

    width: 505px;

    margin-top: 32px;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_header {

    padding-left: 32px;

    padding-right: 32px;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .form_succes_message h2 {

    width: 361px;

    font-size: 27.6417px;

    line-height: 26.33px;

  }

}

@media screen and (max-width: 584px) {

  .careers_container .careers_section {

    padding-left: 24px;

    padding-right: 24px;

  }

  .careers_container .careers_section .careers_top_section h2 {

    width: 100%;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .single_accordion_header {

    padding-left: 0;

    padding-right: 0;

  }

  .careers_container .careers_section .careers_accordion_section .single_accordion_wrapper .form_succes_message h2 {

    width: 263px;

  }

}

.accordion_opening_animation {

  animation: accordionOpeningAnimaton 500ms ease-in-out forwards;

}



@keyframes accordionOpeningAnimaton {

  from {

    height: 0;

    margin-top: 0;

    opacity: 0;

    overflow: 0;

  }

  to {

    height: auto;

    margin-top: 72px;

    opacity: 1;

    overflow: 1;

  }

}

.accordion_closing_animation {

  animation: accordionClosingAnimaton 500ms ease-in-out forwards;

}



@keyframes accordionClosingAnimaton {

  from {

    height: auto;

    margin-top: 72px;

    opacity: 1;

    overflow: 0;

  }

  to {

    height: 0;

    margin-bottom: 0;

    margin-top: 0;

    opacity: 0;

    overflow: 1;

  }

}

.accordion_form_opening_animation {

  animation: accordionFormOpeningAnimation 500ms ease-in-out forwards;

}



@keyframes accordionFormOpeningAnimation {

  from {

    height: 0;

    margin-top: 0;

    opacity: 0;

  }

  to {

    height: auto;

    margin-top: 72px;

    opacity: 1;

  }

}

.accordion_form_closing_animation {

  animation: accordionFormClosingAnimation 500ms ease-in-out forwards;

}



@keyframes accordionFormClosingAnimation {

  from {

    height: auto;

    margin-top: 72px;

    opacity: 1;

  }

  to {

    height: 0;

    margin-top: 0;

    opacity: 0;

  }

}

@media screen and (max-width: 1439px) {

  @keyframes accordionOpeningAnimaton {

    from {

      height: 0;

      margin-top: 0;

      opacity: 0;

      overflow: 0;

    }

    to {

      height: auto;

      margin-top: 72px;

      opacity: 1;

      overflow: 1;

    }

  }

  @keyframes accordionFormOpeningAnimation {

    from {

      height: 0;

      margin-top: 0;

      opacity: 0;

    }

    to {

      height: auto;

      margin-top: 72px;

      opacity: 1;

    }

  }

}

@media screen and (max-width: 909px) {

  @keyframes accordionOpeningAnimaton {

    from {

      height: 0;

      margin-top: 0;

      opacity: 0;

      overflow: 0;

    }

    to {

      height: auto;

      margin-top: 72px;

      opacity: 1;

      overflow: 1;

    }

  }

}

@media screen and (max-width: 755px) {

  @keyframes accordionOpeningAnimaton {

    from {

      height: 0;

      margin-top: 0;

      opacity: 0;

      overflow: 0;

    }

    to {

      height: auto;

      margin-top: 72px;

      opacity: 1;

      overflow: 1;

    }

  }

}

@media screen and (max-width: 584px) {

  @keyframes accordionFormOpeningAnimation {

    from {

      height: 0;

      margin-top: 0;

      opacity: 0;

    }

    to {

      height: auto;

      margin-top: 72px;

      opacity: 1;

    }

  }

}

#navbar_black_contact {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 83px;

  display: flex;

  justify-content: center;

  background: transparent !important;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  z-index: 10;

  pointer-events: none;

  mix-blend-mode: difference;

}

#navbar_black_contact .navbar_inner {

  width: 1248px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  transition: all 0.5s ease-in-out;

}

#navbar_black_contact .navbar_inner .logo {

  cursor: pointer;

  pointer-events: fill;

}

#navbar_black_contact .navbar_inner .navbar_links {

  margin-bottom: 7.5px;

  transition: all 0.5s ease-in-out;

  pointer-events: fill;

}

#navbar_black_contact .navbar_inner .navbar_links ul {

  display: flex;

  align-items: center;

}

#navbar_black_contact .navbar_inner .navbar_links ul a {

  text-decoration: none;

  margin-right: 40px;

}

#navbar_black_contact .navbar_inner .navbar_links ul a:last-child {

  margin-right: 0;

}

#navbar_black_contact .navbar_inner .navbar_links ul a li {

  list-style: none;

  font-family: var(--semiBold);

  color: var(--white);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  transition: all 250ms ease;

  position: relative;

}

#navbar_black_contact .navbar_inner .navbar_links ul a li:hover {

  color: var(--white);

}

#navbar_black_contact .navbar_inner .navbar_links ul .active li {

  color: var(--white);

}

#navbar_black_contact .navbar_inner .navbar_links ul .active li .dot {

  display: block;

}

#navbar_black_contact .navbar_inner .navbar_sidebar {

  margin-bottom: 6.5px;

  pointer-events: fill;

}

#navbar_black_contact .navbar_inner .navbar_sidebar ul {

  display: flex;

  align-items: center;

}

#navbar_black_contact .navbar_inner .navbar_sidebar ul li {

  list-style: none;

  color: var(--white);

  font-family: var(--semiBold);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  position: relative;

  cursor: pointer;

}

#navbar_black_contact .navbar_inner .navbar_sidebar ul li::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: var(--white);

  transition: all 250ms ease;

}

#navbar_black_contact .navbar_inner .navbar_sidebar ul li:hover::after {

  width: 50%;

}

#navbar_black_contact .navbar_inner .navbar_sidebar ul .burger_img {

  transform: translateY(1px);

  width: 30px;

  height: 30px;

  display: none;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-left: 32px;

  cursor: pointer;

}

#navbar_black_contact .navbar_inner .navbar_sidebar ul .burger_img .burger_line {

  width: 30px;

  height: 2px;

  background: var(--white);

  transition: all 200ms linear;

}

#navbar_black_contact .navbar_inner .navbar_sidebar ul .burger_img .burger_line:first-child {

  margin-bottom: 6px;

}

#navbar_black_contact .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_1 {

  margin-right: 10px;

}

#navbar_black_contact .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_2 {

  margin-left: 10px;

}



.success_modal_open {

  animation: successModalAnim 1s ease forwards;

}



@keyframes successModalAnim {

  from {

    top: 100%;

  }

  to {

    top: 0 !important;

  }

}

.contact_container {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  background: #FAF2F2;

  padding-top: 83px;

  text-transform: lowercase;

  position: relative;

}

.contact_container .success_modal_wrapper {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 999999;

  pointer-events: none;

}

.contact_container .success_modal_wrapper .success_modal {

  position: absolute;

  top: 100vh;

  left: 0;

  width: 100%;

  height: 100vh;

  background: #FAF2F2;

  z-index: 999999;

  pointer-events: all;

}

.contact_container .success_modal_wrapper .success_modal .bg_image {

  background: url("../assets/contact/background-onveiv-logo.png");

  width: 614px;

  height: calc(100% - 75px);

  position: absolute;

  top: 75px;

  right: 0;

  background-repeat: no-repeat;

  z-index: 0;

}

.contact_container .success_modal_wrapper .success_modal .navbar_layer {

  width: 100%;

  margin-bottom: 96px !important;

}

.contact_container .success_modal_wrapper .success_modal .navbar {

  width: 100%;

  height: 75px;

  display: flex;

  align-items: flex-end;

  justify-content: flex-start;

  position: relative;

  padding: 0;

}

.contact_container .success_modal_wrapper .success_modal .navbar .logo {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  display: flex;

  justify-content: center;

  align-items: flex-end;

}

.contact_container .success_modal_wrapper .success_modal .text_area {

  max-width: 100%;

  width: 1248px;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  display: flex;

  flex-direction: column;

  align-items: center;

  /* HEADER Button */

}

.contact_container .success_modal_wrapper .success_modal .text_area h2 {

  font-size: 68.81px;

  color: var(--black);

  line-height: 71.81px;

  text-align: center;

  margin-bottom: 96px;

  font-family: var(--bold);

}

.contact_container .success_modal_wrapper .success_modal .text_area .homepage_button_wrapper a {

  width: 150px;

  height: 150px;

  border-radius: 50%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  border: 0.5px solid #BDBDBD;

  background: transparent;

  transition: all 350ms ease;

  outline: none;

  overflow: hidden;

  text-decoration: none;

  position: relative;

  z-index: 2;

  cursor: pointer;

}

.contact_container .success_modal_wrapper .success_modal .text_area .homepage_button_wrapper a #homepage_button_circle {

  background-color: var(--black);

  border-radius: 50%;

  color: #000;

  height: 0;

  position: absolute;

  transform: translate(-50%, -50%);

  transition: height 0.35s, width 0.35s;

  width: 0;

  z-index: 0;

}

.contact_container .success_modal_wrapper .success_modal .text_area .homepage_button_wrapper a .homepage_button_inner_content {

  width: 87px !important;

  height: 57px !important;

  display: flex;

  flex-direction: column;

  align-items: center;

  z-index: 2;

}

.contact_container .success_modal_wrapper .success_modal .text_area .homepage_button_wrapper a .homepage_button_inner_content span {

  color: var(--black);

  font-size: 14px;

  font-family: var(--semiBold);

  margin-top: 12px;

  transition: all 250ms ease;

}

.contact_container .success_modal_wrapper .success_modal .footer_area {

  width: 100%;

  position: absolute;

  bottom: 0;

  left: 0;

}

.contact_container .success_modal_wrapper .success_modal .footer_area .all_rights {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  padding-top: 24px;

  padding-bottom: 24px;

}

.contact_container .success_modal_wrapper .success_modal .footer_area .all_rights span {

  text-align: center;

  color: #BDBDBD;

  font-size: 14px;

  font-family: "Visby CF Medium";

}

.contact_container .contact_section_form_wrapper {

  width: 100%;

  padding-top: 100px;

  padding-left: 96px;

  padding-right: 64px;

  margin-bottom: 144px;

  display: flex;

  justify-content: center;

  z-index: 9;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner {

  width: 1279.56px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section {

  width: 740px;

  margin-right: 38.38px;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .title_text_wrapper_1 .title_text,

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .title_text_wrapper_2 .title_text {

  color: var(--black);

  font-family: var(--bold);

  overflow: hidden;

  word-break: keep-all;

  font-size: 57.336px;

  line-height: 71.68px;

  transition: all 1.5s ease-in-out;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .title_text_wrapper_1 {

  display: flex;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .title_text_wrapper_2 {

  display: none;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner {

  width: 559px;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner .contact_form_error_text {

  width: 100%;

  display: none;

  margin-top: 12px;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner .contact_form_error_text span {

  font-size: 16px;

  line-height: 20px;

  color: #C70000;

  letter-spacing: 0.25px;

  font-family: var(--medium);

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form {

  margin-top: 32px;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .single_input_wrapper {

  width: 100%;

  height: 72px;

  margin-bottom: 12px;

  position: relative;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .single_input_wrapper ::-moz-placeholder {

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  color: #BDBDBD;

  font-family: var(--medium);

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .single_input_wrapper ::placeholder {

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  color: #BDBDBD;

  font-family: var(--medium);

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .single_input_wrapper input {

  width: 100%;

  height: 100%;

  padding: 19px 25px 21px;

  border: 1px solid #BDBDBD;

  border-radius: 36px;

  background: transparent;

  outline: none;

  font-size: 19.2px;

  font-family: var(--medium);

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .single_input_wrapper input:focus {

  border: 1px solid var(--black);

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .single_input_wrapper .phone-input-dropdown {

  position: absolute;

  top: 0;

  left: 0;

  padding: 0 20px 0 25px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .single_input_wrapper .phone-input-dropdown:hover {

  cursor: pointer;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .single_input_wrapper .phone_dropdown {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 20px 0 20px;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .single_input_wrapper .phone_dropdown .country_image {

  width: 28px;

  height: 28px;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .single_input_wrapper .phone_dropdown .country_image img {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  margin: 0;

  -o-object-fit: cover;

     object-fit: cover;

  aspect-ratio: 3/2;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .single_input_wrapper .phone_dropdown img {

  margin: 0 20px 0 12px;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .single_input_wrapper .phone_dropdown .country_code {

  font-size: 19.2px;

  font-family: var(--medium);

  color: var(--black);

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .single_input_wrapper .phone_dropdown #contact_tel_select {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  width: 100%;

  height: 100%;

  cursor: pointer;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .single_input_wrapper .phone_dropdown #contact_tel_select option {

  font-size: 14px;

  font-family: var(--medium);

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .phone_input {

  margin-bottom: 24px;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .category_section .contact_category_error_text {

  width: 100%;

  margin-bottom: 20px;

  display: none;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .category_section .contact_category_error_text span {

  font-size: 16px;

  line-height: 20px;

  color: #C70000;

  letter-spacing: 0.25px;

  font-family: var(--medium);

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .category_section .category_section_inner_layer {

  width: 100%;

  display: flex;

  align-items: center;

  margin-bottom: 12px;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .category_section .category_section_inner_layer:last-child {

  margin-bottom: 0;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .category_section .category_section_inner_layer .single_category_item {

  padding-left: 40px;

  padding-right: 40px;

  padding-top: 24px;

  padding-bottom: 24px;

  background: #FEFBFB;

  border-radius: 77px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: all 350ms ease;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .category_section .category_section_inner_layer .single_category_item:first-child {

  margin-right: 16px;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .category_section .category_section_inner_layer .single_category_item:active {

  transform: scale(0.95);

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .category_section .category_section_inner_layer .single_category_item h3 {

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  color: var(--black);

  font-family: var(--semiBold);

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner .submit_button_area {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: flex-end;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner .submit_button_area .contact_submit_button {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  border: 0;

  background: transparent;

  position: relative;

  outline: none;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner .submit_button_area .contact_submit_button a {

  text-decoration: none;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner .submit_button_area .contact_submit_button .submit {

  min-height: 64px;

  background: transparent;

  outline: none;

  border: 0;

  border-radius: 48px;

  transition: all 250ms ease;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  overflow: hidden;

  position: relative;

  transition: all 350ms ease 0s;

  cursor: pointer;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner .submit_button_area .contact_submit_button .submit .before {

  transition: all 250ms ease 0s;

  width: 64px;

  height: 64px;

  border-radius: 50px;

  background: var(--black);

  margin-right: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  left: 0;

  color: #fff;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner .submit_button_area .contact_submit_button .submit span {

  transition: all 250ms ease 0s;

  font-size: 19.2px;

  line-height: 24px;

  font-family: var(--semiBold);

  letter-spacing: 0.25px;

  color: var(--black);

  position: relative;

  left: 0;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner .submit_button_area .contact_submit_button .submit .after {

  transition: all 250ms ease 0s;

  position: relative;

  left: 100%;

  position: relative;

  top: 0;

  display: flex;

  align-items: center;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner .submit_button_area .contact_submit_button .submit .after img {

  display: block;

  align-items: center;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner .submit_button_area .contact_submit_button .submit:active {

  background: #fff;

  color: #000;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .image_section {

  width: 503.18px;

}

.contact_container .contact_section_form_wrapper .form_wrapper_inner .image_section img {

  width: 100%;

  height: 100%;

}



@media screen and (max-width: 1440px) {

  #navbar_black_contact {

    padding-left: 96px;

    padding-right: 96px;

  }

  #navbar_black_contact .navbar_inner {

    width: 100%;

  }

}

@media screen and (max-width: 989px) {

  #navbar_black_contact {

    padding-left: 64px;

    padding-right: 64px;

  }

  #navbar_black_contact .navbar_inner .navbar_links {

    display: none;

  }

  #navbar_black_contact .navbar_inner .navbar_sidebar ul .burger_img {

    display: flex !important;

  }

}

@media screen and (max-width: 767px) {

  #navbar_black_contact {

    padding-left: 40px;

    padding-right: 40px;

  }

}

@media screen and (max-width: 550px) {

  #navbar_black_contact {

    padding-left: 24px;

    padding-right: 24px;

  }

}

@media screen and (max-width: 1440px) {

  .contact_container .contact_section_form_wrapper {

    justify-content: flex-start;

    padding-left: 96px;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner {

    position: relative;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .image_section {

    position: absolute;

    left: calc(50% - 138.5px + 290.5px);

    top: 50%;

    transform: translateY(-50%);

  }

}

@media screen and (max-width: 989px) {

  .contact_container .success_modal .text_area {

    padding-left: 96px;

    padding-right: 96px;

    width: 100%;

  }

  .contact_container .contact_section_header_wrapper {

    padding-left: 64px;

    padding-right: 64px;

  }

  .contact_container .contact_section_header_wrapper .header_wrapper_inner {

    width: 100%;

  }

  .contact_container .contact_section_form_wrapper {

    padding-left: 64px;

    padding-right: 0;

    padding-top: 114px;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner {

    width: 100%;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section {

    width: 432px;

    margin-right: 77px;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .title_text_wrapper_1 .title_text,

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .title_text_wrapper_2 .title_text {

    font-size: 57.336px;

    line-height: 52.13px;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .title_text_wrapper_1 {

    display: none;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .title_text_wrapper_2 {

    display: flex;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner {

    width: 399px;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .category_section .category_section_inner_layer .single_category_item {

    padding-left: 24px;

    padding-right: 24px;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .category_section .category_section_inner_layer .single_category_item h3 {

    font-size: 16px;

    line-height: 20px;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner .submit_button_area {

    margin-top: 32px;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .image_section {

    width: 384px;

    height: 240px;

  }

}

@media screen and (min-width: 1200px) {

  #contact_submit_button:hover {

    transition: all 250ms ease 0s;

  }

  #contact_submit_button:hover .before {

    left: -100%;

  }

  #contact_submit_button:hover span {

    left: -25%;

  }

  #contact_submit_button:hover .after {

    left: -30px;

    height: 24px;

  }

  #contact_submit_button:hover .after img {

    display: block;

    align-items: center;

  }

  .single_category_item:hover {

    background: var(--black) !important;

  }

  .single_category_item:hover h3 {

    color: var(--white) !important;

  }

  .homepage_button_wrapper a:hover {

    transform: scale(1.2);

  }

  .homepage_button_wrapper a:hover #homepage_button_circle {

    height: 350px !important;

    width: 350px !important;

  }

  .homepage_button_wrapper a:hover .homepage_button_inner_content svg path {

    fill: var(--white) !important;

    transition: all 250ms ease;

  }

  .homepage_button_wrapper a:hover .homepage_button_inner_content span {

    color: var(--white) !important;

  }

}

@media screen and (max-width: 1200px) {

  #contact_submit_button:focus {

    transition: all 250ms ease 0s;

  }

  #contact_submit_button:focus .before {

    left: -100%;

  }

  #contact_submit_button:focus span {

    left: -25%;

  }

  #contact_submit_button:focus .after {

    left: -30px;

  }

}

@media screen and (max-width: 767px) {

  .contact_container .success_modal .text_area {

    padding-left: 64px;

    padding-right: 64px;

  }

  .contact_container .success_modal .text_area h2 {

    font-size: 57.34px;

    line-height: 53.37px;

    margin-bottom: 90px;

  }

  .contact_container .success_modal .text_area .success_modal .navbar_layer {

    margin-bottom: 90px;

  }

  .contact_container .success_modal .bg_image {

    right: -100px;

  }

  .contact_container .contact_section_header_wrapper {

    padding-left: 40px;

    padding-right: 40px;

  }

  .contact_container .contact_section_form_wrapper {

    padding-left: 40px;

    padding-right: 40px;

    padding-top: 75px;

    margin-bottom: 120px;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner {

    flex-direction: column;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section {

    width: 100%;

    margin-right: 0;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .title_text_wrapper_1 .title_text,

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .title_text_wrapper_2 .title_text {

    font-size: 47.776px;

    line-height: 43.4px;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .title_text_wrapper_2 {

    display: none;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .title_text_wrapper_1 {

    display: flex;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner {

    width: 100%;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .image_section {

    display: none;

  }

}

@media screen and (max-width: 550px) {

  .contact_container .success_modal .text_area {

    padding-left: 40px;

    padding-right: 40px;

  }

  .contact_container .success_modal .text_area h2 {

    font-size: 47.78px;

    line-height: 47.78px;

    margin-bottom: 75px;

  }

  .contact_container .success_modal .text_area .success_modal .navbar_layer {

    margin-bottom: 75px;

  }

  .contact_container .success_modal .bg_image {

    right: -150px;

  }

  .contact_container .contact_section_header_wrapper {

    padding-left: 24px;

    padding-right: 24px;

  }

  .contact_container .contact_section_form_wrapper {

    padding-left: 24px;

    padding-right: 24px;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section {

    margin-bottom: 96px;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .title_text_wrapper_1 .title_text,

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .title_text_wrapper_2 .title_text {

    font-size: 33.184px;

    line-height: 31.6px;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .category_section .category_section_inner_layer .single_category_item h3 {

    font-size: 14px;

    line-height: 17.5px;

  }

  .contact_container .contact_section_form_wrapper .form_wrapper_inner .form_section .form_section_inner form .category_section .category_section_inner_layer .single_category_item:first-child {

    margin-right: 8px;

  }

}

@media screen and (max-width: 549px) {

  .contact_container .success_modal .text_area {

    padding-left: 24px;

    padding-right: 24px;

  }

  .contact_container .success_modal .text_area h2 {

    font-size: 39px;

    line-height: 39px;

  }

  .contact_container .success_modal .bg_image {

    right: -250px;

  }

}

@media screen and (max-width: 989px) {

  .contact_container .success_modal_wrapper .success_modal .text_area {

    padding-left: 96px;

    padding-right: 96px;

    width: 100%;

  }

}

@media screen and (max-width: 767px) {

  .contact_container .success_modal_wrapper .success_modal .text_area {

    padding-left: 64px;

    padding-right: 64px;

  }

  .contact_container .success_modal_wrapper .success_modal .text_area h2 {

    font-size: 57.34px;

    line-height: 53.37px;

    margin-bottom: 90px;

  }

  .contact_container .success_modal_wrapper .success_modal .text_area .success_modal .navbar_layer {

    margin-bottom: 90px;

  }

  .contact_container .success_modal_wrapper .success_modal .bg_image {

    right: -100px;

  }

}

@media screen and (max-width: 550px) {

  .contact_container .success_modal_wrapper .success_modal .text_area {

    padding-left: 40px;

    padding-right: 40px;

  }

  .contact_container .success_modal_wrapper .success_modal .text_area h2 {

    font-size: 47.78px;

    line-height: 47.78px;

    margin-bottom: 75px;

  }

  .contact_container .success_modal_wrapper .success_modal .text_area .success_modal .navbar_layer {

    margin-bottom: 75px;

  }

  .contact_container .success_modal_wrapper .success_modal .bg_image {

    right: -150px;

  }

}

@media screen and (max-width: 549px) {

  .contact_container .success_modal_wrapper .success_modal .text_area {

    padding-left: 24px;

    padding-right: 24px;

  }

  .contact_container .success_modal_wrapper .success_modal .text_area h2 {

    font-size: 39px;

    line-height: 39px;

  }

  .contact_container .success_modal_wrapper .success_modal .bg_image {

    right: -250px;

  }

}

#navbar_black_monkigo {

  position: fixed;

  top: 0;

  left: 0;

  transform: translate3d(0, 0, 0);

  width: 100%;

  height: 83px;

  display: flex;

  justify-content: center;

  background: transparent !important;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  z-index: 10;

  pointer-events: none;

  mix-blend-mode: difference;

}

#navbar_black_monkigo .navbar_inner {

  width: 1248px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  transition: all 0.5s ease-in-out;

}

#navbar_black_monkigo .navbar_inner .logo {

  cursor: pointer;

  pointer-events: fill;

}

#navbar_black_monkigo .navbar_inner .navbar_links {

  margin-bottom: 7.5px;

  transition: all 0.5s ease-in-out;

  pointer-events: fill;

}

#navbar_black_monkigo .navbar_inner .navbar_links ul {

  display: flex;

  align-items: center;

}

#navbar_black_monkigo .navbar_inner .navbar_links ul a {

  text-decoration: none;

  margin-right: 40px;

}

#navbar_black_monkigo .navbar_inner .navbar_links ul a:last-child {

  margin-right: 0;

}

#navbar_black_monkigo .navbar_inner .navbar_links ul a li {

  list-style: none;

  font-family: var(--semiBold);

  color: var(--white);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.5px;

  transition: all 250ms ease;

  position: relative;

}

#navbar_black_monkigo .navbar_inner .navbar_links ul a li:hover {

  color: var(--white);

}

#navbar_black_monkigo .navbar_inner .navbar_links ul .active li {

  color: var(--white);

}

#navbar_black_monkigo .navbar_inner .navbar_links ul .active li .dot {

  display: block;

}

#navbar_black_monkigo .navbar_inner .navbar_sidebar {

  margin-bottom: 6.5px;

  pointer-events: fill;

}

#navbar_black_monkigo .navbar_inner .navbar_sidebar ul {

  display: flex;

  align-items: center;

}

#navbar_black_monkigo .navbar_inner .navbar_sidebar ul li {

  list-style: none;

  color: var(--white);

  font-family: var(--semiBold);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  position: relative;

  cursor: pointer;

}

#navbar_black_monkigo .navbar_inner .navbar_sidebar ul li::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: var(--white);

  transition: all 250ms ease;

}

#navbar_black_monkigo .navbar_inner .navbar_sidebar ul li:hover::after {

  width: 50%;

}

#navbar_black_monkigo .navbar_inner .navbar_sidebar ul .burger_img {

  transform: translateY(1px);

  width: 30px;

  height: 30px;

  display: none;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-left: 32px;

  cursor: pointer;

}

#navbar_black_monkigo .navbar_inner .navbar_sidebar ul .burger_img .burger_line {

  width: 30px;

  height: 2px;

  background: var(--white);

  transition: all 200ms linear;

}

#navbar_black_monkigo .navbar_inner .navbar_sidebar ul .burger_img .burger_line:first-child {

  margin-bottom: 6px;

}

#navbar_black_monkigo .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_1 {

  margin-right: 10px;

}

#navbar_black_monkigo .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_2 {

  margin-left: 10px;

}



.monkigo_project_container {

  background: #FAF2F2;

}

.monkigo_project_container h2 div,

.monkigo_project_container span div,

.monkigo_project_container p div {

  word-break: keep-all;

}

.monkigo_project_container h2,

.monkigo_project_container span,

.monkigo_project_container p {

  word-break: keep-all;

  display: block;

}

.monkigo_project_container .banner_wrapper {

  width: 100%;

  height: auto;

  overflow: hidden;

}

.monkigo_project_container .banner_wrapper .banner_wrapper_inner {

  width: 100%;

  height: 100%;

}

.monkigo_project_container .banner_wrapper .banner_wrapper_inner .banner_monkigo {

  width: 100%;

  height: 100%;

}

.monkigo_project_container .banner_wrapper .banner_wrapper_inner video {

  width: 100%;

  height: 100%;

  display: none;

}

.monkigo_project_container .single_project_body_wrapper {

  width: 100%;

  padding: 96px 0 200px;

}

.monkigo_project_container .single_project_body_wrapper .centered_wrapper {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.monkigo_project_container .single_project_body_wrapper .centered_wrapper .centered_wrapper_inner {

  width: 1248px;

}

.monkigo_project_container .single_project_body_wrapper .f-bold-c-black {

  font-family: var(--semiBold);

  color: var(--black);

}

.monkigo_project_container .single_project_body_wrapper .f-bold-c-blue {

  font-family: var(--bold);

  /*color: #2F61FF;*/

  color: #9bcea4;

}

.monkigo_project_container .single_project_body_wrapper .f-medium-c-gray {

  color: #636363;

  font-family: var(--medium);

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_1 {

  margin-bottom: 152px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_1 .header_title {

  margin-bottom: 152px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_1 .header_title h2 {

  font-size: 47.78px;

  line-height: 1.2;

  margin-bottom: 12px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_1 .header_title span {

  font-size: 16px;

  line-height: 1;

  letter-spacing: 0.25px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_1 .header_title .p-wrapper {

  margin-top: 96px;

  padding-top: 48px;

  border-top: 0.5px solid #BDBDBD;

  overflow: hidden;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_1 .header_title .p-wrapper p {

  max-width: 928px;

  width: 100%;

  font-size: 23.04px;

  line-height: 1.2;

  font-family: var(--semiBold);

  color: #131313;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area {

  width: 100%;

  height: auto;

  display: flex;

  align-items: flex-end;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .image-wrapper {

  width: 100%;

  display: flex;

  align-items: flex-end;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .image-wrapper img {

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .image-wrapper-responsive {

  display: none;

  align-items: flex-end;

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .image-wrapper-responsive img {

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 {

  margin-bottom: 152px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .header_title {

  width: 100%;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  margin-bottom: 152px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .header_title span {

  font-size: 23.04px;

  line-height: 1;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .header_title p {

  width: 70%;

  font-size: 23.04px;

  line-height: 1.2;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-area {

  width: 100%;

  margin-bottom: 152px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-area img {

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .overview-text {

  margin-bottom: 152px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .overview-text p {

  font-size: 23.04px;

  line-height: 1.2;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper {

  width: 100%;

  margin-bottom: 152px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner {

  width: 969.72px;

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: flex-end;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner .title {

  width: 490.09px;

  padding-bottom: 10px;

  margin-bottom: 20px;

  border-bottom: 0.5px solid #BDBDBD;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner .title span {

  font-size: 14px;

  line-height: 1;

  color: #BDBDBD;

  font-family: var(--semiBold);

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper {

  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .title {

  display: none;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .single-image-wrapper {

  width: 303.63px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .single-image-wrapper img {

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .single-image-wrapper video {

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper {

  width: 490.09px;

  height: 284px;

  display: flex;

  justify-content: space-between;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column {

  width: 122.48px;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: center;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(1) img:nth-child(1) {

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(1) img:nth-child(2) {

  width: 82.2px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(2) img:nth-child(1) {

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(2) img:nth-child(2) {

  width: 72.92px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(3) img:nth-child(1) {

  width: 111.84px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(3) img:nth-child(2) {

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .branding-area {

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .image-wrapper {

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .image-wrapper:first-child {

  width: 100%;

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 32px;

  margin-bottom: 32px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .image-wrapper:first-child video {

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .image-wrapper img,

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .image-wrapper video {

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .branding-image-1-responsive,

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .branding-image-2-responsive,

.monkigo_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .branding-image-3-responsive {

  display: none;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .header_title {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 152px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .header_title .header_title_inner {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .header_title .header_title_inner span {

  font-size: 23.04px;

  line-height: 1;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .header_title .header_title_inner p {

  width: 70%;

  font-size: 23.04px;

  line-height: 1.2;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .marquee-wrapper {

  position: relative;

  height: 550px;

  margin-bottom: 32px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .marquee-wrapper .marquee {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  height: 100%;

  overflow: hidden;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .marquee-wrapper .marquee .marquee_inner {

  width: -moz-fit-content;

  width: fit-content;

  display: flex;

  align-items: center;

  height: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .marquee-wrapper .marquee .marquee_inner img {

  width: 438px;

  height: 100%;

  margin-right: 32px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper {

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-1,

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-2,

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-3 {

  display: flex;

  align-items: flex-start;

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-1 {

  margin-bottom: 32px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-1 img {

  width: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .gallery-img-1-responsive,

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .gallery-img-2-responsive,

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .gallery-img-3-responsive,

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .gallery-img-4-responsive,

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .gallery-img-5-responsive {

  display: none;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-2 {

  display: grid;

  grid-template-columns: 1.5fr 3fr;

  gap: 32px;

  margin-bottom: 32px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-2 img {

  width: 100%;

  height: 100%;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-2 .galery-image-2 {

  display: none;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-3 {

  display: grid;

  grid-template-columns: 3fr 1.5fr;

  gap: 32px;

}

.monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-3 img {

  width: 100%;

  height: 100%;

}



@media screen and (max-width: 1440px) {

  #navbar_black_monkigo {

    padding-left: 96px;

    padding-right: 96px;

  }

  #navbar_black_monkigo .navbar_inner {

    width: 100%;

  }

}

@media screen and (max-width: 1023px) {

  #navbar_black_monkigo {

    padding-left: 64px;

    padding-right: 64px;

  }

  #navbar_black_monkigo .navbar_inner .navbar_links {

    display: none;

  }

  #navbar_black_monkigo .navbar_inner .navbar_sidebar ul .burger_img {

    display: flex !important;

  }

}

@media screen and (max-width: 768px) {

  #navbar_black_monkigo {

    padding-left: 40px;

    padding-right: 40px;

  }

}

@media screen and (max-width: 479px) {

  #navbar_black_monkigo {

    padding-left: 24px;

    padding-right: 24px;

  }

}

@media screen and (max-width: 1441px) {

  .centered_wrapper {

    padding: 0 96px !important;

  }

  .centered_wrapper .centered_wrapper_inner {

    width: 100% !important;

  }

  .situation_images_wrapper {

    padding: 0 !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner {

    width: 969.72px !important;

  }

}

@media screen and (max-width: 1162px) {

  .situation_images_wrapper .situation_images_wrapper-inner {

    width: 100% !important;

  }

}

@media screen and (max-width: 1024px) {

  .centered_wrapper {

    padding: 0 64px !important;

  }

  .situation_images_wrapper {

    padding: 0 !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .title {

    display: none !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper {

    flex-direction: column;

    align-items: center !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .single-image-wrapper {

    margin-bottom: 48px;

    width: 29.64% !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .title {

    display: block !important;

    margin-bottom: 48px !important;

  }

  .p-wrapper {

    margin-top: 72px !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_1 .header_title {

    margin-bottom: 112px !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .header_title,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .header_title .header_title_inner {

    display: block !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .header_title p,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .header_title .header_title_inner p {

    width: 100%;

    margin-top: 40px;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_1,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .header_title,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-area,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .overview-text,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .header_title,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper {

    margin-bottom: 112px !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .image-wrapper:first-child {

    gap: 24px;

    margin-bottom: 24px;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .marquee-wrapper,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-1,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-2 {

    margin-bottom: 24px;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-1,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-2,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-3 {

    gap: 24px;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .marquee-wrapper .marquee .marquee_inner img {

    margin-right: 24px !important;

  }

}

@media screen and (max-width: 768px) {

  .monkigo_project_container .banner_wrapper {

    width: 768px;

    height: 275px;

    position: relative;

    left: 50%;

    top: 0;

    transform: translateX(-50%) !important;

  }

  .monkigo_project_container .banner_wrapper .banner_wrapper_inner {

    height: 100%;

  }

  .monkigo_project_container .banner_wrapper .banner_wrapper_inner .banner_monkigo {

    display: none;

  }

  .monkigo_project_container .banner_wrapper .banner_wrapper_inner video {

    display: block;

  }

  .single_project_body_wrapper {

    padding: 48px 0 200px !important;

  }

  .centered_wrapper {

    padding: 0 24px !important;

  }

  .centered_wrapper .centered_wrapper_inner {

    width: 431px !important;

  }

  .situation_images_wrapper {

    padding: 0 !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .title {

    width: 100% !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper {

    width: 100% !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .single-image-wrapper {

    width: 190px !important;

  }

  .p-wrapper {

    margin-top: 40px !important;

  }

  .p-wrapper p {

    font-size: 16px !important;

    line-height: 1 !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .header_title span,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .header_title p {

    font-size: 16px !important;

    line-height: 1 !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .header_title p {

    margin-top: 24px;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .overview-text p {

    font-size: 16px !important;

    line-height: 1 !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_1 .header_title h2 {

    font-size: 33.18px;

    line-height: 1;

    font-family: var(--bold);

    margin-bottom: 6px;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area {

    display: block !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .image-wrapper {

    display: none;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .image-wrapper-responsive {

    display: flex;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_1 .header_title,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_1,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .header_title,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-area,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .overview-text,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .header_title,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .situation_images_wrapper {

    margin-bottom: 64px !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .image-wrapper {

    margin-bottom: 0 !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .image-wrapper:first-child {

    display: block;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .image-wrapper:first-child video {

    margin-bottom: 16px !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .header_title .header_title_inner span,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .header_title .header_title_inner p {

    font-size: 16px !important;

    line-height: 1 !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .header_title .header_title_inner p {

    margin-top: 24px;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .marquee-wrapper {

    height: 360px !important;

    margin-bottom: 16px !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .marquee-wrapper .marquee .marquee_inner .marquee-image {

    width: 293.53px !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-1,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-2 {

    margin-bottom: 16px !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-2,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-3 {

    gap: 16px !important;

  }

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-2,

  .monkigo_project_container .single_project_body_wrapper .single_project_section_3 .gallery-wrapper .gallery-wrapper-inner .image-wrapper-3 {

    grid-template-columns: 1fr;

  }

  .gallery-img-1-responsive,

  .gallery-img-2-responsive,

  .gallery-img-3-responsive,

  .gallery-img-4-responsive,

  .gallery-img-5-responsive {

    display: block !important;

  }

  .gallery-img-1,

  .gallery-img-2,

  .gallery-img-3,

  .gallery-img-4,

  .gallery-img-5 {

    display: none;

  }

  .branding-image-1-responsive,

  .branding-image-2-responsive,

  .branding-image-3-responsive {

    display: block !important;

  }

  .branding-image-1,

  .branding-image-2,

  .branding-image-3 {

    display: none;

  }

}

@media screen and (max-width: 480px) {

  .centered_wrapper .centered_wrapper_inner {

    width: 100% !important;

  }

  .situation_images_wrapper {

    padding: 0 !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .single-image-wrapper {

    width: 50% !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper {

    height: auto !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(1) {

    width: 28.5% !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(1) img:nth-child(2) {

    margin-top: 48px;

    width: 45% !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(2) {

    width: 28.5% !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(2) img:nth-child(2) {

    margin-top: 48px;

    width: 41% !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(3) {

    width: 28.5% !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(3) img:nth-child(1) {

    margin-bottom: 48px;

    width: 91% !important;

  }

}

#navbar_black_globa {

  position: fixed;

  top: 0;

  left: 0;

  transform: translate3d(0, 0, 0);

  width: 100%;

  height: 83px;

  display: flex;

  justify-content: center;

  background: transparent !important;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  z-index: 10;

  pointer-events: none;

  mix-blend-mode: difference;

}

#navbar_black_globa .navbar_inner {

  width: 1248px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  transition: all 0.5s ease-in-out;

}

#navbar_black_globa .navbar_inner .logo {

  cursor: pointer;

  pointer-events: fill;

}

#navbar_black_globa .navbar_inner .navbar_links {

  margin-bottom: 7.5px;

  transition: all 0.5s ease-in-out;

  pointer-events: fill;

}

#navbar_black_globa .navbar_inner .navbar_links ul {

  display: flex;

  align-items: center;

}

#navbar_black_globa .navbar_inner .navbar_links ul a {

  text-decoration: none;

  margin-right: 40px;

}

#navbar_black_globa .navbar_inner .navbar_links ul a:last-child {

  margin-right: 0;

}

#navbar_black_globa .navbar_inner .navbar_links ul a li {

  list-style: none;

  font-family: var(--semiBold);

  color: var(--white);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.5px;

  transition: all 250ms ease;

  position: relative;

}

#navbar_black_globa .navbar_inner .navbar_links ul a li:hover {

  color: var(--white);

}

#navbar_black_globa .navbar_inner .navbar_links ul .active li {

  color: var(--white);

}

#navbar_black_globa .navbar_inner .navbar_links ul .active li .dot {

  display: block;

}

#navbar_black_globa .navbar_inner .navbar_sidebar {

  margin-bottom: 6.5px;

  pointer-events: fill;

}

#navbar_black_globa .navbar_inner .navbar_sidebar ul {

  display: flex;

  align-items: center;

}

#navbar_black_globa .navbar_inner .navbar_sidebar ul li {

  list-style: none;

  color: var(--white);

  font-family: var(--semiBold);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  position: relative;

  cursor: pointer;

}

#navbar_black_globa .navbar_inner .navbar_sidebar ul li::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: var(--white);

  transition: all 250ms ease;

}

#navbar_black_globa .navbar_inner .navbar_sidebar ul li:hover::after {

  width: 50%;

}

#navbar_black_globa .navbar_inner .navbar_sidebar ul .burger_img {

  transform: translateY(1px);

  width: 30px;

  height: 30px;

  display: none;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-left: 32px;

  cursor: pointer;

}

#navbar_black_globa .navbar_inner .navbar_sidebar ul .burger_img .burger_line {

  width: 30px;

  height: 2px;

  background: var(--white);

  transition: all 200ms linear;

}

#navbar_black_globa .navbar_inner .navbar_sidebar ul .burger_img .burger_line:first-child {

  margin-bottom: 6px;

}

#navbar_black_globa .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_1 {

  margin-right: 10px;

}

#navbar_black_globa .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_2 {

  margin-left: 10px;

}



.globa_project_container {

  background: #FAF2F2;

}

.globa_project_container .banner_wrapper {

  width: 100%;

  max-height: 480px;

  height: 100%;

  overflow: hidden;

}

.globa_project_container .banner_wrapper .banner_wrapper_inner {

  width: 100%;

  height: 100%;

}

.globa_project_container .banner_wrapper .banner_wrapper_inner img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.globa_project_container .single_project_body_wrapper {

  width: 100%;

  padding: 96px 0 200px;

}

.globa_project_container .single_project_body_wrapper .centered_wrapper {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.globa_project_container .single_project_body_wrapper .centered_wrapper .centered_wrapper_inner {

  width: 1248px;

}

.globa_project_container .single_project_body_wrapper .f-bold-c-black {

  font-family: var(--semiBold);

  color: var(--black);

}

.globa_project_container .single_project_body_wrapper .f-bold-c-blue {

  font-family: var(--bold);

  /*color: #2F61FF;*/

  color: #9bcea4;

}

.globa_project_container .single_project_body_wrapper .f-medium-c-gray {

  color: #636363;

  font-family: var(--medium);

}

.globa_project_container .single_project_body_wrapper .single_project_section_1 {

  margin-bottom: 152px;

}

.globa_project_container .single_project_body_wrapper .single_project_section_1 .header_title {

  margin-bottom: 152px;

}

.globa_project_container .single_project_body_wrapper .single_project_section_1 .header_title h2 {

  font-size: 47.78px;

  line-height: 1.2;

  margin-bottom: 12px;

}

.globa_project_container .single_project_body_wrapper .single_project_section_1 .header_title span {

  font-size: 16px;

  line-height: 1.2;

  letter-spacing: 0.25px;

}

.globa_project_container .single_project_body_wrapper .single_project_section_1 .header_title .p-wrapper {

  margin-top: 96px;

  padding-top: 48px;

  border-top: 0.5px solid #BDBDBD;

  overflow: hidden;

}

.globa_project_container .single_project_body_wrapper .single_project_section_1 .header_title .p-wrapper p {

  max-width: 100%;

  width: 100%;

  font-size: 23.04px;

  line-height: 1.2;

  font-family: var(--semiBold);

  color: #131313;

}

.globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area {

  width: 100%;

  height: auto;

  display: flex;

  align-items: flex-start;

}

.globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .left-image {

  width: 100%;

  height: 100%;

  margin-right: 32px;

}

.globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .left-image .image-wrapper {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

}

.globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .left-image .image-wrapper img {

  width: 100%;

  height: 100%;

}

.globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .right-image {

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

}

.globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .right-image .image-wrapper {

  width: 100%;

  height: 50%;

  display: flex;

  align-items: center;

}

.globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .right-image .image-wrapper img {

  width: 100%;

  height: 100%;

}

.globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .logo-1-responsive,

.globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .logo-2-responsive {

  display: none;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 {

  margin-bottom: 152px;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .header_title {

  width: 100%;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  margin-bottom: 152px;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .header_title span {

  font-size: 23.04px;

  line-height: 1.2;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .header_title p {

  width: 75%;

  font-size: 23.04px;

  line-height: 1.2;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-area,

.globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-area {

  width: 100%;

  margin-bottom: 32px;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-area img,

.globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-area img {

  width: 100%;

  height: 100%;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .poster-animations-area {

  width: 100%;

  margin-bottom: 32px;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .poster-animations-area img {

  width: 100%;

  height: 100%;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .branding-area {

  display: flex;

  margin-bottom: 32px;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .left-image {

  width: 100%;

  margin-right: 32px;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .left-image .image-wrapper {

  width: 100%;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .left-image .image-wrapper:first-child {

  height: calc(40% - 16px);

  margin-bottom: 32px;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .left-image .image-wrapper:last-child {

  height: calc(60% - 16px);

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .left-image .image-wrapper img {

  width: 100%;

  height: 100%;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .right-image {

  width: 100%;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .right-image .image-wrapper {

  width: 100%;

  height: 100%;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .right-image .image-wrapper img {

  width: 100%;

  height: 100%;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .header_title_2 {

  margin-top: 152px;

  padding: 0 !important;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_1 {

  width: 100%;

  display: flex;

  margin-bottom: 32px;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_1 .left_image {

  width: 33.3333%;

  margin-right: 32px;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_1 .left_image img {

  width: 100%;

  height: 100%;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_1 .right_image {

  width: 66.66666%;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_1 .right_image img {

  width: 100%;

  height: 100%;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_2 {

  width: 100%;

  display: flex;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_2 .left_image {

  width: 60%;

  margin-right: 32px;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_2 .left_image img {

  width: 100%;

  height: 100%;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_2 .right_image {

  width: 40%;

}

.globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_2 .right_image img {

  width: 100%;

  height: 100%;

}



@media screen and (max-width: 1440px) {

  #navbar_black_globa {

    padding-left: 96px;

    padding-right: 96px;

  }

  #navbar_black_globa .navbar_inner {

    width: 100%;

  }

}

@media screen and (max-width: 1023px) {

  #navbar_black_globa {

    padding-left: 64px;

    padding-right: 64px;

  }

  #navbar_black_globa .navbar_inner .navbar_links {

    display: none;

  }

  #navbar_black_globa .navbar_inner .navbar_sidebar ul .burger_img {

    display: flex !important;

  }

}

@media screen and (max-width: 768px) {

  #navbar_black_globa {

    padding-left: 40px;

    padding-right: 40px;

  }

}

@media screen and (max-width: 479px) {

  #navbar_black_globa {

    padding-left: 24px;

    padding-right: 24px;

  }

}

@media screen and (max-width: 1441px) {

  .centered_wrapper {

    padding: 0 96px !important;

  }

  .centered_wrapper .centered_wrapper_inner {

    width: 100% !important;

  }

}

@media screen and (max-width: 1024px) {

  .centered_wrapper {

    padding: 0 64px !important;

  }

  .p-wrapper {

    margin-top: 72px !important;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_1 .header_title {

    margin-bottom: 112px !important;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .header_title,

  .globa_project_container .single_project_body_wrapper .single_project_section_3 .header_title .header_title_inner {

    display: block !important;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .header_title p,

  .globa_project_container .single_project_body_wrapper .single_project_section_3 .header_title .header_title_inner p {

    width: 100%;

    margin-top: 40px;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_1,

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .header_title,

  .globa_project_container .single_project_body_wrapper .single_project_section_2 {

    margin-bottom: 64px !important;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .header_title_2 {

    margin-top: 64px !important;

    margin-bottom: 64px !important;

  }

}

@media screen and (max-width: 768px) {

  .globa_project_container .banner_wrapper {

    width: 768px;

    height: 275px;

    position: relative;

    left: 50%;

    top: 0;

    transform: translateX(-50%) !important;

  }

  .globa_project_container .banner_wrapper .banner_wrapper_inner {

    height: 100%;

    width: 100%;

  }

  .globa_project_container .banner_wrapper .banner_wrapper_inner img {

    width: 100%;

    -o-object-fit: cover;

       object-fit: cover;

  }

  .single_project_body_wrapper {

    padding: 48px 0 200px !important;

  }

  .centered_wrapper {

    padding: 0 24px !important;

  }

  .centered_wrapper .centered_wrapper_inner {

    width: 431px !important;

  }

  .p-wrapper {

    margin-top: 40px !important;

  }

  .p-wrapper p {

    font-size: 16px !important;

    line-height: 1.2 !important;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .header_title span,

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .header_title p {

    font-size: 16px !important;

    line-height: 1.2 !important;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .header_title p {

    margin-top: 24px;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_1 .header_title h2 {

    font-size: 33.18px;

    line-height: 1.2;

    font-family: var(--bold);

    margin-bottom: 6px;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area {

    display: block !important;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .left-image {

    width: 100% !important;

    margin-right: 0 !important;

    margin-bottom: 16px !important;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .right-image {

    width: 100% !important;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .logo-1-responsive,

  .globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .logo-2-responsive {

    display: block !important;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .logo-1,

  .globa_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .logo-2 {

    display: none;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_1 .header_title,

  .globa_project_container .single_project_body_wrapper .single_project_section_1,

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .header_title,

  .globa_project_container .single_project_body_wrapper .single_project_section_2 {

    margin-bottom: 64px !important;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .header_title_2 {

    margin-top: 64px !important;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-area,

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .poster-animations-area,

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .branding-area,

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-area,

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-area,

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-area,

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper {

    margin-bottom: 16px !important;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .branding-area {

    display: block;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .left-image {

    margin-right: 0;

    margin-bottom: 16px;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .branding-area .left-image .image-wrapper:first-child {

    margin-bottom: 16px;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_1,

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_2 {

    display: block !important;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_1 .left_image,

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_2 .left_image {

    width: 100% !important;

    margin-right: 0 !important;

    margin-bottom: 16px !important;

  }

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_1 .right_image,

  .globa_project_container .single_project_body_wrapper .single_project_section_2 .package-image-wrapper_2 .right_image {

    width: 100% !important;

  }

  .branding-image-1-responsive,

  .branding-image-2-responsive,

  .branding-image-3-responsive {

    display: block !important;

  }

  .branding-image-1,

  .branding-image-2,

  .branding-image-3 {

    display: none;

  }

}

@media screen and (max-width: 480px) {

  .centered_wrapper .centered_wrapper_inner {

    width: 100% !important;

  }

}

#navbar_black_qcommunity {

  position: fixed;

  top: 0;

  left: 0;

  transform: translate3d(0, 0, 0);

  width: 100%;

  height: 83px;

  display: flex;

  justify-content: center;

  background: transparent !important;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  z-index: 10;

  pointer-events: none;

  mix-blend-mode: difference;

}

#navbar_black_qcommunity .navbar_inner {

  width: 1248px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  transition: all 0.5s ease-in-out;

}

#navbar_black_qcommunity .navbar_inner .logo {

  cursor: pointer;

  pointer-events: fill;

}

#navbar_black_qcommunity .navbar_inner .navbar_links {

  margin-bottom: 7.5px;

  transition: all 0.5s ease-in-out;

  pointer-events: fill;

}

#navbar_black_qcommunity .navbar_inner .navbar_links ul {

  display: flex;

  align-items: center;

}

#navbar_black_qcommunity .navbar_inner .navbar_links ul a {

  text-decoration: none;

  margin-right: 40px;

}

#navbar_black_qcommunity .navbar_inner .navbar_links ul a:last-child {

  margin-right: 0;

}

#navbar_black_qcommunity .navbar_inner .navbar_links ul a li {

  list-style: none;

  font-family: var(--semiBold);

  color: var(--white);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  transition: all 250ms ease;

  position: relative;

}

#navbar_black_qcommunity .navbar_inner .navbar_links ul a li:hover {

  color: var(--white);

}

#navbar_black_qcommunity .navbar_inner .navbar_links ul .active li {

  color: var(--white);

}

#navbar_black_qcommunity .navbar_inner .navbar_links ul .active li .dot {

  display: block;

}

#navbar_black_qcommunity .navbar_inner .navbar_sidebar {

  margin-bottom: 6.5px;

  pointer-events: fill;

}

#navbar_black_qcommunity .navbar_inner .navbar_sidebar ul {

  display: flex;

  align-items: center;

}

#navbar_black_qcommunity .navbar_inner .navbar_sidebar ul li {

  list-style: none;

  color: var(--white);

  font-family: var(--semiBold);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  position: relative;

  cursor: pointer;

}

#navbar_black_qcommunity .navbar_inner .navbar_sidebar ul li::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: var(--white);

  transition: all 250ms ease;

}

#navbar_black_qcommunity .navbar_inner .navbar_sidebar ul li:hover::after {

  width: 50%;

}

#navbar_black_qcommunity .navbar_inner .navbar_sidebar ul .burger_img {

  transform: translateY(1px);

  width: 30px;

  height: 30px;

  display: none;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-left: 32px;

  cursor: pointer;

}

#navbar_black_qcommunity .navbar_inner .navbar_sidebar ul .burger_img .burger_line {

  width: 30px;

  height: 2px;

  background: var(--white);

  transition: all 200ms linear;

}

#navbar_black_qcommunity .navbar_inner .navbar_sidebar ul .burger_img .burger_line:first-child {

  margin-bottom: 6px;

}

#navbar_black_qcommunity .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_1 {

  margin-right: 10px;

}

#navbar_black_qcommunity .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_2 {

  margin-left: 10px;

}



.qcommunity_project_container {

  background: #FAF2F2;

}

.qcommunity_project_container h2 div,

.qcommunity_project_container span div,

.qcommunity_project_container p div {

  word-break: keep-all;

}

.qcommunity_project_container h2,

.qcommunity_project_container span,

.qcommunity_project_container p {

  word-break: keep-all;

  display: block;

}

.qcommunity_project_container .banner_wrapper {

  width: 100%;

  max-height: 480px;

  height: 100%;

  overflow: hidden;

}

.qcommunity_project_container .banner_wrapper .banner_wrapper_inner {

  width: 100%;

  height: 100%;

}

.qcommunity_project_container .banner_wrapper .banner_wrapper_inner video {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.qcommunity_project_container .single_project_body_wrapper {

  width: 100%;

  padding: 96px 0 200px;

}

.qcommunity_project_container .single_project_body_wrapper .centered_wrapper {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.qcommunity_project_container .single_project_body_wrapper .centered_wrapper .centered_wrapper_inner {

  width: 1248px;

}

.qcommunity_project_container .single_project_body_wrapper .f-bold-c-black {

  font-family: var(--semiBold);

  color: var(--black);

}

.qcommunity_project_container .single_project_body_wrapper .f-bold-c-blue {

  font-family: var(--bold);

  /*color: #2F61FF;*/

  color: #9bcea4;

}

.qcommunity_project_container .single_project_body_wrapper .f-medium-c-gray {

  color: #636363;

  font-family: var(--medium);

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 {

  margin-bottom: 152px;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .header_title {

  margin-bottom: 152px;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .header_title h2 {

  font-size: 47.78px;

  line-height: 1.2;

  margin-bottom: 12px;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .header_title span {

  font-size: 16px;

  line-height: 1.2;

  letter-spacing: 0.25px;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .header_title .p-wrapper {

  margin-top: 96px;

  padding-top: 48px;

  border-top: 0.5px solid #BDBDBD;

  overflow: hidden;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .header_title .p-wrapper p {

  max-width: 100%;

  width: 100%;

  font-size: 23.04px;

  line-height: 1.2;

  font-family: var(--semiBold);

  color: #131313;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area {

  width: 100%;

  height: auto;

  display: flex;

  align-items: flex-start;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .left-image {

  width: 100%;

  height: 100%;

  margin-right: 32px;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .left-image .image-wrapper {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .left-image .image-wrapper img {

  width: 100%;

  height: 100%;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .left-image .image-wrapper video {

  width: 100%;

  height: 100%;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .right-image {

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .right-image .image-wrapper {

  width: 100%;

  height: 50%;

  display: flex;

  align-items: center;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .right-image .image-wrapper img {

  width: 100%;

  height: 100%;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .logo-1-responsive,

.qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .logo-2-responsive {

  display: none;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_2 {

  margin-bottom: 152px;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .header_title {

  width: 100%;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  margin-bottom: 152px;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .header_title span {

  font-size: 23.04px;

  line-height: 1.2;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .header_title p {

  width: 75%;

  font-size: 23.04px;

  line-height: 1.2;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-area {

  width: 100%;

  margin-bottom: 32px;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-area img {

  width: 100%;

  height: 100%;

}

.qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .header_title_2 {

  margin-top: 152px;

  margin-bottom: 0;

  padding: 0 !important;

}



@media screen and (max-width: 1440px) {

  #navbar_black_qcommunity {

    padding-left: 96px;

    padding-right: 96px;

  }

  #navbar_black_qcommunity .navbar_inner {

    width: 100%;

  }

}

@media screen and (max-width: 1023px) {

  #navbar_black_qcommunity {

    padding-left: 64px;

    padding-right: 64px;

  }

  #navbar_black_qcommunity .navbar_inner .navbar_links {

    display: none;

  }

  #navbar_black_qcommunity .navbar_inner .navbar_sidebar ul .burger_img {

    display: flex !important;

  }

}

@media screen and (max-width: 768px) {

  #navbar_black_qcommunity {

    padding-left: 40px;

    padding-right: 40px;

  }

}

@media screen and (max-width: 479px) {

  #navbar_black_qcommunity {

    padding-left: 24px;

    padding-right: 24px;

  }

}

@media screen and (max-width: 1441px) {

  .centered_wrapper {

    padding: 0 96px !important;

  }

  .centered_wrapper .centered_wrapper_inner {

    width: 100% !important;

  }

}

@media screen and (max-width: 1024px) {

  .centered_wrapper {

    padding: 0 64px !important;

  }

  .p-wrapper {

    margin-top: 72px !important;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .header_title {

    margin-bottom: 112px !important;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .header_title {

    display: block !important;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .header_title p {

    width: 100%;

    margin-top: 40px;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_1,

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .header_title,

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_2 {

    margin-bottom: 64px !important;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .header_title_2 {

    margin-top: 64px !important;

    margin-bottom: 64px !important;

  }

}

@media screen and (max-width: 768px) {

  .qcommunity_project_container .banner_wrapper {

    width: 768px;

    height: 275px;

    position: relative;

    left: 50%;

    top: 0;

    transform: translateX(-50%) !important;

  }

  .qcommunity_project_container .banner_wrapper .banner_wrapper_inner {

    height: 100%;

  }

  .single_project_body_wrapper {

    padding: 48px 0 200px !important;

  }

  .centered_wrapper {

    padding: 0 24px !important;

  }

  .centered_wrapper .centered_wrapper_inner {

    width: 431px !important;

  }

  .p-wrapper {

    margin-top: 40px !important;

  }

  .p-wrapper p {

    font-size: 16px !important;

    line-height: 1 !important;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .header_title span,

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .header_title p {

    font-size: 16px !important;

    line-height: 1 !important;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .header_title p {

    margin-top: 24px;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .header_title h2 {

    font-size: 33.18px;

    line-height: 1.2;

    font-family: var(--bold);

    margin-bottom: 6px;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area {

    display: block !important;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .left-image {

    width: 100% !important;

    margin-right: 0 !important;

    margin-bottom: 16px !important;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .right-image {

    width: 100% !important;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .logo-1-responsive,

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .logo-2-responsive {

    display: block !important;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .logo-1,

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .logo-2 {

    display: none;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_1 .header_title,

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_1,

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .header_title,

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_2 {

    margin-bottom: 64px !important;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .header_title_2 {

    margin-top: 64px !important;

  }

  .qcommunity_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-area {

    margin-bottom: 16px !important;

  }

}

@media screen and (max-width: 480px) {

  .centered_wrapper .centered_wrapper_inner {

    width: 100% !important;

  }

}

#navbar_black_anadolu {

  position: fixed;

  top: 0;

  left: 0;

  transform: translate3d(0, 0, 0);

  width: 100%;

  height: 83px;

  display: flex;

  justify-content: center;

  background: transparent !important;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  z-index: 10;

  pointer-events: none;

  mix-blend-mode: difference;

}

#navbar_black_anadolu .navbar_inner {

  width: 1248px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  transition: all 0.5s ease-in-out;

}

#navbar_black_anadolu .navbar_inner .logo {

  cursor: pointer;

  pointer-events: fill;

}

#navbar_black_anadolu .navbar_inner .navbar_links {

  margin-bottom: 7.5px;

  transition: all 0.5s ease-in-out;

  pointer-events: fill;

}

#navbar_black_anadolu .navbar_inner .navbar_links ul {

  display: flex;

  align-items: center;

}

#navbar_black_anadolu .navbar_inner .navbar_links ul a {

  text-decoration: none;

  margin-right: 40px;

}

#navbar_black_anadolu .navbar_inner .navbar_links ul a:last-child {

  margin-right: 0;

}

#navbar_black_anadolu .navbar_inner .navbar_links ul a li {

  list-style: none;

  font-family: var(--semiBold);

  color: var(--white);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  transition: all 250ms ease;

  position: relative;

}

#navbar_black_anadolu .navbar_inner .navbar_links ul a li:hover {

  color: var(--white);

}

#navbar_black_anadolu .navbar_inner .navbar_links ul .active li {

  color: var(--white);

}

#navbar_black_anadolu .navbar_inner .navbar_links ul .active li .dot {

  display: block;

}

#navbar_black_anadolu .navbar_inner .navbar_sidebar {

  margin-bottom: 6.5px;

  pointer-events: fill;

}

#navbar_black_anadolu .navbar_inner .navbar_sidebar ul {

  display: flex;

  align-items: center;

}

#navbar_black_anadolu .navbar_inner .navbar_sidebar ul li {

  list-style: none;

  color: var(--white);

  font-family: var(--semiBold);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  position: relative;

  cursor: pointer;

}

#navbar_black_anadolu .navbar_inner .navbar_sidebar ul li::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: var(--white);

  transition: all 250ms ease;

}

#navbar_black_anadolu .navbar_inner .navbar_sidebar ul li:hover::after {

  width: 50%;

}

#navbar_black_anadolu .navbar_inner .navbar_sidebar ul .burger_img {

  transform: translateY(1px);

  width: 30px;

  height: 30px;

  display: none;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-left: 32px;

  cursor: pointer;

}

#navbar_black_anadolu .navbar_inner .navbar_sidebar ul .burger_img .burger_line {

  width: 30px;

  height: 2px;

  background: var(--white);

  transition: all 200ms linear;

}

#navbar_black_anadolu .navbar_inner .navbar_sidebar ul .burger_img .burger_line:first-child {

  margin-bottom: 6px;

}

#navbar_black_anadolu .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_1 {

  margin-right: 10px;

}

#navbar_black_anadolu .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_2 {

  margin-left: 10px;

}



.anadolu_project_container {

  background: #FAF2F2;

}

.anadolu_project_container h2 div,

.anadolu_project_container span div,

.anadolu_project_container p div {

  word-break: keep-all;

}

.anadolu_project_container h2,

.anadolu_project_container span,

.anadolu_project_container p {

  word-break: keep-all;

  display: block;

}

.anadolu_project_container .banner_wrapper {

  width: 100%;

  max-height: 480px;

  height: 100%;

  overflow: hidden;

}

.anadolu_project_container .banner_wrapper .banner_wrapper_inner {

  width: 100%;

  height: 100%;

}

.anadolu_project_container .banner_wrapper .banner_wrapper_inner video {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.anadolu_project_container .single_project_body_wrapper {

  width: 100%;

  padding: 96px 0 200px;

}

.anadolu_project_container .single_project_body_wrapper .centered_wrapper {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.anadolu_project_container .single_project_body_wrapper .centered_wrapper .centered_wrapper_inner {

  width: 1248px;

}

.anadolu_project_container .single_project_body_wrapper .f-bold-c-black {

  font-family: var(--semiBold);

  color: var(--black);

}

.anadolu_project_container .single_project_body_wrapper .f-bold-c-blue {

  font-family: var(--bold);

  /*color: #2F61FF;*/

  color: #9bcea4;

}

.anadolu_project_container .single_project_body_wrapper .f-medium-c-gray {

  color: #636363;

  font-family: var(--medium);

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_1 {

  margin-bottom: 152px;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_1 .header_title {

  margin-bottom: 152px;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_1 .header_title h2 {

  font-size: 47.78px;

  line-height: 1.2;

  margin-bottom: 12px;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_1 .header_title span {

  font-size: 16px;

  line-height: 1.2;

  letter-spacing: 0.25px;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_1 .header_title .p-wrapper {

  margin-top: 96px;

  padding-top: 48px;

  border-top: 0.5px solid #BDBDBD;

  overflow: hidden;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_1 .header_title .p-wrapper p {

  max-width: 100%;

  width: 100%;

  font-size: 23.04px;

  line-height: 1.2;

  font-family: var(--semiBold);

  color: #131313;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area {

  width: 100%;

  height: auto;

  display: flex;

  align-items: flex-start;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .image-wrapper {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .image-wrapper video {

  width: 100%;

  height: 100%;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .logo-1-responsive {

  display: none;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_2 {

  margin-bottom: 152px;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_2 .header_title {

  width: 100%;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  margin-bottom: 152px;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_2 .header_title span {

  font-size: 23.04px;

  line-height: 1.2;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_2 .header_title p {

  width: 75%;

  font-size: 23.04px;

  line-height: 1.2;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-area {

  display: flex;

  align-items: flex-end;

  width: 100%;

  margin-bottom: 32px;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-area img {

  width: 100%;

  height: 100%;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper {

  width: 100%;

  height: auto;

  display: flex;

  align-items: flex-start;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper .left-image {

  width: 100%;

  height: 100%;

  margin-right: 32px;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper .left-image .image-wrapper {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper .left-image .image-wrapper video {

  width: 100%;

  height: 100%;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper .right-image {

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper .right-image .image-wrapper {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper .right-image .image-wrapper img {

  width: 100%;

  height: 100%;

}

.anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper .logo-1-responsive,

.anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper .logo-2-responsive {

  display: none;

}



@media screen and (max-width: 1440px) {

  #navbar_black_anadolu {

    padding-left: 96px;

    padding-right: 96px;

  }

  #navbar_black_anadolu .navbar_inner {

    width: 100%;

  }

}

@media screen and (max-width: 1023px) {

  #navbar_black_anadolu {

    padding-left: 64px;

    padding-right: 64px;

  }

  #navbar_black_anadolu .navbar_inner .navbar_links {

    display: none;

  }

  #navbar_black_anadolu .navbar_inner .navbar_sidebar ul .burger_img {

    display: flex !important;

  }

}

@media screen and (max-width: 768px) {

  #navbar_black_anadolu {

    padding-left: 40px;

    padding-right: 40px;

  }

}

@media screen and (max-width: 479px) {

  #navbar_black_anadolu {

    padding-left: 24px;

    padding-right: 24px;

  }

}

@media screen and (max-width: 1441px) {

  .centered_wrapper {

    padding: 0 96px !important;

  }

  .centered_wrapper .centered_wrapper_inner {

    width: 100% !important;

  }

}

@media screen and (max-width: 1024px) {

  .centered_wrapper {

    padding: 0 64px !important;

  }

  .p-wrapper {

    margin-top: 72px !important;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_1 .header_title {

    margin-bottom: 112px !important;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 .header_title {

    display: block !important;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 .header_title p {

    width: 100%;

    margin-top: 40px;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_1,

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 .header_title,

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 {

    margin-bottom: 64px !important;

  }

}

@media screen and (max-width: 768px) {

  .anadolu_project_container .banner_wrapper {

    width: 768px;

    height: 275px;

    position: relative;

    left: 50%;

    top: 0;

    transform: translateX(-50%) !important;

  }

  .anadolu_project_container .banner_wrapper .banner_wrapper_inner {

    height: 100%;

  }

  .single_project_body_wrapper {

    padding: 48px 0 200px !important;

  }

  .centered_wrapper {

    padding: 0 24px !important;

  }

  .centered_wrapper .centered_wrapper_inner {

    width: 431px !important;

  }

  .p-wrapper {

    margin-top: 40px !important;

  }

  .p-wrapper p {

    font-size: 16px !important;

    line-height: 1 !important;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 .header_title span,

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 .header_title p {

    font-size: 16px !important;

    line-height: 1 !important;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 .header_title p {

    margin-top: 24px;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_1 .header_title h2 {

    font-size: 33.18px;

    line-height: 1.2;

    font-family: var(--bold);

    margin-bottom: 6px;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area {

    display: block !important;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .logo-1-responsive {

    display: block !important;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_1 .brand-logo-area .logo-1 {

    display: none;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_1 .header_title,

  .anadolu_project_container .single_project_body_wrapper .single_project_section_1,

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 .header_title,

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 {

    margin-bottom: 64px !important;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-area {

    margin-bottom: 16px !important;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper {

    display: block !important;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper .left-image {

    width: 100% !important;

    margin-right: 0 !important;

    margin-bottom: 16px !important;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper .right-image {

    width: 100% !important;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper .logo-1-responsive,

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper .logo-2-responsive {

    display: block !important;

  }

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper .logo-1,

  .anadolu_project_container .single_project_body_wrapper .single_project_section_2 .brand-image-wrapper .logo-2 {

    display: none;

  }

}

@media screen and (max-width: 480px) {

  .centered_wrapper .centered_wrapper_inner {

    width: 100% !important;

  }

}

#navbar_black_posters {

  position: fixed;

  top: 0;

  left: 0;

  transform: translate3d(0, 0, 0);

  width: 100%;

  height: 83px;

  display: flex;

  justify-content: center;

  background: transparent !important;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  z-index: 10;

  pointer-events: none;

  mix-blend-mode: difference;

}

#navbar_black_posters .navbar_inner {

  width: 1248px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  transition: all 0.5s ease-in-out;

}

#navbar_black_posters .navbar_inner .logo {

  cursor: pointer;

  pointer-events: fill;

}

#navbar_black_posters .navbar_inner .navbar_links {

  margin-bottom: 7.5px;

  transition: all 0.5s ease-in-out;

  pointer-events: fill;

}

#navbar_black_posters .navbar_inner .navbar_links ul {

  display: flex;

  align-items: center;

}

#navbar_black_posters .navbar_inner .navbar_links ul a {

  text-decoration: none;

  margin-right: 40px;

}

#navbar_black_posters .navbar_inner .navbar_links ul a:last-child {

  margin-right: 0;

}

#navbar_black_posters .navbar_inner .navbar_links ul a li {

  list-style: none;

  font-family: var(--semiBold);

  color: var(--white);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  transition: all 250ms ease;

  position: relative;

}

#navbar_black_posters .navbar_inner .navbar_links ul a li:hover {

  color: var(--white);

}

#navbar_black_posters .navbar_inner .navbar_links ul .active li {

  color: var(--white);

}

#navbar_black_posters .navbar_inner .navbar_links ul .active li .dot {

  display: block;

}

#navbar_black_posters .navbar_inner .navbar_sidebar {

  margin-bottom: 6.5px;

  pointer-events: fill;

}

#navbar_black_posters .navbar_inner .navbar_sidebar ul {

  display: flex;

  align-items: center;

}

#navbar_black_posters .navbar_inner .navbar_sidebar ul li {

  list-style: none;

  color: var(--white);

  font-family: var(--semiBold);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  position: relative;

  cursor: pointer;

}

#navbar_black_posters .navbar_inner .navbar_sidebar ul li::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: var(--white);

  transition: all 250ms ease;

}

#navbar_black_posters .navbar_inner .navbar_sidebar ul li:hover::after {

  width: 50%;

}

#navbar_black_posters .navbar_inner .navbar_sidebar ul .burger_img {

  transform: translateY(1px);

  width: 30px;

  height: 30px;

  display: none;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-left: 32px;

  cursor: pointer;

}

#navbar_black_posters .navbar_inner .navbar_sidebar ul .burger_img .burger_line {

  width: 30px;

  height: 2px;

  background: var(--white);

  transition: all 200ms linear;

}

#navbar_black_posters .navbar_inner .navbar_sidebar ul .burger_img .burger_line:first-child {

  margin-bottom: 6px;

}

#navbar_black_posters .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_1 {

  margin-right: 10px;

}

#navbar_black_posters .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_2 {

  margin-left: 10px;

}



.posters_container {

  width: 100%;

  position: relative;

  background: #131313;

  text-transform: lowercase;

}

.posters_container .posters_area_wrapper {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  padding-top: 75px;

}

.posters_container .posters_area_wrapper .posters_area_header {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: flex-start;

  padding: 124px 0 103px 0;

  border-bottom: 1px solid #636363;

}

.posters_container .posters_area_wrapper .posters_area_header .posters_area_header_inner {

  width: 1248px;

}

.posters_container .posters_area_wrapper .posters_area_header .posters_area_header_inner .posters_header_text h2 {

  font-size: 57.34px;

  line-height: 54.61px;

  color: var(--white);

  font-family: var(--bold);

}

.posters_container .posters_area_wrapper .all_posters_wrapper {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: flex-start;

  padding: 48px 0 200px;

}

.posters_container .posters_area_wrapper .all_posters_wrapper .posters_desktop {

  width: 1248px;

  display: grid;

  grid-template-columns: 0.35fr 48px 0.35fr 48px 0.35fr;

  row-gap: 48px;

}

.posters_container .posters_area_wrapper .all_posters_wrapper .posters_tablet {

  width: 100%;

  display: none;

  grid-template-columns: 0.5fr 48px 0.5fr;

  row-gap: 32px;

}

.posters_container .posters_area_wrapper .all_posters_wrapper .posters_mobile {

  width: 100%;

  display: none;

  grid-template-columns: 1fr;

}

.posters_container .posters_area_wrapper .all_posters_wrapper .poster_divider {

  display: flex;

  justify-content: center;

  align-items: flex-start;

  height: 100%;

  width: 48px;

}

.posters_container .posters_area_wrapper .all_posters_wrapper .poster_divider .divider {

  width: 1px;

  height: 100%;

  background: #636363;

}

.posters_container .posters_area_wrapper .all_posters_wrapper .single_poster_wrapper {

  cursor: pointer;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.posters_container .posters_area_wrapper .all_posters_wrapper .single_poster_wrapper .poster_header {

  margin-bottom: 12px;

}

.posters_container .posters_area_wrapper .all_posters_wrapper .single_poster_wrapper .poster_header span {

  font-family: var(--medium);

  color: var(--white);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

}

.posters_container .posters_area_wrapper .all_posters_wrapper .single_poster_wrapper .poster_title {

  margin-bottom: 32px;

  height: 100%;

}

.posters_container .posters_area_wrapper .all_posters_wrapper .single_poster_wrapper .poster_title h2 {

  font-family: var(--semiBold);

  font-size: 23.04px;

  line-height: 28.8px;

  color: var(--white);

}

.posters_container .posters_area_wrapper .all_posters_wrapper .single_poster_wrapper .poster_image {

  width: 100%;

  height: auto;

  display: flex;

  align-items: flex-end;

}

.posters_container .posters_area_wrapper .all_posters_wrapper .single_poster_wrapper .poster_image img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



@media screen and (max-width: 1440px) {

  #navbar_black_posters {

    padding-left: 96px;

    padding-right: 96px;

  }

  #navbar_black_posters .navbar_inner {

    width: 100%;

  }

}

@media screen and (max-width: 1023px) {

  #navbar_black_posters {

    padding-left: 64px;

    padding-right: 64px;

  }

  #navbar_black_posters .navbar_inner .navbar_links {

    display: none;

  }

  #navbar_black_posters .navbar_inner .navbar_sidebar ul .burger_img {

    display: flex !important;

  }

}

@media screen and (max-width: 767px) {

  #navbar_black_posters {

    padding-left: 24px;

    padding-right: 24px;

  }

}

@media screen and (max-width: 1440px) {

  .posters_container .posters_area_wrapper .posters_area_header {

    padding: 124px 96px 103px 96px;

  }

  .posters_container .posters_area_wrapper .posters_area_header .posters_area_header_inner {

    width: 100%;

  }

  .posters_container .posters_area_wrapper .all_posters_wrapper {

    padding: 48px 96px 200px;

  }

  .posters_container .posters_area_wrapper .all_posters_wrapper .all_posters_wrapper_inner {

    width: 100%;

  }

  .posters_container .posters_area_wrapper .all_posters_wrapper .posters_tablet,

  .posters_container .posters_area_wrapper .all_posters_wrapper .posters_mobile {

    display: none;

  }

  .posters_container .posters_area_wrapper .all_posters_wrapper .posters_desktop {

    display: grid;

  }

}

@media screen and (max-width: 1023px) {

  .posters_container .posters_area_wrapper .posters_area_header {

    padding: 124px 64px 103px 64px;

  }

  .posters_container .posters_area_wrapper .all_posters_wrapper {

    padding: 48px 64px 200px;

  }

  .posters_container .posters_area_wrapper .all_posters_wrapper .posters_desktop,

  .posters_container .posters_area_wrapper .all_posters_wrapper .posters_mobile {

    display: none;

  }

  .posters_container .posters_area_wrapper .all_posters_wrapper .posters_tablet {

    display: grid;

  }

}

@media screen and (max-width: 768px) {

  .posters_container .posters_area_wrapper .posters_area_header {

    padding: 124px 24px 103px 24px;

  }

  .posters_container .posters_area_wrapper .posters_area_header .posters_area_header_inner .posters_header_text h2 {

    font-size: 39.81px;

    line-height: 37.91px;

  }

  .posters_container .posters_area_wrapper .all_posters_wrapper {

    padding: 48px 24px 200px;

  }

  .posters_container .posters_area_wrapper .all_posters_wrapper .posters_desktop,

  .posters_container .posters_area_wrapper .all_posters_wrapper .posters_tablet {

    display: none;

  }

  .posters_container .posters_area_wrapper .all_posters_wrapper .posters_mobile {

    display: grid;

  }

  .posters_container .posters_area_wrapper .all_posters_wrapper .poster_divider {

    width: 100%;

    height: 64px;

    align-items: center;

    justify-content: flex-start;

  }

  .posters_container .posters_area_wrapper .all_posters_wrapper .poster_divider .divider {

    width: 100%;

    height: 1px;

  }

  .posters_container .posters_area_wrapper .all_posters_wrapper .single_poster_wrapper .poster_header span {

    font-size: 14px;

    line-height: 17.5px;

  }

  .posters_container .posters_area_wrapper .all_posters_wrapper .single_poster_wrapper .poster_header {

    margin-bottom: 24px;

  }

  .posters_container .posters_area_wrapper .all_posters_wrapper .single_poster_wrapper .poster_header h2 {

    font-size: 19.2px;

    line-height: 24px;

  }

}

#navbar_black_first {

  position: fixed;

  top: 0;

  left: 0;

  transform: translate3d(0, 0, 0);

  width: 100%;

  height: 83px;

  display: flex;

  justify-content: center;

  background: transparent !important;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  z-index: 10;

  pointer-events: none;

  mix-blend-mode: difference;

}

#navbar_black_first .navbar_inner {

  width: 1248px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  transition: all 0.5s ease-in-out;

}

#navbar_black_first .navbar_inner .logo {

  cursor: pointer;

  pointer-events: fill;

}

#navbar_black_first .navbar_inner .navbar_links {

  margin-bottom: 7.5px;

  transition: all 0.5s ease-in-out;

  pointer-events: fill;

}

#navbar_black_first .navbar_inner .navbar_links ul {

  display: flex;

  align-items: center;

}

#navbar_black_first .navbar_inner .navbar_links ul a {

  text-decoration: none;

  margin-right: 40px;

}

#navbar_black_first .navbar_inner .navbar_links ul a:last-child {

  margin-right: 0;

}

#navbar_black_first .navbar_inner .navbar_links ul a li {

  list-style: none;

  font-family: var(--semiBold);

  color: var(--white);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  transition: all 250ms ease;

  position: relative;

}

#navbar_black_first .navbar_inner .navbar_links ul a li:hover {

  color: var(--white);

}

#navbar_black_first .navbar_inner .navbar_links ul .active li {

  color: var(--white);

}

#navbar_black_first .navbar_inner .navbar_links ul .active li .dot {

  display: block;

}

#navbar_black_first .navbar_inner .navbar_sidebar {

  margin-bottom: 6.5px;

  pointer-events: fill;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul {

  display: flex;

  align-items: center;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul li {

  list-style: none;

  color: var(--white);

  font-family: var(--semiBold);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  position: relative;

  cursor: pointer;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul li::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: var(--white);

  transition: all 250ms ease;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul li:hover::after {

  width: 50%;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img {

  transform: translateY(1px);

  width: 30px;

  height: 30px;

  display: none;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-left: 32px;

  cursor: pointer;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img .burger_line {

  width: 30px;

  height: 2px;

  background: var(--white);

  transition: all 200ms linear;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img .burger_line:first-child {

  margin-bottom: 6px;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_1 {

  margin-right: 10px;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_2 {

  margin-left: 10px;

}



.internet_marketing_poster_wrapper {

  width: 100%;

  position: relative;

  background: var(--white);

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section {

  padding-top: 75px;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .poster_section_header {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: flex-start;

  padding: 124px 0 88px;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .poster_section_header .poster_section_header_inner {

  width: 1248px;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .poster_section_header .poster_section_header_inner .poster_header_text {

  max-width: 647px;

  width: 100%;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .poster_section_header .poster_section_header_inner .poster_header_text h2 {

  font-size: 47.78px;

  line-height: 59.7px;

  font-family: var(--bold);

  color: var(--black);

  margin-bottom: 24px;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .poster_section_header .poster_section_header_inner .poster_header_text span {

  font-family: var(--medium);

  font-size: 19.2px;

  line-height: 24px;

  color: #636363;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: flex-start;

  background: #0040E9;

  padding: 48px 0;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner {

  width: 1248px;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner .blue_section_description {

  width: 100%;

  margin-bottom: 72px;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner .blue_section_description p {

  font-size: 23.04px;

  line-height: 28.8px;

  color: var(--white);

  font-family: var(--medium);

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  margin-bottom: 72px;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area span {

  font-size: 23.04px;

  line-height: 28.8px;

  color: var(--white);

  font-family: var(--bold);

  margin-bottom: 20px;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area button {

  padding: 20px 40px;

  border-radius: 77px;

  background: var(--black);

  border: 0;

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  color: var(--white);

  font-family: var(--semiBold);

  cursor: pointer;

  transition: all 250ms ease;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area button:active {

  transform: scale(0.95);

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner .poster_image_1 {

  width: 100%;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner .poster_image_2 {

  width: 100%;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: flex-start;

  background: var(--white);

  padding: 88px 0 200px;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner {

  width: 1248px;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper {

  width: 100%;

  display: flex;

  align-items: flex-end;

  margin-bottom: 88px;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper img {

  width: calc(50% - 12px);

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper img:first-child {

  margin-right: 24px;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .text_area {

  width: 100%;

  margin-bottom: 88px;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .text_area span {

  font-size: 27.65px;

  line-height: 34.6px;

  font-family: var(--semiBold);

  color: var(--black);

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .text_area p {

  font-size: 19.2px;

  line-height: 24px;

  color: var(--black);

  font-family: var(--medium);

  margin-top: 32px;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .big_image_wrapper {

  width: 100%;

  display: flex;

  align-items: flex-end;

  margin-bottom: 88px;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .big_image_wrapper img {

  width: 100%;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper span {

  font-size: 23.04px;

  line-height: 28.8px;

  color: var(--black);

  font-family: var(--bold);

  margin-bottom: 20px;

  text-align: center;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper button {

  padding: 20px 40px;

  border-radius: 77px;

  background: var(--black);

  border: 0;

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  color: var(--white);

  font-family: var(--semiBold);

  cursor: pointer;

  transition: all 250ms ease;

}

.internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper button:active {

  transform: scale(0.95);

}



@media screen and (max-width: 1440px) {

  #navbar_black_first {

    padding-left: 96px;

    padding-right: 96px;

  }

  #navbar_black_first .navbar_inner {

    width: 100%;

  }

}

@media screen and (max-width: 1023px) {

  #navbar_black_first {

    padding-left: 64px;

    padding-right: 64px;

  }

  #navbar_black_first .navbar_inner .navbar_links {

    display: none;

  }

  #navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img {

    display: flex !important;

  }

}

@media screen and (max-width: 767px) {

  #navbar_black_first {

    padding-left: 24px;

    padding-right: 24px;

  }

}

@media screen and (max-width: 1440px) {

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .poster_section_header {

    padding: 124px 96px 88px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .poster_section_header .poster_section_header_inner {

    width: 100%;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section {

    padding: 48px 96px 48px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner {

    width: 100%;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section {

    padding: 48px 96px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner {

    width: 100%;

  }

}

@media screen and (max-width: 1023px) {

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .poster_section_header {

    padding: 124px 64px 88px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section {

    padding: 48px 64px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner {

    width: 100%;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section {

    padding: 80px 64px 200px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner {

    width: 100%;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper,

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .text_area,

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .big_image_wrapper,

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .download_area {

    margin-bottom: 80px;

  }

}

@media screen and (max-width: 768px) {

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .poster_section_header {

    padding: 124px 24px 88px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .poster_section_header .poster_section_header_inner .poster_header_text h2 {

    font-size: 33.18px;

    line-height: 41.47px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section {

    padding: 48px 24px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner {

    width: 100%;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner .blue_section_description {

    margin-bottom: 48px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner .blue_section_description p {

    font-size: 19.2px;

    line-height: 24px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area {

    margin-bottom: 48px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area span {

    font-size: 19.2px;

    line-height: 24px;

    margin-bottom: 20px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area button {

    width: 100%;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_blue_section .posters_blue_section_inner .poster_image_1 {

    margin-bottom: 48px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section {

    padding: 64px 24px 200px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner {

    width: 100%;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper {

    flex-direction: column;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper img {

    width: 100%;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper img:first-child {

    margin-right: 0;

    margin-bottom: 16px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .text_area span {

    font-size: 23.04px;

    line-height: 28.8px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .text_area p {

    font-size: 16px;

    line-height: 20px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper span {

    font-size: 19.2px;

    line-height: 24px;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper button {

    width: 100%;

  }

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper,

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .text_area,

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .big_image_wrapper,

  .internet_marketing_poster_wrapper .internet_marketing_poster_section .internet_marketing_poster_section_inner .posters_white_section .posters_white_section_inner .download_area {

    margin-bottom: 80px;

  }

}

#navbar_black_first {

  position: fixed;

  top: 0;

  left: 0;

  transform: translate3d(0, 0, 0);

  width: 100%;

  height: 83px;

  display: flex;

  justify-content: center;

  background: transparent !important;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  z-index: 10;

  pointer-events: none;

  mix-blend-mode: difference;

}

#navbar_black_first .navbar_inner {

  width: 1248px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  transition: all 0.5s ease-in-out;

}

#navbar_black_first .navbar_inner .logo {

  cursor: pointer;

  pointer-events: fill;

}

#navbar_black_first .navbar_inner .navbar_links {

  margin-bottom: 7.5px;

  transition: all 0.5s ease-in-out;

  pointer-events: fill;

}

#navbar_black_first .navbar_inner .navbar_links ul {

  display: flex;

  align-items: center;

}

#navbar_black_first .navbar_inner .navbar_links ul a {

  text-decoration: none;

  margin-right: 40px;

}

#navbar_black_first .navbar_inner .navbar_links ul a:last-child {

  margin-right: 0;

}

#navbar_black_first .navbar_inner .navbar_links ul a li {

  list-style: none;

  font-family: var(--semiBold);

  color: var(--white);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  transition: all 250ms ease;

  position: relative;

}

#navbar_black_first .navbar_inner .navbar_links ul a li:hover {

  color: var(--white);

}

#navbar_black_first .navbar_inner .navbar_links ul .active li {

  color: var(--white);

}

#navbar_black_first .navbar_inner .navbar_links ul .active li .dot {

  display: block;

}

#navbar_black_first .navbar_inner .navbar_sidebar {

  margin-bottom: 6.5px;

  pointer-events: fill;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul {

  display: flex;

  align-items: center;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul li {

  list-style: none;

  color: var(--white);

  font-family: var(--semiBold);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  position: relative;

  cursor: pointer;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul li::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: var(--white);

  transition: all 250ms ease;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul li:hover::after {

  width: 50%;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img {

  transform: translateY(1px);

  width: 30px;

  height: 30px;

  display: none;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-left: 32px;

  cursor: pointer;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img .burger_line {

  width: 30px;

  height: 2px;

  background: var(--white);

  transition: all 200ms linear;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img .burger_line:first-child {

  margin-bottom: 6px;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_1 {

  margin-right: 10px;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_2 {

  margin-left: 10px;

}



.product_thinking_poster_wrapper {

  width: 100%;

  position: relative;

  background: var(--white);

}

.product_thinking_poster_wrapper .product_thinking_poster_section {

  padding-top: 75px;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .poster_section_header {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: flex-start;

  padding: 124px 0 88px;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .poster_section_header .poster_section_header_inner {

  width: 1248px;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .poster_section_header .poster_section_header_inner .poster_header_text {

  max-width: 647px;

  width: 100%;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .poster_section_header .poster_section_header_inner .poster_header_text h2 {

  font-size: 47.78px;

  line-height: 59.7px;

  font-family: var(--bold);

  color: var(--black);

  margin-bottom: 24px;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .poster_section_header .poster_section_header_inner .poster_header_text span {

  font-family: var(--medium);

  font-size: 19.2px;

  line-height: 24px;

  color: #636363;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: flex-start;

  background: #0040E9;

  padding: 48px 0;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner {

  width: 1248px;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner .blue_section_description {

  width: 100%;

  margin-bottom: 72px;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner .blue_section_description p {

  font-size: 23.04px;

  line-height: 28.8px;

  color: var(--white);

  font-family: var(--medium);

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  margin-bottom: 72px;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area span {

  font-size: 23.04px;

  line-height: 28.8px;

  color: var(--white);

  font-family: var(--bold);

  margin-bottom: 20px;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area button {

  padding: 20px 40px;

  border-radius: 77px;

  background: var(--black);

  border: 0;

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  color: var(--white);

  font-family: var(--semiBold);

  cursor: pointer;

  transition: all 250ms ease;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area button:active {

  transform: scale(0.95);

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner .poster_image_1 {

  width: 100%;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner .poster_image_2 {

  width: 100%;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: flex-start;

  background: var(--white);

  padding: 88px 0 200px;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner {

  width: 1248px;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper {

  width: 100%;

  display: flex;

  align-items: flex-end;

  margin-bottom: 88px;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper img {

  width: calc(50% - 12px);

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper img:first-child {

  margin-right: 24px;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .text_area {

  width: 100%;

  margin-bottom: 88px;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .text_area span {

  font-size: 27.65px;

  line-height: 34.6px;

  font-family: var(--semiBold);

  color: var(--black);

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .text_area p {

  font-size: 19.2px;

  line-height: 24px;

  color: var(--black);

  font-family: var(--medium);

  margin-top: 32px;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .big_image_wrapper {

  width: 100%;

  display: flex;

  align-items: flex-end;

  margin-bottom: 88px;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .big_image_wrapper img {

  width: 100%;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper span {

  font-size: 23.04px;

  line-height: 28.8px;

  color: var(--black);

  font-family: var(--bold);

  margin-bottom: 20px;

  text-align: center;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper button {

  padding: 20px 40px;

  border-radius: 77px;

  background: var(--black);

  border: 0;

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  color: var(--white);

  font-family: var(--semiBold);

  cursor: pointer;

  transition: all 250ms ease;

}

.product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper button:active {

  transform: scale(0.95);

}



@media screen and (max-width: 1440px) {

  #navbar_black_first {

    padding-left: 96px;

    padding-right: 96px;

  }

  #navbar_black_first .navbar_inner {

    width: 100%;

  }

}

@media screen and (max-width: 1023px) {

  #navbar_black_first {

    padding-left: 64px;

    padding-right: 64px;

  }

  #navbar_black_first .navbar_inner .navbar_links {

    display: none;

  }

  #navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img {

    display: flex !important;

  }

}

@media screen and (max-width: 767px) {

  #navbar_black_first {

    padding-left: 24px;

    padding-right: 24px;

  }

}

@media screen and (max-width: 1440px) {

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .poster_section_header {

    padding: 124px 96px 88px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .poster_section_header .poster_section_header_inner {

    width: 100%;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section {

    padding: 48px 96px 48px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner {

    width: 100%;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section {

    padding: 48px 96px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner {

    width: 100%;

  }

}

@media screen and (max-width: 1023px) {

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .poster_section_header {

    padding: 124px 64px 88px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section {

    padding: 48px 64px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner {

    width: 100%;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section {

    padding: 80px 64px 200px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner {

    width: 100%;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper,

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .text_area,

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .big_image_wrapper,

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .download_area {

    margin-bottom: 80px;

  }

}

@media screen and (max-width: 768px) {

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .poster_section_header {

    padding: 124px 24px 88px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .poster_section_header .poster_section_header_inner .poster_header_text h2 {

    font-size: 33.18px;

    line-height: 41.47px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section {

    padding: 48px 24px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner {

    width: 100%;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner .blue_section_description {

    margin-bottom: 48px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner .blue_section_description p {

    font-size: 19.2px;

    line-height: 24px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area {

    margin-bottom: 48px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area span {

    font-size: 19.2px;

    line-height: 24px;

    margin-bottom: 20px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area button {

    width: 100%;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_blue_section .posters_blue_section_inner .poster_image_1 {

    margin-bottom: 48px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section {

    padding: 64px 24px 200px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner {

    width: 100%;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper {

    flex-direction: column;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper img {

    width: 100%;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper img:first-child {

    margin-right: 0;

    margin-bottom: 16px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .text_area span {

    font-size: 23.04px;

    line-height: 28.8px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .text_area p {

    font-size: 16px;

    line-height: 20px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper span {

    font-size: 19.2px;

    line-height: 24px;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper button {

    width: 100%;

  }

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper,

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .text_area,

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .big_image_wrapper,

  .product_thinking_poster_wrapper .product_thinking_poster_section .product_thinking_poster_section_inner .posters_white_section .posters_white_section_inner .download_area {

    margin-bottom: 80px;

  }

}

#navbar_black_first {

  position: fixed;

  top: 0;

  left: 0;

  transform: translate3d(0, 0, 0);

  width: 100%;

  height: 83px;

  display: flex;

  justify-content: center;

  background: transparent !important;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  z-index: 10;

  pointer-events: none;

  mix-blend-mode: difference;

}

#navbar_black_first .navbar_inner {

  width: 1248px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  transition: all 0.5s ease-in-out;

}

#navbar_black_first .navbar_inner .logo {

  cursor: pointer;

  pointer-events: fill;

}

#navbar_black_first .navbar_inner .navbar_links {

  margin-bottom: 7.5px;

  transition: all 0.5s ease-in-out;

  pointer-events: fill;

}

#navbar_black_first .navbar_inner .navbar_links ul {

  display: flex;

  align-items: center;

}

#navbar_black_first .navbar_inner .navbar_links ul a {

  text-decoration: none;

  margin-right: 40px;

}

#navbar_black_first .navbar_inner .navbar_links ul a:last-child {

  margin-right: 0;

}

#navbar_black_first .navbar_inner .navbar_links ul a li {

  list-style: none;

  font-family: var(--semiBold);

  color: var(--white);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  transition: all 250ms ease;

  position: relative;

}

#navbar_black_first .navbar_inner .navbar_links ul a li:hover {

  color: var(--white);

}

#navbar_black_first .navbar_inner .navbar_links ul .active li {

  color: var(--white);

}

#navbar_black_first .navbar_inner .navbar_links ul .active li .dot {

  display: block;

}

#navbar_black_first .navbar_inner .navbar_sidebar {

  margin-bottom: 6.5px;

  pointer-events: fill;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul {

  display: flex;

  align-items: center;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul li {

  list-style: none;

  color: var(--white);

  font-family: var(--semiBold);

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  position: relative;

  cursor: pointer;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul li::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: var(--white);

  transition: all 250ms ease;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul li:hover::after {

  width: 50%;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img {

  transform: translateY(1px);

  width: 30px;

  height: 30px;

  display: none;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-left: 32px;

  cursor: pointer;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img .burger_line {

  width: 30px;

  height: 2px;

  background: var(--white);

  transition: all 200ms linear;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img .burger_line:first-child {

  margin-bottom: 6px;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_1 {

  margin-right: 10px;

}

#navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img:hover .burger_line_2 {

  margin-left: 10px;

}



.style_carriers_poster_wrapper {

  width: 100%;

  position: relative;

  background: var(--white);

}

.style_carriers_poster_wrapper .style_carriers_poster_section {

  padding-top: 75px;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .poster_section_header {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: flex-start;

  padding: 124px 0 88px;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .poster_section_header .poster_section_header_inner {

  width: 1248px;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .poster_section_header .poster_section_header_inner .poster_header_text {

  max-width: 647px;

  width: 100%;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .poster_section_header .poster_section_header_inner .poster_header_text h2 {

  font-size: 47.78px;

  line-height: 59.7px;

  font-family: var(--bold);

  color: var(--black);

  margin-bottom: 24px;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .poster_section_header .poster_section_header_inner .poster_header_text span {

  font-family: var(--medium);

  font-size: 19.2px;

  line-height: 24px;

  color: #636363;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: flex-start;

  background: #0040E9;

  padding: 48px 0;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner {

  width: 1248px;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner .blue_section_description {

  width: 100%;

  margin-bottom: 72px;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner .blue_section_description p {

  font-size: 23.04px;

  line-height: 28.8px;

  color: var(--white);

  font-family: var(--medium);

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  margin-bottom: 72px;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area span {

  font-size: 23.04px;

  line-height: 28.8px;

  color: var(--white);

  font-family: var(--bold);

  margin-bottom: 20px;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area button {

  padding: 20px 40px;

  border-radius: 77px;

  background: var(--black);

  border: 0;

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  color: var(--white);

  font-family: var(--semiBold);

  cursor: pointer;

  transition: all 250ms ease;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area button:active {

  transform: scale(0.95);

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner .poster_image_1 {

  width: 100%;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner .poster_image_2 {

  width: 100%;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: flex-start;

  background: var(--white);

  padding: 88px 0 200px;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner {

  width: 1248px;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper {

  width: 100%;

  display: flex;

  align-items: flex-end;

  margin-bottom: 88px;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper img {

  width: calc(50% - 12px);

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper img:first-child {

  margin-right: 24px;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .text_area {

  width: 100%;

  margin-bottom: 88px;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .text_area span {

  font-size: 27.65px;

  line-height: 34.6px;

  font-family: var(--semiBold);

  color: var(--black);

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .text_area p {

  font-size: 19.2px;

  line-height: 24px;

  color: var(--black);

  font-family: var(--medium);

  margin-top: 32px;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .big_image_wrapper {

  width: 100%;

  display: flex;

  align-items: flex-end;

  margin-bottom: 88px;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .big_image_wrapper img {

  width: 100%;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper span {

  font-size: 23.04px;

  line-height: 28.8px;

  color: var(--black);

  font-family: var(--bold);

  margin-bottom: 20px;

  text-align: center;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper button {

  padding: 20px 40px;

  border-radius: 77px;

  background: var(--black);

  border: 0;

  font-size: 16px;

  line-height: 20px;

  letter-spacing: 0.25px;

  color: var(--white);

  font-family: var(--semiBold);

  cursor: pointer;

  transition: all 250ms ease;

}

.style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper button:active {

  transform: scale(0.95);

}



@media screen and (max-width: 1440px) {

  #navbar_black_first {

    padding-left: 96px;

    padding-right: 96px;

  }

  #navbar_black_first .navbar_inner {

    width: 100%;

  }

}

@media screen and (max-width: 1023px) {

  #navbar_black_first {

    padding-left: 64px;

    padding-right: 64px;

  }

  #navbar_black_first .navbar_inner .navbar_links {

    display: none;

  }

  #navbar_black_first .navbar_inner .navbar_sidebar ul .burger_img {

    display: flex !important;

  }

}

@media screen and (max-width: 767px) {

  #navbar_black_first {

    padding-left: 24px;

    padding-right: 24px;

  }

}

@media screen and (max-width: 1440px) {

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .poster_section_header {

    padding: 124px 96px 88px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .poster_section_header .poster_section_header_inner {

    width: 100%;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section {

    padding: 48px 96px 48px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner {

    width: 100%;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section {

    padding: 48px 96px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner {

    width: 100%;

  }

}

@media screen and (max-width: 1023px) {

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .poster_section_header {

    padding: 124px 64px 88px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section {

    padding: 48px 64px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner {

    width: 100%;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section {

    padding: 80px 64px 200px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner {

    width: 100%;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper,

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .text_area,

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .big_image_wrapper,

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .download_area {

    margin-bottom: 80px;

  }

}

@media screen and (max-width: 768px) {

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .poster_section_header {

    padding: 124px 24px 88px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .poster_section_header .poster_section_header_inner .poster_header_text h2 {

    font-size: 33.18px;

    line-height: 41.47px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section {

    padding: 48px 24px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner {

    width: 100%;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner .blue_section_description {

    margin-bottom: 48px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner .blue_section_description p {

    font-size: 19.2px;

    line-height: 24px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area {

    margin-bottom: 48px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area span {

    font-size: 19.2px;

    line-height: 24px;

    margin-bottom: 20px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner .download_area button {

    width: 100%;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_blue_section .posters_blue_section_inner .poster_image_1 {

    margin-bottom: 48px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section {

    padding: 64px 24px 200px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner {

    width: 100%;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper {

    flex-direction: column;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper img {

    width: 100%;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper img:first-child {

    margin-right: 0;

    margin-bottom: 16px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .text_area span {

    font-size: 23.04px;

    line-height: 28.8px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .text_area p {

    font-size: 16px;

    line-height: 20px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper span {

    font-size: 19.2px;

    line-height: 24px;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .download_wrapper button {

    width: 100%;

  }

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .image_wrapper,

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .text_area,

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .big_image_wrapper,

  .style_carriers_poster_wrapper .style_carriers_poster_section .style_carriers_poster_section_inner .posters_white_section .posters_white_section_inner .download_area {

    margin-bottom: 80px;

  }

}

.contact_us_section_black {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding-top: 200px;

  background: var(--black);

  overflow: hidden;

  position: relative;

  z-index: 5;

}

.contact_us_section_black .contact_us_section_inner_wrapper {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  z-index: 2;

  position: relative;

  background: var(--black);

  position: relative;

}

.contact_us_section_black .contact_us_section_inner_wrapper::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -60px;

  width: 100%;

  height: 60px;

  opacity: 0.8;

  background: linear-gradient(to bottom, rgb(19, 19, 19) 0%, rgba(19, 19, 19, 0.738) 19%, rgba(19, 19, 19, 0.541) 34%, rgba(19, 19, 19, 0.382) 47%, rgba(19, 19, 19, 0.278) 56.5%, rgba(19, 19, 19, 0.194) 65%, rgba(19, 19, 19, 0.126) 73%, rgba(19, 19, 19, 0.075) 80.2%, rgba(19, 19, 19, 0.042) 86.1%, rgba(19, 19, 19, 0.021) 91%, rgba(19, 19, 19, 0.008) 95.2%, rgba(19, 19, 19, 0.002) 98.2%, rgba(19, 19, 19, 0) 100%);

  pointer-events: none;

}

.contact_us_section_black .contact_us_section_inner_wrapper .contact_us_divide_line {

  width: calc(100% - 24px);

  height: 0.5px;

  background: rgba(255, 255, 255, 0.3);

}

.contact_us_section_black .contact_us_section_inner_wrapper .contact_us_section_inner {

  width: 757px;

  height: 359px;

  margin-bottom: 48px;

  /* CONTACT IS Button */

}

.contact_us_section_black .contact_us_section_inner_wrapper .contact_us_section_inner h1 {

  font-size: 82.5667px;

  line-height: 78.64px;

  color: var(--white);

  font-family: var(--bold);

}

.contact_us_section_black .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button {

  width: 100%;

  display: flex;

  justify-content: flex-end;

  transform: translate(-131px, -27px);

}

.contact_us_section_black .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button a {

  width: 150px;

  height: 150px;

  border-radius: 50%;

  border: 0.5px solid rgba(255, 255, 255, 0.3);

  background: transparent;

  transition: all 350ms ease;

  outline: none;

  overflow: hidden;

  text-decoration: none;

  position: relative;

  z-index: 2;

  cursor: pointer;

}

.contact_us_section_black .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button a #contact_us_button_circle {

  background-color: var(--white);

  border-radius: 50%;

  color: var(--black);

  height: 0;

  position: absolute;

  transform: translate(-50%, -50%);

  transition: height 0.35s, width 0.35s;

  width: 0;

  z-index: 0;

}

.contact_us_section_black .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button a .contact_us_button_inner_content {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  max-width: 87px;

  max-height: 57px;

  display: flex;

  flex-direction: column;

  align-items: center;

  z-index: 2;

}

.contact_us_section_black .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button a .contact_us_button_inner_content svg path {

  transition: all 250ms ease;

}

.contact_us_section_black .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button a .contact_us_button_inner_content span {

  color: var(--white);

  font-size: 14px;

  font-family: var(--semiBold);

  margin-top: 12px;

  transition: all 250ms ease;

}

.contact_us_section_black .footer_black {

  width: 100%;

  padding-left: 96px;

  padding-right: 96px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--black);

  position: relative;

  z-index: 0;

}

.contact_us_section_black .footer_black .footer_inner {

  width: 1248px;

  padding-top: 48px;

  padding-bottom: 24px;

  position: relative;

}

.contact_us_section_black .footer_black .footer_inner .footer_head_section {

  display: flex;

  flex-direction: column;

  width: 566px;

  margin-bottom: 96px;

}

.contact_us_section_black .footer_black .footer_inner .footer_head_section span {

  font-size: 16px;

  line-height: 20px;

  color: rgb(189, 189, 189);

  font-family: var(--medium);

  margin-bottom: 16px;

}

.contact_us_section_black .footer_black .footer_inner .footer_head_section a {

  text-decoration: none;

  /*font-size: 68.808px;*/
  font-size: 38.808px;

  line-height: 65.5px;

  color: var(--white);

  font-family: var(--semiBold);

  position: relative;

}


.contact_us_section_black .footer_black .footer_inner .footer_head_section a::after {

  content: "";

  position: absolute;

  bottom: -12px;

  left: 0;

  width: 100%;

  height: 4px;

  background: var(--white);

  transition: all 350ms ease-in-out;

}

.contact_us_section_black .footer_black .footer_inner .footer_head_section a:hover::after {

  width: 50%;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section {

  width: 672px;

  display: flex;

  align-items: flex-start;

  margin-bottom: 100px;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_one {

  margin-right: 120px;

  display: flex;

  align-items: flex-start;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_one .socials {

  width: 93px;

  margin-right: 120px;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_one .socials span {

  font-size: 16px;

  line-height: 20px;

  color: rgb(189, 189, 189);

  font-family: var(--medium);

  margin-bottom: 16px;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_one .socials ul {

  margin-top: 16px;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_one .socials ul a {

  text-decoration: none;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_one .socials ul a li {

  width: auto;

  list-style: none;

  color: var(--white);

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  margin-bottom: 14px !important;

  font-family: var(--semiBold);

  position: relative;

  transition: all 50ms ease-in-out;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_one .socials ul a li:hover {

  color: rgba(255, 255, 255, 0.5);

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_one .socials ul a li:last-child {

  margin-bottom: 0;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_one .our_office {

  width: 173px;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_one .our_office span {

  font-size: 16px;

  line-height: 20px;

  color: rgb(189, 189, 189);

  font-family: var(--medium);

  margin-bottom: 16px;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_one .our_office h3 {

  margin-top: 16px;

  color: var(--white);

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  font-family: var(--semiBold);

  transition: all 350ms ease-in-out;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_one .our_office h3:hover {

  color: rgba(255, 255, 255, 0.5);

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_two {

  display: flex;

  align-items: flex-start;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_two .phone_number {

  width: 173px;

  display: flex;

  flex-direction: column;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_two .phone_number span {

  font-size: 16px;

  line-height: 20px;

  color: rgb(189, 189, 189);

  font-family: var(--medium);

  margin-bottom: 16px;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_two .phone_number a {

  color: var(--white);

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  font-family: var(--semiBold);

  text-decoration: none;

  transition: all 350ms ease-in-out;

}

.contact_us_section_black .footer_black .footer_inner .footer_body_section .list_wrapper_two .phone_number a:hover {

  color: rgba(255, 255, 255, 0.5);

}

.contact_us_section_black .footer_black .footer_inner .footer_bottom_section {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.contact_us_section_black .footer_black .footer_inner .footer_bottom_section span {

  font-size: 14px;

  line-height: 17.5px;

  color: rgb(189, 189, 189);

  font-family: var(--medium);

}



@media screen and (max-width: 1440px) {

  .contact_us_section_black .inner_wrap {

    width: 100%;

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper {

    padding-left: 64px;

    padding-right: 64px;

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper .contact_us_divide_line {

    width: 100%;

  }

  .contact_us_section_black .inner_wrap .footer_black {

    width: 100%;

    padding-left: 64px;

    padding-right: 64px;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner {

    width: 100%;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner .footer_body_section .list_wrapper_one {

    margin-right: 215px;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner .footer_body_section .list_wrapper_one .socials {

    margin-right: 215px;

  }

}

@media screen and (min-width: 1280px) {

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper .contact_us_button a:hover {

    transform: scale(1.2);

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper .contact_us_button a:hover #contact_us_button_circle {

    height: 350px;

    width: 350px;

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper .contact_us_button a:hover .contact_us_button_inner_content svg path {

    fill: var(--black);

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper .contact_us_button a:hover .contact_us_button_inner_content span {

    color: var(--black);

  }

}

@media screen and (max-width: 990px) {

  .contact_us_section_black {

    padding-top: 248px;

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper {

    padding-left: 40px;

    padding-right: 40px;

  }

  .contact_us_section_black .inner_wrap .footer_black {

    padding-left: 40px;

    padding-right: 40px;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner .footer_body_section .list_wrapper_one {

    margin-right: 198.5px;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner .footer_body_section .list_wrapper_one .socials {

    margin-right: 198.5px;

  }

}

@media screen and (max-width: 909px) {

  .contact_us_section_black {

    padding-top: 200px;

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner {

    padding: 0 68px;

    width: 756px;

    height: 359px;

    margin-bottom: 48px;

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner h1 {

    width: 622px;

    height: 197px;

    font-size: 68.808px;

    line-height: 65.53px;

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button {

    display: flex;

    position: relative;

    width: 150px;

    height: 150px;

    left: 480px;

    top: 15px;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner .footer_head_section {

    width: 471px;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner .footer_head_section a {

    font-size: 57.336px;

    line-height: 54.61px;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner .footer_body_section {

    flex-direction: column;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner .footer_body_section .list_wrapper_one {

    margin-bottom: 64px;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner .footer_body_section .list_wrapper_one .socials {

    margin-right: 80px;

  }

}

@media screen and (max-width: 755px) {

  .contact_us_section_black {

    padding-top: 200px;

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper {

    padding-left: 24px;

    padding-right: 24px;

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner {

    width: 390px;

    height: 356px;

    margin-bottom: 48px;

    padding: 0;

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner h1 {

    width: 390px;

    height: 219px;

    font-size: 57.336px;

    line-height: 54.61px;

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button {

    display: flex;

    position: relative;

    width: 150px;

    height: 150px;

    left: 300px;

    top: 13px;

  }

  .contact_us_section_black .inner_wrap .footer_black {

    padding-left: 24px;

    padding-right: 24px;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner .footer_head_section {

    width: 327px;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner .footer_head_section a {

    /*font-size: 39.808px;*/
    font-size: 29.808px;

    line-height: 37.91px;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner .footer_body_section .list_wrapper_one .socials {

    margin-right: 61px;

  }

}

@media screen and (max-width: 584px) {

  .contact_us_section_black {

    padding-top: 200px;

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper {

    padding-left: 24px;

    padding-right: 24px;

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner {

    width: 327px;

    height: 401px;

    margin-bottom: 48px;

    padding: 0;

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner h1 {

    width: 327px;

    height: 219px;

    font-size: 57.336px;

    line-height: 54.61px;

  }

  .contact_us_section_black .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button {

    display: flex;

    position: relative;

    width: 150px;

    height: 150px;

    left: 270px;

    top: 60px;

  }

  .contact_us_section_black .inner_wrap .footer_black {

    padding-left: 24px;

    padding-right: 24px;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner .footer_head_section {

    width: 327px;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner .footer_head_section a {

    /*font-size: 39.808px;*/
    font-size: 20.808px;

    line-height: 37.91px;

  }

  .contact_us_section_black .inner_wrap .footer_black .footer_inner .footer_body_section .list_wrapper_one .socials {

    margin-right: 61px;

  }

}

.contact_us_section_white {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding-top: 200px;

  background: #FAF2F2;

  overflow: hidden;

  position: relative;

}

.contact_us_section_white .contact_us_section_inner_wrapper {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  z-index: 2;

  position: relative;

  background: #FAF2F2;

  position: relative;

}

.contact_us_section_white .contact_us_section_inner_wrapper::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -60px;

  width: 100%;

  height: 9vh;

  opacity: 0.8;

  pointer-events: none;

}

.contact_us_section_white .contact_us_section_inner_wrapper .contact_us_divide_line {

  width: 1248px;

  height: 0.5px;

  background: #BDBDBD;

}

.contact_us_section_white .contact_us_section_inner_wrapper .contact_us_section_inner {

  width: 757px;

  height: 359px;

  margin-bottom: 48px;

  /* CONTACT IS Button */

}

.contact_us_section_white .contact_us_section_inner_wrapper .contact_us_section_inner h1 {

  font-size: 82.5667px;

  line-height: 78.64px;

  color: var(--black);

  font-family: var(--bold);

}

.contact_us_section_white .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button {

  width: 100%;

  display: flex;

  justify-content: flex-end;

  transform: translate(-131px, -27px);

}

.contact_us_section_white .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button a {

  width: 150px;

  height: 150px;

  border-radius: 50%;

  border: 0.5px solid #BDBDBD;

  background: transparent;

  transition: all 350ms ease;

  outline: none;

  overflow: hidden;

  text-decoration: none;

  position: relative;

  z-index: 2;

  cursor: pointer;

}

.contact_us_section_white .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button a #contact_us_button_circle {

  background-color: var(--black);

  border-radius: 50%;

  height: 0;

  position: absolute;

  transform: translate(-50%, -50%);

  transition: height 0.35s, width 0.35s;

  width: 0;

  z-index: 0;

}

.contact_us_section_white .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button a .contact_us_button_inner_content {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  max-width: 87px;

  max-height: 57px;

  display: flex;

  flex-direction: column;

  align-items: center;

  z-index: 2;

}

.contact_us_section_white .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button a .contact_us_button_inner_content svg path {

  transition: all 250ms ease;

}

.contact_us_section_white .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button a .contact_us_button_inner_content span {

  color: var(--black);

  font-size: 14px;

  font-family: var(--semiBold);

  margin-top: 12px;

  transition: all 250ms ease;

}

.contact_us_section_white .footer_white {

  width: 100%;

  padding-left: 96px;

  padding-right: 96px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #FAF2F2;

  position: relative;

  z-index: 0;

}

.contact_us_section_white .footer_white .footer_inner {

  width: 1248px;

  padding-top: 48px;

  padding-bottom: 24px;

  position: relative;

}

.contact_us_section_white .footer_white .footer_inner .footer_head_section {

  display: flex;

  flex-direction: column;

  width: 566px;

  margin-bottom: 96px;

}

.contact_us_section_white .footer_white .footer_inner .footer_head_section span {

  font-size: 16px;

  line-height: 20px;

  color: #636363;

  font-family: var(--medium);

  margin-bottom: 16px;

}

.contact_us_section_white .footer_white .footer_inner .footer_head_section a {

  text-decoration: none;

  font-size: 68.808px;

  line-height: 65.5px;

  color: var(--black);

  font-family: var(--semiBold);

  position: relative;

}

.contact_us_section_white .footer_white .footer_inner .footer_head_section a::after {

  content: "";

  position: absolute;

  bottom: -12px;

  left: 0;

  width: 100%;

  height: 4px;

  background: var(--black);

  transition: all 350ms ease-in-out;

}

.contact_us_section_white .footer_white .footer_inner .footer_head_section a:hover::after {

  width: 50%;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section {

  width: 672px;

  display: flex;

  align-items: flex-start;

  margin-bottom: 100px;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_one {

  margin-right: 120px;

  display: flex;

  align-items: flex-start;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_one .socials {

  width: 93px;

  margin-right: 120px;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_one .socials span {

  font-size: 16px;

  line-height: 20px;

  color: #636363;

  font-family: var(--medium);

  margin-bottom: 16px;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_one .socials ul {

  margin-top: 16px;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_one .socials ul a {

  text-decoration: none;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_one .socials ul a li {

  width: auto;

  list-style: none;

  color: var(--black);

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  margin-bottom: 14px !important;

  font-family: var(--semiBold);

  position: relative;

  transition: all 350ms ease-in-out;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_one .socials ul a li:hover {

  color: #636363;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_one .socials ul a li:last-child {

  margin-bottom: 0;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_one .our_office {

  width: 173px;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_one .our_office span {

  font-size: 16px;

  line-height: 20px;

  color: #636363;

  font-family: var(--medium);

  margin-bottom: 16px;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_one .our_office h3 {

  margin-top: 16px;

  color: var(--black);

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  font-family: var(--semiBold);

  transition: all 350ms ease-in-out;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_one .our_office h3:hover {

  color: #636363;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_two {

  display: flex;

  align-items: flex-start;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_two .phone_number {

  width: 173px;

  display: flex;

  flex-direction: column;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_two .phone_number span {

  font-size: 16px;

  line-height: 20px;

  color: #636363;

  font-family: var(--medium);

  margin-bottom: 16px;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_two .phone_number a {

  color: var(--black);

  font-size: 19.2px;

  line-height: 24px;

  letter-spacing: 0.25px;

  font-family: var(--semiBold);

  text-decoration: none;

  transition: all 350ms ease-in-out;

}

.contact_us_section_white .footer_white .footer_inner .footer_body_section .list_wrapper_two .phone_number a:hover {

  color: #636363;

}

.contact_us_section_white .footer_white .footer_inner .footer_bottom_section {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.contact_us_section_white .footer_white .footer_inner .footer_bottom_section span {

  font-size: 14px;

  line-height: 17.5px;

  color: #636363;

  font-family: var(--medium);

}



@media screen and (max-width: 1440px) {

  .contact_us_section_white .inner_wrap {

    width: 100%;

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper {

    padding-left: 64px;

    padding-right: 64px;

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper .contact_us_divide_line {

    width: 100%;

  }

  .contact_us_section_white .inner_wrap .footer_white {

    width: 100%;

    padding-left: 64px;

    padding-right: 64px;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner {

    width: 100%;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner .footer_body_section .list_wrapper_one {

    margin-right: 215px;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner .footer_body_section .list_wrapper_one .socials {

    margin-right: 215px;

  }

}

@media screen and (min-width: 1280px) {

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper .contact_us_button a:hover {

    transform: scale(1.2);

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper .contact_us_button a:hover #contact_us_button_circle {

    height: 350px;

    width: 350px;

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper .contact_us_button a:hover .contact_us_button_inner_content svg path {

    fill: var(--white);

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper .contact_us_button a:hover .contact_us_button_inner_content span {

    color: var(--white);

  }

}

@media screen and (max-width: 990px) {

  .contact_us_section_white {

    padding-top: 248px;

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper {

    padding-left: 40px;

    padding-right: 40px;

  }

  .contact_us_section_white .inner_wrap .footer_white {

    padding-left: 40px;

    padding-right: 40px;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner .footer_body_section .list_wrapper_one {

    margin-right: 198.5px;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner .footer_body_section .list_wrapper_one .socials {

    margin-right: 198.5px;

  }

}

@media screen and (max-width: 909px) {

  .contact_us_section_white {

    padding-top: 200px;

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner {

    padding: 0 68px;

    width: 756px;

    height: 359px;

    margin-bottom: 48px;

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner h1 {

    width: 622px;

    height: 197px;

    font-size: 68.808px;

    line-height: 65.53px;

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button {

    display: flex;

    position: relative;

    width: 150px;

    height: 150px;

    left: 480px;

    top: 15px;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner .footer_head_section {

    width: 471px;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner .footer_head_section a {

    /*font-size: 57.336px;*/
    font-size: 30.336px;

    line-height: 54.61px;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner .footer_body_section {

    flex-direction: column;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner .footer_body_section .list_wrapper_one {

    margin-bottom: 64px;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner .footer_body_section .list_wrapper_one .socials {

    margin-right: 80px;

  }

}

@media screen and (max-width: 755px) {

  .contact_us_section_white {

    padding-top: 200px;

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper {

    padding-left: 24px;

    padding-right: 24px;

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner {

    width: 390px;

    height: 356px;

    margin-bottom: 48px;

    padding: 0;

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner h1 {

    width: 390px;

    height: 219px;

    font-size: 57.336px;

    line-height: 54.61px;

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button {

    display: flex;

    position: relative;

    width: 150px;

    height: 150px;

    left: 300px;

    top: 13px;

  }

  .contact_us_section_white .inner_wrap .footer_white {

    padding-left: 24px;

    padding-right: 24px;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner .footer_head_section {

    width: 327px;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner .footer_head_section a {

    font-size: 39.808px;

    line-height: 37.91px;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner .footer_body_section .list_wrapper_one .socials {

    margin-right: 61px;

  }

}

@media screen and (max-width: 584px) {

  .contact_us_section_white {

    padding-top: 200px;

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper {

    padding-left: 24px;

    padding-right: 24px;

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner {

    width: 327px;

    height: 401px;

    margin-bottom: 48px;

    padding: 0;

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner h1 {

    width: 327px;

    height: 219px;

    font-size: 57.336px;

    line-height: 54.61px;

  }

  .contact_us_section_white .inner_wrap .contact_us_section_inner_wrapper .contact_us_section_inner .contact_us_button {

    display: flex;

    position: relative;

    width: 150px;

    height: 150px;

    left: 270px;

    top: 60px;

  }

  .contact_us_section_white .inner_wrap .footer_white {

    padding-left: 24px;

    padding-right: 24px;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner .footer_head_section {

    width: 327px;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner .footer_head_section a {

    font-size: 39.808px;

    line-height: 37.91px;

  }

  .contact_us_section_white .inner_wrap .footer_white .footer_inner .footer_body_section .list_wrapper_one .socials {

    margin-right: 61px;

  }

}

.other-works-wrapper .divider {

  width: 100%;

  margin: 96px 0;

}

.other-works-wrapper .divider .divider-inner {

  height: 0.5px;

  background: #BDBDBD;

}

.other-works-wrapper .works-wrapper {

  width: auto;

  display: flex;

  align-items: flex-start;

}

.other-works-wrapper .works-wrapper .navigation-wrapper {

  min-width: 184px;

  width: 184px;

  cursor: pointer;

  margin-right: 136px;

  margin-top: 121px;

}

.other-works-wrapper .works-wrapper .navigation-wrapper h2 {

  font-size: 33.184px;

  line-height: 41.5px;

}

.other-works-wrapper .works-wrapper .navigation-wrapper h2 img {

  transform: translate(5px, 3px);

}

.other-works-wrapper .works-wrapper .other-works-slider-wrapper {

  display: flex;

  overflow-x: scroll;

  cursor: grab;

}

.other-works-wrapper .works-wrapper .other-works-slider-wrapper:active {

  cursor: grabbing;

}

.other-works-wrapper .works-wrapper .other-works-slider-wrapper .swiper .swiper-wrapper .swiper-slide {

  width: 394px !important;

  margin-right: 32px;

}

.other-works-wrapper .works-wrapper .other-works-slider-wrapper .swiper .swiper-wrapper .swiper-slide:last-child {

  margin-right: 0 !important;

}

.other-works-wrapper .works-wrapper .other-works-slider-wrapper .swiper .swiper-wrapper .swiper-slide .single-work-wrapper {

  width: 100%;

}

.other-works-wrapper .works-wrapper .other-works-slider-wrapper .swiper .swiper-wrapper .swiper-slide .single-work-wrapper .image-wrapper {

  margin-bottom: 20px;

  overflow: hidden;

  height: 395px;

}

.other-works-wrapper .works-wrapper .other-works-slider-wrapper .swiper .swiper-wrapper .swiper-slide .single-work-wrapper .image-wrapper img {

  width: 100%;

  height: 100%;

  transition: all 500ms ease;

}

.other-works-wrapper .works-wrapper .other-works-slider-wrapper .swiper .swiper-wrapper .swiper-slide .single-work-wrapper:last-child {

  margin-right: 0;

}

.other-works-wrapper .works-wrapper .other-works-slider-wrapper .swiper .swiper-wrapper .swiper-slide .single-work-wrapper span {

  font-size: 23.04px;

  line-height: 28.8px;

}



@media screen and (max-width: 1024px) {

  .other-works-wrapper .works-wrapper .other-works-slider-wrapper .swiper .swiper-wrapper .swiper-slide {

    margin-right: 24px !important;

  }

}

@media screen and (min-width: 1200px) {

  .other-works-wrapper .works-wrapper .other-works-slider-wrapper .swiper .swiper-wrapper .swiper-slide .single-work-wrapper:hover .image-wrapper img {

    transform: scale(1.2);

  }

}

@media screen and (max-width: 768px) {

  .other-works-wrapper .works-wrapper {

    padding-left: 24px !important;

  }

  .other-works-wrapper .works-wrapper .other-works-slider-wrapper {

    padding-right: 24px !important;

  }

  .other-works-wrapper .works-wrapper {

    display: block !important;

  }

  .other-works-wrapper .works-wrapper .navigation-wrapper {

    margin: 0 !important;

    margin-bottom: 48px !important;

    width: 100% !important;

  }

  .other-works-wrapper .works-wrapper .navigation-wrapper h2 {

    font-size: 23.04px !important;

    line-height: 28.8px !important;

  }

  .other-works-wrapper .works-wrapper .navigation-wrapper h2 img {

    display: none !important;

  }

}

@media screen and (max-width: 480px) {

  .centered_wrapper .centered_wrapper_inner {

    width: 100% !important;

  }

  .situation_images_wrapper {

    padding: 0 !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .single-image-wrapper {

    width: 50% !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper {

    height: auto !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(1) {

    width: 28.5% !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(1) img:nth-child(2) {

    margin-top: 48px;

    width: 45% !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(2) {

    width: 28.5% !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(2) img:nth-child(2) {

    margin-top: 48px;

    width: 41% !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(3) {

    width: 28.5% !important;

  }

  .situation_images_wrapper .situation_images_wrapper-inner .gallery-wrapper .multi-images-wrapper .column:nth-child(3) img:nth-child(1) {

    margin-bottom: 48px;

    width: 91% !important;

  }

  .other-works-wrapper .works-wrapper .other-works-slider-wrapper .swiper .swiper-wrapper .swiper-slide {

    margin-right: 16px !important;

  }

  .other-works-wrapper .works-wrapper .navigation-wrapper h2 img {

    display: none;

  }

  .other-works-wrapper .divider {

    margin: 64px 0;

  }

  .other-works-wrapper .works-wrapper .other-works-slider-wrapper .swiper .swiper-wrapper .swiper-slide {

    width: 240px !important;

  }

  .other-works-wrapper .works-wrapper .other-works-slider-wrapper .swiper .swiper-wrapper .swiper-slide .image-wrapper {

    height: 240px !important;

  }

  .other-works-wrapper .works-wrapper .other-works-slider-wrapper .swiper .swiper-wrapper .swiper-slide span {

    font-size: 16px !important;

    line-height: 20px !important;

  }

}





@media screen and (max-width: 1086px) {

  .about_container .we_build_section .carousel-container .carousel-display .carousel-display__item .display-item__inner img {

    width: 300px;

  }

}

@media screen and (min-width: 1087px) {

  .about_container .we_build_section .carousel-container .carousel-display .carousel-display__item .display-item__inner img {

    width: 508px;

  }

}/*# sourceMappingURL=allCss.css.map */