body {
    background-color: #08090b !important
}
@font-face {
  font-family: 'MBFGardane';
  src: url('/frontend/tcul-img/fonts/Gardane-Font/MBFGardane.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

/* Fonts starts */
@font-face {
  font-family: 'Clash Display';
  src: url('/frontend/tcul-img/fonts/ClashDisplay-Regular.otf') format('opentype');
  font-weight: 400; /* Regular */
  font-style: normal;
}

@font-face {
  font-family: 'Clash Display';
  src: url('/frontend/tcul-img/fonts/ClashDisplay-Medium.otf') format('opentype');
  font-weight: 500; /* Medium */
  font-style: normal;
}

@font-face {
  font-family: 'Clash Display';
  src: url('/frontend/tcul-img/fonts/ClashDisplay-Semibold.otf') format('opentype');
  font-weight: 600; /* SemiBold */
  font-style: normal;
}

@font-face {
  font-family: 'Clash Display';
  src: url('/frontend/tcul-img/fonts/ClashDisplay-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Sentient';
  src: url('/frontend/tcul-img/fonts/Sentient-MediumItalic.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

/* Utility Classes */
.font-clash-regular {
  font-family: "Clash Display", sans-serif;
  font-weight: 400;
}

.font-clash-medium {
  font-family: "Clash Display", sans-serif;
  font-weight: 500;
}

.font-clash-semibold {
  font-family: "Clash Display", sans-serif;
  font-weight: 600;
}

.font-clash-bold {
  font-family: "Clash Display", sans-serif;
  font-weight: 700;
}
.sentient{
    font-family: "Sentient", serif;
}
.font-mbfgardane{
    letter-spacing: inherit;
    font-family: 'MBFGardane', sans-serif;
    font-weight: 800;
    line-height: 80%;
}
.shape_01 {
    left: -5%;
    top: 0%;
    max-width: 20%;
}
.shape_02 {
    right: -5%;
    top: 0%;
    max-width: 20%;
}
.shape_03 {
    right: -5%;
    bottom: 0%;
    max-width: 35%;
}
.shapes {
    position: absolute;
    z-index: -1;
}
/* Fonts Ens */
.loader-wrap .loader-wrap-heading .load-text {
    font-size: 250px;
}
.tp-brand-item{
    padding: 12px 10px;
    border-radius: 16px;
    background: hsl(0, 0%, 100%);
    border: 1px solid hsla(0, 0%, 100%, .1);
    -webkit-backdrop-filter: blur(75px);
    backdrop-filter: blur(75px);
}
.tp-service-vp-item{
    border-bottom: 1px solid hsl(0deg 100% 57.97% / 62%);
}
.dynamic-div{
    border-radius: 20px;
    padding: 30px 30px 30px;
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1);
    -webkit-backdrop-filter: blur(75px);
    backdrop-filter: blur(75px);
}
.tp-snap-slider-captions .slide-title{
    letter-spacing: 0.01em;
}
 /* Set proper fonts for each language */
  :lang(ml) { font-family: 'Noto Sans Malayalam', sans-serif; }  /* Malayalam */
  :lang(hi) { font-family: 'Noto Sans Devanagari', sans-serif; } /* Hindi */
  :lang(ta) { font-family: 'Noto Sans Tamil', sans-serif; }      /* Tamil */
  :lang(gu) { font-family: 'Noto Sans Gujarati', sans-serif; }   /* Gujarati */
  :lang(or) { font-family: 'Noto Sans Oriya', sans-serif; }      /* Odia */
  :lang(mr) { font-family: 'Noto Sans Devanagari', sans-serif; } /* Marathi */

.why-choose{
    font-size: 80px !important;
    width: fit-content;
}
.tp-process-it-item {
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1);
    -webkit-backdrop-filter: blur(75px);
    backdrop-filter: blur(75px);
    padding: 55px 12px 27px 12px;
    /* background-color: #ffffff; */
}
.tp-portfolio-sectitle {
    font-size: 95px;
}
.tp-footer-btn a {
    background: #fff;
    border-color: #fff;
    color: #1a1a1ad4;
}
.tp-text-grey-2 {
    color: #454545;
}
.tp-text-slider-item span{
    color: #ffffff;
}
.tp-text-slider-item span{
    width: auto;
}
.tp-text-slider-item span.icons {
    padding: 0 20px;
}
.tp-service-cst-content {
    padding: 20px 20px 20px 20px;
}
.tp-main-menu-ai > nav > ul > li:hover > a {
    background: linear-gradient(90deg, rgb(163, 24, 38) 0%, rgb(236, 37, 47) 100%);
    /* background: #df1a00; */
    color: var(--tp-common-white);
}
.hover-text-black:hover {
    color: #df1a00;
}
.tp-bg-common-green-2 {
    background-image: linear-gradient(90deg, #f34713 0%, #df1a00 50%, #201b17 100%);
    color: #fff !important;
}
.tp-contact-icon{
    background-image: linear-gradient(90deg, rgb(201, 46, 46) 0%, rgb(206, 30, 42) 50%, rgb(255, 72, 40) 100%);
}
.tp-about-it-blur{
    background-color: #ffeded;
}
.tp-contact-map-box iframe{
    filter: saturate(1);
}
.tp-bg-common-white-2 {
    background-color: #faf2f4;
}
.tp-team-it-thumb::before{
    background: linear-gradient(180deg, rgba(180, 231, 23, 0) 55.57%, #ffcfcf 100%);
}
.tp-bg-theme-primary{
    background: linear-gradient(90deg, rgb(163, 24, 38) 0%, rgb(236, 37, 47) 100%);
    /* background: linear-gradient(90deg, rgb(48, 6, 6) 0%, rgb(206, 30, 42) 50%, rgb(48, 6, 6) 100%); */
}
.tp-bg-common-red-3{
    background-color: #ffe7e7;
}
.tp-contact-number{
    background-color: #08090b;
    border: 1px solid #313233;
}
.fraction-wrapper #paginations span{
    color: #ffffff;
}
.tp-banner-cst-logo-wrap{
    background-color: #0b080831;
}
.bg-dark{
    background-color: #151617 !important;
}
/* ______________________________________ */
.tp-header-ai-bg{
    background: #151617;
    border: 1px solid hsla(0, 0%, 100%, .1);
    /* background: linear-gradient(90deg, #fff1f1, #ffffff, #ffeaea);
    border: 2px solid #ffffff; */
}
.header-sticky.tp-header-ai-wrap .tp-header-ai-bg{
    background: #151617;
    border: 1px solid hsla(0, 0%, 100%, .1);
    /* background: linear-gradient(90deg, #fff1f1, #ffffff, #ffeaea);
    border: 2px solid #ffffff; */
}
.tp-main-menu-ai > nav > ul > li > a {
    color: #ffffff;
    background: #ffffff14;
}
.tp-header-ai-menu-btn{
    background: #fff;
}
.tp-btn-ai::after{
    background-image: linear-gradient(90deg, rgb(201, 46, 46) 0% 0%, #ce1e2a 50%, rgb(201, 46, 46) 0% 100%);
}
h1 {
  /* font-family: 'Morganite', sans-serif; */
  /* font-weight: 800; */
  text-transform: uppercase;
}
.tp-hero-ai-thumb-text {
    bottom: 22px;
}
.tp-brand-slide-active .swiper-slide {
    margin: 0 30px;
}
p {
  font-weight: 300; /* Light */
}
.title-red {
    color: #df1a00 !important;
}
.tp-service-vp-btn{
    background: #df1a00;
}
.tp-service-cst-item:hover .tp-service-cst-content {
    background: #bc1e2c;
}
.tp-service-cst-item:hover .tp-service-cst-content h5{
    color: #ffffff;
}
.tp-service-cst-item:hover .tp-service-cst-content p{
    color: #ffffff;
}
.tp-service-cst-item:hover .tp-service-cst-content a{
    color: #ffffff;
}
.title-slide-gradient{
    background-image: linear-gradient(90deg, rgb(201, 46, 46) 0% 0%, #df1a00 50%, rgb(201, 46, 46) 0% 100%);
}
.cursor-black-bg #ball{
    background-color: #ce1e2a !important;
}
.tp_text_invert.invert-black-6 > div {
    background-image: linear-gradient(90deg, rgb(201, 46, 46) 0% 0%, #df1a00 50%, rgb(201, 46, 46) 0% 100%);
}
.scrollToTop{
    background: linear-gradient(90deg, rgb(201, 46, 46) 0% 0%, #df1a00 50%, rgb(201, 46, 46) 0% 100%);
}
.tp-about-ai-text .has-scale-image {
    width: 40px;
    height: 40px;
}
.tp-about-ai-ring {
    top: 30px;
}
.tp-footer-ai-bigtitle{
    font-size: 200px;
    /* font-size: 200px; */
    line-height: 150%;
    /* font-family: 'Morganite', sans-serif; */
}
.tp-faq-cst-tab-content-2 .tp-faq-btn{
    color: #ffffff;
}
.tp-faq-cst-tab-content-2 .tp-faq-details-para p {
    color: rgba(255, 255, 255, 0.8);
}
.tp-snap-slide-caption{
    justify-content: center;
}
.tp-main-menu-ai > nav > ul > li {
    margin: 0px;
    padding: 12px 0px;
}
.bg-blur {
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1);
    -webkit-backdrop-filter: blur(75px);
    backdrop-filter: blur(75px);
    border-radius: 20px;
    padding: 120px 60px 120px;
}















@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .event-agency{
        font-size: 120px !important;
    }
    .tp-service-vp-bigtitle {
        font-size: 120px !important;
    }
}

/* Desktop Screens */
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tp-hero-ai-title {
        font-size: 90px;
    }
    .tp-main-menu-ai > nav > ul > li {
        padding: 16px 0px;
    }
    .hero-shape{
        width: 300px;
    }
    .tp-service-vp-bigtitle {
        font-size: 120px !important;
    }
    .event-agency{
        font-size: 120px !important;
    }
    .tp-offcanvas-top{
        margin-bottom: 30px;
    }
    .tp-offcanvas-contact {
        margin-bottom: 30px;
    }
}
/* Screens */
@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px) {
    .tp-service-vp-bigtitle {
        font-size: 130px !important;
    }
}























































































.pt-50 {
    padding-top: 0px;
}
.pb-50 {
    padding-bottom: 50px;
}
.ml-30
 {
    margin-left: 0px;
}
.ml-60
 {
    margin-left: 30px;
}



.tp-brand-item a {
    opacity: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
    .pt-130 {
        padding-top: 60px;
    }
}
.mb-40 {
    margin-bottom: 20px;
}
.tp-hero-title-sm {
    font-weight: 700;
    padding: 11px 39px;
    line-height: 70%;
    text-transform: uppercase;
    border-radius: 100px;
    width: 151px;
    height: 65px;
    background: #E31F29;
    text-align: center;
    transform: translateY(-13px);
}
.tp-text-theme-primary {
    color: #E31F29;
}
.tp-btn-border:hover {
  background: #E31F29;
  border-color: #E31F29;
}
.tp-bg-theme-primary {
    background-color: #E31F29;
}
.scrollToTop .water {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  transform: translateY(100%);
  background-color: #E31F29;
  transition: all 0.3s;
  border: 1px solid #E31F29;
}
.scrollToTop .water svg use {
  margin-bottom: -1px;
  position: relative;
  bottom: -1px;
  fill: #E31F29 !important;
}

.scrollToTop-2 .water {
  background-color: var(--tp-theme-secondary);
  border: 1px solid var(--tp-theme-secondary);
}
.scrollToTop-2 .water svg use {
  fill: var(--tp-theme-secondary) !important;
}

.scrollToTop-3 .water {
  background-color: var(--tp-common-angry);
  border: 1px solid var(--tp-common-angry);
}
.scrollToTop-3 .water svg use {
  fill: var(--tp-common-angry) !important;
}

.scrollToTop-4 .water {
  background-color: var(--tp-theme-1);
  border: 1px solid var(--tp-theme-1);
}
.scrollToTop-4 .water svg use {
  fill: var(--tp-theme-1) !important;
}

.scrollToTop .water_wave {
  width: 200%;
  position: absolute;
  bottom: 100%;
}

.scrollToTop .water_wave_back {
  right: 0;
  fill: #E31F29;
  animation: wave-back 1.4s infinite linear;
}
.tp-footer-btn .tp-btn-circle-dot {
    background: #E31F29;
}
.tp-btn-circle-dot {
    position: absolute;
    bottom: 0px;
    line-height: 20px;
    background-color: #E31F29;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: 0.6s ease-out;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
}
.mb-110 {
    margin-bottom: 40px;
}
.pt-110 {
    padding-top: 100px;
}

.pb-170 {
    padding-bottom: 20px;
}
.pt-150 {
    padding-top: 120px;
}
.pb-115 {
    padding-bottom: 25px;
}
.pt-130 {
    padding-top: 70px;
}
#translateText {
  transition: opacity 0.3s ease-in-out;
}
.tp-brand-item img{
    height: 60px;
}

.tp-ff-morganite-bold {
    font-family: var(--tp-ff-morganite-bold);
}
.tp-service-vp-bigtitle {
    /* font-weight: 800; */
    line-height: 100%;
}
.tp-footer-top-title{
    font-size: 50px;
}
.pt-45 {
    padding-top: 0px;
}
body {
    font-family: var(--tp-ff-body);
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
    line-height: 26px;
}
.tp-process-it-bg {
    background: linear-gradient(180deg, #fff8f4 0%, rgba(213, 255, 221, 0) 100%);
}
.tp-blog-details-adds img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    transition: transform 0.3s ease;
  }

  .tp-blog-details-adds img:hover {
    transform: scale(1.03);
  }

  @media (max-width: 991px) {
    .tp-blog-details-adds .row {
      flex-direction: column;
    }
    .tp-blog-details-adds img {
      margin-top: 20px;
    }
  }