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

html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  /* background-color: #F1F1F1; */
  background-color: #f6f6f6;
}

@font-face {
  font-family: Montserrat;
  src: url('./fonts/Montserrat-Regular.ttf');
}

@font-face {
  font-family: MontserratBold;
  src: url('./fonts/Montserrat-Bold.ttf');
}

@font-face {
  font-family: MontserratSemiBold;
  src: url('./fonts/Montserrat-SemiBold.ttf');
}

p,
li,
span,
a,
label {
  font-family: Montserrat, sans-serif;
}

h1,
h2,
h3,
h4 {
  font-family: MontserratSemiBold, sans-serif;
}

h5,
h6,
button {
  font-family: MontserratSemiBold, sans-serif;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: black;
}

ul {
  padding-left: 0;
}

.menu-nav {
  background-color: #F1F1F1;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 110px;
  transition: 0.3s linear;
}

.nav {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  height: 100%;
  margin-bottom: 0;
}

.nav__list li {
  font-size: 24px;
}

.nav__items {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: end;
}

.website-promote-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.website-promote-image img {
  width: fit-content;
}

.website-promote-image__content img {
  width: 100%;
}

.website-promote-image-container {
  background-color: #dfeaeb;
  padding-bottom: 50px;
}

.cooperation-steps {
  padding-top: 75px;
}

.cooperation-steps-container {
  background-color: #CECBBF;
}

.cooperation-steps__section-title h2 {
  font-size: 44px;
  color: #2D53CB;
  -webkit-text-stroke-width: 2.00px;
  text-align: center;
}

.cooperation-steps__section-title {
  margin-bottom: 80px;
}

.cooperation-steps__item-text-1 span {
  font-size: 72px;
  color: white;
}

.cooperation-steps__item-text-1 div {
  margin-top: 20px;
}

.cooperation-steps__item-text-1 div h5 {
  font-size: 28px;
  color: #2D53CB;
  margin-bottom: 14px;
}

.cooperation-steps__item-text-1 div p {
  font-size: 17px;
}

.cooperation-steps__item-image-1,
.cooperation-steps__item-text-1 {
  margin-bottom: 50px;
}

.cooperation-steps__item-image-1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cooperation-steps__item-image-1 img {
  width: 150px;
}

.cooperation-steps__cta {
  margin: 60px 0 65px 0;
}

.cooperation-steps__cta-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white;
  border-radius: 75px;
  padding: 65px 110px;
}

.cooperation-steps__cta-form h4 {
  font-size: 36px;
  text-align: center;
  margin-bottom: 55px;
}

.cooperation-steps__cta-form a {
  font-size: 30px;
  color: #3553B2;
  padding: 18px 45px;
  border: 4px solid #BC9980;
  border-radius: 55px;
  text-align: center;
  width: fit-content;
}

.our-offer-section {
  background-color: #F1F1F1;
  padding-top: 200px;
}

.our-offer__section-title {
  color: #2D53CB;
  text-transform: uppercase;
  font-size: 44px;
}

.our-offer__offer {
  display: flex;
  margin-top: 75px;
  margin-bottom: 75px;
}

.our-offer__offer div h5 {
  font-size: 30px;
  font-family: Montserrat, sans-serif;
  margin-bottom: 35px;
  position: relative;
}

.our-offer__offer div h5::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  height: 4px;
  height: 4px;
  width: 100px;
  background-color: #778E84;
}

.our-offer__offer div p {
  font-size: 17px;
}

.our-offer__offer div p:nth-child(1) {
  margin-bottom: 35px;
}

.our-offer__offer-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.our-offer__offer-3-list {
  padding-left: 0;
  margin-top: 35px;
}

.our-offer__offer-3-list h6 {
  font-size: 22px;
}

.our-offer__offer-3-list li {
  list-style: disc;
  font-size: 18px;
  margin-left: 25px;
}

.our-offer__offer:nth-last-child(1) {
  margin-bottom: 0;
}

.first-contact-form {
  display: flex;
  justify-content: center;
  margin: 200px 0;
}

.first-contact-form__container {
  background-color: #DDD0BE;
  padding: 25px;
  width: 1115px;
}

.first-contact-form__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px;
  border: 2px solid #F4F4F4;
}

.first-contact-form__content-text {
  margin-bottom: 50px;
}

.first-contact-form__content-text h3 {
  font-size: 40px;
  color: #A5151D;
  margin-bottom: 12px;
  text-align: center;
}

.first-contact-form__content-text p {
  font-size: 17px;
  text-align: center;
  margin-bottom: 0;
}

.first-contact-form__content a {
  font-size: 30px;
  color: #A92127;
  background-color: #FFF4E1;
  padding: 18px 45px;
  border: 4px solid #C9A687;
  border-radius: 55px;
  font-family: MontserratSemiBold, sans-serif;
  text-align: center;
  width: fit-content;
}

.why-our-company {
  padding-bottom: 85px;
  border-bottom: 15px solid #BC9980;
}

.why-our-company__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.why-our-company__text h2 {
  font-size: 44px;
  text-transform: uppercase;
  color: #2D53CB;
  margin-bottom: 45px;
}

.why-our-company__description p {
  font-size: 17px;
}

.why-our-company__image {
  display: flex;
  flex-direction: column;
  align-items: end;
}

.why-our-company__image-description {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 25px;
}

.why-our-company__image-description h5 {
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.why-our-company__image-description div p {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
}

.our-portfolio-container {
  background-color: #CECBBF;
  margin-bottom: 150px;
}

.our-portfolio {
  margin-top: 110px;
  padding: 90px 0 65px;
}

.our-portfolio__section-title {
  font-size: 44px;
  text-transform: uppercase;
  color: #2D53CB;
  font-family: MontserratSemiBold, sans-serif;
  margin-left: 0;
}

.our-portfolio__projects {
  display: flex;
}

.our-portfolio__project {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}

/* .our-portfolio__project img {
  width: 100%;
} */

.our-portfolio__project-2 {
  max-height: 420px;
  height: 420px;
  overflow: hidden;
}

.our-portfolio__project-2 img {
  width: 70%;
}

.our-portfolio__all-projects-button {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 50px;
}

.our-portfolio__all-projects-button a {
  font-size: 26px;
  color: black;
  background-color: #F1F1F1;
  padding: 16px 55px;
  border: 6px solid #6A84A6;
  border-radius: 55px;
  font-family: MontserratSemiBold, sans-serif;
  text-align: center;
  width: fit-content;
}

.cooperation-steps__cta-form--portfolio h4 {
  margin-bottom: 25px;
}

.cooperation-steps__cta-form--portfolio p {
  font-size: 20px;
  text-align: center;
}

.about-us {
  margin-bottom: 200px;
}

.about-us__section-title {
  margin-bottom: 75px;
}

.about-us__section-title h2 {
  font-size: 44px;
  color: #2D53CB;
  text-transform: uppercase;
}

.about-us__image {
  display: flex;
  justify-content: center;
}

.about-us__image img {
  width: 85%;
}

.about-us__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 25px;
}

.about-us__text h4 {
  font-size: 44px;
  color: #C9A687;
  margin-bottom: 25px;
}

.about-us__text div p {
  font-size: 17px;
}

.our-experience-container {
  background-color: #DFEAEB;
  padding: 100px;
}

.our-experience__section-title {
  font-size: 44px;
  color: #2D53CB;
  font-family: MontserratSemiBold, sans-serif;
  ;
  text-transform: uppercase;
}

.our-experience__course-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 75px;
}

.our-experience__course {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 90px;
  padding: 0 50px;
}

.our-experience__course h5 {
  font-size: 22px;
  font-family: MontserratSemiBold;
  /* font-family: Montserrat; */
  margin-bottom: 0;
}

.our-experience__course h5:nth-child(2) {
  text-align: right;
}

.our-experience__course-dark {
  background-color: #C6DDEE;
}

.contact {
  position: relative;
}

.contact__info {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #CECBBF;
  padding: 40px 130px 20px;
}

.contact__title {
  font-size: 54px;
  color: #2D53CB;
  margin-bottom: 30px;
}

.contact__cta-contact h5 {
  color: #6A84A6;
  font-family: MontserratSemiBold, sans-serif;
  margin-bottom: 35px;
}

.contact__cta-icons {
  margin-bottom: 25px;
}

.contact__cta-social-media {
  display: flex;
  flex-direction: column;
}

.contact__cta-contact a {
  padding: 14px 28px;
  font-size: 18px;
  color: black;
  border: 3px solid #8C8C8C;
  border-radius: 50px;
  margin-bottom: 0;
}

.contact__cta-icons {
  width: 35%;
  display: flex;
  justify-content: space-between;
}

.about-us__content {
  display: flex;
}

.our-offer__section-title h2 {
  font-size: 44px;
}

/* .portfolio-page-map {
  visibility: hidden;
} */

.contact__cta-contact {
  margin-bottom: 50px;
}

.contact__social-media-icons-container h5 {
  color: #6A84A6;
}

.contact__contact-data-container h5 {
  font-family: Montserrat;
}

.contact__contact-data-container h5:nth-child(1) {
  margin-bottom: 25px;
  color: #6A84A6;
  font-family: MontserratSemiBold;
}

.contact__contact-data-container h5 span {
  font-family: MontserratSemiBold;
  color: #6A84A6;
}

/* .our-portfolio__portfolio-page-project-1 img{
  width: 50%;
} */

.our-portfolio__portfolio-page-projects {
  margin-top: 50px;
}

.our-portfolio__portfolio-page-projects {
  display: flex;
  flex-wrap: wrap;
}

/* .our-portfolio__portfolio-page img {
  width: 75%;
   padding-right: 25px; 
} */

.our-portfolio__portfolio-page-project-1 {
  display: flex;
  justify-content: space-around;
  margin-bottom: 75px;
}

/* .our-portfolio__portfolio-page-project-1 img {
  width: 75%;
} */

.our-portfolio-container-portfolio-page {
  background-color: #e8e8e8;
}


.portfolio-page-map-portfolio-page {
  height: 300px;
}

/* .our-portfolio__portfolio-page-project-1-image-2 {
  padding-left: 60px;
} */

.contact__contact-data-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.contact__contact-data-container h5 {
  font-size: 26px;
}

.contact__contact-data-container h5:nth-child(2) {
  margin-bottom: 15px;
}

.our-portfolio__project img:nth-child(3) {
  width: 100%;
}

.our-portfolio__portfolio-page-project-1 {
  margin-bottom: 50px;
}

.wrapper-portfolio {
  background-color: #E6E7E8;
}

/* 
.nav{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
} */

.menu-nav.scroll-up {
  height: 80px;
  z-index: 10;
}

.nav__list {
  height: 100%;
}

.ds {
  height: 100%;
}

.nav {
  height: 100%;
}

.nav__items {
  height: 100%;
}

.nav__logo {
  height: 100%;
}

.nav__logo img {
  height: 100%;
}

.our-portfolio__section-title--main-page {
  margin-left: 0;
}

.wrapper-main-page {
  margin-top: 110px;
}

.about-us {
  margin-top: 175px;
}

.first-contact-form--special-margin {
  margin-bottom: 125px;
}

.about-us {
  padding-top: 75px;
}

.our-portfolio__portfolio-page-project img {
  width: 100%;
}

.our-portfolio__portfolio-page-project-2 {
  max-height: fit-content;
  height: auto;
}

.our-portfolio__portfolio-page-project-1 {
  margin-bottom: 0;
  padding-right: 25px;
}

.our-portfolio__portfolio-page-project-2 img {
  width: 96%;
}

.our-portfolio__portfolio-page-project-3 img {
  width: 81%;
}

.why-our-company__image-and-description {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.why-our-company__image-and-description img {
  width: 80%;
}

.our-offer__offer-image img {
  width: 150px;
}

.formularz {
  background-color: white;
}



.burger {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  height: 25px;
  width: 40px;
  position: fixed;
  top: 40px;
  right: 40px;
  transition: .3s linear;
  z-index: 12;
}

/* .burger.horizont{
  top: 27.5px;
} */

.line {
  width: 100%;
  height: 2px;
  background-color: black;
}

.burger.show {
  transform: rotate(90deg);
}


/* 
.burger {
  position: fixed;
  top: 40px;
  right: 40px;
  transition: .3s linear;
  z-index: 12;
} */

.burger:hover {
  cursor: pointer;
}

.ham-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100vw;
  width: 100vw;
  background-color: white;
  transition: .3s linear;
  z-index: 11;
}


.ham-menu.show {
  left: 0;
}

.menu-nav__active-item {
  color: #065494 !important;
}

.ham-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ham-menu__logo {
  margin-bottom: 50px;
}

.ham-manu__list-items-container li {
  text-align: center;
  margin-bottom: 10px;
}

.private-policy__more-info-to-single-point li {
  margin-left: 20px;
}

.privacy-policy__title {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 2px solid gray;
}

.private-policy__more-info-to-single-point li {
  list-style-type: disc;
}

.privacy-policy__browsers-systems-links li a {
  color: rgb(247, 145, 145);
}

.privacy-policy__text-container {
  padding-top: 150px;
  padding-bottom: 125px;
}

.contact-form__title {
  margin-bottom: 20px;
}

.contact-form__data {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}

.contact-form__form {
  display: flex;
  flex-direction: column;
  width: 32%;
}

.contact-form__small-form {
  background-color: transparent;
  padding: 12px;
  border: 1px solid #d2d8df;
  border-radius: 40px;
}

.contact-form__small-form:hover {
  border: 1px solid black;
}

.contact-form__label {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  margin-left: 20px;
}

.contact-form__message {
  margin-bottom: 25px;
}

.contact-form__send-button {
  padding: 14px 35px;
  color: white;
  font-weight: 700;
  background-color: black;
  font-size: 20px;
  border: none;
  border-radius: 40px;
  transition: .4s;
}

input[type="checkbox"] {
  position: relative;
  appearance: none;
  width: 40px;
  height: 20px;
  background: #ccc;
  border-radius: 20px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: 0.4s;
}

input:checked[type="checkbox"] {
  background: #2D53CB;
}

input[type="checkbox"]::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transform: scale(1.1);
  transition: 0.4s;
}

input:checked[type="checkbox"]::after {
  left: 50%;
}

.contact-form__send-button:hover {
  background-color: rgb(32, 32, 32);
}

.contact-form__message-form {
  background-color: transparent;
  padding: 12px;
  border: 1px solid #d2d8df;
  border-radius: 40px;
  height: 54px;
}

.contact-form__form--message {
  width: 45%;
}

.contact-form {
  margin: 50px auto 0;
}

.contact-form {
  display: flex;
  justify-content: center;
  margin-top: 150px;
}

.contact-form__form-checkbox {
  width: 75%;
  margin-left: 20px;
}

.contact-form__form-checkbox label a {
  color: #2D53CB;
}

.contact-form__button {
  margin-top: 20px;
  /* margin-left: 20px; */
}

.contact__contact-data-container h5:nth-last-child(1) {
  margin-bottom: 20px;
}

.contact-form__row {
  margin-bottom: 150px;
}


#popup-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: auto;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
}

#popup {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: white;
  padding: 25px 0;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#popup p{
  width: 90%;
  font-size: 18px;
}

#popup button{
  padding: 10px 24px;
  font-size: 16px;
  color: black;
  border: 2px solid #8C8C8C;
  border-radius: 50px;
  margin-bottom: 0;
}

.popup-buttons-container button:nth-child(1){
  margin-right: 25px;
}







.pin-title {
  position: fixed;
  top: 1.875rem;
  bottom: 1.875rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Exo', sans-serif;
  font-weight: 800;
  font-size: 800%;
  letter-spacing: 0.0625rem;
  color: #f3f3f3;
  user-select: none;
  z-index: -1;
  text-align: center;
}


/* COOKIE POPUP STYLES */

.cookie-popup {
  
  font-size: 0.875rem;
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
  position: fixed;
  bottom: -6.25rem;
  left: 1.25rem;
  right: 1.25rem;
  padding: 0.625rem 0.9375rem;
  box-shadow: 0 0 0.625rem 0 rgba(0,0,0, .15);
  line-height: 150%;
  transition: opacity .5s;
  opacity: 0;
}
.cookie-popup--short {
  right: none;
  width: 21.875rem; 
}
.cookie-popup--dark {
  background: white;
  color: black;
}
.cookie-popup--not-accepted {
  opacity: 1;
  display: flex;
  animation: cookie-popup-in .5s ease forwards;  
}
.cookie-popup--accepted {
  opacity: 0;
  display: none;
}
.cookie-popup-actions {
  flex: 1;
  text-align: right;
}
.cookie-popup-actions button {
  color: #2D53CB;
  border: none;
  background: none;
  font-family: inherit;
  font-style: inherit;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 	0.75rem;
  padding: 0;
  cursor: pointer;
}
.cookie-popup-actions button:hover {
  text-decoration: underline;
}

.cookie-popup--accepted{
  display: none;
}

@keyframes cookie-popup-in {
  from { bottom: -6.25rem; }
  to { bottom: 1.25rem; }
}







@media(max-width: 1500px) {
  .contact__cta-icons {
    width: 200px;
  }

  /* .our-portfolio__section-title{
    margin-left: 11vw;
  } */

  .our-portfolio__section-title--main-page {
    margin-left: 0;
  }
}

@media(max-width: 1400px) {

  /* .our-portfolio__portfolio-page-project-1 img {
    width: 28%;
  }

  .our-portfolio__portfolio-page-project-2 img {
    width: 80%;
  } */
  .about-us__image img {
    width: 95%;
  }
}

@media(max-width: 1250px) {
  .first-contact-form__content-text h3 {
    font-size: 36px;
  }

  .first-contact-form__content a {
    font-size: 24px;
  }

  .first-contact-form__container {
    width: auto;
  }
}

@media(max-width: 1199px) {

  /* .our-offer__offer-image {
    justify-content: end;
  } */

  .our-experience__course {
    height: 84px;
  }

  .our-experience__course h5 {
    font-size: 22px;
  }

  .about-us__text h4 {
    font-size: 38px;
    margin-bottom: 15px;
  }

  .why-our-company__image {
    align-items: center;
    margin-top: 50px;
  }

  /* .website-promote-image-container {
    padding-bottom: 125px;
  } */

  .nav__list {
    width: 95%;
  }

  .our-portfolio__portfolio-page-project-1-image-2 {
    width: 36% !important;
  }

  .our-portfolio__portfolio-page-projects {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
  }

  .our-portfolio__portfolio-page-project-1 img:nth-child(2) {
    width: 27% !important;
  }

  .our-portfolio__section-title--main-page {
    margin-left: 0;
  }

  .about-us__image img {
    height: 550px;
  }

  .privacy-policy__text-container {
    padding-bottom: 160px;
  }

  /* 
  .about-us__image img{
    width: 90%;
  } */
}


@media(max-width: 991px) {
  .our-offer__offer {
    flex-direction: column-reverse;
  }

  .our-offer__offer-image {
    justify-content: start;
    margin-bottom: 50px;
  }

  .cooperation-steps__item-image-1 {
    display: none;
  }

  .cooperation-steps__cta-form {
    padding: 60px 10px;
  }

  .cooperation-steps__cta-form a {
    font-size: 28px;
  }

  .first-contact-form__content-text h3 {
    font-size: 32px;
  }

  .first-contact-form__content-text {
    margin-bottom: 30px;
  }

  .first-contact-form__content a {
    padding: 16px 40px;
    border: 3px solid #C9A687;
  }

  .our-experience__course h5 {
    font-size: 18px;
    font-family: MontserratSemiBold;
  }

  .why-our-company__image {
    align-items: center;
    margin-top: 50px;
  }

  .about-us__text {
    margin-bottom: 75px;
  }

  .about-us__content {
    display: flex;
    flex-direction: column-reverse;
  }

  .about-us__text {
    padding-left: 0;
  }

  .contact__cta-contact {
    margin-bottom: 50px;
  }

  .contact__info {
    padding: 40px 75px;
  }

  .cooperation-steps__cta-form {
    padding: 60px 40px;
  }

  .cooperation-steps__cta-form h4 {
    font-size: 32px;
  }

  .cooperation-steps__cta-form--portfolio h4 {
    margin-bottom: 20px;
  }

  .our-portfolio__projects {
    flex-wrap: wrap;
    justify-content: center;
  }

  .website-promote-image-container .container {
    padding-left: 0;
    padding-right: 0;
  }

  .website-promote-image-container .container {
    max-width: 95vw;
  }

  .nav__list {
    width: 100%;
  }

  .nav__list li {
    font-size: 18px;
  }

  .contact__contact-data-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 35px;
  }

  .contact__cta-icons a img {
    width: 40px;
  }

  .contact__cta-icons {
    width: 150px;
  }

  .contact__private-policy {
    margin-top: 20px;
  }

  .our-portfolio__portfolio-page-project-1 img {
    width: 75%;
  }

  .our-portfolio__portfolio-page-project-1-image-2 {
    width: 35% !important;
  }

  .portfolio-page-map-portfolio-page {
    height: 400px;
  }

  .our-portfolio__portfolio-page img {
    padding-right: 0;
  }

  .our-portfolio__portfolio-page-project-1 {
    flex-direction: column;
  }

  .our-portfolio__portfolio-page-project-1 {
    margin-bottom: 0;
  }

  .our-portfolio__portfolio-page-project-1-image-2 {
    width: 300px !important;
    padding-left: 0;
  }

  .our-portfolio__project img {
    width: 90%;
  }

  .our-portfolio__portfolio-page-project-2 img {
    width: 100%;
  }

  .our-portfolio__project img {
    width: 95%
  }

  .our-portfolio__portfolio-page-project-1 img {
    width: 175%;
    margin-bottom: 75px;
  }

  .our-portfolio__portfolio-page-project-1 img:nth-child(2) {
    width: auto !important;
  }

  /* .our-portfolio__portfolio-page-project-2 img{
    width: 450px !important;
  } */

  .our-portfolio__section-title {
    text-align: center;
    margin-left: 0;
  }

  .our-portfolio-container {
    margin-bottom: 25px;
  }

  /* 
  .our-portfolio__project--main-page{
    width: 135%;
  } */

  .our-portfolio__portfolio-page-projects {
    flex-direction: column-reverse;
  }

  .our-portfolio__project {
    margin-bottom: 75px;
  }

  .our-portfolio__portfolio-page-project-1 {
    padding-right: 0;
  }

  .first-contact-form__content-text p {
    font-size: 16px;
  }

  .our-offer__offer-image img {
    width: 150px;
  }

  .about-us__image img {
    width: 65%;
  }

  .about-us__image img {
    height: auto;
  }

  .privacy-policy__text-container {
    padding-bottom: 300px;
  }

  .contact-form__row {
    margin-bottom: 200px;
  }
}


@media(max-width: 800px) {
  .our-portfolio__portfolio-page-project-1 {
    flex-direction: column;
  }

  .our-portfolio__portfolio-page-project-1 {
    margin-bottom: 0;
  }

  .our-portfolio__portfolio-page-project-1 img {
    margin-bottom: 75px;
  }

  .our-portfolio__portfolio-page img {
    padding-right: 0;
  }

  .our-portfolio__portfolio-page-project-1-image-2 {
    width: 300px !important;
  }

  /* .our-portfolio__portfolio-page img{
    width: 400px;
  } */
}


@media(max-width: 765px) {

  .our-experience__section-title,
  .about-us__section-title h2,
  .our-portfolio__section-title,
  .why-our-company__text h2 {
    font-size: 30px;
  }

  .our-offer__section-title h2 {
    font-size: 30px;
  }

  .our-experience__course-list {
    margin-top: 50px;
  }

  .cooperation-steps__item-text-1 div h5 {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .cooperation-steps__item-text-1 div {
    margin-top: 20px;
  }

  .cooperation-steps__item-text-1 span {
    font-size: 72px;
  }

  .cooperation-steps__section-title h2 {
    font-size: 40px;
  }

  .cooperation-steps__cta-form h4 {
    font-size: 32px;
  }

  .cooperation-steps__cta-form h4 {
    margin-bottom: 48px;
  }

  .cooperation-steps__cta-form a {
    font-size: 26px;
  }

  .cooperation-steps__cta-form a {
    padding: 16px 40px;
    border: 3px solid #BC9980;
  }

  .our-offer__offer-image img {
    width: 150px;
  }

  .our-offer-section {
    padding-top: 150px;
  }

  .first-contact-form {
    margin: 150px 0;
  }

  .about-us {
    margin-bottom: 150px;
  }

  .contact__title {
    text-align: center;
  }

  .contact__cta-contact {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .contact__cta-contact h5,
  .contact__cta-social-media h5 {
    margin-bottom: 25px;
    text-align: center;
  }

  .contact__cta-social-media {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* .contact__cta-contact a {
    padding: 16px 32px;
    border: 3px solid #8C8C8C;
    font-size: 20px;
  } */

  .our-portfolio__all-projects-button a {
    font-size: 20px;
    border: 3px solid #6A84A6;
    padding: 14px 45px;
  }

  .our-portfolio__project img {
    width: 55%;
  }

  .our-portfolio__project-2 img {
    width: 55%;
  }

  .our-portfolio__portfolio-page-project-1 img {
    width: 90%;
    margin-bottom: 0;
  }

  .our-portfolio__project-2 {
    max-height: auto;
    height: auto;
    /* margin: 40px 0 */
  }

  .our-portfolio__projects {
    margin-top: 40px;
  }

  .nav__items {
    display: none;
  }

  .burger {
    display: flex;
  }

  .contact__contact-data-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .contact__social-media-icons-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .portfolio-page-map-portfolio-page {
    height: 450px;
  }

  .contact__contact-data-container h5 {
    text-align: center;
  }

  .contact__contact-data-container h5 {
    font-size: 20px;
  }

  .contact__info {
    padding: 40px 75px 40px;
  }

  .contact__cta-contact {
    margin-bottom: 0;
  }

  .contact__title {
    font-size: 48px;
  }

  .first-contact-form {
    margin: 100px 0;
  }

  .about-us {
    margin-top: 125px;
  }

  .our-experience-container {
    padding: 100px 15px;
  }

  .privacy-policy__text-container {
    padding-bottom: 275px;
  }

  .contact-form__data {
    display: block;
  }

  .contact-form__form {
    margin-bottom: 40px;
  }

  .contact__contact-copyright {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .contact__cta-contact a {
    padding: 12px 30px;
    border: 2px solid #8C8C8C;
    font-size: 18px;
  }

  .our-portfolio-container {
    margin-bottom: 250px;
  }

  .contact-form__row {
    margin-bottom: 275px;
  }
}

@media(max-width: 650px) {
  .our-experience__course {
    height: 120px;
  }

  .cooperation-steps__cta-form {
    padding: 60px 35px;
  }

  .about-us__image img {
    width: fit-content;
    height: 500px;
  }

  .contact-form__label {
    font-size: 18px;
  }

  .contact-form__small-form {
    width: 100%;
  }

  .contact-form__message-form {
    width: 100%;
  }
}

/* @media(max-width: 590px) {
  .our-portfolio__project img {
    width: 85%;
  }

  .our-portfolio__project-2 img {
    width: 52%;
  }
} */

@media(max-width: 550px){
  #popup p{
    font-size: 16px;
  }
  .popup-buttons-container button:nth-child(1){
    margin-right: 10px;
  }
  #popup button {
    padding: 8px 20px;
  }
}

@media(max-width: 500px) {
  .our-experience__course {
    padding: 0 15px;
  }

  .cooperation-steps__section-title h2 {
    font-size: 32px;
  }

  .cooperation-steps__item-text-1 div h5 {
    font-size: 24px;
  }

  .cooperation-steps__item-text-1 div {
    margin-top: 15px;
  }

  .cooperation-steps__item-text-1 span {
    font-size: 64px;
  }

  .cooperation-steps__cta-form h4 {
    font-size: 26px;
  }

  .cooperation-steps__cta-form a {
    padding: 14px 35px;
    font-size: 20px;
  }

  .cooperation-steps__cta-form h4 {
    margin-bottom: 30px;
  }

  .cooperation-steps__cta-form {
    padding: 45px 10px;
  }

  .our-offer__offer div h5 {
    font-size: 28px;
  }

  .our-offer__offer-image {
    margin-bottom: 35px;
  }

  .our-offer__offer-image img {
    width: 150px;
  }

  .our-offer__offer-3-list h6 {
    font-size: 20px;
  }

  .first-contact-form__content-text h3 {
    font-size: 26px;
  }

  .first-contact-form__content-text p {
    font-size: 16px;
  }

  .first-contact-form__content a {
    padding: 14px 35px;
    font-size: 20px;
  }

  .first-contact-form__content {
    padding: 40px 15px;
  }

  .portfolio-page-map-portfolio-page {
    height: 500px;
  }

  .cooperation-steps__item-text-1 div h5 {
    font-size: 22px;
  }

  .our-offer__offer div p {
    font-size: 16px;
  }

  .why-our-company__description p {
    font-size: 16px;
  }

  .about-us__text div p {
    font-size: 16px;
  }

  .cooperation-steps__item-text-1 div p {
    font-size: 16px;
  }

  .our-offer__offer-image img {
    width: 125px;
  }

  .why-our-company__image-description h5 {
    font-size: 24px;
  }

  .why-our-company__image-description div p {
    font-size: 20px;
  }

  .why-our-company__image-and-description img {
    width: 75%;
  }

  .why-our-company__image-and-description {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .cooperation-steps__cta-form--portfolio p {
    font-size: 18px;
  }

  .our-offer__offer-3-list li {
    font-size: 17px;
  }

  .our-offer__offer-3-list h6 {
    font-size: 17px;
  }

  ol {
    padding-left: 0;
  }

  .contact__title {
    margin-bottom: 20px;
  }
}

@media(max-width: 450px) {
  .our-experience__course h5 {
    font-size: 16px;
    width: 80%;
  }

  .our-experience__section-title,
  .our-portfolio__section-title {
    font-size: 25px;
  }

  .why-our-company__image-and-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .why-our-company__image-and-description img {
    width: 75%;
  }

  .why-our-company__image-description h5 {
    font-size: 28px;
  }

  .our-portfolio__project img {
    width: 60%;
  }

  .our-portfolio__project-2 img {
    width: 60%;
  }

  /* .our-portfolio__portfolio-page-project-2 img{
    width: 400px !important;
  } */

  .our-portfolio__portfolio-page-project-1 img:nth-child(2) {
    width: 75% !important;
  }

  .our-portfolio__portfolio-page-project-1 img {
    width: 90%;
  }

  .about-us__image img {
    width: fit-content;
    height: 400px;
  }

  #popup{
    height: auto;
    padding: 45px;
  }
  .popup-buttons-container button:nth-child(1){
    margin-bottom: 20px !important;
    margin-right: 0;
  }
}

@media(max-width: 400px) {
  .our-experience__section-title {
    font-size: 20px;
  }

  .contact__cta-contact a {
    font-size: 18px;
    padding: 14px 50px;
    text-align: center;
  }

  .contact__info {
    padding: 40px 20px;
  }

  .first-contact-form__content-text p {
    font-size: 16px;
  }

  .first-contact-form__content a {
    padding: 12px 30px;
    font-size: 18px;
    border: 2px solid #C9A687;
  }


  .our-offer__offer-3-list h6 {
    font-size: 18px;
  }


  .why-our-company__image-description h5 {
    font-size: 24px;
  }

  .about-us__text h4 {
    font-size: 34px;
  }

  .cooperation-steps__item-text-1 div p {
    font-size: 16px;
  }

  .cooperation-steps__item-text-1 div h5 {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .cooperation-steps__item-text-1 span {
    font-size: 54px;
  }

  .cooperation-steps {
    padding-top: 50px;
  }

  .cooperation-steps__section-title h2 {
    font-size: 26px;
  }

  .cooperation-steps__cta-form {
    border-radius: 40px;
    padding: 45px 20px;
  }

  .cooperation-steps__cta-form h4 {
    font-size: 22px;
  }


  .cooperation-steps__cta-form a {
    padding: 12px 30px;
    font-size: 20px;
    border: 2px solid #BC9980;
  }

  .cooperation-steps__cta-form h4 {
    margin-bottom: 25px;
  }

  .why-our-company__image-and-description img {
    width: 95%;
  }

  .our-portfolio__all-projects-button a {
    font-size: 20px;
    border: 3px solid;
  }

  .our-portfolio__project img {
    width: 83%;
  }

  .our-portfolio__portfolio-page-project-1-image-2 {
    width: 250px !important;
  }

  .our-portfolio__portfolio-page-project-2 img {
    width: 300px !important;
  }

  .our-experience__course h5 {
    font-size: 15px;
  }

  .our-portfolio__portfolio-page-project-2 img {
    width: 280px !important;
  }

  .our-portfolio__project img {
    width: 83%;
  }

  .our-offer__offer-image img {
    width: 100px;
  }

  .contact-form__row {
    margin-bottom: 225px;
  }
}

@media(max-width: 350px) {
  .privacy-policy__text-container {
    padding-bottom: 275px;
  }

  .contact-form__row {
    margin-bottom: 275px;
  }


}