:root {
            --primary-color: #065eaa;
            --secondary-color: #000;
            --accent-color: #0770c9;
			--banner-color-top: #065eaa;
			--banner-color-mid: #065fad;
        }
        
        body {
           font-family: 'Roboto', sans-serif;
            background-color: #f8f9fa;
        }
        .fw-bold .tam { font-family: 'Noto Sans Tamil', sans-serif;  }
        .hero-section {
            background: linear-gradient(135deg, var(--banner-color-top), var(--banner-color-mid));
            color: #fff;
            padding: 5rem 0;
            position: relative;
            overflow: hidden;
        }
        
        .hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjA1KSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg==');
            opacity: 0.3;
        }
        
      
        
        .benefit-card {
	background: #e4f8f9;
	border-radius: 10px;
	padding: 2rem;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	height: 100%;
	transition: transform 0.3s ease;
	border: 2px solid #b4e1e3; text-align: center;
}
 .benefit-card h4 {
	font-size: 1.3rem;
	font-weight: 700;
}
.py-5.offer-counter-bottom {padding-bottom:0 !important;}

.whoshould h2 {
	color: #fff;
	font-size: 3em;
	font-weight: 700;
}
 .audience-card p {min-height: 75px; }
   .audience-card h5 {
	font-size: 1.3rem;
	font-weight: 700;
}
.whoshould  { background: url('img/banner-back1.jpg') center / cover no-repeat;}   
        .benefit-card:hover {
            transform: translateY(-5px);
        }
        
        .benefit-icon {
            font-size: 2.5rem;
            color: var(--primary-color);
            margin-bottom: 1rem;
        }
        
        .audience-card {
            background: white;
            border-radius: 10px;
            padding: 1.5rem;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            text-align: left;
            transition: all 0.3s ease;
        }
        
        .audience-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        
        .audience-icon {
            font-size: 2rem;
            color: var(--primary-color);
            margin-bottom: 1rem;
        }
        .hero-section h1 { background-color:#0a7cde; padding-top:10px; padding-bottom:15px; }
		.workshop-description {
		font-size: 1.1rem;
            line-height: 1.5;
            color: white;
            display: inline;
            background-color: #060606; /* Black background for text only */
            padding:5px;
          
            box-decoration-break: clone;
            -webkit-box-decoration-break: clone; font-weight:600;
		}
			
        .tool-logo {
            height: 60px;
            margin: 0.5rem;
            filter: grayscale(100%);
            opacity: 0.7;
            transition: all 0.3s ease;
        }
        
        .tool-logo:hover {
            filter: grayscale(0%);
            opacity: 1;
        }
        
        
        
        .faq-item {
            margin-bottom: 1rem;
            border-bottom: 1px solid #eee;
            padding-bottom: 1rem;
        }
        
        .btn-primary {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            border: none;
            padding: 0.8rem 2rem;
            font-weight: 600;
        }
        
        .btn-primary:hover {
            background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
        }
.hero-section {
            padding: 80px 0;
			  background: url('img/banner-back.jpg') center / cover no-repeat;
           
            position: relative;
            overflow: hidden;
        }
        
        .hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 40%;
            height: 100%;
            background: linear-gradient(135deg, rgba(74, 107, 255, 0.1) 0%, rgba(255, 107, 107, 0.1) 100%);
            z-index: 0;
            border-radius: 30% 0 0 30%;
        }
        
        .display-4 {
            font-weight: 700;
            color: #fff;
            
        }
        
        .lead {
            font-size: 1.25rem;
            max-width: 800px;
            margin: 0 auto 40px;
        }
        
        .banner-img-left {
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            position: relative;
            z-index: 1;
        }
        
        .banner-img-left:hover {
            transform: translateY(-5px);
        }
        
        .banner-audience-card {
            background-color: #0a7cde;
            border-radius: 12px;
            padding: 25px 20px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
            height: 100%;
            text-align: center;
        }
        
        .banner-audience-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .cal-icon {
            width: 60px;
            height: 60px;
            
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
        }
        
        .cal-icon img {
            width: 36px;
            height: 36px;
        }
        
       .banner-audience-card h5 {
	font-weight: 600;
	color: #fff;
	margin-bottom: 0;
	font-size: 1.5rem;
}
        
        .banner-audience-card p {
            color: #fff;
            font-size: 0.9rem;
            margin-bottom: 5px;
        }
        
        .countdown-timer {
            display: flex;
            justify-content: center;
            margin: 30px 0;
        }
        
       .countdown-container {
            font-family: 'Arial', sans-serif;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 30px;
            padding: 20px;
            background-color: #0a7cde;
        }
        
                  .countdown-heading {
	font-size: 1.5rem;
	color: #fff;
	font-weight: 600;
	margin-right: 1em;
	white-space: nowrap;
	text-align: left;
}
        
        
        .countdown-timer {
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .time-unit {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 0 5px;
        }
        
        .countdown-box {
	background-color: #4a6bff00;
	color: white;
	padding: 5px 10px;
	border-radius: 6px;
	min-width: 40px;
	text-align: center;
	margin-bottom: 5px;
	border: 1px solid #fff;
}
        
       .countdown-value {
	font-size: 3rem;
	font-weight: bold;
	line-height: 1;
}
        
        .countdown-label {
            font-size: 0.7rem;
            color: #fff;
            text-transform: uppercase;
            white-space: nowrap;
        }
        
        .countdown-separator {
            font-size: 1.5rem;
            color: #333;
            font-weight: bold;
            align-self: flex-end;
            margin-bottom: 15px;
        }
        
        .register-btn {
	background-color: #0c5b9f;
	color: white;
	border: none;
	padding: 8px 20px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 1.5rem;
	cursor: pointer;
	margin-left: 15px;
	white-space: nowrap; transition: all 0.3s ease;
}
.register-btn:hover  { background-color: #2b0e41; transform: translateY(-5px);
 }
.main-title  { text-align:center;} 
.main-title  h2 { color:#0f1934; font-size:3em; font-weight:700; }
.main-title  h2 span { color:#0770c9; }
.main-title p { font-size:1.5em; } 
        
		.access-card {
	background: linear-gradient(135deg, #1968d7, #5615f7);
	border-radius: 16px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	padding: 13px 62px;
	text-align: left;
	color: white;
	position: relative;
	overflow: hidden;
}
.access-card h1 {font-size: 22px;
  font-weight: 600;
  padding-top: 10px;
  font-style: italic; }
        .tick-icon {
            position: absolute;
            left: 20px;
            top: 20px;
            font-size: 24px;
            color: rgba(255, 255, 255, 0.7);
        }
        
      .price {
	font-size: 32px;
	font-weight: bold;
	color: white;
	margin: 5px 0;
}

.offer-counter-bottom .btn-register {
	background-color: #2ed2f3;
	color: #fdfdfd;
	font-weight: bold;
	padding: 20px 30px;
	border-radius: 10px;
	font-size: 1.9rem;
	margin-top: 20px;
	border: none;
	transition: all 0.3s ease;
	width: 80%;
}
	.offer-counter-bottom h1 { 	font-size: 40px;
	font-weight: 700; }
	.offer-counter-bottom h2 { 	font-size: 42px;	font-weight: 700; }
		
      
		
	.faq-section {
            padding: 60px 0;
        }
        .section-title {
            color:#000;
            font-weight: 700;
            margin-bottom: 40px;
            position: relative; font-size:44px;
        }
		.section-title span{ color: var(--primary-color);}
       
        .faq-item {
            background-color: #e4f8f9;
            border-radius: 8px;
            padding: 20px 25px;
            margin-bottom: 15px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
           
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .faq-item:hover {
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .faq-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .faq-item h5 {
            color: #333;
            font-weight: 600;
            margin-bottom: 0;
            padding-right: 30px;
            flex-grow: 1;
        }
        .faq-item .faq-content {
            color: var(--secondary-color);
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
        }
        .faq-item.active .faq-content {
            max-height: 300px;
            padding-top: 15px;
        }
        .faq-toggle {
            color: var(--primary-color);
            font-size: 1.2rem;
            transition: transform 0.3s ease;
        }
        .faq-item.active .faq-toggle {
            transform: rotate(180deg);
        }
		
		.marquee-container {
		     overflow: hidden;
            white-space: nowrap;
            position: relative;
            border-radius: 8px;
            padding: 15px 0;
        }
        
        /* Marquee track - contains two copies of content */
        .marquee-track {
            display: inline-block;
            white-space: nowrap;
        }
        
        /* Left-to-right marquee */
        .marquee-content-left {
            display: inline-block;
            animation: marquee-left 40s linear infinite;
        }
        
        @keyframes marquee-left {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        
        /* Right-to-left marquee */
        .marquee-content-right {
            display: inline-block;
            animation: marquee-right 40s linear infinite;
        }
        
        @keyframes marquee-right {
            0% { transform: translateX(0); }
            100% { transform: translateX(50%); }
        }
        
        .news-item {
            display: inline-block;
            margin: 0 10px;
            vertical-align: middle;
            animation: none !important;
        }
        
        .news-item img {
            width: 450px;
            height: auto;
            object-fit: contain;
        }	
		.offer-container {
	max-width: 100%;
	margin: 50px auto 49px auto;
	padding: 7rem 40px 5rem 40px;
	background: linear-gradient(135deg, #1968d7, #5615f7);
	border-radius: 15px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	color: white;
}
        .countdown-timer {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin: 30px 0;
        }
        .time-unit {
            text-align: center;
        }
        .countdown-box {
            background:none;
            color: white;
            padding: 15px 25px;
            border-radius: 10px;
            font-size: 2rem;
            font-weight: bold;
            margin-bottom: 5px;
            backdrop-filter: blur(5px);
        }
        .countdown-label {
            font-size: 0.9rem;
            color: rgba(255, 255, 255, 0.8);
            text-transform: uppercase;
        }
        .highlight-box {
          
            padding: 25px;
            margin: 0px 0 30px 0;
            border-radius: 8px;
            backdrop-filter: blur(5px);
        }
        .btn-register {
            background-color: #2ed2f3;
            color: #1a1a1a;
            font-weight: bold;
            padding: 12px 30px;
            border-radius: 50px;
            font-size: 1.1rem;
            margin-top: 0px;
            border: none;
            transition: all 0.3s ease;
        }
        .btn-register:hover {
            background-color: #180e41;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        .urgency-text {
            color: #fff;
            font-weight: bold;
            text-align: center;
            margin-top: 20px;
            animation: pulse 1.5s infinite; font-size: 26px;
        }
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }
        h1, .lead {
            text-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }
		.trainer-card {
            background-color: white;
            padding: 30px;
            border-radius: 10px;
           
            margin-top: 20px;
        }
		.manibadetop { position:relative; }
		.award-badge1 {
	position: absolute;
	top: 10rem;
	max-width: 405px;
	text-align: right;
	left: -47px;
	font-weight: 700;
}
.award-badge2 {
	position: absolute;
	text-align: right;
	top: 24rem;
	max-width: 238px;
	left: 35px;
	font-weight: 700;
}

.award-badge3 {
	position: absolute;
	text-align: right;
	bottom: 3rem;
	max-width: 405px;
	left: 17%;
	font-weight: 700;
}
.award-badge4 {
	position: absolute;
	top: 18rem;
	max-width: 233px;
	right: 46px;
	font-weight: 700;
}

.award-badge5 {
	position: absolute;
	bottom: 6rem;
	max-width: 292px;
	right: 100px;
	font-weight: 700;
}
.trainer-card  h4 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 20px;
}
		.offer-counter-bottom h2.justlead  {font-size: 64px;}
		 
      .trainer-card h3 {
	color: #0770c9;
	font-weight: 700;
	margin-bottom: 24px;
	font-size: 3em;
}
        .awards-section {
            background-color: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            margin-top: 40px;
        }
        .awards-section h2 {
            color: #235bdc;
            font-weight: 700;
            margin-bottom: 25px;
            text-align: center;
        }
        .award-item {
            margin-bottom: 25px;
            padding-bottom: 25px;
            border-bottom: 1px solid #eee;
        }
        .award-item:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        .award-title {
            font-weight: 600;
            font-size: 1.1rem;
            color: #333;
            margin-bottom: 5px;
        }
        .award-by {
            font-style: italic;
            color: #666;
        }
        .award-year {
            display: inline-block;
            background-color: #235bdc;
            color: white;
            padding: 2px 10px;
            border-radius: 20px;
            font-size: 0.8rem;
            margin-top: 5px;
        }
        .award-badge {
            display: inline-block;
            background-color: #f0f5ff;
            color: #235bdc;
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            margin-right: 10px;
            margin-bottom: 10px;
            border: 1px solid #d6e4ff;
        }
		 @media (max-width: 992px) {
            .hero-section::before {
                width: 100%;
                border-radius: 0;
                opacity: 0.2;
            }
            
            .banner-img-left {
                margin-bottom: 30px;
            }
        }
		
		  @media (max-width: 768px) {
			
			.section-title {

	font-size: 30px;
}
			.trainer-card h3 {
	color: #0770c9;
	font-weight: 700;
	margin-bottom: 24px;
	font-size: 2.3em;
}
.offer-counter-bottom h1 {
	font-size: 31px;
	font-weight: 700;
}
.offer-counter-bottom h2.justlead {
	font-size: 58px;
}
.lead {
		max-width: 800px;
	margin: 0 auto 0px;
}
			.offer-counter-bottom h2 {
	font-size: 28px;
	font-weight: 700;
		}
		.offer-container {
	max-width: 100%;
	margin: 25px auto 25px auto;
	padding: 5rem 40px 3rem 40px;
	background: linear-gradient(135deg, #1968d7, #5615f7);
	border-radius: 15px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	color: white;
}
			.main-title h2 {
	color: #0f1934;
	font-size: 2.3em;
	font-weight: 700;
}
.whoshould h2 {
	color: #fff;
	font-size: 2.3em;
	font-weight: 700;
}
			.highlight-box {
	padding: 25px 5px;
	margin: 0px 0 30px 0;
	border-radius: 8px;
	backdrop-filter: blur(5px);
}
.offer-counter-bottom .btn-register {
	background-color: #2ed2f3;
	color: #fdfdfd;
	font-weight: bold;
	padding: 20px 10px;
	border-radius: 10px;
	font-size: 1.2rem;
	margin-top: 20px;
	border: none;
	transition: all 0.3s ease;
	width: 100%;
}
			.countdown-heading {
	font-size: 1.5rem;
	color: #fff;
	font-weight: 600;
	margin-right: 1em;
	white-space: wrap;
	text-align: center;
}
			.countdown-timer {
	display: flex;
	justify-content: center;
	gap: 4px;
	margin: 30px 0;
}
.py-5.offer-counter-bottom .countdown-timer {
	display: flex;
	justify-content: center;
	gap: 0px;
	margin: 30px 0;
}
			.countdown-value {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
}
			.mainbadges {
	display: none;
}
            .countdown-container {
                flex-direction: column;
                gap: 15px;
            }
            
            .countdown-heading {
                margin-right: 0;
                margin-bottom: 10px;
            }
            
            .register-btn {
                margin-left: 0;
                margin-top: 10px;
            }
  
            .award-badge {
                display: block;
                margin-right: 0;
                margin-bottom: 10px;
            }
        }