html,
html *,
html *:before,
html *:after {
  font-family: "Nunito", sans-serif;
  color: #020d2f;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

body.overflow-hide {
  overflow-y: hidden;
}

a {
  text-decoration: none;
  cursor: pointer;
}

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

section.about_us {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
section.about_us .container {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
section.about_us .header-wrapper {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  top: -2px;
  left: 0;
  position: fixed;
  background-color: white;
  width: 100%;
  z-index: 100;
  box-shadow: 0 10px 15px -3px rgba(26, 32, 44, 0.1), 0 4px 6px -2px rgba(26, 32, 44, 0.05);
}
section.about_us .header-container {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 80px;
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 19px;
  width: 100%;
  background-color: white;
}
@media (max-width: 455px) {
  section.about_us .header-container {
    justify-content: space-between;
    width: 100%;
  }
}
section.about_us .header-container .content-wrapper {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
section.about_us .header-container .img-wrapper {
  margin-right: 65px;
}
section.about_us .header-container .time-container,
section.about_us .header-container .tel-container {
  display: flex;
  gap: 5px;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-right: 40px;
}
@media (max-width: 455px) {
  section.about_us .header-container .time-container,
  section.about_us .header-container .tel-container {
    display: none;
  }
}
section.about_us .header-container .time-container .top-text,
section.about_us .header-container .tel-container .top-text {
  color: #7e7f84;
  font-weight: 500;
  font-size: 12px;
}
section.about_us .header-container .time-container .bottom-text,
section.about_us .header-container .tel-container .bottom-text {
  font-weight: 400;
  font-size: 14px;
}
@media (max-width: 768px) {
  section.about_us .header-container > img {
    width: 165px;
    height: 54px;
  }
}
section.about_us .header-container .burger-wrapper {
  position: relative;
}
section.about_us .header-container .burger-wrapper img {
  cursor: pointer;
}
section.about_us .header-container .burger-wrapper .menu-icon-wrapper {
  height: 56px;
  width: 56px;
  border-radius: 56px;
  background-image: url("/assets/images/unhover-menu-icon.svg");
  background-size: 24px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
section.about_us .header-container .burger-wrapper .menu-icon-wrapper:hover {
  background-color: #1ea5fc;
  background-image: url("/assets/images/hover-menu-icon.svg");
}
section.about_us .header-container .burger-wrapper .menu-icon-wrapper.active-menu {
  background-color: #effaff;
  background-image: url("/assets/images/active-menu-icon.svg");
}
section.about_us .header-container .burger-wrapper .nav-container {
  display: none;
  position: absolute;
  z-index: 101;
  top: 45px;
  right: -3px;
  width: 148px;
  background-color: white;
  padding: 24px;
  border: 1px solid #dcdcdc;
  box-shadow: 0 10px 15px -3px rgba(26, 32, 44, 0.1), 0 4px 6px -2px rgba(26, 32, 44, 0.05);
  border-radius: 15px;
}
@media (max-width: 455px) {
  section.about_us .header-container .burger-wrapper .nav-container {
    top: -23px;
    right: -19px;
    border-radius: 0;
    padding: 75px 75px 80px 32px;
    height: 100vh;
  }
}
section.about_us .header-container .burger-wrapper .nav-container.active-menu {
  display: block;
}
section.about_us .header-container .burger-wrapper .nav-container .nav {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 180px;
}
@media (max-width: 455px) {
  section.about_us .header-container .burger-wrapper .nav-container .nav {
    gap: 32px;
  }
}
section.about_us .header-container .burger-wrapper .nav-container .nav .close-container {
  position: absolute;
  top: 25px;
  right: 16px;
  display: none;
}
@media (max-width: 455px) {
  section.about_us .header-container .burger-wrapper .nav-container .nav .close-container {
    display: block;
  }
}
section.about_us .header-container .burger-wrapper .nav-container .nav a {
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  color: #020d2f;
}
@media (max-width: 455px) {
  section.about_us .header-container .burger-wrapper .nav-container .nav a {
    text-transform: uppercase;
    font-weight: 500;
  }
}
section.about_us .header-container .burger-wrapper .nav-container .nav a:hover {
  color: #1ea5fc;
}
section.about_us .header-container .burger-wrapper .nav-container .nav .footer {
  display: none;
}
@media (max-width: 455px) {
  section.about_us .header-container .burger-wrapper .nav-container .nav .footer {
    display: flex;
    gap: 0;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: 64px;
  }
  section.about_us .header-container .burger-wrapper .nav-container .nav .footer .time-container,
  section.about_us .header-container .burger-wrapper .nav-container .nav .footer .tel-container {
    display: flex;
    gap: 5px;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    margin-top: 24px;
  }
  section.about_us .header-container .burger-wrapper .nav-container .nav .footer .time-container .top-text,
  section.about_us .header-container .burger-wrapper .nav-container .nav .footer .tel-container .top-text {
    color: #7e7f84;
    font-weight: 500;
    font-size: 12px;
  }
  section.about_us .header-container .burger-wrapper .nav-container .nav .footer .time-container .bottom-text,
  section.about_us .header-container .burger-wrapper .nav-container .nav .footer .tel-container .bottom-text {
    font-weight: 400;
    font-size: 14px;
  }
  section.about_us .header-container .burger-wrapper .nav-container .nav .footer .time-container .number,
  section.about_us .header-container .burger-wrapper .nav-container .nav .footer .tel-container .number {
    font-weight: 400;
    font-size: 14px;
    color: #1ea5fc;
  }
}
section.about_us .about-us-content {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  margin-top: 180px;
  max-width: 1280px;
}
@media (max-width: 768px) {
  section.about_us .about-us-content {
    flex-direction: column;
    margin-top: 140px;
    padding-left: 0;
    width: 90vw;
  }
}
@media (max-width: 550px) {
  section.about_us .about-us-content {
    margin-top: 90px;
  }
}
section.about_us .about-us-content .left-text {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-right: 70px;
  margin-top: 30px;
}
@media (max-width: 768px) {
  section.about_us .about-us-content .left-text {
    margin-bottom: 24px;
    margin-left: 0;
    margin-right: 0;
  }
}
section.about_us .about-us-content h4 {
  font-weight: 400;
  font-size: 24px;
  color: #1ea5fc;
}
section.about_us .about-us-content .separator {
  opacity: 0.5;
  border: 1px solid #020d2f;
  height: 263px;
}
@media (max-width: 768px) {
  section.about_us .about-us-content .separator {
    border: 0.5px solid #020d2f;
    height: 0;
    width: 100%;
  }
}
section.about_us .about-us-content .right-text {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 10px;
  margin-left: 110px;
  padding-right: 40px;
  position: relative;
}
@media (max-width: 455px) {
  section.about_us .about-us-content .right-text {
    margin-left: 0;
    margin-top: 24px;
    padding-right: 0;
    width: 100%;
  }
}
section.about_us .about-us-content .right-text .button-container {
  display: flex;
  width: 100%;
}
@media (max-width: 455px) {
  section.about_us .about-us-content .right-text .button-container {
    justify-content: flex-end;
  }
}
section.about_us .about-us-content .right-text h1 {
  font-size: 64px;
  font-weight: 800;
  color: #020d2f;
  z-index: 50;
}
@media (max-width: 455px) {
  section.about_us .about-us-content .right-text h1 {
    font-size: 32px;
  }
}
section.about_us .about-us-content .right-text .blue-part {
  color: #1ea5fc;
}
section.about_us .about-us-content .right-text .elipse-container {
  position: absolute;
  top: -41px;
  right: 160px;
}
@media (max-width: 455px) {
  section.about_us .about-us-content .right-text .elipse-container {
    display: none;
  }
}
section.about_us .about-us-content .right-text .start-button {
  margin-top: 32px;
  background-color: #1ea5fc;
  padding-top: 11px;
  padding-bottom: 11px;
  border: none;
  border-radius: 24px;
  cursor: pointer;
}
section.about_us .about-us-content .right-text .start-button a {
  padding-left: 68px;
  padding-right: 68px;
  color: white;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
}
section.about_us .about-us-content .right-text .start-button:hover {
  background-color: #ff7146;
}

section.services {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 80px;
}
section.services:target {
  scroll-margin-top: 80px;
}
@media (max-width: 450px) {
  section.services {
    margin-top: 48px;
  }
}
section.services .service-content-wrapper {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-left: 16px;
  padding-right: 16px;
}
section.services .services-header {
  position: relative;
  margin-bottom: 38px;
}
section.services .services-header h2 {
  font-size: 48px;
  font-weight: 800;
}
@media (max-width: 455px) {
  section.services .services-header h2 {
    font-size: 24px;
  }
}
section.services .services-header img {
  position: absolute;
  top: -8px;
  left: -12px;
  z-index: -1;
}
@media (max-width: 455px) {
  section.services .services-header img {
    height: 24px;
    width: 27px;
    top: -5px;
    left: -6px;
  }
}
section.services .services-content {
  display: flex;
  gap: 28px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 1280px;
}
section.services .services-content .card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 394px;
}
section.services .services-content .card img {
  border-radius: 10px;
}
@media (max-width: 455px) {
  section.services .services-content .card img {
    width: 100%;
  }
}
section.services .services-content .card .header-text {
  margin-top: 32px;
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 455px) {
  section.services .services-content .card .header-text {
    font-size: 20px;
  }
}
section.services .services-content .card .caption-text {
  font-size: 16px;
}

section.electronic {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 80px;
}
section.electronic:target {
  scroll-margin-top: 80px;
}
@media (max-width: 450px) {
  section.electronic {
    margin-top: 48px;
  }
}
section.electronic .electronic-content-wrapper {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-left: 16px;
  padding-right: 16px;
}
section.electronic .electronic-header {
  position: relative;
  margin-bottom: 38px;
}
section.electronic .electronic-header h2 {
  font-size: 48px;
  font-weight: 800;
}
@media (max-width: 455px) {
  section.electronic .electronic-header h2 {
    font-size: 24px;
  }
}
section.electronic .electronic-header img {
  position: absolute;
  top: -8px;
  left: -12px;
  z-index: -1;
}
@media (max-width: 455px) {
  section.electronic .electronic-header img {
    height: 24px;
    width: 27px;
    top: -5px;
    left: -6px;
  }
}
section.electronic .electronic-content {
  display: flex;
  gap: 28px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 1280px;
}
section.electronic .electronic-content .electronic-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 394px;
}
section.electronic .electronic-content .electronic-card img {
  border-radius: 10px;
}
@media (max-width: 455px) {
  section.electronic .electronic-content .electronic-card img {
    width: 100%;
  }
}
section.electronic .electronic-content .electronic-card .header-text {
  margin-top: 32px;
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 455px) {
  section.electronic .electronic-content .electronic-card .header-text {
    font-size: 20px;
  }
}
section.electronic .electronic-content .electronic-card .caption-text {
  font-size: 16px;
}
@media (max-width: 455px) {
  section.electronic .electronic-content .electronic-card:nth-child(4), section.electronic .electronic-content .electronic-card:nth-child(5), section.electronic .electronic-content .electronic-card:nth-child(6), section.electronic .electronic-content .electronic-card:nth-child(7), section.electronic .electronic-content .electronic-card:nth-child(8), section.electronic .electronic-content .electronic-card:nth-child(9), section.electronic .electronic-content .electronic-card:nth-child(10), section.electronic .electronic-content .electronic-card:nth-child(11), section.electronic .electronic-content .electronic-card:nth-child(12), section.electronic .electronic-content .electronic-card:nth-child(13), section.electronic .electronic-content .electronic-card:nth-child(14), section.electronic .electronic-content .electronic-card:nth-child(15), section.electronic .electronic-content .electronic-card:nth-child(16), section.electronic .electronic-content .electronic-card:nth-child(17), section.electronic .electronic-content .electronic-card:nth-child(18), section.electronic .electronic-content .electronic-card:nth-child(19), section.electronic .electronic-content .electronic-card:nth-child(20) {
    display: none;
  }
}
section.electronic .electronic-content.active-card .electronic-card {
  display: block;
}
section.electronic .electronic-content .show-all {
  display: none;
  font-weight: 500;
  font-size: 18px;
  color: #1EA5FC;
}
@media (max-width: 455px) {
  section.electronic .electronic-content .show-all {
    display: block;
  }
  section.electronic .electronic-content .show-all.active-card {
    display: none;
  }
}

section.marketing {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 80px;
}
section.marketing:target {
  scroll-margin-top: 80px;
}
@media (max-width: 450px) {
  section.marketing {
    margin-top: 48px;
  }
}
section.marketing .marketing-content-wrapper {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-left: 16px;
  padding-right: 16px;
}
section.marketing .marketing-wrapper {
  display: flex;
  width: 100%;
}
section.marketing .marketing-header {
  position: relative;
  margin-bottom: 38px;
}
section.marketing .marketing-header h2 {
  font-size: 48px;
  font-weight: 800;
}
@media (max-width: 455px) {
  section.marketing .marketing-header h2 {
    font-size: 24px;
  }
}
section.marketing .marketing-header img {
  position: absolute;
  left: 362px;
  bottom: -5px;
  z-index: -1;
}
@media (max-width: 455px) {
  section.marketing .marketing-header img {
    left: 183px;
    height: 24px;
    width: 27px;
    bottom: 2px;
  }
}
section.marketing .marketing-content {
  display: flex;
  gap: 28px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 1280px;
}
section.marketing .marketing-content .card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 394px;
}
@media (min-width: 768px) {
  section.marketing .marketing-content .card {
    width: 405px;
  }
}
section.marketing .marketing-content .card img {
  border-radius: 10px;
}
@media (max-width: 455px) {
  section.marketing .marketing-content .card img {
    width: 100%;
  }
}
section.marketing .marketing-content .card .header-text {
  margin-top: 32px;
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 455px) {
  section.marketing .marketing-content .card .header-text {
    font-size: 20px;
  }
}
section.marketing .marketing-content .card .caption-text {
  font-size: 16px;
}

section.expertise {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 80px;
}
section.expertise:target {
  scroll-margin-top: 80px;
}
@media (max-width: 450px) {
  section.expertise {
    margin-top: 48px;
  }
}
section.expertise .expertise-wrapper {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-left: 16px;
  padding-right: 16px;
}
section.expertise .expertise-header {
  position: relative;
  margin-bottom: 38px;
}
section.expertise .expertise-header h2 {
  font-size: 48px;
  font-weight: 800;
  z-index: 2;
}
@media (max-width: 455px) {
  section.expertise .expertise-header h2 {
    font-size: 24px;
    margin-left: 0;
  }
}
section.expertise .expertise-header .header-image {
  position: absolute;
  top: -3px;
  left: -26px;
  z-index: -1;
}
@media (max-width: 455px) {
  section.expertise .expertise-header .header-image {
    left: -8px;
    top: 0;
    height: 24px;
    width: 27px;
  }
}
section.expertise .expertise-content {
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 40px;
  max-width: 1280px;
}
@media (max-width: 1024px) {
  section.expertise .expertise-content {
    padding-right: 80px;
  }
}
@media (max-width: 768px) {
  section.expertise .expertise-content {
    padding-left: 0;
    padding-right: 0;
  }
}
section.expertise .expertise-content h4 {
  color: #1ea5fc;
  font-size: 24px;
  font-weight: 700;
}
@media (max-width: 455px) {
  section.expertise .expertise-content h4 {
    font-size: 20px;
  }
}
section.expertise .expertise-content .content-container {
  background-color: #effaff;
  border-radius: 20px;
  width: 222px;
  height: 230px;
  padding-top: 25px;
  padding-left: 32px;
  padding-right: 42px;
}
section.expertise .expertise-content .content-container .title-container {
  display: flex;
  gap: 8px;
}
@media (max-width: 455px) {
  section.expertise .expertise-content .content-container {
    width: 95%;
  }
}
section.expertise .expertise-content .content-container img {
  object-fit: contain;
}
section.expertise .expertise-content .content-container .images-container {
  display: flex;
  flex-direction: column;
  gap: 35px;
  margin-top: 26px;
}
section.expertise .expertise-content .content-container .top-row {
  display: flex;
  gap: 25px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}
section.expertise .expertise-content .content-container .bottom-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 25px;
}
section.expertise .expertise-content .front-row {
  display: flex;
  gap: 35px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}
section.expertise .expertise-content .mobile-images-container {
  display: flex;
  gap: 22px;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 26px;
}
@media (max-width: 455px) {
  section.expertise .expertise-content .mobile-images-container {
    align-items: flex-start;
    justify-content: center;
  }
}
@media (max-width: 455px) {
  section.expertise .expertise-content .mobile-images-container .pwa {
    margin-top: 12px;
  }
}
section.expertise .expertise-content .databases-images-container {
  display: flex;
  gap: 38px;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 26px;
}
@media (max-width: 455px) {
  section.expertise .expertise-content .databases-images-container {
    align-items: flex-start;
  }
}
section.expertise .expertise-content .databases-images-container .databases-top-row {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}
section.expertise .expertise-content .databases-images-container .databases-bottom-row {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}
section.expertise .expertise-content .big-content-container {
  background-color: #effaff;
  border-radius: 20px;
  padding-top: 25px;
}
@media (min-width: 768px) {
  section.expertise .expertise-content .big-content-container {
    flex-wrap: wrap;
    height: 266px;
    width: 624px;
  }
}
@media (max-width: 455px) {
  section.expertise .expertise-content .big-content-container {
    width: 100%;
  }
}
section.expertise .expertise-content .big-content-container .header-container {
  display: flex;
  gap: 8px;
  padding-left: 32px;
}
section.expertise .expertise-content .big-content-container .big-data-images-container {
  display: flex;
  gap: 56px;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 38px;
}
@media (max-width: 455px) {
  section.expertise .expertise-content .big-content-container .big-data-images-container {
    justify-content: flex-start;
    margin-bottom: 38px;
    padding-left: 20px;
    padding-right: 15px;
  }
}
section.expertise .expertise-content .big-content-container .big-data-images-container img {
  object-fit: contain;
}
section.expertise .expertise-content .big-content-container .devops-images-container {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 32px;
  padding-right: 32px;
  margin-top: 38px;
}
@media (max-width: 455px) {
  section.expertise .expertise-content .big-content-container .devops-images-container {
    justify-content: flex-start;
    margin-bottom: 38px;
    padding-left: 20px;
    padding-right: 15px;
  }
}
section.expertise .expertise-content .big-content-container .devops-images-container .big-data-bottom-row {
  display: flex;
  flex-direction: row;
  gap: 57px;
}
section.expertise .expertise-content .big-content-container .devops-images-container img {
  object-fit: contain;
}

section.pricing {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 80px;
}
section.pricing:target {
  scroll-margin-top: 80px;
}
@media (max-width: 450px) {
  section.pricing {
    margin-top: 48px;
  }
}
section.pricing .pricing-wrapper {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-left: 16px;
  padding-right: 16px;
}
section.pricing .pricing-title {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
section.pricing .pricing-header {
  position: relative;
}
section.pricing .pricing-header h2 {
  font-size: 48px;
  font-weight: 800;
  z-index: 2;
}
@media (max-width: 455px) {
  section.pricing .pricing-header h2 {
    font-size: 24px;
  }
}
section.pricing .pricing-header img {
  position: absolute;
  left: 267px;
  bottom: 17px;
  z-index: -1;
}
@media (max-width: 455px) {
  section.pricing .pricing-header img {
    left: 138px;
    top: 9px;
    height: 24px;
    width: 27px;
  }
}
section.pricing .pricing-caption {
  margin-top: 16px;
  margin-bottom: 40px;
  max-width: 568px;
}
@media (max-width: 455px) {
  section.pricing .pricing-caption {
    margin-top: 8px;
    margin-bottom: 24px;
    width: 80vw;
  }
}
section.pricing .pricing-caption p {
  font-size: 16px;
}
section.pricing .pricing-content {
  display: flex;
  flex-direction: row;
  gap: 32px;
  max-width: 1280px;
  width: 100%;
}
@media (max-width: 1024px) {
  section.pricing .pricing-content {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
section.pricing .pricing-content .card {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  background: #effaff;
  border-radius: 20px;
  padding: 25px 25px 24px;
  width: 257px;
}
@media (max-width: 455px) {
  section.pricing .pricing-content .card {
    width: 100%;
    padding: 25px 25px 32px;
  }
}
section.pricing .pricing-content .card .title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 8px;
  margin-top: 17px;
}
@media (max-width: 455px) {
  section.pricing .pricing-content .card .title {
    font-size: 20px;
  }
}
section.pricing .pricing-content .card .caption {
  font-weight: 400;
  font-size: 16px;
}

section.diference {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 80px;
}
section.diference:target {
  scroll-margin-top: 80px;
}
@media (max-width: 450px) {
  section.diference {
    margin-top: 48px;
  }
}
section.diference .diference-wrapper {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-left: 16px;
  padding-right: 16px;
}
section.diference .diference-header {
  position: relative;
  margin-bottom: 38px;
}
section.diference .diference-header h2 {
  font-size: 48px;
  font-weight: 800;
  z-index: 2;
}
@media (max-width: 455px) {
  section.diference .diference-header h2 {
    font-size: 24px;
  }
}
section.diference .diference-header img {
  position: absolute;
  left: -13px;
  top: 13px;
  z-index: -1;
}
@media (max-width: 455px) {
  section.diference .diference-header img {
    left: -8px;
    top: 0;
    height: 24px;
    width: 27px;
  }
}
section.diference .diference-content {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: flex-start;
  max-width: 1280px;
  width: 100%;
}
@media (max-width: 1024px) {
  section.diference .diference-content {
    flex-wrap: wrap;
  }
}
section.diference .diference-content .card {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  background: #effaff;
  border-radius: 20px;
  padding: 25px 25px 24px;
  width: 257px;
}
@media (max-width: 455px) {
  section.diference .diference-content .card {
    width: 100%;
    padding: 25px 25px 32px;
  }
}
section.diference .diference-content .card .title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 8px;
  margin-top: 17px;
}
@media (max-width: 455px) {
  section.diference .diference-content .card .title {
    font-size: 20px;
  }
}
section.diference .diference-content .card .caption {
  font-weight: 400;
  font-size: 16px;
}

section.contact {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 80px;
  padding-left: 16px;
  padding-right: 16px;
}
section.contact:target {
  scroll-margin-top: 80px;
}
@media (max-width: 450px) {
  section.contact {
    margin-top: 48px;
  }
}
section.contact .contact-wrapper {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  max-width: 1280px;
  width: 100%;
}
section.contact .contact-header {
  position: relative;
  margin-bottom: 38px;
}
section.contact .contact-header h2 {
  font-size: 48px;
  font-weight: 800;
}
@media (max-width: 455px) {
  section.contact .contact-header h2 {
    font-size: 24px;
  }
}
section.contact .contact-header img {
  position: absolute;
  left: 208px;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 455px) {
  section.contact .contact-header img {
    left: 108px;
    top: 12px;
    height: 24px;
    width: 27px;
  }
}
section.contact .contact-content {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 1280px;
  width: 100%;
}
@media (max-width: 1024px) {
  section.contact .contact-content {
    flex-wrap: wrap;
  }
}
section.contact .contact-content .form-container {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  max-width: 1280px;
}
section.contact .contact-content .form-container .main-form-container {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
}
section.contact .contact-content .form-container .main-form-container .form-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  gap: 32px;
}
@media (max-width: 455px) {
  section.contact .contact-content .form-container .main-form-container .form-wrapper {
    flex-direction: column;
    width: 100%;
  }
}
section.contact .contact-content .form-container .main-form-container .form-wrapper input {
  background: #f5f5f5;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  height: 50px;
  width: 278px;
  padding-left: 16px;
}
@media (max-width: 455px) {
  section.contact .contact-content .form-container .main-form-container .form-wrapper input {
    width: 95%;
  }
}
section.contact .contact-content .form-container .main-form-container .form-wrapper input:focus {
  outline: none !important;
  border: 1px solid #1ea5fc;
}
section.contact .contact-content .form-container .main-form-container .form-wrapper input.error {
  border: 1px solid #ff6c6e;
}
section.contact .contact-content .form-container .main-form-container .form-wrapper textarea {
  background: #f5f5f5;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  resize: none;
  height: 200px;
  padding: 16px;
}
section.contact .contact-content .form-container .main-form-container .form-wrapper textarea.error {
  border: 1px solid #ff6c6e;
}
section.contact .contact-content .form-container .main-form-container .form-wrapper textarea:focus {
  outline: none !important;
  border: 1px solid #1ea5fc;
}
section.contact .contact-content .form-container .main-form-container .form-wrapper .column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.contact .contact-content .form-container .main-form-container .form-wrapper .column .label {
  font-size: 12px;
  font-weight: 500;
  color: #7e7f84;
}
section.contact .contact-content .form-container .main-form-container .form-wrapper .column .input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 7px;
  position: relative;
}
section.contact .contact-content .form-container .main-form-container .form-wrapper .column .input-wrapper .error-message-position {
  position: absolute;
  top: -5px;
  right: -30px;
  z-index: 30;
  display: none;
}
@media (max-width: 455px) {
  section.contact .contact-content .form-container .main-form-container .form-wrapper .column .input-wrapper .error-message-position {
    right: 0;
  }
}
section.contact .contact-content .form-container .main-form-container .form-wrapper .column .input-wrapper .error-message-position.error {
  display: block;
}
section.contact .contact-content .form-container .main-form-container .form-wrapper .column .input-wrapper .error-message-position .error-message-container {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  background-color: white;
  position: relative;
}
section.contact .contact-content .form-container .main-form-container .form-wrapper .column .input-wrapper .error-message-position .error-message-container .image-wrapper {
  margin-right: 10px;
}
section.contact .contact-content .form-container .main-form-container .form-wrapper .column .input-wrapper .error-message-position .error-message-container .wrapper {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 16px;
  border: 1px solid #ff6c6e;
  border-radius: 5px 5px 5px 0;
  box-shadow: 0 4px 6px rgba(26, 32, 44, 0.1), 0 2px 4px rgba(26, 32, 44, 0.06);
}
section.contact .contact-content .form-container .main-form-container .form-wrapper .column .input-wrapper .error-message-position .error-message-container .triangle-wrapper {
  position: absolute;
  bottom: -6px;
  left: 0;
}
section.contact .contact-content .form-container .main-form-container .form-wrapper .column .input-wrapper .error-message-position .error-message-container .triangle-wrapper .triangle {
  width: 10px;
  height: 10px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #ff6c6e;
  position: relative;
}
section.contact .contact-content .form-container .main-form-container .form-wrapper .column .input-wrapper .error-message-position .error-message-container .triangle-wrapper .triangle .inner-triangle {
  width: 9px;
  height: 9px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid white;
  position: absolute;
  top: -6px;
  right: 0;
}
@media (min-width: 4000px) {
  section.contact .contact-content .form-container .main-form-container .form-wrapper .column .input-wrapper .error-message-position .error-message-container .triangle-wrapper .triangle .inner-triangle {
    right: -1px;
  }
}
section.contact .contact-content .form-container .main-form-container .form-wrapper .column .input-wrapper .error-message-position .error-message-container span {
  font-weight: 500;
  font-size: 14px;
  color: #ff6c6e;
}
section.contact .contact-content .form-container .caption-container {
  width: 100%;
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 16px;
  margin-bottom: 32px;
}
section.contact .contact-content .form-container .caption-container .caption {
  font-size: 12px;
  font-weight: 500;
}
section.contact .contact-content .form-container .button-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 455px) {
  section.contact .contact-content .form-container .button-container {
    justify-content: flex-end;
  }
}
section.contact .contact-content .form-container .send-button {
  color: white;
  background-color: #1ea5fc;
  padding: 11px 68px;
  border: none;
  border-radius: 24px;
  width: 181px;
  cursor: pointer;
}
section.contact .contact-content .form-container .send-button:hover {
  background-color: #ff7146;
}
section.contact .contact-content .address-container {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-top: 55px;
}
section.contact .contact-content .address-container .title {
  font-size: 24px;
  font-weight: 700;
}
section.contact .contact-content .address-container .caption {
  font-size: 14px;
  font-weight: 500;
  display: block;
}
section.contact .contact-content .address-container .address-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #effaff;
  border-radius: 10px;
  padding: 24px;
  max-width: 316px;
  margin-left: 200px;
}
@media (max-width: 1024px) {
  section.contact .contact-content .address-container .address-wrapper {
    margin-left: 5px;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  section.contact .contact-content .address-container .address-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
section.contact .contact-content .address-container .text-container {
  display: flex;
  gap: 10px;
}

footer {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 100px;
  width: 100%;
  padding-bottom: 28px;
}
footer .footer-wrapper {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 1280px;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 768px) {
  footer .footer-wrapper {
    padding-left: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
}
footer span {
  font-size: 14px;
  font-weight: 500;
  color: #7e7f84;
}
@media (max-width: 768px) {
  footer span {
    margin-top: 16px;
    width: 240px;
  }
}

.form_success {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 300;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
}
@media (max-width: 455px) {
  .form_success {
    justify-content: center;
  }
}
.form_success.open {
  display: flex;
}
.form_success .content {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  background-color: white;
  border-radius: 10px;
  max-width: 426px;
  padding: 32px;
  margin: 16px;
}
.form_success .content .title {
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
  margin-bottom: 8px;
}
@media (max-width: 455px) {
  .form_success .content .title {
    font-size: 20px;
  }
}
.form_success .content .caption {
  font-weight: 400;
  font-size: 16px;
}
.form_success .content .button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  width: 100%;
}
.form_success .content .button-wrapper button {
  background: #1ea5fc;
  border: none;
  border-radius: 24px;
  color: white;
  padding: 11px 68px;
  cursor: pointer;
}
.form_success .content .button-wrapper button:hover {
  background-color: #ff7146;
}

.animated-images {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 80px;
}
.animated-images:target {
  scroll-margin-top: 80px;
}
@media (max-width: 768px) {
  .animated-images {
    flex-direction: column;
  }
}
.animated-images .animated-images-item {
  display: flex;
  gap: 0;
  align-items: start;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  flex: 1 1 40%;
  padding: 80px 60px;
  overflow: hidden;
  min-height: 523px;
}
@media (max-width: 1024px) {
  .animated-images .animated-images-item {
    min-height: 0;
  }
}
@media (max-width: 768px) {
  .animated-images .animated-images-item {
    padding: 40px 20px;
  }
}
@media (max-width: 455px) {
  .animated-images .animated-images-item {
    height: 333px;
    padding: 24px 16px;
  }
}
@media (max-width: 320px) {
  .animated-images .animated-images-item {
    min-height: 320px;
  }
}
.animated-images .animated-images-item .title-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 2;
}
.animated-images .animated-images-item .title-wrapper .title-container {
  background-color: #1ea5fc;
  padding: 4px 16px;
  border-radius: 10px;
}
.animated-images .animated-images-item .title-wrapper .title-container h2 {
  color: white;
  font-size: 48px;
  font-weight: 800;
}
@media (max-width: 455px) {
  .animated-images .animated-images-item .title-wrapper .title-container h2 {
    font-size: 24px;
  }
}
.animated-images .animated-images-item:first-child {
  background-image: url("/assets/images/team.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 450px) {
  .animated-images .animated-images-item:first-child {
    background-image: url("/assets/images/mob-team.png");
  }
}
.animated-images .animated-images-item:nth-child(2) {
  background-image: url("/assets/images/laptop.png");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 450px) {
  .animated-images .animated-images-item:nth-child(2) {
    background-image: url("/assets/images/mob-laptop.png");
  }
}
.animated-images .animated-images-item:last-child {
  background-image: url("/assets/images/electronic.png");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 455px) {
  .animated-images .animated-images-item:last-child {
    height: 425px;
  }
}
.animated-images .animated-images-item::before, .animated-images .animated-images-item::after {
  content: "";
  display: block;
  background-color: #1ea5fc;
  position: absolute;
  top: 0;
  left: -165%;
  z-index: 1;
  transform: skew(62deg);
  width: 100%;
  height: 100%;
  transition: all 0.6s ease;
}
@media (max-width: 1920px) {
  .animated-images .animated-images-item::before, .animated-images .animated-images-item::after {
    transform: skew(53deg);
  }
}
@media (max-width: 1440px) {
  .animated-images .animated-images-item::before, .animated-images .animated-images-item::after {
    transform: skew(47deg);
  }
}
@media (max-width: 1024px) {
  .animated-images .animated-images-item::before, .animated-images .animated-images-item::after {
    transform: skew(40deg);
    width: 110%;
  }
}
@media (max-width: 768px) {
  .animated-images .animated-images-item::before, .animated-images .animated-images-item::after {
    transform: skew(70deg);
  }
}
@media (max-width: 455px) {
  .animated-images .animated-images-item::before, .animated-images .animated-images-item::after {
    transform: skew(45deg);
  }
}
@media (max-width: 375px) {
  .animated-images .animated-images-item::before, .animated-images .animated-images-item::after {
    transform: skew(42deg);
  }
}
@media (max-width: 320px) {
  .animated-images .animated-images-item::before, .animated-images .animated-images-item::after {
    transform: skew(40deg);
  }
}
.animated-images .animated-images-item::before {
  left: -165%;
}
@media (max-width: 550px) {
  .animated-images .animated-images-item::before {
    left: -200%;
  }
}
.animated-images .animated-images-item::after {
  left: 200%;
}
.animated-images .animated-images-item:hover::before {
  left: -49%;
}
@media (max-width: 550px) {
  .animated-images .animated-images-item:hover::before {
    left: -60%;
  }
}
.animated-images .animated-images-item:hover::after {
  left: 50%;
}
.animated-images .animated-images-item:hover .hover-text {
  opacity: 1;
  transform: translateX(0);
}
.animated-images .animated-images-item:hover .separator {
  opacity: 1;
  transform: translateX(0);
}
.animated-images .animated-images-item:hover img {
  filter: brightness(0) invert(1);
}
.animated-images .animated-images-item h2 {
  color: #ffffff;
  position: relative;
  z-index: 2;
  font-weight: 800;
  font-size: 48px;
}
.animated-images .animated-images-item .hover-text {
  position: relative;
  z-index: 2;
  color: #ffffff;
  max-width: 590px;
  font-size: 24px;
  line-height: 28px;
  transition: 0.6s all ease;
  opacity: 0;
  transform: translateX(-120%);
  padding-left: 20px;
  padding-right: 40px;
}
@media (max-width: 768px) {
  .animated-images .animated-images-item .hover-text {
    font-size: 16px;
    line-height: 24px;
  }
}
.animated-images .animated-images-item .separator {
  position: relative;
  z-index: 100;
  opacity: 0;
  width: 179px;
  height: 0;
  border: 4px solid #ffffff;
  transition: 0.6s all ease;
  transform: translateX(-120%);
  margin-bottom: 20px;
  margin-left: 20px;
  border-radius: 10px;
}
@media (max-width: 455px) {
  .animated-images .animated-images-item .separator {
    border: 2px solid #ffffff;
    width: 90px;
  }
}

/*# sourceMappingURL=style.css.map */