/*
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.4.1760513437
Updated: 2025-10-15 07:30:37

*/

body h1 {
  background: linear-gradient(180deg,rgba(255, 255, 255, 1) 80%, rgba(153, 153, 202, 0.78) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body h2 {
  background: linear-gradient(120deg, #FFFFFF 20%, #CACACA 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home-hero h1 .word-rotate {position: relative;width: 100%; height: 1.2em; overflow: hidden;}
.home-hero h1 .word-rotate span {position: absolute;
  left: 0;top: -5px;opacity: 0;background: linear-gradient(90deg, #37EDAA 0%, #C6DFFF 55%, #4598E9 98%);
  -webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: wordSlide 6s infinite ease-in-out;white-space: nowrap;}
.home-hero h1 .word-rotate span:nth-child(1) { animation-delay: 0s; }
.home-hero h1 .word-rotate span:nth-child(2) { animation-delay: 3s; }

#typewriter {
  border-right: 3px solid #34FF9D;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  min-width: 1ch;
  animation: blink 0.7s infinite;
background: linear-gradient(90deg, #37EDAA 0%, #C6DFFF 55%, #4598E9 98%);
  -webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

@keyframes blink {
  50% { border-color: transparent; }
}

@keyframes wordSlide {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  5% {
    opacity: 1;
    transform: translateX(0);
  }
  25% {
    opacity: 1;
    transform: translateX(0);
  }
  30% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}


.home-logo-row
{
	background: linear-gradient(150deg,rgba(123, 208, 203, 1) 0%, rgba(235, 242, 192, 1) 31%, rgba(173, 202, 229, 1) 65%, rgba(196, 196, 196, 1) 100%);
}
.home-logo-row figure.swiper-slide-inner {
    max-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-logo-row img.swiper-slide-image {
    max-height: 58px;
}
.elementor-button {z-index: 1;position: relative;}
.elementor-button:before {
	content:'';
    position: absolute;
    inset: 0;
    padding: 3px;
    background: linear-gradient(180deg, #C6DFFF 0%, #34FF9D 43%, #4598e900 91%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    border-radius: 50px;
	transition: background 2s ease, box-shadow 0.6s ease, transform 2s ease;
}
	
.elementor-button:hover:before{
	 background: linear-gradient(90deg, #C6DFFF 0%, #34FF9D 43%, #4598e900 91%);
}

.home-video .elementor-custom-embed-play svg {
    display: none;
}
.home-video .elementor-custom-embed-play {
    height: 100px;
    width: 100px;
    border: 3px solid;
	border-radius:46px;    
	display: flex;
    align-items: center;
    justify-content: center;
	backdrop-filter: blur(43px);
	position: relative;
  transition: transform 0.4s ease;
  animation: pulseGlow 1.2s infinite;
}
.home-video .elementor-custom-embed-play:before {
    content: '';
    background-image: url(https://slategrey-rail-952294.hostingersite.com/wp-content/uploads/2025/10/cubi-play.png);
    height: 28px;
    width: 22px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
/* pulse + glow animation */
@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(52, 255, 157, 0.5);
  }
  70% {
    box-shadow: 0 0 20px 15px rgba(52, 255, 157, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(52, 255, 157, 0);
  }
}

.home-accordian summary.e-n-accordion-item-title .e-n-accordion-item-title-text img {
    width: 65px;
}
.home-accordian summary.e-n-accordion-item-title .e-n-accordion-item-title-text {
    display: flex;
    gap: 30px;
}
.home-accordian summary.e-n-accordion-item-title .e-n-accordion-item-title-text div {
    background: linear-gradient(120deg, #D9D9D9 0%, #737373 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-accordian summary.e-n-accordion-item-title .e-n-accordion-item-title-text div span {
    display: block;
    font-size: 16px;
    color: #7F7F7F;
    background: none;
    -webkit-background-clip: none;
    -webkit-text-fill-color: none;
    line-height: 1.8;
    max-width: 665px;
    padding-top: 10px;
}
.home-accordian summary.e-n-accordion-item-title {
    background: #000;
   justify-content: space-between;
	transition:0.5s;
}
.home-accordian details[open] summary.e-n-accordion-item-title .e-n-accordion-item-title-text div {
    background: linear-gradient(120deg, #000000 0%, #000000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
}
.home-accordian details[open] summary.e-n-accordion-item-title .e-n-accordion-item-title-text img {
    filter: brightness(0);
}
.home-accordian summary.e-n-accordion-item-title:focus {
    outline: 0;
}
.home-accordian details[open] summary.e-n-accordion-item-title {
    background-image: linear-gradient(180deg, #37EDAA 100%, #4598e900 100%);
    border-bottom: 0 !important;
    border-radius: 15px 15px 0 0;
	box-shadow: none !important;
}

.home-accordian details[open] > div[role="region"] {
    
}
.home-accordian summary.e-n-accordion-item-title:hover {
    box-shadow: 0px 0px 18px 1px #37EBA9;
}
.home-accordian span.e-n-accordion-item-title-icon span.e-opened {
    display: none !important;
}
.home-accordian details span.e-n-accordion-item-title-icon span.e-closed
{
	transition:0.6s;
}
.home-accordian details[open] span.e-n-accordion-item-title-icon span.e-closed {
    display: flex !important;
    transform: rotate(-120deg);
	filter: brightness(0);
}
.home-brand-box
{
	position:relative;
	z-index: 1;
	 max-height: 380px;
}
.home-brand-box > img {
    height: 100% !important;
    
}

.home-brand-box::before {
    content: '';
    position: absolute;
    inset: 0px;
    padding: 2px;
    border-radius: 24px;
    background: linear-gradient(
43deg, #2B2B2B, #929292);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
}

.home-portfolio figcaption.elementor-image-carousel-caption span.counter {
    background: #37EDAA;
    color: #000000;
    padding: 20px;
    border-radius: 100%;
    width: 65px;
    height: 65px;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 205px;
}
.home-portfolio figcaption.elementor-image-carousel-caption span.counter:after {
    content: '';
    background-image: url(https://slategrey-rail-952294.hostingersite.com/wp-content/uploads/2025/10/portfolio-arrow.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 175px;
    height: 10px;
    position: absolute;
    left: 85px;
}
.home-portfolio figcaption.elementor-image-carousel-caption span.title {
    background: linear-gradient(93deg, #FFFFFF 0%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	display:inline-block;
	max-width:400px;
}
.home-portfolio figcaption.elementor-image-carousel-caption {
	display:flex;align-items:center;gap:20px;
}

.blog-category-name a.elementor-post-info__terms-list-item {
    border: 1px solid rgb(237 237 237 / 20%);
    font-weight: 300;
    padding: 8px 12px;
    border-radius: 50px;
    backdrop-filter: blur(40px);
    display: block !important;
    line-height: 1;
}

.team-tabs .e-n-tab-title-text {
    display: block !important;
}
.team-tabs .e-n-tab-title-text span {
    display: block;
    font-weight: 300;
    font-size: 14px;
}

div#off-canvas-a903fcc .e-off-canvas__content
{
	
}

/* width */
div#off-canvas-a903fcc .e-off-canvas__content::-webkit-scrollbar {
  width: 8px;
}

/* Track */
div#off-canvas-a903fcc .e-off-canvas__content::-webkit-scrollbar-track {
  border-radius: 10px;
}
 
/* Handle */
div#off-canvas-a903fcc .e-off-canvas__content::-webkit-scrollbar-thumb {
    background: #37edaa;
  border-radius: 10px;
}

.hover-box-arrow:hover {
    background: black !important;
}
.hover-box-arrow:hover figure.elementor-image-box-img img {
    transform: rotate(35deg) !IMPORTANT;
}
.elementor-kit-6 a {
    font-size: inherit !important;
}
.elementor-image-box-content ul {
    padding-left: 20px;
}
@media(max-width: 1366px)
{
	.elementor-widget-image-box .elementor-image-box-description {
    font-size: 13px !IMPORTANT;
}
	a.elementor-button {
    font-size: 13px !IMPORTANT;
    padding: 18px 40px !IMPORTANT;
}
	.elementor-image-box-content ul li {
    font-size: 13px;
}
}

/*.banner-heading h1 {display: flex;flex-wrap: wrap;}
.word-rotate {position: relative;width: 100%; height: 1.2em; overflow: hidden;}

.word-rotate span {position: absolute;
  left: 0;top: -5px;opacity: 0;background: linear-gradient(90deg, #37EDAA, #C6DFFF, #4598E9);background-size: 200% 200%;
  -webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: wordSlide 6s infinite ease-in-out;white-space: nowrap;}

.word-rotate span:nth-child(1) { animation-delay: 0s; }
.word-rotate span:nth-child(2) { animation-delay: 3s; }

@keyframes wordSlide {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  5% {
    opacity: 1;
    transform: translateX(0);
  }
  25% {
    opacity: 1;
    transform: translateX(0);
  }
  30% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}


.gradient-heading h1 {
    background: linear-gradient(180deg, #FFFFFF, #9999CA);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-heading h2
{
	
}

.main-heading{
    background: linear-gradient(
180deg, #D9D9D9, #737373);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


@media (min-width: 769px) {
  
	
	.custom-slider .elementor-swiper-button-prev:before {
    content: 'Prev';
    color: #6A6A6A;
    font-size: 13.7px;
    font-weight: 300;
    left: 45px;
    position: relative;
    top: 0;
}

.custom-slider .elementor-swiper-button-prev svg {
    position: relative;
    left: -10px;
}

.custom-slider .elementor-swiper-button {
    width: 100px;
    height: 100px;
    border: 1px solid;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 100px;
}

.custom-slider .elementor-swiper-button-next {
    justify-content: center;
}

.custom-slider .elementor-swiper-button-next:before {
    content: 'Next';
    color: #6A6A6A;
    font-size: 13.7px;
    font-weight: 300;
    left: 0px;
    position: relative;
    top: -1px;
}




.custom-slider figcaption {
  counter-reset: step; 
}


.custom-slider figcaption {
  counter-increment: step;
  position: relative;
    padding-right: 15%;
    background: linear-gradient(180deg, #FFFFFF, #9999CA);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.custom-slider {
  counter-reset: section 0; 
}


.custom-slider .swiper-slide:not(.swiper-slide-duplicate) {
  counter-increment: section;
}


.custom-slider figcaption::before {
  content: counter(section, decimal-leading-zero);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #37EDAA;
  color: #0B0B0B;
  font-size: 25px;
  position: relative;
  left: -25%;
  -webkit-text-fill-color: black;
}


.custom-slider .swiper-slide {
  position: relative;
  display: inline-block;
}


.custom-slider .swiper-slide::after {
  content: "";
  position: absolute;
  bottom: 5.5%;
  left: 18%; 
  transform: translateY(-50%);
  width: 170px;             
  height: 2px;              
  background-color: #FFF; 
}

.custom-slider .swiper-slide::before {
  content: "";
  position: absolute;
  bottom: 4.4%;
  left: 33.7%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-right: 2px solid #FFF;
  border-top: 2px solid #FFF;
}

	
	
}




@media (max-width:768px){
	
.accord-container {
    flex-direction: column;
}	
	
.custom-accordian .ue_title h3 {
    font-size: 24px;
    max-width: 100%;
}
	
	.custom-accordian .ue_title p {
    font-size: 13px;
    max-width: 90%;
}
	
.custom-accordian .uc-item-active .ue_title p {
    font-size: 13px;
    max-width: 95%;
}	
	
.accord-content {
    padding: 0;
}
	
.accord-img {
    margin: -20px 0 0;
    text-align: center;
}

.accord-img img {
    width: 70%;
}	
	
.team-tabs .elementor-image-box-img {
    text-align: center;
}

	.team-tabs .elementor-image-box-img img {
    margin:-30px 0 0;
    top: 0;
		width: 75%;
    display: inline-block;
}

.team-tabs .sarim-box .elementor-image-box-img img {
    padding: 20px;
}
	
}*/