/* Default */
@import "reset.css";
@import "fonts.css";

/* Block */
@import "header.css";
@import "technological.css";
@import "services.css";
@import "marketing.css";
@import "app.css";
@import "consultations.css";
@import "contact.css";
@import "humb-menu.css";

@import "footer.css";

/* Global */
.container {
   max-width: 1274px;
   margin: 0 auto;
   padding: 0 16px;
   font-weight: 400;
}

html {
   scroll-behavior: smooth;
}

body {
   background-color: #3C2B6C;
   font-family: "Eastman", sans-serif;
}

/* Title */
.title {
   font-weight: 700;
   font-size: 60px;
   line-height: 78px;
   text-transform: capitalize;
   color: #FFFFFF;
   padding-right: 20px;
   margin-top: 25px;
}
.suptitle {
   font-weight: 500;
   font-size: 20px;
   line-height: 27px;
   color: #FF48C1;
}
.subtitle {
   font-weight: 500;
   text-transform: capitalize;
   color: #FFFFFF;
   font-size: 38px;
   line-height: 49.4px;
}
.paragraph {
   font-size: 16px;
   line-height: 21px;
   color: #FFFFFF;
   font-weight: 400;
   letter-spacing: -0.36px;
   margin-top: 26px;
}
.color {
   color: #FF48C1;
}

._text-center {
   text-align: center;
}
._mb-15 {
   margin-bottom: 15px;
}
._mb-20 {
   margin-bottom: 20px;
}
._mb-24 {
   margin-bottom: 24px;
}
._mb-30 {
   margin-bottom: 30px;
}
._mb-40 {
   margin-bottom: 40px;
}
._mb-60 {
   margin-bottom: 60px;
}
._mb-70 {
   margin-bottom: 70px;
}
._mt-60 {
   margin-top: 60px;
}
._mr-70 {
   margin-right: 70px;
}
._mt-70 {
   margin-top: 70px;
}
._mt-80 {
   margin-top: 80px;
}

/* Animation text */
.element-animation {
   opacity: 0;
   transform: translateY(20%);
 }

 .element-animation.element-show {
   opacity: 1;
   transition: all 1s;
   transform: translateY(0%);
}

/* Responsive */
@media screen and (max-width: 1260px){
   .title-section {
      margin-bottom: 20px;
   }
   .subtitle {
      font-size: 25px;
      line-height: 32.5px;
   }
   .container {
      padding: 0 15px;
   }
   .second__contant .paragraph {
      margin-top: 22px;
   }
}

@media screen and (max-width: 1024px){
   .title-block {
      font-size: 1.8rem;
   }
   .title-block {
      min-width: 85%;
   }
   .suptitle {
      font-size: 14px;
      line-height: 19px;
   }
   .title {
      font-size: 40px;
      line-height: 52px;
      margin-top: 29px;
      padding-right: 30px;
   }
   .paragraph {
      font-size: 14px;
      line-height: 18px;
      margin-top: 26px;
      letter-spacing: 0;
   }
}

@media screen and (max-width: 480px){
   .title-section {
      margin-right: 0;
      text-align: center;
   }
   .title-block {
      text-align: center;
      font-size: 2rem;
      max-width: 100%;
   }
}