@charset "UTF-8";


/* Gradient Utilities */
.gradient-bg {
	background: linear-gradient(135deg, #0d6efd, #dc3545, #fbc02d);
	background-size: 200% 200%;
	animation: gradientShift 8s ease infinite;
}

@keyframes gradientShift { 0% {
	background-position: 0% 50%;
}

50%
{
background-position
:
100%
50%;
}
100%
{
background-position
:
0%
50%;
}
}

/* Hero */
.hero {
	padding: 80px 20px;
}

.hero h1 {
	font-size: 3rem;
	font-weight: 700;
	color: #fff;
}

.hero p {
	font-size: 1.2rem;
	color: #fff;
}

/* Highlight Cards */
.highlight-card {
	background: #fff;
	border-radius: 15px;
	padding: 25px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	text-align: center;
	transition: 0.3s;
}

.highlight-card:hover {
	transform: translateY(-6px);
	border: 1px solid #0d6efd;
}

.highlight-card i {
	font-size: 2.5rem;
	color: #dc3545;
	margin-bottom: 15px;
}

/* Form */
.form-container {
	background: #fff;
	border-radius: 20px;
	padding: 40px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.form-container h2 {
	color: #0d6efd;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}

form input, form textarea {
	padding: 12px;
	border-radius: 10px;
	border: 1px solid #ccc;
}

form button {
	/* background: linear-gradient(90deg, #0d6efd, #dc3545, #fbc02d); */
	background: linear-gradient(90deg, #0d6efd, #dc3545, #fbc02d);
	border: none;
	color: #fff;
	padding: 12px 24px;
	font-weight: bold;
	border-radius: 25px;
	transition: 0.3s;
}

form button:hover {
	opacity: 0.9;
}

/* Accordion */
.accordion-button {
	font-weight: 500;
}

.accordion-button:not(.collapsed) {
	background: #0d6efd;
	color: #fff;
}

/* Testimonials */
.testimonials {
	background: linear-gradient(135deg, #dc3545, #0d6efd, #fbc02d);
	color: #fff;
	padding: 80px 20px;
}

.testimonial-card {
	background: #fff;
	color: #333;
	border-radius: 15px;
	padding: 30px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.testimonial-card img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin-bottom: 15px;
	object-fit: cover;
	border: 3px solid #0d6efd;
}

.stars i {
	color: #fbc02d;
}

/* Scroll Top */
#scroll-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #dc3545;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: none;
	transition: 0.3s;
}

#scroll-top:hover {
	background: #0d6efd;
}

 /* Footer */
    footer { color: #fff; }
    footer .text-warning { color:#ffd54f !important; }

    /* Footer links hover */
    .footer-links li { margin-bottom: 8px; }
    .footer-links a { color: rgba(255,255,255,.92); text-decoration:none; display:inline-block; transition: color .28s ease, transform .28s ease; }
    .footer-links a:hover { color: #ffeb3b !important; transform: translateX(6px); }

    /* Social icons - premium style */
    .social-icon {
      width: 46px; height:46px; display:inline-flex; align-items:center; justify-content:center;
      border-radius:50%; color:#fff; font-size:20px;
      background: linear-gradient(135deg, #1e3c72, #2a5298);
      box-shadow: 0 3px 8px rgba(0,0,0,.25);
      transition: transform .35s ease, box-shadow .35s ease, background .35s ease;
    }
    .social-icon:hover { transform: scale(1.18); box-shadow: 0 8px 22px rgba(0,0,0,.36); color:#fff !important; }

    /* Brand-specific hover */
    .social-icon.facebook:hover { background: linear-gradient(135deg,#1877f2,#145dbf); }
    .social-icon.twitter:hover  { background: linear-gradient(135deg,#1da1f2,#0d8ddb); }
    .social-icon.linkedin:hover { background: linear-gradient(135deg,#0a66c2,#004182); }
    .social-icon.instagram:hover {
      background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    }

    /* Stats/purecounter display tweak */
    .purecounter { font-weight:700; font-size:2rem; }

    /* Scroll-to-top button */
    .scroll-top {
      position: fixed; right: 20px; bottom: 20px;
      width: 52px; height: 52px; border-radius: 50%;
      background: linear-gradient(135deg,#ff416c,#ff4b2b);
      color: #fff; display:flex; align-items:center; justify-content:center;
      box-shadow: 0 6px 20px rgba(0,0,0,.3);
      z-index: 3000;
      opacity: 0; visibility: hidden; transform: translateY(10px) scale(.95);
      transition: all .35s cubic-bezier(.2,.9,.3,1);
    }
    .scroll-top.active { opacity:1; visibility:visible; transform: translateY(0) scale(1); }
    .scroll-top:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 10px 30px rgba(0,0,0,.4); }