/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.2.1.1737458800
Updated: 2025-01-21 11:26:40
*/

html[lang="ar"] ul.menu-items {
    padding-left: 0px;
}
.btn-on-hover-cursor-point-remove .elementor-widget-container .elementor-button-wrapper a{
	cursor: unset;
}

.animated-glow-card{
	backdrop-filter: blur(34.400001525878906px);
	box-shadow: 0px 2px 12px 2px #FFFFFF1F inset;
}
.about-animation-card{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.orbital-glow-card {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.glow-spot {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	filter: blur(20px);
	pointer-events: none;
	z-index: 0;
	opacity: 1;
}

/* CARD 1 */
.glow1-card1 {
  background: radial-gradient(circle, rgb(255, 115, 0), transparent 100%);
   top: 0;
   left: 60%;
}
.glow2-card1 {
  background: radial-gradient(circle, rgb(255, 115, 0), transparent 100%);
  top: 70%;
  left: 44px;
}
.card1 .glow1-card1 {
  animation: orbitGlow1 10s linear infinite;
}
.card1 .glow2-card1 {
  animation: orbitGlow2 9s linear infinite;
}

/* CARD 2 */
.glow1-card2 {
  background: radial-gradient(circle, rgb(200, 100, 255), transparent 100%);
   top: -22px;
   left: 47%;
}
.glow2-card2 {
  background: radial-gradient(circle, rgb(200, 100, 255), transparent 100%);
  top: 80%;
  left: 72%;
}
.card2 .glow1-card2 {
  animation: orbitGlow3 10s linear infinite;
}
.card2 .glow2-card2 {
  animation: orbitGlow4 9s linear infinite;
}

/* CARD 3 */
.glow1-card3 {
  background: radial-gradient(circle, rgb(255, 115, 0), transparent 100%);
  top: -13%;
  left: 75%;
}
.glow2-card3 {
  background: radial-gradient(circle, rgb(255, 115, 0), transparent 100%);
  top: 80%;
  left: -4%;
}
.card3 .glow1-card3 {
  animation: orbitGlow5 10s linear infinite;
}
.card3 .glow2-card3 {
  animation: orbitGlow6 9s linear infinite;
}

/* CARD 4 */
.glow1-card4 {
  background: radial-gradient(circle, rgb(200, 100, 255), transparent 100%);
  top: 63%;
  left: 10%;
}
.glow2-card4 {
  background: radial-gradient(circle, rgb(200, 100, 255), transparent 100%);
   top: -10%;
   left: 50%;
}
.card4 .glow1-card4 {
  animation: orbitGlow7 10s linear infinite;
}
.card4 .glow2-card4 {
  animation: orbitGlow8 9s linear infinite;
}
@keyframes orbitGlow1 {
  0%   { top: 10%; left: 20%; }
  25%  { top: 30%; left: 80%; }
  50%  { top: 80%; left: 40%; }
  75%  { top: 40%; left: 10%; }
  100% { top: 10%; left: 20%; }
}

@keyframes orbitGlow2 {
  0%   { top: 70%; left: 60%; }
  25%  { top: 30%; left: 90%; }
  50%  { top: 10%; left: 30%; }
  75%  { top: 60%; left: 10%; }
  100% { top: 70%; left: 60%; }
}

@keyframes orbitGlow3 {
  0%   { top: 30%; left: 10%; }
  25%  { top: 10%; left: 50%; }
  50%  { top: 50%; left: 90%; }
  75%  { top: 80%; left: 30%; }
  100% { top: 30%; left: 10%; }
}

@keyframes orbitGlow4 {
  0%   { top: 60%; left: 80%; }
  25%  { top: 30%; left: 90%; }
  50%  { top: 70%; left: 10%; }
  75%  { top: 90%; left: 50%; }
  100% { top: 60%; left: 80%; }
}

@keyframes orbitGlow5 {
  0%   { top: 15%; left: 75%; }
  25%  { top: 35%; left: 90%; }
  50%  { top: 70%; left: 50%; }
  75%  { top: 50%; left: 10%; }
  100% { top: 15%; left: 75%; }
}

@keyframes orbitGlow6 {
  0%   { top: 80%; left: 25%; }
  25%  { top: 60%; left: 70%; }
  50%  { top: 20%; left: 40%; }
  75%  { top: 40%; left: 10%; }
  100% { top: 80%; left: 25%; }
}

@keyframes orbitGlow7 {
  0%   { top: 50%; left: 10%; }
  25%  { top: 20%; left: 20%; }
  50%  { top: 80%; left: 80%; }
  75%  { top: 60%; left: 40%; }
  100% { top: 50%; left: 10%; }
}

@keyframes orbitGlow8 {
  0%   { top: 10%; left: 90%; }
  25%  { top: 40%; left: 70%; }
  50%  { top: 70%; left: 30%; }
  75%  { top: 20%; left: 10%; }
  100% { top: 10%; left: 90%; }
}



/* .elementor.elementor-9 {
    overflow: visible;
}
.elementor-element.elementor-element-76ea5eb.our-services-first-radiant.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    overflow: visible;
}
.elementor-element.elementor-element-f2c1f42.e-con-full.e-flex.e-con.e-child {
    overflow: visible;
}
.elementor-element.elementor-element-e91b054.e-con-full.position-related-scroll.e-flex.e-con.e-child {
    overflow: visible;
}

.elementor-element.elementor-element-0395870.e-con-full.my-sticky-box.e-flex.e-con.e-child {
    overflow: visible;
}

.elementor-element.elementor-element-81aeb27.e-con-full.e-flex.e-con.e-child {
    overflow: visible;
}
.elementor-element.elementor-element-a6cfce9.e-con-full.e-flex.e-con.e-child {
    overflow: visible;
}
.elementor-element.elementor-element-37edd32.e-flex.e-con-boxed.e-con.e-child {
    overflow: visible;
}
.elementor-element.elementor-element-f03e913.my-sticky-box-future-roject.elementor-widget.elementor-widget-heading {
    overflow: visible;
} */

.our-web-development {
   background-image: url(/wp-content/uploads/2025/05/Group-36-scaled.png), linear-gradient(90deg, #131313 49%, #4E270C 100%) !important;
    background-position: 0px 496px, center;
    background-repeat: no-repeat, no-repeat;
    background-size: contain, cover;
}



  #grid-container {
      position: relative;
      width: calc(17 * 76.20099639892578px);
      height: calc(12 * 67.17894744873047px);
      margin: 40px auto;
      overflow: hidden;
	  z-index: 0;
    }

    /* Grid background lines */
    #grid-background {
      position: absolute;
      width: 100%;
      height: 100%;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
      background-size: 76.20099639892578px 67.17894744873047px;
      z-index: 1;
      
    }

    /* Fading mask layer */
    #grid-mask {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 2;
      background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
      mix-blend-mode: destination-out;
    }

    /* Content layer (boxes or anything else) */
    #grid-content {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 999;
    }
 .box {
	position: absolute;
	width: 76.20099639892578px;
	height: 67.17894744873047px;
	border-radius: 4px;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.12) 100%);
	transition: left 0.6s ease, top 0.6s ease, background 0.6s ease;
	box-sizing: border-box;
}

  #grid-container-second {
      position: relative;
      width: calc(17 * 76.20099639892578px);
      height: calc(12 * 67.17894744873047px);
      margin: 40px auto;
	  margin-bottom: 0;
      overflow: hidden;
	  z-index: 0;
    }

    #grid-background-second {
      position: absolute;
      width: 100%;
      height: 100%;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
      background-size: 76.20099639892578px 67.17894744873047px;
      z-index: 1;
      
    }

    #grid-mask-second {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 2;
      background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
      mix-blend-mode: destination-out;
    }

    #grid-content-second {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 999;
    }
 .box-second {
	position: absolute;
	width: 76.20099639892578px;
	height: 67.17894744873047px;
	border-radius: 4px;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.12) 100%);
	transition: left 0.6s ease, top 0.6s ease, background 0.6s ease;
	box-sizing: border-box;
}

/* Tablet (portrait & below) */
@media (max-width: 1024px) {
 #grid-container {
      position: relative;
      width: unset;
      height: unset;
      margin: 40px auto;
      overflow: hidden;
	  z-index: 0;
    }

    /* Grid background lines */
    #grid-background {
      position: unset;
      width: 100%;
      height: 100%;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
      background-size: 76.20099639892578px 67.17894744873047px;
      z-index: 1;
      
    }

    #grid-mask {
      position: unset;
      width: 100%;
      height: 100%;
      z-index: 2;
      background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
      mix-blend-mode: destination-out;
    }

    #grid-content {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 999;
    }
 .box {
	position: absolute;
	width: 76.20099639892578px;
	height: 67.17894744873047px;
	border-radius: 4px;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.12) 100%);
	transition: left 0.6s ease, top 0.6s ease, background 0.6s ease;
	box-sizing: border-box;
	}
	
	  #grid-container-second {
      position: relative;
      width: 100%;
      height: 100%;
      margin: 40px auto;
	  margin-bottom: 0;
      overflow: hidden;
	  z-index: 0;
    }

    #grid-background-second {
      position: unset;
      width: 100%;
      height: 100%;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
      background-size: 76.20099639892578px 67.17894744873047px;
      z-index: 1;
      
    }

    #grid-mask-second {
      position: unset;
      width: 100%;
      height: 100%;
      z-index: 2;
      background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
      mix-blend-mode: destination-out;
    }

    #grid-content-second {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 999;
    }
 .box-second {
	position: absolute;
	width: 76.20099639892578px;
	height: 67.17894744873047px;
	border-radius: 4px;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.12) 100%);
	transition: left 0.6s ease, top 0.6s ease, background 0.6s ease;
	box-sizing: border-box;
}
}

/* Mobile (portrait) */
@media (max-width: 768px) {
 #grid-container {
      position: relative;
      width: unset;
      height: unset;
      margin: 40px auto;
      overflow: hidden;
	  z-index: 0;
    }

    /* Grid background lines */
    #grid-background {
      position: unset;
      width: 100%;
      height: 100%;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
      background-size: 76.20099639892578px 67.17894744873047px;
      z-index: 1;
      
    }

    /* Fading mask layer */
    #grid-mask {
      position: unset;
      width: 100%;
      height: 100%;
      z-index: 2;
      background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
      mix-blend-mode: destination-out;
    }

    /* Content layer (boxes or anything else) */
    #grid-content {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 999;
    }
 .box {
	position: absolute;
	width: 76.20099639892578px;
	height: 67.17894744873047px;
	border-radius: 4px;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.12) 100%);
	transition: left 0.6s ease, top 0.6s ease, background 0.6s ease;
	box-sizing: border-box;
}
	
	  #grid-container-second {
      position: relative;
      width: 100%;
      height: 100%;
      margin: 40px auto;
	  margin-bottom: 0;
      overflow: hidden;
	  z-index: 0;
    }

    #grid-background-second {
      position: unset;
      width: 100%;
      height: 100%;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
      background-size: 76.20099639892578px 67.17894744873047px;
      z-index: 1;
      
    }

    #grid-mask-second {
      position: unset;
      width: 100%;
      height: 100%;
      z-index: 2;
      background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
      mix-blend-mode: destination-out;
    }

    #grid-content-second {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 999;
    }
 .box-second {
	position: absolute;
	width: 76.20099639892578px;
	height: 67.17894744873047px;
	border-radius: 4px;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.12) 100%);
	transition: left 0.6s ease, top 0.6s ease, background 0.6s ease;
	box-sizing: border-box;
}
}

/* Small Mobile */
@media (max-width: 480px) {
  #grid-container {
      position: relative;
      width: unset;
      height: unset;
      margin: 40px auto;
      overflow: hidden;
	  z-index: 0;
    }

    /* Grid background lines */
    #grid-background {
      position: unset;
      width: 100%;
      height: 100%;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
      background-size: 76.20099639892578px 67.17894744873047px;
      z-index: 1;
    }

    /* Fading mask layer */
    #grid-mask {
      position: unset;
      width: 100%;
      height: 100%;
      z-index: 2;
      background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
      mix-blend-mode: destination-out;
    }

    /* Content layer (boxes or anything else) */
    #grid-content {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 999;
    }
 .box {
	position: absolute;
	width: 76.20099639892578px;
	height: 67.17894744873047px;
	border-radius: 4px;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.12) 100%);
	transition: left 0.6s ease, top 0.6s ease, background 0.6s ease;
	box-sizing: border-box;
}
	
	  #grid-container-second {
      position: relative;
      width: 100%;
      height: 100%;
      margin: 40px auto;
	  margin-bottom: 0;
      overflow: hidden;
	  z-index: 0;
    }

    #grid-background-second {
      position: unset;
      width: 100%;
      height: 100%;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
      background-size: 76.20099639892578px 67.17894744873047px;
      z-index: 1;
      
    }

    #grid-mask-second {
      position: unset;
      width: 100%;
      height: 100%;
      z-index: 2;
      background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
      mix-blend-mode: destination-out;
    }

    #grid-content-second {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 999;
    }
 .box-second {
	position: absolute;
	width: 76.20099639892578px;
	height: 67.17894744873047px;
	border-radius: 4px;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.12) 100%);
	transition: left 0.6s ease, top 0.6s ease, background 0.6s ease;
	box-sizing: border-box;
}
}


.service-card-hover-effect:hover .service-card-hover-move-up-sec{
	transform: translateY(-10px);
    transition: transform 0.3s ease; 
}
.service-card-hover-move-up-sec {
    transition: transform 0.3s ease;
}
.service-card-hover-zoom-img img {
    transition: transform 0.3s ease;
}
.service-card-hover-effect:hover .service-card-hover-zoom-img img {
    transform: scale(1.1); 
}

:focus-visible {
    outline: unset !important;
}
.its-not-btn .elementor-widget-container .elementor-button-wrapper a{
	cursor: unset;
  white-space: nowrap;
}
.our-service-card-button {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px; /* Space between buttons */
  justify-content: flex-start;
  align-items: center;
}

/* Ensure each button wrapper respects space */
.our-service-card-button .elementor-button-wrapper {
  flex: 0 0 auto;
}


.based-india-shadow{
  backdrop-filter: blur(100px);
}
.why-choose-industry{
	background: radial-gradient(circle at center, #ff761540 0%, #000000 100%);
}
.why-choose-industry-portfolio{
	background: radial-gradient(circle 500px at center, #ff761540 0%, #000000 100%);
}
.build-digital-experiences{
	background: radial-gradient(circle 700px at center, #ff761540 0%, #000000 100%);
    background-position: 451px -330px;
	background-size: 2097px;
}
.build-digital-experiences-app{
	background: radial-gradient(circle 700px at center, #ff761540 0%, #000000 100%);
    background-position: 451px 0px;
	background-size: 2097px;
}
.build-digital-experiences-web{
	background: radial-gradient(circle 700px at center, #ff761540 0%, #000000 100%);
    background-position: 451px -388px;
	background-size: 2097px;
}
.build-digital-experiences-product{
	background: radial-gradient(circle 700px at center, #ff761540 0%, #000000 100%);
    background-position: 451px -1488px;
	background-size: 2097px;
}
/* Inactive accordion item */
.manage-border-radius .elementor-widget-container .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title{
  border-radius: 20px !important;
}

/* Active accordion item */
.manage-border-radius .elementor-widget-container .e-n-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title {
	border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;	
}

.manage-border-radius-on-process .elementor-widget-container .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title{
  border-radius: 20px !important;
}

.manage-border-radius-on-process .elementor-widget-container .e-n-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title {
	border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.manage-border-radius-on-process .elementor-widget-container .e-n-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title span.accordian-num{
	background: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.manage-border-radius-on-process .elementor-widget-container .e-n-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title span.accordian-title{
	 background: linear-gradient(90deg, #7310D7 0%, #FF7615 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.manage-border-radius-on-process .elementor-widget-container .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-header .e-n-accordion-item-title-text{
	display: flex;
	align-items: center;
  	gap: 10px;
}
.manage-border-radius-on-process .elementor-widget-container .e-n-accordion .e-n-accordion-item{
	backdrop-filter: blur(34.400001525878906px);
    box-shadow: 0px 8px 24px 0px #0000001F;
}
span.accordian-num {
	font-family: 'Neue Plak';
    font-weight: 800;
    font-size: 26px;
    background: linear-gradient(90deg, #7310D7 0%, #FF7615 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.elementor {
    overflow: visible;
}

/* .elementor {
    overflow: hidden;
} */
.our-services-first-radiant {
	background-image: 
		url('https://tmit.tmitservices.com/wp-content/uploads/2025/05/our-services-bg.png'),
		url('https://tmit.tmitservices.com/wp-content/uploads/2025/05/Ellipse-3-1-scaled.png');
	background-size: 100% 800px, 100% 800px;
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center calc(100% - 400px);
}

.particles-section {
    position: relative;
    overflow: hidden;
}

.particles-section .particles-js-canvas {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
	overflow: hidden;
}

/* *{
	font-family: 'Neue Plak', sans-serif !important;
}

@font-face {
    font-family: 'Neue Plak';
    src: url('/wp-content/themes/hello-elementor-child/fonts/Neue Plak Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Neue Plak';
    src: url('/wp-content/themes/hello-elementor-child/fonts/Neue Plak Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Neue Plak';
    src: url('/wp-content/themes/hello-elementor-child/fonts/Neue Plak SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Neue Plak Extended';
    src: url('/wp-content/themes/hello-elementor-child/fonts/Neue Plak Extended Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Neue Plak Extended';
    src: url('/wp-content/themes/hello-elementor-child/fonts/Neue Plak Extended SemiBold.ttf') format('truetype');
    font-weight: 600; 
    font-style: normal;
} */

.text-write-here {
	height:150px!important;
}
.text-write-here {
    display: flex;
    flex-direction: column;
    height: auto;
}
#your-message {
    height: auto;
    min-height: 50px; /* Adjust as needed */
    max-height: 300px; /* Set a reasonable limit */
    overflow-y: auto; /* Enables scrolling if content exceeds max height */
}

.site-header {
    background: black;
}
.home-header .elementor-widget-container .elementor-heading-title span.hero-header{
    background: linear-gradient(90deg, #7310D7, #FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-services .elementor-widget-container .elementor-heading-title span.services{
    background: linear-gradient(90deg, #7310D7, #FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.why-choose .elementor-widget-container .elementor-heading-title span.why-choose-header{
    background: linear-gradient(90deg, #7310D7, #FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-solution .elementor-widget-container .elementor-heading-title span.hero-section-solution{
    background: linear-gradient(90deg, #7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-featured .elementor-widget-container .elementor-heading-title span.hero-section-featured-projects{
    background: linear-gradient(90deg, #7310D7, #FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-our-client .elementor-widget-container .elementor-heading-title span.hero-section-clients-say{
    background: linear-gradient(90deg, #7310D7, #FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-blog .elementor-widget-container .elementor-heading-title span.hero-section-articles{
    background: linear-gradient(90deg, #7310D7, #FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-get-touch .elementor-widget-container .elementor-heading-title span.hero-section-touch{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-it-innovation .elementor-widget-container .elementor-heading-title span.about-section-heading{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-number-counter .elementor-widget-container .elementor-counter .elementor-counter-number-wrapper span.elementor-counter-number {
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-vision .elementor-widget-container .elementor-heading-title span.section-about-vision{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-mission .elementor-widget-container .elementor-heading-title span.section-about-mission{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-tmit .elementor-widget-container .elementor-heading-title span.section-about-core-values{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-clients-say .elementor-widget-container .elementor-heading-title span.section-abour-our-clint-say{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.health-tmit-services .elementor-widget-container .elementor-heading-title span.why-choose-header{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.health-industry .elementor-widget-container .elementor-heading-title span.hero-section-solution{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.health-clients-say .elementor-widget-container .elementor-heading-title span.hero-section-clients-say{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.health-touch .elementor-widget-container .elementor-heading-title span.hero-section-touch{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.e-commerce-tmit-services .elementor-widget-container .elementor-heading-title span.why-choose-header{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.e-commerce-solutions .elementor-widget-container .elementor-heading-title span.hero-section-solution{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.e-commerce-clients-say .elementor-widget-container .elementor-heading-title span.hero-section-clients-say{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.e-commerce-touch .elementor-widget-container .elementor-heading-title span.hero-section-touch{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.education-tmit-services .elementor-widget-container .elementor-heading-title span.why-choose-header{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.education-solutions .elementor-widget-container .elementor-heading-title span.hero-section-solution{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.education-clients-say .elementor-widget-container .elementor-heading-title span.hero-section-clients-say{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.education-touch .elementor-widget-container .elementor-heading-title span.hero-section-touch{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.saas-tmit-services .elementor-widget-container .elementor-heading-title span.why-choose-header{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.saas-solutions .elementor-widget-container .elementor-heading-title span.hero-section-solution{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.saas-clients-say .elementor-widget-container .elementor-heading-title span.hero-section-clients-say{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.saas-touch .elementor-widget-container .elementor-heading-title span.hero-section-touch{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.contact-touch .elementor-widget-container .elementor-heading-title span.hero-section-touch{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
}
.manufacturing-timt-services .elementor-widget-container .elementor-heading-title span.manufacturing-tmit-services{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.manufacturing-solutions .elementor-widget-container .elementor-heading-title span.hero-section-solution{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.manufacturing-clients-say .elementor-widget-container .elementor-heading-title span.hero-section-clients-say{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.manufacturing-touch .elementor-widget-container .elementor-heading-title span.hero-section-touch{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-touch .elementor-widget-container .elementor-heading-title span.hero-section-touch{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.tmit-right-choice .elementor-widget-container .elementor-heading-title span.tmit-right-choice-app-developement{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.app-development .elementor-widget-container .elementor-heading-title span.web-dev-process{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.specific-solutions .elementor-widget-container .elementor-heading-title span.hero-section-solution{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.get-in-touch .elementor-widget-container .elementor-heading-title span.hero-section-touch{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.uiux-hero-section .elementor-widget-container .elementor-heading-title span.uiux-design-heading{
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.web-heading .elementor-widget-container .elementor-heading-title span.web-deve-Digital {
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.web-heading .elementor-widget-container .elementor-heading-title span.web-appe-devlopement {
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.web-heading .elementor-widget-container .elementor-heading-title span.web-tmit-right-choice {
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.web-heading .elementor-widget-container .elementor-heading-title span.web-dev-process {
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.web-heading .elementor-widget-container .elementor-heading-title span.web-dev-process {
    background: linear-gradient(90deg,#7310D7,#FF7615);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pre-footer-form {
    display: flex;
    justify-content: space-between;
}

.pre-footer-form input{
	width= 340px !important;
	border-radius= 20px !important;
	background-image: linear-gradient(to right, #FFFFFF1A, #FEFEFE1A);
    background-color: transparent;
}
.pre-footer-form select {
  width: 340px !important;
  border-radius: 10px !important;
  background-color: transparent;
  background-image: 
    url('/wp-content/uploads/2025/06/Vector.png'), 
    linear-gradient(to right, #FFFFFF1A, #FEFEFE1A);
  background-repeat: no-repeat, no-repeat;
  background-position: right 16px center, 0 0; /* Icon moved 20px from right */
  background-size: 12px, cover;
  padding-right: 50px; /* space for the icon */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #fff; /* or your preferred text color */
  border: 1px solid rgba(255, 255, 255, 0.2); /* optional for visibility */
}


.pre-footer-form-placeholder textarea{
	background-image: linear-gradient(to right, #FFFFFF1A, #FEFEFE1A);
    background-color: transparent;
}

.hero-section-industry-spacific-solutions:hover .elementor-image-box-wrapper .elementor-image-box-title{
	color: #131313 !important;
	transition-duration: 2s;
}
.hero-section-industry-spacific-solutions:hover .elementor-image-box-wrapper .elementor-image-box-img img{
	filter:invert(1) !important;
	transition-duration: 2s !important;
}
.hero-section-industry-spacific-solutions {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(153,153,153,0.1) 100%);
  backdrop-filter: blur(34.4px);
  box-shadow: 0px 15px 9.6px 0px #00000029;
  z-index: 0;
}

/* White overlay */
.hero-section-industry-spacific-solutions::after {
  content: "";
  position: absolute;
  inset: 0;
  background: white;
  transform: scaleX(0);
  transform-origin: left; /* Animate from left side */
  transition: transform 0.7s ease;
  z-index: 1;
}

/* On hover: white expands from left to right */
.hero-section-industry-spacific-solutions:hover::after,
.hero-section-industry-spacific-solutions:focus-visible::after {
  transform: scaleX(1);
}

/* Ensure content stays above overlay */
.hero-section-industry-spacific-solutions > * {
  position: relative;
  z-index: 2;
}





@media (max-width: 767px){
	.img-box-display-flex .elementor-widget-container .elementor-image-box-wrapper{
		display:flex;
		align-items: center;
		gap: 18px;
		
	}
}


@media (min-width: 768px) and (max-width: 1024px){
	.img-box-display-flex .elementor-widget-container .elementor-image-box-wrapper{
		display:flex !important;
	}
}
.img-box-display-flex .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-title {
	    margin: 0;
	
}


/* custom header css start */
/* navbars */

.menu-right .menu-item span img {
    width: 36px;
}

.col ul {
    padding: 0px !important;
}

.col ul li {
    padding: 0px !important;
}

.col ul li a {
    padding: 5px 0rem !important;
}

/* Base List Item Styling */
.mega-links li {
    position: relative;
    /* Required for positioning the pseudo-element */
    padding-bottom: 5px;
    /* Adds space for the border */
}

/* Base Anchor Styling */
.mega-links li a {
    text-decoration: none;
    color: #333;
    /* Default text color */
    display: inline-block;
    /* Makes the anchor tag respect its text width */
    padding-bottom: 5px;
    /* Adds space to ensure border doesn't overlap the text */
    position: relative;
    transition: color 0.3s ease;
    /* Smooth color transition */
}

.news-deatils-timing i {
    font-family: "Font Awesome 6 Free" !important;
}

/* Hover Effect for Anchor */
.mega-links li a:hover {
    color: #a7d8dc;
    /* Change text color on hover */
}

/* Pseudo-element for the Border */
.mega-links li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    /* Starts with no width */
/*     height: 3px; */
    /* Border thickness */
    background-color: #A7D8DC;
    /* Border color */
    transition: width 0.3s ease;
    /* Smooth animation for expanding the border */
}

/* Expanding the border on hover */
.mega-links li a:hover::after {
    width: 100%;
    /* Expands to full width of the text */
}

.navbars {
    background: transparent;
    height: 89px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0px;
    -webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
    position: relative;
    width: 100%;
}

/* .sticky {
    position: fixed;
    top: 0;
    z-index: 999;
} */

.navbars .logo {
    text-decoration: none;
    color: #122f48;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
}

/* nav menu button */

.menu-btn {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    z-index: 2;
}

.navbars .menu-btn__lines::before,
.navbars .menu-btn__lines::after {
    content: "";
    position: absolute;
	
}
.menu-btn{
	filter: brightness(15.5);
}
.navbars .menu-btn__lines,
.navbars .menu-btn__lines::before,
.navbars .menu-btn__lines::after {
    width: 1.5rem;
    height: 0.1rem;
    background: #132f48;
    transition: all 0.4s ease-in-out;
}

.navbars .menu-btn__lines::before {
    transform: translateY(-0.5rem);
}

.navbars .menu-btn__lines::after {
    transform: translateY(0.5rem);
}

.navbars .menu-items {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0px !important;
	gap: 57px;
}

.navbars ul li {
    list-style: none;
    transition: 0.3s ease;
}

.navbars ul li .arrow {
    transition: all 0.3s ease-out;
}

.navbars .mega-menu ul li a {
    text-decoration: none;
    color: #112f48 !important;
	font-weight: 600;
}
.dropdowns a {
    text-decoration: none;
    color: #fff !important;
}

/* dropdowns menu */

/* .navbars .dropdowns {
    position: relative;
  } */
/* .expand-btn:after {
    content: " \25BE";
    opacity: 0.4;
    margin-left: 5px;
  } */

.navbars .dropdowns-menus {
    position: absolute;
    /*         background: #ffffff; */
    width: 107%;
    line-height: 30px;
    border-radius: 0 0 5px 5px;
    top: 45px;
    border-top: 1px solid white;
    left: -54px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
}

.dropdowns {
    align-self: start;
    /* Ensure grid items align at the top */
}

.menu-right {
    position: static;
    top: 100%;
    /* Position below the parent menu */
    left: 0;
    /* Align with the left edge of the parent menu */
    /* background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    list-style: none;
    padding: 10px 0px 0px 28px;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    display: none;
}

.navbars .dropdowns-menus,
.menu-left {
    /* left: unset; */
    /* right: 0; */
}

.navbars .menu-left {
    left: -100%;
}

.navbars .menu-item {
    display: flex;
    /* justify-content: space-between; */
    width: max-content;
    padding: 0.5rem 1.5rem;
    font-size: 16px;
    font-weight: 700;
    align-items: center;
    font-family: 'Neue Plak', sans-serif !important;
}

/* .navbars .menu-item:hover {
    color: #ff5722;
  } */
li.dropdowns.dropdowns-right:hover {
    background: #a7d8dc26;
    gap: 10px;
    border-radius: 12px 0px 0px 0px;
    opacity: 0px;
}

.menu-item.first-item {
    padding: 10px;
    font-family: 'Neue Plak', sans-serif !important;
	font-weight: 500;
}
ul.language-switcher {
    padding: 0px;
}
/* Individual dropdowns columns */
.dropdowns-item {
    position: relative;
    padding: 10px;
    flex: 1;
    /* Columns in equal width */
    border-left: 1px solid #ddd;
}

.navbars .dropdowns:hover .dropdowns-menus {
    opacity: 1;
    visibility: visible;
}

.navbars .dropdowns-right:hover .menu-right {
    /* left: 30%; */
    opacity: 1;
    visibility: visible;
    display: block;
}

.navbars .dropdowns-right:hover .sample-submenu-child {
    left: 30% !important;
    opacity: 1;
    visibility: visible;
    /* display: flex; */
}

/* .navbars .dropdowns-right:hover .menu-left {
    left: -100%;
  } */

.dropdowns .expand-btn {
    position: relative;
    cursor: pointer;
}

/* mega menu  */

/* .navbars .mega-menu {
    position: absolute;
    left: -35px;
    width: 100vw;
    top: 55px;
    border-top: 1px solid #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
} */
.navbars .mega-menu {
    position: absolute;
    left: 280px;
    transform: translateX(-50%);
/*     width: 100vw; */
	width: max-content;
    max-width: 1196px; /* Match .mega-menu.sample */
    top: 71px;
    border-top: 1px solid #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
}


.mega-menu .content {
    background: #ffffff;
    padding: 1rem;
    display: grid;
    /*         grid-template-columns: repeat(4, 1fr); */
    gap: 1rem;
    width: 100%;
    justify-content: space-between;
    -webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
}

.submenu-icons {}

.submenu-icons-wrapper {
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    margin-right: 5px;
}

.submenu-icons-wrapper-abouts {
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    margin-right: 5px;
}

.submenu-icons-child {
    padding: 2px 8px 0px 0px;
}

.blog .content {
    grid-template-columns: repeat(4, 1fr);
}

.content .col {
    display: flex;
    flex-direction: column;
/*     justify-content: space-between; */
    line-height: 3rem;
}

.content .col .img-wrapper {
    display: block;
    position: relative;
    width: 100%;
    height: 20vw;
    overflow: hidden;
}

.content .col .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.content .col img {
    width: 100%;
    transition: transform 0.3s ease-in-out;
}

.content .col .img-wrapper:hover img {
    transform: scale(1.1);
}

.content .col .menu-title {
    color: #ff5722;
    font-size: 1.2rem;
    line-height: 3rem;
    font-weight: bold;
}

.content .col p {
    line-height: 1.2rem;
    margin-top: 5px;
    color: #112f48;
}

/* .content .col .mega-links {
    border-left: 1px solid #3c3c3c;
  } */

@keyframes floatUpDown {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

.service-card-animation {
  animation: floatUpDown 2s ease-in-out infinite; 
	display:block !important;
}
.service-card-wrapper{
	display: flex !important;
	
}

.content .col .read-more {
    font-size: 16px;
    display: flex;
    padding-top: 1rem;
    color: #03a9f4;
    transition: color 0.3s ease;
    justify-content: flex-end;
    padding-right: 10px;
}

.col .mega-links li,
.col .mega-links li a {
    padding: 0 1rem;
}

.menu-items li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
	
}

.content .col .read-more:hover {
    color: #ff5722;
}

/* container */
/* .container {
    margin: 100px auto auto;
    padding: 0 15px;
    max-width: 1200px;
    text-align: center;
  }
  .container p {
    color: #ffffff;
  } */

h1 {
    font-weight: 700;
    line-height: 10vw;
    color: #ffffff;
    text-transform: uppercase;
}

/* animation menu hamburger */
.menu-btn.open .menu-btn__lines {
    transform: translateX(1rem);
    background: transparent;
}

.menu-btn.open .menu-btn__lines::before {
    transform: rotate(45deg) translate(-0.5rem, 0.5rem);
    background: #132f48;
}

.menu-btn.open .menu-btn__lines::after {
    transform: rotate(-45deg) translate(-0.5rem, -0.5rem);
    background: #132f48;
}

.submenu-subheading {
    display: flex;
}



.submenu-dropdowns-wrapper {
    display: flex;
    padding: 20px;
    gap: 20px;
}

.submenu-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.submenu-wrapper-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.menu-items .submenu-heading {
    font-family: 'Neue Plak';
    font-size: 20px;
    font-weight: 900;
    line-height: 51px;
    margin: 0;
    /* text-align: center;
    text-underline-position: from-font; */
    text-decoration-skip-ink: none;
}

/* .menu-items > li {
    position: relative;
    padding: 10px 20px;
  } */
/* Responsive style */
/* Default state for the arrow icon */
.submenu-title i {
    margin-left: 10px;
    transition: transform 0.3s ease;
    /* Smooth rotation */
    transform: rotate(0deg);
    /* Default pointing down */
    font-family: "FontAwesome" !important;
}

.dropdowns .expand-btn i {
    font-family: "FontAwesome" !important;
    transition: transform 0.3s ease;
}

/* On hover, rotate the arrow to point upwards */
.submenu-title:hover i {
    transform: rotate(180deg);
    /* Arrow pointing up */
    transition: transform 0.3s ease;
}

/* Apply CSS only to the first icon inside .expand-btn-menu */
.expand-btn-menu .main-menu-icon i:first-of-type {
    font-family: "FontAwesome" !important;
    transform: rotate(-90deg);
    transition: transform 0.3s ease;
}

/* If the menu is open, rotate the first icon */
.expand-btn-menu .main-menu-icon.open i:first-of-type {
    transform: rotate(0deg);
}

/* .expand-btn-menu:hover i {
    font-family: "FontAwesome" !important;
    transform: rotate(180deg);
  } */

@media screen and (max-width: 1024px) {
    .navbars {
        padding: 10px 15px 10px 0px;
		z-index: 999;
    }
	.dropdowns a {
    text-decoration: none;
    color: #000 !important;
}
	.header-btn-sec{
		display: none;
	}

    /* .expand-btn-menu .main-menu-icon i {
      font-family: "FontAwesome" !important;
      transform: rotate(-90deg);
      display: block !important;
      transition: transform 0.3s ease;
      margin-left: 10px;
    }
    .expand-btn-menu .main-menu-icon .open i {
      font-family: "FontAwesome" !important;
      transform: rotate(0deg);
      display: block !important;
      transition: transform 0.3s ease;
      margin-left: 10px;
    } */

    .expand-btn-menu .main-menu-icon i:first-of-type {
        display: block !important;
    }

    .expand-btn-menu .main-menu-icon.open i:first-of-type {
        transform: rotate(-180deg);
        transition: transform 0.3s ease;
    }

    .img-wrapper {
        display: none !important;
    }

    .submenu-wrapper-card {
        display: block;
        /* Or flex, depending on the desired layout */
        grid-template-columns: none;
        /* Reset grid properties (optional) */
        grid-template-rows: none;
        /* Reset grid properties (optional) */
    }

    .submenu-title:hover i {
        transform: rotate(0deg);
    }

    .dropdowns-right .open i {
        transform: rotate(180deg);
        /* Arrow pointing up */
    }

    .submenu-dropdowns-wrapper {
        display: block;
    }

    .overflow {
        overflow: hidden;
    }

    .submenu-dropdowns-wrapper {
        padding: 0px;
    }

    /* .navbars .dropdowns-right:hover .menu-right {
      left: 30%;
      opacity: 1;
      visibility: visible;
      display: block;
    } */
    .overlay {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 500;
        background-color: rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    }

    .overlay--active {
        opacity: 1;
        visibility: visible;
    }

    .menu-btn {
        display: flex;
    }

    .navbars .menu-items {
        position: fixed;
        height: 100vh;
        max-height: initial;
        overflow-y: auto;
        width: 100%;
        top: 87px;
        left: -100%;
        background: #fcfcfc;
        display: block;
        transform: translateX(-100vh);
        transition: 0.3s ease-out;
        padding-bottom: 100px;
		 border-radius: 0 24px 24px;
    }

    .menu-items.open {
        transform: translateY(0);
		opacity: 1;
        left: 0;
		padding: 0;
    }

    .menu-items li:first-child {
        margin-top: 20px;
    }

    .menu-items li a {
        padding: 10px 1rem;
        display: block;
        font-size: 18px;
    }

    .menu-items>li {
        position: relative;
        padding: 10px 20px;
    }

    .menu-items .dropdowns-right .right-arrow {
        transform: rotate(90deg);
    }

    .menu-item.first-item {
        padding: 0;
    }

    /* DROPDOWN, MEGA MENUS */
    .menu-items .dropdowns-menus,
    .menu-items .menu-right,
    .menu-items .mega-menu {
        position: static;
        opacity: 1;
        top: 4rem;
        visibility: visible;
        margin-left: -18px;
        width: auto;
        max-height: 0;
        transform: scaleX(0);
        transform-origin: left;
        overflow: hidden;
        transition: all 0.5s ease;
    }

    .menu-items .dropdowns-menus,
    .menu-items .menu-right {
        padding-left: 1rem;
        width: 102%;
        margin-left: -10px;
    }

    .menu-items .mega-menu .col {
        padding-left: 1rem;
    }

    .expand-btn.open+.sample {
        max-height: 100%;
        transform: scaleZ(1);
		overflow: auto;
    }

    .expand-btn.open+.blog.sample {
        max-height: 100%;
        transform: scaleZ(1);
        max-width: fit-content;
    }

    .navbars .sample {
        border-top: none;
    }

    .sample li {
        margin: 0;
    }

    .sample li:last-child {
        border-bottom: none;
    }

    .sample li a {
        font-size: 1rem;
    }

    .mega-menu .content {
        grid-template-columns: auto;
        padding: 1rem 1rem 0 1rem;
    }

    .mega-menu .content .col {
        width: 100%;
        padding-top: 1rem;
        margin-bottom: 0.5rem;
    }

    .col .mega-links li,
    .col .mega-links li a {
        padding: 0 0.5rem;
    }

    .content .col .mega-links {
        border-left: 0;
        padding-left: 0.5rem;
    }

    .col .mega-links li {
        margin: 0;
    }
}

/* custom header css end */
/* New Header CSS Start */

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Quick Access Container: Flex Row */
.quick-access-container {
    display: flex;
    flex-wrap: nowrap;
    /* Allow wrapping when necessary */
    gap: 15px;
    /* Space between cards */
    margin: 0 auto;
    /*     padding: 10px 0; */
    justify-content: space-between;
    /* Ensure even space between items */
    width: 100%;
    /* Ensure the container takes full width */
}

/* Quick Access Card Styles */
.quick-access-card {
    background-color: #f9f9f9;
    /*     border: 1px solid #ddd; */
    border-radius: 10px;
    text-align: center;
    /*     padding: 20px; */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    flex: 0 1 30%;
    /* Allow the card to take 30% width and grow or shrink */
    transition: transform 0.3s ease;
    min-width: 170px;
    /* Ensure each card has a minimum width */
    max-width: 33%;
    /* Prevent the card from becoming too wide */
}

/* Hover Effect */
.quick-access-card:hover {
    /*     transform: translateY(-5px); */
}

/* Card Content */
.card-body {
    padding: 10px;
}

.header-card-body-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

/* Button Style */
.quick-access-btn {
    display: inline-block;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 14px;
    transition: background-color 0.3s;
}

.quick-access-btn:hover {
    background-color: #0056b3;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
    .quick-access-card {
        flex: 0 1 45%;
    }
}

@media (max-width: 768px) {
	.header-btn-sec{
		display: none;
	}
    .mega-menu.sample {
        padding: 0rem !important;
    }

    .quick-access-container {
        flex-direction: column;
    }

    .quick-access-card {
        flex: 0 1 100%;
        margin-bottom: 15px;
        
    }
}
.mega-menu.sample {
    background: #FDFDFD;
    padding: 20px 40px 40px 40px;
/*     width: 907px; */
    height: auto;
    border-radius: 20px 20px 20px 20px;
}
.quick-access-card-image {
    height: 38px;
}
.quick-access-header {
    margin-top: -1px;
    margin-left: 55px;
}
.quick-header-name {
    font-family: 'Neue Plak', sans-serif !important;
    font-size: 16px;
    font-weight: 800;
}
a.menu-item:hover {
    color: #A7D8DC;

}
.card-body {
    padding: 11px;
}
.page-header {
    display: none;
}
.logo-container {
    width: 71px;
    height: auto;
}
.custom-header-container{
	background: #D8D8D81A;
    position: fixed;
    top: 0;
    z-index: 999;
	backdrop-filter: blur(84px);

}
.header-btn-sec button{
	background-image: linear-gradient(to right, #7310D7, #FF7615, #7310D7, #FF7615);
	font-family: "Neue Plak";
	font-weight: 800;
	font-size: 16px;
	line-height: 22.35px;
	color: #fff;
	border: none;
	border-radius: 8px;
	padding: 10px 24px;
	background-size: 300% 100%;

	
	moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.header-btn-sec button:hover{
	background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.menu-padding-and-hover:hover {
    background:#FFF2E8;
	border-radius: 10px;
}
.image-container {
    width: 24px;
}
.image-container img {
    width: 100%;
}
.menu-padding-and-hover {
    display: flex;
    align-items: center;
    gap: 22px;
	padding: 10px;
	border-radius: 10px;
	max-width: 249px;
    min-width: 249px;
}
.menu-item .image-container img {
    filter: brightness(0);
    transition: filter 0.1s ease-in-out;
}

.menu-item:hover .image-container img {
    filter: brightness(0) saturate(100%) invert(49%) sepia(84%) saturate(635%) hue-rotate(359deg) brightness(100%) contrast(92%);
}
.menu-item:hover p{
    color: #FF7615; 
}
.menu-item p{
   margin:0px; 
	font-size: 14px;
}
.language-switcher .active{
	 display:none;
  	
}
.language-switcher li a{
	display:flex;
  	align-items: center;
    gap: 12px;
	color:#FFFFFF;
    background-color: #3F3F3F;
    padding: 10px 10px 10px 10px;
    border-radius: 12px;
    font-size: 14px;
}

.language-switcher img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  border-radius: 4px; /* optional: if you want slightly rounded flags */
}

.lang-btn {
  display: none;
  align-items: center;
  gap: 6px;
  color: #fff;
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 8px;
  transition: background-color 0.3s;
}

.name-and-email-text{
		color: #fff;
        width: 100%;
	    font-weight:500;
	    font-size:16px;
	    line-height:21px;
	    padding:12px 9px;
	font-family: 'Neue Plak';
}
.place-holder-box {
	    width:50%;
	    border-radius: 10px!important;
}
.place-holder-box input{
	border-radius: 10px;
	font-size: 14px;
	height: 42px;
	font-family: 'Neue Plak';
} 
.place-holder-box select{
	border-radius: 10px;
	color:#B8B8B8;
} 
.text-holder-box textarea {
	border-radius: 10px;
	width:100%;
	border: none;
	font-size: 14px;
	font-family: 'Neue Plak';
} 
.place-holder-box p{
	margin:0;
}
.pre-footer-section-btn{
	display:flex;
	justify-content:end;
}
.pre-footer-section-btn span{
	display:none;
}
.pre-footer-section-btn input {
    padding: 10px 24px;
    font-family: 'Neue Plak';
    border-radius: 8px;
    color: white;
    font-weight: 800;
    font-size: 16px;
    margin-left: 40px;
    border: none;
	
	background-image: linear-gradient(to right, #7310D7, #FF7615, #7310D7, #FF7615);
	background-size: 300% 100%;
	
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.pre-footer-section-btn input:hover {
	background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
/* Change placeholder text color in Contact Form 7 to #B8B8B8 */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: #B8B8B8;
  opacity: 1;
}

.wpcf7 input::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder {
  color: #B8B8B8;
}

.wpcf7 input:-moz-placeholder,
.wpcf7 textarea:-moz-placeholder {
  color: #B8B8B8;
}

.wpcf7 input::-moz-placeholder,
.wpcf7 textarea::-moz-placeholder {
  color: #B8B8B8;
}

.wpcf7 input:-ms-input-placeholder,
.wpcf7 textarea:-ms-input-placeholder {
  color: #B8B8B8;
}

.pre-footer-form, .pre-footer-form{
    display: flex;
    gap: 33px;
    justify-content: space-between;
    padding-bottom: 20px;
}
.select-inquiry{
	color:white;
}
.pre-footer-main-section-form input {
	border:none;
}
.pre-footer-main-section-form select{
	border:none;
	height:42px;
	font-size: 14px;
	font-family: 'Neue Plak';
}
.upload-file p{
	color:white;
	font-size:14px;
	font-weight:400;
	line-height:25px;
	margin:0;
}

@media (max-width: 767px) {
	.pre-footer-form, .pre-footer-form{
    display: block;
    gap: 33px;
    padding:0;		
}
	.place-holder-box {
    width: 100%;
    padding: 0px 0 25px 0;
}
}
@media (max-width: 767px){
	.elementor-9 .elementor-element.elementor-element-6a17c6d:not(.elementor-motion-effects-element-type-background){
		border-radius:10px;
	}
}
.elementor-image-box-img img{
	padding-top: 0 !important;
}


/* Contact Page Form Start*/
.contact-form-on-contact-page .pre-footer-form {
    display: flex;
    justify-content: space-between;
}

.contact-form-on-contact-page .pre-footer-form input{
	width= 340px !important;
	border-radius= 20px !important;
	background-image: linear-gradient(to right, #FFFFFF1A, #FEFEFE1A);
    background-color: #F1F1F1;
}
.contact-form-on-contact-page .pre-footer-form select{
	width= 340px !important;
	border-radius= 20px !important;
	background-image: linear-gradient(to right, #FFFFFF1A, #FEFEFE1A);
    background-color: #F1F1F1;
}

.contact-form-on-contact-page .pre-footer-form-placeholder textarea{
	background-image: linear-gradient(to right, #FFFFFF1A, #FEFEFE1A);
    background-color: #F1F1F1;
}
.contact-form-on-contact-page .name-and-email-text{
	color: #131313;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    padding: 9px;
    font-family: 'Neue Plak';
}
.contact-form-on-contact-page .place-holder-box {
	    width:50%;
	    border-radius: 10px!important;
}
.contact-form-on-contact-page .place-holder-box input{
	border-radius: 10px;
} 
.contact-form-on-contact-page .place-holder-box select{
	border-radius: 10px;
	color:#B8B8B8;
} 
.contact-form-on-contact-page .text-holder-box textarea {
	border-radius: 10px;
	width:100%;
	border: none;
} 
.contact-form-on-contact-page .place-holder-box p{
	margin:0;
}
.contact-form-on-contact-page .pre-footer-section-btn{
	display:flex;
	justify-content:end;
}
.contact-form-on-contact-page .pre-footer-section-btn span{
	display:none;
}
.contact-form-on-contact-page .pre-footer-section-btn input {
	 background-image: linear-gradient(to right,#7310D7, #FF7615);
	 padding: 10px 24px;
	border-radius:8px;
	color:white;
	font-weight:400;
	font-size:16px;
	margin-left:40px;
	border:none;
}

.contact-form-on-contact-page .pre-footer-form, .pre-footer-form{
    display: flex;
    gap: 33px;
    justify-content: space-between;
    padding-bottom: 20px;
}
.contact-form-on-contact-page .select-inquiry{
	color:#131313;
}
.contact-form-on-contact-page .pre-footer-main-section-form input {
	border:none;
}
.contact-form-on-contact-page .pre-footer-main-section-form select{
	border:none;
	height:42px;
}
.contact-form-on-contact-page .upload-file p{
	color:#131313;
	font-size:14px;
	font-weight:400;
	line-height:25px;
	margin:0;
}
@media (max-width: 767px) {
	.contact-form-on-contact-page .pre-footer-form, .pre-footer-form{
    display: block;
    gap: 33px;
    padding:0;		
}
	.contact-form-on-contact-page .place-holder-box {
    width: 100%;
    padding: 0px 0 25px 0;
}
}

/* Contact Page Form End */

/* Footer Start*/
/* General Footer Styles */
.tm-footer {
 background: linear-gradient(
    to right,
    #090C12 0%,
    #0E0D14 44%,
    #181119 67%,
    #1A121B 88%,
    #18111C 100%
  );
/*     background-color: #0d0d0d; */
    color: #ffffff;
    font-family: 'Segoe UI', sans-serif;
    padding-bottom: 2rem;
}

/* Headings */
.tm-footer h5, .tm-footer h6 {
    color: #ffffff;
    text-align: start;
    font-family: 'Neue Plak';
    font-weight: 500;
    font-size: 16px;
	padding: 0 0 10px 0;
	margin: 0;
}
.border-top{
	border-top: 1px solid #414141 !important;
}
/* Paragraphs & Lists */
.tm-footer p, .tm-footer li, .tm-footer a {
    color: #cccccc;
    text-decoration: none;
    padding: 0 0 12px 0;
    font-family: 'Neue Plak';
    font-weight: 400;
    font-size: 14px;
	margin: 0px !important;
}
p.small {
    font-family: 'Neue Plak';
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}
.tm-footer a:hover {
    color: #ffffff;
    text-decoration: underline;
}



/* Logo */
.tm-footer img.footer-logo {
    max-width: 160px;
    margin-bottom: 1rem;
}

/* List Unstyled */
.tm-footer ul {
    padding-left: 0;
    list-style: none;
}

/* Newsletter */
.newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.newsletter-form input[type="email"] {
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 4px;
    width: 100%;
    background-color: #ffffff;
    color: #000;
}

.newsletter-form input[type="email"]::placeholder {
    color: #888;
}

.newsletter-form button {
    background: linear-gradient(to right, #A020F0, #FFA500);
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    font-weight: 600;
    border-radius: 4px;
    transition: background 0.3s ease-in-out;
}

.newsletter-form button:hover {
    background: linear-gradient(to right, #FFA500, #A020F0);
    color: #fff;
}

/* Social Icons */
.social-icons {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.social-icons img {
    width: 28px;
    height: 28px;
    transition: transform 0.3s;
}

.social-icons img:hover {
    transform: scale(1.1);
}

/* Footer Bottom */
.footer-bottom {
    text-align: center;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #333;
    font-size: 0.85rem;
}

.footer-bottom a {
    color: #ffffff;
    text-decoration: underline;
}

.footer-bottom a:hover {
    text-decoration: none;
}
.custom-padding-footer-top {
    padding: 60px 0 0 0;
}
.foter-border-top {
    border-top: 2px solid #152142;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
/* Responsive spacing */
@media (max-width: 768px) {
    .tm-footer h5 {
        margin-top: 2rem;
    }
	.custom-padding-footer-top {
    padding: 60px 10px 0 10px;
}
	
	.navbar_link-title-wrapper {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    width: 100%;
}
}

/* Footer End */

.custom-gradient-btn .elementor-button{
	background-image: linear-gradient(to right, #7310D7, #FF7615, #7310D7, #FF7615);
	background-size: 300% 100%;
	
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.custom-gradient-btn .elementor-button:hover {
	background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.trusted-quality-security{
	background: linear-gradient(0deg, #09000c, #290a34) !important;
}


.it-services-process-item{
	transform: none;
    position: relative;
	transition: transform 0.3s ease;
	z-index: 2;
}

.it-services-process-item.sticky-active {
            position: sticky;
            top: 120px;
            z-index: 1;
			width: 95%;
			filter: blur(8px);
			opacity: 0.5;
        }

.my-sticky-box{
	position: sticky;
	top: 120px !important;
}

.featured-projects-card{
	transform: none;
    position: relative;
	transition: transform 0.3s ease;
	z-index: 2;
}

.featured-projects-card.sticky-active {
            position: sticky;
            top: 120px;
            z-index: 1;
			width: 95%;
			filter: blur(8px);
			opacity: 0.5;
        }

.featured-projects-content{
	height: max-content;
	position: sticky;
	top: 120px !important;
}

.navbar_link-title-wrapper {
	display: flex;
	gap: 4px;
}

		.navbar_link-titles-content {
            position: relative;
            display: inline-block;
            overflow: hidden;
        }

        .navbar_link-titles-content span {
            display: block;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .text-top {
            transform: translateY(0);
            opacity: 1;
        }

        .text-bottom {
            color: #FF7615;
            position: absolute;
            top: 0;
            left: 0;
            transform: translateY(100%);
            opacity: 0;
        }

        .nav-arrow {
            font-size: 14px;
            transition: transform 0.3s ease, color 0.3s ease;
			transform: rotate(-90deg);
			font-size: 20px;
        }

		.navbar_link-title-wrapper:hover .text-top {
            transform: translateY(-100%);
            opacity: 0;
        }

        .navbar_link-title-wrapper:hover .text-bottom {
            transform: translateY(0);
            opacity: 1;
        }

        .navbar_link-title-wrapper:hover .nav-arrow {
            color: #FF7615;
        }
@media (max-width: 768px){
	.navbar_link-title-wrapper {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    width: 100%;
}
	
	.navbars .menu-item{
		width: 100%;
	}
	.quick-header-name{
		padding-top: 16px;
	}
}