@charset "UTF-8";
/*
@File: Dibiz Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default CSS
** - Navbar Area CSS
** - Search Overlay CSS
** - Main Banner Area CSS
** - Boxes Area CSS
** - Featured Services Area CSS
** - About Area CSS
** - What We Do Area CSS
** - Services Area CSS
** - Services Details Area CSS
** - Testimonials Area CSS
** - Partner Area CSS
** - History Area CSS
** - Portfolio Area CSS
** - Portfolio Details Area CSS
** - SEO Analysis Area CSS
** - How It's Work Area CSS
** - Team Area CSS
** - Pricing Area CSS
** - Gallery Area CSS
** - Subscribe Area CSS
** - Project Start Area CSS
** - Blog Area CSS
** - Blog Details Area CSS
** - Products Area CSS
** - Products Details Area CSS
** - Cart Area CSS
** - Checkout Area CSS
** - Page Title Area CSS
** - Pagination CSS
** - Widget Sidebar CSS
** - Profile Authentication Area CSS
** - 404 Error Area CSS
** - Terms of Service Area CSS
** - Privacy Policy Area CSS
** - Coming Soon Area CSS
** - FAQ Area CSS
** - Contact Area CSS
** - Footer Area CSS
** - Go Top CSS
** - Sidebar Modal CSS
*/
/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
:root {
  --fontFamily: "Nunito", sans-serif;
  --mainColor: #fe4c1c;
  --optionalColor: #4b5280;
  --whiteColor: #ffffff;
  --blackColor: #080e32;
  --fontSize: 16px;
  --transition: .5s;
  --fontFamily-2: "Kumbh Sans", sans-serif;
  --mainColor-2: #5F2DEE;
  --optionalColor-2: #777181;
  --blackColor-2: #1B1525;
  --fontFamily-3: "Josefin Sans", sans-serif;
  --mainColor-3: #0076EC;
  --optionalColor-3: #666666;
  --optionalfontFamily: "Roboto", sans-serif;
  --blackColor-3: #111111;
}

body {
  padding: 0;
  margin: 0;
  font-size: var(--fontSize);

}

.ehc{
		margin-top:10PX;
	}
.revenue-section {
  background: #f9fbff;
}
.stat-title1{	   
	font-size: 18px !important;
	margin-bottom:10px;
	font-weight:bold;
}
.eccch{
    font-size: 42px !important;
    font-weight: bold !important;
}

.service-item {
  position: relative;
  padding-left: 80px;
  margin-bottom: 40px;
  transition: 0.3s ease;
}

.service-item:hover {
  transform: translateX(8px);
}

.service-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 55px;
  height: 55px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: #fff;
  font-size: 20px;
  box-shadow: 0 15px 30px rgba(0,0,0,.08);
}

.vertical-line {
  position: absolute;
  left: 27px;
  top: 70px;
  bottom: 0;
  width: 2px;
  background: #e3e8f5;
}
.step-title2{
	    font-size: 18px;
		font-weight: bold;
		line-height: 26px;
		margin-bottom: 20px;	
	}
        :root {
            --accent-color: #f3d29a; /* The gold/yellow color */
            --text-dark: #0a1d37;    /* The dark navy color */
            --text-muted: #555;      /* Grey for descriptions */
        }

        /* Container for the whole process */
        .process-container {
			position: relative;
			display: flex;
			justify-content: space-between;
			max-width: 1200px;
			margin: 0 auto;
			padding-top: 50px;
			margin-top: 45px;
        }

        /* The Curved Dashed Line (SVG) */
        .curved-line {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100px;
            z-index: -1;
            overflow: visible;
        }

        .step {
            flex: 1;
            padding: 0 15px;
            position: relative;
        }

        /* The Numbers (01, 02, etc) */
        .step-number {
			font-size: 20px;
			font-weight: bold;
			color: #ffffff;
			margin-bottom: 10px;
			display: block;
			background: #05689f;
			width: 56px;
			border-radius: 34px;
			padding: 15px;
        }

        /* The Headings (Evaluate, Design, etc) */
        .step-title {
            font-size: 1.5rem;
            font-weight: 800;
            color: var(--text-dark);
            margin-bottom: 15px;
        }

        /* The Description Text */
        .step-description {
            font-size: 0.95rem;
            line-height: 1.6;
            color: var(--text-muted);
        }

        /* Responsive adjustments for mobile */
        @media (max-width: 768px) {
            .process-container {
                flex-direction: column;
                gap: 50px;
            }
            .curved-line {
                display: none; /* Hide curve on mobile for readability */
            }
            .step {
                text-align: center;
            }
        }
    
	.text-dark1{
		color:white;
	}
	.sub-title1{
		color:white !important;
	}
	.pricing-area {
		padding: 60px 20px;
	
	}	
	.section-title h2 {
		font-size: 32px;
		margin-bottom: 10px;
	}
	.section-title p {
		color: #555;
		line-height: 1.6;
	}
	/* Layout */
	.why-wrap {
		display: flex;
		gap: 40px;
	}
	.accordion {
		width: 50%;
	}
	/* Accordion Item */
	.acc-item {
		border-bottom: 1px solid #e5e5e5;
	}
	.acc-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 18px 15px;
		cursor: pointer;
		font-weight: 600;
		transition: 0.3s;
	}

	.acc-header:hover {
		color: #19a7ad;
	}

	/* Chevron */
	.chevron {
		width: 10px;
		height: 10px;
		border-right: 2px solid #333;
		border-bottom: 2px solid #333;
		transform: rotate(45deg);
		transition: 0.3s;
	}

	/* Content */
	/* Accordion body hidden by default */
	.acc-body {
		height: 0;
		overflow: hidden;
		padding: 0 15px;
		transition: height 0.3s ease;
		color: #555;
	}

	/* Active state */
	.acc-item.active .acc-body {
		padding-top: 10px;
		padding-bottom: 15px;
	}

	/* Header */
	.acc-header {
		display: flex;
		justify-content: space-between;
		cursor: pointer;
		padding: 15px;
		font-weight: 600;
	}

	/* Chevron arrow */
	.chevron {
		width: 10px;
		height: 10px;
		border-right: 2px solid #333;
		border-bottom: 2px solid #333;
		transform: rotate(45deg);
		transition: transform 0.3s;
	}

	.acc-item.active .chevron {
		transform: rotate(-135deg);
	}

	/* Responsive */
	@media (max-width: 900px) {
		.why-wrap {
			flex-direction: column;
		}
		.accordion {
			width: 100%;
		}
	}
	@media (max-width: 991px) {
    .results-header {
        display: inline-block !important;
        gap: 20px;
    }
	.wrap {
		display: inline-block !important;
	}
}
	.new-main-banner-image img{
	  animation: none;
	}
	
	.section-title p {
	    max-width: max-content;	
	}
	.results-header {
		display: grid;
		grid-template-columns: 1fr 2fr;
		gap: 30px;
		margin-bottom: 40px;
	}

	.results-header h2 {
		font-size: 42px;
		font-weight: 700;
	}

	.results-header p {
		font-size: 15px;
		line-height: 1.7;
		color: #555;
	}

	/* Content */
	.results-content {
		display: grid;
		grid-template-columns: 1.1fr 1fr;
		gap: 40px;
	}

	/* Left */
	.badge {
		display: inline-block;
		background: #1bb3b3;
		color: #fff;
		padding: 6px 14px;
		border-radius: 4px;
		font-size: 14px;
		margin-bottom: 15px;
	}


	.chevron {
	  width: 8px;
	  height: 8px;
	  border-right: 2px solid #333;
	  border-bottom: 2px solid #333;
	  transform: rotate(45deg);
	  transition: transform 0.3s ease;
	  margin-left: 15px;
	}

	/* Rotate on open */
	.acc-item.active .chevron {
	  transform: rotate(-135deg);
	}
	.ds-feedback-area {
		    background: #056e02;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
		z-index: 1;
	}
	.service-tabs {
    padding: 60px 20px;
 
}


.section-title h2 {
    font-size: 32px;
    margin-bottom: 10px;
}

.section-title p {
    color: #555;
    line-height: 1.6;
}


/* Responsive */
@media (max-width: 900px) {
    .tabs-wrap {
        flex-direction: column;
    }
    .tabs-list,
    .tabs-content {
        width: 100%;
    }
}
/* Accordion body hidden by default */
.acc-body {
    height: 0;
    overflow: hidden;
    padding: 0 15px;
    transition: height 0.3s ease;
    color: #555;
}

/* Active state */
.acc-item.active .acc-body {
    padding-top: 10px;
    padding-bottom: 15px;
}

/* Header */
.acc-header {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 15px;
    font-weight: 600;
}

/* Chevron arrow */
.chevron {
    width: 10px;
    height: 10px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    transition: transform 0.3s;
}

.acc-item.active .chevron {
    transform: rotate(-135deg);
}
.seo-discoveryTeam {
    height: 500px;
   
    object-fit: cover;
    object-position: center;
    border: 10px solid #fff;
    box-shadow: 0 0 10px #ccc;
}	
.new-main-banner-content h1 {
        font-size: 44px;
    }
	.new-main-banner-content .sub-title {
    color: #fa2222;
    font-size: 21px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
}
.header {
            text-align: center;
            margin-bottom: 60px;
        }

        .header h2 {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 15px;
        }

        .header span {
            background: linear-gradient(90deg, #3b82f6, #93c5fd);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 25px;
        }

        .feature-card {
            background: #80808024;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 24px;
            padding: 40px;
            position: relative;
            transition: all 0.4s ease;
            backdrop-filter: blur(12px);
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        /* The Glow Effect from your image */
        .feature-card:hover {
            transform: translateY(-10px);           
            box-shadow: 0 20px 40px -10px var(--glow);
            background: rgb(250 172 34 / 42%);
        }

        .icon-container {
            width: 80px;
            height: 80px;
            margin-bottom: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            /* Blue glow behind icons */
            filter: drop-shadow(0 0 12px var(--accent-blue));
        }

        .icon-container img {
            width: 100%;
            height: auto;
        }

        .feature-card h3 {
            font-size: 1.4rem;
            margin-bottom: 12px;
            font-weight: 600;
            line-height: 1.3;
        }

        .feature-card p {
            color: var(--text-gray);
            font-size: 1rem;
            line-height: 1.6;
            margin: 0;
        }

        /* Mobile responsive */
        @media (max-width: 640px) {
            .header h2 { font-size: 1.8rem; }
            .feature-card { padding: 30px 20px; }
        }
		.revenue-section{
padding:90px 0;
background:#f8fafc;
}

.revenue-img img{
width:100%;
border-radius:20px;
}

.tag{
display:inline-block;
background:#e8f7ea;
color:#28a745;
padding:6px 14px;
border-radius:20px;
font-weight:600;
font-size:13px;
margin-bottom:15px;
}

.revenue-section h2{
font-size:36px;
font-weight:700;
margin-bottom:20px;
color:#1a2b3c;
}

.desc{
color:#6b7280;
margin-bottom:35px;
line-height:1.7;
}

.tools-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
}

.tool-box{
background:#fff;
padding:20px;
border-radius:12px;
box-shadow:0 5px 20px rgba(0,0,0,0.05);
}
body{

}
.tool-box h4{
font-size:18px;
font-weight:600;
margin-bottom:8px;
color:#111;
}

.tool-box p{
font-size:14px;
color:#6b7280;
line-height:1.6;
}

/* Responsive */

@media (max-width:991px){

.tools-grid{
grid-template-columns:1fr;
}

.revenue-section h2{
font-size:28px;
}

}
.services-growth{
padding:100px 0;

}

.small-tag{
color:#3cb043;
border:1px solid #3cb043;
padding:6px 15px;
border-radius:20px;
font-size:13px;
font-weight:600;
display:inline-block;
margin-bottom:20px;
}

.main-title{
font-size:38px;
font-weight:700;
margin-bottom:20px;
}

.main-desc{
color:#6c757d;
margin-bottom:40px;
}

.growth-item{
display:flex;
align-items:flex-start;
gap:20px;
    padding: 7px 0;
border-bottom:1px solid #eee;
}
.buy-now-btn{
		display:none !important;	
	 }	
	
	.flaticon-back{
		color:black !important;
	}
	.flaticon-chevron{
	 color:black !important;
	}
	.dibiz-case-studies-card .content h3 {
		font-size: 19px;
		margin-bottom: 10px;
	}
	.icons{
		width: 68%;
	}
	.pms{
	 height:300px !important;	
	}

.icon-box i{
color:#fff;
font-size:28px;
}

.text h4{
font-size:20px;
font-weight:600;
margin-bottom:5px;
}

.text p{
color:#6c757d;
font-size:14px;
}

.apart-section h2 {
  font-size: 32px;
  line-height: 1.3;
}

.apart-card {
  background: #ffffff;
  padding: 25px;
  border-radius: 14px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
  height: 100%;
  transition: 0.3s ease;
  position: relative;
}

.apart-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

.check-icon {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #6a5acd, #7b68ee);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-bottom: 15px;
}

.apart-card h6 {
  font-weight: 600;
  margin-bottom: 8px;
}

.apart-card p {
  font-size: 14px;
  color: #6c757d;
  margin: 0;
}
.ai-card{
  background:#ffffff;
  border-radius:16px;
  padding:30px;
  height:100%;
  transition:all .35s ease;
  border:1px solid #eee;
}
.ai-card:hover{
  transform:translateY(-8px);
  box-shadow:0 25px 50px rgba(0,0,0,.08);
}
.ai-icon{
  width:55px;
  height:55px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  color:#fff;
  background:linear-gradient(135deg,#5b86e5,#36d1dc);
  margin-bottom:18px;
}
.services{
background:#000;
padding:78px;
color:#fff;
}

.heading span{
background:#0e6f9c;
padding:5px 12px;
font-size:14px;
text-transform:uppercase;
color:white !important;
}

.heading h2{
font-size:48px;
margin-top:15px;
font-weight:700;
}

.service-box{
    padding: 20px;
    text-align: left;
    border: solid 1px #d3d3d354;
    border-radius: 9px;
	height: 430px;

}

	.why-wrap {
		display: flex;
		gap: 40px;
	}
	.accordion {
		width: 50%;
	}
	/* Accordion Item */
	.acc-item {
		border-bottom: 1px solid #e5e5e5;
	}
	.acc-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 18px 15px;
		cursor: pointer;
		font-weight: 600;
		transition: 0.3s;
	}

	.acc-header:hover {
		color: #19a7ad;
	}

	/* Chevron */
	.chevron {
		width: 10px;
		height: 10px;
		border-right: 2px solid #333;
		border-bottom: 2px solid #333;
		transform: rotate(45deg);
		transition: 0.3s;
	}

	/* Content */
	/* Accordion body hidden by default */
	.acc-body {
		height: 0;
		overflow: hidden;
		padding: 0 15px;
		transition: height 0.3s ease;
		color: #555;
	}

	/* Active state */
	.acc-item.active .acc-body {
		padding-top: 10px;
		padding-bottom: 15px;
	}

	/* Header */
	.acc-header {
		display: flex;
		justify-content: space-between;
		cursor: pointer;
		padding: 15px;
		font-weight: 600;
	}

	/* Chevron arrow */
	.chevron {
		width: 10px;
		height: 10px;
		border-right: 2px solid #333;
		border-bottom: 2px solid #333;
		transform: rotate(45deg);
		transition: transform 0.3s;
	}

	.acc-item.active .chevron {
		transform: rotate(-135deg);
	}

	/* Responsive */
	@media (max-width: 900px) {
		.why-wrap {
			flex-direction: column;
		}
		.accordion {
			width: 100%;
		}
	}
	.new-main-banner-image img{
	  animation: none;
	}
	.ds-funfacts-card {
		padding:30px;
	}
	.section-title p {
	    max-width: max-content;	
	}
	.results-header {
		display: grid;
		grid-template-columns: 1fr 2fr;
		gap: 30px;
		margin-bottom: 40px;
	}

	.results-header h2 {
		font-size: 42px;
		font-weight: 700;
	}

	.results-header p {
		font-size: 15px;
		line-height: 1.7;
		color: #555;
	}
	/* QUESTION ROW */
.faq-question {
  padding: 22px 26px;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

/* CHEVRON ARROW */
.chevron {
  width: 10px;
  height: 10px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(45deg); /* down arrow */
  transition: transform 0.25s ease;
}

/* OPEN STATE */
.faq-item.active .chevron {
  transform: rotate(-135deg); /* up arrow */
}
	.faq-section {
  padding: 90px 20px;
}

.container {
  max-width: 1300px;
  margin: auto;
}

/* TITLE */
.faq-title {
  text-align: center;
  font-size: 44px;
  font-weight: 800;
  margin-bottom: 80px;
}

.faq-title span {
  color: #0b6fa8;
}

/* GRID */
.faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

/* FAQ ITEM */
.faq-item {
  background: #fff;
  border: 1px solid #eee;  
}

.faq-question {
  padding: 22px 26px;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.arrow {
  font-size: 18px;
}

/* ANSWER */
.faq-answer {
  display: none;
  padding: 0 26px 26px;
  font-size: 17px;
  line-height: 1.75;
  color: #444;
}

/* ACTIVE STATE */
.faq-item.active .faq-answer {
  display: block;
}

.faq-item.active .arrow {
  transform: rotate(180deg);
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .faq-grid {
    grid-template-columns: 1fr;
  }

  .faq-title {
    font-size: 30px;
  }
}
	.pb-50{
		padding-bottom:50px !important;
	}
	.industries {
  padding: 90px 20px;
}

.container {
  max-width: 1300px;
  margin: auto;
}

/* ===== HEADING ===== */
.section-heading {
  text-align: center;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 80px;
  color: #333;
}

.section-heading span {
  color: #0b6fa8;
}

/* ===== GRID ===== */
.industry-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}

/* ===== CARD ===== */
.industry-card {
  border: 1px solid #6c757d4d;
  padding: 35px 30px 40px;
  background: #fff;
}

/* ICON */
.industry-card .icon {
  font-size: 38px;
  color: #0b6fa8;
  margin-bottom: 25px;
}

/* TITLE */
.industry-card h3 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 18px;
}

/* TEXT */
.industry-card p {
  font-size: 17px;
  line-height: 1.75;
  color: #333;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .industry-grid {
    grid-template-columns: 1fr;
  }

  .section-heading {
    font-size: 30px;
  }
}
	.ppc-wrapper {
  padding: 90px 20px;
}

.ppc-container {
  max-width: 1250px;
  margin: auto;
}

/* ===== HEADING ===== */
.ppc-heading {
  text-align: center;
  font-size: 35px;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 60px;
}

.ppc-heading span {
  color: #0b6fa8;
}

/* ===== ITEM ROW ===== */
.ppc-item {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  margin-bottom: 70px;
}

/* ===== ICON ===== */
.ppc-icon {
  width: 80px;
  flex-shrink: 0;
}

.ppc-icon img {
  width: 70px;
}

/* ===== TEXT ===== */
.ppc-text {
  max-width: 100%;
}

.ppc-text h3 {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 14px;
}

.ppc-text p {
  font-size: 17px;
  line-height: 1.75;
  color: #444;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .ppc-heading {
    font-size: 30px;
  }

  .ppc-item {
    flex-direction: column;
  }

  .ppc-icon img {
    width: 55px;
  }
}
	* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 
}


.ppc-cta {
  background-color: #0f6a8f; /* blue background */
  padding: 50px 20px;
  text-align: center;
}

.cta-container {
  max-width: 1200px;
  margin: auto;
}

.ppc-cta h2 {
  color: #ffffff;
  font-size: 41px;
  line-height: 1.1;
  font-weight: 700;
  margin-bottom: 40px;
}

.ppc-cta .light {
  color: #9dd9f3;
}

.ppc-cta .highlight {
  color: #7fd1f5;
}

.cta-btn {
  display: inline-block;
  background-color: #ff6a3d;
  color: #ffffff;
  text-decoration: none;
  padding: 16px 36px;
  font-size: 20px;
  font-weight: 600;
  border-radius: 4px;
  transition: background 0.3s ease;
}

.cta-btn:hover {
  background-color: transparent;
}

/* Responsive */
@media (max-width: 768px) {
  .ppc-cta h2 {
    font-size: 32px;
  }

  .cta-btn {
    font-size: 18px;
    padding: 14px 30px;
  }
}

@media (max-width: 480px) {
  .ppc-cta h2 {
    font-size: 26px;
  }
}
	.ppc-section {
  padding: 0px 20px;
}

.container {
  max-width: 1200px;
  margin: auto;
  }

h1 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.3;
}

h1 span {
  color: #0a6fa6;
}

.highlight {
  color: #0a6fa6;
}

.intro {
  max-width: 900px;
  margin: 0 auto 50px;
  font-size: 17px;
  line-height: 1.7;
  color: #555;
}

.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.card {
  background: #eaf6ff;
  padding: 35px 30px;
  text-align: left;
  border-radius: 4px;
}

.card h3 {
  font-size: 26px; 
  font-weight: 700;
}

.card p {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
}

/* Responsive */
@media (max-width: 992px) {
  .cards {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  h1 {
    font-size: 30px;
  }

  .cards {
    grid-template-columns: 1fr;
  }
}
	.sd___para {
    font-size: 17px !important;
    font-weight: 400;
}
p {
    color: black;
  
    margin-bottom: 15px;
    line-height: 27px;
   
}
	.services-section {

  background: #ffffff;
 
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}



.section-header h2 {
  font-size: 44px;
  font-weight: 800;
  color: #333;
  line-height: 1.3;
}

.section-header .accent {
  color: #0f628a;
}



/* Grid */
.services-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px;
  align-items: start;
  border:none !important;
}

.service-title img {
  height: 62px;
  width: auto;
}

.service-title h3 {
  font-size: 26px;
  font-weight: 700;
  color: #333;
}

.service-box a {
  color: #0f628a;
  text-decoration: underline;
  font-weight: 600;
}

/* Responsive */
@media (max-width: 900px) {
  .section-header h2 {
    font-size: 34px;
  }

  .services-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
	*{
	  margin:0;
	  padding:0;
	  box-sizing:border-box;
	
   }
  
	.hero{
	  width:100%;
	  min-height:100vh;
	  background: linear-gradient(135deg, #05689f, #05689f, #faac22);
	  display:flex;
	  align-items:center;
	  padding:60px 0%;
	  color:#fff;
	}


	.hero-left{
	  flex:1;
	  min-width:500px;
	}

	.hero-left h1{
	  font-size:45px;
	  font-weight:700;
	  line-height:1.2;
	}

	.hero-left h1 span{
	  color:#ff8c42;
	}

	.hero-left h3{
	  margin:25px 0;
	  font-size:28px;
	  font-weight:500;
	  color:#ff8c42;
	}

	.hero-left p{
	  font-size:17px;
	  line-height:1.7;
	  max-width:600px;
	  opacity:0.9;
	  color:white;
	}

	.read-btn{
	  display:inline-block;
	  margin-top:20px;
	  color:#ff8c42;
	  text-decoration:none;
	  font-weight:600;
	  font-size:18px;
	}

	.hero-right{
	  flex:1;
	  text-align:center;
	}

	.hero-right img{
	  max-width:90%;
	  height:auto;
	}
	.case-slider {
	  max-width: 1100px;
	  margin: auto;
	}

	.slide {
	  display: none;
	  gap: 40px;
	  background: #fff;
	  border-radius: 20px;
	  padding: 40px;
	}

	.slide.active {
	  display: flex;
	}

	.content {
	  flex: 1;
	}

	.stats {
	  flex: 1;
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  gap: 20px;
	}

	.card {
	  padding: 22px;
	  border-radius: 15px;
	  font-weight: 600;
	}

	.purple { background:#efeaff; }

	.green { background:#e7ffe7; }
	.yellow { background:#fffbdc; }

	.dots {
	  text-align: center;
	  margin-top: 20px;
	}

	.dot {
	  height: 12px;
	  width: 12px;
	  margin: 0 6px;
	  background: #ccc;
	  border-radius: 50%;
	  display: inline-block;
	  cursor: pointer;
	}

	.dot.active {
	  background: orange;
	}
	
	
	.case-slider {
	  max-width: 1100px;
	  margin: auto;
	}

	.slide {
	  display: none;
	  background: #fff;
	  padding: 40px;
	  border-radius: 20px;
	}

	.slide.active {
	  display: block;
	}

	.stats {
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  gap: 20px;
	  margin-top: 20px;
	}

	.card {
	  padding: 20px;
	  border-radius: 15px;
	  font-weight: 600;
	}

	.purple { background:#efeaff; }
	
	.green { background:#e7ffe7; }
	.yellow { background:#fffbdc; }

	.dots {
	  text-align: center;
	  margin-top: 20px;
	}

	.dot {
	  width: 12px;
	  height: 12px;
	  background: #ccc;
	  display: inline-block;
	  border-radius: 50%;
	  margin: 0 6px;
	  cursor: pointer;
	}

	.dot.active {
	  background: orange;
	}
		
		

	.section{
	  padding:80px 60px;
	}



	.left{
	  flex:1;
	}

	.left img{
	  width:100%;
	  max-width:520px;
	}

	.right{
	  flex:1;
	  color:#2c3e50;
	}

	.right p{
	  font-size:18px;
	  line-height:1.8;
	  margin-bottom:25px;
	}

	/* WhatsApp Floating Button */
	.whatsapp{
	  position:fixed;
	  bottom:25px;
	  right:25px;
	  width:60px;
	  height:60px;
	  background:#25D366;
	  border-radius:50%;
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  box-shadow:0 5px 15px rgba(0,0,0,0.2);
	  cursor:pointer;
	}

	.whatsapp img{
	  width:30px;
	}

	/* Responsive */
	@media(max-width:992px){
	  .container{
		flex-direction:column;
		text-align:center;
	  }

	  .right{
		margin-top:40px;
	  }
	}
	/* Section */
	.cards-section{
	  padding:80px 60px;
	}

	.cards-container{
	  max-width:1200px;
	  margin:auto;
	  display:grid;
	  grid-template-columns: repeat(2, 1fr);
	  gap:30px;
	}

	/* Card */
	.card{
	  background:#ffffff;
	  border-radius:20px;
	  padding:35px 40px;
	  display:flex;
	  gap:12px;
	  box-shadow:0 0 0 rgba(0,0,0,0);
	}

	/* Icon */
	.card-icon{
	  width:55px;
	  height:55px;
	  flex-shrink:0;
	}

	.card-icon img{
	  width:100%;
	}

	/* Content */
	.card h3{
	  margin:0 0 12px;
	  font-size:22px;
	  color:#1f2a44;
	}

	.card p{
	  margin:0;
	  font-size:16px;
	  line-height:1.7;
	  color:#4a5568;
	}

	/* Responsive */
	@media(max-width:992px){
	  .cards-container{
		grid-template-columns:1fr;
	  }
	  .cards-section {
		padding: 68px 20px !important;
	}
	  .approach-card {
		     padding: 32px 0px !important;
	  }
	}
	/* Section */
	.approach-section{
	  padding:10px 20px;
	  text-align:center;
	}

	.approach-section h2{
	  font-size:30px;
	  line-height:1.2;
	  color:#2b2f36;
	  margin-bottom:60px;
	}

	.approach-section h2 span{
	  color:#ff8c42;
	}

	/* Cards */
	.approach-grid{
	  max-width:1200px;
	  margin:auto;
	  display:grid;
	  grid-template-columns:repeat(3,1fr);
	  gap:30px;
	}

	.approach-card{
	  background:#ffffff;
	  border-radius:22px;
	  padding:40px 35px;
	  text-align:left;
	}

	/* Icon */
	.approach-icon{
	  width:55px;
	  margin-bottom:25px;
	}

	.approach-icon img{
	  width:100%;
	}

	/* Content */
	.approach-card h3{
	  font-size:24px;
	  margin-bottom:15px;
	  color:#1f2937;
	}

	.approach-card p{
	  font-size:16px;
	  line-height:1.75;
	  color:#4b5563;
	}

	/* Responsive */
	@media(max-width:992px){
	  .approach-grid{
		grid-template-columns:1fr;
	  }
	}
	.cta-hero{
	  background: linear-gradient(180deg, #4c2cb8 0%, #3b1fa6 100%);
	  padding:100px 20px;
	  text-align:center;
	}

	.cta-content{
	  max-width:1100px;
	  margin:auto;
	}

	/* Heading */
	.cta-content h1{
	  color:#ffffff;
	  font-size:48px;
	  line-height:1.3;
	  font-weight:700;
	  margin-bottom:40px;
	}

	.cta-content h1 .highlight{
	  color:#ff9f43;
	}

	/* Button */
	.cta-btn{
	  display:inline-block;
	  background:#ff9f43;
	  color:#ffffff;
	  font-size:20px;
	  font-weight:600;
	  padding:16px 36px;
	  border-radius:8px;
	  text-decoration:none;
	  transition:all 0.3s ease;
	}

	.cta-btn:hover{
	  background:#ff8c1a;
	  transform:translateY(-3px);
	}

	/* Responsive */
	@media(max-width:768px){
	  .cta-content h1{
		font-size:34px;
	  }
	}

	@media(max-width:480px){
	  .cta-content h1{
		font-size:28px;
	  }
	}
	* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  
}

.stats-wrapper {
    background: #f3f3f3;
    padding: 70px 40px;
}

.stats-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.stat-box {
    width: 30%;
}

.stat-number {
    font-size: 37px;
    font-weight: 800;
    color: #3a3f45;
    margin-bottom: 15px;
}

.stat-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #2c2f33;
}

.stat-text {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
}

.divider {
    width: 1px;
    background: #bbb;
    height: 160px;
    margin: 0 30px;
}

/* Responsive */
@media (max-width: 992px) {
    .stats-container {
        flex-direction: column;
        gap: 40px;
    }

    .divider {
        display: none;
    }

    .stat-box {
        width: 100%;
    }
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  
}

.stats-wrapper {
    background: #f3f3f3;
    padding: 70px 40px;
}

.stats-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.stat-box {
    width: 30%;
}

.stat-number {
    font-size: 34px;
    font-weight: 500;
    color: #3a3f45;
    margin-bottom: 15px;
}

.stat-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #2c2f33;
}

.stat-text {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
}

.divider {
    width: 1px;
    background: #bbb;
    height: 160px;
    margin: 0 30px;
}

/* Responsive */
@media (max-width: 992px) {
    .stats-container {
        flex-direction: column;
        gap: 40px;
    }

    .divider {
        display: none;
    }

    .stat-box {
        width: 100%;
    }
}


.hero1 {
    padding: 20px 0;
    color: #fff;
}

.hero-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 50px;
}

/* LEFT CONTENT */
.hero-content {
    flex: 1;
}

.hero-content h1 {
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.hero-content h1 span {
    color: #f8ab22;
}

.hero-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #d9f1ff;
}

/* RIGHT GRAPHIC */
.hero-graphic {
    flex: 1;
    position: relative;
    height: 500px;
}

.circle-center {
    width: 180px;
    height: 180px;
    background: #1f2f44;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.circle-center h3 {
    font-size: 36px;
}

.circle-center span {
    font-size: 14px;
    opacity: 0.9;
}

/* BUBBLES */
.bubble {
    position: absolute;
    width: 120px;
    height: 120px;
    background: #fff;
    color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

/* POSITIONING */
.ctr { top: 10%; left: 45%; border: 6px solid #9acd32; }
.conversion { top: 0; right: 10%; border: 6px solid #5bc0c3; }
.cpc { top: 20%; right: 0; border: 6px solid #2f6fb2; }

.traffic { bottom: 25%; left: 15%; border: 6px solid #f1c40f; }
.roas { bottom: 20%; right: 5%; border: 6px solid #7e57c2; }
.leads { bottom: 0; left: 40%; border: 6px solid #f39c12; }
.reach { bottom: 0; right: 35%; border: 6px solid #e84393; }

/* RESPONSIVE */
@media (max-width: 992px) {
    .hero-container {
        flex-direction: column;
        text-align: center;
    }
	.stat-card {
		width:100% !important;
	}

    .hero-graphic {
        height: 420px;
    }
}* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
 
}

.stats-section {
    padding: 60px 0;
    background: #fff;
}

.stats-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    gap: 30px;
}

.stat-card {
    flex: 1;
    border: 1px solid;
    padding: 10px 40px;
    display: flex;
    align-items: center;
    gap: 25px;
}

.stat-card .icon {
    font-size: 33px;
    line-height: 1;
}

.stat-card h3 {
    font-size: 37px;
    font-weight: 700;
    color: #2f3437;
}

.stat-card p {
    font-size: 17px;
    font-weight: 600;
    margin-top: 5px;
    color: #2f3437;
}

/* COLORS */
.orange {
    border-color: #ff7a18;
}
.orange .icon {
    color: #ff7a18;
}

.pink {
    border-color: #e91e63;
}
.pink .icon {
    color: #e91e63;
}

.blue {
    border-color: #4a5cf0;
}
.blue .icon {
    color: #4a5cf0;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .stats-container {
        flex-direction: column;
    }
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
   
}

.services-area {
    padding: 40px 0;
    background: #ffffff;
}

.container {
    max-width: 1200px;
    margin: auto;
  
}

/* HEADINGS */
.top-line {
    font-style: italic;
    font-size: 18px;
    margin-bottom: 15px;
    color: #333;
	font-weight:bold;
	text-align:center;
}

.main-heading {
    font-size: 40px;
    font-weight: 700;
    color: #333;
    margin-bottom: 70px;
	text-align: center;
}

.main-heading span {
    color: #0a6f8f;
}
*{
  margin:0;
  padding:0;
  box-sizing:border-box;

		}
.approach-card {   
		border: solid 1px lightgray !important;
	}
		.hero{
		  width:100%;
		  min-height:100vh;
		  background: linear-gradient(135deg,#3a0ca3,#5f0f99,#7209b7);
		  display:flex;
		  align-items:center;
		  padding:60px 0%;
		  color:#fff;
		}


		.hero-left{
		  flex:1;
		  min-width:500px;
		}

		.hero-left h1{
		  font-size:45px;
		  font-weight:700;
		  line-height:1.2;
		}

		.hero-left h1 span{
		  color:#ff8c42;
		}

		.hero-left h3{
		  margin:25px 0;
		  font-size:28px;
		  font-weight:500;
		  color:#ff8c42;
		}

		.hero-left p{
		  font-size:17px;
		  line-height:1.7;
		  max-width:600px;
		  opacity:0.9;
		  color:white;
		}

		.read-btn{
		  display:inline-block;
		  margin-top:20px;
		  color:#ff8c42;
		  text-decoration:none;
		  font-weight:600;
		  font-size:18px;
		}

		.hero-right{
		  flex:1;
		  text-align:center;
		}

		.hero-right img{
		  max-width:90%;
		  height:auto;
		}
		.case-slider {
		  max-width: 1100px;
		  margin: auto;
		}

		.slide {
		  display: none;
		  gap: 40px;
		  background: #fff;
		  border-radius: 20px;
		  padding: 40px;
		}

		.slide.active {
		  display: flex;
		}

		.content {
		  flex: 1;
		}

		.stats {
		  flex: 1;
		  display: grid;
		  grid-template-columns: repeat(2, 1fr);
		  gap: 20px;
		}

		.card {
		  padding: 25px;
		  border-radius: 15px;
		  font-weight: 600;
		}

		.purple { background:#efeaff; }
		.pink { background:#ffe6e6; }
		.green { background:#e7ffe7; }
		.yellow { background:#fffbdc; }

		.dots {
		  text-align: center;
		  margin-top: 20px;
		}

		.dot {
		  height: 12px;
		  width: 12px;
		  margin: 0 6px;
		  background: #ccc;
		  border-radius: 50%;
		  display: inline-block;
		  cursor: pointer;
		}

		.dot.active {
		  background: orange;
		}
		
		
		.case-slider {
		  max-width: 1100px;
		  margin: auto;
		}

		.slide {
		  display: none;
		  background: #fff;
		  padding: 40px;
		  border-radius: 20px;
		}

		.slide.active {
		  display: block;
		}

		.stats {
		  display: grid;
		  grid-template-columns: repeat(2, 1fr);
		  gap: 20px;
		  margin-top: 20px;
		}

		.card {
		  padding: 20px;
		  border-radius: 15px;
		  font-weight: 600;
		}

		.purple { background:#efeaff; }
		.pink { background:#ffe6e6; }
		.green { background:#e7ffe7; }
		.yellow { background:#fffbdc; }

		.dots {
		  text-align: center;
		  margin-top: 20px;
		}

		.dot {
		  width: 12px;
		  height: 12px;
		  background: #ccc;
		  display: inline-block;
		  border-radius: 50%;
		  margin: 0 6px;
		  cursor: pointer;
		}

		.dot.active {
		  background: orange;
		}
			

		.section{
		  padding:80px 60px;
		}



		.left{
		  flex:1;
		}

		.left img{
		  width:100%;
		  max-width:520px;
		}

		.right{
		  flex:1;
		  color:#2c3e50;
		}

		.right p{
		  font-size:18px;
		  line-height:1.8;
		  margin-bottom:25px;
		}

		/* WhatsApp Floating Button */
		.whatsapp{
		  position:fixed;
		  bottom:25px;
		  right:25px;
		  width:60px;
		  height:60px;
		  background:#25D366;
		  border-radius:50%;
		  display:flex;
		  align-items:center;
		  justify-content:center;
		  box-shadow:0 5px 15px rgba(0,0,0,0.2);
		  cursor:pointer;
		}

		.whatsapp img{
		  width:30px;
		}

		/* Responsive */
		@media(max-width:992px){
		  .container{
			flex-direction:column;
			text-align:center;
		  }

		  .right{
			margin-top:40px;
		  }
		}
		/* Section */
		.cards-section{
		  padding:80px 60px;
		}

		.cards-container{
		  max-width:1200px;
		  margin:auto;
		  display:grid;
		  grid-template-columns: repeat(2, 1fr);
		  gap:30px;
		}

		/* Card */
		.card{
		  background:#ffffff;
		  border-radius:20px;
		  padding:35px 40px;
		  display:flex;
		  gap:25px;
		  box-shadow:0 0 0 rgba(0,0,0,0);
		}

		/* Icon */
		.card-icon{
		  width:55px;
		  height:55px;
		  flex-shrink:0;
		}

		.card-icon img{
		  width:100%;
		}

		/* Content */
		.card h3{
		  margin:0 0 12px;
		  font-size:22px;
		  color:#1f2a44;
		}

		.card p{
		  margin:0;
		  font-size:16px;
		  line-height:1.7;
		  color:#4a5568;
		}

		/* Responsive */
		@media(max-width:992px){
		  .cards-container{
			grid-template-columns:1fr;
		  }
		}
		/* Section */
		.approach-section{
		  padding:90px 60px;
		  text-align:center;
		}

		.approach-section h2{
		  font-size:42px;
		  line-height:1.2;
		  color:#2b2f36;
		  margin-bottom:60px;
		}

		.approach-section h2 span{
		  color:#ff8c42;
		}

		/* Cards */
		.approach-grid{
		  max-width:1200px;
		  margin:auto;
		  display:grid;
		  grid-template-columns:repeat(3,1fr);
		  gap:30px;
		}

		.approach-card{
		  background:#ffffff;
		  border-radius:22px;
		  padding:40px 35px;
		  text-align:left;
		}

		/* Icon */
		.approach-icon{
		  width:55px;
		  margin-bottom:25px;
		}

		.approach-icon img{
		  width:100%;
		}

		/* Content */
		.approach-card h3{
		  font-size:24px;
		  margin-bottom:15px;
		  color:#1f2937;
		}

		.approach-card p{
		  font-size:16px;
		  line-height:1.75;
		  color:#4b5563;
		}

		/* Responsive */
		@media(max-width:992px){
		  .approach-grid{
			grid-template-columns:1fr;
		  }
		}
		.cta-hero{
		  background: linear-gradient(180deg, #4c2cb8 0%, #3b1fa6 100%);
		  padding:100px 20px;
		  text-align:center;
		}

		.cta-content{
		  max-width:1100px;
		  margin:auto;
		}

		/* Heading */
		.cta-content h1{
		  color:#ffffff;
		  font-size:48px;
		  line-height:1.3;
		  font-weight:700;
		  margin-bottom:40px;
		}

		.cta-content h1 .highlight{
		  color:#ff9f43;
		}

		/* Button */
		.cta-btn{
		  display:inline-block;
		  background:#ff9f43;
		  color:#ffffff;
		  font-size:20px;
		  font-weight:600;
		  padding:16px 36px;
		  border-radius:8px;
		  text-decoration:none;
		  transition:all 0.3s ease;
		}

		.cta-btn:hover{
		  background:#ff8c1a;
		  transform:translateY(-3px);
		}

		/* Responsive */
		@media(max-width:768px){
		  .cta-content h1{
			font-size:34px;
		  }
		}

		@media(max-width:480px){
		  .cta-content h1{
			font-size:28px;
		  }
		}
/* CARDS */
.cards {
    display: flex;
    gap: 30px;
    text-align: left;
}

.card {
    flex: 1;  
    border-radius: 6px;
    padding: 19px;
    background: #fff;
}

.card .icon {
    font-size: 42px;
   
}

.card h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #111;
}

.card p {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .cards {
        flex-direction: column;
    }

    .main-heading {
        font-size: 36px;
    }
}
.hero1 {
  background-color: #0f628a; /* teal-blue background */
     padding: 60px 0;
  text-align: center;
}

.hero-content {
  max-width: 1100px;
  margin: 0 auto;
}

.hero h1 {
  color: #ffffff;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 40px;
}

.hero .highlight {
  color: #8fd3f4; /* light blue highlight */
  font-weight: 900;
}

/* CTA Button */
.cta-btn {
  display: inline-block;
  background-color: #ff5a2c; /* orange button */
  color: #ffffff;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  padding: 16px 36px;
  border-radius: 6px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.cta-btn:hover {
  background-color: #e84f25;
  transform: translateY(-2px);
}
.service-box i{
font-size:40px;
color:#ff6a00;
margin-bottom:20px;
display:block;
}

.service-box h3{
font-size:22px;
font-weight:700;
margin-bottom:15px;
}

.service-box p{
color:#7b7a7a;
line-height:1.7;
}

.owl-nav{
position:absolute;
top:-80px;
right:0;
}

.owl-nav button{
width:40px;
height:40px;
border:1px solid #666 !important;
color:#fff !important;
margin-left:10px;
}
.header {
            text-align: center;
            margin-bottom: 60px;
        }

        .header h2 {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 15px;
        }

        .header span {
            background: linear-gradient(90deg, #3b82f6, #93c5fd);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 25px;
        }

        .feature-card {
            background: #80808024;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 24px;
            padding: 40px;
            position: relative;
            transition: all 0.4s ease;
            backdrop-filter: blur(12px);
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        /* The Glow Effect from your image */
        .feature-card:hover {
            transform: translateY(-10px);           
            box-shadow: 0 20px 40px -10px var(--glow);
            background: rgb(10 159 6 / 29%);
        }

        .icon-container {
            width: 80px;
            height: 80px;
            margin-bottom: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            /* Blue glow behind icons */
            filter: drop-shadow(0 0 12px var(--accent-blue));
        }

        .icon-container img {
            width: 100%;
            height: auto;
        }

        .feature-card h3 {
            font-size: 1.4rem;
            margin-bottom: 12px;
            font-weight: 600;
            line-height: 1.3;
        }

        .feature-card p {
            color: var(--text-gray);
            font-size: 1rem;
            line-height: 1.6;
            margin: 0;
        }

        /* Mobile responsive */
        @media (max-width: 640px) {
            .header h2 { font-size: 1.8rem; }
            .feature-card { padding: 30px 20px; }
        }

	*{
	  margin:0;
	  padding:0;
	  box-sizing:border-box;
	
   }
  
	.hero{
	  width:100%;
	  min-height:100vh;
	     background: linear-gradient(135deg, #05689f, #05689f, #05689f);
	  display:flex;
	  align-items:center;
	  padding:60px 0%;
	  color:#fff;
	}


	.hero-left{
	  flex:1;
	  min-width:500px;
	}

	.hero-left h1{
	  font-size:45px;
	  font-weight:700;
	  line-height:1.2;
	}

	.hero-left h1 span{
	  color:#ff8c42;
	}

	.hero-left h3{
	  margin:25px 0;
	  font-size:28px;
	  font-weight:500;
	  color:#ff8c42;
	}

	.hero-left p{
	  font-size:17px;
	  line-height:1.7;
	  max-width:600px;
	  opacity:0.9;
	  color:white;
	}

	.read-btn{
	  display:inline-block;
	  margin-top:20px;
	  color:#ff8c42;
	  text-decoration:none;
	  font-weight:600;
	  font-size:18px;
	}

	.hero-right{
	  flex:1;
	  text-align:center;
	}

	.hero-right img{
	  max-width:90%;
	  height:auto;
	}
	.case-slider {
	  max-width: 1100px;
	  margin: auto;
	}

	.slide {
	  display: none;
	  gap: 40px;
	  background: #fff;
	  border-radius: 20px;
	  padding: 40px;
	}

	.slide.active {
	  display: flex;
	}

	.content {
	  flex: 1;
	}

	.stats {
	  flex: 1;
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  gap: 20px;
	}

	.card {
	  padding: 25px;
	  border-radius: 15px;
	  font-weight: 600;
	}

	.purple { background:#efeaff; }
	.pink { background:#ffe6e6; }
	.green { background:#e7ffe7; }
	.yellow { background:#fffbdc; }

	.dots {
	  text-align: center;
	  margin-top: 20px;
	}

	.dot {
	  height: 12px;
	  width: 12px;
	  margin: 0 6px;
	  background: #ccc;
	  border-radius: 50%;
	  display: inline-block;
	  cursor: pointer;
	}

	.dot.active {
	  background: orange;
	}
	
	
	.case-slider {
	  max-width: 1100px;
	  margin: auto;
	}

	.slide {
	  display: none;
	  background: #fff;
	  padding: 40px;
	  border-radius: 20px;
	}

	.slide.active {
	  display: block;
	}

	.stats {
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  gap: 20px;
	  margin-top: 20px;
	}

	.card {
	  padding: 20px;
	  border-radius: 15px;
	  font-weight: 600;
	}

	.purple { background:#efeaff; }
	.pink { background:#ffe6e6; }
	.green { background:#e7ffe7; }
	.yellow { background:#fffbdc; }

	.dots {
	  text-align: center;
	  margin-top: 20px;
	}

	.dot {
	  width: 12px;
	  height: 12px;
	  background: #ccc;
	  display: inline-block;
	  border-radius: 50%;
	  margin: 0 6px;
	  cursor: pointer;
	}

	.dot.active {
	  background: orange;
	}
	

	.section{
	  padding:80px 60px;
	}



	.left{
	  flex:1;
	}

	.left img{
	  width:100%;
	  max-width:520px;
	}

	.right{
	  flex:1;
	  color:#2c3e50;
	}

	.right p{
	  font-size:18px;
	  line-height:1.8;
	  margin-bottom:25px;
	}

	/* WhatsApp Floating Button */
	.whatsapp{
	  position:fixed;
	  bottom:25px;
	  right:25px;
	  width:60px;
	  height:60px;
	  background:#25D366;
	  border-radius:50%;
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  box-shadow:0 5px 15px rgba(0,0,0,0.2);
	  cursor:pointer;
	}

	.whatsapp img{
	  width:30px;
	}

	/* Responsive */
	@media(max-width:992px){
	  .container{
		flex-direction:column;
		text-align:center;
	  }

	  .right{
		margin-top:40px;
	  }
	}
	/* Section */
	.cards-section{
	  padding:80px 60px;
	}

	.cards-container{
	  max-width:1200px;
	  margin:auto;
	  display:grid;
	  grid-template-columns: repeat(2, 1fr);
	  gap:30px;
	}

	/* Card */
	.card{
	  background:#ffffff;
	  border-radius:20px;
	  padding:35px 40px;
	  display:flex;
	  gap:25px;
	  box-shadow:0 0 0 rgba(0,0,0,0);
	}

	/* Icon */
	.card-icon{
	  width:55px;
	  height:55px;
	  flex-shrink:0;
	}

	.card-icon img{
	  width:100%;
	}

	/* Content */
	.card h3{
	  margin:0 0 12px;
	  font-size:22px;
	  color:#1f2a44;
	}

	.card p{
	  margin:0;
	  font-size:16px;
	  line-height:1.7;
	  color:#4a5568;
	}

	/* Responsive */
	@media(max-width:992px){
	  .cards-container{
		grid-template-columns:1fr;
	  }
	}
	
	

	.approach-section h2{
	  font-size:42px;
	  line-height:1.2;
	  color:#2b2f36;
	  margin-bottom:60px;
	}

	.approach-section h2 span{
	  color:#ff8c42;
	}

	/* Cards */
	.approach-grid{
	  max-width:1200px;
	  margin:auto;
	  display:grid;
	  grid-template-columns:repeat(3,1fr);
	  gap:30px;
	}

	.approach-card{
	  background:#ffffff;
	  border-radius:22px;
	  padding:40px 35px;
	  text-align:left;
	  border:solid 1px lightgrey;
	  
	}

	/* Icon */
	.approach-icon{
	  width:55px;
	  margin-bottom:25px;
	}

	.approach-icon img{
	  width:100%;
	}

	/* Content */
	.approach-card h3{
	  font-size:24px;
	  margin-bottom:15px;
	  color:#1f2937;
	}

	.approach-card p{
	  font-size:16px;
	  line-height:1.75;
	  color:#4b5563;
	    
	}

	/* Responsive */
	@media(max-width:992px){
	  .approach-grid{
		grid-template-columns:1fr;
	  }
	}
	.cta-hero{
	  background: linear-gradient(180deg, #4c2cb8 0%, #3b1fa6 100%);
	  padding:100px 20px;
	  text-align:center;
	}

	.cta-content{
	  max-width:1100px;
	  margin:auto;
	}

	/* Heading */
	.cta-content h1{
	  color:#ffffff;
	  font-size:48px;
	  line-height:1.3;
	  font-weight:700;
	  margin-bottom:40px;
	}

	.cta-content h1 .highlight{
	  color:#ff9f43;
	}

	/* Button */
	.cta-btn{
	  display:inline-block;
	  background:#ff9f43;
	  color:#ffffff;
	  font-size:20px;
	  font-weight:600;
	  padding:16px 36px;
	  border-radius:8px;
	  text-decoration:none;
	  transition:all 0.3s ease;
	}

	.cta-btn:hover{
	  background:#ff8c1a;
	  transform:translateY(-3px);
	}

	/* Responsive */
	@media(max-width:768px){
	  .cta-content h1{
		font-size:34px;
	  }
	}

	@media(max-width:480px){
	  .cta-content h1{
		font-size:28px;
	  }
	  

	}
	* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  
}

.stats-wrapper {
    background: #f3f3f3;
    padding: 70px 40px;
}

.stats-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.stat-box {
    width: 30%;
}

.stat-number {
    font-size: 37px;
    font-weight: 800;
    color: #3a3f45;
    margin-bottom: 15px;
}

.stat-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #2c2f33;
}

.stat-text {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
}

.divider {
    width: 1px;
    background: #bbb;
    height: 160px;
    margin: 0 30px;
}

/* Responsive */
@media (max-width: 992px) {
    .stats-container {
        flex-direction: column;
        gap: 40px;
    }
	
    .divider {
        display: none;
    }

    .stat-box {
        width: 100%;
    }
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

.stats-wrapper {
    background: #f3f3f3;
    padding: 70px 40px;
}

.stats-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.stat-box {
    width: 30%;
}

.stat-number {
    font-size: 34px;
    font-weight: 500;
    color: #3a3f45;
    margin-bottom: 15px;
}

.stat-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #2c2f33;
}

.stat-text {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
}

.divider {
    width: 1px;
    background: #bbb;
    height: 160px;
    margin: 0 30px;
}

/* Responsive */
@media (max-width: 992px) {
    .stats-container {
        flex-direction: column;
        gap: 40px;
    }

    .divider {
        display: none;
    }

    .stat-box {
        width: 100%;
    }
}

/* End "Data Science & Analytics Demo", "CSS" *//*# sourceMappingURL=style.css.map */