@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
@import '../fonts/gilroy.css';
@import url("http://fonts.cdnfonts.com/css/chronicle-display");
html {
  font-size: 62.5%;
}
html body {
  font-family: "Gilroy", sans-serif;
  font-weight: 400;
  font-size: clamp(1.4rem, 1.5vw, 2.6rem);
}
html body .serif-font {
  font-family: "Chronicle Display", serif;
}
html body a, html body a:hover {
  text-decoration: none;
}
html body img {
  max-width: 100%;
  height: auto;
}
html body .gap-10 {
  gap: 6rem;
}
html body .pb10 {
  padding-bottom: 10rem;
}
html body .no-pad {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
html body a i {
  vertical-align: middle;
}
html body header {
  line-height: 6rem;
  background: #ffffff;
}
html body header .navbar .navbar-brand {
  color: #313B5B;
}
html body header .navbar .navbar-brand img {
  width: clamp(13rem, 16vw, 18rem);
  height: auto;
}
@-webkit-keyframes branding {
  from {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-5deg);
  }
}
@keyframes branding {
  from {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-5deg);
  }
}
html body header .navbar .navbar-brand:hover {
  filter: drop-shadow(0 1.5rem 1rem rgba(255, 255, 255, 0.5));
}
html body header .navbar .navbar-nav {
  padding-right: 2rem;
}
html body header .navbar .navbar-nav .nav-item .nav-link {
  font-size: 1.6rem;
  color: #313B5B;
  padding-right: 2rem;
  padding-left: 2rem;
  line-height: 3.5rem;
  font-weight: 500;
  text-align: center;
}
html body header .navbar .navbar-toggler {
  font-size: 2rem;
  border: 0;
}
html body header .navbar .navbar-toggler:focus {
  box-shadow: none;
}
html body header .navbar .navbar-toggler:hover {
  color: #F53E51;
}
html body header .navbar .nav-item:hover > .nav-link {
  color: #F53E51;
}
html body header .navbar .my-btn {
  padding: clamp(0.5rem, 1.5vw, 0.8rem) clamp(1.8rem, 1.5vw, 3.2rem);
  background: #F53E51;
  line-height: 3rem;
  font-size: clamp(1.3rem, 1.5vw, 1.6rem);
  font-weight: 600;
  text-transform: capitalize;
  color: #ffffff;
  border: none;
  box-shadow: 0rem 0.8rem 1.5rem rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  border-radius: 4.5rem;
  outline: none;
  white-space: nowrap;
}
html body header .navbar .my-btn:hover {
  background-color: #313B5B;
  box-shadow: 0rem 0.8rem 1.5rem rgba(0, 0, 0, 0.4);
  color: #ffffff;
  transform: translateY(-0.7rem);
}
html body .header-hero {
  background: #F53E51 url("../images/index-bg.png") center right no-repeat;
}
html body .header-hero.php-dev {
  background: #000000 url("../images/home-hero.png") center center no-repeat;
  background-size: cover;
  padding-block: clamp(5rem, 12vw, 15rem);
}
html body .header-hero * {
  color: #ffffff;
}
html body .header-hero .banner-text {
  padding-block: clamp(5rem, 12vw, 15rem);
}
html body .header-hero .banner-photo img {
  padding-block: 2rem;
  float: right;
}
html body .header-hero h1 {
  font-size: clamp(2.4rem, 5vw, 5rem);
  font-weight: 600;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
html body .header-hero h1::before {
  border-top: 2px solid #F53E51;
  width: 4rem;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin-left: -5rem;
}
html body .header-hero p {
  font-weight: 500;
  font-size: clamp(1.5rem, 1.6vw, 1.9rem);
  color: #ffffff;
}
html body .header-hero button {
  padding: clamp(0.5rem, 1.5vw, 0.8rem) clamp(1.8rem, 1.5vw, 3.2rem);
  background: #F53E51;
  line-height: 3rem;
  font-size: clamp(1.3rem, 1.5vw, 1.6rem);
  font-weight: 600;
  text-transform: capitalize;
  color: #ffffff;
  border: none;
  box-shadow: 0rem 0.8rem 1.5rem rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  border-radius: 4.5rem;
  outline: none;
  white-space: nowrap;
  background: #ffffff;
  color: #F53E51;
}
html body .header-hero .tick-mark li p, html body .header-hero .table-stacked li p {
  font-size: clamp(1.4rem, 1.5vw, 1.5rem);
  font-weight: 400;
}
html body .header-hero .table-stacked li {
  padding-block: 1rem;
}
html body .header-hero .table-stacked li p {
  font-size: clamp(1.3rem, 1.4vw, 1.4rem);
}
html body section {
  padding: 3rem 0;
}
html body section .h-rule {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
html body section .h-rule::before {
  border-top: 2px solid #F53E51;
  width: 4rem;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin-left: -5rem;
}
html body section .h-rule-sm {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
html body section .h-rule-sm::before {
  border-top: 2px solid #F53E51;
  width: 2rem;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin-left: -3rem;
}
html body section .title-group h6 {
  color: #F53E51;
  font-size: clamp(1.1rem, 1.1vw, 1.2rem);
  font-weight: 600;
  line-height: 2.2rem;
  text-transform: uppercase;
}
html body section .title-group h1 {
  color: #1F1F1F;
  font-size: clamp(2.2rem, 3.2vw, 3.2rem);
  font-weight: 600;
  margin-bottom: 2rem;
}
html body section .title-group p {
  color: #666666;
  font-size: clamp(1.4rem, 1.7vw, 1.8rem);
  font-weight: 500;
}
html body section .title-group p a {
  color: #F53E51;
}
html body section .main-content h2 {
  color: #313B5B;
  font-size: clamp(2rem, 2.4vw, 2.6rem);
  font-weight: 600;
  line-height: clamp(3rem, 3vw, 5rem);
}
html body section .main-content h5 {
  color: #313B5B;
  font-size: clamp(1.5rem, 1.6vw, 1.8rem);
  font-weight: 600;
  line-height: 3rem;
}
html body section .main-content p {
  color: #666666;
  font-size: clamp(1.4rem, 1.4vw, 1.6rem);
  font-weight: 400;
  line-height: 2.2rem;
}
html body section .main-content h4 {
  color: #666666;
  font-size: clamp(1.2rem, 1.2vw, 1.4rem);
  font-weight: 600;
  line-height: 2.2rem;
  text-transform: uppercase;
}
html body section .main-content ul.tick-mark li {
  border-bottom-width: 0;
  padding-left: 4rem;
}
html body section .main-content ul.tick-mark li:before {
  content: "\f00c";
  background-color: #F53E51;
  color: #ffffff;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  border-radius: 50%;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.2rem;
  font-weight: bold;
  position: absolute;
  top: 0.8rem;
  left: 0;
}
html body section .main-content.talents .dot-connect {
  position: relative;
}
html body section .main-content.talents .dot-connect:before {
  content: "";
  border-top: 2px dashed silver;
  position: absolute;
  top: 50%;
  right: 50%;
  height: 1px;
  width: calc(50% + 0.55rem);
  transform: translateY(-50%);
}
html body section .main-content.talents .dot-connect:after {
  content: "";
  border-top: 2px dashed silver;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  width: calc(50% + 0.55rem);
  transform: translateY(-50%);
}
html body section .main-content.talents .dot-connect img {
  background-color: #ffffff;
  box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.15);
  padding: 2rem;
  border-radius: 1rem;
  position: inherit;
  z-index: 1;
}
html body section .main-content.talents h5 {
  margin-top: 2rem;
}
html body section .main-content.talents :first-child .dot-connect:before {
  content: none;
}
html body section .main-content.talents :last-child .dot-connect:after {
  content: none;
}
html body section .main-content ul.borderless li {
  border-bottom-width: 0;
}
html body section .main-content ul.arrow-mark li {
  padding-left: 4rem;
  background-color: transparent;
}
html body section .main-content ul.arrow-mark li:before {
  content: "\f30b";
  color: #666666;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.2rem;
  font-weight: bold;
  position: absolute;
  top: 0.8rem;
  left: 0;
}
html body section .main-content ul.list-column {
  flex-direction: row;
  flex-wrap: wrap;
}
html body section .main-content ul.list-column.hiring li {
  width: 50%;
  padding: 2rem 4rem 2rem 0;
}
html body section .main-content ul.list-column.hiring li p {
  margin-bottom: 0;
}
html body section .main-content ul.wedo {
  list-style-type: circle;
}
html body section .main-content ul.wedo li {
  width: 50%;
  padding: 1rem 1rem 1rem 0;
}
html body section .main-content ul.wedo li:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #F53E51;
  top: 50%;
  transform: translateY(-50%);
}
html body section .main-content ul.wedo li p {
  margin-bottom: 0;
  margin-left: 2rem;
  font-weight: 600;
  font-size: clamp(1.3rem, 1.4vw, 1.4rem);
}
html body section .main-content .gray-scale img {
  filter: grayscale(100%);
  transition: all 0.3s ease 0s;
}
html body section .main-content .gray-scale img:hover {
  filter: grayscale(0);
  transition: all 0.3s ease 0s;
}
html body section .main-content .testimonial i {
  font-size: clamp(2.5rem, 3.4vw, 4rem);
  margin-bottom: clamp(1rem, 3.4vw, 4rem);
  color: #F53E51;
}
html body section .main-content .play-video {
  position: relative;
}
html body section .main-content .play-video .play-btn {
  position: absolute;
  background-color: #F53E51;
  color: #ffffff;
  text-align: center;
  border-radius: 5rem;
  cursor: pointer;
  font-size: 1.1rem;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  bottom: 1rem;
  left: 2rem;
  padding-left: 0.25rem;
  padding-left: 1.15rem;
  white-space: nowrap;
  font-weight: 600;
}
html body section .main-content .play-video .play-btns {
  position: absolute;
  background-color: #F53E51;
  color: #ffffff;
  text-align: center;
  border-radius: 5rem;
  cursor: pointer;
  font-size: 1.1rem;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  bottom: 1rem;
  left: 2rem;
  padding-left: 0.25rem;
}
html body section .main-content .play-video .development-btn {
  position: absolute;
  background-color: #F53E51;
  color: #ffffff;
  text-align: center;
  border-radius: 5rem;
  cursor: pointer;
  font-size: 1.6rem;
  padding: 0.2rem 2rem;
  line-height: 3rem;
  bottom: -2rem;
  right: 1rem;
}
html body section .main-content .play-video .development-btn i {
  vertical-align: middle;
  margin-left: 0.6rem;
}
html body section .main-content .filtering a {
  color: #F53E51;
  padding-block: 2rem;
}
html body section .main-content .filtering:hover {
  background-color: #F53E51;
  transition: all 0.3s ease 0s;
}
html body section .main-content .filtering:hover * {
  color: #ffffff;
}
html body section .main-content .filtering:hover img {
  filter: brightness(0) invert(1);
}
html body section .main-content .overflowing {
  overflow: hidden;
  margin-right: 12rem;
  margin-bottom: 3rem;
}
html body section .main-content .overflowing + a {
  color: #666666;
}
html body section .main-content .overflowing + a i {
  color: #F53E51;
}
html body section .main-content.three-tabs .nav-link {
  color: #313B5B;
  font-size: clamp(1.5rem, 1.6vw, 1.8rem);
  font-weight: 600;
}
html body section .main-content.three-tabs .nav-link.active {
  background: none;
  color: #F53E51;
  transition: all 0.3s ease 0s;
}
html body section .main-content.three-tabs .nav-link.active:after {
  content: "";
  background-image: url(../images/tabs-indicator.png);
  width: 18px;
  height: 31px;
  left: -4rem;
  top: 50%;
  z-index: 99;
  display: block;
  position: absolute;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
}
html body section .main-content.three-tabs .nav-pills {
  position: relative;
  padding: 3rem 0 3rem 3rem;
}
html body section .main-content.three-tabs .nav-pills:before {
  background: #F53E51;
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  top: 0;
  left: 0;
}
html body section .main-content.three-tabs .nav-pills button {
  text-align: left;
  position: relative;
}
html body section .main-content.blog .card {
  background-size: cover;
  height: 300px;
  display: block;
  position: relative;
  padding: 0;
}
html body section .main-content.blog .card:before {
  content: "";
  background-color: #000000;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.2;
}
html body section .main-content.blog .card.blog1 {
  background-image: url(../images/blog1.png);
}
html body section .main-content.blog .card.blog2 {
  background-image: url(../images/blog2.png);
}
html body section .main-content.blog .card.blog3 {
  background-image: url(../images/blog3.png);
}
html body section .main-content.blog .card:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, #F53E51 95%);
  opacity: 1;
}
html body section .main-content.blog .card h5 {
  color: #ffffff;
  position: absolute;
  bottom: 0;
  z-index: 9;
  left: 2rem;
}
html body section .main-content.blog h6 {
  color: #F53E51;
  font-size: clamp(1.1rem, 1.1vw, 1.2rem);
  font-weight: 600;
  line-height: 2.2rem;
  text-transform: uppercase;
  padding: 1rem 2rem;
}
html body section .main-content.blog h6 span {
  color: #313B5B;
}
html body section .main-content .btn-transparent {
  padding: clamp(0.5rem, 1.5vw, 0.8rem) clamp(1.8rem, 1.5vw, 3.2rem);
  background: #F53E51;
  line-height: 3rem;
  font-size: clamp(1.3rem, 1.5vw, 1.6rem);
  font-weight: 600;
  text-transform: capitalize;
  color: #ffffff;
  border: none;
  box-shadow: 0rem 0.8rem 1.5rem rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  border-radius: 4.5rem;
  outline: none;
  white-space: nowrap;
  background-color: transparent;
  border: 2px solid #1F1F1F;
  color: #1F1F1F;
  border-radius: 0;
}
html body section .main-content .btn-transparent.trans-red-btn {
  border-color: #F53E51;
  color: #F53E51;
}
html body section .main-content .btn-transparent.trans-white-btn {
  border-color: #ffffff;
  color: #ffffff;
}
html body section .main-content.red-bg, html body section .main-content .red-bg {
  background-color: #F53E51;
}
html body section .main-content.red-bg *, html body section .main-content .red-bg * {
  color: #ffffff;
}
html body section .main-content.red-bg.contact, html body section .main-content .red-bg.contact {
  background-color: transparent;
}
html body section .main-content .link-btn {
  line-height: 4rem;
  font-weight: 500;
}
html body section .main-content .image-up {
  margin-top: -6rem;
  margin-bottom: 2rem;
}
html body section .main-content form .form-control, html body section .main-content form .form-select {
  background: transparent;
  border-width: 0 0 1px;
  font-size: clamp(1.4rem, 1.4vw, 1.6rem);
  height: calc(4.5rem + 10px);
  color: #666666;
  line-height: 3rem;
}
html body section .main-content form .form-control:focus, html body section .main-content form .form-select:focus {
  border-width: 0 0 1px;
  background-color: transparent;
  box-shadow: none;
  border-color: #F53E51;
}
html body section .main-content form textarea {
  resize: none;
}
html body section .main-content form label {
  font-size: clamp(1.2rem, 1.4vw, 1.4rem);
}
html body section .main-content form .btn-form {
  padding: clamp(0.5rem, 1.5vw, 0.8rem) clamp(1.8rem, 1.5vw, 3.2rem);
  background: #F53E51;
  line-height: 3rem;
  font-size: clamp(1.3rem, 1.5vw, 1.6rem);
  font-weight: 600;
  text-transform: capitalize;
  color: #ffffff;
  border: none;
  box-shadow: 0rem 0.8rem 1.5rem rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  border-radius: 4.5rem;
  outline: none;
  white-space: nowrap;
  background: #1F1F1F;
  color: #ffffff;
}
html body section .main-content .accordion .accordion-button {
  font-size: clamp(1.4rem, 1.4vw, 1.6rem);
  font-weight: 600;
  color: #313B5B;
}
html body section .main-content .accordion .accordion-button:not(.collapsed) {
  background: transparent;
  color: #313B5B;
  box-shadow: none;
}
html body section .main-content .accordion .accordion-button:focus {
  border: none;
  background-color: transparent;
  box-shadow: none;
}
html body section .main-content .accordion .accordion-button[aria-expanded=true] {
  color: #F53E51;
}
html body section .main-content .accordion .accordion-body {
  font-size: clamp(1.4rem, 1.4vw, 1.6rem);
}
html body section .main-content .hstack.responsive.award img {
  width: 100%;
}
html body section .main-content .data-chart h1 {
  font-size: clamp(3rem, 4vw, 5rem);
  font-weight: 600;
  color: #F53E51;
}
html body section .main-content .data-chart p {
  font-size: clamp(1.4rem, 1.5vw, 2.6rem);
  font-weight: 500;
  color: #1F1F1F;
}
html body section .card {
  background-color: #ffffff;
  border: none;
  box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.15);
  padding: 2rem;
}
html body section.tech-bg {
  background: #f5f5f5 url("../images/tech-bg.png") top center no-repeat;
  background-size: cover;
}
html body section.gray-bg, html body section .gray-bg {
  background-color: #f5f5f5;
}
html body section.wr-bg {
  background: #f5f5f5;
  background: linear-gradient(90deg, #f5f5f5 65%, #F53E51 65%);
}
html body section.rw-bg {
  background: #f5f5f5;
  background: linear-gradient(90deg, #F53E51 32%, #f5f5f5 32%);
}
html body section.hr-red, html body section .hr-red {
  position: relative;
}
html body section.hr-red:before, html body section .hr-red:before {
  content: "";
  height: 6px;
  width: 100%;
  position: absolute;
  bottom: calc(3rem - 6px);
  display: block;
  background-color: #F53E51;
}
html body section.red-bg, html body section .red-bg {
  background-color: #F53E51;
}
html body section.red-bg h1, html body section.red-bg p, html body section .red-bg h1, html body section .red-bg p {
  color: #ffffff;
}
html body section.red-img-bg {
  background: #F53E51 url("../images/landing-red-bg.png") center center no-repeat;
  background-size: cover;
}
html body section.red-img-bg h5 {
  color: #ffffff;
}
html body section.new-gray-bg, html body section .new-gray-bg {
  background-color: #455A64;
}
html body section.new-gray-bg h2, html body section.new-gray-bg p, html body section .new-gray-bg h2, html body section .new-gray-bg p {
  color: #ffffff;
}
html body section .hire-virtual {
  background: #f5f5f5 url("../images/hire-virtual-bg.png") right top no-repeat;
  background-size: cover;
  padding: 0;
}
html body section .tech-stack {
  flex-wrap: wrap;
  justify-content: center;
}
html body section .v-gr-border {
  position: relative;
  padding: 3rem 0 3rem 3rem;
}
html body section .v-gr-border:before {
  background: #d9d9d9;
  background: linear-gradient(180deg, #F53E51 50%, #d9d9d9 50%);
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  top: 0;
  left: 0;
}
html body section .h-gr-border {
  position: relative;
  padding-bottom: 2rem;
}
html body section .h-gr-border:before {
  background: #d9d9d9;
  background: linear-gradient(90deg, #666666 68.3%, #d9d9d9 68.3%);
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
}
html body section .v-dot-rule {
  position: relative;
  padding: 3rem 0 3rem 5rem;
}
html body section .v-dot-rule:before {
  background: #ffffff;
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  top: 0;
  left: 0;
}
html body section .v-dot-rule:after {
  width: 2rem;
  height: 2rem;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 50%;
  transform: translateX(calc(-50% + 1px));
}
html body section .owl-centered .owl-wrapper {
  display: table !important;
}
html body section .owl-centered .owl-item {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding: 0 3rem;
}
html body section .owl-carousel.owl-development .owl-stage-outer {
  padding-bottom: 2rem;
}
html body footer {
  background: #000000 url("../images/footer-bg.png") center center no-repeat;
  background-size: cover;
}
html body footer * {
  color: #ffffff;
}
html body footer h5 {
  font-size: clamp(1.5rem, 1.5vw, 1.7rem);
  line-height: 4rem;
  font-weight: 600;
}
html body footer address {
  font-size: clamp(1.2rem, 1.3vw, 1.4rem);
  opacity: 0.8;
}
html body footer .copyright {
  background-color: rgba(0, 0, 0, 0.2);
}
html body footer .copyright p {
  font-size: clamp(1.2rem, 1.3vw, 1.4rem);
  margin-bottom: 0;
  opacity: 0.8;
}
html body footer ul.links {
  padding-left: 0;
}
html body footer ul.links li {
  list-style-type: none;
}
html body footer ul.links li a {
  font-size: clamp(1.2rem, 1.3vw, 1.4rem);
  line-height: 3rem;
  opacity: 0.8;
}
html body footer ul.links li a:hover {
  color: #F53E51;
  opacity: 1;
}
html body .modal-content {
  background: transparent;
  border: none;
}
html body .modal-content .modal-header {
  border: none;
}
html body .modal-content .modal-header .btn-close {
  background: none;
  height: 2rem;
  width: 2rem;
}
html body .modal-content .modal-header .btn-close:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  font-size: 2rem;
}
html body.landing-page .navbar .nav-link i {
  color: #F53E51;
  margin-right: 1rem;
  font-size: 2rem;
  vertical-align: middle;
}
html body.landing-page .header-hero.landing-banner {
  background: #000000 url("../images/landing-banner1.png") center 20% no-repeat;
  background-size: cover;
  padding-block: clamp(4rem, 9vw, 10rem);
}
html body.landing-page .header-hero.landing-banner h1 {
  text-transform: uppercase;
}
html body.landing-page .header-hero.landing-banner h1:before {
  display: none;
}
html body.landing-page .header-hero.landing-banner p {
  color: #ffffff;
}
html body.landing-page .header-hero.landing-banner .carousel-indicators {
  bottom: -6rem;
  justify-content: start;
  margin-left: 0;
}
html body.landing-page .header-hero.landing-banner .carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  margin-left: 10px;
  opacity: 1;
  background-color: transparent;
  border: 1px solid #ffffff;
  box-sizing: border-box;
}
html body.landing-page .header-hero.landing-banner .carousel-indicators .active {
  background-color: #ffffff;
}
html body.landing-page .header-hero.landing-banner .tick-mark {
  margin-bottom: 2.1rem;
}
html body.landing-page .header-hero.landing-banner .tick-mark li {
  border-bottom-width: 0;
  padding: 0 1rem 0 3rem;
  background: transparent;
  margin: 1rem 0;
}
html body.landing-page .header-hero.landing-banner .tick-mark li:before {
  content: "\f00c";
  color: #ffffff;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.2rem;
  position: absolute;
  top: 10px;
  left: 0;
  transform: translateY(-50%);
}
html body.landing-page .header-hero.landing-banner .tick-mark li p {
  line-height: 2rem;
}
html body.landing-page .header-hero.landing-banner .table-stacked {
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding-right: 20%;
}
html body.landing-page .header-hero.landing-banner .table-stacked li {
  width: 25%;
  text-align: center;
  margin-right: -1px;
}
html body.landing-page .header-hero.landing-banner .table-stacked li p {
  color: #666666;
}
html body.landing-page .header-hero.landing-banner p {
  color: #ffffff;
  margin-bottom: 0;
  line-height: 2.4rem;
}
html body.landing-page .header-hero.landing-banner .white-bg {
  background-color: #ffffff;
  border-radius: 1rem;
  padding: 3rem 2rem;
  margin-bottom: -20rem;
  margin-top: 1rem;
}
html body.landing-page .header-hero.landing-banner .white-bg h2 {
  color: #1F1F1F;
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
html body.landing-page .header-hero.landing-banner .white-bg form label {
  color: #313B5B;
  font-size: 1.4rem;
  font-weight: 500;
}
html body.landing-page .header-hero.landing-banner .white-bg form textarea {
  resize: none;
  height: 6rem;
  font-size: 1.6rem;
}
html body.landing-page .header-hero.landing-banner .white-bg form textarea:focus {
  box-shadow: none;
  border-color: #F53E51;
}
html body.landing-page .header-hero.landing-banner .white-bg form input {
  font-size: 1.6rem;
}
html body.landing-page .header-hero.landing-banner .white-bg form input:focus {
  box-shadow: none;
  border-color: #F53E51;
}
html body.landing-page .header-hero.landing-banner .white-bg form .red-btn {
  padding: clamp(0.5rem, 1.5vw, 0.8rem) clamp(1.8rem, 1.5vw, 3.2rem);
  background: #F53E51;
  line-height: 3rem;
  font-size: clamp(1.3rem, 1.5vw, 1.6rem);
  font-weight: 600;
  text-transform: capitalize;
  color: #ffffff;
  border: none;
  box-shadow: 0rem 0.8rem 1.5rem rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  border-radius: 4.5rem;
  outline: none;
  white-space: nowrap;
  background-color: #F53E51;
  color: #ffffff;
  border-radius: 1rem;
  width: 80%;
}
html body.landing-page .title-group h1 {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
html body.landing-page .title-group h1::after {
  border-bottom: 3px solid #F53E51;
  width: 30%;
  content: "";
  position: absolute;
  left: 0;
  transform: translateY(-50%);
  bottom: -1rem;
}
html body.landing-page .title-group h1.mx-auto:after {
  left: 50%;
  transform: translateX(-50%);
}
html body.landing-page .main-content.whatwedo h5 {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1rem;
}
html body.landing-page .main-content.whatwedo h5::after {
  border-bottom: 2px solid #F53E51;
  width: 5rem;
  content: "";
  position: absolute;
  left: 0;
  transform: translateY(-50%);
  bottom: -0.2rem;
}
html body.landing-page .main-content .btn-white {
  padding: clamp(0.5rem, 1.5vw, 0.8rem) clamp(1.8rem, 1.5vw, 3.2rem);
  background: #F53E51;
  line-height: 3rem;
  font-size: clamp(1.3rem, 1.5vw, 1.6rem);
  font-weight: 600;
  text-transform: capitalize;
  color: #ffffff;
  border: none;
  box-shadow: 0rem 0.8rem 1.5rem rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  border-radius: 4.5rem;
  outline: none;
  white-space: nowrap;
  background: #ffffff;
  color: #F53E51;
  border-radius: 0;
}
html body.landing-page .main-content.testimonial .testi {
  margin-top: 6rem;
}
html body.landing-page .main-content.testimonial .testi .card {
  padding-top: 0;
  padding-bottom: 6rem;
}
html body.landing-page .main-content.testimonial .testi .card img {
  transform: translateY(-50%);
  margin-bottom: -4rem;
}
html body.landing-page .main-content.testimonial .testi .card .testi-name {
  color: #F53E51;
}
html body.landing-page .main-content.testimonial .testi .card i {
  color: #666666;
  font-size: 4rem;
}
html body.landing-page .main-content .accordion.accordion-flush .accordion-item .accordion-button[aria-expanded=true] {
  color: #313B5B;
}
html body.landing-page .main-content .accordion.accordion-flush .accordion-item:first-child {
  border-top: 1px solid #d9d9d9;
}
html body.landing-page .main-content .accordion .accordion-button::after {
  display: none;
}
html body.landing-page .main-content .data-chart h1, html body.landing-page .main-content .data-chart p {
  color: #ffffff;
}
html body.landing-page footer {
  background: #000000 url("../images/landing-footer-bg.png") left center no-repeat;
}





@media (max-width: 1199px) {
  html body.landing-page .header-hero.landing-banner .table-stacked {
    padding-right: 10%;
  }
  html body.landing-page .header-hero.landing-banner .table-stacked li {
    width: 33.33%;
  }
}
@media (max-width: 991px) {
  html body header .navbar .navbar-nav {
    padding-right: 0;
  }
  html body .main-content .gray-scale.award.responsive {
    gap: 4rem;
  }
  html body .main-content .tech.responsive {
    gap: 4rem;
  }
  html body .main-content .tech.responsive img {
    width: 5rem;
  }
  html body .main-content .accordion.accordion-flush.responsive .accordion-item:last-child {
    border-bottom: 1px solid #d9d9d9;
  }
  html body.landing-page .navbar .navbar-nav {
    flex-direction: row;
  }
  html body.landing-page .navbar .navbar-nav .nav-item .nav-link {
    padding-left: 0;
  }
  html body.landing-page .header-hero.landing-banner .table-stacked li {
    width: 50%;
  }
  html body.landing-page .main-content ul.list-column.hiring li {
    padding: 1rem;
  }
  html body.landing-page .main-content ul.list-column.hiring li div {
    text-align: center;
  }
  html body.landing-page .main-content ul.list-column.hiring li div p {
    margin-bottom: 1rem;
    text-align: center;
  }
}
@media (max-width: 767px) {
  html body section .main-content .trusted.responsive {
    width: auto;
    margin-bottom: 3rem;
    margin-left: 3rem;
  }
  

  
  html body section .main-content .trusted.responsive h5:before {
    width: 3rem;
    margin-left: -4rem;
  }
  html body section .main-content .gray-scale.award.responsive {
    gap: 2rem;
  }
  html body section .main-content .tech.responsive {
    gap: 2rem;
  }
  html body section .main-content .tech.responsive img {
    width: 4rem;
  }
  html body section .main-content .tech.responsive p {
    display: none;
  }
  html body section .main-content .hstack.responsive.award img {
    width: 80%;
    margin-left: 10%;
  }
  html body section .main-content .data-chart .maximum h1 {
    font-size: 6rem;
  }
  html body section .main-content .data-chart .maximum p {
    font-size: clamp(1.6rem, 1.7vw, 1.8rem);
  }
  html body section .main-content .data-chart .minimum {
    position: relative;
    padding: 3rem 0 3rem 3rem;
  }
  html body section .main-content .data-chart .minimum:before {
    background: #d9d9d9;
    position: absolute;
    content: "";
    width: 1px;
    height: 80%;
    top: 10%;
    left: 0;
  }
  html body .rw-bg.rotate-gradient.responsive {
    background: #f5f5f5;
    background: linear-gradient(180deg, #F53E51 32%, #f5f5f5 32%);
  }
  html body .rw-bg.rotate-gradient.responsive h2 {
    margin-top: 6rem;
  }
  html body .rw-bg.rotate-gradient.responsive .red-bg h2 {
    margin-top: -1rem;
  }
  html body.landing-page .navbar .navbar-nav .nav-item .nav-link {
    padding-right: 0;
  }
  html body.landing-page .header-hero.landing-banner .table-stacked {
    padding-right: 0;
  }
  html body.landing-page .header-hero.landing-banner .table-stacked li {
    width: 50%;
  }
  html body.landing-page .header-hero.landing-banner .white-bg {
    margin-top: 10rem;
  }
  html body.landing-page .header-hero.landing-banner .carousel-indicators {
    justify-content: center;
    margin-left: 15%;
  }
  html body.landing-page .header-hero.landing-banner .white-bg {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  html body.landing-page .main-content .data-chart {
    margin-top: 14rem;
  }
  html body.landing-page .main-content .data-chart .custom-pad {
    padding-left: 5rem;
  }
  html body.landing-page .main-content.talents .dot-connect {
    position: relative;
  }
  html body.landing-page .main-content.talents .dot-connect:before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 50%;
    width: 1px;
    height: 100%;
    transform: translateX(-50%);
  }
  html body.landing-page .main-content.talents .dot-connect:after {
    content: "";
    border-left: 2px dashed silver;
    position: absolute;
    top: 132%;
    left: 50%;
    width: 1px;
    height: 100%;
    transform: translateX(-50%);
  }
  html body.landing-page .main-content.talents .dot-connect img {
    background-color: #ffffff;
    box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.15);
    padding: 2rem;
    border-radius: 1rem;
    position: inherit;
    z-index: 1;
  }
  html body.landing-page .main-content.talents h5 {
    margin-top: 0.5rem;
    margin-bottom: 5rem;
  }
  html body.landing-page .main-content.talents :first-child .dot-connect:before {
    content: none;
  }
  html body.landing-page .main-content.talents :last-child .dot-connect:after {
    content: none;
  }
}
@media (max-width: 574px) {
  html body .main-content form .btn-form {
    margin-top: 2rem;
  }
  html body .rw-bg.rotate-gradient.responsive h2 {
    margin-top: 12rem;
  }
  html body .rw-bg.rotate-gradient.responsive .red-bg h2 {
    margin-top: 2.5rem;
  }
}
@media (max-width: 478px) {
  html body .main-content .gray-scale.award.responsive {
    gap: 1rem;
  }
  html.landing-page .main-content .data-chart {
    margin-top: 10rem;
  }
}/*# sourceMappingURL=main.css.map */


html body section .main-content form .form-floating label.error {
  position: absolute;
  inset: auto 0px 0px auto;
}