/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* Star Animation */
.g-star svg {
  display: block;
  transform-origin: 50% 50%;
  animation: star-twinkle-smooth 3.8s infinite ease-in-out;
  will-change: opacity, transform, filter;
}

@keyframes star-twinkle-smooth {
  0%   { opacity: 0.85; transform: scale(1) rotate(0deg); filter: drop-shadow(0 0 0px rgba(255,255,210,0)); }
  25%  { opacity: 1;    transform: scale(1.05) rotate(-0.3deg); filter: drop-shadow(0 0 10px rgba(255,230,160,0.35)); }
  50%  { opacity: 0.75; transform: scale(0.97) rotate(0.2deg);  filter: drop-shadow(0 0 4px rgba(255,230,160,0.18)); }
  75%  { opacity: 1;    transform: scale(1.03) rotate(-0.2deg); filter: drop-shadow(0 0 12px rgba(255,230,160,0.4)); }
  100% { opacity: 0.85; transform: scale(1) rotate(0deg);       filter: drop-shadow(0 0 0px rgba(255,255,210,0)); }
}

.dbr-hide{display:none;}
/*Madushan's Custom CSS starts Here, The Greatest WP Developer That Ever Lived*/
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
	text-decoration: unset;
}
#colophon{
	display:none;
}
p,entry-content p {
	margin-bottom: 0 !important;
	line-height: unset;
}
.paramc{
	margin-bottom:20px;
}
.footer-btn a {
  height: 68px !important;
  width: 260px !important;
}
.header-glow img {
  animation: glow-pulse 4s ease-in-out infinite; /* slower pulse */
  transform-origin: 50% 50%; /* scale from center */
}

/* Grow & shrink effect */
@keyframes glow-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.09); /* slight growth for subtle effect */
  }
}
.os-svg-ico .elementor-icon-wrapper {
	height: 24px;
}
.custom-scroll-wrapper {
	position: absolute;
	left: 0;
	top: 3px;
	width: 3px;
	height: 491px;
	background: rgb(16, 16, 16);
	border-radius: 3px;
}
.custom-scrollbar {
	width: 100%;
	background: #C10FFF;
	border-radius: 100px;
	height: 72px !important;
	position: relative;
	cursor: pointer;
}
.scroll-nav-container {
    position: relative; /* so pseudo-element can sit inside */
    justify-content: flex-start;
    height: 491px;
    overflow-y: scroll;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

/* Home page Styles Starts */
/* .client-logo {
	border-radius: 10px;
}
.client-logo img {
    filter: brightness(0) invert(1);
    transition: filter 0.7s ease-in-out;
}
.client-logo {transition: background-color 0.7s ease-in-out;}
.client-logo:hover img {filter: unset;}
.client-logo:hover { background-color: #fff;} */

/* Elementor container with logos */
.logo-grid {
    overflow: hidden;
    max-height: 222px; /* initial visible height */
    transition: max-height 0.7s ease;
}
.logo-grid.expanded {
    max-height: 2000px; /* large enough to show all logos */
}
/* Optional: View More button styling */
#logo-view-more:hover {
  background-color: #710183;
  border: 2px solid #710183;
}
#logo-view-more {
  cursor: pointer;
  color: #fff;
  transition: opacity 0.3s ease;
  font-family: "Montserrat", Sans-serif;
  font-weight: 600;
  border-radius: 50px 50px 50px 50px;
  width: 158px;
  margin: 0 auto;
  padding: 8px 0;
  font-size: 14px;
  border: 2px solid #fff;
}
#logo-view-more a {
	padding: 0;
}
.client-logo {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    transition: background-color 1.8s ease-in-out;
}
.client-logo img {
    filter: brightness(0) invert(1);
    transition: filter 0.7s ease-in-out;
}
.client-logo:hover img {
    filter: unset;
}

.client-logo:hover {
  background-color: #fff;
}
.color-new:hover {
	background-color: #002d68;
}
/* Shine effect only on hover */
.client-logo::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255, 255, 255, 0.6),
        transparent
    );
    opacity: 0;
    transition: opacity 0.3s ease;
}

.client-logo:hover::after {
    left: 100%;
    opacity: 1;
    transition: left 0.7s ease, opacity 0.3s ease;
}


.txt-desing-wrap h1{
	position:relative;
}
.txt-desing-wrap h1 .light-block {
	font-size: 30px;
	font-weight: 400;
}
.txt-color-block {
	position: relative;
	padding: 7px 18px;
	z-index: -1;
}
.txt-color-block::after {
	content: '';
	position: absolute;
	background-color: #6D007F;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0;
	z-index: -1;
	border-radius: 16px;
	-moz-transform: skew(-20deg, 0deg);
	-webkit-transform: skew(-20deg, 0deg);
	-o-transform: skew(-20deg, 0deg);
	-ms-transform: skew(-20deg, 0deg);
	transform: skew(-11deg, 0deg);
}
.txt-color-block.sub-tzt-color {
	padding: 4px 0px;
}
.sub-tzt-color::after {
	border-radius: 14px !important;
	content: '';
	left: -2px;
	width: 186px;
}
.service-btn {
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;}
.service-btn h3,
.service-btn .ser-num h3,
.service-btn svg {
  transition: color 0.3s ease-in-out, fill 0.3s ease-in-out;
}

/* Hover effects */
.service-btn:hover h3 {color: #fff !important;}
.service-btn:hover .ser-num h3 { color: #DB00FF !important;}
.service-btn:hover svg { fill: #fff !important;}
.service-btn svg { fill: #A7A7A7 !important;}

/* Target the image when hovering on .block-b */
.block-b:hover .ico-svg img {
  animation-name: elementor-animation-pulse-shrink;
  animation-duration: 0.6s; /* slower for smoothness */
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Smooth pulse shrink effect */
.the-star svg {
  animation: star-pulse 2s ease-in-out infinite;
  transform-origin: 50% 50%; /* scale from center */
}

/* Grow & shrink effect */
@keyframes star-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1); /* grows 20% */
  }
}

/* Apply to the svg container */
.start-one svg {
  display: block;                 /* avoid inline-layout surprises */
  width: 100%;
  height: auto;
  transform-origin: 50% 50%;      /* center for smooth scaling */
  will-change: transform, fill;
  animation: pulseScale 2.4s ease-in-out infinite;
}

/* Animate individual shapes' fill (paths, circles, etc.) */
.start-one svg * {
  animation: colorShift 2.4s ease-in-out infinite;
  /* If you only want certain shapes colored, replace * with e.g. path, circle */
}

/* scale animation (grow -> shrink) */
@keyframes pulseScale {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.08); } /* how big it grows */
  100% { transform: scale(1); }
}

/* fill animation between white and orange */
@keyframes colorShift {
  0%   { fill: #ffffff; }
  50%  { fill: #F5863C; }
  100% { fill: #ffffff; }
}

/* 
How it works */

/* Base container */
.hiw-main-wrapper {
  border: 1px solid #101010;
  transition: border-color 0.4s ease;
  position: relative;      /* for stacking children */
  overflow: hidden;
  height: 558px;           /* fixed height */
}

/* Smooth image resize */
.hiw-main-wrapper .hiw-img-wrap img {
  transition: height 0.6s ease-in-out;
}

/* Shared block styles */
.hiw-hide-cont,
.hiw-hide-cont-2 {
  position: absolute;       /* stack inside wrapper */
  left: 0;
  top: 62px;
  width: 100%;
  height: 96px;             /* fill wrapper */
  transition: all 0.6s ease-in-out;
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
}
.hiw-hide-cont {overflow:hidden;}

/* Show the first block by default */
.hiw-hide-cont {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.txt-color-block.txt-color-block-5 {
	padding: 2.5px 7px;
}
.txt-color-block-5::after {
	content: '';
	border-radius: 8.5px !important;
}
/* Hover states */
.hiw-main-wrapper:hover {
  border-color: #fff;
}

.hiw-main-wrapper:hover .hiw-img-wrap img {
  height: 200px;
}

/* First block: fade + slide out */
.hiw-main-wrapper:hover .hiw-hide-cont {
  opacity: 0;
  transform: translateY(-20px);
  pointer-events: none;
}

/* Second block: fade + slide in */
.hiw-main-wrapper:hover .hiw-hide-cont-2 {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.txt-color-block-6::after {
	border-radius: 8.5px;
	width: 329px;
	display: inline;
	left: unset;
	right: -35px;
}
.txt-color-block.txt-color-block-6 {
	z-index: -1;
	padding: 7px 0px;
}
/* 
Testimonial Style */

.testimonial-card {
    max-width: 680px;
    margin: 0 auto;
    overflow: visible; /* Make overflow visible for centered slides */
}
.testimonial-slide {
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.testimonial-card {
	background: #252525;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.08);
	padding: 30px 30px;
	height: 100%;
	display: block;
	opacity: 0.7;
	margin: 0 10px;
}
.testimonial-img {
	display: flex;
	align-items: center;
	gap: 15px;
}
.testimonial-img img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
}
.testimonial-img {
	margin-bottom: 30px;
}
.slick-slide {
  transition: transform 0.7s ease;
  transform: translateY(0);
}
.slick-slide {
  transition: transform 0.7s ease;
  transform: translateY(0);
}

.slick-center {
  transform: translateY(-40px);
}
.testimonial-img::after {
	content: '';
	width: 40px;
	height: 35px;
	background-image: url(https://cloudmarc.tecdev2.com/wp-content/uploads/2025/09/Vector.svg);
	position: absolute;
	right: 40px;
	background-size: contain;
	background-repeat: no-repeat;
}
.slick-current .testimonial-card{
	    opacity:1 !important;
}
.testimonial-text {
	font-size: 16px;
	font-style: italic;
	margin-bottom: 15px;
	flex-grow: 1;
	line-height: 25px;
	color: #fff;
}
.testimonial-name {
	font-weight: 600;
	font-size: 18px;
	font-family: "Archivo", Sans-serif;
	margin-bottom: 8px;
	color: #fff;
	line-height: 18px;
}
.testimonial-position {
	font-size: 14px;
	color: #DDDDDD;
	font-family: "Archivo", Sans-serif;
	font-weight: 200;
	margin-bottom: 0;
	line-height: 18px;
}
.txt-color-block.txt-color-block-7 {
	padding: 7px 14px;
	margin-right: 10px;
}
.txt-color-block-7::after {
	border-radius: 8px;
}
.nav-con {
	width: 136px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -55px;
}
.slick-list {
	overflow: visible;
}
/* Position nav container */
.nav-con {
	width: 60px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	display: flex;
	justify-content: space-between;
	height: 60px;
}
/* Style arrows */
.nav-con .slick-prev,
.nav-con .slick-next {
    width: 48px;
    height: 48px;
    border: none;
    background: none;
    cursor: pointer;
}

.nav-con .slick-prev::before,
.nav-con .slick-next::before {
    content: '';
    display: block;
    width: 48px;
    height: 48px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

/* Custom icons */
.nav-con .slick-next::before {
    background-image: url('https://cloudmarc.tecdev2.com/wp-content/uploads/2025/09/Next.svg');
}
.nav-con .slick-prev::before {
    background-image: url('https://cloudmarc.tecdev2.com/wp-content/uploads/2025/09/Previous.svg');
}

/* Home page Styles Ends */

/* TemaTeam Single Page  */
.team-para p {
	margin-bottom: 29px !important;
}
.team-wrap .team-head-shot {
  transition: transform 0.6s ease-in-out;
  display: inline-block; /* ensures transform applies correctly */
}

.team-wrap:hover .team-head-shot {
  transform: scale(1.1); /* grows & rotates slightly */
}

/* Carrres Page */
.team-wrap .team-ho-wrap, .team-wrap .hm-icon {
  height: 0;
  transition: height 0.5s ease; /* smooth animation */
	opacity:0;
}
.team-wrap:hover .team-ho-wrap, .team-wrap:hover .hm-icon  {
  height: 80%;
 opacity:1
}
.p-bottom p {
	margin-bottom: 58px !important;
}
.p-bottom p:last-child {
	margin-bottom: 0px !important;
}
.car-list-sty ul li  {
	padding-top: 18px;
}
.car-list-sty ul li:first-child {
	padding-top:0px;
}
.car-list-sty ul li:last-child {
	padding-bottom: 0px;
	border: none;
	margin-bottom: 0;
}
.car-list-sty ul li {
	padding-top: 0;
	padding-bottom: 0;
	list-style: none;
	padding-left: 70px;
	position: relative;
	line-height: 25px;
	margin-bottom: 14px;
}
.car-list-sty p {
	padding-left: 23px;
}
.ff_upload_btn.ff-btn::after {
	content: '';
	width: 300px;
	height: 44px;
	position: absolute;
	background-image: url('https://cloudmarc.tecdev2.com/wp-content/uploads/2025/09/Text-and-supporting-text.svg');
	left: 50%;
	top: 70px;
	background-repeat: no-repeat;
	background-size: contain;
	transform: translateX(-50%);
}
.ff_upload_btn.ff-btn::before {
	content: '';
	width: 44px;
	height: 44px;
	position: absolute;
	background-image: url('https://cloudmarc.tecdev2.com/wp-content/uploads/2025/09/Icon-frame1.svg');
	left: 50%;
	top: 15px;
	background-repeat: no-repeat;
	background-size: contain;
	transform: translateX(-50%);
}
.ff_upload_btn.ff-btn {
	border: 2px solid #9f9f9f !important;
	border-style: dashed !important;
	position: relative;
	font-size: 0;
	background-color: #1c1c1c !important;
}
.fluentform .ff-el-form-control::placeholder {
	color: #ffffff91;
	opacity: 1;
	font-size: 14px;
}
.car-list-sty ul li::before {
	content: '';
	width: 19px;
	height: 19px;
	background-image: url('https://cloudmarc.tecdev2.com/wp-content/uploads/2025/09/Checkmark.png');
	position: absolute;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
	top: 0;
}
.car-list-sty ul {
	margin-bottom: 0;
	margin-left: 20px;
}
.ff-el-input--label.asterisk-right {
	display: none;
}
.car-h-block {
  transition: all 0.4s ease-in-out;
}

.car-h-block:hover {
  transform: scale(1.02); /* pop effect */
  box-shadow: 
    0 0 15px rgba(193, 15, 255, 0.6),   /* soft close glow */
    0 0 40px rgba(193, 15, 255, 0.4),   /* medium glow */
    0 0 80px rgba(193, 15, 255, 0.2);   /* far light spread */
}

/* Contact Us Page */

.list-contact ul li span {
	border: 2px solid #710183;
	padding: 7px 11px;
	border-radius: 50px;
	  transition: all 0.6s ease-in-out;
}

/* Services Page */

.mc-grow {
  transition: transform 0.7s ease, box-shadow 0.7s ease;
}

.mc-grow:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 20px rgba(193, 15, 255, 0.4);
}
.txt-color-block.txt-color-block9 {
	padding: 4px 10px;
}
.txt-color-block9::after {
	border-radius: 8px;
}
.included-servises ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	max-width: 1153px;
}
.included-servises ul li {
	display: inline-flex;
	align-items: center;
	margin-right: 24px;
	background-color: #2B2B2B;
	padding: 19px;
	border-radius: 15px;
	margin-bottom: 28px;
}
.included-servises ul li::before {
	content: '';
	background-image: url('https://cloudmarc.tecdev2.com/wp-content/uploads/2025/09/Checkmark1.png');
	position: relative;
	width: 25px;
	height: 25px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 20px;
}
.included-ser-pink ul {width: 100%;}
.included-ser-pink ul li {
	margin-bottom: 20px;
	margin-right: 20px;
	background-color: #710183;
}
.navigation.post-navigation {display: none;}
.capa-wrapper {transition: background-color 0.4s ease, transform 0.4s ease;}
.capa-wrapper:hover {
 transform: scale(1.02);
 border: 1px solid #6d007f;
}

/*About US */
.capa-wrapper { padding: 15px; }
.capa-wrapper h3 { font-size: 19px !important; }

/* Footer */
.rex-red .elementor-icon-list-items {margin: 0;}
.rex-red .elementor-icon-list-items .elementor-icon-list-item {list-style: none;}

/* Mobile Resposive starts Here */

@media (max-width: 767px) {
.dbr-hide{display:block;}	
/* Home Page */
.txt-color-block::after {border-radius: 10px;}	
.txt-color-block {padding: 3px 14px;}	
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	margin-top: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	transform-origin: top;
	transition: max-height .3s,transform .3s;}
.rex-red .elementor-icon-list-text {
	width: 100%;
	text-align: center;}	
.footer-btn a {
	height: 100% !important;
	width: 100% !important;}
.mbr-hide{display:none;}
.list-contact .elementor-icon-list-item.elementor-inline-item {
	margin-bottom: 8px;
	width: 45%;}
.list-contact .elementor-icon-list-item.elementor-inline-item .elementor-icon-list-text {width: 100%;}	
.p-bottom p {margin-bottom: 28px !important;}	
.car-list-sty ul {
	margin-bottom: 0;
	margin-left: 0;
}	
.car-list-sty ul li {
	padding-left: 30px;
	line-height: 23px;
	margin-bottom: 14px;
}	
.elementor-icon-list-items {margin: 0;}	
.car-list-sty ul li::before {top: 2px;}	
.txt-desing-wrap h1 .light-block {font-size: 20px;}
.txt-color-block.main-text {line-height: 55px;}
.logo-grid {max-height:294px;}	
.hiw-main-wrapper {height: 455px;}
.txt-color-block-6::after {
	width: 200px;
	right: -14px;
	height: 41px;
	top: 0;
}	
.testimonial-card {
	background: #252525;
	padding: 30px 15px;
	margin: 0 10px;
    max-width:100%;
}
.testimonial-name {
	font-size: 16px;}	
.testimonial-img img {
	width: 60px;
	height: 60px;
}	
.testimonial-img::after {
	content: '';
	width: 25px;
	height: 20px;
	right: 27px;
	top: 32px;
}
.testimonial-text {
	font-size: 14px;
}	
/* Services Page */
.included-servises ul li {
	margin-bottom: 12px;
	width: 100%;
	margin-right: 0;
	padding: 12px;
}	
.included-servises ul li::before {
	content: '';
	width: 32px;
	height: 20px;
	margin-right: 5px;
}	
.sub-tzt-color::after {border-radius: 10px !important;}	
.scroll-nav-container {
	height: 100%;
	overflow-y: visible;
}	
.hiw-main-wrapper:hover .hiw-img-wrap img {
	height: 140px;
}
.testimonial-position {
	font-size: 13px;
	line-height: 15px;
}
.hiw-hide-cont, .hiw-hide-cont-2 {height: 122px;}	
.hiw-hide-cont { overflow: visible;}	
	
/* Career Single Page */
.ff_upload_btn.ff-btn::before {
	left: 50%;
	transform: translateX(-50%);
}	
.ff_upload_btn.ff-btn::after {
	content: '';
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	max-width: 300px;
}	
.capa-wrapper h3 {
	font-size: 14px !important;
	text-align: center !important;
	line-height: 16px !important;
}	
.capa-wrapper {
	padding: 10px;
}
/* last-line of defacne*/}