/*-----------------------------------*\
  #style.css
\*-----------------------------------*/



/*-----------------------------------*\
  #CUSTOM PROPERTY
\*-----------------------------------*/

:root {

  /**
   * TRANSITION
   */
  --transition-1: 0.25s ease;
  --transition-2: 0.5s ease;


}


/*-----------------------------------*\
  #RESET
\*-----------------------------------*/

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

ul li { list-style: none; }
ol li {
  margin-left: 16px;
}
a,
img,
span,
input,
button,
ion-icon { display: block; }

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

img { height: auto; }

input,
button {
  background: none;
  border: none;
  font: inherit;
  color: inherit;
}

input {
  width: 100%;
  outline: none;
}

button { cursor: pointer; }

ion-icon { pointer-events: none; }

address { font-style: normal; }

html {
  font-size: 10px;
  scroll-behavior: smooth;
}

body {
  background: rgb(240, 239, 238);
  color: #000;
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 100%;
  overflow-y: overlay;
  min-width: 320px;
}

picture, img {
  display: block;
  max-width: 100%;
}




/*-----------------------------------*\
  #REUSED STYLE
\*-----------------------------------*/
.container {
  margin-inline: auto;
  max-width: 1140px;
}
.block-title {
  font-family: 'NunitoSans_10pt_ExpandedBold';
  color: rgb(0, 0, 0);
  font-weight: 900;
  letter-spacing: 0%;
  text-transform: uppercase;
}
.block-list {
  background-color: #FF8300;
}

.footer {
  background-color: #051C2C;
}
.footer a {
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}


.slick-slide {
  margin: 0 15px;
}

.slick-list {
  margin: 0 -15px;
}
.projects-list .slick-slide {

  max-width: 320px;
}

@media only screen and (max-width: 768px) {
  .slick-slide {
    margin: 0 10px;
  }
  
  .slick-list {
    margin: 0 -10px;
  }
  .header {
    background: hsla(0,0%,1%,1);
    padding-top: 35px;
    padding-bottom: 22px;
  }
  
  .block {
    padding-top: 100px;
  }
  .block-title {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 54px;
  }
  .wrapper-intro {
    background: url('../images/mobile-bg.jpg') center top no-repeat;
    background-size: cover;
    height: 100%;
  }
  .intro-container {
    display: flex;
    flex-direction: column;
    min-height: 100lvh;
    padding: 0 16px;
    justify-content: center;
    align-items: center;
    margin-inline: auto;
  }
  .btn-primary {
    background: rgb(255, 131, 0);
    display: flex;
    padding: 14px 12px;
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0%;
    column-gap: 8px;
  }

  .intromain {
   
  }
  .introfooter {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: absolute;
    bottom: 89px;
    z-index: 1;
  }
  

  .introfooter-img img {
    width: 58px;
    height: 58px;
  }

}


@media only screen and (max-width: 1140px) {
  .container {
    padding: 0 16px;
  }

}

@media only screen and (min-width: 769px) {
  .header {
    background: hsla(0,0%,1%,0.45);
    padding-top: 25px;
    padding-bottom: 29px;
  }
  .header li > a {
    color: rgb(217, 216, 214);
  }
  .block {
    padding-top: 152px;
  }
  .block-title {
    font-size: 60px;
    line-height: 82px;
  }
  .wrapper-intro {
    background: url('../images/desktop-bg.jpg') center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
  }
  .intro-container {
    display: flex;
    flex-direction: column;
    min-height: 100lvh;
    max-width: 1140px;
    justify-content: center;
    align-items: center;
    margin-inline: auto;
    
  }
  .btn-primary {
    background: rgb(255, 131, 0);
    display: flex;
    padding: 14px 33px;
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0%;
    column-gap: 8px;
  }

  .main {
    margin-block-end: 50px;
  }
  .introfooter {
    position: absolute;
    bottom: 84px;
    width: 100%;
  }
  .introfooter-img {
    max-width: 1140px;
    margin-inline: auto;
    display: flex;
    justify-content: flex-end;
  }



}



/*-----------------------------------*\
  #HEADER STYLE
\*-----------------------------------*/
.header {
  width: 100%;
  position: fixed;
  z-index: 10;
}
.error404 .header, .page-id-17 .header {
  
}
.header-inner {
  display: flex;
  align-items: center;
}
.header-btn {
  display: flex;
  justify-content: flex-end;
}

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

  .header-call {
    order: 1;
    flex: 0 1 33.333%;
  }
  .header-logo {
    order: 2;
    flex: 0 0 auto;
  }
  .header-btn {
    order: 3;
    flex: 0 1 33.333%;
    align-self: flex-end;
  }

  .btn-call__header > span {
    display: none;
  }
.nav-open-btn,
.nav-close-btn {
  font-size: 3.5rem;
  width: 35px;
  height: 35px;
}
.nav-open-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.navbar {
  position: absolute;
  top: 0;
  right: -250px;
  width: 250px;
  height: 100vh;
  background: url('../images/mobile-nav-bg.png') left bottom no-repeat #FF8300;
  background-size: contain;
  padding: 30px 16px;
  z-index: 2;
  overflow-y: auto;
  transition: var(--transition-1);
}

.navbar.active {
  transform: translateX(-250px);
  visibility: visible;
  display: block;
  transition: var(--transition-1);
}

.navbar-top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-block-end: 15px;
  margin-block-end: 15px;
}



.navbar-link {
  padding-block: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.navbar-bottom {
  padding: 41px 0px;

}

.navbar .profile-card { margin-block-end: 15px; }





.navbar .link-list {
  columns: 2;
  -webkit-columns: 2;
}

.navbar-bottom-link {
  padding-block: 6px;
}

.bottom-contacts li {
  display: flex;
  column-gap: 10px;
  margin-bottom: 22px;
}
.bottom-contacts li a {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

}
@media only screen and (min-width: 769px) {

  .header-call {
    order: 3;
  }
  .header-logo {
    order: 1;
  }
  .navbar {
    order: 2;
    flex-basis: auto;
  }
  .header-btn {
    display: none;
  }
  .navbar-top {
    display: none;
  }
  .header-inner {
    justify-content: space-between;
  }
  .navbar-list { display: flex; column-gap: 42px;}
  .btn-call__header {
    display: flex;
    border-radius: 45px;
    background: rgb(255, 131, 0);
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    padding: 10px 15px;
    column-gap: 8px;
  }
  .navbar-list a {
    
  }
  .navbar-list a:hover {
    text-decoration: underline;
  }
}






/*-----------------------------------*\
  #ABOUT STYLE
\*-----------------------------------*/
.quote {
  font-family: 'NunitoSans_10pt_ExpandedBold';
}

.counter-item-num {
  font-family: 'NunitoSans_10pt_ExpandedBold';
}

@media only screen and (max-width: 768px) {
  .mob-hidden {
    display: none; 
  }
  .counter {
    column-gap: 8px;
    row-gap: 11px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    color: hsla(25,100%,51%,1);
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
  }

  .counter-item {
    border-radius: 15px;
    padding: 8px 11px 27px 8px;
    
    min-height: 139px;
  }
  .counter-item-num {
    font-size: 32px;
    font-weight: 900;
    line-height: 44px;
  }
  .counter-item-2 {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }


  .counter-item-1 {
    background: url('../images/i1.png') center center no-repeat;
      background-size: cover;
  }
  .counter-item-2 {
    background: url('../images/i2.png') center center no-repeat;
    background-size: cover;
  }
  .counter-item-3 {
    background: url('../images/i3.png') center center no-repeat;
    background-size: cover;
  }

  .counter-item-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .quote {
    margin-top: 54px;
    font-size: 20px;
    font-weight: 800;
    line-height: 27px;
    letter-spacing: 0%;
    text-align: justify;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-bottom: 15px;
  }
  .quote img {
    width: 60px;
    height: 45px;
  }
  .quote-2 {
    align-self: flex-end;
  }


}



@media only screen and (min-width: 769px) {
  .desk-hidden {
    display: none; 
  }
  .title-about {
    text-align: center;
    margin-bottom: 89px;
  }
  .counter {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 159px;
  }
  .counter-item {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
  }
  .counter-item-1 {
  }
  .counter-item-num {
    font-size: 64px;
    font-weight: 700;
    line-height: 87px;
    text-transform: uppercase;
  }
  .counter-item-2 {
  }
  .desk-hidden {
  }
  .counter-item-3 {
  }
  .quote {
    font-size: 64px;
    font-weight: 600;
    line-height: 75px;
    /*text-align: justify;*/
    margin-top: 126px;
    position: relative;
    margin-bottom: 81px;
  }
  .quote-1, .quote-2 {
    position: absolute;
    z-index: -1;
    width: 164px;
    height: 123px;
  }
  .quote-1 {
    top: -63px;
    left: 0;
  }
  .quote-2 {
    right: 0;
    bottom: -28px;
  }
  .about-text__small {
    display: flex;
    justify-content: flex-end;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
  }
}



/*-----------------------------------*\
  #principles STYLE
\*-----------------------------------*/
.block-image picture {
  visibility: hidden;
}
@media only screen and (max-width: 768px) {

  .block-image {
    background: url('../images/building-process-strongberg.jpg') center center no-repeat;
    background-size: cover;
  }

  .block-list {
    padding-top: 53px;
    padding-bottom: 132px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0%;
    text-align: left;
  }
  .list {
    display: flex;
    flex-direction: column;
    row-gap: 64px;
  }
  .list-item {
    display: flex;
    column-gap: 21px;
    align-items: flex-start;
  }
}

@media only screen and (min-width: 769px) {
  .bg {
    background: url('../images/building-process-strongberg-d.jpg') left top no-repeat #FF8300;
    background-size: contain;
    background-attachment: fixed;
  }
  .desk-hidden {
    display: none; 
  }
  .block-image {
    
  }
  .principles-wrapper {
    display: flex;
    max-width: 1140px;
    margin-inline: auto;
  }
  .principles-list .block-title  {
    font-size: 60px;
    font-weight: 900;
    line-height: 82px;
    margin-top: 62px;
    margin-bottom: 73px;
    margin-left: 82px;
  }
  .principles-list .list {
    margin-left: 82px;
    display: flex;
    row-gap: 84px;
    flex-direction: column;
    margin-bottom: 90px;
  }
  .principles-list .list-item {
    display: flex;
    column-gap: 22px;
  }
}



/*-----------------------------------*\
  #services STYLE
\*-----------------------------------*/
.text-title {
  font-family: 'NunitoSans_10pt_ExpandedBold';
}
@media only screen and (max-width: 768px) {
  .services-item {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0%;
    text-align: left;
  }
  .services-list {
    display: flex;
    flex-direction: column;
    row-gap: 58px;
    padding-bottom: 74px;
  }
  .s-item-title {
    display: flex;
    margin-bottom: 16px;
    column-gap: 18px;
    align-items: flex-start;
  }
  .num-title {
    color: rgb(255, 131, 0);
    font-family: 'NunitoSans_10pt_ExpandedBold';
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
  }
  .text-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
  }
}

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

  .services-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 33px;
    row-gap: 82px;
  }
  .services-item {

    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
  }
  .s-item-title {
    display: flex;
    column-gap: 18px;
    margin-bottom: 48px;
  }
  .num-title {
    color: rgb(255, 131, 0);
    font-family: 'NunitoSans_10pt_ExpandedBold';
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
  }
  .text-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
  }
  .services-title {
    margin-bottom: 125px;
  }

  .bg-k {
    position: relative;
  }
  .bg-kran {
    position: absolute;
    right: 0;
    top: 50px;
  }
}


@media only screen and (min-width: 1000px) {
  .services-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 33px;
    row-gap: 82px;
  }
}



/*-----------------------------------*\
  #PROJECTS STYLE
\*-----------------------------------*/
.pitem {
  display: flex;
  justify-content: space-between;
}
.project-item > a {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .projects-list {
    display: flex;
    flex-direction: column;
    row-gap: 45px;
    margin-bottom: 87px;
  }
  .project-item > a {
    row-gap: 13px;
  }

  .project-name {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
  }
  .project-all {
    margin-bottom: 98px;
  }
  .project-all > a {
    display: flex;
    justify-content: center;
    column-gap: 16px;
    font-size: 16px;
    font-weight: 800;
    line-height: 22px;
    text-transform: uppercase;
  }
  .projects-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (min-width: 769px) {
  .projects-title {
    margin-bottom: 51px;
  }
  .projects-title, .slider-arrows {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .project-item > a {
    row-gap: 23px;
  }
  .project-name {
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
  }
  .slider-arrows {
    column-gap: 24px;
  }
  .projects-list {
    margin-bottom: 72px;
  }
  .project-all {
    /*margin-bottom: 126px;*/
    max-width: 1140px;
    margin-inline: auto;
  }
  .project-all > a {
    display: flex;
    justify-content: flex-end;
    column-gap: 16px;
    font-size: 16px;
    font-weight: 800;
    line-height: 22px;
    text-transform: uppercase;
    font-family: 'NunitoSans_10pt_SemiCondensedSemiBold';
  }
}




/*-----------------------------------*\
  #CONTACTS STYLE
\*-----------------------------------*/
.contacts-tile {
  font-weight: 800;
  font-family: 'NunitoSans_10pt_ExpandedBold';
}
.contacts-body {
  font-weight: 500;
}
.form-title {
  text-transform: uppercase;
}
.contacts-form {
  max-width: 450px;
  margin-inline: auto;
}
.contacts-list {
  display: flex;
  flex-direction: column;
  row-gap: 42px;
  margin-bottom: 95px;
}
.contacts-item {
}
.contacts-tile, .contacts-body {
  font-size: 24px;
  line-height: 33px;
}
.form-title {
  font-size: 16px;
  font-weight: 900;
  line-height: 22px;
  margin-bottom: 58px;
}
.form-body {
  display: flex;
  flex-direction: column;
  row-gap: 37px;
  margin-bottom: 29px;
}
.form-body > input {
  border-bottom: 1px solid rgb(0, 0, 0);
  padding: 3px 8px;
}
.form-body > textarea {
  color: rgb(118, 118, 118);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  border-radius: 0;
  border: 1px solid rgb(0, 0, 0);
  background: rgb(240, 239, 238);
  padding: 9px 13px;
}

@media only screen and (max-width: 768px) {
  .form-submit {
    display: flex;
    justify-content: center;
    margin-bottom: 61px;
  }
}

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

  .contacts-block {
    background: url('../images/contacts-bg.png') left bottom no-repeat;
    min-height: 950px;
  }
  .contacts-bg__mob {
    display: none;
  }
  .contacts-wrapper {
    display: flex;
    justify-content: space-between;
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .contacts-wrapper > div {
    flex: 0 0 50%;

  }
  .contacts-tile {
    font-family: 'NunitoSans_10pt_SemiCondensedSemiBold';
    
    font-size: 16px;
  }

  .contacts-body {
    font-weight: 500;
    font-size: 24px;
  }
  .form-submit {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 61px;
  }
  .pos-r {
    position: relative;
  }
  .contacts-image {
    position: absolute;
    bottom: 0;
    left: 50px;
  }

  
}








/*-----------------------------------*\
  #FOOTER STYLE
\*-----------------------------------*/

@media only screen and (max-width: 768px) {
  .footer-container {
    padding: 40px 28px 37px 35px;
    display: flex;
    flex-direction: column;
  }
  .footer-logo {
    align-self: center;
    margin-bottom: 62px;
  }
  .navfooter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 15px;
  }
  .navfooter > li {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
  }
}

@media only screen and (min-width: 769px) {
  .footer-container {
    padding: 63px 16px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    column-gap: 170px;
  }
  .navfooter {
    display: flex;
    justify-content: space-between;
    flex: 1 1 auto;
  }
  .footer-nav {
    flex: 1 1 auto;
  }
  
}






/*-----------------------------------*\
  #404 STYLE
\*-----------------------------------*/
.system {
  padding-top: 100px;
}
.container-system {
  margin-inline: auto;
  max-width: 677px;
  padding: 76px 16px;
}
.page-system {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {

  .page-system {
    row-gap: 50px;
  }
  .system-title {
    font-family: 'NunitoSans_10pt_SemiExpandedMedium';
    font-size: 24px;
    font-weight: 400;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
  }
  .system-image {
  }
  
}


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

  .page-system {
    row-gap: 55px;
  }
  .system-title {
    font-family: 'NunitoSans_10pt_SemiExpandedMedium';
    font-size: 64px;
    font-weight: 500;
    line-height: 87px;
    text-align: center;
    text-transform: uppercase;
  }
  .system-image {
  }

}






/*-----------------------------------*\
  #PROJECTS ARCHIVE STYLE
\*-----------------------------------*/
.projects-archive__title {
  font-family: 'NunitoSans_10pt_ExpandedBold';
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}



.projects-archive .project-item {
  max-width: 360px;
}

.projects-archive .projects-list {
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .post-type-archive header {
    min-height: 90px;
  }
  .projects-header {
    background: url('../images/projects-header-m.jpg') center top no-repeat;
    background-size: cover;
  }
  .projects-archive__title {
    
    padding-top: 45px;
    padding-bottom: 45px;
    color: rgb(240, 239, 238);
    font-size: 32px;
    font-weight: 900;
    line-height: 44px;
    letter-spacing: 0%;
    text-transform: uppercase;
    margin-bottom: 80px;
  }

}


@media only screen and (min-width: 769px) {
  .projects-header {
    background: url('../images/projects-header.jpg') center top no-repeat;
    background-size: cover;
  }
  .projects-archive__title {
    padding-top: 195px;
    padding-bottom: 79px;
    font-size: 64px;
    font-weight: 900;
    line-height: 87px;
    letter-spacing: 0%;
    margin-bottom: 84px;
  }
  .projects-archive .projects-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16px;
    row-gap: 80px;
  }
}

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

  .projects-archive .projects-list {

    grid-template-columns: repeat(3, 1fr);
    column-gap: 64px;
    row-gap: 80px;
  }
}










/*-----------------------------------*\
  #PROJECT SINGLE STYLE
\*-----------------------------------*/
.project-intro {
  min-height: 100lvh;
  height: 100%;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: hsla(0,0%,101%,1);
}
.intro-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 }
 .title-data {
  font-family: 'NunitoSans_10pt_SemiExpandedRegular';
  display: flex;
 }
 .content-description {
  font-family: 'NunitoSans_10pt_ExpandedBold';
  font-weight: 900;
  text-transform: uppercase;
 }
 .content-link {
  font-family: 'NunitoSans_10pt_ExpandedBold';
  display: flex;
  column-gap: 16px;
 }

@media only screen and (max-width: 768px) {
  .intro-title {
    row-gap: 20px;
  }
  .title-name {
    font-family: 'NunitoSans_10pt_ExpandedBold';
    font-size: 46px;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
  }
  .title-data {
    flex-direction: column;
    row-gap: 20px;
    font-size: 18px;
    font-weight: 600;
    margin-block-end: 30px;
  }
  .project-content {
    padding-top: 96px;
    margin-block-end: 60px;
  }
  .project-content .slick-track img {
    max-width: 370px;
  }
  .project-content .img-slider {
    margin-block-start: 29px;
    margin-block-end: 40px;
  }
  .content-description {
    font-size:26px;
    line-height: 30px;
   }
   .content-link {
    justify-content: flex-end;
    margin-block-end: 34px;
    margin-block-start: 34px;
   }
   .content-main {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    margin-block-end: 95px;
   }
   .intro-title .title-data {
    display: none;
   }
   .content-footer .cf-bg {
    display: none;
   }
}


@media only screen and (min-width: 769px) {
  .intro-title {
    row-gap: 50px;
  }
  .title-name {
    font-family: 'NunitoSans_10pt_ExpandedBold';
    font-size: 96px;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
  }
  .title-data {
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
    column-gap: 130px;
  }
  .project-content {
    padding-top: 157px;
    
  }
  .content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
  }
  .content-main {
    display: flex;
    column-gap: 34px;
  }
  .content-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-block-start: 78px;
  }
  .content-main p {
    font-family: 'NunitoSans_10pt_SemiCondensedSemiBold';
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
  }
  .project-gallery {
    margin-block-start: 86px;
    margin-block-end: 86px;
  }
  .content-description {
    font-size: 36px;
    line-height: 49px;
   }
   .project-content .title-data {
    display: none;
   }
}