@import url('../fonts/stylesheet.css');
 :root {
	 --neon-green: #A1EA43;
	 --dark-bg: #000000;
}
 * {
	 margin: 0;
	 padding: 0;
	 box-sizing: border-box;
}
 body {
	 color: #ffffff;
	 overflow-x: hidden;
	 font-family: 'Diagramm';
	 font-weight: 300;
	 font-style: normal;
}
 .fw-200 {
	 font-weight: 200;
}
 .fw-300 {
	 font-weight: 300;
}
 .fw-200 {
	 font-weight: 200;
}
 .fw-600 {
	 font-weight: 600;
}
 .fw-700 {
	 font-weight: 700;
}
 .fw-800 {
	 font-weight: 800;
}
 .fw-900 {
	 font-weight: 900;
}
 .bg-1{
	background-color:var(--neon-green) !important;
}
 .my-100{
	margin-top: 80px;
	 margin-bottom: 80px;
}
/* Navbar Styles */
 .navbar {
	 padding: 1.5rem 3rem;
	 background-color: transparent;
	 position: fixed;
	 width: 100%;
	 z-index: 1000;
	 transition: all 0.3s ease;
}
 .navbar.scrolled {
	 background-color: rgba(0, 0, 0, 0.95);
	 padding: 1rem 3rem;
}
 .logo-text {
	 color: #fff;
	 font-size: 1.5rem;
	 font-weight: bold;
	 text-decoration: none;
}
 .contact-btn {
	 color: #fff;
	 text-decoration: none;
	 margin-right: 2rem;
	 font-size: 1rem;
	 transition: color 0.3s ease;
}
 .contact-btn:hover {
	 color: var(--neon-green);
}
/* Hamburger Menu */
 .hamburger {
	 cursor: pointer;
	 background: none;
	 border: none;
	 padding: 0;
}
 .hamburger span {
	 display: block;
	 width: 30px;
	 height: 2px;
	 background-color: #fff;
	 margin: 6px 0;
	 transition: all 0.3s ease;
}
 .hamburger.active span:nth-child(1) {
	 transform: rotate(45deg) translate(4px, 6px);
}
 .hamburger.active span:nth-child(2) {
	 transform: rotate(-45deg) translate(0px, -2px);
}
/* Full Screen Menu */
 .fullscreen-menu {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100vh;
	 background-color: #000;
	 z-index: 999;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 padding: 0 14%;
	 transform: translateX(-100%);
	 transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
 .fullscreen-menu.active {
	 transform: translateX(0);
}
 .menu-links {
	 list-style: none;
}
 .menu-links li {
	 margin: 1rem 0;
	 opacity: 0;
	 transform: translateX(-50px);
	 transition: all 0.5s ease;
}
 .fullscreen-menu.active .menu-links li {
	 opacity: 1;
	 transform: translateX(0);
}
 .fullscreen-menu.active .menu-links li:nth-child(1) {
	 transition-delay: 0.1s;
}
 .fullscreen-menu.active .menu-links li:nth-child(2) {
	 transition-delay: 0.2s;
}
 .fullscreen-menu.active .menu-links li:nth-child(3) {
	 transition-delay: 0.3s;
}
 .fullscreen-menu.active .menu-links li:nth-child(4) {
	 transition-delay: 0.4s;
}
 .fullscreen-menu.active .menu-links li:nth-child(5) {
	 transition-delay: 0.5s;
}
 .fullscreen-menu.active .menu-links li:nth-child(6) {
	 transition-delay: 0.6s;
}
 .menu-links a {
	 color: #fff;
	 text-decoration: none;
	 font-size: 3rem;
	 font-weight: 600;
	 transition: color 0.3s ease;
}
 .menu-links a:hover {
	 color: var(--neon-green);
}
/* .menu-links .active-link {
	 color: var(--neon-green);
}
 */
 .social-links {
	 display: flex;
	 flex-direction: column;
	 gap: 1rem;
}
 .social-links a {
	 width: 50px;
	 height: 50px;
	 border-radius: 50%;
	 background-color: #fff;
	 color: #000;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 text-decoration: none;
	 transition: all 0.3s ease;
}
 .social-links a:hover {
	 background-color: var(--neon-green);
	 transform: scale(1);
}
 .tech-it-out {
	 position: absolute;
	 bottom: 0rem;
	 left: 50%;
	 transform: translateX(-50%);
	 font-size: 102px;
	 font-weight: bold;
	 background: linear-gradient(to right, #6A4BE7, #6A4BE7);
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	 opacity: 0;
	 transition: opacity 0.5s ease 0.7s;
}
 .fullscreen-menu.active .tech-it-out {
	 opacity: 1;
}
/* Hover effect for shine */
 .tech-it-out:hover {
	 background-position: 100%;
	 cursor: pointer;
	 background: linear-gradient(to right, var(--neon-green), var(--neon-green));
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	 opacity: 0;
}
/* Hover text animation */
 .tech-it-out:hover {
	 background-position: 100%;
	 cursor: pointer;
}
 .tech-it-out:hover .hand-icon {
	 right: 22%;
}
/* Hand icon container */
 .hand-icon {
	 display: inline-block;
	 position: absolute;
	 right: 29%;
	 bottom: 0;
	 width: 100px;
	 height: 100px;
	 transition: all 0.3s ease;
}
/* Default image visible */
 .hand-icon-img {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 transition: opacity 0.3s ease;
}
/* Hover image hidden by default */
 .hand-icon-imghover {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 opacity: 0;
	 transition: opacity 0.3s ease;
}
/* On hover - switch images */
 .tech-it-out:hover .hand-icon-img {
	 opacity: 0;
}
 .tech-it-out:hover .hand-icon-imghover {
	 opacity: 1;
}
/* Optional bounce effect */
 .tech-it-out:hover .hand-icon {
	 animation: bounce 0.6s ease;
}
 @keyframes bounce {
	 0%, 100% {
		 transform: translateY(0);
	}
	 50% {
		 transform: translateY(-10px);
	}
}
/* Hero Section */
 .hero-section {
	 min-height: 100vh;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 text-align: center;
	 padding: 2rem;
	 position: relative;
	 background-color: var(--dark-bg);
}
 .hero-section::after {
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 height: 100%;
	 width: 100%;
	 background: url(../images/banneroverlay.png) no-repeat top center/cover;
	 background-size: cover;
}
 .hero-tagline {
	 font-size: 37px;
	/*! letter-spacing: 0.3rem;
	 */
	 margin-bottom: 0.5rem;
	 opacity: 0;
	 animation: fadeInDown 1s ease forwards;
}
 .hero-title {
	 font-size: 84px;
	 font-weight: bold;
	 color: var(--neon-green);
	 margin-bottom: 0.5rem;
	 opacity: 0;
	 animation: fadeInUp 1s ease forwards 0.3s;
	 min-height: 101px;
}
 .hero-description {
	 font-size: 24px;
	 max-width: 1040px;
	 margin: 0 auto 3rem;
	 line-height: 1.5;
	 opacity: 0;
	 animation: fadeInUp 1s ease forwards 0.6s;
}
 .know-more-btn {
	 border: 2px solid var(--neon-green);
	 color: var(--neon-green);
	 padding: 18px 2rem 14px;
	 border-radius: 50px;
	 text-decoration: none;
	 font-size: 22px;
	 transition: all 0.3s ease;
	 display: inline-block;
	 opacity: 0;
	 animation: fadeInUp 1s ease forwards 0.9s;
	 font-weight: 500;
	 line-height: 26px;
}
 .know-more-btn:hover {
	 background-color: var(--neon-green);
	 color: #000;
	 transform: translateY(-3px);
}
 .know-more-btn-2 {
	 border: 0px solid var(--neon-green);
	 color: #000000;
	 padding: 18px 2rem 14px;
	 border-radius: 50px;
	 text-decoration: none;
	 font-size: 22px;
	 transition: all 0.3s ease;
	 display: inline-block;
	 opacity: 0;
	 animation: fadeInUp 1s ease forwards 0.9s;
	 font-weight: 500;
	 line-height: 26px;
	 background-color: var(--neon-green);
}
 .know-more-btn-2:hover {
	 background-color:#000000;
	 color: #ffffff;
	 transform: translateY(-3px);
}
 .btn-3{
	 padding: 12px 2rem 12px;
	 text-transform: uppercase;
	 font-size: 20px;
}
 .btn-3 img{
	 margin-left: 5px;
	 animation: fadeInUp 1s ease forwards 0.9s;
	 filter: brightness(00);
}
 .btn-3:hover img{
	 margin-left: 5px;
	 filter: brightness(255);
}
/* Stats Section */
 .stats-section {
	 display: flex;
	 justify-content: center;
	 gap: 8rem;
	 margin-top: 4rem;
	 flex-wrap: wrap;
	 opacity: 0;
	 animation: fadeInUp 1s ease forwards 1.2s;
}
 .stat-item {
	 text-align: start;
}
 .stat-number {
	 font-size: 4rem;
	 font-weight: 500;
	 color: #fff;
	 line-height: 1;
}
 .stat-plus {
	 color: var(--neon-green);
	 font-size: 40px;
}
 .stat-label {
	 font-size: 20px;
	/*! color: #ccc;
	 */
	 margin-top: 0.5rem;
	 font-weight: 500;
}
/* Animations */
 @keyframes fadeInDown {
	 from {
		 opacity: 0;
		 transform: translateY(-30px);
	}
	 to {
		 opacity: 1;
		 transform: translateY(0);
	}
}
 @keyframes fadeInUp {
	 from {
		 opacity: 0;
		 transform: translateY(30px);
	}
	 to {
		 opacity: 1;
		 transform: translateY(0);
	}
}
/* Close Button */
 .close-menu {
	 position: absolute;
	 top: 2rem;
	 right: 3rem;
	 background: none;
	 border: none;
	 color: #fff;
	 font-size: 2rem;
	 cursor: pointer;
	 opacity: 0;
	 transition: all 0.3s ease;
}
 .fullscreen-menu.active .close-menu {
	 opacity: 1;
	 transition-delay: 0.5s;
}
 .close-menu:hover {
	 color: var(--neon-green);
}
/* Responsive */
 .clientSwipera .slick-slide img{
	width: auto;
	 border-radius: 0;
}
/* Case Studies Section */
 .case-studies-section {
	 padding-top: 5rem ;
	 padding-bottom: 5rem ;
}
 .px-60{
	padding-left: 60px;
	 padding-right: 60px;
}
 .why-choose-section::after {
	 content: "";
	 background: url(../images/11.png) no-repeat center center/cover;
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/*! z-index: -1;
	 */
}
 p {
	 font-size: 18px;
	 line-height: 30px;
	/*! opacity: 0.99;
	 */
	 font-weight: 400;
}
 .fs-18{
	font-size: 18px;
}
 .fs-20{
	font-size: 20px;
}
 .portfolio-container {
	 margin: 0 auto;
}
 .portfolio-row {
	 display: flex;
	 gap: 2rem;
	 margin-bottom: 2rem;
}
 .portfolio-card {
	 border-radius: 20px;
	 padding: 28px 32px;
	 position: relative;
	 overflow: hidden;
	 transition: transform 0.3s ease;
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
}
 .portfolio-card:hover {
	 transform: translateY(-10px);
}
 .portfolio-card.brown {
	 background: linear-gradient(135deg, #a67c52 0%, #8b6341 100%);
	 flex: 1;
}
 .portfolio-card.green {
	 background: url(../images/mask-2.png) no-repeat bottom right, linear-gradient(135deg, var(--neon-green) 0%, #9ed631 100%);
	 color: #000;
	 flex: 0.4;
}
 .portfolio-card.purple {
	 background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
	 flex: 0.4;
}
 .portfolio-card.mint {
	 background: #CCF8DD;
	 color: #000;
	 flex: 1;
}
 .portfoliofirst-text{
	 position: absolute;
	 bottom: 33px;
	 left: 31px;
}
 .portfolio-tag {
	 background-color: rgba(255, 255, 255, 1);
	 padding: 0.3rem 0.8rem;
	 border-radius: 5px;
	 font-size: 12px;
	 display: inline-block;
	 margin-bottom: 15px;
	 color: #000;
	 font-weight: 600;
}
 .portfolio-title {
	 font-size: 24px;
	 font-weight: 500;
	 margin-bottom: 0rem;
}
 .portfolio-subtitle {
	 font-size: 14px;
	 opacity: 0.8;
	 margin-bottom: 0;
}
 .portfolio-image {
	 width: 100%;
	 height: auto;
	 border-radius: 10px;
	 margin-top: 0rem;
}
 .case-studies-header h2 {
	 font-size: 55px;
	 font-weight: 500;
	 margin-bottom: 1rem;
}
 .case-studies-header p {
	 font-size: 18px;
	/*! opacity: 0.9;
	 */
	 margin-bottom: 2rem;
}
 .view-all-btn {
	 border: 2px solid #000;
	 color: #000;
	 padding: 18px 2rem 14px;
	 border-radius: 50px;
	 text-decoration: none;
	 display: inline-block;
	 transition: all 0.3s ease;
	 font-weight: bold;
}
 .view-all-btn:hover {
	 background-color: #000;
	 color: var(--neon-green);
}
 .check-portfolio-btn {
	 text-align: center;
	 margin-top: 3rem;
}
 .check-portfolio-btn a {
	 background-color: var(--neon-green);
	 color: #000;
	 padding: 1rem 3rem;
	 border-radius: 50px;
	 text-decoration: none;
	 font-weight: bold;
	 display: inline-block;
	 transition: all 0.3s ease;
}
 .check-portfolio-btn a:hover {
	 transform: scale(1.05);
}
/* Why Choose Section */
 .why-choose-section {
	 background-color: #182020;
	 padding: 5rem 3rem;
	 border-radius: 20px;
	 margin: 1rem auto;
	 position: relative;
}
 .why-choose-title {
	 font-size: 68px;
	 font-weight: 600;
	 margin-bottom: 3rem;
}
 .why-choose-title span {
	 color: var(--neon-green);
}
 .features-grid {
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
	 gap: 2rem;
	 position: relative;
	 z-index: 1;
}
 .feature-card {
	 background: rgba(255,255,255, 0.1);
	 padding: 2rem;
	 border-radius: 15px;
	 transition: all 0.3s ease;
}
 .feature-card:hover {
	/*! background-color: #333;
	 */
	 transform: translateY(-5px);
}
 .feature-icon {
	 width: 90px;
	 height: 90px;
	 border-radius: 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-bottom: 1.5rem;
	 font-size: 1.8rem;
}
 .feature-icon.purple {
	 background-color: #7c3aed;
}
 .feature-icon.yellow {
	 background-color: #fbbf24;
}
 .feature-icon.pink {
	 background-color: #ec4899;
}
 .feature-title {
	 font-size: 24px;
	 font-weight: 600;
	 margin-bottom: 1rem;
}
 .feature-description {
	 opacity: 0.8;
}
/* Services Section */
 .services-section {
	 padding: 5rem 2rem;
	 text-align: center;
}
 .services-title {
	 font-size: 2.5rem;
	 font-weight: bold;
	 color: #000;
	 margin-bottom: 3rem;
}
 .services-grid {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 gap: 2rem;
	 margin: 0 auto;
}
 .service-card {
	 background-color: #F6F8FB;
	 padding: 80px 2rem;
	 border-radius:24px;
	 text-align: left;
	 transition: all 0.3s ease;
	/* box-shadow: 0 2px 10px rgba(0,0,0,0.05);
	 */
}
 .service-card:hover {
	 transform: translateY(-10px);
	/*! box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	 */
}
 .service-icon {
	 width: 90px;
	 height: 90px;
	 border-radius: 50%;
	 background-color: var(--neon-green);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-bottom: 1.5rem;
	 font-size: 1.8rem;
}
 .service-icon img{
	width: 100%;
}
 .feature-icon img{
	width: 100%;
}
 .color-1{
	color: var(--neon-green);
}
 .color-2{
	color: #6A4BE7;
}
 h3 {
	 font-size: 24px;
	 font-weight: 600;
	 color: #000;
	 margin-bottom: 0.5rem;
}
 .service-description {
	 color: #212121;
}
 .borderrs24{
	border-radius: 24px;
}
/* Industries Section */
 .industries-section {
	 padding: 5rem 2rem;
	 background: #6A4BE7;
	 border-radius: 24px;
	 margin: 1rem auto;
	 text-align: center;
}
 .bg-white-50{
	background: rgba(255, 255, 255, 0.5) !important;
}
 h2 {
	 font-size: 48px;
	 font-weight: 600;
	 color: #fff;
}
 .fs-24{
	font-size: 24px;
}
 .fs-60 {
	 font-size: 60px;
	 font-weight: 600;
	 color: var(--neon-green);
	 margin-bottom: 0;
	 opacity: 0;
	 animation: fadeInUp 1s ease forwards 0.3s;
	 min-height: 101px;
	 line-height: 80px;
}
 .fs-55{
	font-size: 55px;
}
 .fs-45{
	font-size: 45px;
}
 .fs-35{
	font-size: 35px;
}
 .fs-30{
	font-size: 30px;
}
 .blackcolor{
	color: #000;
}
 .industries-grid {
	 display: grid;
	 grid-template-columns: repeat(4, 1fr);
	 gap: 2rem;
	/*! max-width: 900px;
	 */
	 margin: 0 auto;
}
 .industry-card {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 gap: 9px;
}
 .industry-icon {
	 width: 70px;
	 height: 70px;
	 border-radius: 50%;
	 background-color: #fff;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 2rem;
	 transition: all 0.3s ease;
}
 .industry-card:hover .industry-icon {
	 transform: scale(1.1);
}
 .industry-name {
	 color: #fff;
	 font-size: 1rem;
	 font-weight: 500;
}
/* Testimonial Section */
 .testimonial-section {
	 padding: 5rem 2rem;
}
 .testimonial-card {
	 background: #A1EA43 url(../images/testimonialbg.jpg) no-repeat center center/cover;
	 border-radius: 30px;
	 padding: 3rem;
	 margin: 0 auto;
	 position: relative;
	 color: #000;
}
 .testimonial-header {
	 margin-bottom: 2rem;
}
 .testimonial-content {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 gap: 3rem;
}
 .author-image {
	 width: 70px;
	 height: 70px;
	 border-radius: 50%;
	 object-fit: cover;
}
 .author-info h4 {
	 font-size: 1.2rem;
	 font-weight: bold;
	 margin-bottom: 0.3rem;
}
 .author-info p {
	 font-size: 1rem;
	 opacity: 0.8;
}
 .testimonial-text {
	 flex: 1;
	 font-size: 1rem;
	 line-height: 1.6;
}
/* Contact Section */
 .contact-section {
	 padding: 5rem 2rem;
	 background-color: #000;
}
 .contact-container {
	 background-color: #212121;
	 border-radius: 30px;
	 padding: 5rem;
	 margin: 0 auto;
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 3rem;
}
 .contact-methods {
	 display: flex;
	 gap: 4.5rem;
	 margin-bottom: 2rem;
	 margin-top: 42px;
}
 .contact-method {
	 width: 60px;
	 height: 60px;
	 border-radius: 50%;
	 background-color: var(--neon-green);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 cursor: pointer;
	 transition: all 0.3s ease;
	 color: #000;
	 font-size: 1.5rem;
	 margin: auto;
}
 .contact-method:hover {
	 transform: scale(1.1);
}
 .contact-form-link {
	 display: flex;
	 align-items: center;
	 gap: 1rem;
	 color: var(--neon-green);
	 text-decoration: none;
	 font-size: 1.1rem;
	 margin-top: 1rem;
}
 .contact-form-link i {
	 width: 40px;
	 height: 40px;
	 border-radius: 50%;
	 background-color: var(--neon-green);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: #000;
}
 .rightbg {
	 background-color: #2a2a2a;
	 border-radius: 20px;
	 padding: 2rem;
}
 .contact-quote {
	 font-weight: 300;
}
 .contact-person {
	 display: flex;
	 align-items: center;
	 gap: 1rem;
	 margin-bottom: 2rem;
}
 .contact-person img {
	 width: 50px;
	 height: 50px;
	 border-radius: 50%;
}
 .contact-person-info h4 {
	 font-size: 1rem;
	 font-weight: bold;
	 margin-bottom: 0.2rem;
}
 .contact-person-info p {
	 font-size: 0.85rem;
	 opacity: 0.7;
}
 .book-call-btn {
	 background-color: var(--neon-green);
	 color: #000;
	 border: 0px solid var(--neon-green);
	 padding: 18px 2rem 14px;
	 border-radius: 50px;
	 width: 100%;
	 font-weight: bold;
	 font-size: 1rem;
	 cursor: pointer;
	 transition: all 0.3s ease;
}
 .book-call-btn:hover {
	 border: 0px solid var(--neon-green);
	 color: #000;
	 background-color: #7DB931;
}
 .respona-typer {
	 background: #a1ea43;
	 font-weight: bold;
	 padding: 0 0px;
	 color: #000000;
}
/* Footer */
 .footer {
	 background-color: #F2F2F2;
	 padding: 3rem 2rem 1rem;
	 border-radius: 20px;
}
 .footer-content {
	 max-width: 1200px;
	 margin: 0 auto;
}
 .footer-grid {
	 display: grid;
	 grid-template-columns: repeat(4, 1fr);
	 gap: 3rem;
	 margin-bottom: 3rem;
}
 .footer-column h3 {
	 font-size: 20px;
	 font-weight: 500;
	 color: #000;
	 margin-bottom: 1.5rem;
}
 .footer-column ul {
	 list-style: none;
	 padding: 0;
}
 .footer-column ul li {
	 margin-bottom: 0.8rem;
}
 .footer-column ul li a {
	 color: #000;
	 text-decoration: none;
	 font-size: 18px;
	 transition: color 0.3s ease;
	 font-weight: 400;
	 position: relative;
}
 .footer-column ul li a::after {
	 content: "";
	 width: 0%;
	 background-color: #000;
	 opacity: 1;
	 position: absolute;
	 height: 1px;
	 bottom: -1px;
	 right: 0;
	 left: 0;
	 transition: all .5s;
	 margin: auto;
}
 .footer-column li a:hover::after {
	 width: 100%;
}
 .footer-contact p {
	 color: #666;
	 font-size: 16px;
	 margin-bottom: 0;
	 line-height: 23px;
}
 .footer-social {
	 display: flex;
	 gap: 1rem;
	 margin-top: 2rem;
}
 .footer-social a {
	 width: 40px;
	 height: 40px;
	 border-radius: 50%;
	 background-color: #fff;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: #000;
	 text-decoration: none;
	 transition: all 0.3s ease;
}
 .footer-social a:hover {
	 background-color: var(--neon-green);
}
 .footer-bottom {
	 border-top: 1px solid #D8D9D9;
	 padding-top: 2rem;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
}
 .footer-logo {
	 display: flex;
	 align-items: center;
	 gap: 0.5rem;
	 font-weight: bold;
	 color: #000;
}
 .footer-bottom p {
	 color: #000;
	 font-size: 18px;
	 margin: 0;
	 font-weight: 300;
}
 .pt-150{
	padding-top: 130px;
}
 #fullscreenMenu::after {
	 content: "";
	 background: url(../images/menumask.png) no-repeat center center/cover;
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	 z-index: -1;
}
 .closetext{
	display: none;
}
 .active .closetext{
	display: flex;
}
 .active .activenone{
	display: none;
}
 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	 max-width: 1377px;
}

 @media (max-width: 1024px) {
.services-grid {	
	grid-template-columns: repeat(2, 1fr);
	
}
.service-card {
	padding: 40px 2rem;

}
h2 {
	font-size: 35px;
}
.contact-container {
	padding: 2rem;

}
.testimonial-card{
	padding: 1.5rem;

}
.fs-60 {
	font-size: 44px;
	line-height: 65px;
}
.navbar {
	padding: 1.5rem 0rem;
	
}
.navbar.scrolled {
	padding: 1rem 0rem;
}
.know-more-btn, .know-more-btn-2 {
	padding: 13px 2rem 10px;
	font-size: 18px;
}
.feature-icon, .service-icon {
	width: 67px;
	height: 67px;

}

}

 @media (max-width: 768px) {
	 .portfolio-card.brown, .portfolio-card.mint {
		min-height: 366px;
	}
	 .hero-title {
		 font-size: 41px;
	}
	 .hero-description {
		 font-size: 1rem;
		 margin: 0 auto 2rem;
	}
	 .menu-links a {
		 font-size: 2rem;
	}
	 .stats-section {
		 gap: 1rem;
	}
	 .navbar {
		 padding: 1rem 9px;
	}
	 .navbar.scrolled {
		 padding: 1rem 9px;
	}
	 .fullscreen-menu {
		 padding: 0 2rem;
		 flex-direction: column;
		 justify-content: center;
	}
	 .hero-section {
		 padding: 1rem;
	}
	 .hero-tagline {
		 font-size: 26px;
	}
	 .stat-number {
		 font-size: 2rem;
	}
	 .stat-plus {
		 font-size: 32px;
	}
	 .stat-label {
		 font-size: 11px;
	}
	 .social-links {
		 flex-direction: row;
		 margin-top: 3rem;
	}
	 .tech-it-out {
		 font-size: 2rem;
		 bottom: 2rem;
	}
	 .portfolio-grid {
		 grid-template-columns: 1fr;
	}
	 .portfolio-large {
		 grid-row: span 1;
	}
	 .portfolio-row {
		 flex-direction: column;
	}
	 .features-grid {
		 grid-template-columns: 1fr;
	}
	 .why-choose-title {
		 font-size: 2rem;
	}
	 .services-grid {
		 grid-template-columns: 1fr;
	}
	 .industries-grid {
		 grid-template-columns: repeat(2, 1fr);
	}
	 .testimonial-content {
		 flex-direction: column;
	}
	 .contact-container {
		 grid-template-columns: 1fr;
	}
	 .footer-grid {
		 grid-template-columns: 1fr;
		 gap: 2rem;
	}
	 .footer-bottom {
		 flex-direction: column;
		 gap: 1rem;
		 text-align: center;
	}
	 .why-choose-section {
		 padding: 3rem 1rem;
		 border-radius: 12px;
	}
	 .feature-card {
		 padding: 1rem;
		 border-radius: 12px;
	}
	 p {
		 font-size: 18px;
		 line-height: 27px;
	}
	 h2 {
		 font-size: 32px;
	}
	 .testimonial-card, .industries-section{
		padding: 2rem 1rem;
	}
	 .contact-container{
		padding: 2rem 1rem;
	}
	 .service-card {
		 padding: 43px 2rem;
	}
	 .my-100 {
		 margin-top: 42px;
		 margin-bottom: 42px;
	}
	 .fs-60 {
		 font-size: 34px;
		 line-height: 42px;
	}
	 .contact-methods {
		 gap: 2rem;
	}
	 .fs-24 {
		 font-size: 19px;
	}
	 .rightbg {
		 border-radius: 12px;
		 padding: 1rem;
	}
	 .services-section {
		 padding: 3rem 2rem;
	}
}
 @media (max-width:570px) {
	 .logo-image {
		width: 96px;
	}
	 .contact-btn {
		margin-right: 1rem;
	}
}
 .process_work {
	 position: relative;
	 margin-bottom: 10px;
	 padding: 0 0px 0 17px;
}
 .process_work:before {
	 content: "";
	 position: absolute;
	 top: 55.2%;
	 left: -21px;
	 background-color: #182020;
	 width: 17%;
	 height: 142px;
	 border-radius: 28px;
	 z-index: 11;
}
 .green_group, .blue_group, .volit_group {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 position: relative;
}
 .green_group:before {
	 content: "";
	 position: absolute;
	 top: 64%;
	 right: -6%;
	 background-color: #007bff;
	 width: 12%;
	 height: 153px;
	 z-index: -1;
	 border-radius: 30px;
}
 .circle_green {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: column-reverse;
	 gap: 10px;
	 position: relative;
	 z-index: 111;
}
 .circle_green span {
	 width: 60px;
	 height: 60px;
	 display: block;
	 border-radius: 50%;
	 border: 16px solid #A1EA43;
	 position: relative;
	 background-color: #182020;
}
 .tip {
	 display: none;
	 width: 15rem;
	 position: absolute;
	 top: 71%;
	 left: 50%;
	 transform: translate(-50%, 50%);
	 z-index: 9;
	 background-color: #fff;
	 border-radius: 12px;
	 box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
	 padding: 10px 17px;
	 color: #000;
	 line-height: 21px;
}
 .triangle-top {
	 border-left: 13px solid transparent;
	 border-right: 13px solid transparent;
}
 .triangle-top {
	 width: 0;
	 height: 0;
	 margin: -9px auto;
	 position: relative;
	 top: -9px;
}
 .triangle-top {
	 border-bottom: 16px solid white;
}
 .circle_green:hover .tip {
	 display: block;
}
 .circle_volit:hover .tip {
	 display: block;
}
 .circle_blue:hover .tip {
	 display: block;
}
 .circle_blue {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: column-reverse;
	 gap: 10px;
	 margin-top: 50px;
	 position: relative;
	 z-index: 11;
}
 .circle_blue span {
	 width: 60px;
	 height: 60px;
	 display: block;
	 border-radius: 50%;
	 border: 16px solid #6A4BE7;
	 position: relative;
	 background-color: #182020;
}
 .process_work p {
	 margin: 0px !important;
	 font-size: 21px;
}
 .circle_volit {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: column-reverse;
	 gap: 10px;
	 margin-top: 50px;
	 position: relative;
	 z-index: 11;
}
 .volit_group::before {
	 content: "";
	 position: absolute;
	 top: -37px;
	 left: -6%;
	 background-color: #0c51c9;
	 width: 12%;
	 height: 160px;
	 z-index: -1;
	 border-radius: 30px;
}
 .circle_volit span {
	 width: 60px;
	 height: 60px;
	 display: block;
	 border-radius: 50%;
	 border: 16px solid #a1ea43;
	 position: relative;
	 background-color: #182020;
}
 .green_group::after {
	 content: "";
	 position: absolute;
	 top: 65%;
	 left: 1%;
	 background: linear-gradient(90deg,#A1EA43 0%, #8365FF 100%);
	 width: 100%;
	 height: 8px;
	 z-index: 1;
}
 .blue_group::after {
	 content: "";
	 position: absolute;
	 top: 75%;
	 left: -1%;
	 background: linear-gradient(90deg,#A1EA43 0%, #8365FF 100%);
	 width: 100%;
	 height: 8px;
	 z-index: 1;
}
 .volit_group::after {
	 content: "";
	 position: absolute;
	 top: 75%;
	 left: 1%;
	 background: linear-gradient(90deg,#A1EA43 0%, #8365FF 100%);
	 width: 97%;
	 height: 8px;
	 z-index: 1;
}
 .green_group:before {
	 content: "";
	 position: absolute;
	 top: 64%;
	 right: -2.7%;
	 background: #8365FF;
	 width: 7%;
	 height: 154px;
	 z-index: 1;
	 border-radius: 30px;
}
 .blue_group::before {
	 content: "";
	 position: absolute;
	 top: -18%;
	 right: -23px;
	 background: #182020;
	 width: 13%;
	 height: 135px;
	 z-index: 11;
	 border-radius: 21px;
}
 .volit_group::before {
	 content: "";
	 position: absolute;
	 top: -37px;
	 left: -4%;
	 background: #9fe34d;
	 width: 12%;
	 height: 158px;
	 z-index: 1;
	 border-radius: 35px;
}
 .min-auto{
	min-height: auto;
}
 .innerbanner-title {
	 font-size: 184px;
	 font-weight: 500;
	 color: var(--neon-green);
	 margin-bottom: 0;
	 opacity: 0;
	 animation: fadeInUp 1s ease forwards 0.3s;
	/* min-height: 101px;
	 */
	 line-height: 1;
}
 .team-card {
	 background: linear-gradient(0deg, #fff 10%, #A1EA43 100%);
	 border-radius: 16px;
	 padding: 0;
	 text-align: center;
	 color: #000;
	 margin-bottom: 8px;
	 box-shadow: 0 0px 0px rgba(0,0,0,0.1);
	 overflow: hidden;
	 position: relative;
}
 .team-img {
	 width: 100%;
	 height: auto;
	 display: block;
	 border-radius: 20px 20px 0 0;
}
 .team-info {
	 background: white;
	 padding: 0px;
	 border-radius: 0 0 20px 20px;
}
 .team-name {
	/*! font-size: 1.1rem;
	 */
	 font-weight: 600;
	 margin-bottom: 0px;
	 color: #000;
}
 .team-role {
	/*! font-size: 0.85rem;
	 */
	 color: #212121;
}
 h2 {
	 margin-bottom: 20px;
}
 .section-text {
	 color: #000000;
}
 .team-container {
	 max-width: 560px;
}
 .color-3{
	color: #AAACAD;
}
 .ourstory {
	 background: rgba(255,255,255, 0.1);
	 padding: 2rem;
	 border-radius: 15px;
	 transition: all 0.3s ease;
	 height: 100%;
}
 .ourstory:hover {
	/*! background-color: #333;
	 */
	 transform: translateY(-5px);
}
 .our-process-section {
	 background-color: #182020;
	 padding: 5rem 3rem;
	 border-radius: 20px;
	 margin: 1rem auto;
	 position: relative;
}
 .form-group {
	 margin-bottom: 35px;
	 position: relative;
}
 input, textarea {
	 width: 100%;
	 background: transparent;
	 border: none;
	 border-bottom: 2px solid rgba(255, 255, 255, 1);
	 color: #fff;
	 font-size: 16px;
	 padding: 12px 0 8px 0;
	 outline: none;
	 transition: border-color 0.3s ease;
	/*! font-family: inherit;
	 */
	 resize: none;
}
 input:focus, textarea:focus {
	 border-bottom-color:#A1EA43;
}
 textarea {
	 resize: vertical;
	 min-height: 44px;
	 padding-top: 20px;
	 resize: none;
}
 label {
	 position: absolute;
	 left: 0;
	 top: 9px;
	 color: #AAACAD;
	 font-size: 17px;
	 pointer-events: none;
	 transition: all 0.3s ease;
}
 input:focus + label, input:not(:placeholder-shown) + label, textarea:focus + label, textarea:not(:placeholder-shown) + label {
	 top: -10px;
	 font-size: 12px;
	 color: rgba(255, 255, 255, 0.8);
}
 .submit-btn {
	 background: transparent;
	 border: 2px solid #a1ea43;
	 color: #a1ea43;
	 padding: 14px 35px;
	 font-size: 21px;
	/*! font-weight: 600;
	 */
	 letter-spacing: 1px;
	 border-radius: 30px;
	 cursor: pointer;
	 transition: all 0.3s ease;
	 display: inline-flex;
	 align-items: center;
	 gap: 10px;
	 margin-bottom: 30px;
}
 .submit-btn:hover {
	 background: #a1ea43;
	 color: #000100;
}
 .submit-btn::after {
	 content: '→';
	 font-size: 20px;
	 transition: transform 0.3s ease;
}
 .submit-btn:hover::after {
}
 .footer-text {
	 color: rgba(255, 255, 255, 0.9);
	 font-size: 21px;
	/*! line-height: 1.6;
	 */
	 font-weight: 500;
}
 .footer-text a {
	 color: #A1EA43;
	/*! text-decoration: none;
	 */
	/*! border-bottom: 1px solid #fff;
	 */
	 transition: opacity 0.3s ease;
}
 .footer-text a:hover {
	 opacity: 0.7;
}
/* Success Message */
 .success-message {
	 display: none;
	 background: rgba(255, 255, 255, 0.1);
	 border: 1px solid rgba(255, 255, 255, 0.3);
	 color: #fff;
	 padding: 15px;
	 border-radius: 8px;
	 margin-bottom: 20px;
	 text-align: center;
}
 .success-message.show {
	 display: block;
	 animation: slideDown 0.5s ease;
}
 @keyframes slideDown {
	 from {
		 opacity: 0;
		 transform: translateY(-10px);
	}
	 to {
		 opacity: 1;
		 transform: translateY(0);
	}
}
 .fs-96 {
	 font-size: 96px;
	 font-weight: bold;
	 color: var(--neon-green);
	 margin-bottom: 0;
	 opacity: 0;
	 animation: fadeInUp 1s ease forwards 0.3s;
	/* min-height: 101px;
	 */
	 line-height: 1;
}
/* Responsive Design */
 @media (max-width: 600px) {
	 input, textarea {
		 font-size: 13px;
	}
	 label {
		 font-size: 13px;
	}
	 input:focus + label, input:not(:placeholder-shown) + label, textarea:focus + label, textarea:not(:placeholder-shown) + label {
		 font-size: 11px;
	}
	 .submit-btn {
		 padding: 12px 30px;
		 font-size: 13px;
	}
	 .footer-text {
		 font-size: 14px;
	}
	 .form-group {
		 margin-bottom: 30px;
	}
	 .aboutimgposition {
		 width: 67px;
	}
	 .aboutimgposition img {
		 width: 100%;
	}
	 .innerbanner-title {
		font-size: 54px;
	}
	 .our-process-section {
		 padding: 3rem 2rem;
	}
	 .services-title {
		 margin-bottom: 1rem;
		font-size: 2rem;
	}
	 .ourstory {
		 height: auto;
	}
	 .fs-96 {
		 font-size: 45px;
	}
	 .know-more-btn {
		 font-size: 16px;
	}
	 .why-choose-title {
		 margin-bottom: 0rem;
	}
	 .testimonial-section {
		 padding: 3rem 2rem;
	}
	 .case-studies-section {
		 padding-top: 4rem;
		 padding-bottom: 3rem;
	}
}
 @media (max-width: 580px) {
	 .ph-none {
		 display: none !important;
	}
}
 @media (max-width: 400px) {
	 input, textarea {
		 font-size: 12px;
		 padding: 10px 0;
	}
	 label {
		 font-size: 12px;
		 top: 10px;
	}
	 input:focus + label, input:not(:placeholder-shown) + label, textarea:focus + label, textarea:not(:placeholder-shown) + label {
		 font-size: 10px;
	}
	 .submit-btn {
		 padding: 10px 25px;
		 font-size: 12px;
	}
	 .footer-text {
		 font-size: 13px;
	}
}
 .updated {
	 color: #718096;
	 font-size: 0.9rem;
	 text-transform: uppercase;
	 letter-spacing: 1px;
}
 .job-card {
	 padding: 25px;
	 margin-bottom: 25px;
	 border-bottom: 1px solid #D4D5D6;
	 transition: transform 0.3s ease, box-shadow 0.3s ease;
}
 .job-header {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 10px;
	 align-items: center;
	 margin-bottom: 15px;
}
 .badge {
	 padding: 8px 14px 6px;
	 border-radius: 50px;
	 font-size: 12px;
	 font-weight: 500;
	 text-transform: uppercase;
	/* letter-spacing: 0.5px;
	 */
	 line-height: 1;
}
 .badge-ongoing {
	 background: #D0F4A1;
	 color: #212121;
}
 .badge-location {
	 background: #B4A5F3;
	 color: #212121;
}
 .badge-datetime {
	 background: #F4EFEA;
	 color: #212121;
}
 .salary-info {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 15px;
	 font-size: 18px;
	 color: #182020;
	 font-weight: 500;
	 margin-top: 3px;
}
 .salary-item {
	 display: flex;
	 align-items: center;
	 gap: 5px;
}
 @media (max-width: 768px) {
	 .job-card {
		 padding: 20px;
	}
	 .salary-info {
		 flex-direction: column;
		 gap: 8px;
	}
}
 .header {
	 background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);
	 color: white;
	 padding: 40px;
}
 .badge-custom {
	 display: inline-block;
	 background: rgba(255,255,255,0.2);
	 padding: 6px 16px;
	 border-radius: 20px;
	 font-size: 0.75rem;
	 font-weight: 600;
	 text-transform: uppercase;
	 letter-spacing: 1px;
	 margin-bottom: 20px;
}
 .info-grid {
	 background: rgba(255,255,255,0.1);
	 padding: 25px;
	 border-radius: 12px;
}
 .info-label {
	 font-size: 0.85rem;
	 opacity: 0.9;
	 margin-bottom: 5px;
	 text-transform: uppercase;
	 letter-spacing: 0.5px;
}
 .info-value {
	 font-size: 1rem;
	 font-weight: 600;
}
 .main-content {
	 color: #2d3748;
}
 .sidebar {
	 background: #f7fafc;
	 padding: 30px 50px 0 0;
	 border-radius: 12px;
	 height: fit-content;
	 position: sticky;
	 top: 20px;
}
 h2:first-child {
	 margin-top: 0;
}
 .main-content p {
	 color: #000;
	 margin-bottom: 15px;
}
 .main-content ul {
	 list-style: none;
	 padding-left: 20px;
	 margin-bottom: 20px;
}
 .main-content ul li {
	 color: #000;
	 padding-left: 10px;
	 margin-bottom: 15px;
	 position: relative;
	 list-style-type: circle;
	 font-size: 18px;
}
 .h3-18 h3{
	font-size: 18px;
	 font-weight: 500;
}
 .apply-btn {
	 display: block;
	/*! width: 100%;
	 */
	 background: #6A4BE7;
	 color: white;
	 text-align: center;
	 padding: 13px 30px;
	 border-radius: 50px;
	 text-decoration: none;
	 font-weight: 500;
	 font-size: 1rem;
	 transition: transform 0.3s ease, box-shadow 0.3s ease;
	 border: none;
}
 .apply-btn:hover {
	 background: #5c40cf;
	 color: white;
}
 .sidebar-section {
	 margin-bottom: 25px;
	 padding-bottom: 8px;
	 border-bottom: 1px solid #D4D5D6;
}
 .sidebar-section:last-child {
	 border-bottom: none;
	 padding-bottom: 0;
}
 .sidebar-label {
	 font-size: 15px;
	 color: #718096;
	/*! text-transform: uppercase;
	 */
	/*! letter-spacing: 0.5px;
	 */
	 margin-bottom: 8px;
	 font-weight: 400;
}
 .sidebar-value {
	 font-size: 12px;
	 color: #212121;
	 font-weight: 600;
}
 @media (max-width: 768px) {
	 .header {
		 padding: 30px 25px;
	}
	 .sidebar {
		 position: static;
		 margin-top: 30px;
	}
}
 @media (max-width: 480px) {
	 .container-main {
		 border-radius: 12px;
	}
	 .header {
		 padding: 20px;
	}
}
 .careers-form-section .form-control, .careers-form-section .form-select {
	 border: none;
	 border-bottom: 2px solid #e0e0e0;
	 border-radius: 0;
	 padding: 8px 0;
	 background-color: transparent;
}
 .careers-form-section .form-control:focus, .careers-form-section .form-select:focus {
	 border-color: #28a745;
	 box-shadow: none;
	 background-color: transparent;
}
 .careers-form-section .form-control::placeholder {
	 color: #adb5bd;
}
 .careers-form-section .file-upload {
	 border: none;
	 border-bottom: 2px solid #e0e0e0;
	 border-radius: 0;
	 padding: 8px 0;
	 text-align: left;
	 cursor: pointer;
	 position: relative;
	 transition: all 0.3s;
	 background-color: transparent;
}
 .careers-form-section .form-label {
	 font-weight: 600;
	 color: #495057;
	 margin-bottom: 8px;
	 position: relative;
}
 .careers-form-section .required {
	 color: #dc3545;
}
 .file-upload:hover {
	 border-color: #28a745;
}
 .file-upload.focused {
	 border-color: #28a745;
}
 .file-upload input {
	 display: none;
}
 .file-upload-label {
	 display: flex;
	 position: inherit;
	 align-items: center;
	 gap: 10px;
	 color: #AAACAD;
	 cursor: pointer;
}
 .file-upload-label svg {
	 width: 16px;
	 height: 16px;
}
 .file-size-info {
	 color: #AAACAD;
	 margin-top: 5px;
	 position: absolute;
	 right: 0;
	 bottom: 10px;
	 font-weight: 500;
}
 .referral-section {
	 margin-top: 0px;
	 padding-top: 10px;
}
 strong{
	font-weight: 400;
}
 :root{
	 --bg:#07100b;
	 --input-bg:#ffffff;
	 --pill-radius:40px;
	 --accent:#7be028;
	/* green */
	 --accent-dark:#67c31f;
	 --shadow: 0 6px 18px rgba(0,0,0,0.45);
}
 .search-wrap{
	 width:640px;
	/* similar width to image */
	 max-width:100%;
	 position:relative;
	 padding:6px;
	/* space around for glow */
	 box-sizing:border-box;
}
/* outer pill background (subtle darker glow) */
 .search-wrap::before{
	 content:"";
	 position:absolute;
	 inset:0;
	 border-radius:999px;
	 filter: blur(10px);
	 background: linear-gradient(90deg, rgba(123,224,40,0.06), rgba(0,0,0,0));
	 pointer-events:none;
}
/* the input */
 .search-input{
	 width:100%;
	 display:block;
	 box-sizing:border-box;
	 height:56px;
	 padding:0 90px 0 24px;
	/* leave space on right for button */
	 border-radius:999px;
	 border:none;
	 outline:none;
	/*! font-size:15px;
	 */
	 background: var(--input-bg);
	 color:#6A6A6A;
	 box-shadow: var(--shadow);
	 transition: transform .18s ease, box-shadow .18s ease;
}
 .search-input::placeholder{
	 color:#b7b7b7;
	 font-weight:300;
}
 .search-input:focus{
	 box-shadow: 0 10px 30px rgba(0,0,0,0.55);
}
/* circular search button that overlaps input on right */
 .search-btn{
	 position:absolute;
	 right:6px;
	 top:6px;
	 height:56px;
	 width:140px;
	 border-radius:999px;
	 border:none;
	 cursor:pointer;
	 display:flex;
	 align-items:center;
	 justify-content:center;
	 gap:12px;
	 padding:0 18px;
	 box-sizing:border-box;
	 background: #A1EA43;
	 color:#07210a;
	 font-weight:500;
}
/* make the round magnifier circle inside the button (left side) */
 .search-btn .icon-wrap{
	 height:36px;
	 width:36px;
	 border-radius:50%;
	 display:inline-grid;
	 place-items:center;
}
 .search-btn:hover{
	 background: #afff45;
}
/* small responsive tweak: on very small screens make button smaller */
 @media (max-width:420px){
	 .search-btn{
		 width:112px;
		 font-size:14px;
		 gap:8px;
	}
	 .search-input{
		 height:50px;
		 padding-right:84px;
	}
	 .search-btn .icon-wrap{
		 height:32px;
		 width:32px;
	}
}
 .blog-card {
	 border: none;
	 border-radius: 24px;
	 overflow: hidden;
	 box-shadow: 0 2px 8px rgba(0,0,0,0);
	 transition: transform 0.3s ease, box-shadow 0.3s ease;
	 height: 100%;
	 padding: 15px;
	 background: #F6F8FB;
	 text-align: left;
}
 .blog-card:hover {
	 background: #ebf3fd;
}
 .blog-card img {
	 width: 100%;
	/*! height: 250px;
	 */
	 object-fit: cover;
	 border-radius: 16px;
}
 .card-body {
	 padding-top: 25px;
}
 .badge-salesforce {
	 background-color: #B0A2F1;
	 color: #000;
	 font-size: 12px;
	 padding: 6px 12px 5px;
	 border-radius: 20px;
	 font-weight: 500;
	 text-transform: uppercase;
}
 .meta-info {
	 color: #999;
	 font-size: 18px;
	 margin-left: 0.5rem;
	 font-weight: 400;
}
 .card-title {
	 font-size: 24px;
	 font-weight: 700;
	 color: #1a1a1a;
	 margin-top: 1rem;
	 line-height: 1.4;
}
 .card-link {
	 text-decoration: none;
	 color: inherit;
}
 .mt-minus-100{
	margin-top: -130px;
}
 .Insights-details-card h2{
	 font-size: 42px;
	 font-weight: 600;
	 color: #000;
	 margin-bottom: 1rem;
}
 ol li {
	 list-style-type: circle;
	 font-size: 18px;
	 font-weight: 400;
	 margin-bottom: 5px;
}
 .stat-number {
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 margin-bottom: 15px;
}
 .bullet {
	 width: 10px;
	 height: 10px;
	 border-radius: 50%;
	 flex-shrink: 0;
}
 .bullet-green {
	 background-color: #7ed321;
}
 .bullet-blue {
	 background-color: #6b7cf7;
}
 .bullet-gray {
	 background-color: #9b9b9b;
}
 .bullet-pink {
	 background-color: #ff6b9d;
}
 .number-label {
	 font-size: 24px;
	 font-weight: 600;
	 color: #212121;
	 letter-spacing: 0.5px;
}
 .stat-title {
	 font-size: 30px;
	 font-weight: 500;
	 color: #212121;
	 margin-bottom: 12px;
	 line-height: 1.3;
}
 .stat-description {
	 color: #666;
	 line-height: 1.6;
	 margin: 0;
	 padding-right: 22%;
}
 @media (max-width: 768px) {
	 .stat-card {
		 margin-bottom: 30px;
	}
}
 .section-title {
	 text-align: center;
	 font-size: 2.5rem;
	 font-weight: 700;
	 color: #1a1a1a;
	 margin-bottom: 50px;
}
/* Partnership Cards */
 .partnership-card {
	 border-radius: 20px;
	 overflow: hidden;
	 margin-bottom: 30px;
	 box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}
 .card-orange {
	 background: linear-gradient(100deg, #FCE2AA 0%, #FFB74E 100%);
}
 .card-blue {
	 background: linear-gradient(100deg, #B9F1EF 0%, #69D2CD 100%);
}
 .card-gray {
	 background: #f0f0f0;
}
 .partnership-content {
	 padding: 40px;
}
 .partnership-title {
	 font-size: 1.8rem;
	 font-weight: 700;
	 color: #1a1a1a;
	 margin-bottom: 10px;
}
 .partnership-subtitle {
	 font-size: 0.95rem;
	 color: #333;
	 margin-bottom: 25px;
	 line-height: 1.5;
}
 .benefits-box {
	 background: white;
	 border-radius: 16px;
	 padding: 29px;
	 margin-bottom: 20px;
	 width: 100%;
}
 .benefits-title {
	/*! font-size: 1rem;
	 */
	/*! font-weight: 700;
	 */
	 color: #1a1a1a;
	 margin-bottom: 15px;
}
 .benefit-item {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 margin-bottom: 10px;
	/*! font-size: 16px;
	 */
	 color: #212121;
}
 .benefit-item:last-child {
	 margin-bottom: 0;
}
 .check-icon {
	 width: 18px;
	 height: 18px;
	 border-radius: 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 flex-shrink: 0;
	 font-size: 10px;
	 color: white;
}
 .check-orange {
	 background-color: #ff9f43;
}
 .check-yellow {
	 background-color: #ffd93d;
}
 .apply-btn-w {
	 background: white;
	 color: #1a1a1a;
	 text-align: center;
	 padding: 13px 30px;
	 border-radius: 50px;
	 text-decoration: none;
	 font-weight: 500;
	 font-size: 1rem;
	 transition: transform 0.5s ease, box-shadow 0.3s ease;
	 border: none;
}
 .apply-btn-w:hover {
	 background: rgb(0, 0, 0);
	 color: #fff;
}
 .partnership-image {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
 .img-container {
	 position: relative;
	 overflow: hidden;
	 border-radius: 16px;
}
 .bgblack{
	background: #182020;
}
 .careers-form-section.partnership .form-control, .careers-form-section.partnership .form-select {
	 border: none;
	 border-bottom: 1px solid #353C3C;
	 border-radius: 0;
	 padding: 8px 0;
	 background-color: transparent;
}
 .careers-form-section.partnership .form-control:focus, .careers-form-section.partnership .form-select:focus {
	 border-color: #28a745;
	 box-shadow: none;
	 background-color: transparent;
}
 @media (max-width: 768px) {
	 .section-title {
		 font-size: 2rem;
		 margin-bottom: 30px;
	}
	 .partnership-content {
		 padding: 30px 20px;
	}
	 .partnership-title {
		 font-size: 1.5rem;
	}
}
 .faq-title{
	 font-weight:700;
	 font-size:2.5rem;
	 text-align:center;
}
 .faq-subtitle{
	 text-align:center;
	 color:#777;
	 margin-bottom:30px;
}
 .accordion-item{
	 border-radius:10px;
	 border:none;
	 margin-bottom:15px;
	/*! box-shadow:0 10px 25px rgba(15,23,42,0.06);
	 */
	 overflow:hidden;
}
 .accordion-button{
	 padding:22px 24px;
	 font-weight:500;
	 font-size:24px;
	 background:#fff;
}
 .accordion-button:not(.collapsed){
	 color:#111827;
	 background:#fff;
	 box-shadow:none;
}
 .accordion-body{
	 padding:0 24px 20px;
	 color:#212121;
	 font-size:18px;
}
/* + / - icons */
 .accordion-button::after{
	 background:#fff !important;
	 content:"+";
	/*! font-weight:700;
	 */
	 font-size:38px;
	 color:#afff45;
	 line-height: 18px;
}
 .accordion-button:not(.collapsed)::after{
	 content:"–";
	 transform:none;
}
 .p-min-h{
	min-height: 90px;
}
 .tabs-container {
	/*! background: #000;
	 */
	/*! position: sticky;
	 */
	 top: 0;
	 z-index: 100;
}
 .nav-tabs {
	 border: none;
	 justify-content: center;
	 gap: 91px;
	 padding: 45px 0 0;
}
 .nav-tabs .nav-link {
	 color: #fff;
	 font-size: 18px;
	 font-weight: 500;
	 border: none;
	 border-bottom: 3px solid transparent;
	 background: transparent;
	 padding: 10px 0;
	 transition: all 0.3s ease;
}
 .nav-tabs .nav-link:hover {
	 border-bottom-color: #A1EA43;
	 color: #fff;
}
 .nav-tabs .nav-link.active {
	 border-bottom-color: #A1EA43;
	 background: transparent;
	 color: #fff;
}
 .benefit-item:last-child {
	 margin-bottom: 0;
}
/**cookies banner **/
 .cookies-statement {
	text-align: left;
	 padding: 12px 50px;
	 position: fixed;
	 bottom: 0;
	 background: #0d0d0d;
	 z-index: 9999;
	 box-shadow: 0 5px 13px #0d0d0d;
	 width: 100%;
}
 .cookies-statement .cookies-btn ul li {
	display: inline-block;
	padding: 0 5px;
}
 .Cookiesclose .icon {
	width: 25px;
	 height: 25px;
	 position: absolute;
	 right: 10px;
	 top: 10px;
	 background: #BA9C5C;
	 padding: 5px;
	 border-radius: 50%;
	 cursor: pointer;
	 fill: #062360;
}
 .Cookiesclose .icon {
	cursor: pointer;
	 fill: #fff;
}
 .cookies-statement .cookies-btn ul li a {
	 width: 135px;
	 padding: 13px 30px;
	 font-size: 14px;
	 line-height: 1;
}
 .cookies-statement .cookies-btn ul li a:hover {
	 background: var(--neon-green);
}
 .cookies-statement h3{
	font-size:26px;
	 line-height: 30px;
}
 .Cookies a:hover{
	color:#fff;
}
 .Cookies p {
	margin-bottom: 0px;
	 line-height: 22px;
	 font-size: 16px;
}
/*cookies statement*/
 .cookies_container {
	 width: 100%;
	 padding: 30px 50px;
	 position: fixed;
	 bottom: 0;
	 left: 0;
	 background: #fff;
	 z-index: 9999;
	 box-shadow: 0 0 26px #ba9c5c;
}
 .cookies_container h2 {
	 font-size: 26px;
	 line-height: 26px;
	 font-weight: bold;
}
 .cookies_container p {
	 font-size: 16px;
	 line-height: 22px;
}
 @media (max-width: 767px) {
	 .nav-tabs {
		 gap: 14px;
		 flex-wrap: nowrap;
	}
	 .nav-tabs .nav-link {
		 font-size: 15px;
		 white-space: nowrap;
	}
	 .cookies-statement {
		 padding: 12px 16px;
	}
	 .cookies-btn.text-center {
		 margin-top: 8px;
	}
	 .cookies-statement .cookies-btn ul li a {
		 width: 115px;
		 padding: 9px 23px;
	}
}