@import url('https://fonts.googleapis.com/css2?family=Bowlby+One+SC&family=Poppins:wght@400;600&family=Roboto:wght@400;500&display=swap');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Poppins", sans-serif;
}

:root {
	--main-color: #2A3990;
	--text-color: #2A3990;
	--box-shadow: 0 0 15px 0 #ddd;
	--text-color2: #333;
	--linear-color: linear-gradient(90deg, #fc4f19 0, #f6a60d 100%)
}

a {
	text-decoration: none !important;
}

.card {
	border: none !important;
}

nav {
	padding: 16px !important;
}

nav.active {

	background-color: #fff;
	box-shadow: 2px 12px 16px -10px rgb(168 168 168 / 50%);
	transition: all .5s;
	/* color: #000 !important; */
}

nav ul li {
	padding: 4px !important;
}

nav .nav-item a {
	font-size: 16px;
	/* font-weight: ; */
	color: #ffffff !important;
	text-shadow: 1px 1px 3px #000 !important;
}

nav.active .nav-item a {

	color: #000 !important;
	text-shadow: 0px 0px 0px #000 !important;
}

nav .dropdown-menu li a {

	color: #000 !important;

}

nav .dropdown-menu li {
	line-height: 20px !important;

}

nav .dropdown-menu li a:hover {
	font-weight: 450;
	background-color: #2A3990 !important;
	color: #fff !important;
	/* padding: 10px !important; */
}

.ham-btn {
	background-color: #ffffff;
	opacity: 0.5;
}

.hero-section {
	min-height: 100%;
	width: 100%;
}

.carousel-caption {
	position: absolute;
	width: 40%;
	top: 10rem;
	left: 15%;
	padding-right: 3rem;
	color: #fff;

}

.carousel-item img {
	background-size: cover;
	background-position: center;
}

.carousel-caption h5 {
	color: #fff;
	font-weight: bold;
	text-align: left !important;
	font-size: 2rem;
}

.carousel-caption button {
	padding: 20px 20px;
	text-align: left !important;
	display: inline-block;
	margin-top: 2rem;
	outline: none;
	border: none;
	color: #fff;
	border: 3px solid #fff;
	background: transparent;
	border-radius: 40px;
	cursor: pointer;
}

h2 {
	text-align: center;
	padding: 10px;
}

#slide-slow-box {
	width: 100%;
	height: 100%;

}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-250px * 7));
	}
}

.orange {
	color: #2A3990;
	font-weight: bold;
}

#why {
	margin-top: 10rem !important;
}

#why h1 {
	font-weight: bold;
	color: #000;
}

#why h4 {
	font-weight: bold;
	color: #000;
}

#why .container .row .col-lg-6 h3 {
	font-weight: bold;
	color: #2A3990;
	font-size: 30px;
}

.myclass {
	border-radius: 10px;

}

.successFullyears {
	font-weight: bold;
	font-size: 2.2rem;
}

.successFullP {
	color: #000;
	font-weight: bold;
	margin-top: 10px !important;
	padding-top: 10px;
}

.service {
	margin-top: 2rem !important;
}

.service .container .heading h4 {
	color: #2A3990;
	font-size: 2em;
	font-weight: bold;
}
header {
            background-image:url('header.jpg');
            background-size:cover;
            background-position: center;  
            color: white;  
            top-margin:10px;
            text-align: center;  
            min-height: 500px;
            margin-top: 0px;

        }
@media (max-width: 768px) {
            header {
                padding: 15px 5px;  
                min-height: 100px;  
            }
            header h1 {
                font-size: 1.5em;  
            }
        }

        @media (max-width: 480px) {
            header {
                padding: 10px 5px;  
                min-height: 80px;  
            }
            }
.service .container .headings p {
	color: black !important;
	font-size: 20px;
}

.service .card {

	border-radius: 10px;
	box-shadow: 0 0 15px 0 #ddd;
	transition: all .2s;
}

.service .card:hover {
	background: #2A3990;
}

.service .card:hover p {
	color: #fff !important;

}

.service .card p {
	text-decoration: none !important;
	font-weight: bold;
	color: #000 !important;
	font-size: 20px !important;

}

.blink {
	animation: blinker 1.5s linear infinite;
	color: red;
	font-family: sans-serif;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.our-products {
	margin-top: 2rem;
	min-height: 100vh;
	background-image: url("../static/img/gradient_01.png");
	background-position: center;
	background-size: cover;
	padding: 3rem;
}

.our-products h3 {
	font-weight: bold;
	color: #fff;
	font-size: 2rem;
}

.our-products h2 {
	font-weight: bold;
	color: #fff;
	font-size: 3rem;
}

.site-footer {
	background-color: var(--main-color);
	color: #fff;
	padding: 40px 0;
	font-family: "Poppins", sans-serif;
}

.footer-container {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	text-align: center;
}

.footer-container div {
	margin: 20px;
}

.footer-container h3 {
	margin-bottom: 20px;
	font-weight: 600;
}

.footer-container ul {
	list-style: none;
}

.footer-container ul li a {
	color: #fff;
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer-container ul li a:hover {
	color: var(--linear-color);
}

.footer-bottom {
	text-align: center;
	margin-top: 20px;
	border-top: 1px solid #fff;
	padding-top: 20px;
}
.blink {
	animation: blinker 1.5s linear infinite;
	color: red;
}




@media (max-width: 768px) {
	.footer-container {
		flex-direction: column;
		align-items: flex-start;
	}

	.footer-container div,
	.footer-container h3,
	.footer-container p,
	.footer-container ul li a {
		text-align: left;
	}

	.footer-container div {
		width: 100%;
		margin: 10px 0;
		padding: 0 15px;
	}
}

/* Media query for tablets and below */
@media (max-width: 768px) {
	h1 {
		font-size: 1.75rem;
	}

	h2 {
		font-size: 1.25rem;
	}

	p {
		font-size: 0.875rem;
	}
}

@media (max-width: 576px) {
	h1 {
		font-size: 1.5rem;
		/* Even smaller for phones */
	}

	h2 {
		font-size: 1rem;
	}

	p {
		font-size: 0.75rem;
		/* Smaller paragraph text for phones */
	}
}