@charset "UTF-8";
/*===========
   Theme Name: Vatech - Technology Solutions & Business HTML Template
   Author : alithemes
   Support: https://alithemes.ticksy.com
   Version: 1.0
=======
Table of contents
    01. Theme Default CSS
    02. Header
    03. Mobile Menu
    04. Banner
    05. Slider
    06. About
    07. Services
    08. Choose
    09. Project
    10. Pricing
    11. Request
    12. Consulting
    13. Testimonial
    14. Features
    15. Marquee
    16. Fact
    17. Team
    18. Call-back
    19. Blog
    20. Contact
    21. Brand
    22. 404 Error
    23. Footer
==============*/
@import url(https://fonts.bunny.net/css?family=figtree:300,400,500,600,700,800,900|rajdhani:300,400,500,600,700|rubik:400,500,600,700|inter:700|plus-jakarta-sans:700);
:root {
  --tc-body-font-family: 'Figtree', sans-serif;
  --tc-heading-font-family: 'Figtree', sans-serif;
  --tc-display-font-family: 'Figtree', sans-serif;
  --tc-ag-font-family: 'Rajdhani', sans-serif;
  --tc-rubik-font-family: 'Rubik', sans-serif;
  --tc-inter-font-family: 'inter', sans-serif;
  --tc-jakarta-font-family: 'Plus Jakarta Sans', sans-serif;
  --tc-body-font-size: 16px;
  --tc-fs-1: 40px;
  --tc-fs-2: 32px;
  --tc-fs-3: 28px;
  --tc-fs-4: 24px;
  --tc-fs-5: 20px;
  --tc-fs-6: 16px;
  --tc-fs-7: 14px;
  --tc-fs-8: 12px;
  --tc-ds-1: 80px;
  --tc-ds-2: 72px;
  --tc-ds-3: 64px;
  --tc-ds-4: 56px;
  --tc-ds-5: 48px;
  --tc-ds-6: 40px;
  --tc-ds-xs-1: 64px;
  --tc-ds-xs-2: 56px;
  --tc-ds-xs-3: 48px;
  --tc-ds-xs-4: 36px;
  --tc-ds-xs-5: 28px;
  --tc-ds-xs-6: 24px;
  --tc-body-line-height: 1.5;
  --tc-heading-line-height: 1.2;
  --tc-theme-primary: #00509d;
  --tc-theme-primary-dark: #01488a;
  --tc-theme-primary-light: rgba(249, 70, 67, 0.123);
  --tc-theme-secondary: #f2c51a;
  --tc-theme-heading: #001448;
  --tc-theme-heading-2: #00194c;
  --tc-theme-body: #2c2c2c;
  --tc-theme-main: #ffffff;
  --tc-theme-bg-1: #fbf3f2;
  --tc-theme-bg-2: rgba(252, 249, 237, 0.5137254902);
  --tc-theme-bg-3: rgba(1, 34, 54, 0.0901960784);
  --tc-theme-bg-4: #f1f1f1;
  --tc-theme-bg-5: #001b2b;
  --tc-theme-bg-6: #b3ccff;
  --tc-theme-bg-7: #404040;
  --tc-theme-bg-8: #bd16d8;
  --tc-theme-bg-9: #f4fdf9;
  --tc-theme-bg-10: #f8faff;
  --tc-theme-bg-11: #f7f7f7;
  --tc-theme-bg-12: #998e8c;
  --tc-theme-bg-13: #f2f6ff;
  --tc-theme-bg-14: #f1f5ff;
  --tc-theme-bg-15: #f4f4ff;
  --tc-theme-bg-16: #f8f8f8;
  --tc-theme-text: rgba(0, 7, 11, 0.7607843137);
  --tc-theme-text-2: rgba(0, 7, 11, 0.8);
  --tc-theme-text-3: rgba(255, 255, 255, 0.6);
  --tc-theme-text-5: rgba(255, 255, 255, 0.5);
  --tc-theme-text-4: rgba(1, 43, 67, 0.8);
  --tc-theme-text-6: rgba(0, 7, 11, 0.6039215686);
  --tc-theme-border: rgba(255, 255, 255, 0.1764705882);
  --tc-theme-border-2: rgba(186, 204, 214, 0.631372549);
  --tc-theme-border-3: #e7eaf1;
  --tc-theme-border-4: rgba(0, 4, 7, 0.3568627451);
  --tc-theme-border-5: #bca3ea;
  --tc-theme-border-6: #d9d9d9;
  --tc-theme-border-7: #e3e3e3;
  --tc-theme-border-8: #d7deeb;
  --tc-theme-border-9: #4e4e4e;
  --tc-theme-border-10: #e0e0e0;
  --tc-theme-border-11: #dcdcdc;
  --tc-theme-border-12: #e4e4e4;
  --tc-theme-border-13: #ededed;
  --tc-theme-border-14: #e0e6f2;
  --tc-theme-border-15: #dadfee;
  --tc-theme-border-16: #e6e7e7;
  --tc-graay-50: #f6f6f6;
  --tc-graay-50_2: rgba(246, 246, 246, 0.5333333333);
  --tc-graay-100: #eeeeee;
  --tc-graay-500: #a9a9a9;
  --tc-graay-600: #8b8b8b;
  --tc-graay-700: #82828a;
  --tc-graay-800: #616670;
  --tc-graay-900: #515357;
  --tc-graay-1000: #667594;
  --tc-graay-1100: #181818;
  --tc-graay-1200: #f5f5f5;
  --tc-graay-1300: #8b8989;
  --tc-graay-1400: #939393;
  --tc-graay-1500: #999999;
  --tc-neutral-0: #ffffff;
  --tc-neutral-50: #eaeaea;
  --tc-neutral-100: #d5d5d5;
  --tc-neutral-200: #ababab;
  --tc-neutral-300: #808080;
  --tc-neutral-400: #565656;
  --tc-neutral-500: #2c2c2c;
  --tc-neutral-600: #212121;
  --tc-neutral-700: #161616;
  --tc-neutral-800: #0b0b0b;
  --tc-neutral-900: #060606;
  --tc-neutral-1000: #101010;
  --tc-neutral-1100: #1a1a1c;
  --tc-neutral-1200: #141416;
  --tc-neutral-1300: #1d231f;
  --tc-neutral-1400: #1c1c1c;
  --tc-neutral-1500: #616161;
  --tc-neutral-1600: #151718;
  --tc-neutral-1700: #7c7b7b;
  --tc-neutral-1800: #111111;
  --tc-neutral-1900: #1a1a1a;
  --tc-neutral-2000: #192919;
  --tc-neutral-2100: #4d5254;
  --tc-neutral-2200: #171717;
  --tc-neutral-2300: #777777;
  --tc-neutral-2400: #222222;
  --tc-neutral-2500: #677471;
  --tc-neutral-2600: #757589;
  --tc-neutral-2700: #22252f;
  --tc-neutral-2800: #818181;
  --tc-neutral-2900: #6d6e72;
  --tc-primary-50: #e6eeff;
  --tc-primary-100: #ccddff;
  --tc-primary-100_2: rgba(204, 221, 255, 0.2196078431);
  --tc-primary-200: #99bbff;
  --tc-primary-300: #6699ff;
  --tc-primary-400: #3377ff;
  --tc-primary-500: #0055ff;
  --tc-primary-500_2: rgba(0, 85, 255, 0.1764705882);
  --tc-primary-600: #0044cc;
  --tc-primary-700: #003399;
  --tc-primary-800: #002266;
  --tc-primary-900: #001133;
  --tc-primary-950: #00091a;
  --tc-primary-home: #b91202;
  --tc-primary-home-2: #df2a19;
  --tc-primary-home-3: #fc0012;
  --tc-primary-home-4: #ba1111;
  --tc-primary-1000: #1cbbb4;
  --tc-primary-1100: #f2f9ff;
  --tc-primary-1200: #1fb795;
  --tc-primary-1300: #024cbc;
  --tc-primary-1400: #0075dc;
  --tc-primary-1500: #2ab882;
  --tc-secondery-300: #2cb881;
  --tc-secondery-400: #174b68;
  --tc-secondery-500: #012b43;
  --tc-secondery-600: #012236;
  --tc-secondery-700: #334770;
  --tc-dark-950: #000407;
  --tc-border-1: #e8e8e8;
  --tc-border-2: #e6e7f3;
  --tc-bg-1: #ffffff;
  --tc-gradient-1: linear-gradient(90deg, #f94743 0%, #ff7b49 100%);
  --tc-shadow-1: 4px 4px 20px 5px rgba(17, 16, 16, 0.05);
  --tc-shadow-2: 0px 0px 20px 0px rgba(17, 16, 16, 0.05);
  --tc-fw-extra-bold: 800;
  --tc-fw-bold: 700;
  --tc-fw-semi-bold: 600;
  --tc-fw-medium: 500;
  --tc-fw-regular: 400;
  --tc-fw-light: 300;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 0.875em;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

/*=============================
    Keyframe Animation
===============================*/
@keyframes hoverShine {
  100% {
    left: 125%;
  }
}
.shine-animate {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.shine-animate:before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
  z-index: 1;
}

.shine-animate-item:hover .shine-animate:before {
  animation: hoverShine 1.2s;
}

.alltuchtopdown {
  animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
  animation-duration: 3s;
}

@keyframes alltuchtopdown {
  0% {
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    transform: rotateX(0deg) translateY(0px);
  }
}
.rightToLeft {
  animation-name: rightToLeft;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes rightToLeft {
  0% {
    transform: translateX(-30px);
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(-30px);
  }
}
.ribbonRotate {
  animation-name: ribbonRotate;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes ribbonRotate {
  0%, 100% {
    transform: rotate(0);
  }
  25%, 75% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(30deg);
  }
}
.rotateme {
  animation-name: rotateme;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes rotateme {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes fadeInUp2 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp2 {
  animation-name: fadeInUp2;
  animation-delay: 0.5s;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

@keyframes fadeInLeft2 {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft2 {
  animation-name: fadeInLeft2;
  animation-delay: 0.5s;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes heartbeat {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1.05);
  }
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.shake {
  animation-name: shake;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes shake {
  0% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(15deg);
  }
}
@keyframes animation__shape {
  0% {
    stroke-dashoffset: 12;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animation__shape-two {
  0% {
    stroke-dashoffset: 18;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animation__shape-three {
  0% {
    stroke-dashoffset: 24;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animation__shape-four {
  0% {
    stroke-dashoffset: 14;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animation__shape-five {
  0% {
    stroke-dashoffset: 16;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-positive {
  0% {
    width: 0;
  }
}
.spin {
  animation: spin 15s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*img-animation**********************/
.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .img-custom-anim-right,
  .img-custom-anim-left,
  .img-custom-anim-top {
    animation: none;
    opacity: 1;
  }
}
.slideinleft,
.slideinright,
.slideindown,
.slideinup {
  opacity: 0;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 1.3s;
  animation-delay: 0.3s;
  animation-name: var(--animation-name);
}

.swiper-slide-active .slideinleft {
  --animation-name: slideinleft;
}
.swiper-slide-active .slideinright {
  --animation-name: slideinright;
}
.swiper-slide-active .slideinup {
  --animation-name: slideinup;
}
.swiper-slide-active .slideindown {
  --animation-name: slideindown;
}

@keyframes slideinleft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideinright {
  0% {
    opacity: 0;
    transform: translateX(180px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideindown {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideinup {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.btn-primary {
  --bs-btn-color: var(--tc-neutral-0);
  --bs-btn-bg: var(--tc-theme-primary);
  --bs-btn-border-color: var(--tc-theme-primary);
  --bs-btn-hover-color: var(--tc-neutral-0);
  --bs-btn-hover-bg: var(--tc-theme-primary-dark);
  --bs-btn-hover-border-color: var(--tc-theme-primary-dark);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--tc-neutral-0);
  --bs-btn-active-bg: var(--tc-theme-primary-dark);
  --bs-btn-active-border-color: var(--tc-theme-primary-dark);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--tc-neutral-0);
  --bs-btn-disabled-bg: var(--tc-theme-primary);
  --bs-btn-disabled-border-color: var(--tc-theme-primary);
}

/*Scroll to top*/
.btn-scroll-top {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  display: block;
  border-radius: 10px;
  box-shadow: inset 0 0 0 0.1rem rgba(227, 229, 233, 0.25);
  z-index: 1010;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.75rem);
  transition: all 0.2s linear, margin-right 0s;
  background-color: var(--tc-neutral-0);
}
.btn-scroll-top:after {
  position: absolute;
  font-family: "bootstrap-icons" !important;
  content: "\f145";
  text-align: center;
  line-height: 3rem;
  font-size: 1.5rem;
  color: var(--tc-theme-primary);
  left: 0;
  top: 0;
  height: 3rem;
  width: 3rem;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 0.2s linear;
}
.btn-scroll-top.active-progress {
  visibility: visible;
  transform: translateY(0);
}
@media (min-width: 320px) {
  .btn-scroll-top.active-progress {
    opacity: 1;
  }
}
.btn-scroll-top svg path {
  fill: none;
}
.btn-scroll-top svg.progress-square path {
  stroke: var(--tc-theme-primary);
  stroke-width: 2;
  box-sizing: border-box;
  transition: all 0.2s linear;
}

.btn-white {
  background-color: var(--tc-theme-main);
  padding: 17px 30px;
  border-radius: 0px;
  color: var(--tc-neutral-950);
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}
.btn-white svg {
  stroke: var(--tc-primary-500);
  margin-left: 10px;
}
.btn-white:hover {
  background-color: var(--tc-neutral-300);
}

.btn-quote {
  background-color: var(--tc-theme-main);
  padding: 17px 18px;
  border-radius: 0px;
  color: var(--tc-neutral-950);
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  text-transform: capitalize;
  font-family: var(--tc-body-font-family);
}
.btn-quote svg {
  margin-right: 10px;
}
.btn-quote:hover {
  background-color: var(--tc-neutral-300);
}

.btn-primary {
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  border-radius: 999px;
  padding: 18px 24px;
}
.btn-primary svg {
  stroke: var(--tc-theme-main);
  margin-left: 5px;
}

.btn-primary-md {
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  border-radius: 999px;
  padding: 18px 24px;
}
.btn-primary-md svg {
  fill: var(--tc-theme-main);
  margin-left: 5px;
}
.btn-primary-md:hover {
  background-color: var(--tc-primary-1000);
  color: var(--tc-theme-main);
}

.btn-white-md {
  background-color: var(--tc-theme-main);
  color: var(--tc-secondery-500);
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  border-radius: 999px;
  padding: 18px 24px;
}
.btn-white-md svg {
  fill: var(--tc-secondery-500);
  margin-left: 5px;
}
.btn-white-md:hover {
  background-color: var(--tc-primary-1000);
  color: var(--tc-theme-main);
}
.btn-white-md:hover svg {
  fill: var(--tc-theme-main);
}

.btn-primary-square {
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  border-radius: 0px;
  padding: 18px 24px;
}
.btn-primary-square svg {
  stroke: var(--tc-theme-main);
  margin-left: 5px;
}
.btn-primary-square:hover {
  background-color: var(--tc-graay-500);
}

.btn-primary-square-md {
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  border-radius: 10px;
  padding: 13px 24px;
}
.btn-primary-square-md svg {
  stroke: var(--tc-theme-main);
  margin-left: 5px;
}
.btn-primary-square-md:hover {
  background-color: var(--tc-graay-500);
}

.btn-primary-square-2 {
  background-color: var(--tc-theme-primary);
  color: var(--tc-theme-main);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  border-radius: 5px;
  padding: 15px 30px;
  text-transform: uppercase;
  font-family: var(--tc-ag-font-family);
}
.btn-primary-square-2 svg,
.btn-primary-square-2 img {
  stroke: var(--tc-theme-main);
  margin-left: 5px;
}
.btn-primary-square-2:hover {
  background-color: var(--tc-graay-500);
}

.btn-primary-square-3 {
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  border-radius: 5px;
  padding: 18px 24px;
  font-family: var(--tc-body-font-family);
  text-transform: uppercase;
}
.btn-primary-square-3 svg {
  fill: var(--tc-theme-main);
  margin-left: 5px;
}
.btn-primary-square-3:hover {
  background-color: var(--tc-graay-500);
}

.btn-primary-square-full {
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  border-radius: 5px;
  padding: 12px 24px;
  width: 100%;
  font-family: var(--tc-body-font-family);
  text-transform: uppercase;
}
.btn-primary-square-full svg {
  fill: var(--tc-theme-main);
  margin-left: 5px;
}
.btn-primary-square-full:hover {
  background-color: var(--tc-graay-500);
}

.btn-primary-square-2-md {
  background-color: var(--tc-theme-primary);
  color: var(--tc-theme-main);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  border-radius: 5px;
  padding: 11px 30px 10px 30px;
  text-transform: uppercase;
  font-family: var(--tc-ag-font-family);
}
.btn-primary-square-2-md svg,
.btn-primary-square-2-md img {
  stroke: var(--tc-theme-main);
  margin-left: 5px;
}
.btn-primary-square-2-md:hover {
  background-color: var(--tc-graay-500);
}

.btn-primary-square-border {
  background-color: var(--tc-theme-main);
  color: var(--tc-dark-950);
  border: 1px solid var(--tc-theme-primary);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  border-radius: 5px;
  padding: 11px 30px 10px 30px;
  text-transform: uppercase;
  font-family: var(--tc-ag-font-family);
}
.btn-primary-square-border svg,
.btn-primary-square-border img {
  stroke: var(--tc-theme-main);
  margin-left: 5px;
}
.btn-primary-square-border:hover {
  background-color: var(--tc-graay-500);
}

.btn-border-white {
  background-color: transparent;
  color: var(--tc-theme-main);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  border-radius: 999px;
  padding: 18px 24px;
  border: 1px solid var(--tc-theme-main);
}
.btn-border-white svg {
  stroke: var(--tc-theme-main);
  margin-left: 5px;
}
.btn-border-white:hover {
  border-color: var(--tc-primary-500);
  color: var(--tc-primary-500);
}
.btn-border-white:hover svg {
  stroke: var(--tc-primary-500);
}

.btn-border-6 {
  background-color: transparent;
  color: var(--tc-primary-500);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  border-radius: 999px;
  padding: 18px 24px;
  border: 1px solid var(--tc-theme-bg-6);
}
.btn-border-6 svg {
  stroke: var(--tc-primary-500);
  margin-left: 5px;
}
.btn-border-6:hover {
  border-color: var(--tc-primary-500);
  color: var(--tc-primary-500);
}
.btn-border-6:hover svg {
  stroke: var(--tc-primary-500);
}

.btn-border-gray-600 {
  background-color: transparent;
  color: var(--tc-neutral-1200);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  border-radius: 999px;
  padding: 13px 30px;
  border: 1px solid var(--tc-graay-600);
  text-transform: uppercase;
}
.btn-border-gray-600 svg {
  stroke: var(--tc-neutral-1200);
  margin-left: 5px;
  margin-top: -3px;
}
.btn-border-gray-600:hover {
  border-color: var(--tc-primary-500);
  color: var(--tc-primary-500);
}
.btn-border-gray-600:hover svg {
  stroke: var(--tc-primary-500);
}

.btn-border-primary-500 {
  background-color: transparent;
  color: var(--tc-primary-500);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  border-radius: 999px;
  padding: 18px 24px;
  border: 1px solid var(--tc-primary-500);
}
.btn-border-primary-500 svg {
  stroke: var(--tc-primary-500);
  margin-left: 5px;
}
.btn-border-primary-500:hover {
  border-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
  background-color: var(--tc-primary-500);
}
.btn-border-primary-500:hover svg {
  stroke: var(--tc-theme-main);
}

.btn-linear {
  background-image: linear-gradient(to right, #1a1a1c, #00509d);
  border-radius: 0px;
  border: 0px;
  padding: 14px 20px 14px 30px;
  color: var(--tc-theme-main);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
  text-transform: uppercase;
}
.btn-linear svg {
  stroke: var(--tc-theme-main);
  height: 10px;
  margin-left: 3px;
  margin-top: -2px;
}

.btn-border-950 {
  padding: 20px 60px;
  border: 1px solid var(--tc-dark-950);
  border-radius: 8px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  font-family: var(--tc-ag-font-family);
}
.btn-border-950:hover {
  background-color: var(--tc-dark-950);
  color: var(--tc-theme-main);
}

.btn-secondery-500 {
  padding: 12px 20px;
  border-radius: 8px;
  text-transform: none;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  font-family: var(--tc-body-font-family);
  background-color: var(--tc-secondery-500);
  color: var(--tc-theme-main);
}
.btn-secondery-500:hover {
  background-color: var(--tc-dark-950);
  color: var(--tc-theme-main);
}

.btn-default {
  padding: 20px 30px;
  background-color: rgba(23, 76, 104, 0.0941176471);
  border-radius: 4px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  font-family: var(--tc-ag-font-family);
}
.btn-default:hover {
  background-color: var(--tc-secondery-400);
  color: var(--tc-theme-main);
}

.btn-primary-home {
  background-color: var(--tc-primary-home);
  color: var(--tc-theme-main);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  border-radius: 5px;
  padding: 11px 30px 10px 30px;
  text-transform: uppercase;
  font-family: var(--tc-ag-font-family);
  transition-duration: 0.4s;
}
.btn-primary-home svg,
.btn-primary-home img {
  stroke: var(--tc-theme-main);
  margin-left: 5px;
}
.btn-primary-home:hover {
  opacity: 0.9;
  transition-duration: 0.4s;
  background-color: var(--tc-primary-home);
  color: var(--tc-theme-main);
}

.btn-primary-home-square {
  background-color: var(--tc-primary-home);
  color: var(--tc-theme-main);
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  border-radius: 0px;
  padding: 11px 20px 10px 20px;
  text-transform: uppercase;
  font-family: var(--tc-ag-font-family);
  transition-duration: 0.4s;
}
.btn-primary-home-square svg,
.btn-primary-home-square img {
  stroke: var(--tc-theme-main);
}
.btn-primary-home-square:hover {
  opacity: 0.9;
  transition-duration: 0.4s;
}

.btn-white-sm {
  padding: 8px 12px;
  background-color: var(--tc-theme-main);
  border-radius: 4px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: var(--tc-primary-home);
  font-family: var(--tc-rubik-font-family);
}

.btn-filter {
  padding: 16px 24px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  font-family: var(--tc-ag-font-family);
  border-radius: 0px;
  color: var(--tc-theme-main);
  text-transform: uppercase;
}
.btn-filter:hover, .btn-filter.active {
  background-color: rgba(255, 255, 255, 0.8705882353);
  color: var(--tc-dark-950);
}

.btn-filter-primary {
  padding: 16px 24px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  font-family: var(--tc-ag-font-family);
  border-radius: 0px;
  color: var(--tc-dark-950);
  text-transform: uppercase;
}
.btn-filter-primary:hover, .btn-filter-primary.active {
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
}

.btn-black {
  padding: 16px 24px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: var(--tc-theme-main);
  text-transform: uppercase;
  background-color: var(--tc-dark-950);
  border-radius: 0px;
}
.btn-black:hover {
  background-color: var(--tc-neutral-700);
  color: var(--tc-theme-main);
}

.btn-black-rounded {
  padding: 18px 44px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  color: var(--tc-theme-main);
  text-transform: none;
  background-color: var(--tc-neutral-2400);
  border-radius: 10px;
  font-family: var(--tc-ag-font-family);
}
.btn-black-rounded:hover {
  background-color: var(--tc-neutral-700);
  color: var(--tc-theme-main);
}

.btn-get-in-touch {
  padding: 26px 48px;
  background-color: var(--tc-primary-500);
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
  font-family: var(--tc-body-font-family);
  border-radius: 0px 4px 4px 0px;
  color: var(--tc-theme-main);
  margin-right: -1px;
}

.btn-linear-01 {
  background-image: linear-gradient(to right, #b91202, rgba(185, 17, 2, 0));
  color: var(--tc-theme-main);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  border-radius: 999px;
  padding: 15px 30px;
  text-transform: uppercase;
  font-family: var(--tc-ag-font-family);
  border: 1px solid rgba(255, 255, 255, 0.5215686275);
}
.btn-linear-01 img {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0px 0px 5px;
}
.btn-linear-01:hover {
  border-color: var(--tc-primary-home);
  color: var(--tc-theme-main);
}

.btn-linear-02 {
  background-image: linear-gradient(to right, #4aa4f0, #9e3dde);
  color: var(--tc-theme-main);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  border-radius: 8px;
  padding: 14px 30px;
  text-transform: uppercase;
  font-family: var(--tc-ag-font-family);
  border: 0px;
}
.btn-linear-02 img {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0px 0px 5px;
}
.btn-linear-02:hover {
  color: var(--tc-theme-main);
}

.btn-linear-03 {
  background-image: linear-gradient(to right, #1ab69d, #31b978);
  color: var(--tc-theme-main);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  border-radius: 8px;
  padding: 14px 30px;
  text-transform: uppercase;
  font-family: var(--tc-ag-font-family);
  border: 0px;
}
.btn-linear-03 img {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0px 0px 5px;
}
.btn-linear-03:hover {
  color: var(--tc-theme-main);
}

.btn-linear-02-md {
  background-image: linear-gradient(to right, #4aa4f0, #9e3dde);
  color: var(--tc-theme-main);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  border-radius: 0px;
  padding: 11px 30px;
  text-transform: uppercase;
  font-family: var(--tc-ag-font-family);
  border: 0px;
}
.btn-linear-02-md img {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0px 0px 5px;
}
.btn-linear-02-md:hover {
  color: var(--tc-theme-main);
}

.btn-primary-1000 {
  background-color: var(--tc-primary-1000);
  color: var(--tc-neutral-1000);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  border-radius: 999px;
  padding: 16px 30px;
  text-transform: uppercase;
  font-family: var(--tc-ag-font-family);
}
.btn-primary-1000 img {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0px 0px 5px;
}
.btn-primary-1000 svg {
  fill: var(--tc-neutral-1000);
  margin-left: 5px;
}
.btn-primary-1000:hover {
  color: var(--tc-theme-main);
  background-color: var(--tc-primary-600);
}
.btn-primary-1000:hover svg {
  fill: var(--tc-theme-main);
}

.btn-primary-1400 {
  background-color: var(--tc-primary-1400);
  color: var(--tc-theme-main);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  border-radius: 999px;
  padding: 16px 30px;
  text-transform: uppercase;
  font-family: var(--tc-ag-font-family);
}
.btn-primary-1400 img {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0px 0px 5px;
}
.btn-primary-1400 svg {
  fill: var(--tc-theme-main);
  margin-left: 5px;
  margin-top: -3px;
}
.btn-primary-1400:hover {
  color: var(--tc-theme-main);
  background-color: var(--tc-primary-600);
}
.btn-primary-1400:hover svg {
  fill: var(--tc-theme-main);
}

.btn-primary-1000-md {
  background-color: var(--tc-primary-1000);
  color: var(--tc-neutral-1000);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  border-radius: 999px;
  padding: 13px 30px;
  text-transform: uppercase;
  font-family: var(--tc-ag-font-family);
}
.btn-primary-1000-md img {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0px 0px 5px;
}
.btn-primary-1000-md svg {
  stroke: var(--tc-neutral-1000);
  margin-left: 5px;
  margin-top: -2px;
}
.btn-primary-1000-md:hover {
  color: var(--tc-theme-main);
  background-color: var(--tc-primary-600);
}
.btn-primary-1000-md:hover svg {
  stroke: var(--tc-theme-main);
}

.btn-primary-home {
  background-color: var(--tc-primary-home);
  color: var(--tc-theme-main);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  border-radius: 999px;
  padding: 15px 30px;
  text-transform: uppercase;
  font-family: var(--tc-ag-font-family);
  border: 1px solid rgba(255, 255, 255, 0.5215686275);
}
.btn-primary-home img {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0px 0px 5px;
}
.btn-primary-home:hover {
  border-color: var(--tc-primary-home);
  color: var(--tc-theme-main);
}

.btn-submit {
  background-color: var(--tc-primary-home);
  border-radius: 20px;
  color: var(--tc-theme-main);
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
  font-family: var(--tc-ag-font-family);
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  padding: 15px 30px;
}
.btn-submit:hover {
  background-color: var(--tc-primary-home-2);
  color: var(--tc-theme-main);
}

.btn-view-all {
  font-size: 20px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.8431372549);
  font-weight: 600;
  font-family: var(--tc-body-font-family);
}
.btn-view-all span {
  display: inline-block;
  height: 43px;
  width: 43px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  margin-left: 12px;
  background-color: var(--tc-primary-500);
}
.btn-view-all span svg {
  stroke: var(--tc-theme-main);
}

.btn-border-small {
  border-radius: 8px;
  background: linear-gradient(#fff 0 0) padding-box, linear-gradient(to right, #9e3dde, #4aa4f0) border-box;
  border: 1px solid transparent;
  padding: 10px;
  color: var(--tc-dark-950);
  font-size: 16px;
  line-height: 130%;
  font-weight: bold;
  font-family: var(--tc-ag-font-family);
  text-transform: uppercase;
}
.btn-border-small svg {
  margin-left: 10px;
  margin-top: -1px;
  stroke: var(--tc-dark-950);
}
.btn-border-small:hover {
  background: linear-gradient(var(--tc-dark-950) 0 0) padding-box, linear-gradient(to right, #9e3dde, #4aa4f0) border-box;
  border: 1px solid transparent;
  color: var(--tc-theme-main);
}
.btn-border-small:hover svg {
  stroke: var(--tc-theme-main);
}

.btn-icon-dark svg {
  stroke: var(--tc-dark-950);
  fill: var(--tc-dark-950);
  margin-top: -3px;
}

.btn-primary-500 {
  background-color: var(--tc-primary-500);
  padding: 12px 20px;
  color: var(--tc-theme-main);
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  font-family: var(--tc-body-font-family);
  border-radius: 0px;
}
.btn-primary-500 svg {
  margin-left: 10px;
  stroke: var(--tc-theme-main);
}
.btn-primary-500:hover {
  background-color: var(--tc-primary-1000);
  color: var(--tc-theme-main);
}

.btn-primary-500-rounded {
  background-color: var(--tc-primary-500);
  padding: 15px 30px;
  color: var(--tc-theme-main);
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: var(--tc-ag-font-family);
  border-radius: 10px;
}
.btn-primary-500-rounded svg {
  margin-left: 10px;
  stroke: var(--tc-theme-main);
}
.btn-primary-500-rounded:hover {
  background-color: var(--tc-primary-1000);
  color: var(--tc-theme-main);
}

.btn-white-border {
  border: 1px solid var(--tc-theme-main);
  background-color: transparent;
  padding: 12px 20px;
  color: var(--tc-theme-main);
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  font-family: var(--tc-body-font-family);
  border-radius: 0px;
}
.btn-white-border svg {
  margin-left: 10px;
  stroke: var(--tc-theme-main);
}
.btn-white-border:hover {
  border-color: var(--tc-primary-500);
  color: var(--tc-primary-500);
}
.btn-white-border:hover svg {
  stroke: var(--tc-primary-500);
}

.btn-play-2 {
  height: 60px;
  width: 60px;
  background-color: var(--tc-primary-500);
  line-height: 44px;
  border-radius: 0px;
  text-align: center;
}
.btn-play-2 img {
  display: inline-block;
  vertical-align: middle;
}
.btn-play-2:hover {
  background-color: var(--tc-primary-1000);
}

.btn-play-5 {
  height: 72px;
  width: 72px;
  padding: 0px;
  position: absolute;
  top: -3%;
  bottom: 0px;
  left: -14%;
  right: 0px;
  margin: auto auto auto auto;
  z-index: 123;
  background-color: var(--tc-theme-main);
  border-radius: 12px;
  text-align: center;
  line-height: 70px;
}
.btn-play-5 svg {
  fill: var(--tc-dark-950);
}
.btn-play-5:hover {
  background-color: var(--tc-primary-500);
}
.btn-play-5:hover svg {
  fill: var(--tc-theme-main);
}

.btn-inter {
  text-transform: none;
  font-size: 18px;
  line-height: 100%;
  font-weight: bold;
  font-family: var(--tc-inter-font-family);
  padding: 19px 35px;
}

.btn-tag {
  color: var(--tc-dark-950);
  font-size: 15px;
  line-height: 17px;
  font-weight: 400;
  font-family: var(--tc-rubik-font-family);
  padding: 11px 18px;
  border: 1px solid var(--tc-theme-border-10);
  border-radius: 5px;
  display: inline-block;
}
.btn-tag:hover {
  background-image: linear-gradient(to right, #1ab69d, #31b978);
  color: var(--tc-theme-main);
}

.btn-primary-home-rounded {
  border-radius: 5px;
  background-color: var(--tc-primary-home);
  color: var(--tc-theme-main);
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  font-family: var(--tc-ag-font-family);
  padding: 11px 30px;
}
.btn-primary-home-rounded:hover {
  background-color: var(--tc-neutral-1200);
  color: var(--tc-theme-main);
}

.card-team {
  position: relative;
}
.card-team .card-image {
  background-color: var(--tc-secondery-500);
  border-radius: 0px;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  margin-bottom: 20px;
}
.card-team .card-image .card-image-inner {
  height: 320px;
  width: 320px;
  margin: auto;
  background-color: rgba(169, 169, 169, 0.1215686275);
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 50px;
  left: 50px;
  right: 50px;
  z-index: 1;
}
.card-team .card-image img {
  position: relative;
  z-index: 2;
}
.card-team .card-social {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 12;
  padding: 10px 3px 4px 3px;
  border: 1px solid var(--tc-theme-main);
  border-radius: 0px 0px 16px 0px;
}
.card-team:hover .card-social {
  background-color: var(--tc-primary-500);
  border-color: var(--tc-primary-500);
}
.card-team:hover .card-social .share {
  background-image: url(../imgs/template/icons/share-hover.svg);
  background-color: var(--tc-theme-main);
}
.card-team:hover .card-social .share.fb {
  background-image: url(../imgs/template/icons/fb-2-hover.svg);
}
.card-team:hover .card-social .share.tw {
  background-image: url(../imgs/template/icons/tw-2-hover.svg);
}
.card-team:hover .card-social .share.printest {
  background-image: url(../imgs/template/icons/pinterest-hover.svg);
}
.card-team .card-info {
  text-align: center;
}
.card-team .card-info h6 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  color: var(--tc-secondery-500);
}
.card-team.card-team-3 .card-social {
  right: 0px;
  left: auto;
  top: 0px;
  width: 50px;
  border-radius: 0px 16px 0px 16px;
  background-color: var(--tc-primary-500);
  border-color: var(--tc-primary-500);
}
.card-team.card-team-3 .card-image {
  padding: 0px;
  border-radius: 20px;
}
.card-team.card-team-3 .card-image .card-image-inner {
  width: 100%;
  height: auto;
  border-radius: 0px;
  position: relative;
  top: 0px;
  left: 0px;
  border-radius: 20px;
}
.card-team.card-team-3 .card-image .card-image-inner img {
  width: 100%;
}

.card-image-circle-left {
  display: flex;
  align-items: center;
}
.card-image-circle-left .image {
  height: 60px;
  width: 60px;
  background-color: var(--tc-primary-50);
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  margin-right: 10px;
}
.card-image-circle-left .image img {
  display: inline-block;
  vertical-align: middle;
}
.card-image-circle-left .info {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  color: var(--tc-dark-950);
}

.card-process {
  position: relative;
}
.card-process:hover .card-icon img {
  transform: rotateY(180deg);
  transition: 0.3s linear;
}
.card-process .card-icon {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.card-process .card-icon .image {
  max-width: 60px;
}
.card-process .card-icon .image img {
  display: block;
  transition: 0.3s linear;
}
.card-process .card-icon .number {
  color: rgba(255, 255, 255, 0.1725490196);
  font-size: 40px;
  line-height: 60px;
  font-weight: 300;
}
.card-process .card-info .heading-lg {
  margin-bottom: 20px;
}
.card-process .card-info .desc-process {
  color: var(--tc-theme-text-3);
  margin-bottom: 20px;
}
.card-process .card-info .link-upper {
  color: var(--tc-theme-main);
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  text-transform: uppercase;
}
.card-process .card-info .link-upper:hover {
  color: var(--tc-primary-500);
}

.card-project {
  position: relative;
  margin-bottom: 30px;
  top: 0;
  transition: all ease-in-out 0.3s;
}
.card-project .card-image {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}
.card-project .card-image img {
  width: 100%;
}
.card-project .card-info {
  display: flex;
  justify-content: space-between;
}
.card-project .card-info h6 {
  font-size: 24px;
  font-weight: bold;
}
.card-project .card-info p {
  color: var(--tc-theme-text-4);
}
.card-project .card-info .card-info-left {
  position: relative;
}
.card-project .card-info .card-info-right {
  position: relative;
}
.card-project .card-info .card-info-right a {
  display: inline-block;
  height: 50px;
  width: 50px;
  background-color: var(--tc-secondery-500);
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  display: none;
}
.card-project .card-info .card-info-right a svg {
  fill: var(--tc-theme-main);
}
.card-project .card-info .card-info-right a:hover {
  background-color: var(--tc-primary-500);
}
.card-project:hover {
  top: -40px;
}
.card-project:hover .card-info .card-info-right a {
  display: inline-block;
}

.card-pricing {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid var(--tc-theme-border-2);
  background-color: var(--tc-theme-main);
  margin-bottom: 30px;
}
.card-pricing .top-pricing {
  padding: 40px 45px 30px 89px;
  background-color: var(--tc-secondery-500);
}
.card-pricing .top-pricing .pricing-name {
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.card-pricing .top-pricing .desc-pricing {
  margin-bottom: 30px;
}
.card-pricing .top-pricing .pricing-price {
  display: flex;
  align-items: flex-end;
  color: var(--tc-theme-main);
}
.card-pricing .top-pricing .pricing-price * {
  color: var(--tc-theme-main);
}
.card-pricing .top-pricing .pricing-price .currency {
  display: inline-block;
  margin-bottom: 13px;
  margin-right: 2px;
}
.card-pricing .top-pricing .pricing-price .package-name {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}
.card-pricing .bottom-pricing {
  padding: 30px 30px 40px 30px;
}

.card-testimonials {
  position: relative;
  padding: 60px;
  background-color: var(--tc-secondery-500);
  border-radius: 4px;
}
.card-testimonials .rating {
  margin-bottom: 20px;
}
.card-testimonials .comment-text {
  margin-bottom: 40px;
  font-size: 32px;
  line-height: 44px;
  font-weight: 300;
  color: var(--tc-graay-50);
}
.card-testimonials .comment-author {
  text-align: left;
  display: flex;
  align-items: center;
  padding-right: 20px;
}
.card-testimonials .comment-author .comment-author-image img {
  display: block;
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
.card-testimonials .comment-author .comment-author-info {
  position: relative;
}
.card-testimonials .comment-author .comment-author-info p {
  margin-bottom: 0px;
}

.card-blog {
  position: relative;
  background-color: var(--tc-theme-main);
  box-shadow: var(--tc-shadow-2);
}
.card-blog .card-image {
  position: relative;
}
.card-blog .card-image img {
  width: 100%;
}
.card-blog .card-image .card-date {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 12;
  padding: 8px 20px;
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
}
.card-blog .card-info .card-meta {
  padding: 15px 30px;
  border-bottom: 1px solid var(--tc-theme-border-3);
}
.card-blog .card-info .card-meta .comment {
  background-image: url(../imgs/template/icons/comment.svg);
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 2px 25px 2px 20px;
  color: var(--tc-secondery-500);
}
.card-blog .card-info .card-meta .by-user {
  background-image: url(../imgs/template/icons/user.svg);
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 2px 25px 2px 20px;
  color: var(--tc-secondery-500);
}
.card-blog .card-info .card-title {
  padding: 25px 30px;
}
.card-blog .card-info .card-title .link-title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  color: var(--tc-secondery-500);
  text-decoration: none;
  display: block;
  margin-bottom: 10px;
}
.card-blog .card-info .card-title .link-title:hover {
  color: var(--tc-primary-500);
}
.card-blog .card-info .card-title .link-readmore {
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
  color: var(--tc-secondery-500);
  text-transform: uppercase;
}
.card-blog .card-info .card-title .link-readmore svg {
  stroke: var(--tc-secondery-500);
  margin-left: 5px;
  margin-top: -2px;
}
.card-blog .card-info .card-title .link-readmore:hover {
  color: var(--tc-primary-500);
}
.card-blog .card-info .card-title .link-readmore:hover svg {
  stroke: var(--tc-primary-500);
}
.card-blog.card-blog-2 {
  background-color: rgba(255, 255, 255, 0.5058823529);
}
.card-blog.card-blog-2:hover {
  background-color: var(--tc-theme-main);
}
.card-blog.card-blog-2 .card-image .card-date {
  background-color: rgba(255, 255, 255, 0.8);
  color: var(--tc-dark-950);
  font-family: var(--tc-ag-font-family);
  text-transform: none;
  font-weight: bold;
  top: 10px;
  left: 0px;
  right: auto;
  bottom: auto;
  font-size: 20px;
  line-height: 30px;
}
.card-blog.card-blog-2 .card-info .card-meta {
  border-bottom: 0px;
}
.card-blog.card-blog-2 .card-info .card-title {
  padding-top: 0px;
}
.card-blog.card-blog-2 .card-info .card-title .link-title {
  margin-bottom: 20px;
}
.card-blog.card-blog-2 .card-info .card-title .link-readmore {
  text-transform: none;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  font-family: var(--tc-ag-font-family);
  padding: 10px 10px 10px 0px;
  transition: all 0.4s ease-in-out;
}
.card-blog.card-blog-2 .card-info .card-title .link-readmore:hover {
  padding-left: 10px;
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
}
.card-blog.card-blog-3 {
  background-color: var(--tc-dark-950);
  padding: 30px;
  margin-bottom: 30px;
}
.card-blog.card-blog-3 .card-image {
  height: 258px;
  overflow: hidden;
}
.card-blog.card-blog-3 .card-image .card-date {
  background-color: var(--tc-primary-home);
  color: var(--tc-theme-main);
  text-transform: none;
  padding: 12px 20px;
}
.card-blog.card-blog-3 .card-image img {
  display: block;
  height: auto;
  min-height: 100%;
  max-width: none;
  width: 100%;
  min-width: 100%;
}
.card-blog.card-blog-3 .card-info .card-meta {
  padding: 15px 0px;
  border-bottom: 0px;
}
.card-blog.card-blog-3 .card-info .card-meta .comment {
  color: var(--tc-theme-main);
  background-image: url(../imgs/template/icons/comment-w.svg);
}
.card-blog.card-blog-3 .card-info .card-meta .by-user {
  color: var(--tc-theme-main);
  background-image: url(../imgs/template/icons/user-w.svg);
}
.card-blog.card-blog-3 .card-info .card-title {
  padding: 0px;
}
.card-blog.card-blog-3 .card-info .card-title a {
  color: var(--tc-theme-main);
  margin-bottom: 20px;
}
.card-blog.card-blog-3 .card-info .card-title .desc-news {
  color: var(--tc-theme-main);
  margin-bottom: 25px;
}
.card-blog.card-blog-3 .card-info .card-title .link-readmore {
  padding: 11px 20px;
  background-color: var(--tc-primary-home);
  color: var(--tc-theme-main);
  font-size: 16px;
  line-height: 24px;
  font-family: var(--tc-ag-font-family);
  display: inline-block;
  margin-bottom: 0px;
}
.card-blog.card-blog-3 .card-info .card-title .link-readmore svg {
  stroke: var(--tc-theme-main);
}
.card-blog.card-blog-4 {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  background-color: var(--tc-dark-950);
  box-shadow: none;
}
.card-blog.card-blog-4 .card-image {
  width: 50%;
  padding: 20px;
}
.card-blog.card-blog-4 .card-image img {
  border-radius: 4px;
  display: block;
}
.card-blog.card-blog-4 .card-info {
  width: 50%;
  padding-bottom: 10px;
}
.card-blog.card-blog-4 .card-info .card-title {
  padding: 0px 20px 0px 0px;
}
.card-blog.card-blog-4 .card-info .card-title a {
  color: var(--tc-theme-main);
}
.card-blog.card-blog-4 .card-info .card-title .link-readmore {
  text-transform: none;
  font-family: var(--tc-ag-font-family);
  margin-bottom: 0px;
}
.card-blog.card-blog-4 .card-info .card-title .link-readmore svg {
  stroke: var(--tc-theme-main);
}
.card-blog.card-blog-4 .card-info .card-meta {
  padding: 15px 0px;
  border-bottom: 0px;
}
.card-blog.card-blog-4 .card-info .card-meta .comment {
  color: var(--tc-theme-main);
  background-image: url(../imgs/template/icons/comment-w.svg);
}
.card-blog.card-blog-4 .card-info .card-meta .by-user {
  color: var(--tc-theme-main);
  background-image: url(../imgs/template/icons/user-w.svg);
}
.card-blog.card-blog-5 {
  background-color: transparent;
}
.card-blog.card-blog-5 .card-image {
  margin-bottom: 15px;
}
.card-blog.card-blog-5 .card-image img {
  border-radius: 5px;
  width: 100%;
}
.card-blog.card-blog-5 .card-info {
  padding: 0px;
}
.card-blog.card-blog-5 .card-info .card-date {
  padding: 10px;
  border-bottom: 1px solid var(--tc-theme-border-6);
}
.card-blog.card-blog-5 .card-info .card-date .post-date {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--tc-body-font-family);
  font-weight: 400;
  color: var(--tc-graay-100);
  display: inline-block;
  margin-right: 25px;
}
.card-blog.card-blog-5 .card-info .card-date .by-category {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--tc-body-font-family);
  font-weight: 600;
  color: var(--tc-theme-main);
  position: relative;
  padding-left: 11px;
}
.card-blog.card-blog-5 .card-info .card-date .by-category::before {
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: var(--tc-theme-main);
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -2px;
}
.card-blog.card-blog-5 .card-info .card-date .by-category:hover {
  color: var(--tc-primary-500);
}
.card-blog.card-blog-5 .card-info .card-title {
  padding: 20px 0px;
}
.card-blog.card-blog-5 .card-info .card-title .link-title {
  color: var(--tc-theme-main);
}
.card-blog.card-blog-5 .card-info .card-title .link-title:hover {
  color: var(--tc-primary-500);
}
.card-blog.card-blog-5 .card-info .card-title .link-readmore {
  color: var(--tc-theme-main);
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  font-family: var(--tc-body-font-family);
  text-decoration: underline;
  text-transform: none;
  text-underline-offset: 4px;
}
.card-blog.card-blog-5 .card-info .card-title .link-readmore:hover {
  color: var(--tc-primary-500);
}
.card-blog.card-blog-8 {
  box-shadow: none;
}
.card-blog.card-blog-8 .card-image img {
  filter: grayscale(100%);
}
.card-blog.card-blog-8 .card-image .card-date {
  position: absolute;
  bottom: 58px;
  right: 16px;
  background-image: linear-gradient(to right, rgba(74, 165, 240, 0.6117647059), rgba(158, 61, 222, 0.6235294118));
}
.card-blog.card-blog-8 .card-info {
  position: relative;
  top: -58px;
  z-index: 2;
  padding: 0px 16px 16px 16px;
}
.card-blog.card-blog-8 .card-info .card-info-inner {
  background-color: var(--tc-theme-bg-7);
  padding: 0px 30px;
  box-shadow: var(--tc-shadow-1);
}
.card-blog.card-blog-8 .card-info .card-info-inner .card-meta {
  padding: 15px 0px;
  border-bottom-color: var(--tc-graay-100);
}
.card-blog.card-blog-8 .card-info .card-info-inner .card-meta span {
  color: var(--tc-theme-main);
}
.card-blog.card-blog-8 .card-info .card-info-inner .card-meta .comment {
  background-image: url(../imgs/pages/home8/comment.svg);
}
.card-blog.card-blog-8 .card-info .card-info-inner .card-meta .by-user {
  background-image: url(../imgs/pages/home8/by-user.svg);
}
.card-blog.card-blog-8 .card-info .card-info-inner .card-title {
  padding: 20px 0px;
}
.card-blog.card-blog-8 .card-info .card-info-inner .card-title .link-title {
  color: var(--tc-theme-main);
  margin-bottom: 30px;
  line-height: 120%;
  font-family: var(--tc-ag-font-family);
}
.card-blog.card-blog-8 .card-info .card-info-inner .card-title .link-title:hover {
  color: var(--tc-primary-1000);
}
.card-blog.card-blog-8 .card-info .card-info-inner .card-title .link-readmore {
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
  font-family: var(--tc-ag-font-family);
  color: var(--tc-theme-main);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.card-blog.card-blog-8 .card-info .card-info-inner .card-title .link-readmore span {
  display: inline-block;
  height: 30px;
  width: 35px;
  text-align: center;
  line-height: 30px;
  background-color: var(--tc-theme-main);
}
.card-blog.card-blog-8 .card-info .card-info-inner .card-title .link-readmore span svg {
  stroke: var(--tc-dark-950);
}
.card-blog.card-blog-8 .card-info .card-info-inner .card-title .link-readmore::before {
  content: "";
  height: 1px;
  max-width: 48%;
  width: 100%;
  background-color: var(--tc-graay-100);
  position: absolute;
  right: 65px;
  top: 43%;
}
.card-blog.card-blog-8 .card-info .card-info-inner .card-title .link-readmore:hover {
  color: var(--tc-primary-1000);
}
.card-blog.card-blog-8 .card-info .card-info-inner .card-title .link-readmore:hover span {
  background-color: var(--tc-primary-1000);
}
.card-blog.card-blog-8 .card-info .card-info-inner .card-title .link-readmore:hover span svg {
  stroke: var(--tc-theme-main);
}
.card-blog.card-blog-8:hover .card-image img {
  filter: grayscale(0%);
}
.card-blog.card-blog-8:hover .card-info .card-info-inner {
  background-color: var(--tc-theme-main);
}
.card-blog.card-blog-8:hover .card-info .card-info-inner .card-meta .comment {
  background-image: url(../imgs/pages/home8/comment-black.svg);
  color: var(--tc-dark-950);
}
.card-blog.card-blog-8:hover .card-info .card-info-inner .card-meta .by-user {
  color: var(--tc-dark-950);
  background-image: url(../imgs/pages/home8/by-user-black.svg);
}
.card-blog.card-blog-8:hover .card-info .card-info-inner .card-title .link-readmore {
  color: var(--tc-dark-950);
}
.card-blog.card-blog-8:hover .card-info .card-info-inner .card-title .link-readmore span {
  background-color: var(--tc-dark-950);
}
.card-blog.card-blog-8:hover .card-info .card-info-inner .card-title .link-readmore span svg {
  stroke: var(--tc-theme-main);
}
.card-blog.card-blog-8:hover .card-info .card-info-inner .card-title .link-readmore:hover {
  color: var(--tc-primary-500);
}
.card-blog.card-blog-8:hover .card-info .card-info-inner .card-title .link-title {
  color: var(--tc-dark-950);
}
.card-blog.card-blog-8:hover .card-info .card-info-inner .card-title .link-title:hover {
  color: var(--tc-primary-500);
}
.card-blog.card-blog-9 {
  box-shadow: none;
}
.card-blog.card-blog-9 .card-image {
  border: 1px solid rgba(0, 7, 11, 0.2117647059);
  overflow: hidden;
  border-radius: 20px;
}
.card-blog.card-blog-9 .card-info .card-meta {
  padding-left: 0px;
  padding-right: 0px;
}
.card-blog.card-blog-9 .card-info .card-title {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 15px;
}
.card-blog.card-blog-9 .card-info .card-title .link-title {
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  margin-bottom: 15px;
  font-family: var(--tc-body-font-family);
}
.card-blog.card-blog-9 .card-info .card-title .link-readmore {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  text-transform: none;
}
.card-blog.card-blog-10 {
  border: 1px solid var(--tc-graay-100);
  border-radius: 10px 10px 0px 0px;
}
.card-blog.card-blog-10 .card-image .card-date {
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  font-family: var(--tc-body-font-family);
  padding: 15px 20px;
  top: 0px;
  border-radius: 10px 0px 0px 0px;
}
.card-blog.card-blog-10 .card-info .card-title .link-title {
  margin-bottom: 30px;
  font-size: 32px;
  line-height: 120%;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
}
.card-blog.card-blog-10 .card-info .card-title .btn-border-950 {
  padding: 12px 24px;
}
.card-blog.card-blog-10 .card-info .card-title .btn-border-950 svg {
  stroke: var(--tc-dark-950);
  margin-left: 10px;
}
.card-blog.card-blog-10 .card-info .card-title .btn-border-950:hover {
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
}
.card-blog.card-blog-10 .card-info .card-title .btn-border-950:hover svg {
  stroke: var(--tc-theme-main);
}
.card-blog.card-blog-12 {
  box-shadow: none;
}
.card-blog.card-blog-12 .card-image {
  margin-bottom: 30px;
}
.card-blog.card-blog-12 .card-image .card-date {
  position: absolute;
  left: 20px;
  right: auto;
  bottom: -30px;
  background-color: var(--tc-theme-main);
  text-align: center;
  padding: 4px 0px 4px 0px;
  max-width: 76px;
  line-height: normal;
}
.card-blog.card-blog-12 .card-image .card-date .heading-ag-3xl {
  line-height: 50px;
  margin-bottom: -10px;
  display: inline-block;
}
.card-blog.card-blog-12 .card-image .card-date * {
  color: var(--tc-dark-950);
}
.card-blog.card-blog-12 .card-info .card-title {
  padding-left: 0px;
  padding-right: 0px;
}
.card-blog.card-blog-12 .card-info .card-title .link-title {
  font-size: 32px;
  line-height: 120%;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
}
.card-blog.card-blog-12 .card-info .card-title .link-readmore {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  text-transform: none;
  font-family: var(--tc-ag-font-family);
}

.card-blog-6 {
  border: 1px solid var(--tc-primary-50);
  border-radius: 20px;
  margin-bottom: 40px;
}
.card-blog-6 .card-image {
  position: relative;
}
.card-blog-6 .card-image .post-cat {
  background-color: var(--tc-primary-500);
  border-radius: 50px;
  padding: 7px 20px;
  color: var(--tc-theme-main);
  font-size: 20px;
  line-height: 40px;
  font-weight: 500;
  font-family: var(--tc-body-font-family);
  position: absolute;
  bottom: -30px;
  right: 30px;
}
.card-blog-6 .card-info {
  position: relative;
  padding: 30px 30px 50px 30px;
}
.card-blog-6 .card-info .card-meta {
  margin-bottom: 14px;
}
.card-blog-6 .card-info .card-meta .post-comments {
  display: inline-block;
  padding: 0px 30px 0px 20px;
  background-image: url(../imgs/pages/home6/comments.svg);
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  font-family: var(--tc-body-font-family);
}
.card-blog-6 .card-info .card-meta .by-user {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  background-image: url(../imgs/pages/home6/by-user.svg);
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  font-family: var(--tc-body-font-family);
}
.card-blog-6 .card-info .card-title .link-title {
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  font-family: var(--tc-body-font-family);
  color: var(--tc-secondery-500);
  display: block;
  margin-bottom: 25px;
}
.card-blog-6 .card-info .card-title .link-readmore {
  background-color: var(--tc-primary-500);
  padding: 7px 20px;
  color: var(--tc-theme-main);
  font-size: 20px;
  line-height: 40px;
  font-weight: 500;
  font-family: var(--tc-body-font-family);
  display: inline-block;
}
.card-blog-6 .card-info .card-title .link-readmore svg {
  margin-left: 5px;
  stroke: var(--tc-theme-main);
}

.card-blog-11 {
  position: relative;
  margin-bottom: 30px;
}
.card-blog-11 .card-image img {
  display: block;
  width: 100%;
}
.card-blog-11 .card-info {
  background-color: var(--tc-theme-main);
  box-shadow: var(--tc-shadow-1);
  padding: 30px;
}
.card-blog-11 .card-info .post-date {
  display: flex !important;
  align-items: center;
}
.card-blog-11 .card-info .post-date svg {
  margin-right: 8px;
  fill: var(--tc-primary-1400);
}
.card-blog-11 .card-info a.heading-md {
  display: block;
  color: var(--tc-neutral-1200);
  margin-bottom: 20px;
}
.card-blog-11 .card-info a.link-more {
  color: var(--tc-neutral-1200);
}
.card-blog-11 .card-info a.link-more svg {
  fill: var(--tc-primary-1400);
}
.card-blog-11 .card-info a:hover {
  color: var(--tc-primary-1400);
}

.card-testimonials-2 {
  border: 1px solid var(--tc-theme-secondary);
  background-color: var(--tc-theme-main);
  padding: 30px;
}
.card-testimonials-2 .card-author {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.card-testimonials-2 .card-author .author-image {
  height: 80px;
  width: 80px;
  border: 1px solid var(--tc-theme-secondary);
  border-radius: 50%;
  line-height: 70px;
  text-align: center;
  margin-right: 20px;
  min-width: 80px;
}
.card-testimonials-2 .card-author .author-info {
  width: 100%;
  padding-right: 40px;
  background: url(../imgs/pages/home2/quote.png) no-repeat right center;
}
.card-testimonials-2 .card-author .author-info .rating {
  display: inline-block;
  width: 100%;
}
.card-testimonials-2 .card-author .author-info .rating img {
  height: 14px;
  margin: 0px;
  float: left;
}
.card-testimonials-2 .card-author .author-info p {
  margin-bottom: 0px;
}
.card-testimonials-2:hover {
  background-color: var(--tc-secondery-400);
}
.card-testimonials-2:hover .card-author .author-info {
  background: url(../imgs/pages/home2/quote-hover.png) no-repeat right center;
}
.card-testimonials-2:hover .card-author .author-info .sub-heading-ag-xl,
.card-testimonials-2:hover .card-author .author-info .paragraph-rubik-r {
  color: var(--tc-theme-main);
}
.card-testimonials-2:hover .comment-text {
  color: var(--tc-theme-main);
}
.card-testimonials-2.card-testimonials-3 {
  background-color: transparent;
  border: 1px solid var(--tc-primary-home);
  border-radius: 8px;
}
.card-testimonials-2.card-testimonials-3::before {
  content: "";
  width: 20px;
  height: 17px;
  position: absolute;
  top: -9px;
  left: 30px;
  z-index: 12;
  background: url(../imgs/template/icons/quote.svg) no-repeat center;
}
.card-testimonials-2.card-testimonials-3 .comment-text {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: var(--tc-dark-950);
  font-family: var(--tc-ag-font-family);
  margin-bottom: 40px;
}
.card-testimonials-2.card-testimonials-3 .card-author .author-info {
  padding-right: 0px;
  background-image: none;
}
.card-testimonials-2.card-testimonials-3 .card-author .author-info .rating {
  margin-bottom: 10px;
}
.card-testimonials-2.card-testimonials-3 .card-author .author-info .rating img {
  float: none;
}
.card-testimonials-2.card-testimonials-3 .card-author .author-info h5 {
  margin-bottom: 5px;
  color: var(--tc-theme-main);
}
.card-testimonials-2.card-testimonials-3 .card-author .author-info p {
  color: var(--tc-theme-main);
}
.card-testimonials-2.card-testimonials-3:hover {
  background-color: var(--tc-primary-home);
}
.card-testimonials-2.card-testimonials-3:hover .comment-text {
  color: var(--tc-theme-main);
}
.card-testimonials-2.card-testimonials-4 {
  background-color: var(--tc-theme-bg-3);
  border-radius: 5px;
  border: 0px;
}
.card-testimonials-2.card-testimonials-4 .card-author .author-image {
  border-color: var(--tc-theme-border-5);
}
.card-testimonials-2.card-testimonials-4 .card-author .author-info {
  background-image: url(../imgs/template/icons/quete-w.png);
  padding-right: 88px;
  min-height: 77px;
  display: flex;
  align-items: center;
}
.card-testimonials-2.card-testimonials-4 .card-author-rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 60px;
}
.card-testimonials-2.card-testimonials-4 .card-author-rating .card-author-name {
  position: relative;
  padding-right: 78px;
}
.card-testimonials-2.card-testimonials-4 .card-author-rating .card-author-name::before {
  content: "";
  height: 1px;
  width: 68px;
  background-color: var(--tc-primary-500);
  position: absolute;
  top: 50%;
  right: 0px;
}
.card-testimonials-2.card-testimonials-4 .card-author-rating .rating img {
  margin-left: 5px;
}
.card-testimonials-2.card-testimonials-4 .comment-text {
  color: var(--tc-dark-950);
}

.card-consultant {
  position: relative;
  overflow: hidden;
  top: 0px;
  transition: all 0.3s ease-in-out;
  margin-bottom: 30px;
}
.card-consultant:hover {
  top: -5px;
}
.card-consultant .card-image {
  overflow: hidden;
}
.card-consultant .card-info {
  position: absolute;
  bottom: -100%;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: all 0.3s ease-in-out;
  background-image: url(../imgs/pages/home2/bg-trans.png);
  background-repeat: repeat-x;
  background-position: bottom center;
}
.card-consultant .card-info .card-info-inner {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 2;
  transition: all 0.3s ease-in-out;
  padding: 30px;
}
.card-consultant .card-info .card-info-inner * {
  color: var(--tc-theme-main);
}
.card-consultant .card-info .card-info-inner a:hover * {
  color: var(--tc-theme-secondary);
}
.card-consultant:hover .card-info {
  bottom: 0px;
}

.card-pricing-2 {
  border: 1px solid var(--tc-graay-500);
  padding: 40px;
  transition: all 0.4s ease-in-out;
  margin-bottom: 30px;
}
.card-pricing-2 * {
  transition: all 0.4s ease-in-out;
}
.card-pricing-2 .top-pricing {
  position: relative;
}
.card-pricing-2 .top-pricing .pricing-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.card-pricing-2 .top-pricing .pricing-name h6 {
  max-width: 50%;
}
.card-pricing-2 .top-pricing .desc-pricing {
  padding-left: 44px;
}
.card-pricing-2 .top-pricing .pricing-price {
  padding-left: 100px;
}
.card-pricing-2 .top-pricing .pricing-price {
  margin-bottom: 26px;
}
.card-pricing-2 .bottom-pricing .list-ticked {
  max-width: 213px;
}
.card-pricing-2 .bottom-pricing .list-ticked li {
  font-size: 20px;
  line-height: 39px;
  font-weight: 600;
  font-family: var(--tc-ag-font-family);
  color: var(--tc-dark-950);
  background-image: url(../imgs/pages/home2/circle.png);
}
.card-pricing-2 .pricing-price h2 {
  color: var(--tc-dark-950);
}
.card-pricing-2 .card-button {
  margin-top: 60px;
}
.card-pricing-2:hover {
  background-color: var(--tc-secondery-400);
}
.card-pricing-2:hover * {
  color: var(--tc-theme-main) !important;
}
.card-pricing-2:hover .btn {
  border-color: var(--tc-theme-main);
}
.card-pricing-2:hover .bottom-pricing .list-ticked li {
  background-image: url(../imgs/pages/home2/circle-w.png);
}
.card-pricing-2:hover .light-mode {
  display: none;
}
.card-pricing-2:hover .dark-mode {
  display: inline-block;
}

.card-feature {
  background-color: rgba(0, 4, 7, 0.7803921569);
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 2rem;
}
.card-feature .card-title-icon {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.card-feature .card-title-icon .card-icon {
  margin-right: 12px;
  min-width: 60px;
}
.card-feature .card-title-icon .card-title * {
  color: var(--tc-theme-main);
}
.card-feature .card-info p {
  color: rgba(255, 255, 255, 0.8235294118);
  margin-bottom: 25px;
}

.card-image-square-left {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.card-image-square-left .image {
  height: 60px;
  width: 60px;
  min-width: 60px;
  background-color: var(--tc-dark-950);
  border-radius: 0%;
  text-align: center;
  line-height: 60px;
  margin-right: 10px;
}
.card-image-square-left .image img {
  display: inline-block;
  vertical-align: middle;
}
.card-image-square-left .info {
  font-size: 24px;
  line-height: 120%;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
  color: var(--tc-dark-950);
}

.card-service {
  border: 1px solid var(--tc-primary-home);
  border-radius: 8px;
  padding: 40px;
  background-color: var(--tc-theme-main);
  transition: all 0.3s ease-in-out;
}
.card-service .card-icon {
  margin-bottom: 30px;
}
.card-service .card-icon .icon {
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 8px;
  background-color: rgba(185, 17, 2, 0.2117647059);
}
.card-service .card-icon .icon svg {
  fill: var(--tc-dark-950);
}
.card-service .card-info h3 {
  margin-bottom: 20px;
  color: var(--tc-dark-950);
}
.card-service .card-info .paragraph-rubik-r {
  color: rgba(0, 4, 7, 0.8470588235);
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dashed var(--tc-primary-home);
}
.card-service .card-info .btn-primary-home {
  background-color: var(--tc-theme-main);
  border: 1px solid var(--tc-primary-home);
  color: var(--tc-primary-home);
}
.card-service .card-info .btn-primary-home:hover {
  color: var(--tc-dark-950);
}
.card-service:hover {
  background-color: var(--tc-primary-home);
}
.card-service:hover .card-info h3,
.card-service:hover .card-info p {
  color: var(--tc-theme-main);
}
.card-service:hover .card-info .paragraph-rubik-r {
  border-bottom-color: var(--tc-theme-main);
}
.card-service:hover .card-icon .icon {
  background-color: rgba(246, 246, 246, 0.231372549);
}
.card-service:hover .card-icon .icon svg {
  fill: var(--tc-theme-main);
}

.card-dedicated {
  position: relative;
}
.card-dedicated .card-image {
  padding: 0px 50px;
  margin-bottom: 0px;
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
  bottom: -150px;
  overflow: hidden;
  margin-top: -150px;
}
.card-dedicated .card-image > a {
  display: inline-block;
  width: 100%;
  text-align: center;
  background: url(../imgs/pages/home3/img-dedicated.png) no-repeat top center;
  background-size: cover;
}
.card-dedicated .card-image img {
  width: 100%;
}
.card-dedicated .card-image .card-social {
  position: absolute;
  top: 20px;
  right: -70px;
  width: 30px;
  transition: all 0.3s ease-in-out;
}
.card-dedicated .card-image .card-social a {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: transparent;
  background-color: var(--tc-dark-950);
  text-align: center;
  line-height: 28px;
  margin-bottom: 10px;
}
.card-dedicated .card-image .card-social a:hover {
  background-color: var(--tc-primary-home);
}
.card-dedicated .card-image:hover .card-social {
  right: 70px;
}
.card-dedicated .card-info {
  position: relative;
  z-index: 1;
  padding: 180px 50px 0px 50px;
  border: 1px solid var(--tc-primary-home);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-dedicated .card-info .info-left a {
  color: var(--tc-dark-950);
}
.card-dedicated .card-info .info-left a:hover {
  color: var(--tc-theme-secondary);
}
.card-dedicated .card-info .info-left p {
  font-size: 24px;
  line-height: 150%;
  font-weight: 300;
  font-family: var(--tc-ag-font-family);
  color: var(--tc-dark-950);
}
.card-dedicated .card-info .info-right a {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 36px;
  text-align: center;
  background-color: var(--tc-theme-main);
  border: 1px solid var(--tc-dark-950);
}
.card-dedicated .card-info .info-right a svg {
  fill: var(--tc-dark-950);
}
.card-dedicated .card-info .info-right a:hover {
  background-color: var(--tc-theme-secondary);
  border-color: var(--tc-theme-secondary) !important;
}
.card-dedicated .card-info .info-right a:hover svg {
  fill: var(--tc-primary-home);
}
.card-dedicated:hover .card-info {
  background-color: var(--tc-primary-home);
}
.card-dedicated:hover .card-info a,
.card-dedicated:hover .card-info p {
  color: var(--tc-theme-main);
}
.card-dedicated:hover .card-info .info-right a {
  border-color: var(--tc-theme-main);
}
.card-dedicated.card-dedicated-500 .card-image .card-social {
  right: 70px;
}
.card-dedicated.card-dedicated-500 .card-info {
  border: 1px solid var(--tc-primary-500);
  background-color: var(--tc-primary-500);
}
.card-dedicated.card-dedicated-500 .card-info a,
.card-dedicated.card-dedicated-500 .card-info p {
  color: var(--tc-theme-main);
}
.card-dedicated.card-dedicated-500 .card-info .info-right a {
  border-color: var(--tc-theme-main);
}
.card-dedicated.card-dedicated-500:hover .card-info {
  background-color: var(--tc-primary-500);
}

.card-dedicated-2 .card-image .card-social {
  width: 200px;
  top: auto;
  bottom: 20px;
  right: 70px;
}
.card-dedicated-2 .card-image .card-social a {
  height: 35px;
  width: 35px;
  background-color: var(--tc-graay-100);
  border-radius: 5px;
  line-height: 33px;
  margin-left: 15px;
}
.card-dedicated-2 .card-image .card-social a svg {
  fill: var(--tc-dark-950);
}
.card-dedicated-2 .card-image .card-social a:first-child {
  margin-left: 0px;
}
.card-dedicated-2 .card-image .card-social a:hover svg {
  fill: var(--tc-theme-main);
}
.card-dedicated-2 .card-info {
  border: 0px;
  background-color: var(--tc-theme-main);
  box-shadow: var(--tc-shadow-1);
}
.card-dedicated-2:hover .card-info {
  background-color: var(--tc-theme-main);
}
.card-dedicated-2:hover .card-info .info-left p,
.card-dedicated-2:hover .card-info .info-left a {
  color: var(--tc-dark-950);
}
.card-dedicated-2:hover .card-info .info-left a:hover {
  color: var(--tc-primary-500);
}

.card-customer {
  border-radius: 20px;
  padding: 20px 20px 15px 20px;
  box-shadow: var(--tc-shadow-1);
  border: 1px solid var(--tc-theme-main);
}
.card-customer .card-image {
  margin-bottom: 20px;
}
.card-customer .card-image img {
  width: 100%;
}
.card-customer .card-info {
  text-align: center;
}
.card-customer .card-info p {
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 300;
  font-family: var(--tc-body-font-family);
  color: var(--tc-primary-500);
}
.card-customer .card-info h5 {
  font-size: 24px;
  line-height: 34px;
  font-weight: bold;
  font-family: var(--tc-body-font-family);
}
.card-customer:hover {
  border: 1px solid var(--tc-primary-500);
}

.card-pricing-3 {
  border: 1px solid var(--tc-graay-100);
  border-radius: 5px;
  background-color: var(--tc-theme-main);
}
.card-pricing-3 .top-pricing {
  background-color: var(--tc-theme-main);
  padding: 40px 40px 30px 40px;
  border-bottom: 1px solid var(--tc-graay-100);
}
.card-pricing-3 .top-pricing .pricing-price {
  color: var(--tc-dark-950);
}
.card-pricing-3 .top-pricing .pricing-price * {
  color: var(--tc-dark-950);
}

.card-team-2 {
  border-radius: 5px;
  background-color: var(--tc-primary-50);
  margin-bottom: 30px;
  padding: 0px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.card-team-2 .card-image {
  position: relative;
  margin-bottom: 20px;
  padding: 65px 5px 0px 5px;
  position: relative;
  top: 0px;
  transition: all 0.3s ease-in-out;
}
.card-team-2 .card-image .card-image-inner {
  height: 260px;
  width: 260px;
  background-color: var(--tc-graay-100);
  border-radius: 50%;
  margin: auto;
  transition: all 0.3s ease-in-out;
}
.card-team-2 .card-image .card-image-inner img {
  display: block;
  width: 100%;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.card-team-2 .card-info {
  position: relative;
  text-align: center;
  padding-bottom: 75px;
}
.card-team-2 .card-info .card-socials {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 10px;
  width: 65px;
  transition: all 0.3s ease-in-out;
  display: flex;
  overflow: hidden;
}
.card-team-2 .card-info .card-socials .share {
  height: 40px;
  width: 40px;
  min-width: 40px;
  line-height: 36px;
  background-image: none;
  border: 1px dashed var(--tc-primary-500);
}
.card-team-2 .card-info .card-socials .share svg {
  fill: var(--tc-primary-500);
}
.card-team-2:hover {
  background-image: url(../imgs/pages/home4/bg-team.png);
  background-position: top center;
  background-repeat: no-repeat;
}
.card-team-2:hover .card-image {
  top: -20px;
}
.card-team-2:hover .card-image .card-image-inner {
  border: 15px solid var(--tc-primary-500);
}
.card-team-2:hover .card-image .card-image-inner img {
  border: 15px solid var(--tc-theme-main);
}
.card-team-2:hover .card-info .card-socials {
  width: 100%;
  justify-content: center;
  background-color: var(--tc-primary-500);
}
.card-team-2:hover .card-info .card-socials .share {
  border-color: var(--tc-primary-500);
}
.card-team-2:hover .card-info .card-socials .share svg {
  fill: var(--tc-theme-main);
}
.card-team-2:hover .card-info .card-socials .share:hover {
  border-color: var(--tc-theme-main);
}

.card-service-2 {
  background-color: var(--tc-theme-main);
  border-radius: 32px;
  box-shadow: var(--tc-shadow-1);
}
.card-service-2 .card-icon {
  display: flex;
  align-items: center;
}
.card-service-2 .card-icon .card-icon-left {
  width: 90px;
  height: 90px;
  background-color: var(--tc-primary-home);
  text-align: center;
  line-height: 80px;
  margin-right: 25px;
  border-radius: 50%;
}
.card-service-2 .card-info {
  padding: 20px 40px 30px 40px;
}

.card-expert {
  position: relative;
  margin-bottom: 30px;
}
.card-expert .card-image img {
  display: block;
}
.card-expert .card-info {
  box-shadow: var(--tc-shadow-1);
  padding: 35px 25px 25px 25px;
  position: relative;
  text-align: center;
}
.card-expert .card-info .card-text-info a {
  display: block;
  margin-bottom: 10px;
}
.card-expert .card-info .card-text-info a:hover {
  color: var(--tc-primary-home) !important;
}
.card-expert .card-info .card-socials {
  position: absolute;
  top: -19px;
  left: 0px;
  right: 0px;
  margin: auto;
  max-width: 213px;
  padding: 7px 32px;
  border-radius: 20px;
  background-color: var(--tc-primary-home);
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-expert .card-info .card-socials .item-social {
  margin: 0px 12px;
  transition: all 0.1s ease-in-out;
  position: relative;
  top: 0px;
}
.card-expert .card-info .card-socials .item-social:hover {
  top: -3px;
}

.card-gallery {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
  margin-bottom: 30px;
  height: 750px;
}
.card-gallery .card-image {
  height: 100%;
  width: 100%;
  background-image: url(../imgs/pages/home5/gallery.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.card-gallery .card-image img {
  display: block;
}
.card-gallery .card-info {
  position: absolute;
  bottom: -100%;
  left: 0px;
  width: 100%;
  padding: 30px;
  z-index: 2;
  background-image: url(../imgs/pages/home5/bg-trans.png);
  background-position: bottom center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
.card-gallery .card-info h6 {
  color: var(--tc-theme-main);
}
.card-gallery:hover .card-info {
  bottom: 0px;
}
.card-gallery.card-gallery-2 {
  height: 360px;
  margin-bottom: 30px;
}

.card-testimonials-5 {
  position: relative;
  padding: 30px 0px 30px 60px;
}
.card-testimonials-5 .card-testimonials-inner {
  background-color: var(--tc-theme-main);
  border-radius: 20px;
  box-shadow: var(--tc-shadow-1);
  padding: 30px 50px;
}
.card-testimonials-5 .card-testimonials-inner .rating {
  margin-bottom: 20px;
}
.card-testimonials-5 .card-testimonials-inner .card-author {
  position: absolute;
  top: 50%;
  margin-top: -36px;
  left: 25px;
}
.card-testimonials-5 .card-testimonials-inner .card-author .author-image {
  height: 71px;
  width: 71px;
  border-radius: 50%;
  border: 1px solid var(--tc-primary-home-3);
  padding: 4px;
  line-height: 60px;
}
.card-testimonials-5 .card-testimonials-inner .card-author .author-image img {
  display: block;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  margin: auto;
}
.card-testimonials-5 .card-testimonials-inner .comment-text {
  margin-bottom: 20px;
  color: var(--tc-neutral-1500);
}
.card-testimonials-5 .card-testimonials-inner .card-author-info .author-info h5 {
  color: var(--tc-neutral-1600);
  margin-bottom: 5px;
}
.card-testimonials-5 .card-testimonials-inner .card-author-info .author-info p {
  color: var(--tc-neutral-1500);
  margin-bottom: 0px;
}

.card-testimonials-6 {
  border: 1px solid #b3ccff;
  background-color: rgba(217, 217, 217, 0.1215686275);
  padding: 30px;
  border-radius: 4px;
}
.card-testimonials-6 .rating {
  margin-bottom: 20px;
}
.card-testimonials-6 .rating img {
  display: inline-block;
  margin: 0px -2px 0px 0px;
}
.card-testimonials-6 .comment-text {
  margin-bottom: 20px;
  color: rgba(1, 43, 67, 0.8823529412);
}
.card-testimonials-6 .card-author {
  margin-bottom: 0px;
}
.card-testimonials-6 .card-author .author-info {
  padding-right: 0px;
  background-image: none;
}
.card-testimonials-6 .card-author .author-image {
  border: 1px solid var(--tc-secondery-600);
  height: 70px;
  width: 70px;
  min-width: 70px;
}
.card-testimonials-6 .card-author .author-image img {
  display: block;
  height: 70x;
  width: 70px;
}
.card-testimonials-6:hover {
  background-color: var(--tc-primary-500);
}
.card-testimonials-6:hover * {
  color: rgba(255, 255, 255, 0.8980392157) !important;
}
.card-testimonials-6:hover .author-image {
  border-color: var(--tc-theme-main);
}

.card-testimonials-7 {
  padding: 0px;
}
.card-testimonials-7 .rating {
  margin-bottom: 30px;
}
.card-testimonials-7 .comment-text {
  margin-bottom: 50px;
}
.card-testimonials-7 .comment-author {
  border-top: 2px solid rgba(255, 255, 255, 0.1921568627);
  padding-top: 29px;
  text-align: left;
}
.card-testimonials-7 .comment-author h6 {
  margin-bottom: 10px;
}

.card-testimonials-8 {
  padding: 0px;
  border: 0px;
}
.card-testimonials-8 .rating {
  margin-bottom: 20px;
}
.card-testimonials-8 .comment-text {
  margin-bottom: 30px;
}
.card-testimonials-8 .card-author .author-image {
  border: 0px;
}
.card-testimonials-8 .card-author .author-image img {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.card-testimonials-8 .card-author .author-info {
  padding-right: 60px;
  background: url(../imgs/pages/home11/quote.png) no-repeat right center;
}
.card-testimonials-8:hover {
  background-color: transparent;
}
.card-testimonials-8:hover .comment-text {
  color: var(--tc-dark-950);
}
.card-testimonials-8:hover .card-author .author-info {
  background: url(../imgs/pages/home11/quote.png) no-repeat right center;
}

.card-testimonials-9 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0px;
  border: 0px;
  background: url(../imgs/pages/home12/bg-map.png) no-repeat right center;
}
.card-testimonials-9 .card-image {
  width: 35%;
  padding-right: 35px;
}
.card-testimonials-9 .card-image img {
  border-radius: 5px;
}
.card-testimonials-9 .card-info {
  width: 65%;
  padding: 60px 0px;
}
.card-testimonials-9 .card-info .rating {
  margin-bottom: 20px;
}
.card-testimonials-9 .card-info .comment-text {
  margin-bottom: 30px;
}
.card-testimonials-9 .card-info .card-author .author-info {
  background-image: none;
  padding-right: 0px;
}
.card-testimonials-9:hover {
  background-color: transparent !important;
}

.card-service-3 {
  padding: 40px 30px;
  border: 1px solid rgba(127, 130, 132, 0.2117647059);
  position: relative;
  box-shadow: var(--tc-shadow-1);
  margin-bottom: 30px;
}
.card-service-3 .card-image {
  margin-bottom: 25px;
}
.card-service-3 .card-info h5,
.card-service-3 .card-info p {
  margin-bottom: 20px;
}
.card-service-3:hover {
  background-color: var(--tc-primary-500);
}

.card-case-study {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}
.card-case-study .card-image {
  position: relative;
}
.card-case-study .card-image img {
  width: 100%;
}
.card-case-study .card-info {
  position: absolute;
  bottom: -100%;
  left: 20px;
  right: 40px;
  background-color: var(--tc-primary-500);
  padding: 30px;
  transition: all 0.3s ease-in-out;
}
.card-case-study .card-info .view-detail {
  background-color: var(--tc-secondery-500);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  right: -20px;
  z-index: 2;
}
.card-case-study .card-info .view-detail svg {
  stroke: var(--tc-theme-main);
}
.card-case-study .card-info .view-detail:hover {
  background-color: var(--tc-primary-home);
}
.card-case-study .card-info a:hover {
  color: var(--tc-primary) !important;
}
.card-case-study:hover .card-info {
  bottom: 20px;
}

.card-best-service {
  border: 1px solid var(--tc-theme-border-7);
  border-radius: 15px;
  padding: 75px 40px 40px 40px;
  position: relative;
}
.card-best-service .card-icon {
  border-radius: 15px;
  background-color: var(--tc-neutral-1000);
  padding: 18px;
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  top: -45px;
  left: 40px;
}
.card-best-service .card-info h6,
.card-best-service .card-info p {
  margin-bottom: 20px;
}
.card-best-service .card-info h6 {
  color: var(--tc-neutral-1200);
}
.card-best-service .card-info a {
  font-size: 16px;
  line-height: 29px;
  font-weight: bold;
  font-family: var(--tc-ag-font-family);
  letter-spacing: 1px;
  color: var(--tc-neutral-1200);
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.card-best-service .card-info a svg {
  margin-left: 5px;
}

.card-number {
  border-radius: 8px;
  background-color: var(--tc-primary-1000);
  padding: 13px 20px;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  text-align: left;
}
.card-number .card-icon {
  height: 45px;
  width: 45px;
  background-color: rgba(255, 255, 255, 0.1019607843);
  border-radius: 50%;
  line-height: 42px;
  text-align: center;
  margin-right: 10px;
}
.card-number .card-icon svg {
  fill: var(--tc-theme-main);
}
.card-number .card-info h6 {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  font-family: var(--tc-ag-font-family);
  color: var(--tc-neutral-1000);
}
.card-number .card-info p {
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 160%;
  font-family: var(--tc-rubik-font-family);
  color: var(--tc-neutral-1000);
}

.card-number-2 {
  position: relative;
  border-radius: 20px;
  border-left: 1px solid var(--tc-theme-main);
  background: url(../imgs/pages/about/bg-number.png) no-repeat left top;
  background-size: cover;
  padding: 38px 38px 38px 85px;
  max-width: 306px;
}

.card-experience {
  border-radius: 20px;
  padding: 25px 30px;
  background-color: rgba(28, 187, 179, 0.2039215686);
  max-width: 159px;
}
.card-experience h3 {
  color: var(--tc-primary-1000);
}
.card-experience p {
  color: var(--tc-neutral-1000);
  margin-bottom: 0px;
}

.card-best-team {
  border-radius: 20px;
  position: relative;
  padding: 0px 0px 30px 0px;
  box-shadow: var(--tc-shadow-1);
  background-color: var(--tc-theme-main);
}
.card-best-team .card-image {
  border-radius: 20px 20px 0px 0px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.card-best-team .card-image img {
  display: block;
  width: 100%;
}
.card-best-team .card-info {
  display: flex;
  align-items: center;
  padding: 0px 22px 0px 30px;
  justify-content: space-between;
}
.card-best-team .card-info .card-info-left {
  position: relative;
}
.card-best-team .card-info .card-info-left a {
  color: var(--tc-neutral-1000);
  margin-bottom: 3px;
  display: block;
}
.card-best-team .card-info .card-info-left a:hover {
  color: var(--tc-primary-1000);
}
.card-best-team .card-info .card-info-left p {
  margin-bottom: 0px;
  color: var(--tc-graay-800);
}
.card-best-team .card-info .card-info-right {
  position: relative;
}
.card-best-team .card-info .card-info-right a {
  display: inline-block;
  padding: 0px 8px;
}
.card-best-team .card-info .card-info-right a svg {
  fill: var(--tc-graay-800);
}
.card-best-team .card-info .card-info-right a:hover svg {
  fill: var(--tc-primary-1000);
}

.card-blog-7 {
  position: relative;
  background-color: var(--tc-theme-main);
  margin-bottom: 30px;
}
.card-blog-7 .card-image {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  z-index: 1;
}
.card-blog-7 .card-info {
  padding: 25px 30px 30px 30px;
  position: relative;
  margin-top: -54px;
  z-index: 2;
  box-shadow: var(--tc-shadow-1);
  border-radius: 0px 0px 20px 20px;
  background-color: transparent;
}
.card-blog-7 .card-info .post-date {
  border-radius: 20px;
  padding: 13px 22px;
  background-color: var(--tc-primary-1000);
  color: var(--tc-neutral-1000);
}
.card-blog-7 .card-info .heading-md {
  color: rgba(0, 0, 0, 0.8235294118);
  display: block;
  margin-bottom: 20px;
}
.card-blog-7 .card-info .heading-md:hover {
  color: var(--tc-primary-1000);
}
.card-blog-7 .card-info .link-more {
  color: var(--tc-primary-1000);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}
.card-blog-7 .card-info .link-more svg {
  fill: var(--tc-primary-1000);
  margin-left: 8px;
  margin-top: -2px;
}
.card-blog-7 .card-info .link-more:hover {
  color: var(--tc-neutral-1000);
}
.card-blog-7 .card-info .link-more:hover svg {
  fill: var(--tc-neutral-1000);
}

.card-service-4 {
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(#ffffff 0 0) padding-box, linear-gradient(to right, #9e3dde, #4aa4f0) border-box;
  border: 1px solid transparent;
  display: inline-block;
  width: 100%;
}
.card-service-4 .card-service-4-inner {
  background-image: url(../imgs/pages/home8/bg-service-item.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 30px;
}
.card-service-4 .card-service-4-inner .card-image {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 74px;
  background: linear-gradient(#f9f9f9 0 0) padding-box, linear-gradient(to right, #9e3dde, #4aa4f0) border-box;
  border: 1px solid transparent;
  margin-bottom: 20px;
}

.card-project-2 {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.card-project-2 .card-image img {
  width: 100%;
  display: block;
}
.card-project-2 .card-info {
  position: absolute;
  top: -100%;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  left: 20px;
  right: 20px;
  bottom: 100%;
  z-index: 2;
  border: 1px solid rgba(74, 165, 240, 0.5882352941);
  background-image: linear-gradient(to right, rgba(74, 165, 240, 0.6117647059), rgba(158, 61, 222, 0.6235294118));
}
.card-project-2 .card-info .card-info-inner {
  position: relative;
  height: 100%;
}
.card-project-2 .card-info .card-info-inner .info-top {
  position: relative;
}
.card-project-2 .card-info .card-info-inner .info-top .zoom {
  height: 40px;
  width: 40px;
  background-color: var(--tc-dark-950);
  border-radius: 2px;
  text-align: center;
  line-height: 38px;
  margin-bottom: 6px;
  position: absolute;
  top: 15px;
  right: 15px;
}
.card-project-2 .card-info .card-info-inner .info-top .zoom svg {
  fill: var(--tc-theme-main);
}
.card-project-2 .card-info .card-info-inner .info-top .zoom:hover svg {
  fill: var(--tc-primary-1000);
}
.card-project-2 .card-info .card-info-inner .info-top .link-detail {
  height: 40px;
  width: 40px;
  background-color: var(--tc-dark-950);
  border-radius: 2px;
  text-align: center;
  line-height: 38px;
  margin-bottom: 6px;
  position: absolute;
  top: 62px;
  right: 15px;
}
.card-project-2 .card-info .card-info-inner .info-top .link-detail svg {
  fill: var(--tc-theme-main);
}
.card-project-2 .card-info .card-info-inner .info-top .link-detail:hover svg {
  fill: var(--tc-primary-1000);
}
.card-project-2 .card-info .card-info-inner .info-bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 20px 30px;
  background-color: rgba(0, 4, 7, 0.5803921569);
}
.card-project-2 .card-info .card-info-inner .info-bottom .heading-ag-xl {
  color: var(--tc-theme-main);
  margin-bottom: 15px;
}
.card-project-2 .card-info .card-info-inner .info-bottom .heading-ag-xl:hover {
  color: var(--tc-primary-1000);
}
.card-project-2 .card-info .card-info-inner .info-bottom p {
  margin-bottom: 0px;
}
.card-project-2:hover .card-info {
  top: 20px;
  bottom: 20px;
}

.card-team-member {
  position: relative;
}
.card-team-member .card-image {
  margin-bottom: 20px;
}
.card-team-member .card-image img {
  border-radius: 8px;
  width: 100%;
}
.card-team-member .card-info {
  text-align: center;
}

.card-team-member-2 {
  margin-bottom: 30px;
  position: relative;
}
.card-team-member-2 .card-image {
  background-image: linear-gradient(to right, rgba(2, 17, 48, 0.1019607843), rgba(0, 85, 255, 0.1019607843));
}
.card-team-member-2 .card-image img {
  display: block;
  width: 100%;
}
.card-team-member-2 .card-info {
  background-color: var(--tc-dark-950);
  padding: 30px;
  display: flex;
  align-items: center;
  position: relative;
}
.card-team-member-2 .card-info * {
  color: var(--tc-theme-main);
}
.card-team-member-2 .card-info p {
  color: var(--tc-graay-100);
  margin-bottom: 0px;
}
.card-team-member-2 .card-info .card-info-left {
  position: relative;
  width: 100%;
}
.card-team-member-2 .card-info .card-info-left a:hover {
  color: var(--tc-primary-1000);
}
.card-team-member-2 .card-info .card-info-right {
  position: relative;
  text-align: right;
  width: 50px;
  min-width: 50px;
}
.card-team-member-2 .card-info .card-info-right .link-more {
  display: inline-block;
  height: 50px;
  width: 50px;
  background-color: var(--tc-primary-500);
  border-radius: 50%;
  line-height: 48px;
  text-align: center;
}
.card-team-member-2 .card-info .card-info-right .link-more svg {
  stroke: var(--tc-theme-main);
}
.card-team-member-2 .card-info .card-info-right .list-socials {
  display: inline-block;
  width: 50px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 0px 10px;
  border-radius: 50px;
  background-color: var(--tc-primary-500);
  overflow: hidden;
  height: 0px;
  transition: all 0.3s ease-in-out;
}
.card-team-member-2 .card-info .card-info-right .list-socials a {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background-color: rgba(217, 217, 217, 0.1019607843);
  text-align: center;
  border-radius: 50%;
  margin-bottom: 10px;
}
.card-team-member-2 .card-info .card-info-right .list-socials a:last-child {
  margin-bottom: 0px;
}
.card-team-member-2 .card-info .card-info-right .list-socials a svg {
  stroke: var(--tc-theme-main);
}
.card-team-member-2 .card-info .card-info-right .list-socials a:hover {
  background-color: var(--tc-secondery-500);
}
.card-team-member-2 .card-info .card-info-right:hover .list-socials {
  height: 170px;
  padding: 10px;
}
.card-team-member-2.card-team-member-3 {
  position: relative;
}
.card-team-member-2.card-team-member-3 .card-info {
  max-width: 80%;
  background-color: var(--tc-secondery-500);
  border-top-right-radius: 20px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 12;
  width: 100%;
}
.card-team-member-2.card-team-member-3 .card-info .card-info-right .link-more {
  height: 32px;
  width: 32px;
  border-radius: 1px;
  line-height: 28px;
}
.card-team-member-2.card-team-member-3 .card-info .card-info-right .link-more svg {
  fill: var(--tc-theme-main);
  stroke: none;
}
.card-team-member-2.card-team-member-3 .card-info .card-info-right .list-socials {
  width: 32px;
  padding: 0px;
  border-radius: 0px;
  background-color: transparent;
}
.card-team-member-2.card-team-member-3 .card-info .card-info-right .list-socials a {
  width: 32px;
  height: 32px;
  border-radius: 0px;
  background-color: var(--tc-theme-main);
}
.card-team-member-2.card-team-member-3 .card-info .card-info-right .list-socials a:last-child {
  margin-bottom: 0px;
}
.card-team-member-2.card-team-member-3 .card-info .card-info-right .list-socials a svg {
  fill: var(--tc-primary-500);
}
.card-team-member-2.card-team-member-3 .card-info .card-info-right .list-socials a:hover {
  background-color: var(--tc-secondery-500);
}
.card-team-member-2.card-team-member-3 .card-info .card-info-right .list-socials a:hover svg {
  fill: var(--tc-theme-main);
}
.card-team-member-2.card-team-member-3 .card-info .card-info-right .list-socials .share {
  background-image: none;
}
.card-team-member-2.card-team-member-3 .card-info .card-info-right .list-socials .share svg {
  stroke: var(--tc-primary-500);
}
.card-team-member-2.card-team-member-3 .card-info .card-info-right .list-socials .share:hover {
  border: 0px;
}
.card-team-member-2.card-team-member-3 .card-info .card-info-right .list-socials .share:hover svg {
  fill: var(--tc-theme-main);
  stroke: var(--tc-theme-main);
}
.card-team-member-2.card-team-member-3 .card-info .card-info-right:hover .list-socials {
  height: 200px;
}

.card-white-square {
  padding: 40px;
  background-color: var(--tc-theme-main);
  border: 1px solid rgba(1, 34, 54, 0.2);
}
.card-white-square .card-info {
  position: relative;
}
.card-white-square .card-info h6 {
  margin-bottom: 20px;
}
.card-white-square .card-info p {
  margin-bottom: 40px;
}
.card-white-square .card-icon {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.card-white-square .card-icon .card-icon-left {
  width: 70px;
  height: 70px;
  min-width: 70px;
  position: relative;
  border-radius: 50%;
  background-color: rgba(0, 85, 255, 0.3568627451);
  text-align: center;
  line-height: 68px;
  right: -15px;
  transition: all 0.3s ease-in-out;
}
.card-white-square .card-icon .card-icon-left svg {
  position: relative;
  left: -25px;
  top: -12px;
  fill: var(--tc-primary-500);
  transition: all 0.3s ease-in-out;
}
.card-white-square .card-icon .card-icon-right {
  position: relative;
}
.card-white-square .card-icon .card-icon-right a {
  display: inline-block;
  height: 40px;
  width: 51px;
  background-color: var(--tc-primary-50);
  text-align: center;
  line-height: 38px;
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
}
.card-white-square .card-icon .card-icon-right a svg {
  stroke: var(--tc-secondery-500);
  transition: all 0.3s ease-in-out;
}
.card-white-square .card-icon .card-icon-right a:hover {
  background-color: var(--tc-primary-500);
}
.card-white-square .card-icon .card-icon-right a:hover svg {
  stroke: var(--tc-theme-main);
}
.card-white-square:hover {
  border: 4px solid var(--tc-primary-500);
  padding: 37px;
}
.card-white-square:hover .card-icon .card-icon-left {
  right: 0px;
  background-color: var(--tc-primary-500);
}
.card-white-square:hover .card-icon .card-icon-left svg {
  left: auto;
  top: 1px;
  fill: var(--tc-theme-main);
}

.card-offer {
  border: 1px solid rgba(127, 130, 132, 0.2);
  background-color: rgba(167, 172, 175, 0.14);
  padding: 40px 30px;
}
.card-offer:hover {
  background-color: rgba(167, 172, 175, 0.3);
}
.card-offer .card-image {
  margin-bottom: 90px;
}
.card-offer .card-info h5 {
  margin-bottom: 100px;
  text-transform: uppercase;
}
.card-offer .card-info a svg {
  margin-left: 10px;
}

.card-service-5 {
  border: 1px solid var(--tc-theme-main);
  border-radius: 15px;
  padding: 80px 40px 40px 40px;
  position: relative;
  margin-bottom: 60px;
}
.card-service-5 .card-image {
  position: absolute;
  top: -45px;
  left: 40px;
  height: 90px;
  width: 90px;
  background-color: var(--tc-theme-main);
  border-radius: 15px;
  line-height: 88px;
  text-align: center;
}
.card-service-5 .card-info {
  position: relative;
}
.card-service-5 .card-info .link-primary-home {
  color: var(--tc-theme-main);
}
.card-service-5 .card-info .link-primary-home svg {
  fill: var(--tc-theme-main);
}
.card-service-5 .card-info .link-primary-home:hover {
  color: var(--tc-primary-500);
}
.card-service-5 .card-info .link-primary-home:hover svg {
  fill: var(--tc-primary-500);
}
.card-service-5.card-service-5-2 {
  padding: 40px 30px 30px 30px;
  margin-bottom: 30px;
  background-color: rgba(167, 172, 175, 0.2);
  border-radius: 0px;
  border: 1px solid hwb(204 50% 48%/0.205);
}
.card-service-5.card-service-5-2 .card-image {
  position: relative;
  top: auto;
  left: auto;
  background-color: transparent;
  margin-bottom: 35px;
  height: auto;
  width: 100%;
  text-align: left;
  line-height: 20px;
}
.card-service-5.card-service-5-2 .card-info .link-primary-home {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  font-family: var(--tc-body-font-family);
  text-transform: none;
}
.card-service-5.card-service-5-2 .card-info .link-primary-home svg {
  fill: none;
  stroke: var(--tc-theme-main);
}
.card-service-5.card-service-5-2:hover {
  border-color: var(--tc-primary-500);
}

.card-service-6 {
  border-bottom: 3px solid transparent;
  border-radius: 8px;
  padding: 30px;
  background-color: rgba(167, 172, 175, 0.137254902);
  margin-bottom: 2px;
  transition-duration: 0.2s;
}
.card-service-6:hover {
  border-bottom: 3px solid var(--tc-primary-500);
  margin-bottom: 0px;
  transition-duration: 0.2s;
}
.card-service-6:hover .card-image svg {
  transform: rotateY(180deg);
  transition: 0.3s linear;
}
.card-service-6 .card-image {
  margin-bottom: 30px;
  max-height: 86px;
}
.card-service-6 .card-image svg {
  fill: var(--tc-primary-500);
  transition: 0.3s linear;
}
.card-service-6 .card-info h3 {
  margin-bottom: 20px;
}
.card-service-6 .card-info p {
  margin-bottom: 20px;
}
.card-service-6 .card-info .readmore {
  color: var(--tc-dark-950);
}
.card-service-6 .card-info .readmore svg {
  stroke: var(--tc-dark-950);
  margin-left: 10px;
}
.card-service-6 .card-info .readmore:hover {
  color: var(--tc-primary-500);
}
.card-service-6 .card-info .readmore:hover svg {
  stroke: var(--tc-primary-500);
}

.card-work-process {
  text-align: center;
}
.card-work-process .card-image {
  height: 250px;
  width: 250px;
  line-height: 240px;
  text-align: center;
  border: 1px solid var(--tc-theme-border-8);
  border-radius: 50%;
  margin: auto;
  margin-bottom: 20px;
  background-color: var(--tc-theme-main);
  position: relative;
}
.card-work-process .card-image .number {
  position: absolute;
  top: 25px;
  left: 10px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
  font-size: 24px;
  line-height: 38px;
  font-weight: bold;
  font-family: var(--tc-body-font-family);
}
.card-work-process .card-info {
  position: relative;
}

.card-project-3 {
  position: relative;
  margin-bottom: 70px;
}
.card-project-3 .card-image {
  position: relative;
}
.card-project-3 .card-image img {
  display: block;
  border-radius: 20px;
}
.card-project-3 .card-info {
  position: absolute;
  bottom: -40px;
  left: 0px;
  z-index: 2;
  background-color: var(--tc-theme-main);
  border-radius: 20px;
  padding: 25px 25px;
  box-shadow: var(--tc-shadow-1);
  border-bottom: 5px solid var(--tc-theme-main);
}
.card-project-3 .card-info h4 {
  margin-bottom: 5px;
}
.card-project-3 .card-info p {
  margin-bottom: 0px;
}
.card-project-3:hover .card-info {
  box-shadow: none;
  border-bottom: 5px solid var(--tc-primary-500);
}

.card-testimonial-9 .card-info .box-review-author {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
  padding-right: 120px;
}
.card-testimonial-9 .card-info .box-review-author::before {
  content: "";
  position: absolute;
  height: 78px;
  width: 78px;
  background-color: var(--tc-primary-500);
  border-radius: 50%;
  background-image: url(../imgs/pages/home9/quote.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: 0px;
  right: 0px;
  z-index: 1;
}
.card-testimonial-9 .card-info .box-review-author .review-author {
  background: none;
  margin-bottom: 0px;
  margin-bottom: 30px;
}
.card-testimonial-9 .card-info .box-review-author .review-rate {
  margin-bottom: 30px;
}

.card-project-4 {
  position: relative;
  overflow: hidden;
}
.card-project-4 .card-image {
  position: relative;
}
.card-project-4 .card-image img {
  width: 100%;
}
.card-project-4 .card-info {
  position: absolute;
  left: 0px;
  bottom: -100%;
  z-index: 2;
  background-color: var(--tc-theme-main);
  padding: 30px;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.card-project-4 .card-info .link-more {
  position: absolute;
  top: -30px;
  right: 30px;
  width: 53px;
  height: 52px;
  background-color: var(--tc-secondery-500);
  text-align: center;
  line-height: 50px;
  border-radius: 10px;
}
.card-project-4 .card-info .link-more svg {
  stroke: var(--tc-theme-main);
}
.card-project-4 .card-info .link-more:hover {
  background-color: var(--tc-primary-500);
}
.card-project-4:hover .card-info {
  bottom: 0px;
}

.card-case-study-2 {
  position: relative;
}
.card-case-study-2 .card-image {
  overflow: hidden;
  border-radius: 20px;
}
.card-case-study-2 .card-image img {
  display: block;
  width: 100%;
}
.card-case-study-2 .card-info {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 24px;
  background: url(../imgs/pages/home11/bg-trans.png) no-repeat;
  background-size: cover;
  z-index: 12;
  border-radius: 0px 0px 20px 20px;
  text-align: center;
}
.card-case-study-2 .card-info a * {
  color: var(--tc-dark-950);
}
.card-case-study-2 .card-info a:hover * {
  color: var(--tc-theme-main);
}
.card-case-study-2:hover .card-info {
  background: var(--tc-dark-950);
  border-bottom: 4px solid var(--tc-primary-1300);
}
.card-case-study-2:hover .card-info a * {
  color: var(--tc-theme-main);
}

.card-export-people {
  border-radius: 20px;
  position: relative;
  background-color: var(--tc-theme-bg-10);
}
.card-export-people .card-image {
  position: relative;
  background: url(../imgs/pages/home11/bg-export.png) no-repeat top left;
}
.card-export-people .card-image .image-inner {
  display: inline-block;
  width: 100%;
  padding: 20px 20px 0px 58px;
}
.card-export-people .card-image .image-inner img {
  width: auto;
  display: block;
  border-bottom-right-radius: 120px;
  height: 300px;
}
.card-export-people .card-image .share {
  height: 50px;
  width: 50px;
  line-height: 46px;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 12;
  background-color: var(--tc-theme-main);
}
.card-export-people .card-image .share svg {
  stroke: var(--tc-primary-500);
}
.card-export-people .card-info {
  padding: 20px 30px;
}
.card-export-people .card-info p {
  margin: 0px;
  color: #31b978;
}
.card-export-people:hover .card-image {
  background: url(../imgs/pages/home11/bg-export-active.png) no-repeat top left;
}

.card-service-7 {
  border: 1px solid var(--tc-theme-primary);
  border-radius: 20px;
  padding: 35px;
  background-color: var(--tc-theme-main);
  margin-bottom: 30px;
  transition-duration: 0.4s;
}
.card-service-7 .card-image {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(169, 169, 169, 0.1176470588);
  line-height: 76px;
  text-align: center;
  border: 1px solid var(--tc-theme-primary);
  margin-bottom: 20px;
  background-color: var(--tc-theme-main);
  transition-duration: 0.4s;
}
.card-service-7 .card-image svg {
  fill: var(--tc-primary);
  transition-duration: 0.4s;
}
.card-service-7 .card-info h3 {
  margin-bottom: 20px;
  transition-duration: 0.4s;
}
.card-service-7 .card-info p {
  margin-bottom: 40px;
  transition-duration: 0.4s;
}
.card-service-7 .card-info .btn {
  border-color: var(--tc-theme-primary);
  background-color: var(--tc-theme-main);
  transition-duration: 0.4s;
}
.card-service-7:hover {
  background-image: url(../imgs/pages/home12/service2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition-duration: 0.4s;
}
.card-service-7:hover .card-image {
  background-color: var(--tc-primary-home);
  border: 2px solid var(--tc-theme-main);
  transition-duration: 0.4s;
}
.card-service-7:hover .card-image svg {
  fill: var(--tc-theme-main);
  transition-duration: 0.4s;
}
.card-service-7:hover .card-info h3 {
  transition-duration: 0.4s;
  color: #fff;
}
.card-service-7:hover .card-info p {
  transition-duration: 0.4s;
  color: #fff;
}
.card-service-7:hover .card-info .btn {
  border-color: var(--tc-theme-main);
  transition-duration: 0.4s;
}

.card-case-study-3 {
  position: relative;
}
.card-case-study-3 .card-image {
  position: relative;
}
.card-case-study-3 .card-image img {
  width: 100%;
  display: block;
}
.card-case-study-3 .card-info {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 30px;
  background-color: rgba(23, 23, 23, 0.8705882353);
  align-items: center;
  display: none;
}
.card-case-study-3 .card-info * {
  color: var(--tc-theme-main);
}
.card-case-study-3 .card-info p {
  margin-bottom: 0px;
}
.card-case-study-3 .card-info .card-info-left {
  width: 100%;
}
.card-case-study-3 .card-info .card-info-right {
  min-width: 50px;
}
.card-case-study-3 .card-info .card-info-right a {
  display: inline-block;
  height: 50px;
  width: 50px;
  background-color: var(--tc-theme-main);
  border-radius: 5px;
  text-align: center;
  line-height: 48px;
}
.card-case-study-3:hover .card-info {
  display: flex;
}

.card-pricing-4 {
  background-color: var(--tc-theme-main);
  padding: 40px;
  border-radius: 5px;
  box-shadow: var(--tc-shadow-1);
  margin-bottom: 30px;
}
.card-pricing-4 .top-pricing {
  border-bottom: 1px solid var(--tc-graay-50);
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.card-pricing-4 .top-pricing .pricing-price {
  padding-left: 0px;
  display: flex;
  align-items: flex-end;
}
.card-pricing-4 .top-pricing .pricing-price p {
  margin-bottom: 0px;
  margin-left: 10px;
  text-transform: uppercase;
}
.card-pricing-4 .bottom-pricing .list-ticked {
  max-width: 100%;
  margin-bottom: 40px;
}
.card-pricing-4 .bottom-pricing .list-ticked li {
  padding-left: 0px;
  padding-right: 35px;
  font-size: 20px;
  margin-bottom: 15px;
  line-height: 30px;
  font-weight: 400;
  font-family: var(--tc-ag-font-family);
  color: var(--tc-dark-950);
  background-image: url(../imgs/pages/home12/tick.png);
  background-position: right center;
  background-repeat: no-repeat;
}
.card-pricing-4 .bottom-pricing .list-ticked li.not-ticked {
  background-image: url(../imgs/pages/home12/not-tick.png);
}
.card-pricing-4 .bottom-pricing .card-button .btn-border-950 {
  border: 1px solid var(--tc-primary-home);
  color: var(--tc-primary-home);
}
.card-pricing-4 .bottom-pricing .card-button .btn-border-950:hover {
  background-color: var(--tc-primary-home);
  color: var(--tc-theme-main);
}

.card-contact {
  position: relative;
  padding: 40px;
}
.card-contact .card-image {
  margin-bottom: 20px;
}
.card-contact .card-image svg {
  fill: var(--tc-primary-home);
  transition: 0.3s linear;
}
.card-contact .card-info h6 {
  margin-bottom: 20px;
}
.card-contact .card-info a {
  color: var(--tc-dark-950);
}
.card-contact .card-info a svg {
  margin-left: 5px;
  fill: var(--tc-dark-950);
}
.card-contact:hover {
  background-color: var(--tc-primary-home);
}
.card-contact:hover .card-image svg {
  fill: var(--tc-theme-main);
  transform: rotateY(180deg);
  transition: 0.3s linear;
}
.card-contact:hover .card-info * {
  color: var(--tc-theme-main);
}
.card-contact:hover .card-info a {
  color: var(--tc-theme-main);
}
.card-contact:hover .card-info a svg {
  fill: var(--tc-theme-main);
}

.card-project.card-project-5 {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.card-project.card-project-5 .card-image {
  position: relative;
  margin-bottom: 0px;
}
.card-project.card-project-5 .card-info {
  position: absolute;
  background-image: linear-gradient(to right, #1ab69d, #31b978);
  border-radius: 8px;
  padding: 20px;
  z-index: 2;
  bottom: -110%;
  left: 20px;
  right: 20px;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.card-project.card-project-5 .card-info h6 {
  color: var(--tc-theme-main);
}
.card-project.card-project-5 .card-info a:hover h6 {
  color: var(--tc-primary-home) !important;
}
.card-project.card-project-5 .card-info .card-info-right a {
  display: inline-block;
  width: 58px;
  height: 60px;
  text-align: center;
  line-height: 56px;
  background-color: var(--tc-theme-main);
  border-radius: 4px;
}
.card-project.card-project-5 .card-info .card-info-right a svg {
  fill: var(--tc-primary-950);
}
.card-project.card-project-5 .card-info .card-info-right a:hover {
  background-color: var(--tc-primary-500);
}
.card-project.card-project-5 .card-info .card-info-right a:hover svg {
  fill: var(--tc-theme-main);
}
.card-project.card-project-5:hover {
  top: 0px;
}
.card-project.card-project-5:hover .card-info {
  bottom: 20px;
}

.card-finance {
  display: flex;
  margin-bottom: 20px;
  border: 1px solid var(--tc-theme-border-15);
  border-radius: 6px;
  padding: 28px;
  box-shadow: var(--tc-shadow-1);
}
.card-finance .card-icon {
  min-width: 36px;
  margin-right: 10px;
}
.card-finance .card-info h4 {
  margin-bottom: 5px;
}
.card-finance .card-info p {
  margin-bottom: 0px;
}
.card-finance.card-finance-2 {
  border-radius: 10px;
  background-color: #f4f4ff;
  box-shadow: none;
}
.card-finance.card-finance-2 .card-icon {
  min-width: 60px;
  margin-right: 20px;
}

.card-news {
  position: relative;
  margin-bottom: 25px;
}
.card-news .card-image {
  position: relative;
}
.card-news .card-image img {
  display: block;
  width: 100%;
  border-radius: 8px 8px 0 0;
  margin: 0px;
}
.card-news .card-info {
  padding: 30px 23px;
  position: relative;
  box-shadow: var(--tc-shadow-1);
}
.card-news .card-info p {
  margin-bottom: 0px !important;
}
.card-news .card-info a {
  color: var(--tc-neutral-2700);
}
.card-news .card-info a:hover {
  color: var(--tc-primary-500);
}

.card-project-6 .card-image img {
  width: 100%;
}
.card-project-6 .card-info {
  max-width: 80%;
  width: 100%;
  border-radius: 0px 20px 20px 20px;
  background-color: var(--tc-neutral-1200);
  border-left: 2px solid var(--tc-primary-1400);
  border-bottom: 0px;
}
.card-project-6 .card-info * {
  color: var(--tc-theme-main);
}
.card-project-6:hover .card-info {
  border-bottom: 0px;
}

.card-testimonials-10 {
  border: 0px;
  border-radius: 20px;
  box-shadow: var(--tc-shadow-1);
  padding: 40px;
  position: relative;
}
.card-testimonials-10::before {
  content: "";
  height: 6px;
  max-width: 381px;
  background-color: var(--tc-primary-500);
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  border-radius: 20px;
}
.card-testimonials-10 .card-author .author-image {
  border: 0px;
}
.card-testimonials-10 .card-author .author-info {
  background: url(../imgs/pages/home13/quote.png) no-repeat right center;
}
.card-testimonials-10:hover {
  background-color: transparent;
}
.card-testimonials-10:hover .comment-text {
  color: var(--tc-dark-950);
}
.card-testimonials-10:hover .card-author .author-info {
  background: url(../imgs/pages/home13/quote.png) no-repeat right center;
}

.card-blog-13 {
  background-color: var(--tc-primary-50);
  border-radius: 5px;
  padding: 40px;
}
.card-blog-13 .card-info .card-date {
  display: inline-block;
  padding: 1px 20px;
  border-radius: 5px;
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  font-family: var(--tc-body-font-family);
  text-transform: uppercase;
}
.card-blog-13 .card-info .card-date svg {
  margin-top: -2px;
  margin-right: 5px;
}
.card-blog-13 .card-info .card-meta,
.card-blog-13 .card-info .card-title {
  padding: 0px;
}
.card-blog-13 .card-info .card-title {
  padding-top: 20px;
  padding-bottom: 30px;
}
.card-blog-13 .card-info .card-title .link-title {
  margin-bottom: 25px;
}
.card-blog-13 .card-info .card-title .link-title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
  text-decoration: underline;
  text-transform: none;
}
.card-blog-13 .card-info .card-title .link-readmore {
  text-transform: none;
}
.card-blog-13 .card-image img {
  display: block;
  width: 100%;
  border-radius: 5px;
}

.card-project-7 {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.card-project-7 .card-image {
  width: 100%;
}
.card-project-7 .card-image img {
  display: block;
  width: 100%;
}
.card-project-7 .card-info {
  position: absolute;
  bottom: -100%;
  padding: 40px;
  background-color: var(--tc-theme-main);
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.card-project-7 .card-info .heading-3xl {
  font-weight: 600;
  color: var(--tc-primary-500);
}
.card-project-7 .card-info .read-more {
  position: absolute;
  top: -26px;
  right: 30px;
  background-color: var(--tc-primary-500);
  height: 52px;
  width: 52px;
  text-align: center;
  line-height: 48px;
  bottom: auto;
  min-height: auto;
}
.card-project-7 .card-info .read-more svg {
  stroke: var(--tc-theme-main);
}
.card-project-7:hover .card-info {
  bottom: 0px;
}

.card-team-4 {
  position: relative;
  overflow: hidden;
}
.card-team-4 .card-social {
  position: absolute;
  top: 20px;
  left: auto;
  right: -100%;
  transition: all 0.3s ease-in-out;
  z-index: 12;
  padding: 0px;
  border: 0px solid var(--tc-theme-main);
  border-radius: 0px 0px 16px 0px;
  width: 32px;
}
.card-team-4 .card-social a.share {
  border-radius: 0px;
  background-image: none;
  margin: 0px;
  height: 32px;
  width: 32px;
  line-height: 28px;
  margin-bottom: 10px;
  border: 0px;
  background-color: var(--tc-theme-main);
}
.card-team-4 .card-social a.share svg {
  fill: var(--tc-primary-500);
}
.card-team-4 .card-image {
  padding: 0px;
  border-radius: 0px;
  margin-bottom: 0px;
}
.card-team-4 .card-image .card-image-inner {
  height: auto;
  width: 100%;
  border-radius: 0px;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}
.card-team-4 .card-image .card-image-inner img {
  display: block;
  width: 100%;
}
.card-team-4 .card-info {
  background-color: rgba(0, 4, 7, 0.5137254902);
  padding: 25px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 2;
}
.card-team-4 .card-info h6,
.card-team-4 .card-info p {
  color: var(--tc-theme-main);
}
.card-team-4 .card-info p {
  margin-bottom: 0px;
}
.card-team-4:hover .card-info {
  background-color: var(--tc-primary-500);
}
.card-team-4:hover .card-social {
  background-color: transparent;
  right: 30px;
}
.card-team-4:hover .card-social a.share {
  background-color: var(--tc-theme-main);
  background-image: none;
}
.card-team-4:hover .card-social a.share:hover {
  background-color: var(--tc-primary-500);
}
.card-team-4:hover .card-social a.share:hover svg {
  fill: var(--tc-theme-main);
}

.card-testimonials-11 {
  border-radius: 4px;
  background-color: rgba(217, 217, 217, 0.0901960784);
  padding: 30px;
  border: 1px solid var(--tc-theme-border-16);
}
.card-testimonials-11 .card-author {
  text-align: center;
  justify-content: center;
}
.card-testimonials-11 .card-author .author-image {
  height: 70px;
  width: 70px;
  line-height: 66px;
  min-width: 70px;
  border: 1px solid var(--tc-dark-950);
  display: inline-block;
}
.card-testimonials-11 .card-author-info {
  text-align: center;
}
.card-testimonials-11 .card-rate {
  position: relative;
  text-align: center;
  margin: 25px 0px 60px 0px;
}
.card-testimonials-11 .comment-text {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  color: rgba(1, 43, 67, 0.8901960784);
  font-family: var(--tc-body-font-family);
}
.card-testimonials-11:hover {
  border-color: var(--tc-primary-500);
  background-color: transparent;
}
.card-testimonials-11:hover .card-author .author-image {
  border-color: var(--tc-primary-500);
}
.card-testimonials-11:hover .comment-text {
  color: rgba(1, 43, 67, 0.8901960784);
}

.card-work-process-2 {
  border: 1px solid var(--tc-theme-main);
  border-radius: 8px;
  background-color: var(--tc-theme-main);
  padding: 30px;
  margin-bottom: 30px;
}
.card-work-process-2 .card-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.card-work-process-2 .card-icon .icon-left {
  max-width: 50%;
}
.card-work-process-2 .card-icon .icon-right {
  position: relative;
  font-size: 48px;
  line-height: 48px;
  color: hsla(206, 100%, 1%, 0.2);
  font-weight: 300;
  font-family: var(--tc-body-font-family);
}
.card-work-process-2 .card-icon svg {
  fill: var(--tc-primary-500);
  height: 60px;
}
.card-work-process-2 .card-info h4 {
  font-size: 30px;
  line-height: 35px;
  font-weight: 600;
  font-family: var(--tc-body-font-family);
  color: var(--tc-primary-500);
  margin-bottom: 15px;
}
.card-work-process-2 .card-info p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  font-family: var(--tc-body-font-family);
  color: rgba(0, 85, 255, 0.8156862745);
  margin-bottom: 30px;
}
.card-work-process-2 .card-info a {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
  color: rgba(0, 85, 255, 0.8156862745);
}
.card-work-process-2 .card-info a svg {
  fill: var(--tc-primary-500);
  margin-top: -2px;
  margin-left: 5px;
}
.card-work-process-2:hover {
  background-color: var(--tc-primary-500);
  border-color: var(--tc-primary-500);
}
.card-work-process-2:hover * {
  color: var(--tc-theme-main) !important;
}
.card-work-process-2:hover svg {
  fill: var(--tc-theme-main) !important;
}

.card-project-8 {
  position: relative;
  height: 440px;
  width: 100%;
  margin-bottom: 40px;
}
.card-project-8 .card-image {
  height: 440px;
  z-index: 1;
  position: relative;
  width: 100%;
  background: url(../imgs/pages/home15/project6.png) no-repeat center;
  background-size: cover;
}
.card-project-8 .card-info {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 25px;
  background: url(../imgs/pages/home15/trans.png) repeat-x top center;
  z-index: 12;
  background-size: cover;
}

.card-pricing-5 {
  border-radius: 50px;
  border: 1px solid rgba(0, 4, 7, 0.3019607843);
  background-color: transparent;
  text-align: center;
}
.card-pricing-5 .top-pricing {
  border-bottom: 0px;
  padding-bottom: 0px;
}
.card-pricing-5 .top-pricing .pricing-icon {
  margin-bottom: 30px;
}
.card-pricing-5 .top-pricing .pricing-icon svg {
  fill: var(--tc-secondery-500);
}
.card-pricing-5 .top-pricing .pricing-price {
  justify-content: center;
}
.card-pricing-5 .top-pricing .pricing-price .heading-xl {
  line-height: 36px;
}
.card-pricing-5 .top-pricing .pricing-price p {
  margin-left: 0px;
  text-transform: none;
}
.card-pricing-5 .top-pricing .pricing-price .currency-symbol {
  position: relative;
  top: -12px;
  left: -2px;
}
.card-pricing-5 .bottom-pricing {
  text-align: center;
}
.card-pricing-5 .bottom-pricing .list-ticked {
  max-width: 190px;
  width: 100%;
  text-align: left;
}
.card-pricing-5 .bottom-pricing .list-ticked li {
  background-image: none;
  padding-right: 0px;
  display: flex;
  align-items: center;
}
.card-pricing-5 .bottom-pricing .list-ticked li svg {
  margin-right: 8px;
  fill: var(--tc-secondery-500);
}
.card-pricing-5 .bottom-pricing .card-button .btn-border-950 {
  border-radius: 999px;
  border: 1px solid var(--tc-secondery-500);
  color: var(--tc-secondery-500);
}
.card-pricing-5 .bottom-pricing .card-button .btn-border-950 svg {
  stroke: var(--tc-secondery-500);
  margin: -2px 0px 0px 5px;
}
.card-pricing-5 .bottom-pricing .card-button .btn-border-950:hover {
  background-color: var(--tc-dark-950);
  color: var(--tc-theme-main);
}
.card-pricing-5 .bottom-pricing .card-button .btn-border-950:hover svg {
  stroke: var(--tc-theme-main);
}
.card-pricing-5:hover {
  background-color: var(--tc-primary-500);
}
.card-pricing-5:hover .top-pricing .pricing-icon svg {
  fill: var(--tc-theme-main);
}
.card-pricing-5:hover .bottom-pricing .card-button .btn-border-950 {
  background-color: var(--tc-dark-950);
  color: var(--tc-theme-main);
}
.card-pricing-5:hover .bottom-pricing .card-button .btn-border-950 svg {
  stroke: var(--tc-theme-main);
}
.card-pricing-5:hover * {
  color: var(--tc-theme-main) !important;
}
.card-pricing-5:hover .bottom-pricing ul li svg {
  fill: var(--tc-theme-main);
}

.card-testimonials-12 {
  display: flex;
  align-items: center;
  border: 0px;
  padding: 0px;
  background-color: transparent !important;
}
.card-testimonials-12 .card-image {
  min-width: 450px;
  position: relative;
  padding-right: 50px;
  padding-left: 30px;
  padding-bottom: 30px;
}
.card-testimonials-12 .card-image::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  top: 30px;
  right: 80px;
  background-color: var(--tc-primary-500);
  z-index: 1;
}
.card-testimonials-12 .card-image::after {
  content: "";
  position: absolute;
  top: -40px;
  right: 0px;
  height: 100px;
  width: 100px;
  background: url(../imgs/pages/home15/snow.png) no-repeat center;
  z-index: 1;
}
.card-testimonials-12 .card-image img {
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
  background-color: var(--tc-secondery-600);
}
.card-testimonials-12 .card-info {
  padding: 58px 0px 0px 58px;
  background: url(../imgs/pages/home15/quote.png) no-repeat top left;
}
.card-testimonials-12 .card-info .comment-text {
  margin-bottom: 30px;
}
.card-testimonials-12 .card-info .rating {
  margin-bottom: 40px;
}
.card-testimonials-12 .card-info .card-author .author-info {
  background-image: none;
  padding-right: 0px;
}

.card-team-5 {
  padding-left: 50px;
  position: relative;
  overflow: hidden;
}
.card-team-5 .card-social {
  width: 50px;
  display: block;
  border-color: var(--tc-primary-500);
  border-radius: 20px 0px 0px 20px;
}
.card-team-5 .card-social a {
  background-image: none !important;
  display: inline-block;
  margin-bottom: 15px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  line-height: 26px;
  border: 1px solid var(--tc-primary-500);
}
.card-team-5 .card-social a svg {
  fill: var(--tc-secondery-500);
}
.card-team-5 .card-social a:last-child {
  margin-bottom: 5px;
}
.card-team-5 .card-image {
  position: relative;
  border-radius: 0px 20px 20px 20px;
  padding: 0px;
}
.card-team-5 .card-image .card-image-inner {
  width: 100%;
  height: auto;
  border-radius: 0px;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
}
.card-team-5 .card-info {
  position: absolute;
  bottom: 40px;
  width: 100%;
  right: -100%;
  padding: 40px;
  text-align: center;
  border-radius: 20px 0px 0px 20px;
  background-color: var(--tc-primary-500);
  transition: all 0.3s ease-in-out;
  z-index: 12;
}
.card-team-5 .card-info *,
.card-team-5 .card-info h6 {
  color: var(--tc-theme-main);
}
.card-team-5:hover .card-info {
  right: 0px;
}

.card-blog-14 {
  border: 0px;
}
.card-blog-14 .card-image {
  position: relative;
}
.card-blog-14 .card-image .post-cat {
  padding: 15px 20px;
  position: absolute;
  bottom: -30px;
  left: 0px;
  z-index: 2;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: var(--tc-theme-main);
  font-family: var(--tc-body-font-family);
  background-color: var(--tc-primary-500);
}
.card-blog-14 .card-info {
  padding: 37px 20px 20px 20px;
}
.card-blog-14 .card-info .card-meta {
  padding: 10px 0px;
  border-bottom: 0px;
}
.card-blog-14 .card-info .card-title {
  padding: 0px;
}
.card-blog-14 .card-info .card-title .link-title {
  font-size: 20px;
  line-height: 30px;
}
.card-blog-14 .card-info .card-title .box-link-bottom {
  border-top: 1px solid var(--tc-theme-border-3);
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 5px;
  min-height: 70px;
}
.card-blog-14 .card-info .card-title .box-link-bottom .link-readmore {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-transform: none;
  color: var(--tc-primary-500);
}
.card-blog-14 .card-info .card-title .box-link-bottom .link-readmore svg {
  stroke: var(--tc-dark-950);
}
.card-blog-14 .card-info .card-title .box-link-bottom .link-readmore:hover {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
}
.card-blog-14 .card-info .card-title .box-link-bottom .link-readmore:hover svg {
  stroke: var(--tc-primary-500);
}

.card-feature-2 {
  background-color: var(--tc-theme-main);
  box-shadow: var(--tc-shadow-1);
  padding: 20px 30px;
  margin-bottom: 30px;
}
.card-feature-2 .card-title-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.card-feature-2 .card-title-icon .card-icon svg {
  fill: var(--tc-secondery-500);
}
.card-feature-2 .card-title-icon .card-arrow svg {
  stroke: var(--tc-secondery-500);
}
.card-feature-2 .card-info * {
  color: var(--tc-secondery-500);
}
.card-feature-2 .card-info h3 {
  margin-bottom: 5px;
}
.card-feature-2 .card-info p {
  margin-bottom: 0px;
}
.card-feature-2:hover {
  background-color: var(--tc-primary-500);
}
.card-feature-2:hover .card-info * {
  color: var(--tc-theme-main);
}
.card-feature-2:hover .card-title-icon .card-icon svg {
  fill: var(--tc-theme-main);
}
.card-feature-2:hover .card-title-icon .card-arrow svg {
  stroke: var(--tc-theme-main);
}

ul .card-icon-left {
  display: flex;
  align-items: center;
}
ul .card-icon-left .card-icon {
  min-width: 64px;
  height: 64px;
  margin-right: 15px;
  width: 64px;
  border-radius: 50%;
  background-color: var(--tc-primary-500);
  text-align: center;
  line-height: 60px;
}
ul .card-icon-left .card-icon svg {
  fill: var(--tc-theme-main);
}

.card-work-process-3 {
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid var(--tc-theme-main);
  margin-bottom: 0px;
}
.card-work-process-3 .card-icon .icon-right {
  color: var(--tc-theme-main);
}
.card-work-process-3 .card-icon .icon-left svg {
  fill: var(--tc-theme-main);
  height: 60px;
}
.card-work-process-3 .card-info h4,
.card-work-process-3 .card-info p,
.card-work-process-3 .card-info a {
  color: var(--tc-theme-main);
}
.card-work-process-3 .card-info h4 svg,
.card-work-process-3 .card-info p svg,
.card-work-process-3 .card-info a svg {
  fill: var(--tc-theme-main);
}

.card-testimonials-13 {
  padding: 0px;
  border: 0px;
  background-color: transparent !important;
}
.card-testimonials-13 .card-author {
  display: flex;
  align-items: center;
}
.card-testimonials-13 .card-author .author-image {
  width: 90px;
  padding: 0px;
  border-radius: 0px;
  border: 0px;
}
.card-testimonials-13 .card-author .author-info {
  background-image: none;
  padding-right: 0px;
}
.card-testimonials-13 .card-info .comment-text {
  background: url(../imgs/pages/home16/quote.svg) no-repeat left center;
  padding-left: 110px;
  min-height: 90px;
  margin-bottom: 30px;
}

.card-pricing-6 {
  position: relative;
  border-radius: 8px;
  border: 1px solid rgba(0, 4, 7, 0.3019607843);
  padding: 0px;
  background-color: rgba(230, 238, 255, 0.3019607843);
  margin-bottom: 30px;
}
.card-pricing-6 .top-pricing {
  position: relative;
}
.card-pricing-6 .top-pricing .pricing-icon {
  height: 99px;
  width: 99px;
  border: 1px solid var(--tc-secondery-500);
  border-bottom-right-radius: 20px;
  border-left: 0px;
  border-top: 0px;
  line-height: 95px;
}
.card-pricing-6 .top-pricing .pricing-icon svg {
  height: 60px;
}
.card-pricing-6 .top-pricing .pricing-name {
  background-color: var(--tc-primary-50);
  padding: 24px 10px;
  margin-bottom: 20px;
}
.card-pricing-6 .top-pricing .pricing-price {
  margin-bottom: 20px;
}
.card-pricing-6 .bottom-pricing {
  padding-bottom: 40px;
}
.card-pricing-6 .bottom-pricing .card-button .btn-border-950 {
  border: 1px solid var(--tc-secondery-600);
  border-radius: 8px;
  text-transform: uppercase;
  max-width: 237px;
  width: 100%;
  padding: 12px 60px;
}
.card-pricing-6 * {
  color: var(--tc-dark-950);
}
.card-pricing-6:hover {
  background-color: var(--tc-primary-50);
}
.card-pricing-6:hover .top-pricing .pricing-name {
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
}
.card-pricing-6:hover .top-pricing .pricing-name h6 {
  color: var(--tc-theme-main) !important;
}
.card-pricing-6:hover .top-pricing .pricing-icon {
  background-color: var(--tc-primary-500);
}
.card-pricing-6:hover * {
  color: var(--tc-dark-950) !important;
}
.card-pricing-6:hover .bottom-pricing ul li svg {
  fill: var(--tc-dark-950) !important;
}
.card-pricing-6:hover .bottom-pricing .card-button .btn-border-950 {
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main) !important;
  border-color: var(--tc-primary-500);
}

.card-project-9 {
  position: relative;
  overflow: hidden;
}
.card-project-9 .card-image {
  position: relative;
}
.card-project-9 .card-image img {
  width: 100%;
  display: block;
}
.card-project-9 .card-info {
  position: absolute;
  top: 0px;
  left: auto;
  transition: all 0.3s ease-in-out;
  top: 0px;
  bottom: 0px;
  right: -100%;
  padding: 20px;
  width: 100%;
  background: url(../imgs/pages/home2/mask.png) no-repeat top left;
}
.card-project-9 .card-info a {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: flex-end;
  vertical-align: bottom;
  color: var(--tc-theme-main);
}
.card-project-9:hover .card-info {
  right: 0px;
}

.accordions-icon > a:before {
  font-family: bootstrap-icons;
  content: "\f2ea";
  padding-right: 16px;
  font-size: 20px;
}

.accordions-icon > a.collapsed:before {
  content: "\f4fe";
}

.chevron-arrow {
  display: inline-block;
  transition: 0.5s ease-in-out;
}

[aria-expanded=true] .chevron-arrow {
  transform: rotate(-180deg);
}

.dropdown-menu {
  line-height: 1.5rem;
  border: none;
  box-shadow: var(--tc-shadow-1);
  border-radius: 0.5rem;
  z-index: 1021;
  padding: 1rem 0rem;
}

.dropdown-header {
  color: var(--tc-neutral-800);
  padding: 0.25rem 1.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.75rem;
  font-weight: 700;
}

.dropdown-text {
  padding: 0.25rem 1.2rem;
  color: var(--tc-neutral-500);
  font-size: 0.75rem;
  line-height: 1.4;
}

.dropdown-item {
  padding: 0.4rem 1.5rem;
  display: flex;
  align-items: center;
  font-weight: 500;
  transition-duration: 0.3s;
  position: relative;
}
.dropdown-item:hover {
  padding-left: 1.7rem;
  transition-duration: 0.3s;
  background: transparent;
}
.dropdown-item:hover::before {
  opacity: 1;
  transition-duration: 0.3s;
}
.dropdown-item::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background: var(--tc-theme-primary);
  left: 1.1rem;
  top: 50%;
  margin-top: -2px;
  opacity: 0;
  transition-duration: 0.3s;
}

.dropdown-menu-xs {
  min-width: 8rem !important;
  border-radius: 0.5rem;
}

.dropdown-menu-md {
  min-width: 17rem !important;
  border-radius: 0.5rem;
}

.dropdown-menu-lg {
  min-width: 22rem !important;
  border-radius: 0.5rem;
}

.dropdown-menu-xl {
  min-width: 24rem !important;
  border-radius: 0.5rem;
}

.dropdown-menu-xxl {
  min-width: 40rem !important;
  border-radius: 0.5rem;
}

.dropdown-mega-menu {
  min-width: 1140px !important;
  border-radius: 0.5rem;
}

.dropdown-toggle::after {
  margin-left: 0.255em;
  vertical-align: 0.255em;
  font-family: "bootstrap-icons" !important;
  content: "\f282";
  border-top: 0rem;
  border-right: 0rem;
  border-bottom: 0;
  border-left: 0rem;
  float: right;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  font-family: "bootstrap-icons" !important;
  content: "\e931";
  border-top: 0rem;
  border-right: 0rem;
  border-bottom: 0;
  border-left: 0rem;
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  font-family: "Feather" !important;
  content: "\e930";
  border-top: 0rem;
  border-right: 0rem;
  border-bottom: 0;
  border-left: 0rem;
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  font-family: "Feather" !important;
  content: "\e92f";
  border-top: 0rem;
  border-right: 0rem;
  border-bottom: 0;
  border-left: 0rem;
}

.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  z-index: 12345667;
  background-color: rgba(0, 0, 0, 0.6784313725) !important;
}

/* The content */
.overlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

/* Close button */
.overlay .closebtn {
  position: absolute;
  top: -60px;
  right: 0;
  font-size: 24px;
  cursor: pointer;
  color: white;
}

.overlay .closebtn:hover {
  color: #ccc;
}

/* Style the search field */
.overlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  background: white;
  height: 58px;
}

.overlay input[type=text]:hover {
  background: #f1f1f1;
}

/* Style the submit button */
.overlay button {
  float: left;
  width: 20%;
  padding: 15px;
  background: var(--tc-primary-500);
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
  background: #bbb;
}

.offCanvas__info {
  background: var(--tc-neutral-0) none repeat scroll 0 0;
  height: 100%;
  padding: 30px;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  width: 340px;
  z-index: 9999;
  overflow-y: scroll;
  transform: translateX(100%);
}
.offCanvas__info.active {
  transform: translateX(0);
}
.offCanvas__info::-webkit-scrollbar {
  width: 0px;
}
.offCanvas__info .box-socials a {
  display: inline-block;
  margin-left: 10px;
}
.offCanvas__info .box-socials a:first-child {
  margin-left: 0px;
}
.offCanvas__info .box-socials a svg {
  fill: var(--tc-theme-primary);
  max-height: 24px;
}
.offCanvas__info .side-gallery img {
  max-width: 85px;
  filter: grayscale(30%);
}
.offCanvas__info .side-gallery img:hover {
  filter: grayscale(0);
}
.offCanvas__info .side-gallery .grid-items {
  display: grid;
  grid: 85px/auto auto auto;
  grid-template-columns: auto auto auto;
  grid-gap: 12px;
  grid-template-columns: 85px 85px 85px;
  overflow: hidden;
}
.offCanvas__close-icon {
  margin-top: -16px;
  text-align: right;
  position: relative;
}
.offCanvas__close-icon button {
  background: transparent;
  border: 0 none;
  color: var(--tc-theme-primary);
  cursor: pointer;
  font-size: 20px;
  padding: 0;
  position: absolute;
  top: 5px;
  right: 0px;
}
.offCanvas__close-icon button svg {
  height: 20px;
  width: 20px;
}
.offCanvas__logo img {
  max-height: 34px;
}
.offCanvas__side-info {
  border-top: 1px solid var(--tc-theme-primary);
  padding-top: 25px;
}
.offCanvas__side-info .contact-list h4 {
  color: var(--tc-theme-heading);
  font-weight: 700;
  font-size: 18px;
}
.offCanvas__side-info .contact-list p {
  color: var(--tc-theme-body);
  margin: 0;
  margin-bottom: 2px;
  line-height: 26px;
}
.offCanvas__side-info .dropdown-menu {
  box-shadow: none !important;
}
.offCanvas__social-icon a {
  color: var(--tg-theme-primary);
  display: inline-block;
  margin-right: 20px;
  text-align: center;
}
.offCanvas__social-icon a:hover {
  color: var(--tc-theme-secondary);
}
.offCanvas__overly {
  position: fixed;
  background: #000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1235;
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.3s;
}
.offCanvas__overly.active {
  opacity: 0.7;
  visibility: visible;
  transition-duration: 0.3s;
}

.zoom-img img {
  transform: scale(1);
  transition: filter 0.3s ease-in-out, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.zoom-img:hover img {
  transform: scale(1.05);
}

.navbar {
  padding: 0.5rem;
  background-color: var(--tc-bg-1);
}
@media (max-width: 990px) {
  .navbar {
    padding: 0.75rem 0.5rem;
  }
}
.navbar .navbar-brand {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.navbar .navbar-toggler {
  border: 2px solid var(--tc-neutral-900);
  padding: 0.25rem 0.5rem;
  font-size: 1.5rem;
  color: var(--tc-neutral-900);
}
.navbar .navbar-toggler:focus {
  outline: 0rem;
  box-shadow: none;
}
.navbar .dropdown .dropdown-toggle:after {
  color: var(--tc-neutral-1000);
  font-family: "bootstrap-icons" !important;
  content: "\f282";
  line-height: 1.5rem;
  margin-left: 0.625rem;
}
.navbar .dropdown .dropdown-toggle:after:hover {
  transform: rotate(180deg);
}
.navbar .dropdown-menu {
  top: 100%;
  color: var(--tc-neutral-800);
  border: none;
  min-width: 12rem;
  box-shadow: var(--tc-shadow-1);
  border-radius: 0.5rem;
  margin-top: 0rem;
}
@media (max-width: 992px) {
  .navbar .dropdown-menu {
    box-shadow: none;
    min-width: 0 !important;
    background-color: transparent;
  }
}
.navbar .dropdown-menu .dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 1rem;
}
.navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-menu {
  top: -18px;
  right: auto;
  left: 100%;
  box-shadow: var(--tc-shadow-1);
  min-width: 12rem;
  border-radius: 0.5rem;
}
@media (max-width: 992px) {
  .navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-menu {
    box-shadow: none;
  }
}
.navbar .dropdown-fullwidth {
  position: static;
}
.navbar .dropdown-fullwidth .dropdown-menu {
  left: 0 !important;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1140px;
  right: 0 !important;
  top: 100%;
  transform: none !important;
}
@media (min-width: 990px) {
  .navbar .navbar-nav .dropdown > .dropdown-menu {
    left: 0;
    transform: translate(0%, 20px);
  }
}
.navbar .navbar-nav .dropend > .dropdown-menu {
  transform: translateY(10px);
}
.navbar .navbar-nav .nav-item.menu-item-has-children {
  position: relative;
}
.navbar .navbar-nav .nav-item.menu-item-has-children .nav-link {
  padding: 0.5rem 2rem 0.5rem 1rem;
}
.navbar .navbar-nav .nav-item.menu-item-has-children .nav-link::after {
  content: "";
  position: absolute;
  top: 13px;
  right: 12px;
  color: var(--tc-theme-primary);
  background-image: url(../imgs/template/icons/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 12px;
  width: 12px;
}
.navbar .navbar-nav .nav-item.menu-item-has-children .nav-link::before {
  content: "";
  position: absolute;
  top: 0;
  right: -15px;
  height: 80px;
  width: 100px;
}
.navbar .navbar-nav .nav-item .nav-link {
  font-size: 0.9375rem;
  color: var(--tc-neutral-1000);
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
}
@media (max-width: 992px) {
  .navbar .navbar-nav .nav-item .nav-link {
    padding: 0.75rem 0rem !important;
    border-bottom: 1px solid var(--tc-neutral-200);
    border-radius: 0rem;
  }
  .navbar .navbar-nav .nav-item .nav-link:hover {
    color: var(--tc-neutral-900);
    background-color: transparent !important;
  }
}
.navbar .navbar-nav .nav-item .nav-link:focus-visible {
  box-shadow: none;
}
.navbar .navbar-nav .nav-item .nav-link:hover {
  color: var(--tc-theme-primary);
}
.navbar .navbar-nav .nav-item .nav-link.active {
  color: var(--tc-theme-primary);
}

@media (min-width: 1200px) {
  .navbar .dropdown-menu.show {
    display: none;
  }
  .navbar .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: translate(-50%);
  }
  .navbar .dropdown .mega-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    min-width: 400px;
    background-color: var(--tc-theme-main);
    border-radius: 8px;
  }
  .navbar .dropdown .mega-menu .dropdown-menu {
    display: block;
    opacity: 1;
    top: 0%;
    visibility: visible;
    position: relative;
    background-color: transparent;
    width: 100%;
    min-width: auto;
    left: auto;
    box-shadow: none;
    transform: translate(0px);
  }
  .navbar .dropdown .mega-menu .dropdown-menu .dropdown-item {
    padding: 0.4rem 1.5rem;
    transition-duration: 0.3s;
  }
  .navbar .dropdown .mega-menu .dropdown-menu .dropdown-item:hover {
    padding-left: 1.7rem;
    transition-duration: 0.3s;
  }
  .navbar .dropdown:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }
  .navbar .dropdown:hover .mega-menu {
    display: block;
    transform: translate(0%, 20px);
  }
  .navbar .dropdown-submenu:hover > .dropdown-menu {
    transform: translateY(10px);
    opacity: 1;
    visibility: visible;
  }
}
.navbar-dark {
  transition: all 0.3s ease-in-out;
}
.navbar-dark .navbar-brand {
  filter: brightness(0) invert(1);
}
.navbar-dark .navbar-nav .nav-link {
  color: var(--tc-neutral-300) !important;
}
@media (max-width: 990px) {
  .navbar-dark .navbar-nav .nav-link {
    color: var(--tc-neutral-1000) !important;
  }
}
.navbar-dark .navbar-nav .dropdown .dropdown-toggle:after {
  color: var(--tc-neutral-300);
}
@media (max-width: 990px) {
  .navbar-dark .navbar-nav .dropdown .dropdown-toggle:after {
    color: var(--tc-neutral-1000) !important;
  }
}

.navbar-light {
  border-bottom: 0px solid var(--tc-neutral-100);
}
.navbar-light .navbar-nav .nav-item .nav-link {
  color: var(--tc-neutral-0);
  font-weight: 500;
}
.navbar-light .navbar-nav .nav-item .nav-link:hover, .navbar-light .navbar-nav .nav-item .nav-link.active {
  color: var(--tc-neutral-100);
  background-color: var(--tc-neutral-500);
}

.navbar-transparent {
  background-color: transparent;
  position: absolute;
  width: 100%;
  z-index: 1009;
  left: 0;
  right: 0;
  box-shadow: none;
}
.navbar-transparent .navbar-toggler {
  border-color: var(--tc-neutral-0);
  color: var(--tc-neutral-0);
}

@media (max-width: 990px) {
  .navbar-transparent.navbar-clone .navbar-brand {
    filter: brightness(0) invert(1);
  }
  .navbar-transparent.navbar-clone .navbar-toggler {
    border-color: var(--tc-neutral-1000);
    color: var(--tc-neutral-1000);
  }
  .navbar-transparent.navbar-stick .navbar-brand {
    filter: brightness(1) invert(0);
  }
}
.navbar-clone {
  position: fixed !important;
  z-index: 1008;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  transition: all 300ms ease-in-out;
  box-shadow: none;
}

.navbar-stick {
  transform: translateY(0%);
  border-bottom: 0px solid var(--tc-neutral-100);
  z-index: 1234;
}
.navbar-stick:not(.navbar-dark).navbar-brand {
  filter: brightness(0) invert(1);
}
.navbar-stick .container-topbar {
  display: none !important;
}

.header-style-2 .navbar-stick {
  left: 0px;
  background-color: var(--tc-neutral-1100) !important;
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
  transform: none;
}

.offcanvas {
  height: 100vh;
}

.navbar .dropdown-menu::before {
  content: "";
  position: absolute;
  bottom: calc(100% - 6px);
  left: 35px;
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  transform: rotate(45deg);
}
.navbar .mega-menu::before {
  content: "";
  position: absolute;
  bottom: calc(100% - 6px);
  left: 35px;
  border-top: 10px solid var(--tc-theme-main);
  border-right: 10px solid transparent;
  transform: rotate(45deg);
}
.navbar .mega-menu .dropdown-menu::before {
  content: none;
}

/*=============================
Preloader
===============================*/
#preloader {
  height: 100%;
  width: 100%;
  position: fixed;
  margin-top: 0px;
  top: 0px;
  z-index: 9999;
  background-color: #fff;
}
#preloader .loader .loader-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border: 3px solid #fdf2f9;
  border-radius: 50%;
}
#preloader .loader .loader-container::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border-top: 3px solid var(--tc-theme-primary);
  border-radius: 50%;
  animation: loaderspin 1.8s infinite ease-in-out;
  -webkit-animation: loaderspin 1.8s infinite ease-in-out;
}
#preloader .loader .loader-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  text-align: center;
}
#preloader .loader .loader-icon img {
  animation: loaderpulse alternate 900ms infinite;
  width: 40px;
}
#preloader.black-bg .loader-container, #preloader.black2-bg .loader-container {
  border: 3px solid #1a1a1a;
}
#preloader.black-bg .loader-icon, #preloader.black2-bg .loader-icon {
  filter: brightness(99) grayscale(9);
}

@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.address,
.email,
.phone {
  color: var(--tc-theme-main);
  display: flex;
  align-items: center;
  padding-right: 40px;
}
.address svg,
.email svg,
.phone svg {
  margin-right: 8px;
  fill: var(--tc-theme-main);
}

header {
  position: relative;
  z-index: 1200;
}

.box-header {
  display: flex;
  align-items: center;
  background-color: var(--tc-neutral-1100);
  background-image: url(../imgs/template/icons/bg-header-left.png);
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.box-header .box-header-left {
  width: 100%;
  min-width: 215px;
  text-align: center;
  max-width: 216px;
}
.box-header .box-header-right {
  width: 100%;
}

.header-style-2 .navbar,
.header-style-2 .top-bar {
  background-color: transparent;
}
.header-style-2 .top-bar {
  padding: 0px;
}
.header-style-2 .top-bar .container-fluid {
  padding: 0px;
}
.header-style-2 .top-bar .py-2 {
  padding: 0px !important;
}
.header-style-2 .btn-menu {
  margin-right: 10px;
}

.header-style-3 .btn-menu {
  margin-right: 0px;
  height: 54px;
  width: 54px;
  border: 1px solid var(--tc-primary-home);
  border-radius: 50%;
  line-height: 54px;
  text-align: center;
}
.header-style-3 .navbar {
  background-color: var(--tc-theme-bg-1);
}
.header-style-3 .navbar .header-navar {
  background-color: var(--tc-dark-950);
  padding: 19px 20px;
  width: 100%;
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
}

.header-style-4 {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1234;
}
.header-style-4 .navbar {
  background-color: transparent;
  flex-wrap: wrap;
}
.header-style-4 .navbar .header-navar {
  background-color: var(--tc-theme-main);
  padding: 0px;
}
.header-style-4 .navbar .header-navar .navbar-brand {
  padding: 19px 10px 19px 20px;
  display: inline-block;
}
.header-style-4 .navbar .header-navar .navbar-nav {
  padding: 19px 10px;
}
.header-style-4 .navbar .container-topbar {
  display: inline-block;
  width: 100%;
}
.header-style-4 .navbar.navbar-stick .container-topbar {
  display: none;
}
.header-style-4 .header-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 24px;
}
.header-style-4 .header-topbar .topbar-left {
  display: flex;
  align-items: center;
}
.header-style-4 .header-topbar .topbar-left .location {
  color: rgba(232, 235, 240, 0.7529411765);
  background-image: url(../imgs/template/icons/location.svg);
  background-repeat: no-repeat;
  background-position: left top 1px;
  display: inline-block;
  padding: 0px 0px 3px 27px;
}
.header-style-4 .header-topbar .topbar-left .location strong {
  color: var(--tc-theme-main);
  display: inline-block;
  margin-right: 3px;
}
.header-style-4 .header-topbar .topbar-left .email {
  color: rgba(232, 235, 240, 0.7529411765);
  background-image: url(../imgs/template/icons/email.svg);
  background-repeat: no-repeat;
  background-position: left top 1px;
  display: inline-block;
  padding: 0px 0px 3px 27px;
}
.header-style-4 .header-topbar .topbar-left .email strong {
  color: var(--tc-theme-main);
  display: inline-block;
  margin-right: 3px;
}
.header-style-4 .header-topbar .topbar-right .phone {
  color: rgba(232, 235, 240, 0.7529411765);
  background-image: url(../imgs/template/icons/phone.svg);
  background-repeat: no-repeat;
  background-position: left top 1px;
  display: inline-block;
  padding: 0px 0px 3px 27px;
}
.header-style-4 .header-topbar .topbar-right .phone strong {
  color: var(--tc-theme-main);
  display: inline-block;
  margin-right: 3px;
}
.header-style-4 .navbar-light .navbar-nav .nav-item .nav-link {
  color: var(--tc-dark-950);
}
.header-style-4 .navbar-light .navbar-nav .nav-item .nav-link:after {
  background-image: url(../imgs/template/icons/arrow-down-black.svg);
}
.header-style-4 .navbar-light .navbar-nav .nav-item .nav-link:hover {
  color: var(--tc-primary-500);
  background-color: transparent;
}
.header-style-4 .btn-menu {
  margin-right: 0px;
  height: auto;
  width: auto;
  border: 0px solid var(--tc-primary-home);
  border-radius: 0%;
  line-height: normal;
  text-align: center;
}

.header-style-10 .navbar {
  background-color: var(--tc-theme-main);
  box-shadow: var(--tc-shadow-1);
  padding: 0px !important;
}
.header-style-10 .navbar .navbar-brand {
  padding: 30px 30px;
  background-color: var(--tc-primary-500);
}
.header-style-10 .navbar .btn-quote {
  background-color: var(--tc-primary-500);
  padding: 35px 30px;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--tc-body-font-family);
  color: var(--tc-theme-main);
}
.header-style-10 .navbar-light .navbar-nav .nav-item .nav-link {
  color: var(--tc-dark-950);
}
.header-style-10 .navbar-light .navbar-nav .nav-item .nav-link:after {
  background-image: url(../imgs/template/icons/arrow-down-black.svg);
}
.header-style-10 .navbar-light .navbar-nav .nav-item .nav-link:hover {
  color: var(--tc-primary-500);
  background-color: transparent;
}
.header-style-10 .header-topbar-full {
  background-color: var(--tc-dark-950);
}
.header-style-10 .header-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 24px;
}
.header-style-10 .header-topbar .topbar-left {
  display: flex;
  align-items: center;
}
.header-style-10 .header-topbar .topbar-left .location {
  color: rgba(232, 235, 240, 0.7529411765);
  background-image: url(../imgs/pages/home10/location.png);
  background-repeat: no-repeat;
  background-position: left top 1px;
  display: inline-block;
  padding: 0px 0px 3px 27px;
}
.header-style-10 .header-topbar .topbar-left .location strong {
  color: var(--tc-theme-main);
  display: inline-block;
  margin-right: 3px;
}
.header-style-10 .header-topbar .topbar-left .email {
  color: rgba(232, 235, 240, 0.7529411765);
  background-image: url(../imgs/pages/home10/email.png);
  background-repeat: no-repeat;
  background-position: left top 1px;
  display: inline-block;
  padding: 0px 0px 3px 27px;
}
.header-style-10 .header-topbar .topbar-left .email strong {
  color: var(--tc-theme-main);
  display: inline-block;
  margin-right: 3px;
}
.header-style-10 .header-topbar .topbar-right .phone {
  color: rgba(232, 235, 240, 0.7529411765);
  background-image: url(../imgs/pages/home10/phone.png);
  background-repeat: no-repeat;
  background-position: left top 1px;
  display: inline-block;
  padding: 0px 0px 3px 27px;
}
.header-style-10 .header-topbar .topbar-right .phone strong {
  color: var(--tc-theme-main);
  display: inline-block;
  margin-right: 3px;
}

.navbar-nav-mobile li.menu-item-has-children > a {
  background: url(../imgs/template/icons/arrow-down-black.svg) no-repeat right center;
}
.navbar-nav-mobile li ul {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

.header-style-5 .navbar .header-navar {
  border-radius: 999px;
  background-color: var(--tc-neutral-1200);
}
.header-style-5 .navbar-light .navbar-nav .nav-item .nav-link {
  color: var(--tc-theme-main);
}
.header-style-5 .navbar-light .navbar-nav .nav-item .nav-link:after {
  background-image: url(../imgs/template/icons/arrow-down.svg);
}
.header-style-5 .navbar-light .navbar-nav .nav-item .nav-link:hover {
  color: var(--tc-primary-500);
  background-color: transparent;
}
.header-style-5 .btn-menu {
  background-image: linear-gradient(to left, #b91202, rgba(185, 17, 2, 0));
  height: 86px;
  width: 86px;
  border-radius: 0px 999px 999px 0px;
}
.header-style-5 .btn-menu svg {
  stroke: var(--tc-theme-main);
}

.header-style-6 .navbar {
  background-color: var(--tc-secondery-500);
}
.header-style-6 .btn-primary-square {
  padding: 11px 24px 14px 24px;
}

.header-style-7 .navbar {
  background-color: var(--tc-theme-bg-1);
}
.header-style-7 .navbar.navbar-light .navbar-nav .nav-item .nav-link {
  color: var(--tc-dark-950);
}
.header-style-7 .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
  background-color: var(--tc-neutral-100);
}
.header-style-7 .navbar .navbar-nav .nav-item.menu-item-has-children .nav-link::after {
  background-image: url(../imgs/template/icons/arrow-down-black-2.svg);
}
.header-style-7 .btn-menu {
  margin-right: 23px;
  margin-left: 20px;
}
.header-style-7 .btn-menu svg {
  stroke: var(--tc-primary-1000);
}
.header-style-7 .btn-search {
  position: relative;
  padding-right: 25px;
}
.header-style-7 .btn-search::before {
  content: "";
  position: absolute;
  right: 0px;
  top: -6px;
  height: 37px;
  width: 1px;
  background-color: var(--tc-theme-border-7);
}
.header-style-7 .btn-search svg {
  stroke: var(--tc-primary-1000);
}

.header-style-8 {
  position: relative;
}
.header-style-8 .navbar {
  background-image: linear-gradient(to right, rgba(74, 165, 240, 0.0823529412), rgba(158, 61, 222, 0.0941176471));
  background-color: var(--tc-theme-main);
}

.top-bar-style-8 {
  background-image: linear-gradient(to right, #9e3dde, #4aa5f0);
  background-color: transparent;
}

.top-bar.top-bar-style-9 {
  background-color: var(--tc-secondery-600);
  padding: 0px;
}
.top-bar.top-bar-style-9 .top-bar-inner {
  background-color: var(--tc-theme-main);
  padding: 14px 40px;
  max-width: 959px;
  border-radius: 0px 0px 99px 99px;
  margin: auto;
}
.top-bar.top-bar-style-9 .top-bar-inner .address,
.top-bar.top-bar-style-9 .top-bar-inner .email,
.top-bar.top-bar-style-9 .top-bar-inner .phone {
  color: var(--tc-secondery-500);
}
.top-bar.top-bar-style-9 .top-bar-inner .box-socials a {
  display: inline-block;
  height: 30px;
  width: 30px;
  background-color: var(--tc-secondery-600);
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  margin-left: 10px;
}
.top-bar.top-bar-style-9 .top-bar-inner .box-socials a:first-child {
  margin-left: 0px;
}
.top-bar.top-bar-style-9 .top-bar-inner .box-socials a img {
  height: 12px;
}

.header-style-9 .navbar {
  background-color: var(--tc-primary-500);
}

.header-style-11 .navbar {
  background-color: var(--tc-theme-bg-11);
  padding: 15px 0 !important;
}
.header-style-11 .navbar .container-fluid {
  padding-left: 80px;
  padding-right: 80px;
}
.header-style-11 .navbar-light .navbar-nav .nav-item .nav-link {
  color: var(--tc-dark-950);
}
.header-style-11 .navbar-light .navbar-nav .nav-item .nav-link:after {
  background-image: url(../imgs/template/icons/arrow-down-black.svg);
}
.header-style-11 .navbar-light .navbar-nav .nav-item .nav-link:hover {
  color: var(--tc-primary-500);
  background-color: transparent;
}

.header-style-12 .navbar {
  background-color: var(--tc-theme-bg-11);
  padding: 15px 0 !important;
}
.header-style-12 .navbar.navbar-light .navbar-nav .nav-item .nav-link {
  color: var(--tc-dark-950);
}
.header-style-12 .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
  background-color: var(--tc-neutral-100);
}
.header-style-12 .navbar .navbar-nav .nav-item.menu-item-has-children .nav-link::after {
  background-image: url(../imgs/template/icons/arrow-down-black-2.svg);
}
.header-style-12 .btn-menu {
  margin-right: 20px;
}
.header-style-12 .btn-search-main {
  position: relative;
  padding: 20px;
}
.header-style-12 .btn-search-main::before {
  content: "";
  height: 60px;
  width: 1px;
  position: absolute;
  top: 3px;
  right: -7px;
  background-color: var(--tc-theme-border-7);
}

.header-need-help {
  display: flex;
  align-items: center;
  padding-left: 40px;
}
.header-need-help .icon-phone {
  border: 1px solid #e3e3e3;
  height: 41px;
  width: 41px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  margin-right: 20px;
}

.navbar-green .btn-primary-home {
  background-image: linear-gradient(to right, #1ab69d, #31b978);
}

.navbar-blue .btn-primary-home {
  background-color: var(--tc-primary-500);
}

.navbar-red .btn-primary-home {
  background-color: var(--tc-primary-home);
}

.navbar-linear .btn-primary-home {
  background-image: linear-gradient(to right, #4aa4f0, #9e3dde);
}

.header-style-13 {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1234;
  width: 100%;
}
.header-style-13 .navbar-transparent {
  background: url(../imgs/pages/home14/bg-menu.png) top center;
}
.header-style-13 .navbar-transparent.navbar-stick {
  background-color: var(--tc-secondery-600);
}

.header-style-14 {
  padding: 20px 40px;
  position: fixed;
  top: 0px;
  z-index: 1234;
  width: 100%;
}
.header-style-14 .navbar {
  border-radius: 100px;
  background-color: var(--tc-dark-950);
  border: 1px solid var(--tc-theme-main);
}
.header-style-14 .btn-search-main {
  background-color: var(--tc-primary-500);
  margin-right: 20px;
  display: inline-block;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
}
.header-style-14 .btn-search-main svg {
  fill: var(--tc-theme-main) !important;
}
.header-style-14 .btn-menu svg {
  stroke: var(--tc-theme-main);
}
.header-style-14 .box-navbar-right {
  position: absolute;
  right: 30px;
}
.header-style-14 .menu-nav-14 {
  margin-left: 100px !important;
}

.header-style-16 .btn-menu {
  margin-right: 0px;
}
.header-style-16 .navbar {
  background-color: var(--tc-secondery-500);
}

.top-bar.top-bar-16 {
  background-color: var(--tc-theme-main);
}
.top-bar.top-bar-16 .address,
.top-bar.top-bar-16 .email,
.top-bar.top-bar-16 .phone {
  color: var(--tc-primary-500);
}
.top-bar.top-bar-16 .address svg,
.top-bar.top-bar-16 .email svg,
.top-bar.top-bar-16 .phone svg {
  fill: var(--tc-primary-500);
}
.top-bar.top-bar-16 .box-socials a svg {
  fill: var(--tc-primary-500);
  height: 25px;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: transform 2s;
  transform: translateY(0);
}

.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
  text-align: center;
}

.odometer-formatting-mark {
  display: none;
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

/*-----------------------------------------------------------------
 --------------- START THEME CUSTOMIZE ----------------------------
-----------------------------------------------------------------*/
body {
  font-family: var(--tc-body-font-family);
  font-size: var(--tc-body-font-size);
  font-weight: var(--tc-fw-regular);
  color: var(--tc-dark-950);
  line-height: var(--tc-body-line-height);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--tc-theme-heading);
}

h1,
.h1 {
  font-size: 2.25em;
  margin: 0.67em 0;
}

h2,
.h2 {
  font-size: 2rem;
  font-weight: 600;
}

h3,
.h3 {
  font-size: 1.75rem;
  font-weight: 600;
}

h4,
.h4 {
  font-size: 1.25rem;
  font-weight: 600;
}

h5,
.h5 {
  font-size: 1.15rem;
  font-weight: 600;
}

h6,
.h6 {
  font-size: 1rem;
  font-weight: 600;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
  letter-spacing: -0.03em;
  font-weight: 700;
}

img {
  max-width: 100%;
}

figure {
  margin: 0;
}

iframe {
  width: 100%;
}

a {
  color: var(--tc-theme-primary);
  text-decoration: none;
}

::-moz-selection {
  background: var(--tc-theme-primary-light);
}

::selection {
  background: var(--tc-theme-primary-light);
}

::-moz-selection {
  background: var(--tc-theme-primary-light);
}

b,
strong {
  font-weight: bolder;
  color: var(--tc-neutral-800);
}

.blockquote {
  background-color: var(--tc-neutral-100);
  padding: 24px 24px 24px 56px;
  border-radius: 12px;
  position: relative;
  color: var(--tc-neutral-500);
  margin: 20px auto;
}

.blockquote::before {
  font-family: "bootstrap-icons";
  left: 16px;
  top: 4px;
  display: block;
  font-size: 3em;
  content: "\f6b0";
  position: absolute;
  color: var(--tc-neutral-500);
  font-size: 32px;
}

.text-primary {
  color: var(--tc-theme-primary) !important;
}

.section-padding {
  padding: 120px 0;
}

.pd-tb-150px {
  padding: 150px 0;
}

.pd-bottom-120px {
  padding-bottom: 120px;
}

.pd-bottom-250px {
  padding-bottom: 250px;
}

.pd-top-120px {
  padding-top: 120px;
}

.pd-top-250px {
  padding-top: 250px;
}

.py-90px {
  padding: 90px 0;
}

.bg-secondary-1 {
  background-color: #f6f6f6 !important;
}

.icon-lage {
  min-width: 561px;
  min-height: 243px;
}

.icon-medium {
  min-width: 243px;
  min-height: 243px;
}

.border-gradient {
  border-image-slice: 1;
  border-image-source: -webkit-linear-gradient(left, #f94743, #ff7b49) !important;
}

.text-gradient {
  background: -webkit-linear-gradient(left, #f94743, #ff7b49);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fs-0 {
  font-size: 32px;
}

.fs-1 {
  font-size: 24px !important;
}

.fs-2 {
  font-size: 20px !important;
}

.fs-3 {
  font-size: 18px !important;
}

.fs-4 {
  font-size: 16px !important;
}

.fs-5 {
  font-size: 14px !important;
}

.fs-6 {
  font-size: 12px !important;
}

.ds-1 {
  font-size: 80px !important;
}

.ds-2 {
  font-size: 60px !important;
}

.ds-3 {
  font-size: 48px !important;
}

.ds-4 {
  font-size: 46px !important;
}

.ds-5 {
  font-size: 40px !important;
}

.ds-6 {
  font-size: 30px !important;
}

.border-top {
  border-top: 1px solid var(--tc-border-color);
}

.border-bottom {
  border-bottom: 1px solid var(--tc-border-color);
}

.border-end {
  border-right: 1px solid var(--tc-border-color);
}

.border-start {
  border-left: 1px solid var(--tc-border-color);
}

.btn-navbar {
  width: 40px;
  height: 40px;
}

.top-bar {
  background-color: var(--tc-primary-500);
  font-size: 14px;
  color: black;
  padding: 5px 0px;
}

.top-bar-home2 {
  background-color: #101010;
  font-size: 14px;
  color: white;
}

.phone-call {
  border-left: 1px solid var(--tc-border-color);
}

.hr-topbar {
  width: 80px;
  height: 2px;
  background-color: #000;
  margin-right: 30px;
  margin-left: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}

.line-vertical {
  position: absolute;
  content: "";
  width: 1px;
  height: 90px;
  background-color: var(--tc-border-color);
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.navbar {
  padding: 24px 0 !important;
  z-index: 1234;
  background-color: var(--tc-dark-950);
}

.stroke-h2 {
  top: -50px;
  font-size: 250px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgb(0, 0, 0));
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  color: white;
  opacity: 0.5;
}

.stroke-red {
  font-size: 100px;
  background-color: var(--tc-theme-primary);
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px transparent;
  color: white;
}

.stroke-red-home2 {
  font-size: 200px;
  background-color: var(--tc-theme-primary);
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px transparent;
  color: var(--tc-theme-primary);
}

.stroke-secondary {
  background: linear-gradient(180deg, #f6f6f6 0%, #fff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #000;
  font-family: Poppins;
  font-size: 150px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 150px */
  letter-spacing: -4.5px;
}

.stroke-twenty {
  font-size: 120px;
  background: -webkit-linear-gradient(top, rgb(0, 0, 0), rgba(255, 255, 255, 0));
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  color: white;
  opacity: 0.5;
}

.stroke {
  font-size: 250px;
  background: -webkit-linear-gradient(top, rgb(0, 0, 0), rgba(255, 255, 255, 0));
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  color: white;
  opacity: 0.5;
}

.bg-f6 {
  background-color: #f6f6f6;
}

.color-f6 {
  color: #f6f6f6;
}

.bg-f9 {
  background-color: #f9f9f9;
}

.color-f9 {
  color: #f9f9f9;
}

.stroke-slider-home2 {
  left: -200px;
  top: -120px;
}

.stroke-about {
  top: -160px;
  left: -5px;
}

.stroke-faq {
  top: -200px;
  left: 60px;
}

.stroke-black {
  font-size: 250px;
  background: -webkit-linear-gradient(top, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  color: var(--tc-neutral-1000);
  opacity: 0.5;
}

.stroke-white {
  font-size: 120px;
  background: var(--tc-neutral-0);
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  color: var(--tc-neutral-0);
  opacity: 0.5;
}

.stroke-team {
  font-size: 500px;
  background: #2d2d2d;
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  color: #2d2d2d;
  top: -60%;
  left: -15%;
}

.w-400 {
  width: 400px;
  height: 400px;
}

.call-button {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 0;
}

.title {
  padding: 206px 0;
}

.title-home2 {
  padding: 250px 0;
}

.title-home3 {
  padding: 195px 0;
}

.sub-title {
  letter-spacing: 2.8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1);
}

.img-bgr-1 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
}

.img-bgr-2 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: -90px;
  right: 0;
}

.title-lg {
  line-height: 90px; /* 112.5% */
  letter-spacing: -2.4px;
}

footer {
  background-color: var(--tc-secondery-500);
  background-image: url(../imgs/pages/home1/bg-footer.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}

.hover-effect {
  border: none;
  text-align: center;
  transition: all 0.5s;
  cursor: pointer;
}

.hover-effect {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.hover-effect:after {
  content: "🠚";
  color: var(--tc-theme-primary);
  position: absolute;
  opacity: 0;
  left: -20px;
  transition: 0.5s;
}

.hover-effect:hover {
  color: #fff !important;
  padding-left: 30px;
  padding-right: 8px;
}

.hover-effect:hover:after {
  opacity: 1;
  left: 10px;
}

.hover-effect-1 i {
  position: relative;
  transition: 0.5s;
}
.hover-effect-1:hover i {
  padding-left: 10px;
}

.hover-box * {
  transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  will-change: transform;
}
.hover-box:hover .box-overlay {
  opacity: 1;
  visibility: visible;
}

.pattern {
  top: 30%;
  right: 10%;
}

.read-more {
  width: 200px;
  min-height: 230px;
}

.card-benifits {
  bottom: 5%;
}
.card-benifits:hover a {
  display: block !important;
  letter-spacing: 2.8px;
}
.card-benifits a {
  letter-spacing: 2.8px;
}

.clients {
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.06);
}
.clients :hover {
  border-color: #101010 !important;
}
.clients :hover p {
  border-color: #101010 !important;
}

.client-bg {
  top: 5%;
  right: 5%;
}

.form-control:focus {
  box-shadow: none !important;
}

.form-select:focus {
  box-shadow: none !important;
}

.progress {
  height: 12px !important;
}

.counter-up {
  min-height: 1200px;
}

.video {
  bottom: 28%;
}

.title-case-study {
  left: 5%;
  bottom: 5%;
}

.rotate {
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}

.number-rotate {
  bottom: -15%;
  right: -100px;
  font-size: 120px;
}

.bg-news {
  background-image: url("../images/news/404.html");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}

.title-news {
  width: 90%;
}

.pagi:hover,
.pagi :active {
  border-color: var(--tc-theme-primary) !important;
  color: var(--tc-theme-primary) !important;
}

.swiper-button-next,
.swiper-button-prev {
  --swiper-navigation-size: 16px;
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: rgba(255, 255, 255, 0.2);
  display: flex;
  width: 60px;
  height: 60px;
  padding: 10px;
  font-size: 16px;
  --swiper-navigation-color: var(--tc-secondary);
  border-radius: 30px;
  border: 1px solid var(--tc-neutral-400);
}
.swiper-button-next:hover,
.swiper-button-next :active,
.swiper-button-prev:hover,
.swiper-button-prev :active {
  border-color: var(--tc-theme-primary);
  --swiper-navigation-color: var(--tc-theme-primary);
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  text-align: center;
  line-height: 10px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: var(--tc-theme-primary);
}

.bg-home2 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}

.floating-card {
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.06);
}

.circle {
  width: 56px;
  height: 56px;
  bottom: -20%;
}

.box-text {
  min-height: 600px;
  box-shadow: 0px 40px 120px 0px rgba(0, 0, 0, 0.1);
}

.num {
  top: -80px;
  right: -10px;
}

.hove-animation {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.hove-animation:hover.hove-animation {
  opacity: 1;
}

.hover-animation a {
  transition: all 0.3s ease-in-out;
}
.hover-animation:hover a {
  background-color: var(--tc-theme-primary) !important;
}
.hover-animation:hover h4 {
  border-color: var(--tc-theme-primary) !important;
}

.bg-linergradient {
  opacity: 0.8;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}

.collapsible {
  background-color: var(--tc-neutral-0);
  color: var(--tc-neutral-1000);
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
  border-bottom: 1px solid #e8e8e8;
}

.collapsible:after {
  content: "+";
  color: var(--tc-neutral-1000);
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.content p {
  margin-top: 15px;
}

.ball-lg {
  width: 300px;
  height: 300px;
  flex-shrink: 0;
  border-radius: 300px;
  background: var(--White, #fff);
}

.ball-sm {
  width: 54px;
  height: 54px;
  flex-shrink: 0;
}

.serv-bottom {
  background-image: url("../images/home3/section-3/404.html");
  background-size: cover;
}

.bg-case-study {
  padding: 152px 0;
  box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.04);
}

.box-300 {
  width: 300px;
  height: 300px;
  left: -30px;
  bottom: -30px;
}

.box-300-about {
  width: 300px;
  height: 300px;
  bottom: -30px;
  right: -30px;
}

.box-300-serv {
  width: 300px;
  height: 300px;
  bottom: -30px;
  left: -30px;
}

.embossed-img {
  left: -200px;
}

.text {
  letter-spacing: -1.2px;
}

.profile-car {
  transition: all 0.3s ease-in-out;
}
.profile-car:hover {
  border-color: var(--tc-theme-primary) !important;
}

.section8-home3 {
  background-image: url("../images/home3/section-8/404.html");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.paragraph-news :last-child {
  border: none !important;
}

.paragraph {
  width: 90%;
}

.overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.search-popup .overlay-content {
  max-width: 800px;
}
.search-popup .search-close svg {
  fill: #fff;
  height: 24px;
  width: 24px;
}

.cta {
  box-shadow: 0px -30px 60px 0px rgba(0, 0, 0, 0.06);
}

.prog-digital {
  width: 50%;
}

.prog-financial {
  width: 75%;
}

.prog-consulting {
  width: 68%;
}

.left-20 {
  left: 20%;
}

.background-services {
  background-image: url("../images/page-services/section-1/404.html");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 765px;
}

.bg-text {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(122, 150, 192, 0.45) 29.13%, #060810 100%);
  height: 100%;
  width: 60%;
}

.bg-pink {
  background: #f9e7e3;
}

.h-500px {
  min-height: 500px;
}

.list-item.activ {
  background: var(--tc-gradient) !important;
}
.list-item.activ p {
  color: white !important;
}
.list-item.activ .ic {
  background: white !important;
  color: var(--tc-gradient) !important;
}

.list-item:hover {
  background: var(--tc-gradient) !important;
}
.list-item:hover p {
  color: white !important;
}
.list-item:hover .ic {
  background: white !important;
  color: var(--tc-gradient) !important;
}

.team-section-1 {
  background-image: url("../images/page-team/section-1/404.html");
  background-size: cover;
  min-height: 650px;
  align-items: center;
}

.team-section-3 {
  background-image: url("../images/page-team/section-3/404.html");
  background-size: cover;
  align-items: center;
  width: 100%;
}

.pricing-section-3 {
  background-size: cover;
  align-items: center;
  width: 100%;
}

.blog-section-1 {
  background-image: url("../images/page-blog/section-1/404.html");
  background-size: cover;
  align-items: center;
  width: 100%;
}

.hover-up {
  transition: all 0.3s ease-in-out;
}
.hover-up:hover {
  transform: translateY(-3px);
  transition-duration: 0.3s;
}

@media (max-width: 767.98px) {
  .title {
    padding: 100px 0 0 0;
  }
  .video {
    bottom: 75%;
  }
  .counter-up {
    min-height: 1100px;
  }
  .icon-medium {
    min-width: 100px;
    min-height: 100px;
  }
  .icon-medium img {
    transform: scale(0.5);
  }
  .icon-lage {
    min-width: 218px;
    min-height: 100px;
  }
  .icon-lage img {
    transform: scale(0.5);
  }
  .stroke-twenty {
    font-size: 90px;
  }
  .text-xs {
    font-size: 14px !important;
  }
  .box-text {
    min-height: 400px;
  }
  .add-padding-top {
    padding-top: 250px;
  }
  .add-padding-bot {
    padding-bottom: 250px;
  }
  .section-6-home-3 {
    padding: 100px 0 0 0;
  }
  .fs-md-6 {
    font-size: 14px !important;
  }
  .embossed-img {
    left: 0 !important;
    display: inline-flex;
  }
  .btn-swp-group {
    right: 0 !important;
  }
}
@media (max-width: 991.98px) {
  .title {
    padding: 100px 0 0 0;
  }
  .video {
    bottom: 73%;
  }
  .counter-up {
    min-height: 1000px;
  }
  .icon-medium {
    min-width: 135px;
    min-height: 135px;
  }
  .icon-medium img {
    transform: scale(0.7);
  }
  .icon-lage {
    min-width: 300px;
    min-height: 135px;
  }
  .icon-lage img {
    transform: scale(0.7);
  }
  .box-text {
    min-height: 450px !important;
  }
  .add-padding-top {
    padding-top: 250px;
  }
  .add-padding-bot {
    padding-bottom: 250px;
  }
  .section-6-home-3 {
    padding: 100px 0 0 0;
  }
  .fs-md-6 {
    font-size: 14px !important;
  }
  .embossed-img {
    left: 0 !important;
    display: inline-flex;
  }
}
.p-6 {
  padding: 2.5rem !important;
}

.pt-6 {
  padding-top: 2.5rem !important;
}

.pb-6 {
  padding-bottom: 2.5rem !important;
}

.pb-8 {
  padding-bottom: 4rem !important;
}

.mb-6 {
  margin-bottom: 2.5rem !important;
}

.mt-10 {
  margin-top: 6rem !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.text-black {
  color: var(--tc-neutral-1000) !important;
}

a.btn.text-secondary:hover {
  color: var(--tc-theme-primary) !important;
}

.stroke-black {
  font-size: 250px;
  background: -webkit-linear-gradient(top, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  color: var(--tc-neutral-1000);
  opacity: 0.5;
}

.z-4 {
  z-index: 4 !important;
}

.bg-black {
  background-color: var(--tc-neutral-1000) !important;
}

.border-primary {
  border-color: var(--tc-theme-primary) !important;
}

.border-primary-500 {
  border: 1px solid var(--tc-primary-500) !important;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--tc-theme-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--tc-primary-home);
  transition: var(--tc-neutral-100);
  border-radius: 8px;
}

.bg-primary {
  background-color: var(--tc-theme-primary) !important;
}

.bg-gradient {
  background-image: var(--tc-gradient-1) !important;
}

.swiper-button-next,
.swiper-button-prev {
  cursor: pointer;
  color: var(--tc-neutral-100, var(--tc-theme-primary));
}

.swiper-button-next,
.swiper-button-prev {
  top: 0;
}

.collapse-content {
  border-bottom-color: var(--tc-theme-primary) !important;
}

.border-red {
  border-color: var(--tc-border-3) !important;
}

.display-ag-6xl {
  font-size: 128px;
  line-height: 130px;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
}

.display-ag-5xl {
  font-size: 120px;
  line-height: 100%;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
}

.display-4xl {
  font-size: 100px;
  line-height: 110px;
  font-weight: 900;
  font-family: var(--tc-body-font-family);
}

.display-4xl-bold {
  font-size: 100px;
  line-height: 110px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
}

.display-3xl {
  font-size: 80px;
  line-height: 96px;
  font-weight: 900;
  font-family: var(--tc-body-font-family);
}

.display-2xl {
  font-size: 76px;
  line-height: 86px;
  font-weight: 900;
  font-family: var(--tc-body-font-family);
}

.display-xl {
  font-size: 72px;
  line-height: 90px;
  font-weight: 900;
  font-family: var(--tc-body-font-family);
}

.display-rubik-2xl {
  font-size: 68px;
  line-height: 115%;
  font-weight: 700;
  font-family: var(--tc-rubik-font-family);
}

.display-ag-2xl {
  font-size: 68px;
  line-height: 115%;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
}

.heading-3xl {
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
}

.heading-jakarta-55 {
  font-size: 55px;
  line-height: 65px;
  font-weight: 700;
  font-family: var(--tc-jakarta-font-family);
}

.heading-3xl-regular {
  font-size: 48px;
  line-height: 120%;
  font-weight: 400;
  font-family: var(--tc-ag-font-family);
}

.heading-2xl {
  font-size: 40px;
  line-height: 52px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
}

.heading-xl {
  font-size: 36px;
  line-height: 48px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
}

.heading-lg {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
}

.heading-ag-lg-medium {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  font-family: var(--tc-ag-font-family);
}

.heading-md {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
}

.heading-ag-3xl {
  font-size: 48px;
  line-height: 120%;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
}

.heading-ag-2xl {
  font-size: 40px;
  line-height: 52px;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
}

.heading-ag-xl {
  font-size: 36px;
  line-height: 120%;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
}

.heading-ag-lg {
  font-size: 32px;
  line-height: 120%;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
}

.heading-ag-md {
  font-size: 30px;
  line-height: 120%;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
}

.sub-heading-xl {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  font-family: var(--tc-body-font-family);
}

.sub-heading-md {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  font-family: var(--tc-body-font-family);
}

.sub-heading-rubik-md {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  font-family: var(--tc-rubik-font-family);
}

.sub-heading-sm {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  font-family: var(--tc-body-font-family);
}

.sub-heading-ag-xl {
  font-size: 24px !important;
  line-height: 120% !important;
  font-weight: 700 !important;
  font-family: var(--tc-ag-font-family) !important;
}

.sub-heading-ag-xl-m {
  font-size: 24px;
  line-height: 120%;
  font-weight: 500;
  font-family: var(--tc-ag-font-family);
}

.sub-heading-ag-xl-light {
  font-size: 24px;
  line-height: 130%;
  font-weight: 300;
  font-family: var(--tc-ag-font-family);
}

.sub-heading-ag-md {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  font-family: var(--tc-ag-font-family);
}

.bold {
  font-weight: 700 !important;
}

.medium {
  font-weight: 500 !important;
}

.regular {
  font-weight: 400 !important;
}

.light {
  font-weight: 300 !important;
}

.sub-heading-ag-md-regular {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  font-family: var(--tc-ag-font-family);
}

.sub-heading-ag-sm {
  font-size: 18px !important;
  line-height: 27px !important;
  font-weight: 700 !important;
  font-family: var(--tc-ag-font-family) !important;
}

.sub-heading-fitree-sm {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
}
.sub-heading-fitree-sm svg {
  stroke: var(--tc-primary-500);
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px !important;
  margin-top: -3px;
}

.sub-heading-ag-lg {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  font-family: var(--tc-ag-font-family);
}

.heading-68-fitree {
  font-size: 68px;
  line-height: 78px;
  font-weight: 400;
  font-family: var(--tc-body-font-family);
}

.heading-60-fitree {
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
}

.heading-48-fitree {
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
}

.heading-80-fitree {
  font-size: 80px;
  line-height: 96px;
  font-weight: 800;
  font-family: var(--tc-body-font-family);
}

.heading-36-fitree {
  font-size: 36px;
  line-height: 48px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
}

.heading-30-fitree {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
}

.heading-24-fitree {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  font-family: var(--tc-body-font-family);
}

.heading-24-fitree-bold {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
}

.paragraph-24-fitree {
  font-size: 24px;
  line-height: 40px;
  font-weight: 400;
  font-family: var(--tc-body-font-family);
}

.paragraph-20-fitree {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  font-family: var(--tc-body-font-family);
}

.paragraph-20-fitree-medium {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  font-family: var(--tc-body-font-family);
}

.paragraph-base-fitree {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: var(--tc-body-font-family);
}

.paragraph-base-12-fitree {
  font-size: 12px;
  line-height: 22px;
  font-weight: 300;
  font-family: var(--tc-body-font-family);
}

.paragraph-14-fitree {
  font-size: 14px !important;
  line-height: 22px !important;
  font-weight: 300 !important;
  font-family: var(--tc-body-font-family) !important;
}

.paragraph-18-fitree {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  font-family: var(--tc-body-font-family);
}

.paragraph-base-fitree-bold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
}

.paragraph-base-fitree-medium {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  font-family: var(--tc-body-font-family);
}

.paragraph-base {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: var(--tc-body-font-family);
}

.paragraph-ag-base {
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  font-family: var(--tc-ag-font-family);
}

.paragraph-ag-semibold {
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  font-family: var(--tc-ag-font-family);
}

.paragraph-medium {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-family: var(--tc-body-font-family);
}

.paragraph-bold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
}

.paragraph-rubik-r {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: var(--tc-rubik-font-family);
}

.paragraph-rubik-m {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-family: var(--tc-rubik-font-family);
}

.paragraph-rubik-r-sm {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  font-family: var(--tc-rubik-font-family);
}

.paragraph-rubik-md-m {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  font-family: var(--tc-rubik-font-family);
}

.paragraph-rubik-md-r {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  font-family: var(--tc-rubik-font-family);
}

.paragraph-rubik-md-b {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  font-family: var(--tc-rubik-font-family);
}

.paragraph-rubik-b {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  font-family: var(--tc-rubik-font-family);
}

.button-lg {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  font-family: var(--tc-body-font-family);
}

.button-md {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  font-family: var(--tc-body-font-family);
}

.button-sm {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  font-family: var(--tc-body-font-family);
}

.button-ag-sm {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  font-family: var(--tc-ag-font-family);
}

.button-ag-bold {
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
}

.lenear-01 {
  background-image: linear-gradient(to left, #bd16d8, #9e3dde, #4aa4f0);
}

.lenear-02 {
  background-image: linear-gradient(to right, #00509d, #fff);
}

.button-color {
  background-image: linear-gradient(to right, #31b978, #1ab69d);
}

.primary-500 {
  color: var(--tc-primary-500) !important;
}

.primary-1000 {
  color: var(--tc-primary-1000) !important;
}

.primary-1100 {
  color: var(--tc-primary-1100) !important;
}

.primary-1200 {
  color: var(--tc-primary-1200) !important;
}

.primary-50 {
  color: var(--tc-primary-50) !important;
}

.primary-home {
  color: var(--tc-primary-home) !important;
}

.neutral-1300 {
  color: var(--tc-neutral-1300) !important;
}

.neutral-1500 {
  color: var(--tc-neutral-1500) !important;
}

.neutral-1700 {
  color: var(--tc-neutral-1700) !important;
}

.neutral-1800 {
  color: var(--tc-neutral-1800) !important;
}

.neutral-1900 {
  color: var(--tc-neutral-1900) !important;
}

.neutral-2000 {
  color: var(--tc-neutral-2000) !important;
}

.neutral-2100 {
  color: var(--tc-neutral-2100) !important;
}

.neutral-2400 {
  color: var(--tc-neutral-2400) !important;
}

.neutral-2900 {
  color: var(--tc-neutral-2900) !important;
}

.gray-700 {
  color: var(--tc-graay-700) !important;
}

.gray-800 {
  color: var(--tc-graay-800) !important;
}

.gray-900 {
  color: var(--tc-graay-900) !important;
}

.gray-100 {
  color: var(--tc-graay-100) !important;
}

.gray-1000 {
  color: var(--tc-graay-1000) !important;
}

.gray-1100 {
  color: var(--tc-graay-1100) !important;
}

.gray-1200 {
  color: var(--tc-graay-1200) !important;
}

.gray-1300 {
  color: var(--tc-graay-1300) !important;
}

.gray-1400 {
  color: var(--tc-graay-1400) !important;
}

.gray-1500 {
  color: var(--tc-graay-1500) !important;
}

.color-text {
  color: var(--tc-theme-text);
}

.secondery-300 {
  color: var(--tc-secondery-300) !important;
}
.secondery-300 svg {
  fill: var(--tc-secondery-300);
}

.secondery-400 {
  color: var(--tc-secondery-400) !important;
}

.secondery-500 {
  color: var(--tc-secondery-500) !important;
}

.secondery-600 {
  color: var(--tc-secondery-600) !important;
}

.secondery-700 {
  color: var(--tc-secondery-700) !important;
}

.bg-secondery-500 {
  background-color: var(--tc-secondery-500) !important;
}

.bg-primary-1000 {
  background-color: var(--tc-primary-1000) !important;
}

.bg-primary-1500 {
  background-color: var(--tc-primary-1500) !important;
}

.dark-950 {
  color: var(--tc-dark-950) !important;
}

.theme-secondary {
  color: var(--tc-theme-secondary) !important;
}

.theme-primary {
  color: var(--tc-theme-primary) !important;
}

.mr-20 {
  margin-right: 20px;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt-140 {
  margin-top: 140px;
}

.gray-50 {
  color: var(--tc-graay-50) !important;
}

.color-white {
  color: var(--tc-theme-main) !important;
}
.color-white svg {
  stroke: var(--tc-theme-main);
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -2px;
}

.grey-50 {
  color: var(--tc-graay-50) !important;
}

.grey-100 {
  color: var(--tc-graay-100);
}

.grey-800 {
  color: var(--tc-graay-800);
}

.color-text-5 {
  color: var(--tc-theme-text-5) !important;
}

.neutral-1200 {
  color: var(--tc-neutral-1200) !important;
}

.neutral-1700 {
  color: var(--tc-neutral-1700) !important;
}

.neutral-2300 {
  color: var(--tc-neutral-2300) !important;
}

.swiper-button-prev,
.swiper-button-next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  background-color: var(--tc-primary-100);
}
.swiper-button-prev svg,
.swiper-button-next svg {
  stroke: var(--tc-dark-950);
  height: 12px;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}

.swiper-button-inline {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  line-height: 27px;
}

.stroke-text {
  font-size: 32px;
  line-height: 42px;
  font-weight: 300;
  color: transparent;
  -webkit-text-stroke: 1px var(--tc-primary-300);
  transform: rotate(90deg);
  position: absolute;
  bottom: 65px;
  right: -40px;
}

.stroke-text-single {
  color: transparent;
  -webkit-text-stroke: 1px var(--tc-theme-main);
}

.mt-0 {
  margin-top: 0px !important;
}

.dark-950-70 {
  color: rgba(0, 4, 7, 0.7450980392);
}

.color-white-80 {
  color: rgba(255, 255, 255, 0.8549019608);
}

.text-underline {
  text-decoration: underline;
}
.text-underline.red-under {
  -webkit-text-decoration-color: var(--tc-primary-home);
          text-decoration-color: var(--tc-primary-home);
}

.text-6 {
  color: var(--tc-theme-text-6);
}

.text-stroke {
  color: black;
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}

.box-section {
  padding: 60px 0px;
}

.heading-inter-44 {
  font-size: 44px;
  line-height: 54px;
  font-weight: bold;
  font-family: var(--tc-inter-font-family);
}

.top-bar-4 {
  background-color: var(--tc-dark-950);
}

.border-1 {
  border: 1px solid var(--tc-theme-border-1) !important;
}

.border-2 {
  border: 1px solid var(--tc-theme-border-2) !important;
}

.border-3 {
  border: 1px solid var(--tc-theme-border-3) !important;
}

.border-4 {
  border: 1px solid var(--tc-theme-border-4) !important;
}

.border-5 {
  border: 1px solid var(--tc-theme-border-5) !important;
}

.border-6 {
  border: 1px solid var(--tc-theme-border-6) !important;
}

.border-7 {
  border: 1px solid var(--tc-theme-border-7) !important;
}

.border-8 {
  border: 1px solid var(--tc-theme-border-8) !important;
}

.border-9 {
  border: 1px solid var(--tc-theme-border-9) !important;
}

.border-10 {
  border: 1px solid var(--tc-theme-border-10) !important;
}

.border-11 {
  border: 1px solid var(--tc-theme-border-11) !important;
}

.border-12 {
  border: 1px solid var(--tc-theme-border-12) !important;
}

.border-bottom-12 {
  border: 0px !important;
  border-bottom: 1px solid var(--tc-theme-border-12);
}

.bdr-5 {
  border-radius: 5px;
}

.bdr-10 {
  border-radius: 10px;
}

.bdr-15 {
  border-radius: 15px;
}

.bdr-20 {
  border-radius: 20px;
}

.line-primary-home:after {
  background-color: var(--tc-primary-home) !important;
}

.theme-heading-2 {
  color: var(--tc-theme-heading-2) !important;
}

.secondery-500-80 {
  color: rgba(23, 76, 104, 0.7960784314);
}

.bg-dark-950 {
  background-color: var(--tc-dark-950) !important;
}

.bg-theme-main {
  background-color: var(--tc-theme-main);
}

.border-linear-01 {
  border: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
  border-color: #4aa4f0;
}

.border-gradient-purple {
  border-image-source: linear-gradient(to left, #4aa4f0, #9e3dde);
}

.bg-primary-500 {
  background-color: var(--tc-primary-500) !important;
}

.theme-primary {
  color: var(--tc-theme-primary);
}

.underline {
  border-bottom: 4px solid var(--tc-theme-secondary);
}

@keyframes video-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
.popup-video::after,
.popup-video::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #e8e8e8;
  left: 0;
  top: 0;
  border-radius: 50%;
  animation-duration: 2.5s;
  animation-timing-function: linear;
  animation-name: video-animation;
  animation-iteration-count: infinite;
}

.popup-video {
  position: relative;
  display: inline-block;
}

.popup-video::before {
  border-color: #fff;
}

.popup-video::before {
  animation-delay: 1s;
}

.popup-video.no-pulse::after,
.popup-video.no-pulse::before {
  content: none !important;
}

.hover-zoom-in {
  position: relative;
  overflow: hidden;
}
.hover-zoom-in img {
  transition-duration: 0.5s;
}
.hover-zoom-in:hover img {
  transform: scale(1.05);
  transition-duration: 0.5s;
}

.nav-tabs {
  border-bottom: 0;
}

.box-lenear {
  height: 50px;
  width: 300px;
}

.text-reset i {
  font-size: 20px;
  line-height: 20px;
  color: var(--tc-theme-main);
  font-weight: 400;
}

.box-socials a {
  display: inline-block;
  margin-left: 15px;
}
.box-socials a:first-child {
  margin-left: 0px;
}
.box-socials a svg {
  fill: var(--tc-theme-main);
  height: 16px;
}

.btn-menu {
  margin-right: 60px;
}

.box-process {
  background-color: var(--tc-secondery-600);
  padding: 120px 0px;
  background-image: url(../imgs/pages/home1/bg-process.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

.box-project {
  background-color: var(--tc-theme-main);
  background-image: url(../imgs/pages/home1/bg-project.png);
  background-position: left center;
  background-repeat: no-repeat;
}
.box-project .box-project-inner {
  background-image: url(../imgs/pages/home1/bg-project2.png);
  background-position: right top 80px;
  background-repeat: no-repeat;
}

.box-videos {
  padding: 120px 0px 60px 0px;
}

.box-video {
  background-image: url(../imgs/pages/home1/bg-video.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 744px;
  width: 100%;
  border-radius: 50px;
  position: relative;
}
.box-video a {
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: 118px;
  width: 118px;
  left: 0px;
  right: 0px;
  margin: auto;
  z-index: 2;
}

.box-latest-blog {
  position: relative;
  padding: 130px 0px 90px 0px;
}
.box-latest-blog::before {
  content: "";
  border-radius: 50px;
  background-color: var(--tc-secondery-500);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  height: 616px;
  width: 100%;
}
.box-latest-blog .container {
  position: relative;
  z-index: 2;
}

.title-line {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: var(--tc-primary-500);
  text-transform: uppercase;
  position: relative;
  padding-left: 50px;
}
.title-line::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  height: 2px;
  background-color: var(--tc-primary-500);
  width: 40px;
}

.title-line-both {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: var(--tc-primary-500);
  text-transform: uppercase;
  position: relative;
  padding-left: 50px;
  padding-right: 50px;
  display: inline-block;
  position: relative;
}
.title-line-both::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  height: 2px;
  background-color: var(--tc-primary-500);
  width: 40px;
}
.title-line-both::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  height: 2px;
  background-color: var(--tc-primary-500);
  width: 40px;
}

.title-line-2 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: var(--tc-dark-950);
  text-transform: uppercase;
  position: relative;
  padding-left: 70px;
}
.title-line-2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  height: 2px;
  background-color: var(--tc-primary-500);
  width: 60px;
}

.box-banner {
  position: relative;
  padding: 180px 0px 259px 0px;
  background: url(../imgs/pages/home1/banner.png) no-repeat top center;
  background-size: cover;
}
.box-banner::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: url(../imgs/pages/home1/bg-banner.png) no-repeat top center;
}
.box-banner .container {
  position: relative;
  z-index: 2;
}

.banner-small-title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: var(--tc-theme-main);
  text-transform: uppercase;
  position: relative;
  padding-left: 50px;
  margin-bottom: 30px;
}
.banner-small-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  height: 2px;
  background-color: var(--tc-theme-main);
  width: 40px;
}

.title-banner {
  font-size: 100px;
  line-height: 110px;
  font-weight: 800;
  color: var(--tc-theme-main);
  margin-bottom: 40px;
}

.desc-banner {
  margin-bottom: 40px;
}

.box-squares {
  position: relative;
  max-width: 500px;
  width: 100%;
}

.item-square-1 {
  width: 100%;
  height: 495px;
  background-color: var(--tc-primary-500);
  border-radius: 0px;
  max-width: 377px;
}
.item-square-1 .item-square-1-image {
  width: 100%;
  height: 495px;
  overflow: hidden;
  border-radius: 0px;
  position: relative;
  top: -30px;
  right: -30px;
}
.item-square-1 .item-square-1-image img {
  height: 100%;
  max-width: none;
}

.item-square-2 {
  width: 213px;
  height: 269px;
  background-color: transparent;
  border: 2px solid var(--tc-dark-950);
  border-radius: 0px;
  position: absolute;
  top: 40px;
  right: 10px;
  z-index: 12;
  overflow: hidden;
}
.item-square-2 .item-square-2-image {
  width: 100%;
  height: 269px;
  overflow: hidden;
  border-radius: 0px;
  position: relative;
}
.item-square-2 .item-square-2-image img {
  height: 100%;
  max-width: none;
}

.box-agency {
  padding: 120px 0px 80px 0px;
}

.box-circle-round {
  height: 141px;
  width: 141px;
  background-color: var(--tc-primary-500);
  border-radius: 50%;
}

.box-title-top {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.text-rotate-circle {
  padding-right: 35px;
}

.list-tick-2-col {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  list-style: none;
  padding: 0px;
  flex-wrap: wrap;
}
.list-tick-2-col li {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: var(--tc-theme-text-2);
  margin-bottom: 20px;
}
.list-tick-2-col li svg {
  margin-right: 6px;
}

.box-list-process {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
}
.box-list-process .item-process {
  width: 33.33%;
  border: 1px solid var(--tc-theme-border);
  padding: 30px;
  margin: 0px -1px -1px 0px;
}

.box-project {
  padding: 120px 0px;
}

.list-ticked {
  list-style: none;
  padding: 0px;
  max-width: 193px;
  margin: auto;
  margin-bottom: 20px;
}
.list-ticked li {
  font-size: 18px;
  line-height: 40px;
  font-weight: 400;
  color: var(--tc-theme-text-2);
  padding-left: 26px;
  background-image: url(../imgs/template/icons/tick.png);
  background-position: left center;
  background-repeat: no-repeat;
}

.box-plan {
  padding: 120px 0px;
  background-color: var(--tc-primary-100_2);
}

.box-list-pricing {
  padding-top: 60px;
}

.box-teams {
  margin-top: 60px;
}

.box-our-team {
  padding: 60px 0px 60px 0px;
}

.box-slider-testimonials .swiper-slide {
  max-width: 610px;
}

.box-swiper {
  overflow: hidden;
}

.box-testimonials {
  padding: 120px 0px;
  background-color: var(--tc-primary-500_2);
}

.accordion-button {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: var(--tc-dark-950);
}
.accordion-button p {
  margin-bottom: 0px;
}

.accordion-button::after {
  background-image: url(../imgs/template/icons/plus.svg);
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../imgs/template/icons/minus.svg);
  background-position: center;
}

.accordion-item {
  box-shadow: var(--tc-shadow-1);
  margin-bottom: 40px;
  border-radius: 0px;
}

.accordion-item:first-of-type {
  border-radius: 0px;
}

.accordion-button:not(.collapsed) {
  background-color: var(--tc-theme-main);
  box-shadow: none;
  color: var(--tc-dark-950);
}

.accordion-body {
  padding-top: 0px;
}

.box-faqs {
  padding: 120px 0px;
}

.support-247 {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 12;
}

.box-slider-testimonials {
  margin-top: 60px;
}

.box-button-slider .swiper-button-prev {
  margin-right: 10px;
}

.box-info-contact {
  display: flex;
  align-items: center;
}
.box-info-contact .image-contact {
  max-width: 340px;
  width: 100%;
  padding-right: 50px;
  padding-top: 50px;
  position: relative;
  margin-right: 30px;
}
.box-info-contact .image-contact .image-contact-inner {
  width: 290px;
  height: 290px;
  border-radius: 50%;
  background-color: var(--tc-secondery-500);
  overflow: hidden;
  position: absolute;
  top: 90px;
  left: 0px;
  z-index: 1;
  right: 0px;
  margin: auto;
}
.box-info-contact .image-contact img {
  position: relative;
  z-index: 2;
  width: auto;
  min-width: 100%;
  height: 100%;
  display: block;
  max-width: none;
}
.box-info-contact .info-contact {
  display: inline-block;
  position: relative;
}
.box-info-contact .info-contact .heading-3xl {
  margin-bottom: 40px;
}

.box-contact-phone {
  display: flex;
  align-items: center;
}
.box-contact-phone .contact-phone,
.box-contact-phone .contact-email,
.box-contact-phone .contact-location {
  display: flex;
  align-items: center;
  padding-right: 40px;
  margin-bottom: 30px;
}
.box-contact-phone .contact-phone:last-child,
.box-contact-phone .contact-email:last-child,
.box-contact-phone .contact-location:last-child {
  padding-right: 0px;
}
.box-contact-phone .contact-phone span,
.box-contact-phone .contact-email span,
.box-contact-phone .contact-location span {
  padding-left: 12px;
}

.box-contacts {
  padding: 0px 0px 0px 0px;
  background-color: var(--tc-primary-400);
}

.text-inline {
  display: flex;
  align-items: center;
}

.text-footer {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  color: var(--tc-theme-main);
  border-bottom: 2px solid var(--tc-primary-500);
  display: inline-block;
}

.share {
  background-image: url(../imgs/template/icons/share.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid var(--tc-theme-main);
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  display: inline-block;
  margin: 0px 7px;
  border-radius: 50%;
}
.share.fb {
  background-image: url(../imgs/template/icons/fb-2.svg);
}
.share.tw {
  background-image: url(../imgs/template/icons/tw-2.svg);
}
.share.printest {
  background-image: url(../imgs/template/icons/pinterest.svg);
}
.share.instagram {
  background-image: url(../imgs/template/icons/instagram.svg);
}

.list-socials .share {
  height: 45px;
  width: 45px;
  border-color: var(--tc-primary-200);
  margin: 0px 8px 0px 0px;
}

.footer-1 p {
  margin-bottom: 0px;
}

.footer-bottom {
  border-top: 1px solid var(--tc-graay-50_2);
  padding-top: 25px;
}

.section-footer {
  padding: 74px 0px 60px 0px;
}

.form-newsletter {
  position: relative;
}
.form-newsletter .form-control {
  height: 60px;
  border-radius: 8px;
  width: 100%;
  border: 0px;
}
.form-newsletter .btn-newsletter {
  height: 50px;
  width: 55px;
  background-color: var(--tc-primary-500);
  background-image: url(../imgs/template/icons/icon-submit.png);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
}

.box-circle-round-banner {
  position: absolute;
  bottom: 40px;
  right: 40px;
  z-index: 2;
}

.icon-18 {
  width: 18px;
  height: 18px;
}

.icon_50 {
  width: 50px;
  height: 50px;
  line-height: 50px;
}

.icon_80 {
  width: 80px;
  height: 80px;
  line-height: 80px;
}

.icon_120 {
  width: 120px;
  height: 120px;
  line-height: 120px;
}

.icon_140 {
  width: 140px;
  height: 140px;
  line-height: 140px;
}

.icon_180 {
  width: 180px;
  height: 180px;
  line-height: 180px;
}

.icon_150 {
  width: 150px;
  height: 150px;
  line-height: 150px;
}

.icon_160 {
  width: 160px;
  height: 160px;
  line-height: 160px;
}

.icon_185 {
  width: 185px;
  height: 185px;
}

.icon_220 {
  width: 220px;
  height: 220px;
}

.icon-shape {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
}

.circle-text {
  font-size: 36px;
  line-height: 38px;
  font-family: var(--tc-ag-font-family);
}
.circle-text span {
  position: absolute;
  top: -104px;
  display: inline-block;
  transform-origin: 0 104px;
  color: var(--tc-theme-main) !important;
}

.icon_120 .circle-text {
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
}
.icon_120 .circle-text span {
  position: absolute;
  top: -54px;
  display: inline-block;
  transform-origin: 0 54px;
  color: var(--tc-dark-950) !important;
}

.icon_140 .circle-text {
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
}
.icon_140 .circle-text span {
  position: absolute;
  top: -64px;
  display: inline-block;
  transform-origin: 0 64px;
  color: var(--tc-theme-main) !important;
}

.icon_180 .circle-text {
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
}
.icon_180 .circle-text span {
  position: absolute;
  top: -84px;
  display: inline-block;
  transform-origin: 0 84px;
  color: var(--tc-theme-main) !important;
}

.pt-80 {
  padding-top: 80px;
}

.box-banner-2 {
  padding: 70px 0px 0px 0px;
  background-color: var(--tc-theme-bg-1);
}

.banner-small-title-black {
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  color: var(--tc-dark-950);
  font-family: var(--tc-ag-font-family);
  text-transform: uppercase;
  position: relative;
  padding-right: 70px;
  margin-bottom: 20px;
  display: inline-block;
}
.banner-small-title-black::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  height: 2px;
  background-color: var(--tc-theme-primary);
  width: 60px;
}

.banner-small-title-white {
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  color: var(--tc-theme-main);
  font-family: var(--tc-ag-font-family);
  text-transform: uppercase;
  position: relative;
  padding-right: 70px;
  margin-bottom: 20px;
  display: inline-block;
}
.banner-small-title-white::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  height: 2px;
  background-color: var(--tc-theme-main);
  width: 60px;
}

.title-banner-black {
  font-size: 68px;
  line-height: 115%;
  font-weight: 700;
  color: var(--tc-dark-950);
  font-family: var(--tc-ag-font-family);
}

.box-need-help {
  padding-left: 70px;
  background: url(../imgs/pages/home2/help.png) no-repeat left center;
}
.box-need-help p {
  margin: 0px;
}

.header-style-2 {
  background-color: var(--tc-theme-bg-1);
}

.list-tick-col {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  list-style: none;
  padding: 0px;
  flex-wrap: wrap;
}
.list-tick-col li {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: var(--tc-theme-text-2);
  margin-bottom: 20px;
  width: 100%;
}
.list-tick-col li svg {
  margin-right: 6px;
}

.box-about-us {
  padding: 120px 0px 90px 0px;
  background-color: var(--tc-theme-bg-2);
  border-top: 1px solid var(--tc-secondery-400);
}

.happy-customers {
  border: 1px solid var(--tc-theme-primary);
  border-radius: 5px;
  padding: 13px 32px;
  display: inline-block;
  max-width: 273px;
  margin-right: 30px;
}

.box-happy-customers {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 0px 40px 0px 0px;
  flex-wrap: wrap;
  position: relative;
}
.box-happy-customers .happy-customers {
  margin-left: 30px;
}
.box-happy-customers img {
  display: block;
}
.box-happy-customers .box-happy-img-1 {
  position: absolute;
  left: 0px;
  z-index: 1;
  text-align: left;
}
.box-happy-customers .box-happy-img-1 img {
  width: 100%;
  margin-bottom: 25px;
}
.box-happy-customers .box-happy-img-2 {
  position: relative;
  z-index: 2;
}
.box-happy-customers .box-happy-img-2 img {
  width: 100%;
}

.box-projects-home2 {
  padding: 90px 0px;
}

.box-list-projects {
  margin: 0px -10px;
  display: flex;
  flex-wrap: wrap;
}
.box-list-projects .item-project {
  width: 20%;
  padding: 0px 10px;
}
.box-list-projects .item-project img {
  display: block;
  width: 100%;
}

.box-services {
  padding: 90px 0px;
  background-color: var(--tc-theme-bg-1);
}

.box-services-lists {
  display: flex;
  align-items: flex-start;
  width: 100%;
  border: 1px solid var(--tc-theme-border-4);
  border-left: 1px solid var(--tc-dark-950);
  position: relative;
}
.box-services-lists::before {
  content: "";
  height: 1px;
  background-color: var(--tc-dark-950);
  top: -1px;
  left: 0px;
  z-index: 2;
  width: 50%;
  position: absolute;
  display: none;
}
.box-services-lists::after {
  content: "";
  height: 1px;
  background-color: var(--tc-dark-950);
  bottom: -1px;
  left: 0px;
  z-index: 2;
  width: 50%;
  position: absolute;
  display: none;
}
.box-services-lists .service-right {
  padding: 55px 51px 55px 51px;
  width: 50%;
}
.box-services-lists .service-left {
  width: 50%;
}

.head-service {
  padding: 30px 0px 30px 30px;
}

.service-item-list {
  width: 100%;
  border-top: 1px solid var(--tc-dark-950);
  border-bottom: 1px solid var(--tc-dark-950);
  border-left: 0px;
  border-bottom: 0px;
}
.service-item-list .item-service {
  padding: 30px;
  border-bottom: 1px solid var(--tc-dark-950);
  border-right: 1px solid var(--tc-dark-950);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.service-item-list .item-service .title-service {
  font-size: 32px;
  line-height: 120%;
  font-weight: bold;
  font-family: var(--tc-ag-font-family);
  text-transform: uppercase;
  color: var(--tc-dark-950);
  max-width: 60%;
}
.service-item-list .item-service .link-read-more {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  background-color: var(--tc-secondery-400);
  border-radius: 50%;
}
.service-item-list .item-service .link-read-more svg {
  stroke: var(--tc-theme-main);
}
.service-item-list .item-service .desc-tab-service {
  max-width: 37%;
  display: none;
  color: var(--tc-dark-950);
  margin-bottom: 0px;
}
.service-item-list .item-service:last-child {
  border-bottom: 0px;
}
.service-item-list .item-service.active {
  border-right: 0px solid var(--tc-dark-950);
}
.service-item-list .item-service.active .title-service {
  text-decoration: underline;
}
.service-item-list .item-service.active .link-read-more {
  display: none;
}
.service-item-list .item-service.active .desc-tab-service {
  display: block;
}

.box-testimonial-2 {
  padding: 90px 0px;
  background-color: var(--tc-dark-950);
  background-image: url(../imgs/pages/home2/bg-testimonial.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}

.box-consultants {
  padding: 90px 0px;
  background-image: url(../imgs/pages/home2/bg-team.png);
  background-repeat: no-repeat;
  background-position: right bottom -260px;
}

.consultant-social a {
  display: inline-block;
  margin-right: 32px;
  position: relative;
  transition: all 0.3s ease-in-out;
  top: 0px;
}
.consultant-social a:last-child {
  margin-right: 0px;
}
.consultant-social a:hover {
  top: -3px;
}

.block-video {
  height: 870px;
  background: url(../imgs/pages/home2/img-video.png) no-repeat center;
  background-size: cover;
  position: relative;
}
.block-video::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../imgs/pages/home2/bg-video.png) no-repeat left center;
  background-size: cover;
}
.block-video .btn-play {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 2;
  background-color: var(--tc-primary-500);
  height: 150px;
  width: 150px;
  border-radius: 50%;
  font-size: 32px;
  line-height: 120%;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
  color: var(--tc-theme-main);
  line-height: 140px;
  text-transform: capitalize;
  text-align: center;
  margin: auto;
  transition: all 0.3s ease-in-out;
}
.block-video .btn-play:hover {
  top: -10px;
}

.swiper-button-prev-style-3, .swiper-button-next-style-3 {
  background-color: var(--tc-dark-950);
}
.swiper-button-prev-style-3 svg, .swiper-button-next-style-3 svg {
  stroke: var(--tc-theme-secondary);
}
.swiper-button-prev-style-3:hover, .swiper-button-next-style-3:hover {
  background-color: var(--tc-theme-main);
  border-color: var(--tc-theme-main);
}
.swiper-button-prev-style-3:hover svg, .swiper-button-next-style-3:hover svg {
  stroke: var(--tc-dark-950);
}

.light-mode {
  display: inline-block;
}

.dark-mode {
  display: none;
}

.box-button-change-package .btn {
  margin-right: 30px;
}
.box-button-change-package .btn:last-child {
  margin-right: 0px;
}
.box-button-change-package .btn.btn-active {
  background-color: var(--tc-secondery-400);
  color: var(--tc-theme-main);
}

.package-item {
  display: none;
}

.box-latest-blog-2 {
  padding: 110px 0px;
  background-color: var(--tc-theme-secondary);
}

.top-footer {
  position: relative;
}
.top-footer .box-contact-phone {
  top: -90px;
  position: relative;
  background-color: var(--tc-theme-main);
  padding: 60px 118px;
  box-shadow: var(--tc-shadow-1);
}

.footer-2 {
  margin-top: 150px;
  background-color: var(--tc-dark-950);
  background-image: none;
}
.footer-2 .box-contact-phone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer-2 .section-footer {
  padding: 0px 0px 60px 0px;
}
.footer-2 .icon-contact {
  height: 60px;
  width: 60px;
  min-width: 60px;
  background-color: var(--tc-theme-secondary);
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
  margin-right: 15px;
}
.footer-2 .icon-contact svg {
  fill: var(--tc-secondery-600);
}
.footer-2 .list-socials .share {
  background-color: rgba(208, 210, 214, 0.0941176471);
  border-radius: 0px;
  border: 0px;
}
.footer-2 .list-socials .share:hover {
  background-color: var(--tc-primary-home);
}
.footer-2 .text-footer {
  border-bottom: 0px;
  font-family: var(--tc-ag-font-family);
}
.footer-2 .form-newsletter .btn-newsletter {
  background-color: var(--tc-secondery-500);
}

.box-banner-3 {
  padding: 100px 0px 120px 0px;
  background-color: var(--tc-theme-bg-1);
  background-image: url(../imgs/pages/home3/bg-banner.png);
  background-repeat: no-repeat;
  background-position: left bottom 25px;
  background-size: auto 95%;
}
.box-banner-3 .banner-2 {
  padding-right: 40px;
}

.item-progress {
  margin-bottom: 20px;
}

.box-progress {
  margin-bottom: 50px;
}

.box-experience {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  margin: 30px 0px 0px 0px;
  padding: 16px 32px 16px 16px;
  background-color: var(--tc-primary-home);
  text-align: left;
  border-radius: 4px;
}
.box-experience .icon-experience {
  padding-right: 16px;
}
.box-experience .icon-experience .image-exp {
  width: 63px;
  height: 63px;
  line-height: 63px;
  text-align: center;
  background-color: var(--tc-primary-home-2);
  border-radius: 4px;
}
.box-experience .info-exp h3, .box-experience .info-exp p {
  color: var(--tc-theme-main);
}
.box-experience .info-exp h3 {
  font-size: 38px;
  line-height: 38px;
  font-weight: bold;
  font-family: var(--tc-ag-font-family);
}
.box-experience .info-exp p {
  margin: 0px;
}

.box-features {
  position: relative;
  top: -60px;
}

.box-call-help {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.box-call-help .btn {
  margin-bottom: 20px;
  margin-right: 20px;
}
.box-call-help .call-for-help {
  margin-left: 0px;
  margin-bottom: 20px;
}
.box-call-help .call-for-help .contact-phone {
  display: flex;
  align-items: center;
}
.box-call-help .call-for-help .contact-phone .icon-contact {
  margin-right: 10px;
}

.box-border-top-bottom {
  border-top: 2px solid rgba(139, 139, 139, 0.5215686275);
  border-bottom: 2px solid rgba(139, 139, 139, 0.5215686275);
  margin-top: 25px;
  padding-top: 25px;
  margin-bottom: 40px;
  padding-bottom: 0px;
}

.box-years-exp {
  margin-bottom: 15px;
  display: inline-block;
  padding-right: 65px;
}

.box-img-about {
  position: relative;
  z-index: 2;
  padding-right: 45px;
}

.box-img-about-inner-2 {
  position: relative;
}

.box-img-about-2 {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: 55%;
  width: 100%;
  z-index: 1;
}

.box-circle-year-exp {
  height: 200px;
  width: 200px;
  line-height: 200px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--tc-primary-home);
}
.box-circle-year-exp div {
  display: inline-block;
  line-height: 28px;
  vertical-align: middle;
}
.box-circle-year-exp div h3 {
  font-size: 68px;
  line-height: 60px;
  color: var(--tc-theme-main);
  font-family: var(--tc-ag-font-family);
}
.box-circle-year-exp div h3 span {
  line-height: 60px;
}
.box-circle-year-exp div p {
  margin: 0px;
  color: var(--tc-theme-main);
}

.box-about-us-2 {
  padding: 30px 0px 60px 0px;
}

.box-case-studies {
  background-color: var(--tc-primary-home);
  padding: 120px 0px;
}

.box-button-filter {
  text-align: center;
  margin: 30px 0px 40px 0px;
}

.box-services-2 {
  padding: 120px 0px;
}

.box-get-touch {
  padding: 130px 0px 0px 0px;
  background-image: url(../imgs/pages/home3/touch.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.box-touch {
  display: flex;
  align-items: center;
}
.box-touch .touch-left {
  width: 60%;
  background-color: rgba(185, 17, 2, 0.8784313725);
  padding: 60px 70px;
}
.box-touch .touch-right {
  width: 40%;
}

.bg-trans-w {
  background-color: transparent;
  background: url(../imgs/template/icons/bg-trans.png);
  padding: 73px;
  width: 100%;
  text-align: center;
}

.box-testimonial-3 {
  padding: 120px 0px;
  position: relative;
  background: url(../imgs/pages/home3/bg-testimonial.svg) no-repeat top 100px left;
}
.box-testimonial-3::before {
  content: "";
  height: 565px;
  width: 100%;
  background-image: linear-gradient(to bottom, #B91202, rgba(185, 17, 2, 0));
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 2;
}
.box-testimonial-3::after {
  content: "";
  height: 565px;
  width: 100%;
  background-color: var(--tc-dark-950);
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 1;
}
.box-testimonial-3 .container {
  position: relative;
  z-index: 4;
}
.box-testimonial-3 .box-testimonials-lists {
  margin-top: 60px !important;
}

.swiper-pagination-style-1 {
  bottom: 0px !important;
}
.swiper-pagination-style-1 .swiper-pagination-bullet {
  background-color: var(--tc-theme-main);
  margin: 0px 6px !important;
  position: relative;
}
.swiper-pagination-style-1 .swiper-pagination-bullet:hover::before, .swiper-pagination-style-1 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  content: "";
  height: 20px;
  width: 20px;
  border: 1px solid var(--tc-theme-main);
  border-radius: 50%;
  position: absolute;
  top: -5px;
  left: -5px;
}

.client-logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 130px;
  flex-wrap: wrap;
}
.client-logos img {
  margin-bottom: 30px;
}

.box-testimonials-lists {
  position: relative;
}

.bg-testimonial-2 {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 3;
  height: 130px;
  width: 250px;
  background: url(../imgs/pages/home3/bg-testimonial2.svg) no-repeat right bottom;
}

.box-đeicated-team {
  padding: 120px 0px;
  background-color: var(--tc-graay-50);
  background-image: url(../imgs/pages/home3/bg-dedicated.png);
  background-position: top 110px center;
  background-repeat: no-repeat;
}

.swiper-button-prev-style-5, .swiper-button-next-style-5 {
  background-color: rgba(185, 17, 2, 0.3568627451);
  border-color: rgba(185, 17, 2, 0.3568627451);
}
.swiper-button-prev-style-5 svg, .swiper-button-next-style-5 svg {
  stroke: var(--tc-theme-main);
}
.swiper-button-prev-style-5:hover, .swiper-button-next-style-5:hover {
  background-color: var(--tc-primary-home);
  border-color: var(--tc-primary-home);
}

.box-latest-blog-3 {
  padding: 120px 0px 20px 0px;
}

.swiper-button-prev-style-6, .swiper-button-next-style-6 {
  border-radius: 0px;
  height: 42px;
  width: 56px;
  background-color: rgba(0, 7, 11, 0.1215686275);
  border: 0px;
}
.swiper-button-prev-style-6 svg, .swiper-button-next-style-6 svg {
  margin-top: -5px;
}
.swiper-button-prev-style-6:hover, .swiper-button-next-style-6:hover {
  background-color: var(--tc-dark-950);
}
.swiper-button-prev-style-6:hover svg, .swiper-button-next-style-6:hover svg {
  stroke: var(--tc-theme-main);
}

.footer-style-home-3 .icon-contact {
  background-color: var(--tc-primary-home);
}
.footer-style-home-3 .icon-contact svg {
  fill: var(--tc-theme-main) !important;
}
.footer-style-home-3 .form-newsletter .btn-newsletter {
  background-color: var(--tc-primary-home);
}

.box-banner-4 {
  /* background-image: linear-gradient(to bottom, #000d14b2, #002B43); */
  background: url(../imgs/pages/home4/banner2.png) no-repeat top center;
  padding-top: 300px;
  padding-bottom: 200px;
}
.box-banner-4::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url(../imgs/pages/home4/trans.png) no-repeat center;
  background-size: cover;
}
.box-banner-4 .container {
  position: relative;
  z-index: 2;
}
.box-banner-4 .box-banner-video {
  position: relative;
}
.box-banner-4 .box-banner-video .btn-play-4 {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  z-index: 2;
  height: 118px;
  width: 118px;
}

.box-chackout {
  padding: 120px 0px;
}

.box-our-process {
  padding: 120px 0px;
  background-color: var(--tc-primary-500);
}

.box-list-process-2 {
  display: flex;
  align-items: center;
  margin: 0px -15px;
  flex-wrap: wrap;
}
.box-list-process-2 .item-process {
  padding: 20px 15px;
  position: relative;
  width: 25%;
}
.box-list-process-2 .item-process:hover .icon-process img {
  transform: rotateY(180deg);
  transition: 0.3s linear;
}
.box-list-process-2 .item-process .icon-process {
  margin-bottom: 30px;
}
.box-list-process-2 .item-process .icon-process img {
  transition: 0.3s linear;
}
.box-list-process-2 .item-process .info-process h6,
.box-list-process-2 .item-process .info-process p {
  color: var(--tc-theme-main);
  margin-bottom: 20px;
}
.box-list-process-2 .item-process::before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.3882352941);
  position: absolute;
  top: 0px;
  right: 15px;
  z-index: 1;
}
.box-list-process-2 .item-process:last-child::before {
  display: none;
}

.link-white {
  color: var(--tc-theme-main);
}
.link-white svg {
  stroke: var(--tc-theme-main);
}

.text-under {
  text-decoration: underline;
}

.box-client-logo {
  padding: 100px 0px;
}

.box-about-us-4 {
  background-color: rgba(0, 85, 255, 0.3215686275);
  padding: 120px 0px 80px 0px;
  background-image: url(../imgs/pages/home4/bg-about.png);
  background-repeat: no-repeat;
  background-position: center right;
}

.box-progress-primary .progress {
  background-color: rgba(227, 227, 227, 0.5019607843);
}
.box-progress-primary .progress-bar {
  background-color: var(--tc-primary-500);
}

.box-testimonials-4 {
  padding: 120px 0px;
}

.box-dedicated-2 {
  padding: 120px 0px;
  background-image: url(../imgs/pages/home4/bg-dedicated.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.box-plan-2 {
  background-color: var(--tc-theme-main);
  padding: 120px 0px;
  background-image: url(../imgs/pages/home4/bg-pricing.png);
  background-position: center top;
  background-repeat: no-repeat;
}

.swiper-pagination-style-2 {
  bottom: 0px !important;
  margin-bottom: -50px;
}
.swiper-pagination-style-2 .swiper-pagination-bullet {
  background-color: var(--tc-primary-500_2);
  margin: 0px 9px !important;
  position: relative;
}
.swiper-pagination-style-2 .swiper-pagination-bullet:hover, .swiper-pagination-style-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tc-primary-500);
}
.swiper-pagination-style-2 .swiper-pagination-bullet:hover::before, .swiper-pagination-style-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  content: "";
  height: 20px;
  width: 20px;
  border: 1px solid var(--tc-primary-500);
  border-radius: 50%;
  position: absolute;
  top: -5px;
  left: -5px;
}

.box-blog-4 {
  padding: 120px 140px;
}

.box-blog-4-inner {
  border-radius: 20px;
  background-color: var(--tc-secondery-600);
  padding: 80px 100px;
}

.footer-style-3 {
  background-color: var(--tc-theme-main);
}
.footer-style-3 .grey-100 {
  color: rgba(1, 34, 54, 0.8352941176);
}
.footer-style-3 .hover-effect:hover {
  color: var(--tc-secondery-600) !important;
}
.footer-style-3 .text-footer {
  color: var(--tc-theme-heading-2);
  font-weight: bold;
  font-family: var(--tc-body-font-family);
}
.footer-style-3 .list-socials .share {
  border: 0px;
  background-color: var(--tc-theme-bg-4);
  background-image: none;
  line-height: 44px;
}
.footer-style-3 .list-socials .share svg {
  fill: var(--tc-secondery-600) !important;
}
.footer-style-3 .list-socials .share:hover {
  background-color: var(--tc-secondery-600);
}
.footer-style-3 .list-socials .share:hover svg {
  fill: var(--tc-theme-main) !important;
}
.footer-style-3 .form-newsletter .form-control {
  background-color: var(--tc-graay-50);
}
.footer-style-3 .footer-bottom {
  border-top-color: rgba(0, 4, 7, 0.5333333333) !important;
}
.footer-style-3 .text-inline svg {
  fill: var(--tc-primary-500);
}

.opacity-8 {
  opacity: 0.8 !important;
}

.box-contacts-2 {
  background-image: url(../imgs/pages/home4/bg-top-footer.png);
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  padding: 100px 0px;
}
.box-contacts-2::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-image: url(../imgs/pages/home4/bg-trans.png);
}
.box-contacts-2 .container {
  position: relative;
  z-index: 2;
}

.form-group {
  margin-bottom: 20px;
}

.form-control {
  padding: 10px 20px;
  border-radius: 5px;
  background-color: var(--tc-theme-main);
  height: 50px;
  border: 0px;
}

.box-services-4 {
  background-color: var(--tc-theme-main);
  padding: 120px 0px;
  background-image: url(../imgs/pages/home4/bg-service.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.box-ul {
  max-width: 356px;
  background-color: var(--tc-theme-main);
  padding-bottom: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  z-index: 2;
  box-shadow: var(--tc-shadow-1);
}
.box-ul ul {
  background-color: var(--tc-primary-50);
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.box-ul ul li {
  width: 100%;
}
.box-ul ul li a {
  padding: 8px 30px;
  font-size: 20px;
  line-height: 40px;
  font-weight: bold;
  font-family: var(--tc-body-font-family);
  color: var(--tc-dark-950);
  width: 100%;
  display: block;
}
.box-ul ul li a:hover, .box-ul ul li a.active {
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
}

.phone-service {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  font-family: var(--tc-body-font-family);
}
.phone-service span {
  display: inline-block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  background-color: var(--tc-theme-main);
  border-radius: 50%;
  box-shadow: var(--tc-shadow-1);
  margin-right: 20px;
}

.box-content-tab {
  text-align: right;
}
.box-content-tab .tab-content {
  max-width: 86%;
  width: 100%;
  display: inline-block;
  text-align: left;
}

.tab-div {
  padding: 361px 74px 60px 202px;
}
.tab-div .link-white {
  font-weight: bold;
  font-family: var(--tc-body-font-family);
}

.tab-affordable {
  background-image: url(../imgs/pages/home4/banner-service6.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.tab-knowledge {
  background-image: url(../imgs/pages/home4/banner-service2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.tab-savetimes {
  background-image: url(../imgs/pages/home4/banner-service3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.tab-fastquality {
  background-image: url(../imgs/pages/home4/banner-service4.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.tab-experienced {
  background-image: url(../imgs/pages/home4/banner-service5.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.box-image-about-home-4 {
  position: relative;
  display: inline-block;
}
.box-image-about-home-4::before {
  content: "";
  height: 200px;
  width: 200px;
  background-image: url(../imgs/pages/home4/star.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  bottom: 0px;
  right: -30px;
}
.box-image-about-home-4 .btn-play {
  position: absolute;
  height: 118px;
  width: 118px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
  z-index: 3;
}

.box-banner-5 {
  padding: 200px 0px;
  background-image: url(../imgs/pages/home5/banner.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.box-banner-5::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  height: 100%;
  width: 100%;
  background-image: url(../imgs/pages/home5/bg-trans-banner.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.box-banner-5:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  height: 100%;
  width: 100%;
  background-image: url(../imgs/pages/home5/bg-banner.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
.box-banner-5 .container {
  position: relative;
  z-index: 3;
}
.box-banner-5 .box-need-help {
  background: url(../imgs/pages/home5/help.png) no-repeat left center;
}
.box-banner-5 .box-need-help * {
  color: var(--tc-theme-main);
}

.line-primary-home::before {
  background-color: var(--tc-primary-home);
}

.bg-red {
  background-color: var(--tc-primary-home);
  display: inline-block;
  border-radius: 5px;
  padding: 0px 10px;
}

.box-about-us-5 {
  position: relative;
  padding-top: 120px !important;
}

.link-primary-home {
  color: var(--tc-neutral-1200);
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: var(--tc-ag-font-family);
}
.link-primary-home svg {
  fill: var(--tc-primary-home);
  margin-top: -2px;
  display: inline-block;
  margin-left: 4px;
}

.box-meet-experts {
  position: relative;
}

.box-clients-5 {
  position: relative;
  padding: 120px 0px;
  background-color: rgba(251, 243, 242, 0.5254901961);
}
.box-clients-5 .container {
  position: relative;
  z-index: 3;
}

.bg-number {
  background-color: var(--tc-neutral-1200);
  height: 720px;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
}
.bg-number::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-image: url(../imgs/pages/home5/bg-number-left.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.bg-number::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-image: url(../imgs/pages/home5/bg-number-right.png);
  background-repeat: no-repeat;
  background-position: right top;
}

.box-numbers {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 90px;
}
.box-numbers .item-number {
  max-width: 224px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.0745098039);
  border-radius: 68px 0px 0px 68px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.box-numbers .item-number .item-number-image {
  width: 85px;
  height: 85px;
  border: 1px solid rgba(255, 255, 255, 0.5333333333);
  border-radius: 50%;
  line-height: 82px;
  text-align: center;
  margin-right: 15px;
}
.box-numbers .item-number .item-numner-info h3 {
  line-height: 40px;
  color: var(--tc-theme-main);
}
.box-numbers .item-number .item-numner-info p {
  margin-bottom: 0px;
  color: var(--tc-theme-main);
}

.box-form-contact {
  padding: 60px 60px 30px 60px;
  background-color: var(--tc-theme-main);
  border-radius: 20px;
  box-shadow: var(--tc-shadow-1);
  margin-top: 46px;
}

.block-form-contact {
  position: relative;
  padding-bottom: 30px;
  background: url(../imgs/pages/home5/img-contact.png) no-repeat right center;
  background-size: auto 100%;
}
.block-form-contact .row {
  position: relative;
  z-index: 2;
}

.box-image-contact {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1;
}

.form-contact .form-group {
  margin-bottom: 30px;
}
.form-contact .form-control {
  border: 1px solid var(--tc-theme-border-7);
  border-radius: 20px;
  height: 72px;
}
.form-contact .form-control.user {
  background-image: url(../imgs/pages/home5/user.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
}
.form-contact .form-control.phone {
  background-image: url(../imgs/pages/home5/phone.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
}
.form-contact .form-control.email {
  background-image: url(../imgs/pages/home5/email.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
}
.form-contact textarea.form-control {
  height: auto;
}

.footer-style-4 {
  background-color: var(--tc-neutral-1200);
  margin-top: 0px;
  padding-top: 50px;
}
.footer-style-4 .section-footer {
  padding-bottom: 0px;
}
.footer-style-4 .footer-bottom {
  margin-top: 60px;
}

.box-newsletter {
  border: 1px solid var(--tc-theme-main);
  border-radius: 20px;
  padding: 55px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.box-newsletter .newsletter-left {
  width: 50%;
  display: flex;
  align-items: center;
}
.box-newsletter .newsletter-left .newsletter-image {
  padding-right: 30px;
}
.box-newsletter .newsletter-left .newsletter-info * {
  color: var(--tc-theme-main);
}
.box-newsletter .newsletter-right {
  width: 45%;
}
.box-newsletter .newsletter-right .form-newsletter .form-control {
  border-radius: 999px;
  background-color: var(--tc-neutral-1200);
  border: 1px solid var(--tc-theme-main);
  color: var(--tc-theme-main);
}
.box-newsletter .newsletter-right .form-newsletter .form-control::-moz-placeholder {
  color: var(--tc-theme-main);
}
.box-newsletter .newsletter-right .form-newsletter .form-control::placeholder {
  color: var(--tc-theme-main);
}
.box-newsletter .newsletter-right .form-newsletter .btn-newsletter {
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 1.2px;
  font-weight: bold;
  font-family: var(--tc-ag-font-family);
  color: var(--tc-theme-main);
  text-transform: uppercase;
  width: auto;
  padding: 0px 22px;
  border-radius: 999px;
  background-color: var(--tc-primary-home-2);
  background-image: none;
}

.box-let-connect {
  padding: 80px 0px;
}

.color-white-70 {
  color: rgba(255, 255, 255, 0.6784313725);
}

.menu-footer {
  display: inline-block;
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.menu-footer li {
  display: inline-block;
  padding: 0px 10px;
}
.menu-footer li a {
  display: inline-block;
  padding: 0px 0px;
  color: rgba(255, 255, 255, 0.6784313725);
  font-size: 16px;
  line-height: 30px;
  font-family: var(--tc-rubik-font-family);
}
.menu-footer li a:hover {
  color: var(--tc-primary-home);
}

.swiper-pagination-style-3 .swiper-pagination-bullet {
  background-color: var(--tc-theme-main);
  height: 14px;
  width: 14px;
  margin: 0px 4px !important;
}
.swiper-pagination-style-3 .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-style-3 .swiper-pagination-bullet:hover {
  background-color: var(--tc-primary-home);
}
.swiper-pagination-style-3 .swiper-pagination-bullet.swiper-pagination-bullet-active::before, .swiper-pagination-style-3 .swiper-pagination-bullet:hover::before {
  display: none;
}

.box-banner-6 {
  padding: 175px 0px 0px 0px;
  background-image: url(../imgs/pages/home6/bg-banner.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}

.banner-circle {
  position: absolute;
  top: 39px;
  right: 65px;
}

.banner-star {
  position: absolute;
  bottom: 45px;
  left: 90px;
}

.box-slide-partners {
  padding: 50px 0px;
  background-color: var(--tc-primary-500);
}

.swiper-group-slide-text .swiper-slide {
  width: auto !important;
}

.text-slide {
  display: flex;
  align-items: center;
}
.text-slide svg {
  margin-right: 20px;
  fill: var(--tc-graay-100);
}

.box-about-us-6 {
  padding: 120px 0px;
}

.box-number-about {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.box-number-about .item-number {
  padding: 15px 25px 25px 25px;
  background-color: rgba(230, 238, 255, 0.2196078431);
  margin-right: 30px;
  border: 1px solid var(--tc-primary-50);
}
.box-number-about .item-number p {
  margin-bottom: 0px;
}

.box-image-about-6 {
  position: relative;
  padding-right: 38px;
  padding-bottom: 0px;
  max-width: 515px;
  width: 100%;
}
.box-image-about-6::before {
  content: "";
  height: 100%;
  width: 6px;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: var(--tc-dark-950);
}
.box-image-about-6 .box-image-about-inner {
  padding: 30px 0px 0px 0px;
}
.box-image-about-6 .box-image-about-inner img {
  width: 100%;
  position: relative;
  z-index: 2;
  right: -20px;
  border: 4px solid var(--tc-primary-500);
  border-radius: 14px;
}
.box-image-about-6 .box-image-about-inner:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 30px;
  right: 30px;
  top: 0px;
  left: 0px;
  background-color: var(--tc-dark-950);
  border-radius: 10px;
}

.box-our-services-6 {
  background-color: var(--tc-dark-950);
  padding: 120px 0px;
  position: relative;
}
.box-our-services-6::before {
  content: "";
  height: 56%;
  background-color: var(--tc-theme-bg-5);
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 0px;
  left: 0px;
}
.box-our-services-6 .container {
  position: relative;
  z-index: 2;
}

.color-white-60 {
  color: rgba(255, 255, 255, 0.6509803922);
}

.box-clients .client-logos .item-logo svg {
  fill: rgba(255, 255, 255, 0.3411764706);
}
.box-clients .client-logos .item-logo:hover svg {
  fill: var(--tc-theme-main);
}

.box-case-study {
  padding: 120px 0px;
}
.box-case-study .box-slider-testimonials .swiper-slide {
  max-width: 420px;
}

.box-dedicated-team-2 {
  background-color: rgba(204, 221, 255, 0.7333333333);
  padding: 120px 0px;
}

.box-video-3 {
  height: auto;
  width: 100%;
}
.box-video-3 .block-video {
  background: url(../imgs/pages/home6/img-video.png) no-repeat center;
  background-size: cover;
}
.box-video-3 .block-video::before {
  display: none;
}

.box-testimonial-6 {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
  background-image: url(../imgs/pages/home6/bg-testimonials.png);
  background-repeat: no-repeat;
  background-position: top center;
}

.swiper-pagination-style-4 {
  bottom: 0px !important;
}
.swiper-pagination-style-4 .swiper-pagination-bullet {
  background-color: var(--tc-primary-500);
  margin: 0px 7px !important;
  position: relative;
  height: 10px;
  width: 10px;
}
.swiper-pagination-style-4 .swiper-pagination-bullet:hover::before, .swiper-pagination-style-4 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  content: "";
  height: 24px;
  width: 24px;
  border: 1px solid var(--tc-primary-500);
  border-radius: 10px;
  position: absolute;
  top: -7px;
  left: -7px;
}

.footer-5 {
  margin-top: 0px;
  background-color: var(--tc-theme-main);
}
.footer-5 .top-footer {
  background-color: var(--tc-primary-500);
}
.footer-5 .top-footer .box-contact-phone {
  top: auto;
  background-color: var(--tc-primary-500);
  padding: 60px 118px 30px 118px;
}
.footer-5 .section-footer {
  padding-top: 60px;
  background-color: var(--tc-secondery-600);
}
.footer-5 .footer-1 {
  background-color: var(--tc-primary-500);
}
.footer-5 .footer-1 .footer-bottom {
  border-top: 0px;
  padding-top: 0px;
}

.nav-tabs-case {
  display: inline-block;
}
.nav-tabs-case li {
  display: inline-block;
  padding: 0px 15px;
}
.nav-tabs-case li a {
  padding: 10px 0px;
  position: relative;
}
.nav-tabs-case li a.active::before {
  content: "";
  height: 1px;
  background-color: var(--tc-primary-500);
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.nav-tabs-case li:first-child {
  padding-left: 0px;
}

.footer-style-13 .section-footer {
  background-color: var(--tc-dark-950);
}
.footer-style-13 .list-socials .share {
  border-radius: 50%;
  background-image: none !important;
  background-color: var(--tc-theme-main);
  line-height: 43px;
}
.footer-style-13 .list-socials .share svg {
  fill: var(--tc-secondery-500);
}
.footer-style-13 .list-socials .share:hover {
  background-color: var(--tc-primary-500);
}
.footer-style-13 .list-socials .share:hover svg {
  fill: var(--tc-theme-main);
}
.footer-style-13 .footer-1 {
  background-color: var(--tc-primary-500);
}
.footer-style-13 .icon-contact {
  margin-right: 0px;
  background-color: var(--tc-secondery-500);
}
.footer-style-13 .icon-contact svg {
  fill: var(--tc-theme-main);
}

.line-divider {
  border-bottom: 1px solid var(--tc-graay-100);
  width: 90%;
  margin: 30px 0px 30px 0px;
}

.image-banner-6 {
  position: relative;
}
.image-banner-6 .image-banner-6-2 {
  position: absolute;
  right: -150px;
  bottom: 0px;
  height: 760px;
}

.box-button-slider-500 .swiper-button-prev-style-1, .box-button-slider-500 .swiper-button-next-style-1 {
  background-color: rgba(51, 119, 255, 0.5254901961);
  border: 0px;
}
.box-button-slider-500 .swiper-button-prev-style-1 svg, .box-button-slider-500 .swiper-button-next-style-1 svg {
  stroke: var(--tc-theme-main);
}
.box-button-slider-500 .swiper-button-prev-style-1:hover, .box-button-slider-500 .swiper-button-next-style-1:hover {
  background-color: var(--tc-primary-500);
}

.box-banner-7::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 100px;
  z-index: 3;
  height: 210px;
  width: 215px;
  background: url(../imgs/pages/home7/banner-right.png) no-repeat center;
  background-size: cover;
}
.box-banner-7::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 100px;
  z-index: 3;
  height: 210px;
  width: 215px;
  background: url(../imgs/pages/home7/banner-left.png) no-repeat center;
  background-size: cover;
}
.box-banner-7 .banner-7 {
  padding: 170px 0px 290px 0px;
  position: relative;
  background: url(../imgs/pages/home7/banner.png) no-repeat center;
  background-size: cover;
}
.box-banner-7 .banner-7::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: url(../imgs/pages/home7/bg-banner.png) no-repeat center;
  background-size: cover;
}
.box-banner-7 .banner-7 .container {
  position: relative;
  z-index: 2;
}

.box-authors-banner {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border: 1px solid var(--tc-primary-1000);
  border-radius: 5px;
  text-align: left;
}
.box-authors-banner .box-authors-banner-left {
  padding-right: 10px;
}
.box-authors-banner .box-authors-banner-left img {
  border: 1px solid var(--tc-theme-main);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  margin-right: -10px;
}
.box-authors-banner .box-authors-banner-left .plus-circle {
  display: inline-block;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 1px solid var(--tc-theme-main);
  text-align: center;
  line-height: 31px;
  background-color: var(--tc-primary-1000);
}
.box-authors-banner .box-authors-banner-left .plus-circle svg {
  fill: var(--tc-theme-main);
}
.box-authors-banner .box-authors-banner-right .text-author-exp {
  margin-bottom: 0px;
  font-size: 6px;
  line-height: 11px;
  color: var(--tc-theme-main);
  font-family: var(--tc-rubik-font-family);
}
.box-authors-banner .box-authors-banner-right .text-num-author {
  font-size: 17px;
  line-height: 22px;
  color: var(--tc-theme-main);
  font-weight: bold;
  font-family: var(--tc-ag-font-family);
}

.box-best-services {
  position: relative;
}

.line-primary-1000::before {
  background-color: var(--tc-primary-1000);
}
.line-primary-1000::after {
  background-color: var(--tc-primary-1000);
}

.pt-70 {
  padding-top: 70px;
}

.box-best-services .swiper-slide {
  max-width: 420px;
}

.box-image-about-7 {
  display: flex;
  align-items: flex-end;
  margin: 0px -10px;
  position: relative;
  padding-right: 20px;
}
.box-image-about-7 .image-left {
  width: 65%;
  padding: 0px 10px 15px 10px;
  position: relative;
  text-align: right;
}
.box-image-about-7 .image-left img {
  max-width: 90%;
  border-radius: 20px;
}
.box-image-about-7 .image-right {
  width: 35%;
  position: relative;
  padding: 0px 10px;
}
.box-image-about-7 .image-right img {
  margin-bottom: 15px;
  border-radius: 20px;
}

.abs-bottom {
  position: absolute;
  bottom: 0px;
  left: 10px;
  z-index: 12;
}

.container-projects {
  position: relative;
  padding: 0px 10px;
  margin-top: 60px;
}

.box-list-projects-2 {
  display: flex;
  align-items: center;
  margin: 0px -10px;
  flex-wrap: wrap;
}
.box-list-projects-2 .item-project {
  padding: 0px 10px;
  width: 25%;
  margin-bottom: 20px;
}

.box-logos-partner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 120px;
}
.box-logos-partner .item-partner {
  display: inline-block;
  width: 25%;
  margin-bottom: 40px;
}

.box-best-team {
  position: relative;
}
.box-best-team::before {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 55%;
  background-color: var(--tc-theme-bg-1);
  z-index: 1;
}
.box-best-team .container {
  position: relative;
  z-index: 2;
}

.box-newsletter-2 {
  padding-top: 120px;
}
.box-newsletter-2 .box-newsletter {
  border-radius: 20px;
  background-color: var(--tc-neutral-1000);
  padding: 30px;
}
.box-newsletter-2 .box-newsletter .newsletter-left .newsletter-image svg {
  fill: var(--tc-primary-1000);
}
.box-newsletter-2 .box-newsletter .newsletter-right .form-newsletter .form-control {
  background-color: rgba(255, 255, 255, 0.062745098);
  border: 0px;
}
.box-newsletter-2 .box-newsletter .newsletter-right .form-newsletter .btn-newsletter {
  background-color: var(--tc-primary-1000);
  color: var(--tc-neutral-1000);
}
.box-newsletter-2 .box-newsletter .newsletter-right .form-newsletter .btn-newsletter:hover {
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
}

.box-list-blogs {
  margin-top: 60px;
}

.box-footer-video {
  border-radius: 20px;
  height: 479px;
  background: url(../imgs/pages/home7/bg-video.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: -239px;
  left: 15px;
  right: 15px;
}
.box-footer-video .btn-play {
  height: 93px;
  width: 93px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}

.footer-style-6 {
  margin-top: 250px;
  background-image: url(../imgs/pages/home7/bg-footer.png);
  background-repeat: no-repeat;
  background-position: top center;
}
.footer-style-6 .section-footer {
  padding-top: 300px;
}

.footer-style-6 .hover-effect {
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.7058823529);
}
.footer-style-6 .hover-effect svg {
  fill: var(--tc-primary-1000);
  margin-right: 15px;
  margin-top: -2px;
}
.footer-style-6 .hover-effect:after {
  display: none;
}
.footer-style-6 .hover-effect:hover {
  padding-left: 5px;
  color: var(--tc-primary-1000) !important;
  padding-right: 0px;
}
.footer-style-6 .text-footer {
  padding-right: 74px;
  position: relative;
}
.footer-style-6 .text-footer::before {
  content: "";
  position: absolute;
  top: 47%;
  right: 0px;
  width: 54px;
  height: 1px;
  background-color: var(--tc-primary-1000);
}
.footer-style-6 .footer-bottom {
  border-top: 1px solid rgba(0, 117, 220, 0.1529411765);
}

.recent-news-list {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.recent-news-list li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.recent-news-list li .news-image {
  width: 80px;
  min-width: 80px;
  margin-right: 15px;
}
.recent-news-list li .news-image img {
  display: block;
  border-radius: 5px;
}
.recent-news-list li .news-info .news-postdate {
  margin-bottom: 3px;
}
.recent-news-list li .news-info .news-postdate svg {
  margin-right: 3px;
  margin-top: -2px;
}
.recent-news-list li .news-info .news-link {
  color: var(--tc-theme-main);
}
.recent-news-list li .news-info .news-link:hover {
  color: var(--tc-primary-1000);
}

.box-image-about-7 .image-left .box-image-about-big {
  position: relative;
  display: inline-block;
}
.box-image-about-7 .image-left .box-image-about-big .icon-3 {
  position: absolute;
  top: -46px;
  left: 0px;
  z-index: 2;
  max-width: 100%;
  border-radius: 0px;
}
.box-image-about-7 .image-left .box-image-about-big .icon-2 {
  position: absolute;
  top: -40px;
  left: 0px;
  z-index: 2;
  max-width: 100%;
  border-radius: 0px;
}

.box-about-us-7 {
  background-image: url(../imgs/pages/home7/bg-about.png);
  background-position: right 113px bottom 88px;
  background-repeat: no-repeat;
}

.list-tick {
  list-style: none;
  padding: 0px;
  margin: 0px 0px 30px 0px;
}
.list-tick li {
  margin-bottom: 10px;
}
.list-tick li svg {
  margin-right: 10px;
  fill: var(--tc-primary-1000);
}

.box-why-choose {
  position: relative;
  padding-top: 132px;
}
.box-why-choose::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  height: 520px;
  width: 100%;
  background: var(--tc-dark-950) url(../imgs/pages/home7/bg-why.png) no-repeat top center;
}
.box-why-choose .container {
  position: relative;
  z-index: 2;
}

.list-why-choose {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0px -15px;
  padding-bottom: 120px;
}
.list-why-choose .item-why {
  padding: 0px 15px;
  position: relative;
  display: flex;
  align-items: center;
  width: 20%;
}
.list-why-choose .item-why .item-left {
  margin-right: 10px;
}
.list-why-choose .item-why .item-right {
  position: relative;
}
.list-why-choose .item-why .item-right p {
  margin-bottom: 0px;
}
.list-why-choose .item-why.why-line {
  padding-right: 80px;
}
.list-why-choose .item-why.why-line::before {
  content: "";
  height: 1px;
  max-width: 202px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  margin: auto;
  background-color: var(--tc-theme-main);
}

.box-review-main {
  padding: 60px;
  background-color: var(--tc-theme-main);
  border-radius: 20px;
  box-shadow: var(--tc-shadow-1);
}
.box-review-main .review-content p {
  line-height: 30px;
  color: var(--tc-graay-800);
}

.review-author {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  background: url(../imgs/pages/home7/quote.svg) no-repeat right center;
  padding-right: 60px;
}
.review-author .review-image {
  min-width: 80px;
  width: 80px;
  margin-right: 20px;
}
.review-author .review-content {
  margin-bottom: 30px;
}
.review-author .review-content p {
  margin-bottom: 0px;
}
.review-author .review-author-info h5 {
  color: var(--tc-neutral-1900);
}
.review-author .review-author-info p {
  margin-bottom: 0px;
  color: var(--tc-graay-800);
}

.box-banner-8 {
  padding: 120px 0px;
  position: relative;
}
.box-banner-8::before {
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  top: 31%;
  right: 54px;
  background-image: url(../imgs/pages/home8/setup.png);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  animation: rotate 2s linear infinite;
}
.box-banner-8::after {
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  top: 51%;
  left: 54px;
  background-image: url(../imgs/pages/home8/setup.png);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  animation: rotate 2s linear infinite;
}
.box-banner-8 .container {
  position: relative;
  z-index: 2;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.box-about-us-8 {
  padding: 120px 0px;
  background-color: var(--tc-dark-950);
}

.box-services-8 {
  padding: 120px 0px;
  background-color: var(--tc-primary-1100);
  background-image: url(../imgs/pages/home8/bg-service.png);
  background-repeat: no-repeat;
  background-position: center;
}

.box-project-8 {
  background-image: linear-gradient(to right, #4aa4f0, #9e3dde);
  padding: 120px 0px;
}

.line-theme-main {
  color: var(--tc-theme-main);
}
.line-theme-main::before {
  background-color: var(--tc-theme-main);
}
.line-theme-main::after {
  background-color: var(--tc-theme-main);
}

.rd8 {
  border-radius: 8px;
}

.box-team-members {
  padding: 120px 0px;
}
.box-team-members .swiper-button-prev-style-3,
.box-team-members .swiper-button-next-style-3 {
  background-image: linear-gradient(to right, rgba(158, 61, 222, 0.2039215686), rgba(74, 165, 240, 0.2));
  background-color: transparent;
  border: 0px;
}
.box-team-members .swiper-button-prev-style-3 svg,
.box-team-members .swiper-button-next-style-3 svg {
  stroke: var(--tc-dark-950);
}
.box-team-members .swiper-button-prev-style-3:hover,
.box-team-members .swiper-button-next-style-3:hover {
  background-image: linear-gradient(to right, #9e3dde, #4aa5f0);
}
.box-team-members .swiper-button-prev-style-3:hover svg,
.box-team-members .swiper-button-next-style-3:hover svg {
  stroke: var(--tc-theme-main);
}

.line-dark-950::before {
  background-color: var(--tc-dark-950);
}

.box-team-members {
  background-image: linear-gradient(to right, rgba(74, 165, 240, 0.1647058824), rgba(158, 61, 222, 0.1764705882));
}

.box-team-members-inner {
  background-image: url(../imgs/pages/home8/bg-team.png);
  background-repeat: no-repeat;
  background-position: top left;
}

.box-faqs-8 {
  padding: 120px 0px;
  position: relative;
}
.box-faqs-8 .block-faqs {
  margin-bottom: 40px;
}
.box-faqs-8 .accordion-item {
  box-shadow: none;
  border: 0px;
  border-top: 1px solid rgba(0, 4, 7, 0.337254902);
  margin-bottom: 0px;
}
.box-faqs-8 .accordion-item:last-child {
  border-bottom: 1px solid rgba(0, 4, 7, 0.337254902);
}
.box-faqs-8 .accordion-button,
.box-faqs-8 .accordion-body {
  padding-left: 0px;
  padding-right: 0px;
}
.box-faqs-8 .accordion-button {
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: var(--tc-ag-font-family);
}
.box-faqs-8 .accordion-button:focus {
  box-shadow: none;
}
.box-faqs-8 .accordion-button::after {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  background-color: var(--tc-graay-100);
  background-position: center;
  background-size: 14px;
}

.box-faqs-8-inner {
  position: relative;
  overflow: hidden;
}
.box-faqs-8-inner .box-faqs-8-bg {
  background-image: url(../imgs/pages/home8/img-faq.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 809px;
  width: 100%;
  max-width: 50%;
  z-index: 12;
}
.box-faqs-8-inner .box-faqs-8-bg::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 325px;
  height: 721px;
  background-image: url(../imgs/pages/home8/bg-faq.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}
.box-faqs-8-inner:after {
  content: "";
  position: absolute;
  width: 106px;
  height: 110px;
  background-image: url(../imgs/pages/home8/icon1.png);
  background-repeat: no-repeat;
  background-position: center;
  top: 140px;
  right: 80px;
}
.box-faqs-8-inner::before {
  content: "";
  position: absolute;
  height: 133px;
  width: 712px;
  background-image: url(../imgs/pages/home8/icon2.png);
  background-repeat: no-repeat;
  background-position: left center;
  bottom: 40px;
  right: 0px;
}

.box-testimonial-8 {
  padding: 120px 0px;
  background-color: var(--tc-dark-950);
}
.box-testimonial-8 .card-testimonials-6 {
  background: linear-gradient(var(--tc-dark-950) 0 0) padding-box, linear-gradient(to right, #9e3dde, #4aa4f0) border-box;
  border: 4px solid transparent;
}
.box-testimonial-8 .card-testimonials-6 .card-author .author-info p {
  color: rgba(238, 238, 238, 0.8352941176);
}

.box-testimonial-8 .card-testimonials-6 .card-author .author-image {
  width: 60px;
  height: 60px;
  line-height: 50px;
  min-width: 60px;
  margin-right: 16px;
}
.box-testimonial-8 .card-testimonials-6 .card-author .author-image img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.box-testimonial-8 .card-testimonials-6 .comment-text {
  margin-bottom: 32px;
}
.box-testimonial-8 .box-slider-testimonials .swiper-slide {
  max-width: 580px;
}
.box-testimonial-8 .box-button-slider .swiper-button-prev,
.box-testimonial-8 .box-button-slider .swiper-button-next {
  background-image: linear-gradient(to right, rgba(74, 165, 240, 0.6117647059), rgba(158, 61, 222, 0.6235294118));
}

.top-footer-logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-footer-logo .left-footer {
  position: relative;
  text-align: center;
  width: 50%;
}
.top-footer-logo .right-footer {
  position: relative;
  text-align: center;
  width: 50%;
}
.top-footer-logo .right-footer * {
  display: inline-block;
  padding: 0px 3px;
}
.top-footer-logo .middle-footer {
  min-width: 260px;
  background-color: transparent;
  background-image: linear-gradient(to right, #4aa4f0, #9e3dde);
  padding: 40px 40px;
  text-align: center;
}

.footer-style-7 {
  margin-top: 0px;
}
.footer-style-7 .top-footer {
  background: linear-gradient(var(--tc-dark-950) 0 0) padding-box, linear-gradient(to right, #9e3dde, #4aa4f0) border-box;
  border-bottom: 1px solid transparent;
}
.footer-style-7 .section-footer {
  padding-top: 80px;
}
.footer-style-7 .list-socials .share {
  border-radius: 50%;
  background: linear-gradient(var(--tc-dark-950) 0 0) padding-box, linear-gradient(to right, #9e3dde, #4aa4f0) border-box;
  border: 1px solid transparent;
  line-height: 42px;
  text-align: center;
}
.footer-style-7 .list-socials .share:hover {
  background-image: linear-gradient(to right, rgba(74, 165, 240, 0.6117647059), rgba(158, 61, 222, 0.6235294118));
}

.box-progress-gradient .progress-bar {
  background-color: var(--tc-theme-bg-8);
}

.line-gradient-01::before {
  background-image: linear-gradient(to right, #9e3dde, #4aa5f0);
  background-color: transparent;
}

.box-image-about-8 {
  position: relative;
  display: inline-block;
}

.image-circle {
  position: absolute;
  right: -110px;
  bottom: 0px;
  z-index: 2;
}

.progress-bar {
  transition: width 0.5s ease-in-out;
}

.box-progress-gradient {
  overflow: hidden;
}

.box-progress-gradient .progress-bar {
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s ease-in-out;
}

.box-progress-gradient .progress-bar.animate {
  transform: scaleX(1);
}

/* Add this CSS to animate the progress bar on scroll */
.box-progress-gradient.animate .progress-bar {
  animation: animateProgressBar 5s ease-in-out forwards;
}

@keyframes animateProgressBar {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.slide-banner-home-9 {
  background: url(../imgs/pages/home9/banner.png) no-repeat;
  background-size: cover;
  padding: 250px 0px 300px 0px;
}
.slide-banner-home-9::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2117647059);
}
.slide-banner-home-9 .container {
  position: relative;
  z-index: 2;
}

.text-border-square {
  display: inline-block;
  padding: 10px;
  border: 1px solid var(--tc-theme-main);
  text-transform: uppercase;
  color: var(--tc-theme-main);
}

.box-banner-9 {
  position: relative;
}
.box-banner-9 .swiper-button-prev-style-5 {
  position: absolute;
  top: 50%;
  left: 0px;
  padding: 0px;
  height: 64px;
  width: 120px;
  text-align: center;
  line-height: 60px;
  background-color: rgba(230, 238, 255, 0.1098039216);
  border-radius: 0px;
  border: 0px;
  z-index: 1234;
}
.box-banner-9 .swiper-button-prev-style-5 svg {
  stroke: var(--tc-theme-main);
  width: auto;
  height: auto;
}
.box-banner-9 .swiper-button-prev-style-5:hover {
  background-color: var(--tc-primary-500);
}
.box-banner-9 .swiper-button-next-style-5 {
  position: absolute;
  top: 50%;
  z-index: 1234;
  right: 0px;
  padding: 0px;
  height: 64px;
  width: 120px;
  text-align: center;
  line-height: 60px;
  background-color: rgba(230, 238, 255, 0.1098039216);
  border-radius: 0px;
  border: 0px;
}
.box-banner-9 .swiper-button-next-style-5 svg {
  stroke: var(--tc-theme-main);
  width: auto;
  height: auto;
}
.box-banner-9 .swiper-button-next-style-5:hover {
  background-color: var(--tc-primary-500);
}

.box-features-2 {
  position: relative;
  top: -132px;
  z-index: 123;
  margin-bottom: -150px;
}

.lable-border {
  padding: 10px 25px;
  border: 1px solid var(--tc-primary-500);
  color: var(--tc-secondery-500);
  display: inline-block;
}

.list-disc li {
  padding-right: 65px;
}

.box-images-about-9 {
  position: relative;
  background: url(../imgs/pages/home9/circle.png) no-repeat center;
  background-size: 70%;
  min-height: 565px;
  margin-right: 30px;
}
.box-images-about-9::before {
  content: "";
  height: 44px;
  width: 41px;
  background: url(../imgs/pages/home9/icon1.png) no-repeat center;
  position: absolute;
  top: 96px;
  right: 88px;
}
.box-images-about-9 .image-about-1 {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}
.box-images-about-9 .image-about-1 .btn-play-2 {
  position: absolute;
  bottom: 0px;
  right: 0px;
  border-radius: 10px 0px 10px 0px;
}
.box-images-about-9 .image-about-1 img {
  border-radius: 5px;
}
.box-images-about-9 .image-about-2 {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 1;
}
.box-images-about-9 .image-about-2 img {
  border-radius: 5px;
}

.box-our-services-9 {
  padding: 120px 0px;
  background: url(../imgs/pages/home9/bg-service.png) no-repeat center;
  background-size: cover;
  background-color: var(--tc-secondery-500);
}
.box-our-services-9 .btn-view-all span {
  background-color: rgba(204, 204, 206, 0.1215686275);
}
.box-our-services-9 .btn-view-all:hover {
  color: var(--tc-primary-1000);
}
.box-our-services-9 .btn-view-all:hover span {
  background-color: var(--tc-primary-1000);
}

.box-list-numbers {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.box-list-numbers .item-number {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  width: 25%;
}
.box-list-numbers .item-number .number-left {
  height: 75px;
  width: 75px;
  background-color: var(--tc-primary-500);
  text-align: center;
  line-height: 70px;
  margin-right: 10px;
}
.box-list-numbers .item-number .number-right {
  text-align: center;
}
.box-list-numbers .item-number .number-right p {
  margin-bottom: 0px;
}

.box-number-9 {
  padding: 120px 0px;
  background-color: rgba(248, 250, 255, 0.7882352941);
}

.container-testimonials {
  position: relative;
}
.container-testimonials .testimonial-left .testimonial-left-inner {
  min-height: 700px;
  width: 100%;
  max-width: 40%;
  position: relative;
}
.container-testimonials .testimonial-left .testimonial-left-inner img {
  width: auto;
  max-width: none;
  height: auto;
  min-height: 100%;
}
.container-testimonials .testimonial-left .testimonial-left-inner .btn-play-3 {
  position: absolute;
  height: 120px;
  width: 120px;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 12;
  margin: auto;
}
.container-testimonials .testimonial-left .testimonial-left-inner .btn-play-3 img {
  width: 100%;
}
.container-testimonials .testimonial-left .testimonial-left-inner .box-button-slider {
  position: absolute;
  bottom: 40px;
  right: -220px;
}
.container-testimonials .testimonial-left .testimonial-left-inner .box-button-slider .swiper-button-prev, .container-testimonials .testimonial-left .testimonial-left-inner .box-button-slider .swiper-button-next {
  height: 42px;
  width: 56px;
  border: 0px;
  line-height: 20px;
  border-radius: 0px;
}
.container-testimonials .testimonial-left .testimonial-left-inner .box-button-slider .swiper-button-prev:hover, .container-testimonials .testimonial-left .testimonial-left-inner .box-button-slider .swiper-button-next:hover {
  background-color: var(--tc-primary-500);
}
.container-testimonials .testimonial-left .testimonial-left-inner .box-button-slider .swiper-button-prev:hover svg, .container-testimonials .testimonial-left .testimonial-left-inner .box-button-slider .swiper-button-next:hover svg {
  stroke: var(--tc-theme-main);
}
.container-testimonials .testimonial-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  max-width: 1043px;
  width: 60%;
  background-color: var(--tc-secondery-500);
  padding: 80px 60px 50px 60px;
  border-radius: 10px;
}

.box-we-can-help {
  background-color: var(--tc-primary-500);
  padding: 0px;
  margin-top: 190px;
}
.box-we-can-help .btn-white {
  color: var(--tc-secondery-500);
}
.box-we-can-help .btn-white svg {
  stroke: var(--tc-secondery-500);
}

.block-can-help {
  display: flex;
  align-items: center;
}
.block-can-help .block-left {
  padding: 176px 50px 176px 0px;
  position: relative;
  width: 100%;
}
.block-can-help .block-right {
  min-width: 409px;
  position: relative;
  width: 409px;
  height: 600px;
}
.block-can-help .block-right .box-image-help {
  position: absolute;
  top: -100px;
  overflow: hidden;
  width: 100%;
  height: calc(100% + 100px);
}
.block-can-help .block-right .box-image-help img {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  max-width: none;
  height: auto;
  min-height: 100%;
  min-width: 100%;
}

.box-latest-blog-9 .card-blog-3, .box-latest-blog-9 .card-blog-4 {
  background-color: rgba(0, 7, 11, 0.0745098039);
}
.box-latest-blog-9 .card-blog-3 .card-image .card-date, .box-latest-blog-9 .card-blog-4 .card-image .card-date {
  background-color: var(--tc-primary-500);
}
.box-latest-blog-9 .card-blog-3 .card-info .card-title a, .box-latest-blog-9 .card-blog-4 .card-info .card-title a {
  color: var(--tc-secondery-500);
}
.box-latest-blog-9 .card-blog-3 .card-info .card-title .desc-news, .box-latest-blog-9 .card-blog-4 .card-info .card-title .desc-news {
  color: rgba(0, 37, 57, 0.7176470588);
}
.box-latest-blog-9 .card-blog-3 .card-info .card-title .link-readmore, .box-latest-blog-9 .card-blog-4 .card-info .card-title .link-readmore {
  background-color: var(--tc-primary-500);
}
.box-latest-blog-9 .card-blog-3 .card-info .card-meta .comment, .box-latest-blog-9 .card-blog-4 .card-info .card-meta .comment {
  background-image: url(../imgs/template/icons/comment.svg);
  color: var(--tc-secondery-500);
}
.box-latest-blog-9 .card-blog-3 .card-info .card-meta .by-user, .box-latest-blog-9 .card-blog-4 .card-info .card-meta .by-user {
  background-image: url(../imgs/template/icons/user.svg);
  color: var(--tc-secondery-500);
}
.box-latest-blog-9 .card-blog-4 .card-info .card-title .link-readmore {
  color: var(--tc-dark-950);
  background-color: transparent;
}
.box-latest-blog-9 .card-blog-4 .card-info .card-title .link-readmore svg {
  stroke: var(--tc-dark-950);
}
.box-latest-blog-9 .card-blog-4 .card-info .card-title .link-readmore:hover {
  color: var(--tc-primary-500);
}
.box-latest-blog-9 .card-blog-4 .card-info .card-title .link-readmore:hover svg {
  stroke: var(--tc-primary-500);
}

.box-latest-projects-9 {
  padding: 120px 0px;
  background-color: var(--tc-secondery-500);
  background-image: url(../imgs/pages/home9/bg-project.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 120px;
}
.box-latest-projects-9 .swiper-button-prev, .box-latest-projects-9 .swiper-button-next {
  background-color: var(--tc-secondery-500);
}
.box-latest-projects-9 .swiper-button-prev svg, .box-latest-projects-9 .swiper-button-next svg {
  stroke: var(--tc-theme-main);
}
.box-latest-projects-9 .swiper-button-prev:hover, .box-latest-projects-9 .swiper-button-next:hover {
  background-color: var(--tc-primary-500);
}

.box-list-projects-9 {
  display: flex;
  align-items: flex-start;
  margin-top: 60px;
}
.box-list-projects-9 .box-ul {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  max-width: 195px;
  min-width: 195px;
  background-color: transparent;
}
.box-list-projects-9 .box-ul ul {
  background-color: transparent;
  border-bottom: 0px;
}
.box-list-projects-9 .box-ul ul li {
  margin-bottom: 15px;
}
.box-list-projects-9 .box-ul ul li a {
  background-color: rgba(179, 181, 182, 0.1215686275);
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  color: var(--tc-theme-main);
  padding: 20px 10px;
}
.box-list-projects-9 .box-ul ul li a.active {
  background-color: var(--tc-primary-500);
}
.box-list-projects-9 .box-content-tab {
  text-align: left;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-left: 30px;
}
.box-list-projects-9 .box-content-tab .tab-content {
  max-width: 100%;
}

.box-team-member-9 {
  padding: 120px 0px 0px 0px;
}

.footer-style-home-9 .box-contact-phone {
  border-radius: 10px;
  padding: 60px 118px 40px 118px;
}
.footer-style-home-9 .icon-contact {
  background-color: var(--tc-primary-500);
}
.footer-style-home-9 .icon-contact svg {
  fill: var(--tc-theme-main);
}

.box-banner-10 {
  position: relative;
  min-height: 800px;
  background: url(../imgs/pages/home10/bg-banner.png) no-repeat bottom center;
}
.box-banner-10 .banner-right {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  z-index: 1;
  width: 100%;
  max-width: 40%;
  background: url(../imgs/pages/home10/banner.png) no-repeat center;
  background-size: cover;
  border-radius: 0px 0px 400px 93px;
}
.box-banner-10::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 620px;
  width: 620px;
  background: url(../imgs/pages/home10/bg-banner-2.png) no-repeat top left;
  z-index: 1;
}
.box-banner-10::after {
  content: "";
  position: absolute;
  top: -20px;
  left: 0px;
  height: 360px;
  width: 228px;
  background: url(../imgs/pages/home10/icon-banner.png) no-repeat top left;
  z-index: 1;
}
.box-banner-10 .container {
  position: relative;
  z-index: 2;
}
.box-banner-10 .banner {
  padding-top: 180px;
  padding-bottom: 270px;
  width: 100%;
  max-width: 50%;
}

.box-image-about-10 {
  display: flex;
  align-items: center;
  margin: 0px -10px;
}
.box-image-about-10 .image-about-1 {
  width: 55%;
  padding: 10px;
  margin-bottom: 30px;
}
.box-image-about-10 .image-about-2 {
  width: 45%;
  padding: 10px;
  margin-bottom: 30px;
}

.box-services-10 {
  background-color: var(--tc-secondery-500);
  padding: 120px 0px 60px 0px;
}

.block-work-process {
  background: url(../imgs/pages/home10/bg-work.png) no-repeat right 100px top 25px;
}

.box-work-process {
  padding: 120px 0px;
}

.box-teams-10 {
  position: relative;
  padding-top: 40px;
}
.box-teams-10::before {
  content: "";
  height: 176px;
  background: url(../imgs/pages/home10/bg-dedicated.png) no-repeat top center;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: -40px;
  right: -40px;
  z-index: 1;
}
.box-teams-10 .box-swiper {
  position: relative;
  z-index: 2;
}

.box-video-10 {
  padding: 161px 0px;
  position: relative;
  background: url(../imgs/pages/home10/bg-video.png) no-repeat top center;
}
.box-video-10::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-image: linear-gradient(to right, #00050F, rgba(0, 85, 255, 0.4941176471));
}
.box-video-10 .container {
  position: relative;
  z-index: 2;
}

.box-faqs-10 .box-img-faq-10 {
  height: 547px;
}
.box-faqs-10 .box-img-faq-10 img {
  vertical-align: top;
}

.box-images-faq-inner {
  display: flex;
  align-items: center;
  margin: 0px -10px;
}
.box-images-faq-inner .images-faq-1 {
  width: 55%;
  padding: 0px 10px;
}
.box-images-faq-inner .images-faq-2 {
  width: 45%;
  padding: 0px 10px;
}

.box-authors-testimonials {
  margin-top: 100px;
}
.box-authors-testimonials img {
  height: 60px;
  width: 60px;
  margin-right: -12px;
  border-radius: 50%;
}

.box-testimonials-10 {
  position: relative;
  background-color: var(--tc-secondery-500);
  padding-top: 120px;
}
.box-testimonials-10::before {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 1;
  width: 200px;
  height: 185px;
  background: url(../imgs/pages/home10/quote.png) no-repeat center;
  background-size: cover;
}

.box-slider-testimonials-10 {
  position: relative;
}
.box-slider-testimonials-10 .box-button-slider {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.box-latest-blog-10, .box-about-us-10 {
  padding: 120px 0px;
}

.box-testimonials-10 .box-button-slider .swiper-button-prev, .box-testimonials-10 .box-button-slider .swiper-button-next {
  border: 1px solid var(--tc-primary-500);
  background-color: transparent;
}
.box-testimonials-10 .box-button-slider .swiper-button-prev svg, .box-testimonials-10 .box-button-slider .swiper-button-next svg {
  stroke: var(--tc-theme-main);
}
.box-testimonials-10 .box-button-slider .swiper-button-prev:hover, .box-testimonials-10 .box-button-slider .swiper-button-next:hover {
  background-color: var(--tc-primary-500);
}
.box-testimonials-10 .card-testimonials-7 .comment-author {
  display: inline-block;
  width: 100%;
}
.box-testimonials-10 .card-testimonials-7 .comment-author p {
  margin-bottom: 0px;
}

.box-banner-11 {
  padding: 220px 0px 140px 0px;
  background: url(../imgs/pages/home11/bg-banner2.png) no-repeat right bottom;
  background-size: auto;
}
.box-banner-11 .box-banner-11-inner {
  background: url(../imgs/pages/home11/bg-banner.png) no-repeat left center;
}
.box-banner-11 .banner {
  max-width: 530px;
  position: relative;
  width: 100%;
}
.box-banner-11 .banner h1 span {
  font-weight: 400;
}

.form-search {
  position: relative;
}
.form-search form .form-control {
  border: 1px solid var(--tc-theme-border-7);
  border-radius: 120px;
  background-color: var(--tc-theme-main);
  height: 68px;
  padding: 0px 20px;
  color: #585858;
  font-size: 16px;
  line-height: 26px;
  box-shadow: var(--tc-shadow-1);
}
.form-search form .btn-search {
  height: 59px;
  width: 59px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  background-color: var(--tc-primary-500);
  position: absolute;
  top: 5px;
  right: 5px;
}
.form-search form .btn-search svg {
  fill: var(--tc-theme-main);
}

.box-our-services-11 {
  padding: 120px 0px;
  background-color: var(--tc-theme-bg-9);
  position: relative;
}

.bdrd-10 {
  border-radius: 10px;
}

.box-employees {
  display: flex;
  align-items: center;
  background-color: var(--tc-theme-main);
  border-radius: 5px;
  box-shadow: var(--tc-shadow-1);
  padding: 18px 30px;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  bottom: 10%;
  right: -80%;
}
.box-employees .employees-icon {
  padding-right: 20px;
}

.box-images-about {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0px -10px;
  padding-right: 40px;
}
.box-images-about .images-about-1 {
  width: 46%;
  padding: 0px 10px;
}
.box-images-about .images-about-1 img {
  margin-bottom: 20px;
}
.box-images-about .images-about-2 {
  width: 54%;
  padding: 0px 10px;
}
.box-images-about .images-about-2 img {
  margin-bottom: 20px;
}

.box-about-us-11 {
  padding: 120px 0px 120px 0px;
}

.box-list-about-icon {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  flex-wrap: wrap;
}
.box-list-about-icon .item-about-icon {
  text-align: center;
  margin-right: 30px;
}
.box-list-about-icon .item-about-icon:last-child {
  margin-right: 0px;
}
.box-list-about-icon .item-about-icon .item-icon {
  height: 64px;
  width: 64px;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--tc-primary-500);
  text-align: center;
  line-height: 62px;
  position: relative;
  bottom: -32px;
  z-index: 2;
}
.box-list-about-icon .item-about-icon .item-info {
  border-radius: 10px;
  padding: 38px 30px 12px 30px;
  background-color: hsla(220, 100%, 50%, 0.5);
  position: relative;
}

.box-case-studies-2 {
  padding: 0px 0px 120px 0px;
  background: url(../imgs/pages/home11/bg-study.png) no-repeat left top 90px;
}

.swiper-button-prev-style-circle, .swiper-button-next-style-circle {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  line-height: 44px;
  background-image: linear-gradient(to right, hsla(151, 58%, 46%, 0.3), rgba(26, 182, 156, 0.3));
}
.swiper-button-prev-style-circle:hover, .swiper-button-next-style-circle:hover {
  background-image: linear-gradient(to right, hsl(151, 58%, 46%), rgb(26, 182, 156));
}
.swiper-button-prev-style-circle:hover svg, .swiper-button-next-style-circle:hover svg {
  fill: var(--tc-theme-main);
}

.box-list-studies {
  padding: 0px 60px;
}

.box-contact-11 {
  background-image: linear-gradient(to left, hsl(151, 58%, 46%), rgb(26, 182, 156));
  border-radius: 10px;
  padding: 50px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.box-contact-11 .contact-phone {
  display: flex;
  align-items: center;
  min-width: 360px;
  position: relative;
  margin-right: 30px;
}
.box-contact-11 .contact-phone * {
  color: var(--tc-theme-main);
}
.box-contact-11 .contact-phone::before {
  content: "";
  width: 3px;
  height: 90px;
  background-color: var(--tc-primary-500);
  position: absolute;
  right: 0px;
  top: 0px;
}
.box-contact-11 .contact-phone .icon-phone {
  background-color: rgba(102, 117, 148, 0.2);
  border-radius: 0px 53px 53px 0px;
  padding: 20px;
  min-width: 130px;
  text-align: right;
  margin-right: 10px;
}
.box-contact-11 .contact-text {
  width: 100%;
}
.box-contact-11 .contact-text * {
  color: var(--tc-theme-main);
}
.box-contact-11 .contact-button {
  padding: 0px 60px 0px 60px;
  min-width: 272px;
}
.box-contact-11 .contact-button .btn {
  border-radius: 10px;
}

.box-new-models {
  padding: 200px 0px;
  background: url(../imgs/pages/home11/banner.png) no-repeat top center;
  background-size: cover;
}

.block-new-models {
  position: relative;
  display: flex;
  align-items: flex-end;
}
.block-new-models .new-models-left {
  max-width: 1200px;
  width: 100%;
}
.block-new-models .new-models-right {
  min-width: 187px;
  text-align: right;
}

.box-testimonial-11 {
  padding: 120px 0px;
}

.box-slider-testimonials-11 {
  position: relative;
}

.swiper-pagination-style-5 .swiper-pagination-bullet {
  height: 15px;
  width: 15px;
  background-color: var(--tc-dark-950);
  border-radius: 50%;
}
.swiper-pagination-style-5 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 31px;
  background-image: linear-gradient(to right, #31B978, #1AB69D);
  border-radius: 10px;
}
.swiper-pagination-style-5 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  display: none;
}

.box-latest-blog-11 {
  position: relative;
  padding: 0px 60px;
}
.box-latest-blog-11 .box-latest-blog-11-inner {
  background-color: var(--tc-theme-bg-9);
  padding: 120px 0px;
}
.box-latest-blog-11 .swiper-pagination-style-2 .swiper-pagination-bullet {
  background-color: var(--tc-dark-950);
}
.box-latest-blog-11 .swiper-pagination-style-2 .swiper-pagination-bullet.swiper-pagination-bullet-active, .box-latest-blog-11 .swiper-pagination-style-2 .swiper-pagination-bullet:hover {
  background-color: #1AB69D;
}
.box-latest-blog-11 .swiper-pagination-style-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before, .box-latest-blog-11 .swiper-pagination-style-2 .swiper-pagination-bullet:hover::before {
  border-color: #1AB69D;
}

.box-newsletter-footer {
  position: relative;
  top: -85px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  padding: 35px 60px;
  background-image: linear-gradient(to right, #1AB69D, #31B978);
}
.box-newsletter-footer .newsletter-left {
  width: 100%;
  padding-right: 40px;
}
.box-newsletter-footer .newsletter-right {
  min-width: 470px;
}
.box-newsletter-footer .newsletter-right .sub-heading-ag-xl-m {
  margin-bottom: 12px;
}

.footer-style-8 .list-socials a.share {
  background-image: none;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  border: 1px solid var(--tc-theme-main);
  background-color: transparent;
  line-height: 40px;
}
.footer-style-8 .list-socials a.share:hover {
  background-color: var(--tc-primary-500);
  border-color: var(--tc-primary-500);
}
.footer-style-8 .form-newsletter .btn-newsletter {
  width: auto;
  background-color: var(--tc-dark-950);
  background-image: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  color: var(--tc-theme-main);
  font-family: var(--tc-ag-font-family);
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
}

.box-banner-12 {
  position: relative;
  padding: 180px 0px;
  background: url(../imgs/pages/home12/banner.png) no-repeat right bottom;
  background-size: auto 100%;
}
.box-banner-12 .banner {
  max-width: 600px;
}
.box-banner-12 .box-banner-12-inner {
  position: relative;
}
.box-banner-12 .box-banner-12-inner .list-tick-2-col li {
  padding-right: 20px;
  width: 50%;
}
.box-banner-12 .box-banner-12-inner .list-tick-2-col li svg {
  margin-left: 0px;
  margin-right: 10px;
  margin-top: -5px;
}

.text-line-up-down {
  border-top: 1px solid var(--tc-primary-home-4);
  border-bottom: 1px solid var(--tc-primary-home-4);
  display: inline-block;
}
.text-line-up-down.white {
  border-top-color: var(--tc-theme-main);
  border-bottom-color: var(--tc-theme-main);
}
.text-line-up-down.black {
  border-top-color: var(--tc-dark-950);
  border-bottom-color: var(--tc-dark-950);
}

.box-about-us-12 {
  background-color: var(--tc-dark-950);
  padding: 120px 0px;
}
.box-about-us-12 .box-images-about {
  padding-left: 30px;
  padding-right: 0px;
}

.list-tick-col-w li {
  color: var(--tc-theme-main);
}
.list-tick-col-w li svg {
  fill: var(--tc-theme-main);
}

.none-bd {
  border: 0px;
}

.box-list-services-12 {
  margin-top: 40px;
}

.box-services-12, .box-case-study-12 {
  padding: 120px 0px;
}

.box-case-study-12 {
  position: relative;
  background: url(../imgs/pages/home12/bg-case.png) no-repeat top right;
}
.box-case-study-12::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50%;
  height: 606px;
  background-color: var(--tc-primary-home);
}

.box-button-slider-red .swiper-button-prev, .box-button-slider-red .swiper-button-next {
  background-color: rgba(185, 17, 2, 0.1019607843);
  border: 0px;
}
.box-button-slider-red .swiper-button-prev svg, .box-button-slider-red .swiper-button-next svg {
  stroke: var(--tc-dark-950);
}
.box-button-slider-red .swiper-button-prev:hover, .box-button-slider-red .swiper-button-next:hover {
  background-color: var(--tc-primary-home);
}
.box-button-slider-red .swiper-button-prev:hover svg, .box-button-slider-red .swiper-button-next:hover svg {
  stroke: var(--tc-theme-main);
}

.box-number-12 .box-list-numbers {
  margin: 0px -15px;
}
.box-number-12 .box-list-numbers .item-number {
  display: inline-block;
  padding: 0px 15px;
}
.box-number-12 .box-list-numbers .item-number .item-number-inner {
  padding: 30px;
  border-radius: 5px;
  background-color: var(--tc-theme-main);
  box-shadow: var(--tc-shadow-1);
  display: flex;
  align-items: center;
  border-left: 1px solid var(--tc-primary-home);
}
.box-number-12 .box-list-numbers .item-number .item-number-inner .number-left {
  background-color: transparent;
  padding-right: 20px;
  min-width: 100px;
}
.box-number-12 .box-list-numbers .item-number .item-number-inner .number-right {
  width: 100%;
  text-align: left;
}
.box-number-12 .box-list-numbers .item-number .item-number-inner:hover {
  border: 1px solid var(--tc-primary-home);
}

.swiper-pagination-style-6 .swiper-pagination-bullet {
  background-color: var(--tc-primary-home);
}
.swiper-pagination-style-6 .swiper-pagination-bullet.swiper-pagination-bullet-active::before, .swiper-pagination-style-6 .swiper-pagination-bullet:hover::before {
  border-color: var(--tc-primary-home);
}

.letter-space-4 {
  letter-spacing: 4px;
}

.pb-60 {
  padding-bottom: 60px;
}

.box-team-members-2 {
  background: url(../imgs/pages/home12/bg-team.png) no-repeat top center;
  background-size: cover;
  padding-bottom: 120px;
}

.box-pricing-12 {
  padding: 120px 0px;
  background: url(../imgs/pages/home12/bg-price.png) no-repeat top center;
  background-color: rgba(185, 17, 2, 0.0549019608);
}
.box-pricing-12 .box-button-change-package .btn-default {
  border-radius: 5px;
  background-color: rgba(185, 17, 2, 0.1019607843);
  padding: 16px 54px;
  color: var(--tc-primary-home);
}
.box-pricing-12 .box-button-change-package .btn-default.btn-active {
  color: var(--tc-theme-main);
  background-color: var(--tc-primary-home);
}

.box-button-slider-testimonials {
  position: absolute;
  bottom: 40px;
  right: 0px;
}

.box-latest-blog-12 {
  padding: 120px 0px 120px 0px;
}

.footer-style-9 {
  background-image: none;
  background-color: var(--tc-dark-950);
}
.footer-style-9 .footer-1 {
  background-color: var(--tc-primary-home);
}
.footer-style-9 .footer-bottom {
  border-top: 0px;
}
.footer-style-9 .btn-newsletter {
  background-color: var(--tc-primary-home);
}
.footer-style-9 .list-socials a {
  line-height: 41px;
  background-color: var(--tc-theme-main);
}
.footer-style-9 .list-socials a svg {
  fill: var(--tc-primary-home);
}
.footer-style-9 .list-socials a:Hover {
  background-color: var(--tc-primary-home);
}
.footer-style-9 .list-socials a:Hover svg {
  fill: var(--tc-theme-main);
}

.form-newsletter-2 {
  margin: 20px 0px 40px 0px;
  max-width: 400px;
}
.form-newsletter-2 form {
  position: relative;
}
.form-newsletter-2 form .form-control {
  border: 0px;
  border-bottom: 1px solid var(--tc-theme-main);
  width: 100%;
  background-color: transparent;
  border-radius: 0px;
  padding: 0px;
}
.form-newsletter-2 form .form-control::-moz-placeholder {
  color: var(--tc-theme-main);
}
.form-newsletter-2 form .form-control::placeholder {
  color: var(--tc-theme-main);
}
.form-newsletter-2 form button {
  position: absolute;
  height: 55px;
  width: 40px;
  z-index: 2;
  background-color: transparent;
  border: 0px;
  cursor: pointer;
  top: 0px;
  right: 0px;
}

.box-faqs-12 {
  background-color: var(--tc-graay-1200);
  padding-top: 120px;
}

.image-faq-1 {
  padding-right: 20px;
  background-color: var(--tc-primary-home);
  border-radius: 0px 5px 0px 0px;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  max-width: 401px;
}

.image-faq-2 {
  display: table;
  margin: 190px 0px 0px auto;
  position: relative;
  z-index: 2;
  padding-right: 30px;
}

.box-faqs-12 .accordion-button::after, .box-faqs-12 .accordion-button:not(.collapsed)::after {
  height: 40px;
  width: 40px;
  background-color: var(--tc-primary-home);
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: -20px;
}
.box-faqs-12 .accordion-button::after {
  background-image: url(../imgs/pages/home12/plus.png);
}
.box-faqs-12 .accordion-button:not(.collapsed)::after {
  background-image: url(../imgs/pages/home12/minus.png);
}
.box-faqs-12 .accordion-collapse {
  border-top: 1px solid var(--tc-graay-100);
  padding-top: 20px;
}

.text-top-about {
  max-width: 90%;
  display: table;
  table-layout: fixed;
  margin: auto;
  border: 1px solid #fff;
  width: 100%;
  border-radius: 30px 30px 0px 0px;
  padding: 10px 30px 15px 50px;
  border-bottom: 0px;
  background: url(../imgs/pages/home12/arrow-about.png) no-repeat right center;
}

.box-image-projects {
  display: flex;
  align-items: center;
  margin: 0px -15px;
  flex-wrap: wrap;
}
.box-image-projects .image-project-1 {
  padding: 0px 15px;
  width: 57%;
}
.box-image-projects .image-project-2 {
  padding: 0px 15px;
  width: 43%;
}
.box-image-projects .image-project-3 {
  padding: 0px 15px;
  width: 43%;
}
.box-image-projects .image-project-4 {
  padding: 0px 15px;
  width: 57%;
}

.box-logos-partner-5-col .item-partner {
  width: 20%;
}

.box-banner-13 {
  background: url(../imgs/pages/home13/bg-banner.png) no-repeat top center;
  background-size: cover;
}

.box-banner-13-inner {
  padding: 200px 0px;
  background: url(../imgs/pages/home13/banner.png) no-repeat right center;
  background-size: auto 100%;
}
.box-banner-13-inner .banner {
  width: 100%;
  max-width: 50%;
}

.box-list-process-3 {
  border: 1px solid var(--tc-theme-border-7);
  border-radius: 20px;
  padding: 30px 0px 0px 0px;
}
.box-list-process-3 .item-process {
  width: 33.33%;
  padding: 0px 40px;
  margin-bottom: 30px;
}
.box-list-process-3 .item-process::before {
  background-color: var(--tc-theme-border-7);
}
.box-list-process-3 .item-process .info-process h6 {
  color: var(--tc-neutral-1200);
}
.box-list-process-3 .item-process .info-process p {
  color: var(--tc-graay-800);
}
.box-list-process-3 .item-process .info-process a {
  font-size: 16px;
  line-height: 32px;
  color: var(--tc-neutral-1200);
  text-transform: uppercase;
}
.box-list-process-3 .item-process .info-process a svg {
  stroke: none;
  margin-top: -3px;
  margin-left: 5px;
  fill: var(--tc-primary-500);
}

.box-our-process-13 {
  padding: 120px 0px;
}

.box-testimonials-13 {
  position: relative;
}
.box-testimonials-13 .box-swiper {
  padding: 35px 0px;
}
.box-testimonials-13 .swiper-button-prev-style-6 {
  position: absolute;
  top: 50%;
  left: -70px;
  margin-top: -30px;
  height: 55px;
  width: 55px;
  line-height: 32px;
  background-color: var(--tc-theme-main);
  border: 2px solid var(--tc-graay-800);
  border-radius: 50%;
}
.box-testimonials-13 .swiper-button-prev-style-6:hover {
  border-color: var(--tc-primary-500);
}
.box-testimonials-13 .swiper-button-prev-style-6:hover svg {
  fill: var(--tc-primary-500);
}
.box-testimonials-13 .swiper-button-next-style-6 {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  right: -70px;
  height: 55px;
  width: 55px;
  background-color: var(--tc-theme-main);
  line-height: 32px;
  border: 2px solid var(--tc-graay-800);
  border-radius: 50%;
}
.box-testimonials-13 .swiper-button-next-style-6:hover {
  border-color: var(--tc-primary-500);
}
.box-testimonials-13 .swiper-button-next-style-6:hover svg {
  fill: var(--tc-primary-500);
}

.bg-line {
  position: relative;
}
.bg-line::before {
  content: "";
  position: absolute;
  right: 0px;
  bottom: -5px;
  height: 15px;
  width: 164px;
  background: url(../imgs/pages/home13/bg-line.png) no-repeat center;
  background-size: cover;
}

.card-blog-4.card-blog-13 {
  padding: 0px;
  background-color: var(--tc-primary-50);
}
.card-blog-4.card-blog-13 .card-image {
  width: 41%;
}
.card-blog-4.card-blog-13 .card-info {
  width: 59%;
}

.text-border-primary-500 {
  padding: 6px 15px;
  border: 1px solid var(--tc-primary-500);
  display: inline-block;
}

.text-border-white {
  padding: 6px 15px;
  border: 1px solid var(--tc-theme-main);
  display: inline-block;
}

.box-chat-14 {
  background: url(../imgs/pages/home14/bg-chat.png) no-repeat center;
  background-size: cover;
  padding: 100px 0px;
}

.box-chats {
  display: flex;
  align-items: center;
}
.box-chats .left-chat {
  width: 100%;
}
.box-chats .right-chat {
  min-width: 200px;
  width: 200px;
  text-align: right;
}

.box-banner-14 {
  background: url(../imgs/pages/home14/banner.png) no-repeat top center;
  background-size: cover;
}
.box-banner-14 .box-banner-14-inner {
  background: url(../imgs/pages/home14/bg-banner.png) no-repeat top center;
  height: 1012px;
  padding: 250px 0px 250px 0px;
}
.box-banner-14 .btn-primary-square-md {
  font-size: 18px;
  line-height: 29px;
}
.box-banner-14 .btn-primary-square-md svg {
  fill: var(--tc-theme-main);
}

.box-need-help-2 {
  display: flex;
  align-items: center;
}
.box-need-help-2 img {
  margin-right: 15px;
}

.box-images-about-14 {
  position: relative;
}
.box-images-about-14 .image-about-1 {
  position: relative;
  padding: 0px 190px 0px 0px;
}
.box-images-about-14 .image-about-1 img {
  border-radius: 190px 0px 190px 0px;
}
.box-images-about-14 .image-about-2 {
  position: absolute;
  top: 199px;
  right: 0px;
  z-index: 123;
}
.box-images-about-14 .image-about-2 .btn-play-2 {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}
.box-images-about-14 .image-about-3 {
  position: absolute;
  right: 0px;
  top: 0px;
}

.box-about-us-inner {
  padding-left: 30px;
}

.box-offers-14 {
  padding: 120px 0px;
  background-color: var(--tc-secondery-600);
  background-image: url(../imgs/pages/home14/bg-offer.png);
  background-position: center;
  background-repeat: no-repeat;
}
.box-offers-14 .btn-view-all span {
  background-color: rgba(204, 204, 206, 0.1098039216);
}

.text-slide-white {
  display: flex;
  align-items: center;
  padding: 40px 0px;
}
.text-slide-white svg {
  margin-right: 15px;
}

.box-projects-14 {
  background-color: var(--tc-primary-500);
  padding: 120px 0px;
}

.slide-projects-center .swiper-slide-active .card-project-7 {
  margin: 0px -30px;
  position: relative;
  top: -30px;
}
.slide-projects-center .swiper-slide-active .card-project-7 .card-info {
  bottom: 0px;
}

.box-slide-projects {
  padding-top: 60px;
}

.box-team-14, .box-testimonials-14 {
  padding: 120px 0px;
}

.box-video-14 .box-info-video-bottom {
  background-color: var(--tc-secondery-500);
  background-image: none;
}

.box-button-slider-14 {
  text-align: center;
  padding-top: 50px;
}
.box-button-slider-14 .swiper-button-prev-style-1, .box-button-slider-14 .swiper-button-next-style-1 {
  background-color: rgba(1, 43, 67, 0.3294117647);
  border: 0px;
  margin: 0px 8px;
  line-height: 27px;
}
.box-button-slider-14 .swiper-button-prev-style-1 svg, .box-button-slider-14 .swiper-button-next-style-1 svg {
  stroke: var(--tc-theme-main);
}
.box-button-slider-14 .swiper-button-prev-style-1:hover, .box-button-slider-14 .swiper-button-next-style-1:hover {
  background-color: var(--tc-secondery-500);
}

.box-button-slider-project {
  text-align: center;
  margin-top: 20px;
}
.box-button-slider-project .swiper-button-prev-center, .box-button-slider-project .swiper-button-next-center {
  background-color: rgba(255, 255, 255, 0.137254902);
  border: 0px;
}
.box-button-slider-project .swiper-button-prev-center svg, .box-button-slider-project .swiper-button-next-center svg {
  stroke: var(--tc-theme-main);
}
.box-button-slider-project .swiper-button-prev-center:hover, .box-button-slider-project .swiper-button-next-center:hover {
  background-color: var(--tc-theme-main);
}
.box-button-slider-project .swiper-button-prev-center:hover svg, .box-button-slider-project .swiper-button-next-center:hover svg {
  stroke: var(--tc-dark-950);
}

.footer-style-home-14 {
  background-image: url(../imgs/pages/home14/bg-footer.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.box-pd-120 {
  padding: 120px 0px;
}

.box-list-ticks {
  position: relative;
  padding: 13px 0px 13px 20px;
}
.box-list-ticks ul {
  position: relative;
  z-index: 2;
}
.box-list-ticks::before {
  content: "";
  width: 80px;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  bottom: 0px;
  border: 2px solid var(--tc-primary-500);
  border-right: 0px;
}

.box-projects-15 .btn-primary svg {
  fill: var(--tc-theme-main);
  stroke: none;
  margin-top: -2px;
}

.box-video-15 {
  background: url(../imgs/pages/home15/bg-video.png) no-repeat center;
  background-size: cover;
  padding: 217px 0px;
}

.box-pricing-15 {
  background-color: rgba(230, 238, 255, 0.2549019608);
}

.box-button-change-package-rounded .btn-default {
  border-radius: 50px;
  background-color: var(--tc-graay-100);
  color: var(--tc-secondery-500);
  padding: 20px 35px;
  margin-right: 20px;
}
.box-button-change-package-rounded .btn-default.btn-active {
  background-color: var(--tc-primary-500);
  color: var(--tc-theme-main);
}

.box-latest-blog-15 {
  padding: 120px 130px;
  position: relative;
}
.box-latest-blog-15 .box-latest-blog-15-inner {
  border-radius: 20px;
  background-color: var(--tc-theme-border-16);
  padding: 120px 0px;
}

.top-footer .box-contact-phone-2 {
  border-radius: 50px;
  background-color: var(--tc-primary-500);
  padding: 60px 90px;
}
.top-footer .box-contact-phone-2 .box-contact-left, .top-footer .box-contact-phone-2 .box-contact-right {
  width: 50%;
  padding: 0px 30px;
}
.top-footer .box-contact-phone-2 .box-contact-left .form-newsletter .btn-newsletter, .top-footer .box-contact-phone-2 .box-contact-right .form-newsletter .btn-newsletter {
  background-image: none;
  background-color: var(--tc-secondery-500);
  color: var(--tc-theme-main);
  padding: 0px 26px;
  border-radius: 200px;
  width: auto;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
}
.top-footer .box-contact-phone-2 .box-contact-left .form-newsletter .form-control, .top-footer .box-contact-phone-2 .box-contact-right .form-newsletter .form-control {
  border-radius: 200px;
}
.top-footer .box-contact-phone-2 .box-contact-left p, .top-footer .box-contact-phone-2 .box-contact-right p {
  margin-bottom: 0px;
}

.footer-style-14 .footer {
  background-color: var(--tc-primary-500);
}
.footer-style-14 .footer .footer-bottom {
  border-top: 0px;
  padding-top: 0px;
}

.box-features-15 {
  position: relative;
  top: -160px;
  margin-bottom: -240px;
}

.box-banner-15 {
  background: url(../imgs/pages/home15/banner.png) no-repeat top center;
  background-size: cover;
}
.box-banner-15 .box-banner-15-inner {
  height: auto;
  padding: 185px 0px 250px 0px;
}
.box-banner-15 .btn-primary-square-md {
  font-size: 18px;
  line-height: 29px;
}
.box-banner-15 .btn-primary-square-md svg {
  fill: var(--tc-theme-main);
}

.box-expert-team-15 .box-button-slider .swiper-button-prev, .box-expert-team-15 .box-button-slider .swiper-button-next {
  background-color: var(--tc-primary-50);
  border: 0px;
}
.box-expert-team-15 .box-button-slider .swiper-button-prev:hover, .box-expert-team-15 .box-button-slider .swiper-button-next:hover {
  background-color: var(--tc-primary-500);
}
.box-expert-team-15 .box-button-slider .swiper-button-prev:hover svg, .box-expert-team-15 .box-button-slider .swiper-button-next:hover svg {
  stroke: var(--tc-theme-main);
}

.list-none {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.list-none li {
  margin-bottom: 30px;
}
.list-none li:last-child {
  margin-bottom: 0px;
}

.box-banner-16 {
  background: url(../imgs/pages/home16/bg-banner.png) no-repeat right bottom;
  background-size: cover;
}
.box-banner-16 .box-banner-16-inner {
  height: auto;
  padding: 0px;
}
.box-banner-16 .box-banner-16-inner .banner {
  padding: 185px 0px 250px 0px;
  background: url(../imgs/pages/home16/banner.png) no-repeat right bottom;
}
.box-banner-16 .btn-primary-square-md {
  font-size: 18px;
  line-height: 29px;
}
.box-banner-16 .btn-primary-square-md svg {
  fill: var(--tc-theme-main);
}

.box-images-about-16 {
  display: flex;
  margin: 0px -15px;
  position: relative;
  padding-bottom: 30px;
}
.box-images-about-16 .image-about-1 {
  width: 55%;
  padding: 0px 15px;
}
.box-images-about-16 .image-about-1 .card-number {
  position: absolute;
  bottom: 0px;
  right: 170px;
  padding: 18px 25px;
  background-color: var(--tc-primary-500);
  max-width: 278px;
  left: auto;
}
.box-images-about-16 .image-about-1 .card-number .card-years {
  padding-right: 15px;
  min-width: 100px;
}
.box-images-about-16 .image-about-1 .card-number .card-years h2 {
  line-height: 44px;
  color: var(--tc-theme-main);
}
.box-images-about-16 .image-about-1 .card-number .card-years span {
  color: var(--tc-theme-main);
}
.box-images-about-16 .image-about-2 {
  width: 45%;
  padding: 0px 15px 135px 15px;
}

.box-img-circle {
  position: absolute;
  right: 30px;
  bottom: 0px;
}

.box-process-16 {
  background-image: url(../imgs/pages/home16/bg-process.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.box-process-16::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 85, 255, 0.2);
}
.box-process-16 .container {
  position: relative;
  z-index: 2;
}
.box-process-16 .row.none-pd {
  margin: 0px;
}
.box-process-16 .row.none-pd .col-md-6 {
  padding: 0px;
}

.link-upper {
  color: var(--tc-theme-main);
}
.link-upper svg {
  stroke: var(--tc-theme-main);
  margin: -4px 0px 0px 5px;
}

.box-project-16 .card-project-2 {
  border-radius: 0px;
}
.box-project-16 .card-project-2 .card-info {
  border-radius: 0px;
  background-color: rgba(0, 85, 255, 0.7882352941);
  background-image: none;
}
.box-project-16 .card-project-2 .card-info .card-info-inner .info-bottom {
  background-color: transparent;
}
.box-project-16 .card-project-2 .card-info .card-info-inner .info-bottom .heading-lg {
  color: var(--tc-theme-main);
}

.box-testimonials-16 {
  background-color: var(--tc-secondery-600);
  padding-bottom: 10px;
}

.box-button-slider-testimonials-16 {
  margin-top: 15px;
}
.box-button-slider-testimonials-16 .swiper-button-prev-style-6, .box-button-slider-testimonials-16 .swiper-button-next-style-6 {
  background-color: var(--tc-secondery-500);
  border-radius: 100px;
  height: 40px;
  width: 48px;
}
.box-button-slider-testimonials-16 .swiper-button-prev-style-6 svg, .box-button-slider-testimonials-16 .swiper-button-next-style-6 svg {
  stroke: var(--tc-theme-main);
}
.box-button-slider-testimonials-16 .swiper-button-prev-style-6:hover, .box-button-slider-testimonials-16 .swiper-button-next-style-6:hover {
  background-color: var(--tc-theme-main);
}
.box-button-slider-testimonials-16 .swiper-button-prev-style-6:hover svg, .box-button-slider-testimonials-16 .swiper-button-next-style-6:hover svg {
  stroke: var(--tc-secondery-500);
}

.num-review {
  position: absolute;
  bottom: -43px;
  left: 0px;
  right: 0px;
  z-index: 12;
  margin: auto;
}

.box-num-years {
  padding: 22px 14px;
  background-color: var(--tc-primary-500);
  min-width: 202px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 40px;
  right: 0px;
  z-index: 12;
}
.box-num-years .box-left {
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  color: var(--tc-theme-main);
  font-family: var(--tc-body-font-family);
  margin-right: 8px;
}
.box-num-years .box-right {
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  font-family: var(--tc-body-font-family);
  color: var(--tc-theme-main);
}

.box-faq-16 {
  padding-top: 120px;
  padding-bottom: 30px;
}
.box-faq-16 .box-images-faq-inner {
  position: relative;
  margin: 0px 30px 0px 0px;
}

.container-contact-section {
  display: flex;
  align-items: center;
}
.container-contact-section .contact-section-left, .container-contact-section .contact-section-right {
  width: 50%;
}
.container-contact-section .contact-section-left {
  height: 893px;
  background: url(../imgs/pages/home16/contact.png) no-repeat top center;
  background-size: cover;
}
.container-contact-section .contact-section-right .map {
  height: 599px;
  width: 100%;
  position: relative;
}
.container-contact-section .contact-section-right .map iframe {
  width: 100% !important;
  height: 100% !important;
}
.container-contact-section .contact-section-right .contact-info {
  background-color: var(--tc-primary-500);
  padding: 60px;
}

.box-blogs-16 {
  padding: 120px 0px;
}
.box-blogs-16 .card-blog-10 {
  border: 1px solid rgba(230, 238, 255, 0.6980392157);
  border-radius: 0px;
  box-shadow: none;
}
.box-blogs-16 .card-blog-10 .card-info .card-title .btn-border-950 {
  text-transform: none;
}
.box-blogs-16 .card-blog-10 .card-info .card-title .btn-border-950:hover {
  background-color: var(--tc-secondery-500);
}
.box-blogs-16 .card-blog-10 .card-image {
  position: relative;
}
.box-blogs-16 .card-blog-10 .card-image .card-date {
  display: none;
}
.box-blogs-16 .card-blog-10:hover .card-image .card-date {
  display: block;
}

.box-button-change-package-2 {
  margin-top: 30px;
}
.box-button-change-package-2 .btn-default {
  border-radius: 4px;
  padding: 12px 30px;
  font-size: 18px;
  line-height: 28px;
  background-color: var(--tc-primary-50);
  color: var(--tc-secondery-500);
  font-family: var(--tc-body-font-family);
  font-weight: 600;
  margin-right: 20px;
}
.box-button-change-package-2 .btn-default:hover {
  background-color: var(--tc-dark-950);
  color: var(--tc-theme-main);
}

.footer-style-15 .footer-1 {
  background-color: var(--tc-theme-main);
}
.footer-style-15 .btn-newsletter {
  background-color: var(--tc-primary-500);
}
.footer-style-15 .list-socials a {
  background-color: transparent;
  border: 1px solid var(--tc-theme-main);
  background-image: none !important;
}
.footer-style-15 .list-socials a svg {
  fill: var(--tc-theme-main);
}
.footer-style-15 .list-socials a:hover {
  background-color: var(--tc-primary-500);
  border-color: var(--tc-primary-500);
}
.footer-style-15 .text-footer {
  border-bottom: 0px;
  margin-bottom: 0px;
}

.box-faq-16 .accordion-item {
  border: 0px;
  box-shadow: none;
  border-bottom: 1px solid rgba(1, 43, 67, 0.137254902);
  margin-bottom: 0px;
}
.box-faq-16 .accordion-button {
  padding-left: 0px;
  padding-right: 0px;
}
.box-faq-16 .accordion-body {
  padding-left: 0px;
  padding-right: 0px;
}
.box-faq-16 .accordion-button:focus {
  box-shadow: none;
}

.footer-style-10 {
  background-color: var(--tc-dark-950);
  background-image: url(../imgs/pages/404/bg-footer-2.png);
  background-position: center;
}
.footer-style-10 .top-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--tc-primary-1400);
}
.footer-style-10 .top-footer .top-footer-left {
  width: 50%;
}
.footer-style-10 .top-footer .top-footer-right {
  width: 50%;
  max-width: 474px;
}
.footer-style-10 .form-newsletter .form-control {
  border-radius: 20px;
  background-color: transparent;
  border: 1px solid var(--tc-theme-main);
  color: var(--tc-theme-main);
}
.footer-style-10 .form-newsletter .form-control::-moz-placeholder {
  color: var(--tc-theme-main);
}
.footer-style-10 .form-newsletter .form-control::placeholder {
  color: var(--tc-theme-main);
}
.footer-style-10 .form-newsletter .btn-newsletter {
  border-radius: 0px 20px 20px 0px;
  background-color: var(--tc-primary-home);
}
.footer-style-10 .list-socials a {
  background-image: none;
  border: 1px solid var(--tc-theme-border-9);
  border-radius: 5px;
  height: 35px;
  width: 35px;
  line-height: 32px;
  margin-right: 15px;
}
.footer-style-10 .list-socials a svg {
  fill: var(--tc-theme-main);
}
.footer-style-10 .list-socials a:hover svg {
  fill: var(--tc-primary-home);
}
.footer-style-10 .footer-bottom {
  border-top: 0px;
  padding-bottom: 60px;
}

.text-slide {
  font-size: 67px;
  line-height: 115%;
  font-family: var(--tc-ag-font-family);
  color: transparent;
  -webkit-text-stroke: 1px var(--tc-theme-main);
  font-weight: bold;
}

.slide-footer-brand {
  width: 100%;
  overflow: hidden;
  padding-top: 53px;
  padding-bottom: 38px;
}
.slide-footer-brand .slide-footer-brand-inner {
  overflow: hidden;
  transform: rotate(3deg);
  background-color: var(--tc-dark-950);
  height: 280px;
  margin-bottom: -168px;
  margin-left: -30px;
}
.slide-footer-brand .slide-footer-brand-inner .slide-footer-brand-inner-2 {
  background-color: var(--tc-primary-home);
  margin: 0px -30px;
  padding: 10px 0px;
}
.slide-footer-brand .slide-footer-brand-inner .slide-footer-brand-inner-2 .container {
  max-width: 100%;
  padding: 0px 130px;
}

.box-faq-single-banner {
  background-image: url(../imgs/pages/faq/banner.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}

.box-faq-single-banner-inner {
  background-image: url(../imgs/pages/faq/bg-faq.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  padding: 202px 0px;
  position: relative;
}
.box-faq-single-banner-inner::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 192px;
  width: 196px;
  background: url(../imgs/pages/faq/icon-1.png) no-repeat center;
}
.box-faq-single-banner-inner::after {
  content: "";
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 386px;
  width: 395px;
  background: url(../imgs/pages/faq/icon-2.png) no-repeat center;
}

.box-breadcrumb .breadcrumb li {
  background: url(../imgs/pages/faq/arrow-breadcrumb.png) no-repeat right center;
  padding-right: 25px;
}
.box-breadcrumb .breadcrumb li a, .box-breadcrumb .breadcrumb li span {
  color: var(--tc-theme-main);
}
.box-breadcrumb .breadcrumb li:last-child {
  background-image: none;
}

.box-video-center {
  position: relative;
}
.box-video-center img {
  width: 100%;
  display: block;
}
.box-video-center a.btn-play {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  margin: auto;
  height: 93px;
  width: 93px;
  background-color: var(--tc-theme-main);
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
}
.box-video-center a.btn-play img {
  width: auto;
  height: auto;
}
.box-video-center a.btn-play svg {
  fill: var(--tc-primary-home);
}

.box-faq-single-2 {
  padding: 90px 0px 120px 0px;
  position: relative;
}
.box-faq-single-2 .accordion-item {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
  border: 1px solid rgba(255, 255, 255, 0.5215686275);
}
.box-faq-single-2 .accordion-button {
  background-color: var(--tc-dark-950);
  color: var(--tc-theme-main);
  padding: 28px 30px 32px 90px;
}
.box-faq-single-2 .accordion-button:not(.collapsed) {
  background-color: var(--tc-primary-home);
}
.box-faq-single-2 .accordion-collapse {
  background-color: var(--tc-dark-950);
  padding-top: 20px;
  color: var(--tc-theme-main);
}
.box-faq-single-2 .accordion-collapse .accordion-body {
  padding-bottom: 25px;
}
.box-faq-single-2 .accordion-button::after {
  margin-left: auto;
  margin-right: 0px;
  height: 30px;
  width: 30px;
  background-color: var(--tc-primary-home);
  border-radius: 50%;
  background-image: url(../imgs/pages/faq/plus.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  position: absolute;
  top: 30px;
  left: 30px;
}
.box-faq-single-2 .accordion-button:not(.collapsed)::after {
  background-image: url(../imgs/pages/faq/minus.png);
  background-color: var(--tc-theme-main);
}

.box-clients-6 {
  margin-bottom: 50px;
}
.box-clients-6 .bg-number {
  height: 100%;
}

.footer-style-11-red {
  margin-top: 320px;
}
.footer-style-11-red svg {
  fill: var(--tc-primary-home);
}
.footer-style-11-red .hover-effect svg {
  fill: var(--tc-primary-home);
}
.footer-style-11-red .text-footer::before {
  background-color: var(--tc-primary-home);
}
.footer-style-11-red .footer-bottom {
  border-top: 0px;
}

.footer-style-red svg {
  fill: var(--tc-primary-home);
}
.footer-style-red .hover-effect svg {
  fill: var(--tc-primary-home);
}

.footer-style-12 {
  position: relative;
  margin-top: 50px;
}
.footer-style-12 .section-footer {
  padding-top: 60px;
}

.box-contact-red {
  background-color: var(--tc-primary-home);
  padding: 40px;
}

.form-contact-us {
  padding-left: 140px;
}
.form-contact-us .form-control {
  border: 0px;
  border-bottom: 1px solid rgba(33, 33, 33, 0.5019607843);
  border-radius: 0px;
  padding: 16px 16px 16px 30px;
}
.form-contact-us .form-control.user {
  background-image: url(../imgs/pages/contact/user.png);
  background-position: left center;
  background-repeat: no-repeat;
}
.form-contact-us .form-control.email {
  background-image: url(../imgs/pages/contact/sms.png);
  background-position: left center;
  background-repeat: no-repeat;
}
.form-contact-us .form-control.phone {
  background-image: url(../imgs/pages/contact/call.png);
  background-position: left center;
  background-repeat: no-repeat;
}
.form-contact-us .form-control.note {
  background-image: url(../imgs/pages/contact/note.png);
  background-position: left center;
  background-repeat: no-repeat;
}
.form-contact-us .form-control.message {
  background-image: url(../imgs/pages/contact/message.png);
  background-position: left center;
  background-repeat: no-repeat;
}

.footer-style-green svg {
  fill: var(--tc-primary-1500);
}
.footer-style-green .hover-effect svg {
  fill: var(--tc-primary-1500);
}
.footer-style-green .list-socials a:hover svg {
  fill: var(--tc-primary-1500);
}
.footer-style-green .form-newsletter .btn-newsletter {
  background-color: var(--tc-primary-1500);
}
.footer-style-green .footer-bottom {
  border-top: 1px solid rgba(42, 184, 130, 0.1098039216);
  padding-top: 30px;
  padding-bottom: 50px;
}

.blog-detail p, .blog-detail strong, .blog-detail h6 {
  margin-bottom: 30px;
  color: var(--tc-neutral-2300);
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  font-family: var(--tc-body-font-family);
}
.blog-detail strong, .blog-detail h6 {
  color: var(--tc-neutral-2400);
  font-weight: bold;
}
.blog-detail img {
  margin-bottom: 30px;
}

.box-pagination {
  border-top: 1px solid var(--tc-neutral-2400);
  border-bottom: 1px solid rgba(34, 34, 34, 0.1019607843);
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 80px;
}

.recent-news-list-md {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.recent-news-list-md li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.recent-news-list-md li:last-child {
  margin-bottom: 0px;
}
.recent-news-list-md li .news-image {
  width: 90px;
  min-width: 90px;
  margin-right: 15px;
}
.recent-news-list-md li .news-image img {
  display: block;
  border-radius: 5px;
}
.recent-news-list-md li .news-info .news-postdate {
  margin-bottom: 3px;
}
.recent-news-list-md li .news-info .news-postdate svg {
  margin-right: 3px;
  margin-top: -2px;
  fill: var(--tc-graay-1300);
}
.recent-news-list-md li .news-info .news-link {
  color: var(--tc-dark-950);
}
.recent-news-list-md li .news-info .news-link:hover {
  color: var(--tc-primary-1000);
}

.blog-main-content {
  display: flex;
  margin: 0px -15px;
}
.blog-main-content .blog-content-left {
  width: 72%;
  padding: 0px 15px;
}
.blog-main-content .blog-content-right {
  padding: 0px 15px;
  width: 28%;
}

.content-sidebar ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.content-sidebar ul li a {
  font-size: 16px;
  line-height: 40px;
  font-weight: 500;
  font-family: var(--tc-body-font-family);
  color: var(--tc-dark-950);
}
.content-sidebar ul li a span {
  color: var(--tc-graay-1400);
}
.content-sidebar ul li a:hover {
  color: var(--tc-primary-1000);
}
.content-sidebar ul li a:hover span {
  color: var(--tc-primary-1000);
}

.form-search-sidebar {
  position: relative;
}
.form-search-sidebar .form-control {
  border: 1px solid var(--tc-theme-border-11);
  box-shadow: var(--tc-shadow-1);
  height: 60px;
  width: 100%;
}
.form-search-sidebar .btn-search {
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: linear-gradient(to right, #1AB69D, #31B978);
  border: 0px;
  cursor: pointer;
  text-align: center;
  width: 65px;
  height: 60px;
  line-height: 48px;
  border-radius: 0px 5px 5px 0px;
}
.form-search-sidebar .btn-search svg {
  fill: var(--tc-theme-main);
}

.list-feedbacks {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.list-feedbacks li .item-feedback {
  display: flex;
  align-items: flex-start;
  padding: 40px 0px 50px 0px;
  border-top: 1px solid var(--tc-theme-border-12);
}
.list-feedbacks li .item-feedback .image-feedback {
  width: 80px;
  min-width: 80px;
  margin-right: 30px;
}
.list-feedbacks li .item-feedback .image-feedback img {
  height: 80px;
  width: 80px;
  border-radius: 50%;
}
.list-feedbacks li .item-feedback .info-feedback {
  width: 100%;
}
.list-feedbacks li .item-feedback .info-feedback .name-user {
  font-size: 14px;
  line-height: 18px;
  color: var(--tc-neutral-2400);
  font-weight: 700;
  margin-bottom: 20px;
}
.list-feedbacks li .item-feedback .info-feedback .name-user span {
  font-weight: 400;
  color: var(--tc-neutral-2300);
}
.list-feedbacks li .item-feedback .info-feedback .comment-text {
  margin-bottom: 20px;
}
.list-feedbacks li .item-feedback .info-feedback .reply {
  font-size: 14px;
  line-height: 18px;
  color: var(--tc-neutral-2400);
  font-weight: 400;
  font-family: var(--tc-ag-font-family);
}
.list-feedbacks li .item-feedback .info-feedback .reply svg {
  margin-right: 10px;
  fill: var(--tc-neutral-2400);
}
.list-feedbacks li ul {
  padding-left: 110px;
}

.box-form-feedback {
  position: relative;
}

.form-feedback {
  padding-top: 40px;
  border-top: 1px solid var(--tc-theme-border-13);
}
.form-feedback .form-group {
  margin-bottom: 20px;
}
.form-feedback .form-control {
  border: 1px solid rgba(34, 34, 34, 0.1725490196);
  height: 54px;
  border-radius: 0px;
}
.form-feedback textarea.form-control {
  height: auto;
}

.box-blog-single-banner .box-faq-single-banner-inner::before {
  background: url(../imgs/pages/blog/icon-1.png) no-repeat center;
}
.box-blog-single-banner .box-faq-single-banner-inner::after {
  background: url(../imgs/pages/blog/icon-2.png) no-repeat center;
}

.container-slide .swiper-slide {
  text-align: center;
}

.box-paginations {
  display: inline-block;
  width: 100%;
  text-align: right;
  padding: 50px 0px;
}
.box-paginations nav {
  display: inline-block;
}
.box-paginations .pagination li {
  padding: 0px 5px;
}
.box-paginations .pagination li a {
  display: inline-block;
  border-radius: 3px !important;
  background-image: linear-gradient(to right, #fff, #fff);
  font-size: 20px;
  color: var(--tc-graay-1000);
  line-height: 30px;
  font-weight: 600;
  font-family: var(--tc-ag-font-family);
  padding: 10px 22px;
  border: 1px solid var(--tc-theme-border-10);
}
.box-paginations .pagination li a svg {
  fill: var(--tc-graay-1000);
}
.box-paginations .pagination li a:hover {
  background-image: linear-gradient(to right, #1AB69D, #31B978);
  color: var(--tc-theme-main);
}
.box-paginations .pagination li a:hover svg {
  fill: var(--tc-theme-main);
}

.box-info-project {
  background-image: linear-gradient(to right, #1AB69D, #31B978);
  padding: 30px 30px 30px 60px;
  border-top-left-radius: 30px;
  position: relative;
  left: -60px;
  width: calc(100% + 60px);
}
.box-info-project p {
  margin-bottom: 0px;
  color: var(--tc-theme-main);
}

.blog-detail h2 {
  font-size: 48px;
  line-height: 120%;
  font-weight: bold;
  font-family: var(--tc-ag-font-family);
  margin-bottom: 20px;
}
.blog-detail h3 {
  font-size: 40px;
  line-height: 120%;
  font-weight: bold;
  font-family: var(--tc-ag-font-family);
  margin-bottom: 20px;
}
.blog-detail h4 {
  font-size: 32px;
  line-height: 120%;
  font-weight: bold;
  font-family: var(--tc-ag-font-family);
  margin-bottom: 20px;
}

.box-pricing-plan {
  padding: 60px 0px 90px 0px;
  background-color: rgba(109, 197, 194, 0.1843137255);
  background-image: url(../imgs/pages/pricing/bg-pricing.png);
  background-position: top center;
  background-repeat: no-repeat;
}
.box-pricing-plan .card-pricing-4 {
  margin-bottom: 30px;
}

.box-all-blog-red .card-blog-7 .card-info .post-date {
  background-color: var(--tc-primary-home);
  color: var(--tc-theme-main);
}
.box-all-blog-red .card-blog-7 .card-info .link-more {
  color: var(--tc-primary-home);
}
.box-all-blog-red .card-blog-7 .card-info .link-more svg {
  fill: var(--tc-primary-home);
}
.box-all-blog-red .card-blog-7 .card-info .link-more:hover {
  color: var(--tc-dark-905);
}
.box-all-blog-red .card-blog-7 .card-info .link-more:hover svg {
  fill: var(--tc-dark-905);
}

.style-green .image-faq-1 {
  background-color: var(--tc-primary-1500);
}
.style-green.box-faqs-12 .accordion-button::after, .style-green .box-faqs-12 .accordion-button:not(.collapsed)::after {
  background-color: var(--tc-primary-1500);
}

.box-image-about-us-2 {
  position: relative;
  margin-bottom: 100px;
  padding-right: 75px;
}
.box-image-about-us-2 .image-about-1 {
  position: relative;
  padding: 16px 0px 0px 16px;
}
.box-image-about-us-2 .image-about-1::before {
  content: "";
  width: 207px;
  height: 90%;
  border-radius: 20px;
  background-color: var(--tc-primary-500);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.box-image-about-us-2 .image-about-1 img {
  position: relative;
  z-index: 2;
}
.box-image-about-us-2 .image-about-1::after {
  content: "";
  height: 193px;
  width: 208px;
  background: url(../imgs/pages/about/dot.png) no-repeat 0px 0px;
  position: absolute;
  z-index: 1;
  top: -65px;
  left: 252px;
}
.box-image-about-us-2 .image-about-2 {
  position: absolute;
  bottom: -88px;
  right: 0px;
  z-index: 3;
}
.box-image-about-us-2 .image-about-2 img {
  border: 5px solid var(--tc-theme-border-7);
  border-radius: 25px;
}

.box-info-about-line {
  position: relative;
  padding-left: 180px;
}
.box-info-about-line::before {
  content: "";
  height: 2px;
  background-color: var(--tc-primary-1400);
  position: absolute;
  width: 130px;
  top: 35px;
  left: 0px;
  z-index: 1;
}

.box-info-about-top {
  padding-left: 55px;
}

.line-primary-1400::before {
  background-color: var(--tc-primary-1400);
}

.box-about-us-2 {
  padding: 120px 0px;
}

.style-green-about-3 {
  background-color: var(--tc-theme-main);
}
.style-green-about-3 .color-white {
  color: var(--tc-dark-950) !important;
}

.box-progress-gradient-2 .progress-bar {
  background-image: linear-gradient(to right, #1AB69D, #31B978);
}

.mb-70 {
  margin-bottom: 60px;
}

.style-no-bg::before {
  display: none;
}

.footer-blue .slide-footer-brand-inner-2 {
  background-color: var(--tc-primary-1400) !important;
}
.footer-blue .form-newsletter .btn-newsletter {
  background-color: var(--tc-primary-1400) !important;
}
.footer-blue svg {
  fill: var(--tc-primary-1400);
}
.footer-blue .list-socials a:hover svg {
  fill: var(--tc-primary-1400);
}

.box-number-black {
  background-color: var(--tc-neutral-1200);
  padding: 0px;
}

.box-blue-single-banner .box-faq-single-banner-inner::before {
  background: url(../imgs/pages/services/icon-1.png) no-repeat center;
}
.box-blue-single-banner .box-faq-single-banner-inner::after {
  background: url(../imgs/pages/services/icon-2.png) no-repeat center;
}

.box-red-single-banner .box-faq-single-banner-inner::before {
  background: url(../imgs/pages/services/icon-red-1.png) no-repeat center;
}
.box-red-single-banner .box-faq-single-banner-inner::after {
  background: url(../imgs/pages/services/icon-red-2.png) no-repeat center;
}

.box-linear-single-banner .box-faq-single-banner-inner::before {
  background: url(../imgs/pages/services/icon-linear-1.png) no-repeat center;
}
.box-linear-single-banner .box-faq-single-banner-inner::after {
  background: url(../imgs/pages/services/icon-linear-2.png) no-repeat center;
}

.box-section-120 {
  padding: 120px 0px 0px 0px;
}

.faq-blue .box-video-center a.btn-play svg {
  fill: var(--tc-primary-1400);
}
.faq-blue.box-faq-single-2 .accordion-button:not(.collapsed) {
  background-color: var(--tc-primary-500);
}
.faq-blue.box-faq-single-2 .accordion-button:not(.collapsed)::after {
  background-color: var(--tc-theme-main);
}
.faq-blue.box-faq-single-2 .accordion-button::after {
  background-color: var(--tc-primary-500);
}

.footer-linear-02 .box-newsletter-footer {
  background-image: linear-gradient(to right, #1AB69D, #0075DC);
}

.box-number-faq-black {
  padding: 120px 0px 0px 0px;
  position: relative;
}
.box-number-faq-black::before {
  content: "";
  background-color: var(--tc-neutral-1200);
  height: 75%;
  width: 100%;
  z-index: 1;
  top: 0px;
  left: 0px;
  position: absolute;
}
.box-number-faq-black .container {
  position: relative;
  z-index: 2;
}

.mb-80 {
  margin-bottom: 80px;
}

.box-sec1-services-4 {
  padding-top: 120px;
  padding-bottom: 0px;
}

.block-menu-left ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.block-menu-left ul li {
  margin-bottom: 10px;
}
.block-menu-left ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--tc-theme-bg-1);
  border-radius: 5px;
  padding: 15px 20px;
  color: var(--tc-theme-heading-2);
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--tc-ag-font-family);
}
.block-menu-left ul li a svg {
  fill: var(--tc-theme-bg-12);
}
.block-menu-left ul li a:hover {
  color: var(--tc-theme-main);
  background-color: var(--tc-primary-home);
}
.block-menu-left ul li a:hover svg {
  fill: var(--tc-theme-main);
}

.sidebar-brochure {
  background-color: var(--tc-theme-bg-1);
  border-radius: 10px;
  padding: 26px 30px;
  margin-bottom: 30px;
}

.link-download a {
  display: block;
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: var(--tc-theme-main);
  padding: 15px 20px;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 28px;
  font-family: var(--tc-rubik-font-family);
  font-weight: 400;
  border: 1px solid var(--tc-theme-border-14);
  color: var(--tc-theme-heading-2);
}
.link-download a svg {
  margin-right: 12px;
}

.title-line-bottom {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 13px;
}
.title-line-bottom::before {
  content: "";
  height: 4px;
  border-radius: 100px;
  background-color: var(--tc-primary-home);
  width: 30px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

textarea.form-control {
  height: auto;
}

.service-detail p {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  font-family: var(--tc-rubik-font-family);
  color: var(--tc-neutral-2600);
}
.service-detail ul {
  list-style: none;
  padding: 0px;
  margin: 0px 0px 20px 0px;
}
.service-detail ul li {
  padding: 0px 0px 0px 30px;
  background: url(../imgs/pages/services/tick.png) no-repeat left center;
  margin-bottom: 10px;
}
.service-detail img {
  margin-bottom: 30px;
}

.service-detail {
  border-bottom: 1px solid var(--tc-theme-border-6);
  padding-bottom: 40px;
  margin-bottom: 60px;
}

.box-questions .accordion-item {
  border: 0px;
  box-shadow: none;
  margin-bottom: 20px;
}
.box-questions .accordion-button {
  border-radius: 5px;
  background-color: var(--tc-theme-bg-1);
  font-size: 18px;
  font-family: var(--tc-ag-font-family);
  line-height: 30px;
  font-weight: 700;
}
.box-questions .accordion-button:not(.collapsed)::after {
  background-image: url(../imgs/pages/services/up.png);
  background-position: center;
  transform: rotate(0deg);
}
.box-questions .accordion-button::after {
  background-image: url(../imgs/pages/services/down.png);
}
.box-questions .accordion-body {
  padding-top: 20px;
  color: var(--tc-neutral-2600);
}
.box-questions .accordion-button:not(.collapsed) {
  background-color: var(--tc-primary-home);
  color: var(--tc-theme-main);
}

.footer-red .slide-footer-brand-inner-2 {
  background-color: var(--tc-primary-home) !important;
}
.footer-red .form-newsletter .btn-newsletter {
  background-color: var(--tc-primary-home) !important;
}
.footer-red svg {
  fill: var(--tc-primary-home);
}
.footer-red .list-socials a:hover svg {
  fill: var(--tc-primary-home);
}

.section-service-detail-blue .block-menu-left ul li a svg {
  fill: var(--tc-theme-bg-12);
}
.section-service-detail-blue .block-menu-left ul li a:hover {
  color: var(--tc-theme-main);
  background-color: var(--tc-primary-500);
}
.section-service-detail-blue .block-menu-left ul li a:hover svg {
  fill: var(--tc-theme-main);
}
.section-service-detail-blue .title-line-bottom::before {
  background-color: var(--tc-primary-500);
}
.section-service-detail-blue .sidebar-brochure {
  background-color: var(--tc-theme-bg-13);
}
.section-service-detail-blue .btn-primary-home-rounded {
  background-color: var(--tc-primary-500);
}
.section-service-detail-blue .btn-primary-home-rounded:hover {
  background-color: var(--tc-primary-1000);
}
.section-service-detail-blue .box-questions .accordion-button {
  background-color: var(--tc-theme-bg-14);
}
.section-service-detail-blue .box-questions .accordion-button {
  font-size: 20px;
  font-weight: 600;
}
.section-service-detail-blue .box-questions .accordion-button:not(.collapsed) {
  background-color: var(--tc-primary-500);
}
.section-service-detail-blue .box-questions .accordion-button:not(.collapsed)::after {
  background-image: url(../imgs/pages/services/down-blue.png);
}
.section-service-detail-blue .box-questions .accordion-button::after {
  background-image: url(../imgs/pages/services/up-blue.png);
}

.service-detail-2 p {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  font-family: var(--tc-rubik-font-family);
  color: var(--tc-neutral-2600);
}
.service-detail-2 img {
  margin-bottom: 30px;
}
.service-detail-2 h3 {
  font-size: 32px;
  line-height: 120%;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
  margin-bottom: 20px;
}
.service-detail-2 h4 {
  font-size: 26px;
  line-height: 39px;
  font-weight: 600;
  font-family: var(--tc-ag-font-family);
  margin-bottom: 20px;
}
.service-detail-2 h5 {
  font-size: 24px;
  line-height: 120%;
  font-weight: 700;
  font-family: var(--tc-ag-font-family);
  margin-bottom: 25px;
}

.section-service-detail-linear .block-menu-left {
  background-color: var(--tc-theme-main);
  box-shadow: var(--tc-shadow-1);
  padding: 32px;
}
.section-service-detail-linear .block-menu-left ul li {
  margin-bottom: 20px;
}
.section-service-detail-linear .block-menu-left ul li a {
  background-color: var(--tc-theme-bg-15);
  border-radius: 5px;
}
.section-service-detail-linear .block-menu-left ul li a:hover {
  background-image: linear-gradient(to right, #4AA4F0, #9E3DDE);
}
.section-service-detail-linear .block-menu-left ul li:last-child {
  margin-bottom: 0px;
}
.section-service-detail-linear .sidebar-brochure {
  background-color: hsla(0, 0%, 0%, 0.699);
}
.section-service-detail-linear .title-line-bottom {
  border-bottom: 1px solid #EDEDFF;
}
.section-service-detail-linear .title-line-bottom::before {
  height: 1px;
  width: 60px;
  background-image: linear-gradient(to right, #4AA4F0, #9E3DDE);
}
.section-service-detail-linear .btn-primary-home-rounded {
  background-image: linear-gradient(to right, #4AA4F0, #9E3DDE);
  width: auto;
  border: 0px;
}
.section-service-detail-linear .btn-primary-home-rounded:hover {
  background-image: linear-gradient(to right, var(--tc-primary-1000), var(--tc-primary-1400));
}

.box-download-brochures-2-col {
  display: flex;
  align-items: center;
  margin: 0px -15px;
}
.box-download-brochures-2-col .item-brochure-download {
  width: 50%;
  padding: 0px 15px;
  text-align: center;
}
.box-download-brochures-2-col .item-brochure-download .item-brochure-download-inner {
  width: 100%;
  border-radius: 5px;
  padding: 25px;
  background-image: linear-gradient(to right, #4AA4F0, #9E3DDE);
}
.box-download-brochures-2-col .item-brochure-download .item-brochure-download-inner .item-icon {
  margin-bottom: 10px;
}
.box-download-brochures-2-col .item-brochure-download .item-brochure-download-inner .item-info a {
  color: var(--tc-theme-main);
  text-transform: uppercase;
  font-size: 16px;
  line-height: 130%;
  font-weight: bold;
  font-family: var(--tc-ag-font-family);
}

.service-detail-3 ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.service-detail-3 ul li {
  background: url(../imgs/pages/services/tick-linear.png) no-repeat left center;
  padding: 0px 0px 10px 45px;
  margin-bottom: 10px;
}

.box-image-cover {
  position: relative;
  padding: 0px 96px 85px 0px;
  max-width: 416px;
}
.box-image-cover .image-cover-1 {
  position: relative;
}
.box-image-cover .image-cover-2 {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 2;
}
.box-image-cover .image-cover-2 img {
  border: 10px solid var(--tc-theme-main);
  border-radius: 10px;
}

.box-image-cover-2 {
  position: relative;
  padding: 0px 0px 87px 171px;
}
.box-image-cover-2 .image-cover-2-1 {
  position: relative;
  z-index: 2;
}
.box-image-cover-2 .image-cover-2-2 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 1;
}

.box-videos-services-4-inner {
  padding: 0px 130px;
}

.box-videos-services-3-inner .box-video {
  background-image: url(../imgs/pages/home14/bg-video.png);
  border-radius: 0px;
}

.line-rounded {
  height: 6px;
  border-radius: 8px;
  width: 100%;
  background-color: var(--tc-theme-main);
  margin-bottom: 26px;
}

.box-info-video-bottom {
  padding: 38px 38px 12px 38px;
  background-image: linear-gradient(to right, #4AA4F0, #9E3DDE);
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 12;
  max-width: 584px;
  width: 100%;
}

.box-videos-services-3-inner {
  position: relative;
}

.text-stroke-300 {
  font-size: 300px;
  line-height: 300px;
  font-weight: 700;
  font-family: var(--tc-body-font-family);
  color: rgba(255, 255, 255, 0.1921568627);
  position: absolute;
  z-index: 2;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1921568627);
  top: 15%;
  text-align: center;
  width: 100%;
}

.content-detail-team p {
  font-size: 16px;
  line-height: 28px;
  color: var(--tc-neutral-1500);
  font-weight: 400;
  font-family: var(--tc-rubik-font-family);
}

.box-progress-team .progress-bar {
  position: relative;
  overflow: visible;
  background-color: transparent;
  background-image: linear-gradient(to right, #1AB69D, #31B978);
}
.box-progress-team .progress-bar .percent {
  position: absolute;
  top: -40px;
  right: 0px;
}
.box-progress-team .progress {
  overflow: visible;
  margin-bottom: 30px;
}

.percent {
  color: var(--tc-neutral-2700);
}

.content-detail-team p {
  margin-bottom: 40px;
}

.form-message .form-control {
  background-color: var(--tc-theme-bg-16);
  border-radius: 10px;
  font-size: 16px;
  color: var(--tc-neutral-2800);
}
.form-message .btn-linear-03 {
  letter-spacing: 2px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.team-socials {
  margin-bottom: 40px;
}
.team-socials a {
  display: inline-block;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  text-align: center;
  line-height: 42px;
  background-color: var(--tc-dark-950);
  margin-right: 11px;
}
.team-socials a svg {
  fill: var(--tc-theme-main);
}
.team-socials a:last-child {
  margin-right: 0px;
}
.team-socials a:hover {
  background-image: linear-gradient(to right, #1AB69D, #31B978);
}

@media screen and (max-width: 1399.98px) {
  .header-style-14 .menu-nav-14 {
    margin-left: 0px !important;
  }
  .header-need-help {
    padding-left: 20px;
  }
  .card-pricing-4 {
    padding: 40px 20px;
  }
  .card-pricing-6 {
    padding: 0px;
  }
  .card-pricing-5 .btn-border-950 {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 24px;
  }
  .box-employees {
    right: -65%;
  }
  .header-style-12 .btn-menu {
    margin-left: 20px !important;
    margin-right: 0px !important;
  }
}
@media screen and (max-width: 1199.98px) {
  .navbar-nav {
    display: none;
  }
  .btn-menu {
    margin-right: 0px;
    margin-left: 0px !important;
  }
  .btn-menu svg {
    stroke: var(--tc-theme-main);
  }
  .header-style-10 .btn-menu svg {
    stroke: var(--tc-primary-500);
  }
  .box-info-contact {
    flex-wrap: wrap;
  }
  .box-info-contact .image-contact {
    margin-bottom: 30px;
  }
  .box-info-contact .box-contact-phone {
    flex-wrap: wrap;
  }
  .navbar-nav-mobile {
    display: block !important;
  }
  .card-blog.card-blog-4 .card-image {
    width: 40%;
  }
  .card-blog.card-blog-4 .card-info {
    width: 60%;
  }
  .box-header-right-buttons {
    justify-content: flex-end;
    width: 100%;
  }
  .box-list-numbers .item-number {
    width: 50%;
  }
  .display-4xl-bold {
    font-size: 60px;
    line-height: 70px;
  }
  .box-faqs-10 .box-img-faq-10 {
    height: 397px;
  }
  .container-contact-section {
    flex-wrap: wrap;
  }
  .container-contact-section .contact-section-left, .container-contact-section .contact-section-right {
    width: 100%;
  }
  .display-ag-6xl {
    font-size: 88px;
    line-height: 90px;
  }
  .box-banner-12 {
    padding: 70px 0px;
    background-size: auto 80%;
  }
  .box-case-study-12::before {
    width: 60%;
  }
  .box-banner-11 {
    background-size: auto 90%;
    padding: 90px 0px 90px 0px;
  }
  .box-banner-11 .banner {
    padding: 90px 0px 150px 0px;
  }
  .box-employees {
    right: auto;
    bottom: 0px;
    top: auto;
    left: 0px;
  }
  .box-contact-11 .contact-button {
    padding: 0px 10px 0px 10px;
    min-width: 182px;
  }
  .blog-main-content .blog-content-left {
    width: 65%;
  }
  .blog-main-content .blog-content-right {
    width: 35%;
  }
  .box-banner-16 .box-banner-16-inner .banner {
    background-image: none;
  }
}
@media screen and (max-width: 991.98px) {
  .card-testimonials-12 {
    flex-wrap: wrap;
  }
  .card-testimonials-12 .card-image {
    padding-right: 0px;
    margin-bottom: 30px;
  }
  .card-testimonials-12 .card-image, .card-testimonials-12 .card-info {
    width: 100%;
  }
  .box-about-us-2 .box-about-us-inner {
    padding-top: 140px;
  }
  .card-project-7 .card-info {
    padding: 20px;
  }
  .card-project-7 .card-info .heading-3xl {
    font-size: 18px;
    line-height: 25px;
  }
  .card-project-7 .card-info .read-more {
    top: -23px;
    right: 20px;
    height: 46px;
    width: 46px;
    line-height: 42px;
  }
  .title-banner {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    margin-bottom: 30px;
  }
  .text-rotate-circle {
    padding-right: 15px;
  }
  .box-banner {
    padding-bottom: 309px;
  }
  .box-banner {
    background-size: cover;
    padding-top: 80px;
  }
  .item-square-1 {
    width: 90%;
  }
  .box-list-process .item-process {
    width: 50%;
  }
  .box-services-lists {
    flex-wrap: wrap;
  }
  .box-services-lists .service-left {
    width: 100%;
  }
  .box-services-lists .service-right {
    width: 100%;
  }
  .box-services-lists .item-service:last-child {
    border-bottom: 1px solid var(--tc-dark-950);
  }
  .box-touch {
    flex-wrap: wrap;
  }
  .box-touch .touch-left {
    padding: 30px 20px;
    width: 100%;
  }
  .box-touch .touch-right {
    width: 100%;
  }
  .display-ag-2xl {
    font-size: 48px;
  }
  .box-testimonial-3::before, .box-testimonial-3::after {
    height: 51%;
  }
  .client-logos {
    justify-content: center;
  }
  .client-logos .item-logo {
    padding: 0px 10px;
    margin-bottom: 20px;
  }
  .client-logos .item-logo img {
    max-height: 50px;
  }
  .box-testimonial-3 {
    background-position: top 10px left;
    background-size: 170px;
  }
  .box-list-process-2 .item-process::before {
    right: 6px;
  }
  .box-newsletter {
    flex-wrap: wrap;
  }
  .box-newsletter .newsletter-left {
    width: 100%;
    margin-bottom: 40px;
  }
  .box-newsletter .newsletter-right {
    width: 100%;
  }
  .box-numbers {
    flex-wrap: wrap;
  }
  .box-banner-6 {
    padding-top: 215px;
  }
  .display-4xl {
    font-size: 60px;
    line-height: 65px;
  }
  .heading-48-fitree {
    font-size: 38px;
    line-height: 44px;
  }
  .heading-80-fitree {
    font-size: 50px;
    line-height: 60px;
  }
  .box-banner-7::before {
    height: 160px;
  }
  .list-why-choose .item-why {
    width: 100%;
    margin-bottom: 30px;
    justify-content: center;
  }
  .box-why-choose {
    padding-top: 65px;
  }
  .box-about-us-7 {
    background-position: right 3px bottom 88px;
  }
  .box-faqs-8-inner .box-faqs-8-bg {
    background-size: cover;
    position: relative;
    left: auto;
    top: auto;
    height: 721px;
    width: 100%;
    max-width: 100%;
  }
  .box-list-projects-9 {
    flex-wrap: wrap;
  }
  .box-list-projects-9 .box-ul {
    max-width: 100%;
    padding: 0px 15px;
  }
  .box-list-projects-9 .box-content-tab {
    padding-left: 15px;
    padding-right: 15px;
  }
  .container-testimonials .testimonial-left .testimonial-left-inner {
    max-width: 100%;
  }
  .container-testimonials .testimonial-right {
    position: relative;
    top: auto;
    transform: none;
    right: auto;
    width: 100%;
    padding: 40px 20px 10px 20px;
  }
  .card-testimonial-9 .card-info .box-review-author {
    margin-top: 60px;
  }
  .block-can-help {
    flex-wrap: wrap;
  }
  .block-can-help .block-right {
    min-width: 100%;
  }
  .box-banner-10 .banner-right {
    position: relative;
    top: auto;
    right: auto;
    height: 600px;
    max-width: 100%;
  }
  .box-banner-10 .banner {
    padding-top: 60px;
    padding-bottom: 60px;
    width: 100%;
    max-width: 100%;
  }
  .box-banner-10::after {
    top: -3px;
    height: 90px;
    width: 48px;
    background-size: contain;
  }
  .box-testimonials-10::before {
    width: 55px;
    height: 55px;
  }
  .box-faqs-10 .box-img-faq-10 {
    height: 607px;
  }
  .box-faq-16 .box-images-faq-inner {
    margin-right: 0px;
  }
  .box-info-about-top {
    padding-left: 0px;
  }
  .box-info-about-line::before {
    top: 0px;
  }
  .box-info-about-line {
    padding-left: 0px;
    padding-top: 30px;
  }
  .box-banner-13-inner {
    padding: 70px 0px;
  }
  .box-testimonials-13 .swiper-button-prev-style-6 {
    left: -30px;
  }
  .box-testimonials-13 .swiper-button-next-style-6 {
    right: -30px;
  }
  .box-banner-12 {
    background-image: none;
    padding: 70px 0px;
  }
  .box-about-us-12 .box-images-about {
    padding-left: 0px;
    padding-top: 40px;
  }
  .box-banner-11 {
    background-size: auto 90%;
    background-image: none;
  }
  .box-newsletter-footer .newsletter-right {
    min-width: 50%;
  }
  .display-ag-5xl {
    font-size: 80px;
  }
  .box-contact-11 {
    width: 100%;
    flex-wrap: wrap;
  }
  .box-contact-11 .contact-phone::before {
    display: none;
  }
  .box-contact-11 .contact-text {
    padding: 0px 30px;
    width: 72%;
  }
  .box-contact-11 .contact-button {
    padding-left: 30px;
    min-width: auto;
  }
  .box-contact-11 .contact-phone {
    width: 100%;
    min-width: auto;
    margin-bottom: 30px;
  }
  .box-banner-11 .banner {
    padding-top: 0px;
  }
  .form-contact-us {
    padding-left: 0px;
    padding-top: 30px;
  }
  .blog-main-content .blog-content-left {
    width: 100%;
  }
  .blog-main-content {
    flex-wrap: wrap;
  }
  .blog-main-content .blog-content-right {
    width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .heading-3xl {
    font-size: 38px;
    line-height: 48px;
  }
  .box-video {
    height: 400px;
  }
  .box-chats {
    flex-wrap: wrap;
  }
  .box-chats .left-chat, .box-chats .right-chat {
    width: 100%;
  }
  .box-chats .right-chat {
    text-align: left;
  }
  .top-footer .box-contact-phone {
    padding: 30px 20px;
  }
  .box-video a {
    top: 12%;
    bottom: auto;
  }
  .card-blog-13 {
    padding: 20px;
  }
  .block-video {
    height: 470px;
  }
  .box-list-projects {
    flex-wrap: wrap;
    justify-content: center;
  }
  .box-list-projects .item-project {
    width: 33.33%;
    margin-bottom: 30px;
  }
  .box-services-lists .service-right {
    padding: 55px 21px 55px 21px;
  }
  .box-banner-4 {
    padding-top: 170px;
    padding-bottom: 50px;
  }
  .box-list-process-2 .item-process {
    width: 50%;
  }
  .box-list-process-2 .item-process:last-child::before {
    display: block;
  }
  .box-list-process-2 .item-process:nth-child(2n)::before {
    display: none;
  }
  .footer-5 .top-footer .box-contact-phone {
    padding: 40px 0px 10px 0px;
  }
  .box-number-about .item-number {
    padding: 15px 15px 25px 15px;
    margin-right: 10px;
  }
  .box-image-about-7 {
    flex-wrap: wrap;
  }
  .box-image-about-7 .image-left {
    width: 100%;
  }
  .box-image-about-7 .image-right {
    width: 100%;
  }
  .box-list-projects-2 .item-project {
    width: 50%;
  }
  .box-logos-partner .item-partner {
    width: 33.33%;
  }
  .box-logos-partner .item-partner.text-end {
    text-align: center !important;
  }
  .top-footer-logo {
    flex-wrap: wrap;
  }
  .top-footer-logo .left-footer {
    width: 100%;
    padding: 40px 20px;
  }
  .top-footer-logo .middle-footer {
    width: 100%;
  }
  .top-footer-logo .right-footer {
    width: 100%;
    padding: 40px 20px;
  }
  .box-faqs-8-inner .box-faqs-8-bg::before {
    width: 175px;
    height: 421px;
  }
  .display-2xl {
    font-size: 36px;
    line-height: 46px;
  }
  .slide-banner-home-9 {
    padding-top: 50px;
    padding-bottom: 250px;
  }
  .slide-banner-home-9 .box-buttons .btn {
    margin-right: 0px !important;
  }
  .box-faqs-10 .box-img-faq-10 {
    height: 450px;
  }
  .box-case-study-12::before {
    width: 100%;
  }
  .box-button-slider-red .swiper-button-prev, .box-button-slider-red .swiper-button-next {
    background-color: rgba(255, 255, 255, 0.12);
  }
  .box-number-12 .box-list-numbers .item-number .item-number-inner {
    padding: 20px;
  }
  .box-number-12 .box-list-numbers .item-number .item-number-inner .number-left {
    padding-right: 10px;
    min-width: 80px;
  }
  .card-testimonials-9 .card-image {
    width: 100%;
    padding-right: 0px;
  }
  .card-testimonials-9 .card-info {
    width: 100%;
    padding-top: 30px;
  }
  .box-newsletter-footer {
    padding: 25px 30px;
    flex-wrap: wrap;
  }
  .box-newsletter-footer .newsletter-right {
    min-width: 100%;
  }
  .box-contact-11 .contact-text {
    width: 100%;
    margin-bottom: 30px;
  }
  .box-faq-single-banner-inner::before {
    height: 172px;
    width: 176px;
    background-size: cover !important;
  }
  .box-faq-single-banner-inner::after {
    height: 206px;
    width: 255px;
    background-size: cover !important;
  }
  .box-videos-services-4-inner {
    padding: 0px 50px;
  }
  .box-image-about-8 {
    width: 100%;
  }
  .image-circle {
    right: -10px;
  }
}
@media screen and (max-width: 575.98px) {
  .box-list-process .item-process {
    width: 100%;
  }
  .box-list-projects .item-project {
    width: 50%;
    margin-bottom: 15px;
  }
  .box-list-projects .item-project.mt-5 {
    margin-top: 15px !important;
  }
  .box-experience {
    margin: auto;
  }
  .heading-68-fitree {
    font-size: 48px;
    line-height: 58px;
  }
  .box-newsletter {
    padding: 35px 20px;
  }
  .box-newsletter .heading-ag-3xl {
    font-size: 30px;
    line-height: 110%;
  }
  .box-newsletter .newsletter-right .form-newsletter .btn-newsletter {
    font-size: 14px;
    padding: 0px 12px;
  }
  .box-number-about .item-number {
    margin-bottom: 20px;
  }
  .heading-3xl {
    font-size: 30px;
    line-height: 40px;
  }
  .box-images-faq-inner {
    flex-wrap: wrap;
  }
  .box-images-faq-inner .images-faq-1 {
    margin-bottom: 30px;
    width: 100%;
  }
  .box-images-faq-inner .images-faq-2 {
    width: 100%;
  }
  .box-faqs-10 .box-img-faq-10 {
    height: auto;
  }
  .box-image-about-us-2 .image-about-1::after {
    top: -45px;
    left: 70px;
  }
  .box-image-about-us-2 .image-about-2 {
    max-width: 70%;
    bottom: -48px;
  }
  .box-testimonials-13 .swiper-button-prev-style-6 {
    left: -10px;
  }
  .box-testimonials-13 .swiper-button-next-style-6 {
    right: -10px;
  }
  .footer-style-10 .top-footer {
    flex-wrap: wrap;
  }
  .footer-style-10 .top-footer .top-footer-left {
    width: 100%;
    margin-bottom: 30px;
  }
  .footer-style-10 .top-footer .top-footer-right {
    width: 100%;
  }
  .slide-footer-brand .slide-footer-brand-inner .slide-footer-brand-inner-2 .container {
    padding: 0px 50px 0px 70px;
  }
  .heading-ag-3xl {
    font-size: 38px;
  }
  .block-faqs {
    padding-right: 10px;
  }
  .header-style-11 .navbar .container-fluid {
    padding-left: 15px;
    padding-right: 16px;
    display: flex;
  }
  .header-style-11 .header-need-help {
    display: none;
  }
  .block-new-models {
    flex-wrap: wrap;
  }
  .block-new-models .new-models-left {
    width: 100%;
  }
  .block-new-models .new-models-right {
    text-align: left;
    margin-top: 30px;
  }
  .box-latest-blog-11 {
    padding: 0px 0px;
  }
  .box-videos-services-4-inner {
    padding: 0px 10px;
  }
  .box-form-contact {
    padding: 40px 30px 30px 30px;
  }
  .navbar .navbar-brand {
    padding-right: 0px !important;
  }
  .box-paginations .pagination li a {
    display: inline-block;
    border-radius: 3px !important;
    font-size: 16px;
    padding: 7px 15px;
  }
  .box-paginations .pagination li {
    padding: 0px 3px;
  }
}
@media screen and (max-width: 500px) {
  .box-banner-12 .box-banner-12-inner .list-tick-2-col li {
    width: 100%;
  }
  .card-testimonial-9 .card-info .box-review-author {
    padding-right: 0px;
  }
  .card-testimonial-9 .card-info .box-review-author::before {
    display: none;
  }
}
@media screen and (max-width: 474.98px) {
  .display-xl {
    font-size: 52px;
    line-height: 62px;
  }
  .box-title-top {
    flex-wrap: wrap;
  }
  .box-title-top .text-rotate-circle {
    margin-bottom: 30px;
  }
  .stroke-text {
    right: -70px;
  }
  .card-pricing-2 {
    padding: 20px;
  }
  .box-list-process-2 .item-process {
    width: 100%;
  }
  .box-list-process-2 .item-process::before {
    display: none;
  }
  .box-logos-partner .item-partner {
    width: 50%;
  }
  .box-list-numbers .item-number {
    width: 100%;
  }
  .list-feedbacks li ul li .item-feedback {
    flex-wrap: wrap;
  }
  .list-feedbacks li ul li .item-feedback .info-feedback {
    width: 100%;
    margin-top: 20px;
  }
  .box-images-about-16 .image-about-1 .card-number .card-years {
    min-width: 70px;
  }
}
@media screen and (max-width: 450px) {
  .card-blog-4.card-blog-13 {
    flex-wrap: wrap;
  }
  .card-blog-4.card-blog-13 .card-image, .card-blog-4.card-blog-13 .card-info {
    width: 100%;
  }
  .card-blog-4.card-blog-13 .card-info {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 374.98px) {
  .box-images-about-16 {
    flex-wrap: wrap;
  }
  .box-images-about-16 .image-about-1, .box-images-about-16 .image-about-2 {
    width: 100%;
  }
  .box-images-about-16 .image-about-1 > img, .box-images-about-16 .image-about-2 > img {
    width: 100%;
  }
  .box-images-about-16 .image-about-1 {
    margin-bottom: 30px;
    padding-bottom: 250px;
    position: relative;
  }
  .box-images-about-16 .image-about-1 .card-number {
    bottom: 130px;
    right: 15px;
    left: 15px;
    max-width: 100%;
  }
  .box-images-about-16 .image-about-1 .box-img-circle {
    position: absolute;
    right: 15px;
    bottom: 0px;
  }
}
@media screen and (min-width: 992px) {
  .pe-lg-10 {
    padding-right: 6rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ms-lg-8 {
    margin-left: 4rem !important;
  }
}
/*# sourceMappingURL=main.css.map */