@import url('https://fonts.googleapis.com/css2?family=Whisper&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap');

/*@font-face {

  font-family: Inter;

  src: url(./fonts/Inter/Inter-VariableFont_slnt\wght.ttf);

}



@font-face {

  font-family: Gothic;

  src: url(./fonts/Alternate_Gothic/Alternate_Gothic/AlternateGotNo1D.ttf);

}



@font-face {

  font-family: Gothic-W03;

  src: url(./fonts/Alternate-Gothic-W03-No.-2/Alternate\ Gothic\ W03\ No.\ 2.ttf);

}

*/

/*@font-face {

  font-family: Neus;

  src: url(./fonts/NeueHaasDisplayLight.ttf);

}



@font-face {

  font-family: Helvetica Regular;

  src: url(./fonts/Helvetica/Helvetica.ttf);

}



@font-face {

  font-family: Helvetica Bold;

  src: url(./fonts/Helvetica/Helvetica-Bold.ttf);

}



@font-face {

  font-family: Helvetica Bold;

  src: url(./fonts/Helvetica/Helvetica-cf.ttf);

}



@font-face {

  font-family: Barlow-bold;

  src: url(./fonts/BarlowCondensed/BarlowCondensed-Bold.ttf);

}



@font-face {

  font-family: Barlow-extrabold;

  src: url(./fonts/BarlowCondensed/BarlowCondensed-ExtraBold.ttf);

}



@font-face {

  font-family: Barlow-Medium;

  src: url(./fonts/BarlowCondensed/BarlowCondensed-Medium.ttf);

}



@font-face {

  font-family: Barlow-Regular  ;

  src: url(./fonts/BarlowCondensed/BarlowCondensed-Regular.ttf);

}*/


* {

  margin: 0;

  padding: 0;

}





*{

  margin:0;
  -webkit-font-smoothing: antialiased;
  padding:0;

}



/* html {

  box-sizing: border-box;

}



.nav{

  position: fixed;

  width: 100%;

  background-color: grey;

  text-align: center;

  padding: 21.5px 0;

}



nav li{

  display: inline;

}





.nav a{

  color: white;

  text-decoration: none;

  text-transform: uppercase;

  padding: 20px;

  font-size: 20px;

  

}



.nav a:hover{

  color: black;

}



.nav li.active a{

  border-bottom: 2px solid white;

  color: black;

}



.section{

  height: 1000px;

  width: 100%;

}



.section1{

  background-color: #A54A3A;

}



.section2{

  background-color: #5455A5;

}



.section3{

  background-color: #5DA568;

} */


html, body {

  min-height: 100vh;
 background-color: #f44937;
 
}


header {

  background: var(--RED, #f44937);

}



h1,

h2,

h3,

h4,

h5,

h6,

p,

a,

span {

  margin: 0px;

  padding: 0px;

}

h1{
	font-family: "Host Grotesk", serif;
	font-weight: bold;
    margin-bottom: 30px;
}
h2, h2, h3, h4, h5, h6 {
	margin-bottom: 30px;
	font-family: "Host Grotesk", serif;
}


.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999999999999;
/*   background-color: #000;
  animation-delay: 0s; */
}

.preloader video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 9999999999999999999999999;
}


.text-dark {
  color: #000 !important;
}

.tnt-tablet-screen,
.tnt-mobile-screen {
  display: none;
}

.tnt-ul-li {
  margin: 0 !important;
  padding: 0 !important;
}

.example{
  display: none;
}

body.loaded .preloader, body.example  .preloader{
  display: none;
}
.btn-hover-two.btn-hover-three:hover{
  background-color: #f44937 !important;
}
.btn-cruser{
    text-transform: uppercase;
    display: flex;
    padding: 0 0;
    text-decoration: none;
    background-color: white;
    color: black;
    border-radius: 30px;
    font-family: Gothic-W03;
    width: 100% !important;
    max-width: 100% !important;
    margin: auto;
}
.tnt-hero-btn a.btn-hover-three{padding: 7px 20px 7px 30px;}
.btn-cruser .btn-hover-two .a-text{font-size: 18px; padding: 10px 0; margin: 0 !important;}
.tnt-report-txt{
  text-align: center !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

body {
  scroll-behavior: smooth;
  overflow-x: hidden;

}


/* navbar css */



/* new navbar css */
/* .header__nav.nav-bar-new { */
  /* position: absolute;
  background-color: #122;
  top: 0;
  right: 100%;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: position 2.9s;
  -webkit-transition: position 2.9s;
  -moz-transition: position 2.9s;
  -ms-transition: position 2.9s;
  -o-transition: position 2.9s; */


.nav-bar.toggle {
  left: 0;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.4);
}
.toggle-menu-new {
  z-index: 999988;
  width: 40px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 2px 2px 2px 3px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.toggle-menu-img{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 2px 2px 2px 3px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.bg-pitch{
  background: #f44937;
}
.line-new {
  width: 100%;
  height: 2px;
  border-radius: 5px;
  background-color: #000000;
  transition: transform 0.2s ease-out;
  -webkit-transition: transform 0.2s ease-out;
  -moz-transition: transform 0.2s ease-out;
  -ms-transition: transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
}

body.no-scroll .line1 {
  background-color: #FFF;
  transform: scale(0.9) rotateZ(-45deg) translate(-6px, 4px);
}

body.no-scroll .line2 {
  display: none;
}

body.no-scroll .line3 {
  background-color: #FFF;
  transform: scale(0.9) rotateZ(45deg) translate(-6px, -4px);
}

.nav-list-new {
  flex-direction: column;
  list-style: none;
  position: absolute;
  background-color: #f44937;
  top: 0;
  right: 100%;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: position 2.9s;
  -webkit-transition: position 2.9s;
  -moz-transition: position 2.9s;
  -ms-transition: position 2.9s;
  -o-transition: position 2.9s;

}

#navbarSupportedContent ul li a:hover{
  color: #fff !important;
}

.nav-list-item-new {
  text-align: center;
  padding: 10px 0;
  margin-right: 48px;
}

.nav-link-new {
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    position: relative;
    padding-bottom: 4px;
    font-weight: bold;
    text-transform: uppercase;
}

.nav-link-new::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  transform: scaleX(0);
  transition: transform 0.4s ease-in-out;
  transform-origin: left;
  -webkit-transition: transform 0.4s ease-in-out;
  -moz-transition: transform 0.4s ease-in-out;
  -ms-transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
}

.nav-link-new:hover::before {
  transform: scaleX(1);
}

.no-scroll {
  overflow: hidden;
}

/* new navbar css */
.customheader{display: none;}

#navbarSupportedContent ul li a {
  position: relative;
}

#navbarSupportedContent a:not(:only-child):after {
  content: "\f105";
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 14px;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  transition: 0.5s;
}
#navbarSupportedContent .active > a:not(:only-child):after {
  transform: rotate(90deg);
}
.hori-selector {
  display: none;
  position: absolute;
  height: 100%;
  top: 0px;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  background-color: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  height: 40px !important;
}

.parent-head{
  height: 80px;
  background-color: #f44937;
  border-bottom: 1px solid #000;
}

/* navbar css */

.tnt-header {

  display: flex;

  height: 60px;

  justify-content: flex-end;

  align-items: center;

  gap: 10px;

  border-bottom: 1px solid black;

}



.tnt-header-main {

  padding-top: 50px;

}



.navbar-nav>.nav-item>.nav-link {

  font-family: "alternate-gothic-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;

  color: var(--OFF-BLACK, #1e1e1e);

  font-size: 20px;

  letter-spacing: 0.2px;

  text-transform: uppercase;

  padding-bottom: 0px;

}



.navbar-nav {

  display: flex;

  justify-content: flex-end;

  align-items: flex-end;

  gap: 50px;

}



.navbar {

  background: var(--RED, #f44937);

  margin-left: auto;

  border-bottom: 1px solid #000;

}



.tnt-header-main .navbar-toggler {

  border: none !important;

}



.tnt-hero {

  background-color: var(--RED, #f44937);

}



.tnt-hero-sec {

  padding-top: 100px;

  padding-bottom: 100px;

}



.tnt-h1 h1 {


  font-family: "alternate-gothic-compressed", sans-serif !important;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  font-size: 120px !important;
  line-height: 100px !important;
  word-spacing: 0;

}



.tnt-hero-sec-right {

  padding-left: 100px;

}



.tnt-span-h1 {

  /* display: flex; */

  word-wrap: break-word;

  clear: both;

}



.tnt-hero-btn {

  text-align: right;

}



.tnt-hero-sec-outer {

  display: flex;

  flex-direction: row;

}



.tnt-hero-sec-left {

  width: 50%;

}



.tnt-hero-sec-right {

  width: 50%;

}



/* .btn-tnt-hero{

    text-transform: uppercase;

    font-family: Gothic-W03;

    font-size: 16px;

    font-weight: 700;

    background: var(--OFF-WHITE, #F6F6F6) !important;

    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

    text-transform: uppercase;

    width: 478px;

    height: 43px;

    line-height: 24px;

    border-radius: 30px;

} */

.tnt-hero-btn {

  display: flex;

  width: 465px;

  max-width: 100%;

}



.tnt-hero-btn a {

  text-transform: uppercase;

  display: flex;

  padding: 7px 20px 7px 40px;

  text-decoration: none;

  background-color: white;

  color: black;

  border-radius: 30px;

  width: 100%;

    font-family: "alternate-gothic-compressed", sans-serif;
    font-weight: 900;
    font-style: normal;
    line-height: normal;
    word-spacing: 2px;
    letter-spacing: 0.5px;
}



.a-text {

  width: 100%;

  text-align: center;

  font-size: 20px;

  font-family: "alternate-gothic-compressed", sans-serif;

}



.tnt-sustainable-growth {

  background: var(--BLACK, #000);

}

.tnt-why-banner .uniqueheadercontact h1{
  white-space: nowrap;
}

.tnt-sec-pad {

  padding-top: 150px !important;

  padding-bottom: 150px !important;

}



.tnt-sec-pad-left-outer {

  background-color: #000;

  display: flex;

  flex-direction: row;

  gap: 40px;

}



/* .tnt-sec-pad-left {

  width: 30%;

} */



.tnt-sec-pad-right {

  width: 57%;

  display: flex;

  flex-direction: column;

  position: relative;

  background-image: url('../assets/images/home-background.png');

  background-size: cover;

  padding-top: 150px;

  padding-bottom: 150px;

  padding-left: 100px;

  padding-right: 100px;

}



.card-img-overlay {

  width: 50vw;

  height: 100%;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  padding: var(--bs-card-img-overlay-padding);

  border-radius: var(--bs-card-inner-border-radius);

}



.tnt-sustainable-growth-outer {

  display: flex;

  flex-direction: row;

  align-items: center;

}



.tnt-sustainable-growth-left {

  width: 50%;

  padding-left: 50px;

  padding-right: 50px;

}



.tnt-sustainable-growth-right {

  width: 50%;

}



.tnt-growth-text>h1>.tnt-span-h1 {

  justify-content: end !important;

  text-align: right;

}



.tnt-growth-text>h2>span:last-child {

  margin-top: -10px;

   line-height: 142px;

  background: linear-gradient(180deg, #eb913e 0%, #eb4e3e 38.02%, #bc1909 100%);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  text-align: right;

}



.tnt-growth-text {

  font-family: Gothic-W03;

  display: flex;

  justify-content: end;

  flex-direction: column;

}



.tnt-growth-text>p {

  font-family: "alternate-gothic-compressed", sans-serif;
  font-weight: 900;
  font-style: normal;

  text-align: right;

  text-transform: uppercase;

  letter-spacing: 2px;

  color: rgba(244, 73, 55, 1);
      margin-bottom: 12px;
      font-size: 24px;

}



.tnt-growth-text>h1 {

  font-family: "alternate-gothic-compressed", sans-serif;
  font-weight: 800;
  font-style: normal;

  text-align: right;

  color: var(--OFF-WHITE, #f6f6f6);

  font-feature-settings: "clig" off, "liga" off;

  font-size: 150px;

  /*font-style: normal;*/

  /*font-weight: 800;*/

  line-height: 120px;

  text-transform: uppercase;

  /*font-family: Barlow-bold;*/

  word-spacing: -15px;

}



.tnt-growth-info {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 20px;

  margin-top: 25px;

}



.tnt-report-txt>p {



  font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 400;
font-style: normal;

  max-width: 350px;

  line-height: 2.5px;

  color: #fff;

  text-align: center;

  /*font-family: Gothic-W03;*/

  margin: 0;

  font-size: 20px;

  /*font-style: normal;*/

  /*font-weight: 450;*/

  line-height: 24px;

/*  font-family: Helvetica Regular;*/
opacity: 0.7;

letter-spacing: 2.5px;
}



.tnt-clients {

  padding: 150px 0 0 0;

}



.tnt-client-heading {

  font-family: "alternate-gothic-compressed", sans-serif;
  font-weight: 900;
  font-style: normal;

  padding: 30px;

  color: var(--RED, #f44937);

  text-align: center;

  font-feature-settings: "clig" off, "liga" off;

  /*font-family: Gothic-W03;*/

  font-size: 24px;

  /*font-style: normal;*/

  /*font-weight: 900;*/

  line-height: 24px;

  letter-spacing: 6.48px;

  text-transform: uppercase;

}



.tnt-client-logos {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 50px;

}


@keyframes marquee {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

.tnt-client-logos>.tnt-client-imgs {

  padding: 20px 0 20px 0;

  opacity: 0.3;

  display: inline-block;
  margin-right: 20px; /* Adjust as needed for spacing between logos */

}



.tnt-client-logos>.tnt-client-imgs img {

  color: white;

  filter: brightness(0) invert(1);

  /*max-height: 100px;*/

  /*max-width: 150px;*/

}



.tnt-client-logos>.tnt-client-imgs .label-img {

  color: white;

  filter: brightness(1) invert(1);

  max-height: 100px;

  max-width: 100px;

}



.tnt-client-logos>.tnt-client-imgs:hover {

  opacity: 1;

}



.tnt-client-logos>.tnt-client-imgs img {

  width: 100%;

}



.tnt-community-label>h2 {

  font-family: "alternate-gothic-compressed", sans-serif;
  font-weight: 900;
  font-style: normal;

  color: #fff;

  font-feature-settings: "clig" off, "liga" off;

  font-size: 119px;

  line-height: 100px;

  text-transform: uppercase;

  letter-spacing: 2.5px;

  word-spacing: 0px;

}



.tnt-community-label>h2 span:last-child {

  background: var(--GRADIENT-LIGHT-RED,

      linear-gradient(180deg, #eb913e 0%, #eb4e3e 38.02%, #bc1909 100%));

  background-clip: text;
  line-height: 117px;
  margin-top: -10px;
  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.tnt-community-label>h2 div span.growth-text{
  background:  var(--GRADIENT-LIGHT-RED,      linear-gradient(180deg, #000000 61%, #383838 85%, #fff 179%));
  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  text-align: right;
}

.tnt-community-label>p {
  font-family: "alternate-gothic-compressed", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 24px;

  /*font-style: normal;*/

  /*font-weight: 900;*/

  line-height: 24px;

  /* 100% */

  letter-spacing: 6.48px;

  text-transform: uppercase;

  color: rgba(244, 73, 55, 1);
  margin-bottom: 25px;
}



.text {
  color: #fff;
  font-size: 6rem;
  font-weight: 900;
  display: inline-block;
  bottom: 0;
  -webkit-animation: text 1050ms ease-in infinite;
          animation: text 1050ms ease-in infinite;
  transform: translatez(0);
}
.text-w {
  left: 0rem;
  transform: translate3d(0, -4rem, 0);
  -webkit-animation: text-w 1050ms ease-in infinite;
          animation: text-w 1050ms ease-in infinite;
}
.text-a {
  left: 5.4rem;
  -webkit-animation-delay: 150ms;
          animation-delay: 150ms;
}
.text-v {
  left: 9.6rem;
  -webkit-animation-delay: 230ms;
          animation-delay: 230ms;
}
.text-e {
  left: 13rem;
  -webkit-animation-delay: 310ms;
          animation-delay: 310ms;
}
.text-u {
  left: 17rem;
  -webkit-animation-delay: 390ms;
          animation-delay: 390ms;
}
.text-s {
  left: 17rem;
  -webkit-animation-delay: 450ms;
          animation-delay: 450ms;
}


.coast {
  position: absolute;
  bottom: 0;
  width: 6.2rem;
  height: 1.2rem;
  display: inline-block;
  -webkit-animation: coast 2100ms linear infinite;
          animation: coast 2100ms linear infinite;
  transform: translateZ(0);
}

.wave-rel-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  perspective: 3rem;
  perspective-origin: 0%, 50%;
}

.wave {
  position: absolute;
  width: 6.2rem;
  height: 1.2rem;
  border-radius: 1.1rem;
  background: radial-gradient(ellipse at center, #74f1fc 0%, #32e6ff 73%, #15c7fa 100%);
  display: inline-block;
  -webkit-animation: wave 2100ms linear infinite;
          animation: wave 2100ms linear infinite;
  will-change: width;
  transform: translateZ(0) scale(0);
}

.delay {
  -webkit-animation-delay: 1050ms;
          animation-delay: 1050ms;
}

@-webkit-keyframes text {
  0% {
    transform: translate3d(0, 0, 0);
  }
  30% {
    transform: translate3d(0, 0, 0);
  }
  45% {
    transform: translate3d(0, -4rem, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes text {
  0% {
    transform: translate3d(0, 0, 0);
  }
  30% {
    transform: translate3d(0, 0, 0);
  }
  45% {
    transform: translate3d(0, -4rem, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes text-w {
  0% {
    transform: translate3d(0, -4rem, 0);
  }
  38% {
    transform: translate3d(0, -4rem, 0);
  }
  69% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -4rem, 0);
  }
}
@keyframes text-w {
  0% {
    transform: translate3d(0, -4rem, 0);
  }
  38% {
    transform: translate3d(0, -4rem, 0);
  }
  69% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -4rem, 0);
  }
}
@-webkit-keyframes coast {
  0% {
    transform: translate3d(0, 0, 0);
  }
  23% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(16rem, 0, 0);
  }
  100% {
    transform: translate3d(16rem, 0, 0);
  }
}
@keyframes coast {
  0% {
    transform: translate3d(0, 0, 0);
  }
  23% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(16rem, 0, 0);
  }
  100% {
    transform: translate3d(16rem, 0, 0);
  }
}
@-webkit-keyframes wave {
  0% {
    transform: scale(0);
    width: 2.2rem;
  }
  10% {
    transform: scale(1);
  }
  23% {
    width: 2.2rem;
  }
  32% {
    width: 6.1rem;
  }
  42% {
    width: 5rem;
    transform: rotateY(0deg) scale(1, 1);
  }
  51% {
    transform: rotateY(90deg) scale(0.6, 0.2);
  }
  52% {
    transform: rotateY(90deg) scale(0);
  }
  100% {
    transform: rotateY(90deg) scale(0);
  }
}
@keyframes wave {
  0% {
    transform: scale(0);
    width: 2.2rem;
  }
  10% {
    transform: scale(1);
  }
  23% {
    width: 2.2rem;
  }
  32% {
    width: 6.1rem;
  }
  42% {
    width: 5rem;
    transform: rotateY(0deg) scale(1, 1);
  }
  51% {
    transform: rotateY(90deg) scale(0.6, 0.2);
  }
  52% {
    transform: rotateY(90deg) scale(0);
  }
  100% {
    transform: rotateY(90deg) scale(0);
  }
}

.tnt-community-span-h1 {

  /* line-height: 140px; */

  color: rgba(244, 73, 55, 1);

}



.tnt-community-peoples {

  border-radius: 194px 0px 199px 0px;

  background-color: #000;

  /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */

  /* margin-top: 100px;

  margin-bottom: 100px; */

}

.tnt-parent-owl{width: 858px; max-width: 100%;}

/* .item{width: 90% !important;} */

.owl-carousel .owl-item {

  

  opacity: 0.5;

}



.owl-carousel .owl-item.active {

  opacity: 1;

}



.community-img img {

  border-radius: 100%;

}



.tnt-testimonial-img {

  width: 100px !important;

  height: 100px !important;

}



.tnt-person-name {

  padding-left: 20px;

  color: white;

}



.tnt-community-name {

  font-family: "alternate-gothic-compressed", sans-serif;
  font-weight: 800;
  font-style: normal;

  font-size: 40px;


  text-transform: uppercase;

  margin: 0;


}



.tnt-community-post {

  font-family: "alternate-gothic-compressed", sans-serif;
  font-weight: 600;
  font-style: normal;

  margin: 0;

  font-size: 24px;

  text-transform: uppercase;


}



.community-person {

  align-items: center;

  font-family: Gothic-W03;

  display: flex;

  text-transform: uppercase;

}



.community-frame {

  padding-left: 150px;
    padding-right: 150px;
    padding-top: 70px;
    padding-bottom: 70px;

}



.tnt-testimonial-p {

  font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 450;
font-style: normal;

  font-size: 16px;

  line-height: 26px;

  margin-bottom: 60px;

  letter-spacing: 2.5px;

}



.tnt-person-info {

  color: #f6f6f6;

  padding: 40px 0 0px 0;

  font-feature-settings: "clig" off, "liga" off;

  /* Body/Large */

  font-family: Gothic-W03;

  font-size: 16px;

  font-style: normal;

  font-weight: 450;

  line-height: 26px;

  /* 162.5% */

}



.details-text {

  font-family: "alternate-gothic-compressed", sans-serif;
font-weight: 600;
font-style: normal;

    margin-left: 20px;

    color: #f6f6f6;

    font-feature-settings: "clig" off, "liga" off;

    font-size: 20px;

    line-height: normal;

    word-spacing: 0px;

    letter-spacing: 2.5px;

    text-transform: uppercase;

}

.owl-carousel .owl-item .arrow{
  margin-bottom: auto;
}

.view-details>a {

  text-transform: uppercase;

  align-items: center;



  display: flex;

  text-decoration: none;

}



/* .tnt-footer{

    padding-bottom: 50px;

    background-color: #F44937;

}



.tnt-logo{

  display: flex;

  justify-content: center;

  padding: 100px 0 10px 0;

  border-bottom: 1px solid black;



}



.tnt-nav{

    display: flex;

}

.tnt-nav >ul{

    display: flex;

}

.tnt-nav >ul>li{

    margin: 20px;

  list-style: none;

}

.tnt-nav >ul>li>a{

    color: var(--OFF-BLACK, #1E1E1E);

    text-align: center;

    font-feature-settings: 'clig' off, 'liga' off;

    font-family: Gothic-W03;

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    letter-spacing: 0.2px;

    padding: 20px;

    text-transform: uppercase;

    text-decoration: none;

}



.tnt-social-media{

    margin-left:auto ;

}

.tnt-social-media>.tnt-soc-logos>img{

    padding: 10px 20px 0 20px;

} */

.tnt-footer {

  padding-top: 100px;

  background: var(--RED, #f44937);

  text-align: center;

}



.footer-border {

  margin-top: 40px;

  border-bottom: 1px solid black;

}



.tnt-ul-li {
      font-size: 20px;
    letter-spacing: 0.2px;

  font-family: "alternate-gothic-compressed", sans-serif;
font-weight: 600;
font-style: normal;

  list-style: none;

  display: flex;

  gap: 5rem;

/*  font-weight: 800;

  font-family: Barlow-bold;*/

}
.tnt-ul-li.footer-links {
	gap: 2rem;
}



.tnt-soc-logos {

  text-align: right;

  display: flex;

  gap: 5rem;

}



.footer-left-nav {

  display: flex;

  align-items: baseline;

  padding-top: 25px;

  padding-left: 50px;

  padding-right: 50px;

  padding-bottom: 50px;

}



.footer-right-nav {
    display: flex;
    margin-left: auto;
    position: relative;
    top: -3px;
}





.tnt-growth-info.active {

  opacity: 1;

  transform: translateY(0);

}



.tnt-sustainable-growth .first-circle.rotate-circle {

  transform: rotate(360deg);

  transition: transform 1s ease-in-out;

}



.tnt-sustainable-growth.scrolled .svg-container.animated-border::before {

  animation: border-animation 1s ease-in-out forwards; /* Add animation when scrolled */

}

.tnt-sustainable-growth .bar-static.rotate-bar-static {

  transform: rotate(360deg);

  transition: transform 1s ease-in-out;

}



.tnt-sustainable-growth .first-circle.rotate-first-circle {

  transform: rotate(360deg);

  transition: transform 1s ease-in-out;

}

@keyframes border-animation {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

.tnt-growth-chart {

  -webkit-appearance: none !important;

  display: flex;

  justify-content: center;

}



.tnt-growth-chart svg.radial-progress {

  height: auto;

  max-width: 270px;

  padding: 0;

  width: 270px;

  border-radius: 50%;

}



.tnt-growth-chart .svg-container svg.radial-progress:nth-child(even) {

  margin: 0 15px;

}



circle.bar-static {

  fill: #000;

  stroke: url(#gradient) !important;

  stroke-width: 1px;

  stroke-dasharray: 472;

  stroke-dashoffset: 472;

   animation: anim 5s linear infinite;



}



circle.first-circle.bar-static {

  stroke-width: 4px;

}



@keyframes anim {

  100% {

    stroke-dashoffset: 0;

  }

}



.tnt-growth-chart svg.radial-progress circle.bar--animated {

  stroke-dasharray: 219.91148575129;

  stroke-dashoffset: 219.91148575129;

  stroke-width: 4px;

  stroke-linecap: round;

  fill: #000;

}



.tnt-growth-chart svg.radial-progress text.round-number {
    font-size: 11px;
    font-weight: normal;
    text-anchor: middle;
    text-transform: uppercase;
    fill: url(#textcolor);
    letter-spacing: 1.2px;
}

.redial-text-head-parent{
  position: absolute;
    justify-content: center;
    top: 0;
    left: auto;
    right: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    height: 100%;
    gap: 0;
}

.redial-text-head{
    font-weight: 800;
    letter-spacing: 1.5px;
    color: rgba(244, 73, 55, 1);
    text-anchor: middle;
    text-transform: uppercase;
    fill: url(#textcolor);
    letter-spacing: 1.2px;
    font-family: "neue-haas-grotesk-display", sans-serif;
    animation: zoom-in-zoom-out 5s ease infinite;
     animation-delay: 0s;
}

.redial-text-head-sub{
     font-weight: 800;
    color: rgba(244, 73, 55, 1);
    text-anchor: middle;
    text-transform: uppercase;
    fill: url(#textcolor);
    letter-spacing: 1.2px;
    font-size: 35px;
    font-family: "neue-haas-grotesk-display", sans-serif;
    animation: zoom-in-zoom-out 5s ease infinite;
     animation-delay: 0s;
}

.tnt-growth-chart svg.radial-progress text, .redial-text-head-parent p text {

  font-size: 18px !important;

  text-anchor: middle;

  text-transform: uppercase;

  fill: url(#textcolor);

  animation: zoom-in-zoom-out 5s ease infinite;

/*  transform-origin: 40% 40%;*/

  animation-delay: 2s;

      font-family: "neue-haas-grotesk-display", sans-serif;
       letter-spacing: 1.5px; 

}



@keyframes zoom-in-zoom-out {

  0% {

    transform: scale(0);

  }



  100% {

    transform: scale(1);

  }

}



.svg-container.first-svg-container {


  position: relative;

  z-index: 999;

}



.svg-container.second-svg-container {

  margin-left: -51px;

}


/*
text.round-subtitle {

  font-size: 6px !important;

}
*/


.tnt-community-peoples {

  height: auto;

  grid-row: 1;

  grid-column: 1;

  transition: opacity .5s ease-in-out;

  -webkit-transition: opacity .5s ease-in-out;

  -moz-transition: opacity .5s ease-in-out;

  -ms-transition: opacity .5s ease-in-out;

  -o-transition: opacity .5s ease-in-out;

}



.pin-spacer {

  padding: 0 !important;

}



/* Why Tnt Page Css Start */

.parent-growth h2{
  
  text-transform: uppercase;
font-family: "alternate-gothic-compressed", sans-serif !important;

  font-size: 120px !important;

  font-style: normal;

  font-weight: 800;

  line-height: 100px !important;

  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

  word-spacing: 0;

}

.tnt-why-banner {

  background-color: var(--RED, #f44937);

}



.tnt-why-banner-inner-content {

  background-position: center;

  background-repeat: no-repeat;

  background-size: 35%;

}



.tnt-hero-sec h1 {

  position: relative;

}







.tnt-why-banner-logo-circle {

  display: flex;

  justify-content: center;

  height: 100%;

  width: 100%;

  position: absolute;

  left: 0;

  opacity: 0.3 !important;

  transform: translate(0%, 0%);

}



.tnt-why-banner-logo-circle img {

  width: 700px;

  max-width: 100%;

  opacity: 0.2;

}



.tnt-why-banner .tnt-hero-sec h1 {

 display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--OFF-BLACK, #1E1E1E);
    font-size: 85px;
    font-style: normal;
    font-weight: 600;
    line-height: 90px;
    text-transform: uppercase;
    font-family: "alternate-gothic-compressed", sans-serif !important;
    font-weight: 800;
    text-transform: uppercase;
    word-spacing: -2px;

}


.tnt-why-banner .tnt-hero-sec h1 span {

  align-items: center;

}
@keyframes slideIn {
  from {
      transform: translateX(100%);
      opacity: 0;
  }
  to {
      transform: translateX(0);
      opacity: 1;
  }
}
.d-boxtwo .tnt-hero-sec-txt-animate{
  animation: slideIn 5s ease-out;
}
.d-boxthree .tnt-hero-sec-txt-animate{
  animation: slideIn 7s ease-out;
}
.d-boxfour .tnt-hero-sec-txt-animate{
  animation: slideIn 9s ease-out;
}
.d-boxfive .tnt-hero-sec-txt-animate{
  animation: slideIn 11s ease-out;
}
.d-box {
  white-space: nowrap;
  overflow: hidden;
}

.tnt-hero-sec-txt-animate {
  display: inline-block;
  animation: slideIn 2s ease-out;
}


.tnt-hero-sec-txt-animate {

 font-family: "alternate-gothic-compressed", sans-serif !important;
    font-weight: 800;
    background: linear-gradient(177deg, #fff 59.54%, rgb(255 255 255 / 0%) 121.34%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        font-size: 110px;
    font-style: normal;
    font-weight: 700;
    line-height: 106px;
    text-transform: uppercase;
    margin-left: 7px;
    display: flex;
    align-items: center !important;
    justify-content: center;

}



.tnt-why-fact-section-inner-div {

  display: flex;

  flex-direction: column;

}



.tnt-why-fact-right {

  padding-top: 30px;

  padding-bottom: 30px;

}



.tnt-why-fact-right p {

 color: var(--RED, #F44937);
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: "alternate-gothic-compressed", sans-serif;

}



.tnt-why-fact-right h2 {

    font-family: "alternate-gothic-compressed", sans-serif;
    font-weight: 800;
    font-style: normal;
    text-align: right;
    color: var(--OFF-WHITE, #f6f6f6);
    font-feature-settings: "clig" off, "liga" off;
    font-size: 150px;
    line-height: 120px;
    text-transform: uppercase;
    word-spacing: 0;
    margin-top: 20px;

}



.tnt-why-fact-right h2 span:last-child {

  background: var(--GRADIENT-LIGHT-RED, linear-gradient(180deg, #eb913e 0%, #eb4e3e 38.02%, #bc1909 100%));

  background-clip: text;

  line-height: 142px;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

      margin-top: -20px;

}



.tnt-why-fact-right h2 span:nth-last-child(2) {

   line-height: 142px;

  background: var(--GRADIENT-LIGHT-RED, linear-gradient(180deg, #eb913e 0%, #eb4e3e 38.02%, #bc1909 100%));

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

      margin-top: -10px;

}



.tnt-why-fact-section {

  background-color: #000;

}



.tnt-why-fact-section-inner {

  position: relative;

}



.typed-cursor {

  display: none;

}



.tnt-why-fact-left img {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 50%;

}



.tnt-btn a {

  text-transform: uppercase;

  display: flex;

  padding: 7px 20px 7px 40px;

  text-decoration: none;

  background-color: white;

  color: black;

  border-radius: 30px;

  font-family: Gothic-W03;

  width: 100%;

}



.tnt-why-fact-right-btn {

  display: flex;

  justify-content: end;

  margin-top: 40px;

}



.tnt-why-fact-right-btn .tnt-btn a {

  padding: 30px 160px 30px 30px;

  border-radius: 50px;

  column-gap: 130px;

}



.tnt-why-fact-right-btn .tnt-btn a .a-text {

  color: var(--OFF-BLACK, #1E1E1E);

  text-align: center;

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-transform: uppercase;

}



.tnt-every-company-section {

  background-color: var(--RED, #f44937);

  padding-top: 150px;

  padding-bottom: 150px;

  background-repeat: no-repeat;

  background-position: center bottom;

}



.tnt-every-company-left h2 {

  color: #FFF;

  font-size: 60px;

  font-style: normal;

  font-weight: 800;

  line-height: 60px;

  text-transform: uppercase;

  font-family: Barlow-bold;

}



.tnt-every-company-left h2 span {

  color: #000;

}



.tnt-every-company-inner {

  display: flex;

  justify-content: space-between;

}



.tnt-every-company-left {}



.tnt-every-company-right {

  display: flex;

  flex-direction: column;

  row-gap: 50px;

}



.tnt-every-company-right-inner {

  display: flex;

  column-gap: 20px;

}



.tnt-every-company-right-inner-content h3 {

  word-spacing: 0;
  
  color: #FFF;

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

  line-height: 35px;

  text-transform: uppercase;

  font-family: "alternate-gothic-compressed", sans-serif !important;

  margin-top: 10px;
  letter-spacing:1px;
  word-spacing: 1px;

}

.tnt-every-company-right-inner-img img{
  width: 154px;
}

.tnt-every-company-right-inner-content p {

  word-spacing: -3px;

  color: #000;

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

  line-height: 35px;

  text-transform: uppercase;

  font-family: "alternate-gothic-compressed", sans-serif !important;
  letter-spacing:1px;
  word-spacing: 1px;

}



.tnt-why-black-div {

  background-color: #000;

  padding-top: 20px;

  padding-bottom: 20px;

}



.tnt-why-black-div p {

  color: var(--OFF-WHITE, #F6F6F6);

  text-align: center;

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  letter-spacing: 2.24px;

  text-transform: uppercase;

  font-family: "alternate-gothic-compressed", sans-serif !important;

}



.tnt-why-adam-div {

  background-color: var(--RED, #f44937);

  background-repeat: no-repeat;

}



.tnt-why-adam-inner {

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: space-between;

}



/* .tnt-why-adam-inner-left {

  width: 50%;

  height: 1000px;

} */



.tnt-why-adam-inner-right {

  width: 65%;

  display: flex;

  flex-direction: column;

  row-gap: 50px;

}



.tnt-why-adam-inner-right h2 {

      color: #FFF;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: 51px;
    font-family: "alternate-gothic-compressed", sans-serif !important;
    letter-spacing: 2.5px;

}

.tnt-why-adam-inner-right-content h3{
  font-family: "Whisper", cursive !important ;
      font-weight: normal !important;
    line-height: normal !important;
    text-transform: none !important;
}

.tnt-why-adam-inner-right-content h3, .parent-text .text{

  font-size: 50px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-transform: uppercase;

  background: linear-gradient(180deg, #000 0%, #000 38.02%, #676565 100%);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-family: Barlow-bold;

}



.tnt-why-adam-inner-right-content p {

  font-size: 30px;
    font-style: normal;
    font-weight: 700;
    word-spacing: 3px;
    letter-spacing: 0.18px;
    background: linear-gradient(180deg, #000 0%, #000 38.02%, #676565 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "alternate-gothic-compressed", sans-serif !important;
    text-transform: uppercase;
}



.tnt-start-project-div {

  background-color: #000;

  position: relative;

}



.tnt-start-project-inner-left {

  width: 50%;

  display: flex;

  flex-direction: column;

  line-height: 67px;

  row-gap: 15px;

}



.tnt-start-project-inner-left h2 {

  word-spacing: 0;

  color: var(--OFF-WHITE, #F6F6F6);

  font-size: 80px;

  font-style: normal;

  font-weight: 800;

  line-height: 80px;

  text-transform: uppercase;

  font-family: "alternate-gothic-compressed", sans-serif !important;

}



.tnt-start-project-inner {

  display: flex;

  align-items: center;

  padding-top: 300px;

  padding-bottom: 300px;

}



.tnt-start-project-inner-left p {

  color: #FFF;

  font-size: 26px;

  font-style: normal;

  font-weight: 400;

  line-height: 35px;

  font-family: "neue-haas-grotesk-display", sans-serif;

  letter-spacing: 2.5px;

}



.tnt-start-project-inner-right {

  width: 40%;

  position: absolute;

  right: 0;

}



.tnt-start-project-inner-right-inner {

  border-radius: 200px 0px 0px 200px;

  background: linear-gradient(180deg, #F44937 18.85%, rgba(106, 68, 64, 0.49) 100%);

  padding: 99px;

}



.tnt-start-project-inner-right-inner h3 {

  color: var(--OFF-WHITE, #F6F6F6);

  font-size: 32px;

  font-style: normal;

  font-weight: 700;

  line-height: 46px;

  text-transform: uppercase;

  margin-bottom: 50px;

  word-spacing: 5px;

  font-family: "alternate-gothic-compressed", sans-serif;

}



.form-group-outer {

  display: flex;

}



.tnt-start-project-form {

  display: flex;

  flex-direction: column;

  row-gap: 40px;

}



.tnt-start-project-form .form-group input {

  display: flex;

  height: 48px;
   color: #000;
  padding: 7px 20px 7px 25px;

  justify-content: center;

  align-items: center;

  flex-shrink: 0;

  border-radius: 30px;

  background: var(--OFF-WHITE, #F6F6F6);

  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

  font-family: "neue-haas-grotesk-display", sans-serif;
   text-transform: uppercase;
   font-style: normal;
  font-weight: 700;
}



.tnt-start-project-form .form-group textarea {
 color: #000;
  display: flex;

  height: 100px;

  padding: 7px 20px 7px 25px;

  justify-content: center;

  align-items: center;

  flex-shrink: 0;

  border-radius: 30px;

  background: var(--OFF-WHITE, #F6F6F6);

  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

  text-transform: uppercase;
  font-style: normal;
  font-weight: 700;

 font-family: "neue-haas-grotesk-display", sans-serif;

}



.tnt-start-project-form .form-group textarea:focus {

  padding: 7px 20px 7px 25px;

  color: var(--bs-body-color);

  background: var(--OFF-WHITE, #F6F6F6);

  border: none !important;

  outline: 0;

  border-radius: 30px;
  font-style: normal;
  font-weight: 700;

  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}



.tnt-start-project-form .form-group input:focus {

  height: 48px;

  padding: 7px 20px 7px 25px;

  color: var(--bs-body-color);

  background: var(--OFF-WHITE, #F6F6F6);

  border: none !important;

  outline: 0;

  border-radius: 30px;

  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}



.tnt-start-project-inner-right-inner .tnt-hero-btn {

  width: 100%;
  

}

.btn-hover {
  position: relative;
  overflow: hidden;
}

.btn-hover:hover {
  background-color: #f44937 !important;
  color: white !important;
}

.btn-hover:hover:after {
  opacity: 1;
  width: 85%;
  transition: 1.3s; 
  color: white;
  right: 8%;
}
.tnt-hero-btn-send .btn-hover:hover:after {
  z-index: 999;
  opacity: 1;
  width: 143%;
  transition: 1.3s; 
  color: white;
  right: 8%;
}

.tnt-hero-btn-send .btn-hover:after {
  top: 56% !important;
}


.btn-hover:after {
  content: '➜';
  color: black;
  position: absolute;
  opacity: 1;
    font-size: 28px;
    top: 52%;
  line-height: 0;
  left: 8%;
  width: 0;
  transition: 0.5s;
}

.btn-hover .a-text {
  position: relative;
  z-index: 1;
}

.btn-hover-two {
  position: relative;
  overflow: hidden;
}

.btn-hover-two:hover {
  background-color: #000 !important;
  color: white !important;
}

.btn-hover-two:hover:after {
  opacity: 1;
  width: 85%;
  transition: 1.3s; 
  color: white;
  right: 8%;
}

.btn-hover-two:after {
  content: '➜';
  color: black;
  position: absolute;
  opacity: 1;
  font-size: 31px;
  top: 57%;
  line-height: 0;
  left: 8%;
  width: 0;
  transition: 0.5s;
}

.btn-hover-two .a-text {
  position: relative;
  z-index: 1;
}



.tnt-start-project-inner-right-inner .tnt-hero-btn a {
  -webkit-text-fill-color: rgb(0 0 0); 
-webkit-opacity: 1; 

  color: var(--OFF-BLACK, #1E1E1E);

  text-align: center;

  font-size: 18px;

  font-style: normal;

  font-weight: 700;

  line-height: 24px;

  text-transform: uppercase;

  background-color: var(--OFF-WHITE, #F6F6F6);

}



::placeholder {

  color: #000;

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: 80px;

  text-transform: uppercase;

font-family: "neue-haas-grotesk-display", sans-serif;

}



/* Why Tnt Page Css End */



/* Our Value Page Css Start */

.tnt-core-value video, .tnt-value-content-div img{z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto !important;
  height: auto !important;
  z-index: -1;
  width: auto !important;
}

.tnt-icon-block .sub-text-img{
  top: 153px;
    transform: translate(1%, -50%);
    rotate: 5deg;
    display: none;
    white-space: nowrap;
    height: 100%;
    left: -15px;
    width: 100%;
}

.tnt-icon-block .sub-text-img.sub-img-two{
  top: 153px;
  transform: translate(1%, -50%);
  rotate: 5deg;
  display: none;
  white-space: nowrap;
  height: 100%;
  left: -47px;
  width: 100%;
}

.tnt-icon-block.highlight .sub-text-img{
  display: block;
}

.tnt-icon-block.highlight img{
  box-shadow: -1px 2px 28px hsl(0deg 0% 67.72%), 0 0 50px hsl(0deg 0.65% 28.99%), 0 0 21px hsl(0deg 0% 0%);

} 

.tnt-core-value {
  z-index: 1;
  overflow: hidden;
  background-color: rgba(0,0,0,0.75);
}

.bg-light-black{
  background-color:  rgba(0,0,0,0.75);
}

.tnt-core-value-inner h2 {

  font-size: 90px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-transform: uppercase;

  background: var(--GRADIENT-LIGHT-RED, linear-gradient(180deg, #EB913E 0%, #EB4E3E 38.02%, #BC1909 100%));

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-family: "alternate-gothic-compressed", sans-serif;
}



.tnt-core-value-inner-content {

  display: flex;

  gap: 50px;

  flex-direction: row;

  flex-wrap: wrap;

}



.tnt-core-value-inner-content-inner {

  display: flex;

  flex-direction: column;

  row-gap: 25px;

}



.tnt-core-value-inner-content-inner img {

  width: 60px;

}

.tnt-hero-btn.unique-home-btn a{padding-top: 16px !important; padding-bottom: 13px !important; padding-right: 0 !important; padding-left: 0 !important;}

.tnt-core-value-inner-content-inner h3 {

  color: #FFF;

  font-size: 30px;

  font-style: normal;

  font-weight: 700;

  letter-spacing: 1.5px;

  word-spacing: 0px;

  line-height: normal;

  text-transform: uppercase;

  background: var(--GRADIENT-LIGHT-RED, linear-gradient(180deg, #EB913E 0%, #EB4E3E 38.02%, #BC1909 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "alternate-gothic-compressed", sans-serif;

}



.tnt-core-value-inner-content-inner p {

  color: #FFF;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 29px;

  letter-spacing: 2.5px;

  word-spacing: 0px;

  width: 330px;

  font-family: "neue-haas-grotesk-display", sans-serif;

}

.tnt-core-value-inner-content-inner-div {

  width: 36%;

}



.tnt-core-value-inner {

  margin-bottom: 50px;

}



.tnt-value-help {

  background: var(--RED, #f44937);

  padding-top: 30px;

  padding-bottom: 30px;

}



.tnt-value-help-inner h2 {

  color: var(--OFF-WHITE, #F6F6F6);

  text-align: center;

  font-size: 46px;

  font-style: normal;

  font-weight: 700;

  line-height: 78px;

  /* 169.565% */

  letter-spacing: 3.22px;

  text-transform: uppercase;

  font-family: "alternate-gothic-compressed", sans-serif;
}



.tnt-value-help-inner {

  display: flex;

  justify-content: center;

  flex-direction: row;

  column-gap: 100px;

  align-items: center;

}



.tnt-value-help-inner .tnt-hero-btn {

  display: block;

  border-radius: 30px;

  background: var(--OFF-WHITE, #F6F6F6);

}



.tnt-value-help-inner .tnt-hero-btn a {

  column-gap: 80px;

  padding: 15px 47px 15px 47px;

  font-size: 22px;

}



.tnt-value-content-div {
  
  overflow: hidden;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.75);

}

.tnt-value-content-first {

  display: flex;

  flex-direction: row;

  margin-bottom: 100px;

      gap: 50px;

}

.tnt-value-content-first-content {

  width: 36%;

}
.tnt-value-content-first-content.value-para-tag p{
  width: 100% !important;
}

.tnt-value-content-first-content p {

  color: #FFF;

  font-size: 22px;

  font-style: normal;

  font-weight: 400;

  line-height: 40px;

  font-family: "neue-haas-grotesk-display", sans-serif;

  width: 330px;
}

.tnt-value-content-second .tnt-value-content-first-content {

  width: 100%;

}

/* Our Value Page Css End */


/* svg {
  fill: currentColor;
  height: 100%;
  max-width: 100vmin;
  transform-origin: center;
  width: 100%;
} */

/* Process Page Css Start */

.tnt-process-section-div {

  width: 70%;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

}

.tnt-process-section  {
  position: relative;
  
  z-index: 1;

  padding-top: 70px;

  padding-bottom: 100px;

  background-color: #000;

}

.tnt-sticky {
  position: sticky;
  top: 0;
  z-index: 2;
}

.tnt-process-numner {

  display: flex;

  flex-direction: row;

  column-gap: 12px;

  margin-bottom: 15px;

  align-items: center;

}

.tnt-process-numner-div span {

  color: #FFF;

  font-size: 43px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

}

.tnt-process-numner-text{white-space: nowrap;}

.tnt-process-section-div-right-inner .tnt-process-numner-text p {

  text-transform: uppercase;
  color: #FFF;

background: var(--GRADIENT-LIGHT-RED, linear-gradient(180deg, #EB913E 0%, #EB4E3E 38.02%, #BC1909 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

  font-size: 32px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  font-family: "alternate-gothic-compressed", sans-serif !important;

}

.tnt-process-section-div-right-inner p {

  color: #FFF;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  font-family: "neue-haas-grotesk-display", sans-serif;

  line-height: 27px; 
  letter-spacing: 1px;

}

.tnt-process-numner-div span::before {

  content: '';

  width: 26px;

  height: 2px;

  background-color: #00D984;

  color: #00D984;

  display: block;

}

.tnt-process-numner-div span::after {

  content: '';

  width: 26px;

  height: 2px;

  background-color: #00D984;

  color: #00D984;

  display: block;

}

.tnt-process-section-div-left {

  width: 50%;

}

.tnt-process-section-div-right {

  overflow-y: scroll;
  max-height: 400px; /* Set a maximum height as needed */
  position: relative;
  
  width: 30%;

  display: flex;

  flex-direction: column;

  row-gap: 60px;

  height: 250px;

  overflow-y: scroll;

}

.tnt-process-section-div-right::-webkit-scrollbar {

  display: none;

}



/* Process Page Css End */

/* contact Page Css start */



.int-inner-text-contact{

  max-width: 100%;

  font-size: 20px !important;

}

.int-parent-contact h3{

  line-height: 0.8em;

  font-size: 50px;

  margin: 0;

  padding: 0;

  font-family: Barlow-bold;

}



.tnt-contact-inner {

  display: flex;

  align-items: center;

  padding-top: 200px;

  padding-bottom: 300px;

}

/* contact Page Css End */





/* 

icons 

*/

.fa-heart-o {

  background: #b71c1c;

  color: white;

}



.fa-coffee {

  background: #4CAF50;

  color: #CDDC39;

}



.fa-safari {

  background: white;

  color: darkslateblue;

}



.fa-firefox {

  background: #1565c0;

  color: #ff8f00;

}



.fa-chrome {

  background: #fbc02d;

  color: #ef6c00;

}



.fa-edge {

  background: #03a9f4;

  color: white;

}



.fa-android {

  background: snow;

  color: limegreen;

}



.fa-apple {

  background: #444;

  color: white;

}



.fa-linux {

  background: white;

  color: #222;

}



.fa-windows {

  background: white;

  color: #03a9f4;

}



.fa-terminal {

  background: #222;

  color: #fff;

}



.fa-html5 {

  background: white;

  color: #e65100;

}



.fa-css3 {

  background: white;

  color: #2196f3;

}



.fa-git {

  background: #222;

  color: white;

}



.fa-free-code-camp {

  background: green;

  color: white;

}



.fa-meetup {

  background: red;

  color: white;

}



.fa-podcast {

  background: red;

  color: white;

}



.fa-codepen {

  background: #333;

  color: white;

}







.tnt-main {

  margin: 0px auto;

  width: 600px;

  height: 600px;

  position: relative;

  transform: rotate(163deg);

}



.tnt-big-circle {



  height: 100%;



  width: 100%;



  position: relative;



  border: 1px solid #F44937;



  border-radius: 50%;



  display: flex;



  display: -webkit-flex;



  align-items: center;



  -webkit-align-items: center;



  justify-content: center;



  -webkit-justify-content: center;



  animation: Rotate 50s linear infinite;



  -webkit-animation: Rotate 50s linear infinite;



}

/* ///cicrle text css */




/* ------------ */


.tnt-icon-block {

  border-radius: 50%;

  width: 80px;



  max-width: 100%;



  position: absolute;



  border-radius: 50%;



  display: flex;



  display: -webkit-flex;



  align-items: center;



  -webkit-align-items: center;



  justify-content: center;



  -webkit-justify-content: center;







}



.tnt-icon-block img {



  margin: 0px auto;



}



.circle .tnt-icon-block:first-child {

  top: 66%;

  left: 3%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}





.tnt-icon-block:first-child {

  top: 2%;

  left: 56%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}





.tnt-icon-block:nth-child(2) {

  top: 81%;

  right: 11%;

  transform: translate(50%, -50%);

  -webkit-transform: translate(50%, -50%);

}



.circle .tnt-icon-block:nth-child(2) {

    top: 10%;
    right: 80%;

  transform: translate(50%, -50%);

  -webkit-transform: translate(50%, -50%);

}





.tnt-icon-block:nth-child(3) {



  bottom: 11%;



  left: 19%;



  transform: translate(-50%, 50%);



  -webkit-transform: translate(-50%, 50%);



}



.circle .tnt-icon-block:nth-child(3) {



  bottom: 36%;



  left: 96%;



  transform: translate(-50%, 50%);



  -webkit-transform: translate(-50%, 50%);



}



.circle .tnt-icon-block:nth-child(3) img {



  width: 200px;



}



.tnt-icon-block:nth-child(4) {



  top: 50%;



  left: 0;



  transform: translate(-50%, -50%);



  -webkit-transform: translate(-50%, -50%);



}



.circle .tnt-icon-block:nth-child(4) {



  top: 89%;



  left: 20%;



  transform: translate(-50%, -50%);



  -webkit-transform: translate(-50%, -50%);



}



.circle .tnt-icon-block:nth-child(4) img {



  width: 200px;



}



/* circle content */



.circle {



  animation: circle-rotate 50s linear infinite;



  -webkit-animation: circle-rotate 50s linear infinite;



  position: absolute;



  top: 50%;



  left: 50%;



  transform: translate(-50%, -50%) rotate(45deg);



  -webkit-transform: translate(-50%, -50%) rotate(45deg);



  width: 76%;



  height: 76%;



  border: 1px solid #F44937;



  border-radius: 50%;







}



.circle .tnt-icon-block img {



  animation: img-rotate 50s linear infinite;



  -webkit-animation: img-rotate 50s linear infinite;



}



.tnt-circle-outer {



  position: absolute;



  top: 50%;



  left: 50%;



  transform: translate(-50%, -50%);



  -webkit-transform: translate(-50%, -50%);



  border: 1px solid #F44937;



  border-radius: 50%;



  padding: 150px;



}



/* center logo */



.tnt-center-logo {

  position: absolute;

  top: 31%;

  left: 32%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  border-radius: 50%;

  padding: 30px;

  animation: logo-rotate 50s linear infinite;

  -webkit-animation: logo-rotate 50s linear infinite;

}





[data-aos=human] {

  transform: rotate(140deg);

  opacity: 0;

}

[data-aos=human].aos-animate {

  transform: rotate(0);

  opacity: 0.12;

}





/* keyframe animation */









@media

(prefers-reduced-motion: no-preference) {

  html {

    scroll-behavior: smooth;

  }

}





@keyframes Rotate {



  from {



    transform: rotate(0deg);



  }



  to {



    transform: rotate(360deg);



  }



}







@-webkit-keyframes Rotate {



  from {



    -webkit-transform: rotate(0deg);



  }



  to {



    -webkit-transform: rotate(360deg);



  }



}







@keyframes Rotate-reverse {



  from {



    transform: rotate(360deg);



  }



  to {



    transform: rotate(0deg);



  }



}







@-webkit-keyframes Rotate-reverse {



  from {



    -webkit-transform: rotate(360deg);



  }



  to {



    -webkit-transform: rotate(0deg);



  }



}







@keyframes circle-rotate {



  from {



    transform: translate(-50%, -50%) rotate(45deg);



  }



  to {



    transform: translate(-50%, -50%) rotate(405deg);



  }



}







@-webkit-keyframes circle-rotate {



  from {



    -webkit-transform: translate(-50%, -50%) rotate(45deg);



  }



  to {



    -webkit-transform: translate(-50%, -50%) rotate(405deg);



  }



}



@keyframes logo-rotate {



  from {



    transform: rotate(45deg);



  }



  to {



    transform: rotate(405deg);



  }



}



@keyframes img-rotate {



  from {



    transform: rotate(-45deg);



  }



  to {



    transform: rotate(-405deg);



  }



}







@-webkit-keyframes img-rotate {



  from {



    -webkit-transform: rotate(-45deg);



  }



  to {



    -webkit-transform: rotate(-405deg);



  }



}

form.submitting .wpcf7-spinner{
  display: inline-block !important;
}
.wpcf7-submit {
      background-color: transparent;
    border: none;
}
.wpcf7-not-valid-tip {
    color: #000;
    font-size: 1em;
    font-weight: normal;
    display: block;
    margin-left: 11%;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: red;
    color: #fff;
    text-align: center;
    font-size: 12px;
    left: 9%;
    right: auto;
    margin-left: auto;
    margin-right: auto;
    bottom: -44px;  
}
.wpcf7-spinner {
  display: none;
  position: absolute;
    right: 5%;
    margin: 0 !important;
    background-color: #ef2814;
}
.btn-hover:hover .wpcf7-spinner{
  background-color: #000;
}
.tnt-hero-sec h1 br {
  display: none;
}

.tnt-community-label>h2 p br {
  display: none;
}
.tnt-growth-text>h2 {
  font-family: "alternate-gothic-compressed", sans-serif;
  font-weight: 800;
  font-style: normal;
  text-align: right;
  color: var(--OFF-WHITE, #f6f6f6);
  font-size: 150px;
  line-height: 120px;
  text-transform: uppercase;
  word-spacing: 0px;
}

.tnt-ul-li li a {
    font-size: 20px;
    letter-spacing: 0.2px;
    font-family: "alternate-gothic-compressed", sans-serif;
    font-weight: 600;
    font-style: normal;
    list-style: none;
    color: var(--BLACK, #000);
  text-transform: uppercase;
  text-decoration: none;
}
.tnt-ul-li li a:hover {
    color: #fff;
}
.wpcf7-submit {
          font-family: "alternate-gothic-compressed", sans-serif;
    font-weight: 900;
    font-style: normal;
    line-height: normal;
    word-spacing: 2px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.tnt-hero-btn-send .btn-hover .a-text {
  display: flex;
  align-items: center;
}
.tnt-hero-btn-send .btn-hover .a-text .wpcf7-submit{
  width: 100% !important;
}
.btn-hover:hover .wpcf7-submit{
    background-color: #f44937 !important;
    color: white !important;
}
.tht-about-btn.tnt-hero-btn a
{padding-top: 16px !important; padding-bottom: 13px !important; padding-right: 0 !important; padding-left: 0 !important;}


/* recent add */

.tnt-soc-logos a img{
  height: 20px;
}

/* recent add */

/*last css*/

.title {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.2;
}


.copy {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-size: 20px;
  letter-spacing: 2px;
  transition: all 500ms ease-in-out;
}
.content-img{
  width: 200px;
  max-width: 100%;
}
.content .inner-btn, .detail-tag{color: #000;font-size: 20px; text-transform: uppercase;  font-weight: 600;font-family: "alternate-gothic-compressed", sans-serif !important;}
.card{height: 135px;}

.card:hover {
  transform: scale(1.05, 1.05);
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  transition: all 0.1s ease-in-out;
}
.arrow-img{margin-top: -4px;}

  .title-inner-result{
    font-family: "alternate-gothic-compressed", sans-serif;
    font-size: 42px;
  }
.accordion-button:not(.collapsed){
  background-color: inherit !important;
  box-shadow: none !important;
}
.parent-result-dtl-page{
  background-color: #000;
}
.parent-detail-value-result{
  background-color: #f44937;
}
.parent-detail-value-result .value-result-text{
  font-size: 36px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: inherit; !important;
    background-color: black; !important;
}
.tnt-hero-btn.result-view-btn{
  width: 250px;
  max-width: 100%;
}
.tnt-hero-btn.result-view-btn .btn-hover-two:hover{
  background-color: #f44937 !important;
}
.result-sec-img{
  height: 80px;
  width: 250px;
  max-width: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tnt-why-banner .tnt-hero-sec h1 {
    word-spacing: 5px;
}
.tnt-hero-sec-txt-animate {
    margin-left: 12px;
}




/*----03-01-2024--------*/



.tnt-value-content-first div .back-gred-box .inner-text-gred-main, .rslt-text-header{
  background: var(--GRADIENT-LIGHT-RED, linear-gradient(180deg, #EB913E 0%, #EB4E3E 38.02%, #BC1909 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "alternate-gothic-compressed", sans-serif;
    font-size: 80px;
    text-transform: uppercase;
}

.tnt-value-content-first div .back-gred-box .inner-sub-text{
    font-size: 26px;
}
.tnt-value-content-first div .back-gred-box{
    border-style: solid;
    border-width: 0px 0px 0px 8px;
    border-color: #f44937;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    background-color: #525252b3;
    padding: 56px;
}

.tnt-start-project-inner-left p.sign-text-sub, .sign-text-sub{
  opacity: 1 !important;
  font-size: 18px;

}

.tnt-start-project-inner-left h3.sign-text{
  font-family: "Whisper", cursive !important ;
      font-weight: normal !important;
    line-height: normal !important;
    text-transform: none !important;
    letter-spacing: 4px;
    font-size: 50px !important;
    opacity: 1 !important;
}
.tnt-start-project-inner-left.main-inner-result-detail{
  row-gap: 0 !important;
}

.rslt-text-header{
  font-family: "alternate-gothic-compressed", sans-serif;
    font-size: 80px;
    text-transform: uppercase;
    font-weight: 700;

}
.tnt-value-content-div .head-main-logo img{

    z-index: -1;
    position: static;
    top: 50%;
    left: 50%;
    transform: none;
    min-width: auto;
    min-height: auto;
    width: auto !important;
    height: auto !important;
    z-index: -1;
    width: auto;

}

.back-gred-box.box-gred-two{
  border-width: 0px 8px 0px 0px !important;
   padding: 56px !important;
}
.sub-slider-result-detail{
      border-radius: 194px 0px 199px 0px;
    background-color: #000;
    padding: 70px;
}


/*----03-01-2024--------*/


/*//////01-03-2024/////*/


.filterDiv {
 /*   float: left;
    background-color: #2196F3;
    color: #FFFFFF;
    width: 100px;
    line-height: 100px;
    text-align: center;
    margin: 2px;*/
    display: none;
  }
  .show {
    display: block;
  }

/*  -------------------card design----------*/

.tnt-blog-card-section{
  background: #000;
}
.main-parent-box-blogcard{
  background-color: #f44937;
  border-width: 0 !important;
  border-radius: 20px !important;
}
.main-parent-box-blogcard img{
  height: 250px !important;
   border-radius: 20px 20px 0 0 !important;
}
.inner-box-blogcard{
  background-color: #000;
  border-radius: 0 0 20px 20px !important;
}
.inner-box-blogcard a{
  font-size: 16px;
}
.inner-box-blogcard p{
  font-size: 16px;
}
.inner-box-blogcard h4{
    font-size: 32px;
    text-transform: uppercase;
    background:var(--GRADIENT-LIGHT-RED, linear-gradient(90deg, #EB913E -1%, #EB4E3E 60.02%, #BC190B 80%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "alternate-gothic-compressed", sans-serif;
    line-height: 33px;
    word-spacing: 2px;
    min-height: 66px;
}
.parent-down-blog-box p{
  font-size: 14px !important;
}
.button.blog-box-button {
     position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    transition: opacity .35s ease;
    margin: 0;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(3px);
    -webkit-user-select: none;
    user-select: none;

}
.button.blog-box-button a {
    border-radius: 30px !important;
    padding: 10px 60px 7px 60px;
    text-decoration: none;
    color: #f44937 !important;
    display: block;
    background: linear-gradient(to right, #f44937 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    font-family: "alternate-gothic-compressed", sans-serif;
    font-size: 25px;
    margin-bottom: 0 !important;
    font-weight: 700;
    z-index: 999999;
}

.inner-box-blogcard:hover .button.blog-box-button a{
   background-position: left bottom;
   color: #000 !important;
   z-index: 99999999;
    transition: all 1s ease-out;
     -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
}


.inner-box-blogcard:hover .button.blog-box-button{
  opacity: 1;
}

.button.blog-box-button:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    filter: blur(8px);
    box-shadow: inset 0 0 0 220px rgba(255, 255, 255, 0.3);
    z-index: 999;
}


form.inner-searchbar-blogbox{
    position: relative;
    top: 50%;
    left: 50%;
    transition: all 1s;
    width: 50px;
    height: 50px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 25px;
    padding: 5px;
    transform: translate(-53%);
}

.inner-searchbar-blogbox input{
   position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 30px;
    outline: 0;
    border: 0;
    display: none;
    font-size: 1em;
    border-radius: 30px;
    padding: 0 20px;
}

.fa{
    box-sizing: border-box;
    padding: 10px;
    width: 42.5px;
    height: 42.5px;
    position: absolute;
    border-radius: 50%;
    color: #07051a;
    text-align: center;
    font-size: 1.2em;
    transition: all 1s;
}

form.inner-searchbar-blogbox:hover{
    width: 300px;
    cursor: pointer;

}

form.inner-searchbar-blogbox:hover input{
    display: block;
     background-color: #f44937 !important;
}

form.inner-searchbar-blogbox:hover .fa{
    background: #07051a;
    color: white;
    right: 5px;
}
form.inner-searchbar-blogbox:hover i img{
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

#myBtnContainer .button-filter{
      color: #fff;
    border: 0px solid #fff;
    font-size: 18px;
    text-align: left;
    letter-spacing: 2px;
}

.dropdown {
  position: relative;
  z-index: 99999999999999;
}

.dropdown > .caption {
  background-color: #f44937;
  padding: 9px 44px 7px 44px;
  border-radius: 3px;
  cursor: pointer;
  color: white !important;
   font-family: "alternate-gothic-compressed", sans-serif;
   font-size: 25px;
   letter-spacing: 2px;
   border-radius: 30px;
}

.dropdown > .list {
  position: absolute;
  background-color: #f44937;
  width: 100%;
  border-radius: 0 0 3px 3px;
  display: none;
  color: white !important;
   font-family: "alternate-gothic-compressed", sans-serif;
   font-size: 25px;
   letter-spacing: 2px;
}

.dropdown > .list > .item {
  padding: 8px 24px;
  cursor: pointer;
}

.dropdown > .list > .item.selected {
  font-weight: bold;
}

.dropdown > .caption:hover,
.dropdown > .list > .item:hover {
  background-color: #f44937;
  color: #fff;
}

.dropdown.open > .caption {
  border-radius: 3px 3px 0 0;
  border-bottom: solid 1px #999;
}

.dropdown.open > .list {
     display: block;
    background: black;
    color: white;
}








/*404 Page*/
.page-nf-inner{
    text-align: center;
    margin: 80px auto;
}
.page-nf-inner h1{
    font-size: 94px;
    color: #fff;
}
.page-nf-inner h3{
    font-size: 42px;
     color: #fff;
}
.page-nf-inner a{
    padding: 15px;
    border-radius: 34px;
    font-size: 16px;
    align-items: center;
     color: #fff;
     text-decoration: none;
}
.page-nf-inner a:hover{
    background-color: #F44937;
    color: #fff;
}
.error-text-section{
  background: #000;
}
.error-btn .a-text{
  color: #000 !important;
} 
/*404 Page*/

.page-id-386 .tnt-content-old {
  display: none;
}
.tnt-content-staging {
  display: none;
}
.page-id-386 .tnt-content-staging {
  display: block;
}



/*--------------05-01-2024-----------------*/

.back-new-value{
  background-color: #000;
  padding-top: 70px;
}

.back-gred-box.back-box-value{
  border-color: #fff !important;
}

.tnt-core-value.main-sec-about-new-value{
  background-color: #f44937;
}

.tnt-new-value-box{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 20px;
  background-color: #000;
}
.value-link{
  color: #f44937;
}

/*THE TNT WAY CSS START*/
.parent-side-tntway-last-content ul{
    padding-left: 11px !important;
}
.tnt-core-value.main-sec-about-new-value.tntway-last-content-sec{
  background: #000;
}
.tnt-core-value.main-sec-about-new-value.tntway-last-content-sec .tnt-new-value-box{
  background: #f44937;
}
.tnt-core-value.main-sec-about-new-value.tntway-last-content-sec .tnt-core-value-inner-content-inner{
  background: #000;
  padding: 40px 30px;
  border-radius: 20px;
  height: 100%;
}
.tnt-core-value.tntway-last-content-sec .tnt-value-content-first{
    margin-bottom: 0px;
}
.tnt-core-value.tntway-last-content-sec .tnt-value-content-first div .back-gred-box{
  padding: 60px 20px;
    background: rgb(0 0 0 / 75%);
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.tnt-core-value.tntway-last-content-sec .tnt-value-content-first div .back-gred-box .inner-text-gred-main, .rslt-text-header{
  font-size: 50px;
}
.tnt-core-value.tntway-last-content-sec{
  background-color: #f44937;
}
/*THE TNT WAY CSS END*/

/*Blog Details Page Css Start*/

.blog-h1 span{
	white-space: break-spaces;
}
.btn-hover.btn-for-blog-back:after{
	content: '🡐';
	color: black;
	position: absolute;
	opacity: 1;
	font-size: 28px;
	top: 52%;
	line-height: 0;
	right: 15% !important;
	left: auto;
	width: 0;
	transition: 0.5s;
}
.btn-hover.btn-for-blog-back:hover:after {
	opacity: 1;
	transition: 1.3s;
	color: white;
	right: 87% !important;
	width: 85%;
	}
.btn-hover.btn-for-blog-back:hover{
	background: #000!important;
}
.tnt-hero-btn.parent-detail-blog-btn{
	width: 340px !important;
	max-width: 100%;
}
/*.innder-read-info{
background: #f0443f;
padding: 20px 50px;
}*/
.innder-read-info p{
	color: rgb(255 255 255 / 100%);
    text-align: start;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 3px;
    font-family: "neue-haas-grotesk-display", sans-serif;
    margin: 30px 0;
}
.inner-bold-clr{
	font-weight: 700;
}
.innder-read-info .tnt-core-value-inner h3{
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	background: var(--GRADIENT-LIGHT-RED, linear-gradient(180deg, #EB913E 0%, #EB4E3E 38.02%, #BC1909 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: "neue-haas-grotesk-display", sans-serif;
}
.innder-read-info ul li span{
	color: #f0443f !important;
	font-size: 30px;
}
.innder-read-info ul li{
	font-family: "neue-haas-grotesk-display", sans-serif;
	color: rgb(255 255 255 / 100%);
	text-align: start;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 3px;
	margin: 30px 0;
}
/*Blog Details Page Css End*/






/*----------29-01-2024 tnt way page css-----------*/
.parent-side-tntway-last-content ul{
    padding-left: 11px !important;
}
.tnt-core-value.main-sec-about-new-value.tntway-last-content-sec{
  background: #000;
}
.tnt-core-value.main-sec-about-new-value.tntway-last-content-sec .tnt-new-value-box{
  background: #f44937;
}
.tnt-core-value.main-sec-about-new-value.tntway-last-content-sec .tnt-core-value-inner-content-inner{
  background: rgb(0 0 0 / 75%);
  padding: 40px 30px;
  border-radius: 20px;
  height: 100%;
  row-gap: 5px;
}
.tnt-core-value.main-sec-about-new-value.tntway-last-content-sec .tnt-core-value-inner-content-inner h3{
  margin-bottom: 10px;
  font-size: 90px;
}
.tntway-last-content-sec-cta .tnt-value-content-first div .back-gred-box{
  padding: 107px 10px;
}
.tntway-last-content-sec-cta .tnt-hero-btn.unique-home-btn a{
  padding-top: 35px !important;
    padding-bottom: 35px !important;
}
.tntway-last-content-sec-cta .tnt-hero-btn.unique-home-btn a .a-text{
    font-size: 30px;
} 
.tntway-last-content-sec-cta .btn-hover-two::after {
    top: 50%;
}
.tnt-core-value.main-sec-about-new-value.tntway-last-content-sec .tnt-core-value-inner-content-inner ul{
  padding-left: 20px;
}
.tnt-core-value.tntway-last-content-sec .tnt-value-content-first{
    margin-bottom: 50px;
}
.parent-img-tntway-first hr{
      color: rgb(255 255 255 / 48%);
    margin-top: 0;
}

.tnt-core-value.tntway-last-content-sec{
  background-color: #f44937;
}
.black-div-for-the-tnt-new-secs .tnt-value-content-first div .back-gred-box .inner-text-gred-main{
  background: transparent;
  -webkit-text-fill-color: white;
}
.black-div-for-the-tnt-new-secs .tnt-value-content-first div .back-gred-box a p{
  background: var(--GRADIENT-LIGHT-RED, linear-gradient(180deg, #EB913E 0%, #EB4E3E 38.02%, #BC1909 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "alternate-gothic-compressed", sans-serif;
}
.tntway-last-content-sec-cta {
  background: #f44937;
}
.tntway-last-content-sec-cta .tnt-core-value-inner h2{
  text-align: center;
}
.tntway-last-content-sec-cta .tnt-value-content-first{
  background: black;
  padding-bottom: 70px !important;
  border-radius: 20px;
}
.tntway-last-content-sec-cta .tnt-hero-btn.result-view-btn{
  width: 350px;
}
.parent-img-tntway-first img{
  border-radius: 20px;
}
.parent-img-tntway-first{
  margin-bottom: 90px;
  margin-top: 50px;
}
.tntway-last-content-sec .tnt-value-content-first div .back-gred-box{
  background-color: rgb(0 0 0 / 75%) !important;
}
.tntway-last-content-sec .tnt-value-content-first div .back-gred-box .inner-text-gred-main{
       font-size: 80px !important;
    text-transform: uppercase;
    background: var(--GRADIENT-LIGHT-RED, linear-gradient(180deg, #EB913E 0%, #EB4E3E 38.02%, #BC1909 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "alternate-gothic-compressed", sans-serif;
}
.tntway-last-content-sec .tnt-value-content-first div .back-gred-box a p {
        background: var(--GRADIENT-LIGHT-RED, linear-gradient(180deg, #EB913E 0%, #EB4E3E 38.02%, #BC1909 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: white;
    font-family: "alternate-gothic-compressed", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

/*----------29-01-2024 tnt way page css-----------*/



/*----------------01-30-2024----------------------*/

.parent-side-tntway-first p{
  color: #FFF;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    font-family: "neue-haas-grotesk-display", sans-serif;
    letter-spacing: 2.5px;
}
.black-div-for-the-tnt-new-secs .tnt-core-value-inner h2{
      word-spacing: 8px;
}
.parent-header-tntway h2{
  font-family: "alternate-gothic-compressed", sans-serif;
    font-weight: 800;
    font-style: normal;
    color: var(--OFF-WHITE, #f6f6f6);
    font-feature-settings: "clig" off, "liga" off;
    font-size: 135px;
    line-height: 105px;
    text-transform: uppercase;
    word-spacing: 0;
    margin-top: 20px;
}
.parent-header-tntway h2 span:last-child {
    background: var(--GRADIENT-LIGHT-RED, linear-gradient(180deg, #eb913e 0%, #eb4e3e 38.02%, #bc1909 100%));
    background-clip: text;
    line-height: 142px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: -20px;
}
.sub-text-for-inner-part{
  color: #fff !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 2.5px;
    word-spacing: 0px;
    width: 330px;
    font-family: "neue-haas-grotesk-display", sans-serif;
}
.parent-sub-ul-box-inner{
  background: rgb(244 73 55 / 20%);
  border-radius: 20px;
  padding: 45px 20px;
}
/*----------------01-30-2024----------------------*/

/*----------------10/02/2027--------------*/
.tnt-start-project-inner-right-inner.for-survey-page-form textarea {
    height: 120px !important;
}
.tnt-start-project-inner-right-inner.for-survey-page-form{
  border-radius: 30px;
  padding: 50px 30px;
  background: rgb(244 73 55 / 20%);
     
}
.parent-sub-box.tnt-core-value-inner-content-inner h3{
  font-size: 40px !important;
}
.parent-sub-box .tnt-hero-btn a, .for-survey-page-form .tnt-hero-btn a{
  width: 40% !important;
}
.parent-sub-box .tnt-hero-btn-send .btn-hover:after{
  top: 50% !important;
}
.parent-sub-box .tnt-hero-btn-send .btn-hover:hover:after{
  width: 82%;
}
.tnt-core-value-inner-content-inner h3.for-survey-page-form-h3{
  font-size: 40px !important;
}
.parent-sub-box.tnt-core-value-inner-content-inner h3.que-text-for-inner{
  font-size: 30px !important;
}
.inner-survey-form::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(255,255,255,1);
  background-color: #cccccc;
  border-radius: 30px;
  margin-right: 100px;
}
.inner-survey-form{
   height: 600px;
    max-height: 600px;
    overflow-y: scroll;
    padding-right: 10px;
}
.inner-survey-form::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
  border-radius: 30px;
}

.inner-survey-form::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background-color: #fff;
    background-image: -webkit-gradient(linear,
                     left bottom,
                     left top,
                     color-stop(0.44, #eb4e3e),
                     color-stop(0.72, #bc1909),
                     color-stop(0.86, #eb4e3e));
}
.modal-content{
  background-color: rgb(0 0 0 / 75%) !important;
  padding: 25px 0px;
}
.modal-header{
      border: 0 !important;
    justify-content: center !important;
    padding: 28px 0 0 0 !important;
}
.modal-header .btn-close{
  margin: 0 !important;
}
.modal .modal-dialog{
  max-width: 650px !important;
}
.modal-body p{
  font-size: 22px;
}
.btn-close{
      filter: brightness(0) invert(1);
      opacity: 1;
      position: absolute;
      right: 7px;
    top: 7px;
}
.modal-header .modal-title{
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1.5px;
    word-spacing: 0px;
    line-height: normal;
    text-transform: uppercase;
    background: var(--GRADIENT-LIGHT-RED, linear-gradient(180deg, #EB913E 0%, #EB4E3E 38.02%, #BC1909 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "alternate-gothic-compressed", sans-serif;
}
.tnt_blog_nav .nav-links {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.tnt_blog_nav .nav-links a {
    color: var(--RED, #f44937);
    font-family: "alternate-gothic-compressed", sans-serif !important;
    font-size: 22px;
    letter-spacing: 2px;
}
.tnt_blog_details .tnt-core-value-inner {
    margin-bottom: 0px;
}
.tnt_blog_details .innder-read-info ol {
	    color: rgb(246 246 246 / 100%);
    text-align: start;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.24px;
    font-family: "alternate-gothic-compressed", sans-serif !important;

}
.tnt_blog_details a {
	color: var(--RED, #f44937)
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #fff;
    color: #fff;
}

.tnt-core-value-inner-content-inner textarea {
  height: 125px !important;
}