body {
  margin: 0;
  padding: 0;
  font-family: "Space Grotesk", sans-serif;
  font-family: "Manrope", sans-serif;
}
html {
  overflow-x: hidden;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Inter", sans-serif;
  margin: 0;
  padding: 0;
}
a,
a:hover {
  text-decoration: none;
}
button:focus,
input:focus,
textarea:focus {
  outline: none !important;
}
p {
  font-family: "Manrope", sans-serif;
  font-size: 16px;
}
h1 {
  font-weight: 700;
  text-transform: capitalize;
  color: #ffffff;
  font-size: 70px;
  line-height: 1.15;
}
h1 span {
  color: #ffa300;
}
h2 {
  font-weight: 700;
  font-size: 55px;
  color: #ffffff;
  text-transform: inherit;
  line-height: 1.3;
}
h3 {
  font-weight: 700;
  font-size: 50px;
  color: #ffffff;
  text-transform: inherit;
  line-height: 1.3;
}
h3 span {
  color: #ffa300;
}
h4 {
  font-weight: 700;
  font-size: 28px;
  color: #ffffff;
  text-transform: inherit;
  line-height: 1.3;
}
h5 {
  font-weight: 500;
  font-size: 24px;
  color: #ffffff;
  text-transform: inherit;
  line-height: 1.3;
}
.modal-backdrop.show {
  opacity: 0.7;
}
.tz-button a,
input.button {
  background: linear-gradient(
      15deg,
      #880088,
      #aa2068,
      #cc3f47,
      #de6f3d,
      #ffa300,
      #de6f3d,
      #cc3f47,
      #aa2068,
      #880088
    )
    no-repeat;
  background-size: 300%;
  background-position: left center;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  text-transform: capitalize;
  padding: 10px 25px;
  border-radius: 30px;
  transition: background 0.3s ease;
  display: inline-block;
}
.tz-button a:hover,
input.button:hover {
  background-size: 320%;
  background-position: right center;
}

/*===== Start TZ Header Area CSS  =====*/
.tz-header-area {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 25px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  overflow-x: hidden;
}

.tz-header-content,
.tz-nav-menu-content,
.tz-nav-menu ul,
.tz-nav-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.tz-logo-content img {
  width: 250px;
  height: auto;
}

.tz-nav-menu ul li a {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  text-transform: inherit;
  margin-left: 25px;
  transition: 0.3s;
}
.tz-nav-menu ul li a i {
  font-size: 14px;
  transition: 0.3s;
}
.tz-nav-menu ul li a:hover {
  color: #ffa300;
}
.tz-nav-menu ul li a:hover i {
  transform: rotate(180deg);
}
.tz-contact-btn a {
  margin-left: 35px;
  margin-right: 15px;
}

.tz-search-content button {
  border: 2px solid #ffffff;
  font-size: 16px;
  color: #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tz-customize-search .modal-content {
  background-color: transparent !important;
  border: none;
}

.tz-customize-search .modal-content button,
button.tz-quote-close {
  background: transparent;
  border: 0;
  color: #ffffff;
  position: absolute;
  right: -26px;
  top: -30px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tz-customize-search .modal-content button i,
button.tz-quote-close i {
  font-size: 14px;
}
.tz-customize-search .modal-dialog,
.tz-service-quote .modal-dialog {
  max-width: 700px;
}

.tz-customize-search .search-field {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 50px 50px;
  position: relative;
}

.tz-service-quote .modal-content {
  background: #ffffff !important;
}

.search-field input[type="search"] {
  font-weight: 500;
  font-size: 17px;
  width: 100%;
  border: 1px solid #000;
  padding: 12px 120px 12px 20px;
  border-radius: 30px;
}
.search-field input[type="search"]::placeholder {
  color: #000000;
}
.search-field input[type="submit"] {
  border: none;
  position: absolute;
  right: 56px;
  top: 50%;
  transform: translateY(-50%);
  padding: 8px 25px;
}

.mobile-menu-icon {
  border: 2px solid #ffffff;
  padding: 6px;
  border-radius: 5px;
  margin-left: 15px;
  display: none;
}

.burger {
  position: relative;
  width: 24px;
  height: 20px;
  cursor: pointer;
}

.burger span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  transition: all 0.2s, background 0s;
  background: #fff;
}
.burger span:nth-child(2) {
  top: 8px;
}
.burger span:last-child {
  top: 16px;
}

.nav-open span:first-child,
.nav-open span:last-child {
  top: 8px;
}
.nav-open span:first-child {
  transform: rotate(45deg);
}
.nav-open span:last-child {
  transform: rotate(-45deg);
}
.nav-open span:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}

.hidden {
  display: none;
}

/*===== End TZ Header Area CSS  =====*/

/*===== Start TZ Hero Area CSS  =====*/
.tz-hero-area {
  /* background: linear-gradient(50deg, rgb(29, 29, 29) 0%, rgb(0, 0, 0) 100%); */
  background-image: url("../images/homepage/bg.jpg");
  background-color: rgba(0, 0, 0, 0.5);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding: 180px 0 100px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
}
.tz-hero-area::after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.tz-hero-content .row {
  align-items: center;
}
.tz-hero-left-content h1 {
  width: 95%;
}
.tz-hero-left-content p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  line-height: 1.6;
  margin: 50px 0;
}
.get-started-btn a i {
  font-size: 15px;
  margin-left: 5px;
}
.tz-hero-right-content img {
  width: 100%;
  height: auto;
  border-radius: 15px;
}
.get-started-btn.tz-button a {
  padding: 13px 30px;
}

/*===== End TZ Hero Area CSS  =====*/

/*===== Start TZ Social Proof Area CSS  =====*/
.tz-social-proof-area {
  background: #ffffff;
  padding: 30px 0;
  overflow-x: hidden;
}
.tz-social-proof-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.tz-single-social-proof img {
  height: 60px;
}
img.styclus {
  height: 35px;
}
/*===== End TZ Social Proof Area CSS  =====*/

/*===== Start TZ What We Do Area CSS  =====*/
.tz-what-we-do-area {
  background: #141d30;
  padding: 100px 0;
  overflow-x: hidden;
}
.tz-what-we-do-left-header h5 {
  max-width: 245px;
}
.tz-what-we-do-right-header h3 {
  text-align: right;
}

.tz-what-we-do-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  margin-top: 50px;
}

.tz-what-we-do-item hr {
  height: 3px;
  background: linear-gradient(90deg, #fff700 0%, rgb(16 22 24) 100%);
  border: none;
}
.tz-item-block h4 {
  margin-bottom: 15px;
  opacity: 0.8;
}
.tz-item-block li a,
.arrow-list li a {
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  opacity: 0.8;
  padding: 5px 0;
  display: inline-block;
  transition: 0.3s;
}
.arrow-list li a {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.arrow-list li a span {
  margin-left: 70px;
}
.tz-item-block li a:hover {
  font-weight: 700;
  color: #ffcd55;
}
.arrow-list li a:hover {
  color: #ffcd55;
}
.tz-special-card {
  grid-column: 2 / -1;
  background: linear-gradient(to right, #0f202e, #081018);
  padding: 30px;
  border-radius: 10px;
  margin-top: -200px;
  height: 170px;
}
.tz-card-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.tz-card-content h4 {
  max-width: 300px;
}

/* new update code for service  */
/* Grid Layout */
.tz-services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  gap: 25px;
}
.tz-services-content {
  margin-top: 80px;
}
/* Card */
.tz-service-card {
  background: #121b2d;
  padding: 30px 30px 50px;
  border-radius: 12px;
  border: 0.5px solid #5e6574;
  transition: 0.5s;
}

.tz-service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.tz-card-quote-btn {
  margin-top: 20px;
}

.tz-service-img {
  width: 60px;
  height: 60px;
  background: #ffffff;
  border-radius: 50%;
  padding: 12px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.tz-service-img img {
  width: 100%;
  height: auto;
}

/* Card Title */
.tz-service-title {
  font-size: 22px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 15px;
}

/* Description */
.tz-service-desc {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 18px;
}

/* List */

.tz-service-list li {
  margin-bottom: 6px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
}
.tz-service-list li svg {
  width: 15px;
  margin-right: 5px;
}

.tz-service-quote .modal-content {
  padding: 25px;
}
.get-quote-heading-text {
  text-align: center;
}

.get-quote-heading-text h2 {
  font-weight: 700;
  font-size: 30px;
  color: #000000;
  text-transform: inherit;
}

.get-quote-heading-text h3 {
  font-weight: 500;
  font-size: 20px;
  color: #000000;
  text-transform: inherit;
  margin-top: 10px;
  margin-bottom: 25px;
}

.btn-danger:focus,
.btn-primary:focus,
.form-select:focus,
.form-control:focus {
  box-shadow: none !important;
  border-color: #000 !important;
}

.single-custom-quote-input label,
.single-custom-quote-input input,
.single-custom-quote-input textarea {
  font-weight: 400;
  font-size: 16px;
  text-transform: inherit;
  line-height: normal;
  color: #000;
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
.single-custom-quote-input label {
  margin-bottom: 8px;
}
.single-custom-quote-input textarea,
.single-custom-quote-input input,
.form-select {
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid #000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.form-select {
  cursor: pointer;
  margin-bottom: 15px;
}
.single-custom-quote-input textarea {
  height: 80px;
  resize: none;
}
.tz-quote-submit {
  margin-right: 10px;
}

/*===== End TZ What We Do Area CSS  =====*/

/*===== Start TZ Who We Are Area CSS  =====*/
.tz-who-we-are-area {
  background: linear-gradient(180.05deg, #f6f6f8 0.04%, #fafafa 110.11%);
  padding: 100px 0;
  overflow-x: hidden;
}
.tz-who-we-are-content .row {
  align-items: center;
}
.tz-who-we-are-left-content h5,
.tz-who-we-are-left-content h3 {
  color: #000000;
  max-width: 85%;
}
.tz-who-we-are-left-content h3 {
  line-height: 1.2;
}
.tz-who-we-are-left-content h3 span {
  color: #ffa300;
}
.tz-who-we-are-left-content h3 strong {
  font-weight: 500;
}
.tz-who-we-are-paragraf {
  margin: 25px 0;
}
.tz-who-we-are-paragraf p {
  font-weight: 500;
  font-size: 20px;
  color: #000000;
  max-width: 600px;
  padding: 10px 0;
}
.tz-who-we-are-left-content h5 {
  font-weight: 700;
  font-size: 22px;
  color: #737373;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 20px;
}

.tz-who-we-are-right-content {
  padding-left: 80px;
  border-left: 2px solid rgba(188, 221, 2, 0);
  -webkit-border-image-source: linear-gradient(
    0deg,
    rgba(246, 246, 248, 0.5) 0%,
    #ffa300 46.36%,
    rgba(245, 245, 245, 0.5) 92.1%
  );
  border-image-source: linear-gradient(
    0deg,
    rgba(246, 246, 248, 0.5) 0%,
    #ffa300 46.36%,
    rgba(245, 245, 245, 0.5) 92.1%
  );
  -webkit-border-image-slice: 2;
  border-image-slice: 2;
}
.tz-who-we-are-right-item h1 {
  font-weight: 900;
  font-size: 50px;
  color: #fea200;
}
.tz-who-we-are-right-item p {
  font-weight: 500;
  font-size: 22px;
  color: #737373;
  text-transform: inherit;
  letter-spacing: 2px;
  margin-top: 5px;
  max-width: 150px;
}
.tz-who-we-are-right-item {
  border-bottom: 0.5px solid;
  border-image-source: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    #ffa300 47%,
    rgba(255, 255, 255, 0) 100%
  );
  border-image-slice: 1;
  padding: 25px 0;
  width: 200px;
  padding-left: 40px;
}
.tz-who-we-are-right-item:last-child {
  border-bottom: 0;
}
/*Start Slider CSS */
.tz-who-we-are-slider {
  margin-top: 50px;
}

.single-tz-who-we-are-slide {
  background: linear-gradient(to right, #121b2d, #141d30);
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 40px 40px;
}
.single-tz-who-we-are-slide-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 25px;
}
.single-tz-who-we-are-slide-heading img {
  width: 50px !important;
  height: auto;
}
.single-tz-who-we-are-slide-heading h3 {
  font-weight: 600;
  font-size: 30px;
  color: #ffffff;
  text-transform: capitalize;
  margin-left: 25px;
  line-height: 1.2;
}
.single-tz-who-we-are-slide-text p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  text-transform: inherit;
  line-height: 1.3;
}
.single-tz-who-we-are-slide-text p:last-child {
  margin-top: 15px;
}
.tz-who-we-are-slider.owl-theme .owl-nav [class*="owl-"] {
  font-size: 30px !important;
}
.tz-who-we-are-slider.owl-theme .owl-nav [class*="owl-"] {
  background: #ffa300;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  color: #ffffff;
  transition: 0.3s;
}
.tz-who-we-are-slider.owl-theme .owl-nav [class*="owl-"]:hover {
  background: linear-gradient(to right, #0f202e, #081018);
  transition: 0.3s;
}
.tz-who-we-are-slider.owl-theme .owl-nav {
  margin-top: 30px;
}
/* End Slider CSS */
/*===== End TZ Who We Are Area CSS  =====*/

/*===== Start TZ Recent Success Area CSS  =====*/
.tz-recent-success-area {
  background: #0c1518;
  padding: 100px 0;
  overflow-x: hidden;
}
.tz-recent-success-heading-text p {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  max-width: 640px;
  margin: 0 auto;
  margin-top: 15px;
}
.tz-recent-success-content,
.tz-measurable-results-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 80px;
}

.tz-single-recent-success-content {
  background: #282e3a;
  border-radius: 20px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}
.tz-single-recent-success-img img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.see-all-btn {
  text-align: center;
  margin-top: 50px;
}
.tz-single-recent-success-text {
  padding: 35px 30px;
}
.tz-single-recent-success-text span {
  font-weight: 500;
  background: #ffa300;
  padding: 5px 13px;
  border-radius: 20px;
  font-size: 14px;
  color: #000;
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block;
}
/*===== End TZ Recent Success Area CSS  =====*/

/*===== Start TZ Measurable Results Area CSS  =====*/
.tz-measurable-results-area {
  background: linear-gradient(180.05deg, #f6f6f8 0.04%, #fafafa 110.11%);
  padding: 100px 0;
  overflow-x: hidden;
}
.tz-recent-success-heading-text.measurable-results h3 {
  color: #000;
}
.tz-recent-success-heading-text.measurable-results p {
  color: #000;
}

.tz-single-measurable-results-content {
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(29, 35, 115, 0.0196078431),
    0px 5px 5px 0px rgba(29, 35, 115, 0.0274509804),
    0px 11px 8px 0px rgba(29, 35, 115, 0.0352941176),
    0px 19px 15px 0px rgba(29, 35, 115, 0.0431372549),
    0px 35px 28px 0px rgba(29, 35, 115, 0.0509803922),
    0px 35px 67px 0px rgba(152, 181, 196, 0.2509803922);
  box-shadow: 0px 2px 2px 0px rgba(29, 35, 115, 0.0196078431),
    0px 5px 5px 0px rgba(29, 35, 115, 0.0274509804),
    0px 11px 8px 0px rgba(29, 35, 115, 0.0352941176),
    0px 19px 15px 0px rgba(29, 35, 115, 0.0431372549),
    0px 35px 28px 0px rgba(29, 35, 115, 0.0509803922),
    0px 35px 67px 0px rgba(152, 181, 196, 0.2509803922);
  border-radius: 16px;
}
.tz-single-measurable-results-img img {
  width: 100%;
  height: 170px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.tz-single-measurable-results-text {
  padding: 35px 30px;
}
.tz-single-measurable-results-text h5 {
  font-weight: 600;
  color: #000;
  font-size: 22px;
}
.tz-single-measurable-results-text h2 {
  font-weight: 900;
  font-size: 40px;
  color: #ffa300;
  margin: 15px 0;
}
.tz-single-measurable-results-text p {
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}
.see-all-btn.tz-button a {
  font-size: 18px;
  padding: 15px 40px;
}

/*===== End TZ Measurable Results Area CSS  =====*/

/*===== Start  TZ Technology Capabilities  Area CSS  =====*/
.tz-technology-capabilities-area {
  background: linear-gradient(155.25deg, #fff 15.77%, #f6f6f8 161.02%);
  padding: 100px 0;
  overflow-x: hidden;
}
.tz-technology-capabilities-content h3 {
  max-width: 840px;
  color: #000;
  margin-bottom: 15px;
}
.tz-technology-capabilities-content h3 span {
  color: #ffa300;
}
.tz-technology-capabilities-left-btn {
  padding-right: 50px;
  padding: 70px 0;
  border-right: 2px solid rgba(188, 221, 2, 0);
  -webkit-border-image-source: linear-gradient(
    0deg,
    rgba(246, 246, 248, 0.5) 0%,
    rgba(152, 181, 196, 0.4) 46.36%,
    rgba(245, 245, 245, 0.5) 92.1%
  );
  border-image-source: linear-gradient(
    0deg,
    rgba(246, 246, 248, 0.5) 0%,
    #ffa300 46.36%,
    rgba(245, 245, 245, 0.5) 92.1%
  );
  -webkit-border-image-slice: 2;
  border-image-slice: 2;
}
.tz-technology-capabilities-left-btn button {
  font-weight: 500;
  background: rgba(0, 0, 0, 0);
  border-radius: 0px;
  padding: 12px 22px;
  color: #000;
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 16px;
  margin-right: 15px;
  margin-bottom: 20px;
  transition: 0.3s;
}
.tz-technology-capabilities-left-btn button:hover,
.tz-technology-capabilities-left-btn button.active {
  font-weight: 800;
  font-size: 18px;
  background: #ffa300;

  box-shadow: 0px 2px 2px 0px rgba(29, 35, 115, 0.0196078431),
    0px 5px 5px 0px rgba(29, 35, 115, 0.0274509804),
    0px 11px 8px 0px rgba(29, 35, 115, 0.0352941176),
    0px 19px 15px 0px rgba(29, 35, 115, 0.0431372549),
    0px 35px 28px 0px rgba(29, 35, 115, 0.0509803922),
    0px 35px 67px 0px rgba(152, 181, 196, 0.2509803922);
}
.tz-technology-capabilities-right-content {
  padding-top: 80px;
}
.single-tz-technology-capabilities-item-icons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.single-tz-technology-capabilities-item p {
  font-weight: 500;
  font-size: 20px;
  max-width: 765px;
  margin-bottom: 30px;
}
.single-tz-technology-capabilities-item-icon {
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(29, 35, 115, 0.0196078431),
    0px 5px 5px 0px rgba(29, 35, 115, 0.0274509804),
    0px 11px 8px 0px rgba(29, 35, 115, 0.0352941176),
    0px 19px 15px 0px rgba(29, 35, 115, 0.0431372549),
    0px 35px 28px 0px rgba(29, 35, 115, 0.0509803922),
    0px 35px 67px 0px rgba(152, 181, 196, 0.2509803922);
  box-shadow: 0px 2px 2px 0px rgba(29, 35, 115, 0.0196078431),
    0px 5px 5px 0px rgba(29, 35, 115, 0.0274509804),
    0px 11px 8px 0px rgba(29, 35, 115, 0.0352941176),
    0px 19px 15px 0px rgba(29, 35, 115, 0.0431372549),
    0px 35px 28px 0px rgba(29, 35, 115, 0.0509803922),
    0px 35px 67px 0px rgba(152, 181, 196, 0.2509803922);
  border-radius: 16px;
  border: none;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-tz-technology-capabilities-item-icon img {
  width: 50%;
  height: 60%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 5px;
}
.single-tz-technology-capabilities-item {
  transform: translateY(25px);
  opacity: 0;
  display: none;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.single-tz-technology-capabilities-item.active {
  display: block;
  opacity: 1;
  transform: translateY(0px);
}

.tz-technology-capabilities-left-btn button.active {
  background: #1a73e8;
  color: #fff;
}
/*===== End  TZ Technology Capabilities  Area CSS  =====*/

/*===== Start  TZ Testimonial Area CSS  =====*/
.tz-testimonial-area {
  background-color: #0c1518;
  padding: 100px 0 180px;
  overflow-x: hidden;
}
.tz-testimonial-top-text {
  display: flex;
  flex-direction: row;
  margin-bottom: 80px;
}
.tz-testimonial-top-text h5 {
  max-width: 220px;
}
.tz-testimonial-top-text h3 {
  line-height: 1;
  margin-left: 100px;
}

.tz-single-testimonial-right-slide {
  background: #ffffff;
  border-radius: 18px;
}
.tz-testimonial-slide-padding {
  padding: 30px 30px;
}
.tz-testimonial-slide-padding p {
  font-size: 15px;
}
.tz-testimonial-slide-review {
  margin-top: 40px;
}
.tz-testimonial-slide-project h5,
.tz-testimonial-slide-review h5 {
  font-weight: 500;
  font-size: 20px;
  color: #000000;
  margin-bottom: 10px;
}
.tz-single-testimonial-top {
  display: flex;
  align-items: center;
  background: #ffa300;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  padding: 8px 30px;
}
.tz-single-testimonial-logo img {
  width: 50px !important;
  height: auto;
}

.tz-single-testimonial-right-slide-text ul li i {
  font-size: 15px;
  color: #ffa300;
  margin: 0 1px;
}
.tz-single-testimonial-right-slide-text {
  text-align: center;
}
.tz-single-testimonial-right-slide-text h5 {
  font-weight: 700;
  font-size: 22px;
  color: #000000;
}
.tz-single-testimonial-right-slide-text h6 {
  font-weight: 600;
  font-size: 17px;
  color: #000000;
  margin-top: 5px;
  margin-bottom: 10px;
}

.tz-single-testimonial-right-slide-text p {
  font-weight: 500;
  font-size: 16px;
}
.tz-testimonial-right-feedback.owl-theme .owl-dots .owl-dot span {
  width: 25px;
  height: 7px;
  margin: 5px 7px;
  background: #ffa300;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
  transition: 0.3s;
}
.tz-testimonial-right-feedback.owl-theme .owl-dots .owl-dot span:hover,
.tz-testimonial-right-feedback.owl-theme .owl-dots .owl-dot.active span {
  background: #ffffff;
  width: 32px;
  height: 8px;
}
.tz-testimonial-right-feedback.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
  position: absolute;
  bottom: -70px;
  left: 0;
  right: 0;
}
.tz-single-testimonial-right-slide-profile img {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50%;
  border: 3px solid #ffa300;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}
.tz-single-testimonial-review-star h5 {
  font-weight: 600;
  font-size: 20px;
  margin-right: 10px;
}
.tz-single-testimonial-review-content,
.tz-single-testimonial-review-star {
  display: flex;
  align-items: center;
}
p.fivestar {
  font-weight: 700;
  font-size: 16px;
  margin-right: 10px;
}

.tz-single-testimonial-company-name h5 {
  font-weight: 600;
  font-size: 25px;
  color: #000;
  margin-left: 10px;
}

.tz-single-testimonial-right-slide-text ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.tz-single-testimonial-client-info {
  display: flex;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 15px;
}
/*===== End  TZ Testimonial Area CSS  =====*/

/*===== Start TZ Contact Us Area CSS  =====*/
.tz-contact-us-area {
  background-color: #15282e;
  padding: 100px 0;
  overflow-x: hidden;
}
.tz-map-area {
  overflow-x: hidden;
}
.tz-map-area iframe {
  width: 100%;
}

.tz-contact-us-heading-text {
  text-align: center;
}
.tz-contact-us-heading-text h2 {
  font-weight: 700;
  font-size: 40px;
  text-transform: inherit;
  color: #ffffff;
}
.tz-contact-us-heading-text p {
  font-weight: 500;
  font-size: 18px;
  text-transform: inherit;
  color: #ffffff;
  max-width: 500px;
  margin: 0 auto;
  margin-top: 10px;
}
.tz-contact-us-content form {
  background: #ffffff;
  max-width: 680px;
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.3);
  width: 100%;
  margin: 0 auto;
  padding: 50px 50px;
  margin-top: 50px;
  border-radius: 15px;
}
.single-input-field {
  display: flex;
  gap: 20px;
}
.single-input-field input[type="text"],
.single-input-field input[type="email"],
.single-input-field textarea {
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  padding: 12px 20px;
  border: none;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  width: 100%;
  margin-bottom: 23px;
}

.single-input-field input[type="checkbox"] {
  width: 18px;
}
.single-input-field label {
  cursor: pointer;
}
.single-input-field textarea {
  resize: none;
  height: 100px;
}

.tz-contact-us-content form input[type="submit"] {
  width: 100%;
  margin-top: 28px;
  padding: 10px;
  border-radius: 30px;
  border: none;
  background: #ffa300;
  color: #000000;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 12px 20px;
  transition: 0.3s;
  border: 2px solid transparent;
}
.tz-contact-us-content form input[type="submit"]:hover {
  background: red;
  border: 2px solid #ffa300;
}
.tz-single-testimonial-client-details {
  margin-left: 15px;
}
.tz-single-testimonial-client-details h5 {
  color: #000;
  font-size: 18px;
  margin-bottom: 5px;
}
/*===== End TZ Contact Us Area CSS  =====*/

/*=========********** ######################### **********=====*/
/*=========********** Start TZ Pricing Page CSS **********=====*/
/*=========********** ######################### **********=====*/

/*===== Start TZ Pricing Top Area CSS  =====*/
.tz-pricing-top-area {
  background: url("../images/pricing/bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 170px 0 100px;
  position: relative;
  z-index: 1;
}
.tz-pricing-top-content {
  text-align: center;
  /* max-width: 795px; */
  margin-bottom: 80px;
  width: 100%;
}

.tz-pricing-top-area::after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.tz-page-links ul {
  display: flex;
  flex-direction: row;
}
.tz-page-links a {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  text-transform: capitalize;
  margin-right: 15px;
  position: relative;
  display: inline-block;
}
.tz-page-links a.home::after {
  content: "";
  position: absolute;
  background: #ffffff;
  width: 2px;
  height: 16px;
  top: 5px;
  right: -11px;
  transform: rotate(10deg);
}
.tz-page-links a:last-child {
  color: #ffa300;
}
.tz-pricing-top-content h2 {
  border-bottom: 0.5px solid;
  border-image-source: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    #ffa300 47%,
    rgba(255, 255, 255, 0) 100%
  );
  border-image-slice: 1;
  padding: 30px 0;
  border-bottom: 1px solid #ffa300;
}
.tz-pricing-top-content p {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  text-transform: inherit;
  padding-top: 30px;
}

.tz-pricing-category-buttons {
  background-image: linear-gradient(
    157deg,
    #ffa30099,
    #7f21ff00 41% 71%,
    #ffa300
  );
  padding: 1px;
  max-width: 469.3px;
  border-radius: 10px;
  margin: 0 auto;
}
.tz-pricing-category-button {
  background-image: linear-gradient(
    162deg,
    #ffa30028 8%,
    #5f00e000 47%,
    #5f00e000 80%,
    #ffa30028 100%
  );
  background-color: #0a0a0a;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px 2px;
  border-radius: 5px;
  border-radius: 10px;
}
.tz-pricing-category-buttons button {
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  text-transform: capitalize;
  padding: 12px 10px;
  background: transparent;
  border: none;
  border-radius: 10px;
  margin: 0 5px;
}
.tz-pricing-category-buttons button:hover,
.tz-pricing-category-buttons button.active {
  background-color: #ffa300;
  color: #000;
}

.tz-pricing-category-contents {
  display: flex;
  align-items: flex-start;
  gap: 25px;
  margin-top: 50px;
}
.tz-pricing-category-tab-content {
  display: none;
}
.tz-pricing-category-tab-content.active-content {
  display: block;
}
.tz-single-pricing-category {
  flex: 0 0 32%;
  background-image: linear-gradient(
    157deg,
    #ffa30099,
    #7f21ff00 41% 71%,
    #ffa300
  );
  border-radius: 15px;
  padding: 1px;
}

.tz-single-pricing-category-content {
  padding: 40px;
  background: linear-gradient(
    162deg,
    #ffa30028 8%,
    #5f00e000 47%,
    #5f00e000 80%,
    #ffa30028 100%
  );
  background-color: #0a0a0a;
  position: relative;
  border-radius: 15px;
}

.tz-pricing-category-contents .tz-single-pricing-category:nth-child(2) {
  border: 2px solid #ffa300;
  transform: scale(1.055);
}

.tz-single-pricing-category-text-content h1 {
  font-weight: 600;
  font-size: 50px;
}
.tz-single-pricing-category-text-content h6 {
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  margin: 15px 0 20px;
}

.tz-single-pricing-category-text-content h4 {
  padding-bottom: 20px;
  border-bottom: 1px solid red;
  color: #ffa300;
  border-bottom: 0.5px solid;
  border-image-source: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    #ffa300 47%,
    rgba(255, 255, 255, 0) 100%
  );
  border-image-slice: 1;
}
.tz-single-pricing-category-features {
  padding: 20px 0;
}
.tz-single-pricing-category-features li {
  font-weight: 600;
  font-size: 18px;
  color: #ffffff;
  text-transform: inherit;
  line-height: 1.5;
  margin-left: 20px;
  padding: 9px 0;
}

.tz-single-pricing-book-call-btn a {
  background: #ffa300;
  display: block;
  text-align: center;
  color: #000000;
  border-radius: 10px;
  padding: 13px 15px;
  font-weight: 600;
  font-size: 16px;
  text-transform: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
}
.tz-single-pricing-book-call-btn a svg {
  width: 22px;
  margin-left: 8px;
}
/*===== End TZ Pricing Top Area CSS  =====*/

/*=========********** ######################### **********=====*/
/*=========**********  End TZ Pricing Page CSS  **********=====*/
/*=========********** ######################### **********=====*/

/*===== Start TZ Footer Area CSS  =====*/

.tz-footer-area {
  overflow-x: hidden;
  padding: 60px 0 20px;
  background: linear-gradient(180deg, #030707, #07140b);
  overflow-x: hidden;
}

.tz-footer-title {
  font-weight: 900;
  color: #fff;
  font-size: 38px;
  margin-bottom: 50px;
}

.tz-footer-grid {
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tz-footer-bottom {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.tz-footer-heading,
.tz-footer-subtitle {
  font-size: 25px;
  color: #fff;
  margin-bottom: 20px;
}

.tz-footer-list li a {
  color: #fff;
  margin: 8px 0;
  cursor: pointer;
  opacity: 0.8;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tz-footer-list li a i {
  font-size: 13px;
}
ul.tz-footer-list {
  padding-right: 25px;
}
.tz-footer-list li a:hover {
  opacity: 1;
  color: #ffcd55;
}

.tz-footer-subtitle {
  color: #fff;
  margin-bottom: 10px;
}

.tz-footer-location p,
.tz-footer-contact p {
  color: #ffffff;
}

.tz-copy {
  font-size: 16px;
  color: #ffffff;
  padding: 15px 0;
  opacity: 0.7;
}
.tz-icons {
  display: flex;
}
.tz-icons span a {
  width: 30px;
  height: 30px;
  background: #ffffff;
  color: #000000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  transition: 0.3s;
}

.tz-icons span a:hover {
  background: #ffa300;
  color: #ffffff;
}
/*===== End TZ Footer Area CSS  =====*/