/*             Global Style             */
:root {
  --color-primary: #ea580c;
  --color-secondary: #c2410c;
  --color-text: #fb923c;
  --color-dark: #7c2d12;
  --color-light: #fff7ed;
  --color-p: #4a5565;
}
.color-primary {
  color: var(--color-primary);
}
.color-secondary {
  color: var(--color-secondary);
}
.color-text {
  color: var(--color-text);
}
.color-dark {
  color: var(--color-dark);
}
.color-light {
  color: var(--color-light);
}
.color-p {
  color: var(--color-p);
}
body {
  font-family: "Inter", sans-serif;
}
*,
*::after,
*::before,
::backdrop {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
span,
a {
  display: inline-block;
}
a {
  text-decoration: none;
  color: inherit;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
ul {
  list-style: none;
  padding-left: 0;
}
.text-sm {
  font-size: 12.25px;
  line-height: 1.42857;
}
.mb-21 {
  margin-bottom: 21px;
}
.container {
  padding-inline: 21px;
}
.fade-in-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-in-up.show {
  opacity: 1;
  transform: translateY(0);
}
.header {
  margin-bottom: 70px;
}
.header .section-header {
  padding: 7px 14px;
  background-color: #ea580c1a;
}
.header h2 {
  font-size: 26.25px;
  line-height: 1.2;
  font-weight: 900;
}
.header h2 span:last-child {
  background-image: linear-gradient(
    to right in oklab,
    var(--color-primary),
    var(--color-secondary)
  );
  background-clip: text;
  color: transparent;
}
.header p {
  font-size: 17.5px;
  line-height: 1.4;
  max-width: 672px;
}

/*          Navbar         */
#navbarSupportedContent.collapsing {
  transition: none !important;
  height: auto !important;
}

#navbarSupportedContent.collapse {
  transition: none !important;
}
nav .container-fluid {
  padding-inline: 21px;
  border-bottom: 1px solid #f6f3f4;
}
nav .nav {
  padding-block: 14px;
}
.navbar-brand {
  margin-right: 42px;
}
.navbar-brand .navbar-icon {
  width: 35px;
  height: 35px;
  border-radius: 10.5px;
  margin-right: 10.5px;
  background-image: linear-gradient(
    to bottom right,
    var(--color-primary),
    var(--color-secondary)
  );
}
.navbar-nav .nav-link.active {
  color: #364153 !important;
}
.navbar-nav .nav-link.active:hover {
  color: var(--color-primary) !important;
}
.navbar-icon i {
  font-size: 15px;
  line-height: 1.55556;
}
.navbar-brand span {
  font-size: 21px;
  line-height: 1.33333;
  background-image: linear-gradient(
    to right,
    var(--color-primary),
    var(--color-secondary)
  );
  background-clip: text;
  color: transparent;
}
.navbar-toggler {
  color: #364153;
  line-height: 0;
  font-size: 14px;
}
.navbar-toggler:focus {
  box-shadow: 0 0 0 transparent;
}
.navbar-toggler-icon {
  font-size: 17.5px;
  line-height: 1.4;
  background-image: none;
}
.navbar-collapse {
  border-top: 1px solid #f6f3f4;
}
ul.navbar-nav {
  padding: 14px 21px;
  line-height: 1.4;
}
ul.navbar-nav li {
  margin-bottom: 14px;
}
ul.navbar-nav li a {
  font-size: 14px;
  color: #364153;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
ul.navbar-nav li a:hover {
  color: var(--color-primary);
}
.dropdown-toggle {
  font-size: 14px;
  padding-block: 7px;
  color: #364153;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-toggle:hover {
  color: var(--color-primary);
}
.dropdown-toggle::after {
  content: "\f078" !important;
  border: 0;
  font-family: "font awesome 7 free" !important;
  font-weight: 900;
  font-size: 10.5px !important;
  line-height: 1.33333;
  margin-right: 2.5px !important;
  color: inherit !important;
  vertical-align: middle;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-toggle.show {
  color: #364153 !important;
}
.dropdown-toggle.show:hover {
  color: var(--color-primary) !important;
}
.dropdown-toggle.show::after {
  transform: rotate(180deg);
}
.dropdown-menu {
  margin-top: 14px !important;
  height: 350px;
}
.dropdown-menu .row {
  gap: 21px;
  margin-inline: 0;
}
.dropdown-menu .row .col-12 h3 {
  letter-spacing: 0.30625px;
  margin-bottom: 10.5px;
}
.dropdown-menu .row .col-12 a {
  margin-bottom: 7px;
  padding: 10.5px;
  border-radius: 10.5px;
  transition: background-image 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-menu .row .col-12 a:hover {
  background-image: linear-gradient(to right, #ea580c0d, #c2410c0d);
}
.dropdown-menu .row .service-icon {
  width: 35px;
  height: 35px;
  border-radius: 7px;
  margin-right: 10.5px;
  background-image: linear-gradient(to bottom right, #ea580c1a, #c2410c1a);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-menu .row .col-12 a:hover .service-icon {
  transform: scale(1.1);
}
.dropdown-menu .row .text-h {
  color: #101828;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-menu .row .col-12 a:hover .text-h {
  color: var(--color-primary);
}
.dropdown-menu .row .text-des {
  color: #6a7282;
}
.dropdown-menu .help {
  padding: 14px;
  background-image: linear-gradient(to bottom right, #ea580c1a, #c2410c1a);
  border-radius: 10.5px;
  border: 1px solid #ea580c33;
}
.dropdown-menu .help h4 {
  font-size: 14px;
  color: #101828;
}
.dropdown-menu .help a {
  color: var(--color-primary) !important;
  font-size: 12.25px !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.dropdown-menu .help a:hover {
  color: var(--color-secondary) !important;
  background-image: none !important;
}
.dropdown-menu .help a i {
  font-size: 10.5px;
  line-height: 1.33333;
}
.navbar-collapse div button:first-child {
  padding: 7px 21px;
  color: #364153;
  font-size: 14px;
  border: 1px solid #ebe6e7;
  background-color: transparent;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar-collapse div button:first-child:hover {
  color: var(--color-primary);
}
.navbar-collapse div button:last-child {
  padding: 10.5px 28px;
  border: transparent;
  font-size: 14px;
  background-image: linear-gradient(
    to right,
    var(--color-primary),
    var(--color-secondary)
  );
}
.navbar-collapse div button:last-child:hover {
  box-shadow: 0 10px 15px -3px #ea580c40, 0 4px 6px -4px #ea580c40;
}
/*          Home Section         */
.home {
  padding-top: 84px;
  padding-bottom: 56px;
  background-image: linear-gradient(
    to bottom right in oklab,
    var(--color-light) 0%,
    #fff 50%,
    var(--color-light) 100%
  );
}
.home .row .home-text {
  padding-bottom: 56px;
}
.home-text .text-header {
  margin-bottom: 28px;
}
.home-text .text-header .experience {
  background-color: #ea580c1a;
  padding: 7px 14px;
}
h1 {
  font-size: 31.5px;
  line-height: 1.25;
  font-weight: 900;
}
h1 span.f-child {
  background-image: linear-gradient(
    to right in oklab,
    var(--color-dark) 0%,
    var(--color-primary) 50%,
    var(--color-secondary) 100%
  );
  background-clip: text;
  color: transparent;
}
h1 span.th-child {
  background-image: linear-gradient(
    to right in oklab,
    var(--color-text),
    var(--color-primary)
  );
  background-clip: text;
  color: transparent;
}
.text-header p {
  font-size: 17.5px;
  line-height: 1.625;
  max-width: 588px;
}
.button-home {
  gap: 14px;
  margin-bottom: 28px;
}
.button-home button {
  padding: 14px 21px;
  font-size: 15.75px;
  line-height: 1.55556;
}
.button-home button i.fa-play {
  margin-right: 12px;
}
.button-home button:first-child {
  background-image: linear-gradient(
    to right in oklab,
    var(--color-primary),
    var(--color-secondary)
  );
  border: none;
  transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.button-home button:first-child:hover {
  box-shadow: 0 20px 25px -5px #ea580c40, 0 8px 10px -6px #ea580c40;
  transform: translateY(-3.5px);
}
.button-home button:last-child {
  border: 2px solid #d1d5dc;
  color: #364153;
  background-color: transparent;
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.button-home button:last-child:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.home-text div:last-child {
  padding-top: 28px;
}
.home-text div:last-child .text-center {
  margin-right: 28px;
}
.home-text div:last-child .text-center div:first-child {
  font-size: 26.25px;
  line-height: 1.2;
}
.home-text div:last-child .text-center div:last-child {
  font-size: 14px;
}
.home-image {
  transform: scale(0.9);
}
.home-image .bg-rotate {
  inset: 0;
  background-image: linear-gradient(to right in oklab, #ea580c33, #c2410c33);
  border-radius: 21px;
  transform: rotate(3deg);
}
.home-img {
  border-radius: 21px;
  padding: 28px;
  box-shadow: 0 25px 50px -12px #00000040;
}
.home-img img {
  border-radius: 14px;
}
.home-image .badge-top {
  width: 84px;
  height: 84px;
  background-image: linear-gradient(
    to bottom right in oklab,
    var(--color-text),
    var(--color-primary)
  );
  top: -21px;
  right: -21px;
  border-radius: 14px;
  box-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
}
.home-image .badge-top i {
  font-size: 21px;
  line-height: 1.33333;
}
.home-image .badge-bottom {
  width: 70px;
  height: 70px;
  background-image: linear-gradient(
    to bottom right in oklab,
    var(--color-secondary),
    var(--color-primary)
  );
  bottom: -21px;
  left: -21px;
  border-radius: 10.5px;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
}
.home-image .badge-bottom i {
  font-size: 17.5px;
  line-height: 1.4;
}
/*          Services Section          */
.services,
.technology,
.testimonials,
.faq,
.contact {
  padding-block: 84px;
}
.services .row {
  gap: 28px;
  margin-bottom: 56px;
}
.services .card {
  border-radius: 14px;
  border: 1px solid #f6f3f4;
  padding: 28px;
  transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.services .card:hover {
  box-shadow: 0 25px 50px -12px #ea580c1a;
  transform: translateY(-7px);
}
.services .card .icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.services .card .icon-code {
  background-image: linear-gradient(
    to bottom right in oklab,
    var(--color-primary),
    var(--color-secondary)
  );
}
.services .card .icon-mobile {
  background-image: linear-gradient(
    to bottom right in oklab,
    #f98b37,
    var(--color-primary)
  );
}
.services .card .icon-cloud {
  background-image: linear-gradient(
    to bottom right in oklab,
    var(--color-secondary),
    #f98b37
  );
}
.services .card .icon-brain {
  background-image: linear-gradient(
    to bottom right in oklab,
    var(--color-primary) 0%,
    var(--color-secondary) 50%,
    #f98b37 100%
  );
}
.services .card .icon-chart-line {
  background-image: linear-gradient(
    to bottom right in oklab,
    #f98b37,
    var(--color-secondary)
  );
}
.services .card .icon-palette {
  background-image: linear-gradient(
    to bottom right in oklab,
    var(--color-secondary),
    var(--color-primary)
  );
}
.services .card:hover .icon {
  transform: scale(1.1);
}
.services .card .icon i {
  font-size: 21px;
  line-height: 1.33333;
}
.services .card h3 {
  font-size: 17.5px;
  line-height: 1.4;
  margin-bottom: 14px;
}
.services .card p {
  font-size: 14px;
  line-height: 1.625;
}
.services .card a {
  font-size: 14px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.services .card a:hover {
  color: var(--color-secondary);
}
.services .card a i {
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.services .card:hover i.fa-arrow-right {
  transform: translateX(3.5px);
}
/*         Technology Section          */
.technology .tabs {
  max-width: 1008px;
}
.technology ul {
  margin-bottom: 42px;
  border-bottom: 1px solid #ebe6e7;
}
.technology button.nav-link {
  position: relative;
  padding: 7px 14px;
  font-size: 15.75px;
  line-height: 1.55556;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.technology button.nav-link:hover,
.technology button.active {
  color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
.technology .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-primary);
  display: none;
}

.technology .nav-link:hover::after,
.technology .nav-link.active::after {
  display: block;
}
.nav-pills {
  --bs-nav-pills-border-radius: 0;
  --bs-nav-pills-link-active-color: var(--color-primary);
  --bs-nav-pills-link-active-bg: transparent;
}
.nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--color-p);
  --bs-nav-link-hover-color: var(--color-primary);
  --bs-nav-link-disabled-color: var(--color-p);
}
.tab-pane.active {
  animation: 0.5s ease-out fadeInUp;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.technology .tab-header {
  margin-bottom: 42px;
}
.technology .tab-header h3 {
  font-size: 21px;
  line-height: 1.33333;
  margin-bottom: 14px;
}
.technology .tab-header p {
  font-size: 15.75px;
  line-height: 1.55556;
}
.technology .row {
  gap: 28px;
}
.technology .row .card {
  border-radius: 14px;
  padding: 28px;
  border-color: transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.technology .row .card:hover {
  box-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
  transform: translateY(-7px);
}
.technology .card .icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
}
.technology .card .icon i {
  font-size: 21px;
  line-height: 1.33333;
}
.technology .card h4 {
  font-size: 17.5px;
  line-height: 1.4;
  margin-bottom: 10.5px;
}
.technology .card p {
  margin-bottom: 14px;
  font-size: 14px;
}
.technology .card div span {
  font-size: 14px;
}
.technology .card div span.rounded-pill {
  padding: 3.5px 10.5px;
  font-size: 10.5px;
  line-height: 1.33333;
}
.technology .card-react,
.technology .card-python,
.technology .card-react-native,
.technology .card-microsoft,
.technology .card-docker,
.technology .card-postgresql {
  background-image: linear-gradient(to bottom right in oklab, #eff6ff, #dbeafe);
}
.technology .card-react .icon,
.technology .card-react-native .icon,
.technology .card-microsoft .icon,
.technology .card-docker .icon {
  background-color: #2b7fff;
}
.technology .card-react div span.rounded-pill,
.technology .card-python div span.rounded-pill,
.technology .card-react-native div span.rounded-pill,
.technology .card-microsoft div span.rounded-pill,
.technology .card-docker div span.rounded-pill,
.technology .card-postgresql div span.rounded-pill {
  color: #193cb8;
  background-color: #dbeafe;
}
.technology .card-next,
.technology .card-ios-native,
.technology .card-pipeline {
  background-image: linear-gradient(to bottom right in oklab, #fbf9fa, #f6f3f4);
}
.technology .card-next .icon {
  background-color: #000;
}
.technology .card-next div span.rounded-pill,
.technology .card-ios-native div span.rounded-pill,
.technology .card-pipeline div span.rounded-pill {
  color: #1e2939;
  background-color: #f6f3f4;
}
.technology .card-vue,
.technology .card-node,
.technology .card-android-native,
.technology .card-mongodb {
  background-image: linear-gradient(to bottom right in oklab, #f0fdf4, #dcfce7);
}
.technology .card-vue .icon {
  background-color: #00c951;
}
.technology .card-vue div span.rounded-pill,
.technology .card-node div span.rounded-pill,
.technology .card-android-native div span.rounded-pill,
.technology .card-mongodb div span.rounded-pill {
  color: #016630;
  background-color: #dcfce7;
}
.technology .card-angular,
.technology .card-pwa,
.technology .card-amazon {
  background-image: linear-gradient(to bottom right in oklab, #fff7ed, #ffedd4);
}
.technology .card-angular .icon,
.technology .card-amazon .icon {
  background-color: #ff6900;
}
.technology .card-angular div span.rounded-pill,
.technology .card-pwa div span.rounded-pill,
.technology .card-amazon div span.rounded-pill {
  color: #9f2d00;
  background-color: #ffedd4;
}
.technology .card-tailwind,
.technology .card-flutter {
  background-image: linear-gradient(to bottom right in oklab, #ecfeff, #cefafe);
}
.technology .card-tailwind .icon,
.technology .card-flutter .icon {
  background-color: #00b8db;
}
.technology .card-tailwind div span.rounded-pill,
.technology .card-flutter div span.rounded-pill {
  color: #005f78;
  background-color: #cefafe;
}
.technology .card-vite,
.technology .card-java,
.technology .card-xamarin,
.technology .card-kubernetes,
.technology .card-elasticsearch {
  background-image: linear-gradient(to bottom right in oklab, #faf5ff, #f3e8ff);
}
.technology .card-vite .icon {
  background-color: #ad46ff;
}
.technology .card-vite div span.rounded-pill,
.technology .card-java div span.rounded-pill,
.technology .card-xamarin div span.rounded-pill,
.technology .card-kubernetes div span.rounded-pill,
.technology .card-elasticsearch div span.rounded-pill {
  color: #6e11b0;
  background-color: #f3e8ff;
}
.technology .card-node .icon,
.technology .card-android-native .icon {
  background-color: #00a63e;
}
.technology .card-python .icon {
  background-color: #155dfc;
}
.technology .card-golang,
.technology .card-google-cloud,
.technology .card-redis {
  background-image: linear-gradient(to bottom right in oklab, #fef2f2, #ffe2e2);
}
.technology .card-golang .icon {
  background-color: #e7000b;
}
.technology .card-golang .icon span {
  font-size: 15.75px;
}
.technology .card-golang div span.rounded-pill,
.technology .card-google-cloud div span.rounded-pill,
.technology .card-redis div span.rounded-pill {
  color: #9f0712;
  background-color: #ffe2e2;
}
.technology .card-java .icon,
.technology .card-xamarin .icon,
.technology .card-kubernetes .icon,
.technology .card-elasticsearch .icon {
  background-color: #9810fa;
}
.technology .card-netcore,
.technology .card-graphql {
  background-image: linear-gradient(to bottom right in oklab, #eef2ff, #e0e7ff);
}
.technology .card-netcore .icon,
.technology .card-graphql .icon {
  background-color: #4f39f6;
}
.technology .card-netcore div span.rounded-pill,
.technology .card-graphql div span.rounded-pill {
  color: #372aac;
  background-color: #e0e7ff;
}
.technology .card-ruby {
  background-image: linear-gradient(to bottom right in oklab, #f0fdfa, #cbfbf1);
}
.technology .card-ruby .icon {
  background-color: #009689;
}
.technology .card-ruby div span.rounded-pill {
  color: #005f5a;
  background-color: #cbfbf1;
}
.technology .card-ios-native .icon,
.technology .card-pipeline .icon {
  background-color: #364153;
}
.technology .card-pwa .icon {
  background-color: #f54a00;
}
.technology .card-google-cloud .icon {
  background-color: #fb2c36;
}
.technology .card-postgresql .icon {
  background-color: #1447e6;
}
.technology .card-mongodb .icon {
  background-color: #008236;
}
.technology .card-mongodb .icon span {
  font-size: 10.5px;
}
.technology .card-redis .icon {
  background-color: #c10007;
}
.technology .card-mysql {
  background-image: linear-gradient(to bottom right in oklab, #fefce8, #fef9c2);
}
.technology .card-mysql .icon {
  background-color: #d08700;
}
.technology .card-mysql div span.rounded-pill {
  color: #894b00;
  background-color: #fef9c2;
}
/*      Testimonials Section      */
.testimonials {
  background-image: linear-gradient(to bottom right in oklab, #fbf9fa, #fff7ed);
}
.testimonials .carousel {
  max-width: 896px;
}
.testimonials .carousel-item {
  min-width: 100%;
  padding-inline: 14px;
}
.testimonials .carousel-item .card {
  max-width: 896px;
  border-radius: 21px;
  padding: 42px;
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  border: 1px solid #f3f4f680;
  backdrop-filter: blur(8px);
}
.testimonials .card .overlay {
  inset: 0;
  background-image: linear-gradient(
    to bottom right in oklab,
    #ea580c0d 0%,
    transparent 50%,
    #ea580c0d 100%
  );
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.testimonials .card:hover .overlay {
  opacity: 1;
}
.testimonials .card .top-card {
  gap: 14px;
  margin-bottom: 28px;
}
.testimonials .card .icon-rate {
  gap: 14px;
}
.testimonials .card .icon {
  width: 56px;
  height: 56px;
  background-image: linear-gradient(
    to bottom right in oklab,
    #ea580c1a,
    #c2410c1a
  );
  border-radius: 10.5px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.testimonials .card:hover .icon {
  transform: scale(1.1);
}
.testimonials .card .icon i {
  font-size: 21px;
  line-height: 1.33333;
}
.testimonials .card .stars i {
  font-size: 14px;
  color: #fdc700;
}
.testimonials .card .rate span {
  color: #6a7282;
  margin-top: 5.25px;
}
.testimonials .card .verified {
  background-image: linear-gradient(to right in oklab, #ea580c1a, #c2410c1a);
  padding: 7px 14px;
}
.testimonials .card blockquote {
  color: #364153;
  font-size: 17.5px;
  line-height: 1.625;
  margin-bottom: 28px;
}
.testimonials .card .break {
  height: 1px;
  background-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(243, 243, 245, 1) 50%,
    transparent 100%
  );
  margin-bottom: 28px;
}
.testimonials .card .author-info div.flex-column {
  gap: 17.5px;
}
.testimonials .card .author-info img {
  width: 70px;
  height: 70px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ea580c33;
}
.testimonials .card .author-info .check {
  bottom: -3.5px;
  right: -3.5px;
  width: 24.5px;
  height: 24.5px;
  background-image: linear-gradient(
    to bottom right,
    var(--color-primary),
    var(--color-secondary)
  );
  border: 2px solid #fff;
}
.testimonials .card .author-info .author-name {
  font-size: 15.75px;
  line-height: 1.55556;
}
.testimonials .card .author-info .author-job {
  font-size: 14px;
}
.testimonials .card .author-info .verified-linkedin {
  gap: 5.25px;
  margin-top: 5.25px;
}
.testimonials .card .author-info .verified-linkedin span {
  color: #6a7282;
}
.testimonials .card .author-info .percentage {
  font-size: 26.25px;
  line-height: 1.2;
  background-image: linear-gradient(
    to right in oklab,
    var(--color-primary),
    var(--color-secondary)
  );
  background-clip: text;
  color: transparent;
}
.testimonials .card .author-info div.d-none div:last-child {
  color: #6a7282;
}
.testimonials .carousel-indicators {
  margin-top: 35px;
}
.testimonials .carousel-indicators button {
  all: unset;
  display: block;
  cursor: pointer;
  width: 7px;
  height: 7px;
  margin-inline: 1.5px;
  opacity: 1;
  background-color: #d1d5dc;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.testimonials .carousel-indicators button:hover {
  width: 28px !important;
  background-color: #f4a87f !important;
  border-radius: 12px !important;
}
.testimonials .carousel-indicators button.active {
  background-color: var(--color-primary);
}
/*            FAQ Section           */
.accordion {
  max-width: 784px;
}
.accordion-item:last-of-type,
.accordion-item {
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
}

.accordion-item:first-of-type,
.accordion-item {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.accordion-item {
  margin-bottom: 14px;
  border: 1px solid #ebe6e7;
  transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion-item:not(:first-of-type) {
  border-top: 1px solid #ebe6e7;
}
.accordion-item:hover {
  border-color: #ea580c4d;
}
.accordion-item button {
  padding: 21px;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion-item button:hover {
  background-color: #fbf9fa;
}
.accordion-item button span:first-child {
  font-size: 15.75px;
  line-height: 1.55556;
  padding-right: 28px;
}
.accordion-item button .accordion-icon {
  width: 35px;
  height: 35px;
  background-image: linear-gradient(
    to bottom right in oklab,
    #ea580c1a,
    #c2410c1a
  );
}
.accordion-item button .accordion-icon i {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion-button:not(.collapsed) .accordion-icon i {
  transform: rotate(180deg);
}
.accordion-item button::after {
  content: none;
}
.accordion-item button:not(.collapsed) {
  background-color: transparent;
  box-shadow: inset 0 0 transparent;
}
.accordion-button:not(.collapsed):hover {
  background-color: #fbf9fa !important;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0 transparent;
}
.accordion-item .accordion-body {
  padding: 7px 21px 21px;
}
.accordion-item .faq-answer {
  min-height: 0;
}
.accordion-body p {
  font-size: 14px;
  line-height: 1.625;
}
.accordion-item .accordion-body ul i {
  margin-top: 9px;
  margin-right: 10.5px;
  font-size: 14px;
}
.accordion-item .accordion-body ul span {
  font-size: 14px;
}
/*      Contact Section      */
.contact .bg-overlay {
  inset: 0;
  background-image: linear-gradient(
    to bottom right in oklab,
    #ea580c0d 0%,
    transparent 50%,
    #c2410c0d 100%
  );
}
.contact .bg-t-l,
.contact .bg-b-r {
  width: 336px;
  height: 336px;
  backdrop-filter: blur(64px);
  opacity: 0.3;
}
.contact .bg-t-l {
  top: 0;
  left: 0;
  background-image: linear-gradient(
    to bottom right in oklab,
    #ea580c1a,
    transparent
  );
  transform: translate(-168px, -168px);
}
.contact .bg-b-r {
  bottom: 0;
  right: 0;
  background-image: linear-gradient(
    to top left in oklab,
    #c2410c1a,
    transparent
  );
  transform: translate(168px, 168px);
}
.contact .header .section-header {
  margin-bottom: 28px;
  padding: 10.5px 21px;
}
.contact .header h2 {
  margin-bottom: 28px;
  font-size: 42px;
}
.contact .header h2 span:last-child {
  background-image: linear-gradient(
    to right in oklab,
    #ea580c 0%,
    #c2410c 50%,
    #fb923c 100%
  );
}
.contact .header p {
  font-size: 21px;
  max-width: 784px;
}
.contact-content {
  max-width: 1008px;
}
.contact .content {
  border-radius: 21px;
  box-shadow: 0 25px 50px -12px #00000040;
  border: 1px solid #f6f3f4;
}
.contact .row .col-lg-8 {
  padding: 21px;
}
.contact .row .col-lg-8 .top {
  margin-bottom: 28px;
}
.contact .row .top h3 {
  font-size: 21px;
  line-height: 1.33333;
  margin-bottom: 14px;
}
.contact .row .top p.color-p {
  font-size: 15.75px;
  line-height: 1.55556;
}
.contact form .row {
  gap: 21px;
  margin-bottom: 28px;
}
.contact form .interest,
.contact form .timeline,
.contact form .project-budget,
.contact form .tell-us {
  margin-bottom: 28px;
}
.contact form label {
  color: #1e2939;
  margin-bottom: 10.5px;
}
.contact form input,
.contact form textarea {
  color: #000000;
}
.contact form select {
  color: #000;
  appearance: none;
  background-image: none;
}
.contact form input,
.contact form select,
.contact form textarea {
  padding: 16px 20px;
  background-color: #f3f4f6 !important;
  border: 2px solid #0000;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.contact form input:focus,
.contact form select:focus,
.contact form textarea:focus {
  background-color: white !important;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 0.25rem #ea580c1a;
  transform: translateY(-2px);
}
.contact form .interest i,
.contact form .timeline i {
  transform: translateY(-50%);
  pointer-events: none;
  right: 14px;
  color: #99a1af;
  top: 65%;
  font-size: 14px;
}
.contact form .project-budget .row {
  gap: 14px;
}
.contact form .project-budget .row label {
  cursor: pointer;
}
.contact form .project-budget input {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
}
.contact form .project-budget label span.text-center {
  padding: 14px;
  border: 2px solid #ebe6e7;
  border-radius: 10.5px;
  width: 100%;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.contact form .project-budget input:checked + .text-center {
  border-color: var(--color-primary);
  background-color: #ea580c0d;
  color: var(--color-primary);
}
.contact form .project-budget label span.text-center:hover {
  border-color: #d1d5dc;
}
.contact form .project-budget label span.text-center span:first-child {
  font-size: 14px;
}
.contact form .project-budget label span.text-center span:last-child {
  color: #6a7282;
}
.contact form .tell-us label {
  color: #1e2939;
  margin-bottom: 10.5px;
}
.contact form .tell-us textarea {
  resize: none;
}
.form-check {
  min-height: auto;
  padding-top: 14px;
  margin-bottom: 28px;
}
.form-check input {
  margin-top: 3.5px;
  margin-right: 10.5px;
  width: 17.5px;
  height: 17.5px;
  background-color: transparent !important;
  border: 2px solid #767676 !important;
  border-radius: 1.5px;
}
.form-check input:checked {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
.form-check input:focus {
  box-shadow: 0 0 0 2px #ea580c33 !important;
}
.form-check label {
  line-height: 1.625;
  cursor: pointer;
}
.form-check a:hover {
  text-decoration: underline;
}
form button {
  background-image: linear-gradient(
    to right in oklab,
    var(--color-primary) 0%,
    var(--color-secondary) 50%,
    var(--color-text) 100%
  );
  padding-block: 17.5px;
  border-radius: 14px;
  border-color: transparent;
  font-size: 15.75px;
  line-height: 1.55556;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
form button:hover {
  box-shadow: 0 25px 50px -12px #ea580c40;
  transform: translateY(-3.5px);
}
form button i {
  margin-left: 10.5px;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
form button:hover i {
  transform: translateX(3.5px);
}
.contact .row .col-lg-4 {
  background-image: linear-gradient(
    to bottom right in oklab,
    var(--color-primary),
    var(--color-secondary)
  );
  padding: 21px;
}
.contact .row .bg-layer {
  inset: 0;
  background-image: linear-gradient(
    to bottom right in oklab,
    #00000033,
    transparent
  );
}
.contact .row .layer-tr {
  top: 0;
  right: 0;
  width: 112px;
  height: 112px;
  background-color: #ffffff1a;
  backdrop-filter: blur(40px);
  opacity: 0.15;
}
.contact .row .layer-bl {
  bottom: 0;
  left: 0;
  width: 84px;
  height: 84px;
  background-color: #ffffff1a;
  backdrop-filter: blur(40px);
  opacity: 0.15;
}
.contact .row .clarity h4 {
  font-size: 21px;
  line-height: 1.33333;
  margin-bottom: 28px;
}
.clarity .top {
  margin-bottom: 42px;
}
.clarity .top .item {
  margin-bottom: 28px;
}
.clarity .top .icon {
  width: 42px;
  height: 42px;
  background-color: #ffffff33;
  border-radius: 10.5px;
  margin-right: 14px;
}
.clarity .top h5 {
  font-size: 14px;
}
.clarity .top p {
  color: #ffffffcc;
}
.clarity .bottom {
  padding-top: 28px;
  border-top: 1px solid #ffffff33;
}
.clarity .bottom h5 {
  margin-bottom: 14px;
  font-size: 14px;
}
.clarity .bottom .item {
  margin-bottom: 10.5px;
}
.clarity .bottom .item i {
  width: 14px;
  margin-right: 10.5px;
  font-size: 14px;
}
.clarity .bottom .item span {
  color: #ffffffe6;
  font-size: 14px;
}
/*          Footer          */
footer {
  border-top: 1px solid #ebe6e7;
}
footer .top {
  padding-block: 42px;
}
footer .top .row {
  gap: 28px;
}
.footer-head {
  margin-bottom: 10.5px;
}
.footer-head .icon {
  width: 35px;
  height: 35px;
  background-image: linear-gradient(
    to bottom right in oklab,
    var(--color-primary),
    var(--color-secondary)
  );
  border-radius: 10.5px;
}
.footer-head .icon i,
footer .social-links a i {
  font-size: 14px;
}
.footer-head span {
  font-size: 17.5px;
  line-height: 1.4;
  color: #101828;
}
footer .top .row p {
  max-width: 392px;
}
footer .social-links {
  gap: 10.5px;
}
footer .social-links a {
  width: 35px;
  height: 35px;
  border-radius: 7px;
  background-color: #f6f3f4;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
footer .social-links a:hover {
  background-color: var(--color-primary);
  color: #fff;
}
footer .bottom {
  padding-block: 21px;
  border-top: 1px solid #ebe6e7;
}
footer .bottom .made-with {
  gap: 5.25px;
  color: #6a7282;
  font-size: 10.5px;
  line-height: 1.33333;
}
footer .bottom .made-with i {
  font-size: 10.5px;
}