.section {
   border-radius: 60px 60px 0 0;
   overflow: hidden;
}

.header {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 10;
   background-color: #EAE2CD;
}

.header-shadow {
   -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}

.text-color--beige {
   color: #EAE2CD;
}

.text-color--wine {
   color: #7D1D1C;
}

.underline {
   text-decoration: underline;
}
 
.bg-color--wine {
   background-color: #7D1D1C;
}

.bg-color--beige {
   background-color: #EAE2CD;

}

.z-index-1 {
   z-index: 1;
}

.center {
   margin-left: auto;
   margin-right: auto;
}

.image {
   display: block;
   max-width: 100%;
   height: auto;
}

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

.header-nav {
   max-width: fit-content;
}

.header--padding {
   padding: 22px 0;
}

.header-btn {
   position: absolute;
   right: 0;
   top: 6px;
   display: none;
}

.header-btn--scrolled {
   display: block;
}

@media (max-width: 616px) {
   .header-btn {
      top: 10px;
   }
}  

.first-screen {
   padding-top: 120px;
   padding-bottom: 80px;
}

@media (max-width: 616px) {
   .first-screen {
      height: 100svh;
      min-height: 660px;
      padding-top: 0;
      padding-bottom: 20px;
   }

   .first-screen-container {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
   }

   .tg-btn-wrapper {
      position: absolute;
      bottom: 0;
   }
}

.btn {
   cursor: pointer;
   padding: 16px 24px;
   border: none;
   transition: all 0.3s ease-in-out;
   font-size: 18px;
   line-height: 22px;
   color: #EAE2CD;
   white-space: nowrap;
}

.btn:hover {
   box-shadow: 0 21px 50px 0 #7D1D1C;
}

.tg-btn {
   cursor: pointer;
   transition: all 0.3s ease-in-out;
   max-width: fit-content;
   border-radius: 0 40px 40px 0 ;
   background-color: rgba(125, 29, 28, 0.1);
   padding: 16px 44px 16px 18px;
}

.tg-btn-small {
   max-width: fit-content;
   border-radius: 30px;
   background-color: rgba(234, 226, 205, 0.1);
   padding: 4px 8px;
}

.tg-btn:hover {
   background-color: rgba(125, 29, 28, 0.15);
}

.about-tatle {
   font-family: 'Passions';
   font-size: 100px;
   line-height: 100px;
}

.tg-btn-circle {
   border-radius: 22px;
   width: 44px;
   height: 44px;
   background-color: rgba(125, 29, 28, 0.10);
}


.fs-14 {
   font-size: 14px;
   line-height: 16px;
}

.fs16 {
   font-size: 16px;
   line-height: 19px;
}

.fs-18 {
   font-size: 18px;
   line-height: 18px;
}

.fs-20 {
   font-size: 20px;
   line-height: 24px;
}

.opacity50 {
   opacity: 50%;
}

.link {
   text-decoration: none;
}

.link:hover {
   text-decoration: underline;
   text-underline-position: under;
}

.capabilities-text {
   position: absolute;
   top: 0;
}

.capabilities-text2 {
   position: absolute;
   bottom: 0;
}

.z-block1 {
   padding-top: 60%;
}

.z-block2 {
   padding-top: 120%;
}

.hands {
   position: absolute;
   bottom: 40%;
   right: 0;
   left: 67%;
}

.consultations-text {
   font-family: 'Passions';
   font-size: 63px;
   line-height: 37px;
}

.z-index-1 {
   z-index: 1;
}

.z-index-2 {
   z-index: 2;
}

.z-index-3 {
   z-index: 3;
}

.lines1 {
   position: absolute;
   bottom: 4%;
   right: 0;
   left: 3%;
}

.lines2 {
   position: absolute;
   top: 3%;
   left: 0;
   right: 35%;
}
.lines3 {
   position: absolute;
   bottom: 2%;
   right: 0;
   left: 36%;
}
.lines4 {
   position: absolute;
   top: 9%;
   right: 25%;
   left: 0;
}

.border-top {
   border-top: 1px solid #7D1D1C;
}

.border-bottom {
   border-bottom: 1px solid #7D1D1C;
}

.border-top-beige {
   border-top: 1px solid #EAE2CD;
}

.border-bottom-beige {
   border-bottom: 1px solid #EAE2CD;
}

.list {
   position: relative;
   padding-left: 24px;
   font-size: 20px;
   line-height: 24px;
}

.list::before {
   content: '';
   position: absolute;
   top: 6px;
   left: 0;
   display: block;
   width: 12px;
   height: 12px;
   background-image: url('../images/arrow_link.svg');
   background-repeat: no-repeat;
   background-size: 100% auto;
   background-position: center;
}

.footer-text {
   font-family: 'Passions';
   font-size: 100px;
   line-height: 100px;
}

.footer-text2 {
   font-family: 'PP Writer';
   font-size: 32px;
   line-height: 32px;
}

@media (max-width: 1024px) {
   .lines1 {
      bottom: 6%;
      left: 29%;
   }

   .lines2 {
      top: 12%;
      right: 56%;
   }
}

.col-xm {
   display: none;
}

.logos {
   gap: 38px;
}


@media (max-width: 812px) {
   .bg-img {
      width: 100%;
      height: 300px;
   }

   .hands {
      left: 62%;
   }

   .col-xm {
      display: block;
   }

   .about-image {
      max-width: 156px;
   }

   .fs-xm-18 {
      font-size: 18px;
      line-height: 18px;
   }
}

@media (max-width: 616px) {
   .col-xm {
      display: none;
   }

   .order1-sm {
      order: 1;
   }

   .about-tatle {
      font-family: 'Passions';
      font-size: 60px;
      line-height: 60px;
   }

   .consultations-text {
      font-size: 50px;
   }

   .footer-text {
      font-family: 'Passions';
      font-size: 80px;
      line-height: 80x;
   }
   
   .footer-text2 {
      font-size: 20px;
      line-height: 20px;
   }

   .capabilities-text2 {
      position: absolute;
      top: 0;
      bottom: auto;
   }
   
   .scroll-wrapper {
      overflow: hidden;
      margin-left: -16px;
      margin-right: -16px;
      padding-right: 16px;
   }

   .scroll-container {
      overflow-x: scroll;
      padding-bottom: 80px;
      margin-bottom: -80px;
      flex-wrap: nowrap;
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 24px;
      padding-right: 24px;
   }

   .scroll-col {
      flex-basis: auto;
      max-width: none;
      min-width: 305px;
   }

   .btn-sm {
      padding: 12px;
   }
}
@media (max-width: 690px) {
   .hide-sml {
      display: none!important;
   }
}