/*
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.4.6.1769450176
Updated: 2026-01-26 17:56:16

*/
html,body{
	overflow-x: hidden;
}
.btnbg a:hover {
    background: linear-gradient(135deg, #0B2C7E 0%, #2D7ACC 40%, #39DCEC 75%, #BED8EC 100%) !important;
}
/*Header*/
.headmenu .ekit-menu-nav-link:hover::after, .headmenu .ekit-menu-nav-link:focus::after, .headmenu .current-menu-item > .ekit-menu-nav-link::after {
    transform: scaleX(1);
}
.headmenu .ekit-menu-nav-link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
/*     background: linear-gradient(135deg, #0B2C7E 0%, #2D7ACC 40%, #39DCEC 75%, #BED8EC 100%); */
	background: linear-gradient(135deg, #0B2C7E 0%, #39DCEC 100%);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}
.headmenu .elementskit-menu-offcanvas-elements {
padding-bottom: 0px !important;
}
.headmenu .elementskit-menu-overlay{
	position: unset !important;
	display: unset !important;
}
.headmenu .elementskit-menu-close{
	border-radius: 0px !important;
}
/*header ends*/
/*Footer*/
.footarrow-list .elementor-icon-box-wrapper {
    display: inline-flex !important;
}
.footarrow-list .elementor-icon-box-icon {
    display: none !important;
}
.footarrow-list .elementor-icon-box-wrapper:hover .elementor-icon-box-icon {
    display: block !important;
}
/* Banner text animation*/
.word-rotator {
  display: inline-block;
  position: relative;
  width: 100%;
}
.word {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  white-space: normal; /* allow wrapping */
}
.chunk {
  display: inline-block;
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px;
}
.chunk.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.chunk.behind {
  transform: rotateX(-90deg);
}
.chunk.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.txtcolor {
  color: #ffffff;
  font-size: 72px;
  line-height: 80px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
/*marquee*/
.marquee {
  width: 100%;
  overflow: hidden;
/*   background: #ffffff; */
/*   padding: 40px 0; */
}
.marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 120s linear infinite;
}

.item {
  display: flex;
  align-items: center;
  font-size: 60px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  margin-right: 60px;
  transition: color 0.3s ease;
}

.item:hover {
  color: #0C2A74;
}

.dot {
  width: 8px;
  height: 8px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  margin-left: 60px;
}
.marquee {
  position: relative;
  overflow: hidden;
}

/* Edge blur / fade */
.marquee::before,
.marquee::after {
  content: "";
  position: absolute;
  top: 0;
  width: 140px;          /* fade width */
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

/* Left fade */
.marquee::before {
  left: 0;
  background: linear-gradient(
    to right,
    #ffffff 0%,
    rgba(255, 255, 255, 0.9) 30%,
    rgba(255, 255, 255, 0) 100%
  );
}

/* Right fade */
.marquee::after {
  right: 0;
  background: linear-gradient(
    to left,
    #ffffff 0%,
    rgba(255, 255, 255, 0.9) 30%,
    rgba(255, 255, 255, 0) 100%
  );
}
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.svg-icon path {
    fill: #0C2A74;
}
.solu-box:hover span, .solu-box:hover p, .solu-box:hover path {
    color: #ffff !important;
    fill: #ffff !important;
}
.solu-box:hover .serv-btns {
    background-color: #1a1a1a33 !important;
}
.growthbg {
    filter: grayscale(90%);
}
.growthbg:hover {
    filter: unset !important;
}
.process-line .elementor-divider-separator {
    border-image: linear-gradient(135deg, #0C2A74, #42E1F1) 1;
}
.process-nos:hover {
    transform: translateY(-8px);
    border-image: linear-gradient(135deg, #0C2A74, #42E1F1) 1 !important;
    border: 2px solid;
}
.process-nos:hover, .hoverborder:hover {
    transform: translateY(-8px);
    border-image: linear-gradient(135deg, #0C2A74, #42E1F1) 1 !important;
    border: 1px solid;
}
.testi-slider path {
    stroke: none !important;
}
.testi-slider img {
    border-radius: 0px !important;
	width:100%;
	height:70px;
	object-fit: contain;
}
.testi-slider .elementskit-single-testimonial-slider:hover {
    transform: translateY(-8px);
    border-image: linear-gradient(135deg, #0C2A74, #42E1F1) 1 !important;
    border: 2px solid;
    box-shadow: none !important;
}
.testi-slider .swiper-wrapper {
    margin: 10px;
}
.testi-slider .swiper-navigation-button path {
    fill: #0C2A74;
}
/*animated Heading*/
.typing-heading {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size:52px;
  line-height: 60px;
  color: #ffff;
}

/* This line should behave like a normal block */
.typing-animation {
  display: block;
  position: relative;
  margin-top: 10px; /* space between lines */
  min-height: 1.2em; /* reserves space so layout doesn’t collapse */
}

/* Invisible text to hold height */
.typing-animation .line2-placeholder {
  visibility: hidden;
  white-space: nowrap;
}

/* Animated text sits on top of placeholder */
.typing-animation .typed-text {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.valuebox .elementor-image-box-img {
    padding: 10px;
    border-radius: 50%;
    background-image: linear-gradient(135deg, #0B2C7E 0%, #39DCEC 100%);
}
.ourjourney .elementor-image-box-img {
    padding: 10px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #2D7ACC;
    border-radius: 0px 0px 0px 0px;
    background: #39DCEC;
	background: linear-gradient(135deg, #0B2C7E 0%, #2D7ACC 50%, #39DCEC 85%, #BED8EC 100%);
}
.ourjourney .elementor-image-box-content {
    padding: 20px;
    border-image: linear-gradient(135deg, #0c2a7426, #42e1f14a) 1 !important;
    border: 1px solid;
}
.ourjourney img {
    filter: brightness(0) invert(1);
}
/* Parent container */
.teamimg {
    position: relative;
    overflow: hidden;
}

/* Social icons hidden initially */
.teamimg .team-social {
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.4s ease;
}

/* Show on hover of whole card */
.teamimg:hover .team-social {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.scroll-image {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}
.singletesti .elementskit-single-testimonial-slider:hover {
    transform: translateY(-8px);
    border-image: unset !important;
    border: 0px !important;
    box-shadow: none !important;
}
.singletesti img{
	object-fit: contain;
}
.singletesti path {
    stroke: none !important;
}
@media(max-width:767px){
.txtcolor {
  font-size: 34px;
  line-height: 42px;
}
/*header*/
.headmenu .elementskit-navbar-nav-default .elementskit-navbar-nav>li>a {
    display: inline-block !important;
}
/*footer*/
.footarrow-list .elementor-icon-box-wrapper {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
}
.footarrow-list .elementor-icon-box-wrapper:hover .elementor-icon-box-icon{
	line-height: unset !important;
}
.word-rotator {
height: 90px !important;
}
}
@media(min-width:768px) and (max-width:1024px){
	.txtcolor {
  font-size: 40px;
  line-height: 48px;
}
.word-rotator {
height: 90px !important;
}
}