@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,700&display=swap');


/*================================================== */
body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.6rem;
	color: #272834;
	background: #fff;
	height: 100%;
	position: relative;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
}

p {
	margin-bottom: 15px;
	font-weight: 400;
	text-align: justify;
}

a {
	color: #ff7200;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
	color: #333;
}

input,
textarea {
	border-radius: 0;
	-webkit-appearance: none;
}

img {
	max-width: 100%;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.container.no-gutters {
	padding-right: 0px;
	padding-left: 0px;
}

h1,
h2,
h3,
h4,
h5 {
	margin: 1.5rem 0;
	font-family: 'Poppins', sans-serif;

}

h1 {
	color: #182b31;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	font-size: 40px;
	font-weight: bold;


}

h1 span {
	color: #039bd3;
	font-weight: 500;
	display: block;
	font-size: 18px;
	text-transform: capitalize;
}


h2 {
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
	color: #171c35;


}

h2 span {
	color: #039bd3;
	font-size: 18px;
	text-transform: capitalize;
	display: block;

}

h3 {
	font-size: 20px;
	font-weight: 600;
	color: #22344b;
	font-family: 'Poppins', sans-serif;

}

h4 {
	font-size: 18px;
	font-weight: 600;
	color: #22344b;

}

h5 {
	font-size: 16px;
	font-weight: 600;
	color: #22344b;

}


h6 {
	font-size: 15px;
	font-weight: 600;
	color: #22344b;

}

.w-50 {
	width: 50% !important;
}

.blue-btn {
	background: rgb(21, 47, 206);
	background: linear-gradient(0deg, rgba(21, 47, 206, 1) 1%, rgba(31, 194, 255, 1) 70%);
	color: #fff;
	border: none;
	border-radius: 20px;
	font-size: 14px;
	padding: 0px 34px;
	line-height: 40px;
	font-weight: 700;
	font-family: 'Asap', sans-serif;
	margin-top: 10px;
	text-transform: uppercase;
}

.blue-btn:hover {
	background: rgb(31, 194, 255);
	color: #fff;
}

.org-btn {
	background: #0c29ab;
	/* background: rgb(250, 75, 13);
	background: linear-gradient(0deg, rgba(250, 75, 13, 1) 0%, rgba(255, 149, 12, 1) 73%); */
	color: #fff;
	border: none;
	border-radius: 20px;
	font-size: 20px;
	padding: 0px 34px;
	line-height: 40px;
	font-weight: 600;
	font-family: 'Asap', sans-serif;
	margin-top: 10px;
}

.org-btn:hover {
	background: #0c29ab;
	/* background: rgb(255, 149, 12); */
	color: #fff;
}

.org-small-btn {
	background: #0c29ab;
	/* background: rgb(250, 75, 13);
	background: linear-gradient(0deg, rgba(250, 75, 13, 1) 0%, rgba(255, 149, 12, 1) 73%); */
	color: #fff;
	border: none;
	border-radius: 20px;
	font-size: 15px;
	padding: 5px 15px;
	line-height: 20px;
	font-weight: 600;
	font-family: 'Asap', sans-serif;
	margin-top: 10px;
}

.org-btn:hover,
.org-small-btn:hover {
	background: #0c29ab;
	/* background: rgb(255, 149, 12); */
	color: #fff;
}

/* ==================================================
 Header Section
================================================== */
header {
	/* background-color: #090b20; */
	position: relative;

}


.logo {
	padding: 10px 0px;
	text-align: left;
}

.topbar {

	text-align: right;
}

.call {
	font-size: 20px;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	line-height: 28px;
	text-align: right;
	padding: 9px 19px;
	display: inline-block;

}

.call i {
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	color: #07a7d1;
	margin-top: 10px;
	margin-right: 8px;
}

.socialmedia {
	padding: 10px;
	display: inline-block;
	text-align: right;
}

.socialmedia i {
	font-size: 16px;
	border-radius: 50px;
	background: #07a7d1;
	color: #fff;
	width: 26px;
	height: 26px;
	margin: 0 3px;
	line-height: 26px;
	text-align: center;
}



/* ==================================================
Top Navigation Section
================================================== */
.menubar {}

.nav-link {
	display: block;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Asap', sans-serif;
	color: #1e7eb1;
	text-transform: uppercase;
	border-radius: 20px;

}

.navbar {
	padding: 0px;
	position: relative;
}

.navbar-dark .navbar-nav .nav-link {
	color: #1e7eb1 !important;
	border-radius: 20px;
}

.navbar-dark .navbar-nav .nav-link.disabled {
	color: #fff !important;
	background: #1c98f1;
}

.navbar-nav .nav-link:hover {
	color: #fff !important;
	/* transition: 0.4s; */
	background: #1c98f1;
	border-radius: 20px;


}

.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
	color: #fff !important;
	background: #1c98f1;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding: 0.4rem 1.2rem;
	color: #1e7eb1;
	margin: 5px 0px;
}

.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
	color: #fff !important;
	background: #1c98f1;
}

.dropdown-menu {
	margin: 0rem 0 0;
	border-radius: .6rem;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	border: 0;
}

.dropdown-menu > li > a {
	display: block;
	padding: 8px 20px !important;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	white-space: nowrap;
	text-align: left;
	font-size: 13px;
	color: #333 !important;
}

.dropdown-item {
	font-weight: 400;
	color: #ffffff;
	font-size: 14px;
}

.dropdown:hover > .dropdown-menu {
	display: block;
}

.navbar-toggler:focus,
.navbar-toggler:active {
	outline: 0;
	border: 2px solid #fff;

}

.navbar-toggler {
	border: 1px solid #156fb3 !important;
	background: #0c61a0;
	width: 50px;
	height: 50px;
	margin-top: -48px;
	margin-bottom: 22px;
}

.navbar-toggler span {
	display: block;
	background-color: #fff;
	height: 3px;
	width: 25px;
	margin-top: 4px;
	margin-bottom: 4px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	position: relative;
	left: 0px;
	opacity: 1;
}


.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
	-webkit-transition: transform .35s ease-in-out;
	-moz-transition: transform .35s ease-in-out;
	-o-transition: transform .35s ease-in-out;
	transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
	position: absolute;
	left: 11px;
	top: 9px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
	height: 12px;
	visibility: hidden;
	background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
	position: absolute;
	left: 11px;
	top: 9px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	opacity: 0.9;
}



/* ==================================================
Banner Section
================================================== */

.bannermainbg {
	position: relative;
	padding-top: 0px;


}


#carouselExampleCaptions .carousel {
	background: #444;
}

/*
Forces image to be 100% width and not max width of 100%
*/
#carouselExampleCaptions .carousel-item .img-fluid {
	width: 100%;
	height: auto;
}

/* 
anchors are inline so you need ot make them block to go full width
*/
#carouselExampleCaptions .carousel-item a {
	display: block;
	width: 100%;
}

#carouselExampleCaptions .carousel-item .col-md-6 img {
	transition: .4s;


}

.pad-top {
	padding-top: 70px;
}

.pad-bot {
	padding-bottom: 100px;
}

.padd-high {
	padding-top: 200px;
}

.padd-low {
	padding-top: 150px;
}

#carouselExampleCaptions .carousel-item .txt-right {
	transition: .6s;

}

#carouselExampleCaptions .carousel-item .txt-left {
	transition: .6s;

}

#carouselExampleCaptions .carousel-item .col-md-6 .txt-left ul li {
	transition: .4s;
}

#carouselExampleCaptions .carousel-item .col-md-6 .txt-left ul li:hover {
	transition: .4s;
	transform: scale(1.1);
}

#carouselExampleCaptions .org-btn {
	font-size: 24px;
}

#carouselExampleCaptions .carousel-item h1 {
	/* font-size: 60px; */
	color: #4199ff;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	letter-spacing: 4px;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 40px;


}

#carouselExampleCaptions h1 span {
	font-size: 38px;
	text-transform: capitalize;
	display: block;
	color: #385b99;
}

#carouselExampleCaptions h2 {
	font-size: 36px;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;


}

#carouselExampleCaptions h2 span {
	font-size: 18px;
	color: #d6ddec;
	margin-top: 10px;
	display: block;
	text-transform: capitalize;
	font-weight: 500;

}

#carouselExampleCaptions .videobtn {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 20px;
	background: transparent;
	border: 0;
	margin-top: 10px;
}

.videobtn .bi {

	padding-left: 10px;
}

.blue-txt {
	color: #31c7ee;
	line-height: 25px;
	font-size: 18px;
}

.w-70 {
	width: 70% !important;
}

.w-60 {
	width: 60% !important;
}


.carousel-control-next,
.carousel-control-prev {
	position: absolute;
	top: 50%;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3%;
	height: 4%;
	background: #121010;
	padding: 20px 0;
	color: #fff;
	text-align: center;
	border: 0;
	opacity: .6;
	transition: opacity .15s ease;
}

/* ==================================================
Cyber Defence Section
================================================== */
.CyberDefence {
	background: rgb(255, 255, 255);
	position: relative;
	box-shadow: inset 0 0px 45px rgb(0 52 112 / 20%);
	padding: 50px 20px;
}

/* ==================================================
   Our Services Section - Responsive & Improved
================================================== */
.ourservices {
	padding: 50px 0;
	background: #f2f5f9;
	background-size: cover;
	position: relative;
}

.ourservices h1 {
	font-size: 2.5rem;
	/* Adjust font size for better responsiveness */
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	margin: 20px 0;
	text-align: center;
}

.ourservices p {
	font-family: 'Poppins', sans-serif;
	margin: 20px 0;
	text-align: center;
	font-size: 1.2rem;
	/* Adjusted font size for readability */
}

.ourservices h1 span {
	display: block;
	text-align: center;
	margin: 7px 0 0;
	color: #039bd3;
	font-size: 1.25rem;
	text-transform: capitalize;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
	.ourservices h1 {
		font-size: 2rem;
		/* Adjust h1 font size for smaller screens */
		margin: 15px 0;
		/* Adjust margin for smaller screens */
	}

	.ourservices p {
		font-size: 1rem;
		/* Adjust paragraph font size */
		padding: 0 20px;
		/* Adjust padding for better spacing */
	}

	.ourservices h1 span {
		font-size: 1rem;
		/* Adjust span font size for mobile */
		margin: 5px 0;
	}
}

/* ==================================================
   Feature Section - Responsive 
================================================== */
.feature {
	margin: 20px 0 40px;
	padding: 20px 15px;
	background: rgba(8, 12, 45, 0.84);
	color: #fff;
	text-align: center;
	border-radius: 20px;
	position: relative;
	min-height: 250px;
}

/* Heading in feature section */
.feature h4 {
	color: #3cc8fd;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	min-height: 50px;
	margin-bottom: 15px;
}

/* Paragraph in feature section */
.feature p {
	line-height: 19px;
	font-size: 14px;
}

/* Icon in the feature */
.feature-icon {
	background: #00aeef;
	width: 50px;
	height: 50px;
	text-align: center;
	margin: -46px auto 0;
	line-height: 50px;
	border-radius: 50px;
}

.feature-icon i {
	font-size: 30px;
	color: #fff;
}

/* Button styling */
.small-btn {
	padding: 2px 5px;
	color: #d3e7ef;
	border: 2px solid #d3e7ef;
	font-size: 13px;
	background: transparent;
}

/* ===================== Responsive Adjustments ===================== */

/* Adjust for smaller screens */
@media (max-width: 768px) {

	/* Adjust padding for smaller devices */
	.feature {
		padding: 15px 10px;
		min-height: 200px;
		/* Adjust height for mobile */
	}

	/* Adjust heading font size */
	.feature h4 {
		font-size: 18px;
		/* Smaller heading for mobile */
		margin-bottom: 10px;
	}

	/* Adjust paragraph font size */
	.feature p {
		font-size: 12px;
		/* Smaller text for mobile */
		line-height: 16px;
	}

	/* Icon size adjustment for mobile */
	.feature-icon {
		width: 40px;
		/* Smaller icon */
		height: 40px;
		line-height: 40px;
		margin: -36px auto 0;
		/* Adjust position */
	}

	.feature-icon i {
		font-size: 24px;
		/* Smaller icon */
	}

	/* Adjust button size for mobile */
	.small-btn {
		font-size: 12px;
		/* Smaller button text */
		padding: 3px 8px;
		/* Adjust padding */
	}
}

/* ==================================================
welcome Section
================================================== */
.welcome-bg {
	margin: 5vw 0;
	/* margin: 90px 0; */
	position: relative;
}

.welcome-bg h2 {
	color: #272834;
	font-size: 2rem;
	text-transform: capitalize;
	line-height: 1.4;
}

.welcome-bg h2 span {
	color: #191b85;
	display: block;
	font-size: 1.5rem;
}

.welcome-bg ul {
	list-style: none;
	padding: 0;
}

.welcome-bg .profilepic {
	position: relative;
	padding: 30px;

}

.welcome-bg .profilepic img {
	border-radius: 20px;
	margin-left: 66px;

}

/* Apply text centering only on small screens */
@media (max-width: 768px) {
	.welcome-bg {
		text-align: center;
	}
}
/* Responsive Adjustments */
@media (max-width: 768px) {
	.welcome-bg h2 {
		font-size: 1.8rem;
	}

	.welcome-bg h2 span {
		font-size: 1.2rem;
	}
}

/* ==================================================
   Profile Picture Icon - Responsive 
================================================== */
.profilepic .icon {
	position: absolute;
	border-radius: 20px;
	background: #3f93e9;
	padding: 24px;
	left: 45px;
	bottom: 126px;
	width: 100px;
	height: 100px;
	color: #fff;
	text-align: center;
}

/* Icon inside the profile */
.profilepic .icon i {
	font-size: 45px;
	/* Icon size */
}

/* ===================== Responsive Adjustments ===================== */

/* Adjust for smaller screens */
@media (max-width: 768px) {
	.profilepic .icon {
		left: 30px;
		/* Adjust left position for mobile */
		bottom: 80px;
		/* Adjust bottom position for mobile */
		width: 80px;
		/* Reduce width for smaller screens */
		height: 80px;
		/* Reduce height for smaller screens */
		padding: 16px;
		/* Adjust padding for smaller screens */
	}

	.profilepic .icon i {
		font-size: 35px;
		/* Adjust icon size for mobile */
	}
}


/* ==================================================
Speak to expert  Section
================================================== */
.speak-expertbg {
	background: url(../images/rhym_speak-expert.jpg) center top /cover;
	padding: 20px 0;
}

.speak-expertbg h1 {
	font-size: 2.2rem;
	font-weight: bold;
	font-family: 'Poppins', sans-serif;
	color: #fff;
	text-transform: capitalize;
	padding: 20px 35px 20px 20px;
	line-height: 1.5;
}

.speak-expertbg p {
	
	font-family: 'Poppins', sans-serif;
	color: #fff;
	padding: 20px 35px 20px 20px;
	line-height: 1.5;
}

.speak-expertbg h5 {
	font-size: 1.25rem;
	/* font-size: 20px; */
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	color: #cce6ee;
	text-transform: capitalize;
	padding-left: 20px;
}

.speak-expertbg .big-btn {
	color: #fff;
	font-weight: bold;
	/* font-size: 22px; */
	font-size: 1.2rem;
	background: #27abff;
	padding: 20px 30px;
	border: 0;
	border-radius: 15px;
	text-align: center;
	margin: 0 auto;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
	.speak-expertbg h1 {
		font-size: 1.8rem;
		/* Smaller font size on mobile */
		padding: 15px 20px;
		/* Adjust padding for mobile */
	}

	.speak-expertbg p {
		font-size: 1rem;
		/* Smaller font size */
		padding: 10px 20px;
		/* Adjust padding */
	}

	.speak-expertbg h5 {
		font-size: 1rem;
		/* Smaller font size */
	}

	.speak-expertbg .big-btn {
		width: 100%;
		/* Make the button full-width on mobile */
		padding: 15px;
		/* Adjust button height */
		font-size: 1rem;
		/* Adjust font size */
	}
}



/* ==================================================
   Internal Pages Banner - Responsive & Improved
================================================== */
.innerbanner {
	background: url(../images/rhym_innerbg.jpg) left -50px / cover;
	min-height: 300px;
	padding-top: 132px;
	color: #333;
	position: relative;
}

/* Main heading in banner */
.innerbanner h1 {
	font-size: 2rem;
	/* Adjusted font size for desktop */
	margin-bottom: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	/* Centered the heading */
}

/* Main heading in banner */
.innerbanner h3 {
	/* font-size: 2rem; */
	/* Adjusted font size for desktop */
	margin-bottom: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	/* Centered the heading */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
	.innerbanner {
		padding-top: 100px;
		/* Adjust padding for smaller screens */
		min-height: 250px;
		/* Reduced height for mobile devices */
	}

	.innerbanner h1 {
		font-size: 1.6rem;
		/* Adjusted font size for mobile */
		margin-bottom: 15px;
		/* Adjusted margin for smaller screens */
	}
}

/* ==================================================
   Main Content Section - Responsive 
================================================== */
.main-content {
	padding: 15px 0px;
	/* margin: 50px 0px 70px; */
	min-height: 600px;
	font-weight: 500;
}

/* Main heading (h1) */
.main-content h1 {
	font-size: 2.1rem;
	color: #191b85;
	/* Adjusted font size for responsiveness */
	margin-bottom: 20px;
}

/* Secondary headings (h2) */
.main-content h2 {
	font-size: 1.8rem;
	/* Adjusted font size for responsiveness */
	padding: 10px 0;
	font-weight: 600;
}

/* h2 subheading span */
.main-content h2 span {
	font-size: 1rem;
	padding: 10px 0;
	display: block;
	font-weight: normal;
}

/* Tertiary headings (h3) */
.main-content h3 {
	font-size: 1.5rem;
	/* Adjusted font size for responsiveness */
	padding: 10px 0;
	font-weight: 600;
}

/* h3 subheading span */
.main-content h3 span {
	font-size: 1rem;
	padding: 10px 0;
	display: block;
	font-weight: normal;
}

/* List styles */
.main-content ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.main-content li {
	padding: 5px 10px 10px;
}

/* Icon styles for list items */
.main-content li i {
	padding-right: 10px;
	color: #309cf8;
	font-size: 20px;
	margin-top: 3px;
}

/* Custom text-blue class */
.text-blue {
	color: #0a50ab;
}

/* Responsive adjustments for mobile screens */
@media (max-width: 768px) {
	.main-content {
		padding: 10px 0;
		/* margin: 30px 0 50px; */
		min-height: 350px;
		/* Further reduce min-height for very small screens */
	}

	.main-content h1 {
		color: #191b85;
		font-size: 1.8rem;
		/* Adjust font size for mobile */
		margin-bottom: 15px;
	}

	.main-content h2 {
		font-size: 1.4rem;
		/* Adjust font size for mobile */
	}

	.main-content h2 span {
		font-size: 0.9rem;
		/* Adjust span font size for mobile */
	}

	.main-content h3 {
		font-size: 1.3rem;
		/* Adjust font size for mobile */
	}

	.main-content h3 span {
		font-size: 0.9rem;
		/* Adjust span font size for mobile */
	}

	.main-content li {
		font-size: 0.9rem;
		/* Adjust font size for list items on mobile */
	}

	.main-content li i {
		font-size: 18px;
		/* Adjust icon size for mobile */
	}
}

/* ==================================================
Breadcrumb
================================================== */
.breadcrumb {
	margin-bottom: 0rem;
	border-radius: 15px;
	padding: 9px 20px;
	margin-top: 23px;
	/* box-shadow: 0 0 5px rgb(0 0 0 / 30%); */
	background: #091d3b;
	float: right;
}

.breadcrumb-item a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	text-transform: capitalize;
}

.breadcrumb-item.active {
	color: #f3a902;
	font-size: 13px;
}

.breadcrumb-item + .breadcrumb-item::before {
	float: left;
	padding-right: 0.5rem;
	color: #e1e7ed;
	content: var(--bs-breadcrumb-divider, "/");
}

/* ==================================================
   Contact Page Section - Responsive
================================================== */

/* Map Section */
.map {
	position: relative;
	margin-top: 30px;
	width: 100%;
	height: 400px;
	/* Ensure map has a consistent height */
}

.map iframe {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	/* Make sure iframe fills the container */
	z-index: -1;
	border: none;
}

/* Contact Form Section */
.contactpage-form {
	background: #ffffff;
	padding: 20px 30px;
	/* margin-top: 50px; */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}

.contactpage-form h1{
	font-size: 2.1rem;
	color: #191b85;
	/* Adjusted font size for responsiveness */
	margin-bottom: 20px;
}

/* Blue Contact Info Box */
.lg-blue {
	background: #2960a7;
	padding: 20px;
	color: #fff;
	border-radius: 10px;
	height: auto;
	min-height: 250px;
	/* Adjusted for flexibility */
	text-align: center;
}

.lg-blue h4 {
	color: #fff;
	margin-bottom: 15px;
	font-size: 1.5rem;
}

.lg-blue i {
	font-size: 30px;
	color: #fff;
}

/* Contact Info List */
.listing {
	margin-top: 15px;
}

.listing ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.listing li {
	display: flex;
	align-items: center;
	padding: 10px 5px;
}

.listing li i {
	font-size: 22px;
	color: #1178bc;
	margin-right: 10px;
}

/* ===================== Responsive Adjustments ===================== */
@media (max-width: 768px) {
	.map {
		height: 300px;
		/* Reduce height for smaller screens */
	}

	.contactpage-form {
		padding: 15px;
		margin-top: 30px;
	}

	.lg-blue {
		padding: 15px;
		min-height: 200px;
		/* Reduce height on smaller screens */
	}

	.lg-blue h4 {
		font-size: 1.2rem;
		/* Adjust heading size */
	}

	.listing li {
		font-size: 0.9rem;
	}

	.listing li i {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.map {
		height: 250px;
		/* Further reduce height for mobile screens */
	}

	.contactpage-form {
		padding: 10px;
		margin-top: 20px;
	}

	.lg-blue {
		padding: 10px;
		min-height: 180px;
		/* Reduce height */
	}

	.lg-blue h4 {
		font-size: 1rem;
	}

	.listing li {
		font-size: 0.85rem;
		padding: 5px;
	}

	.listing li i {
		font-size: 16px;
	}
}

/* ==================================================
   Footer Section - Responsive
================================================== */

/* ==================================================
   Footer Section - Responsive + Mobile Collapsible
================================================== */

footer {
	background: url(../images/rhym_footerbg.jpg) center top /cover;
	padding: 1.5rem 0 0;
	font-size: 14px;
	color: #b1cddf;
	font-weight: 300;
	position: relative;
}

/* Footer Headings */
footer h3,
.u10ttl {
	font-size: 22px;
	color: #b1cddf;
	line-height: 1.2rem;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	padding-right: 2rem;
	cursor: pointer;
}

footer h3 span {
	font-size: 14px;
	color: #b1cddf;
	text-transform: none;
	font-weight: normal;
	display: block;
	margin-top: 8px;
}

footer h4 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

/* Footer Paragraphs */
footer p {
	padding: .2rem 0;
	margin: .9rem 0;
	line-height: 1.4rem;
	font-weight: 400;
	color: #b1cddf;
}

/* Adjust Left Padding for Lists */
footer .pl-3 {
	padding-left: 30px;
}

/* Footer Icons */
footer i {
	font-size: 20px;
	padding: 10px;
	color: #07a7d1;
}

/* Footer Links */
footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

footer li {
	display: block;
	padding: 5px 0;
}

footer li a {
	color: #f5f5f5;
	font-weight: 500;
	text-decoration: none;
	transition: color 0.3s ease-in-out;
}

footer li a:hover {
	color: #ff7200;
}

footer li a i {
	font-size: 12px;
	color: #70b5ef;
}

/* Footer Bottom Section */
.footer-bot {
	padding: 10px 0;
	font-size: 0.8rem;
	margin: 0;
	border-top: 1px dashed #070b21;
	font-weight: 600;
	background: #070b21;
	text-align: center;
}

/* Footer Links General */
footer a {
	color: #f5f5f5;
	transition: color 0.3s ease-in-out;
}

footer a:hover {
	color: #ff7200;
}

/* Mobile Dropdown Toggle Arrow */
.u10btn {
	display: block;
	position: absolute;
	right: 0;
	top: 0.2rem;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background-size: 16px 16px;
	transition: background-image 0.3s ease;
}

/* When section is open, show down arrow */
.u10btn::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	transform: rotate(-45deg);
	margin-left: 8px; 
}

.footer-section.open .u10btn::after {
	transform: rotate(45deg); }

/* Responsive Container for Sections */
.footer-sections {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2rem;
}

.footer-section {
	flex: 1 1 100%;
	position: relative;
}

/* ===================== Responsive Adjustments ===================== */
@media (max-width: 991px) {
	footer {
		text-align: center;
		padding: 1rem 0;
	}

	footer h3,
	.u10ttl {
		font-size: 18px;
		margin-bottom: 1rem;
	}

	footer h4 {
		font-size: 16px;
	}

	footer p {
		font-size: 13px;
		margin: 0.5rem 0;
	}

	footer ul {
		display: none;
		padding: 0;
	}

	footer .footer-section.open ul {
		display: block;
	}

	footer li {
		padding: 3px 0;
		font-size: 13px;
	}

	footer i {
		font-size: 18px;
		padding: 5px;
	}

	.u10btn {
		display: block;
	}

	.footer-sections {
		flex-direction: column;
	}
}

@media (min-width: 992px) {
	.footer-section {
		flex: 1;
	}

	.u10btn {
		display: none;
	}

	footer ul {
		display: block !important;
	}
}

@media (max-width: 480px) {
	footer {
		padding: 0.8rem 0;
	}

	footer h3,
	.u10ttl {
		font-size: 16px;
		margin-bottom: 0.8rem;
	}

	footer h4 {
		font-size: 14px;
	}

	footer p {
		font-size: 12px;
	}

	footer li {
		font-size: 12px;
	}

	.footer-bot {
		font-size: 0.7rem;
	}
}

/* ==================================================
Media Queries
================================================== */

@media (max-width:1280px) {}

@media (max-width:1024px) {



	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 0.8rem 0.75rem;
		margin: 0 0px;
	}

	.pro li {
		display: inline-block;
		padding: 20px;
		margin: 10px 0px;
	}

	.padd-high {
		padding-top: 50px;
	}

}

@media (max-width: 992px) {
	.padd-high {
		padding-top: 50px;
	}

	.logo {
		position: relative;
		width: 80%;
		text-align: left;
	}

	.logo img {
		padding: 0;

	}

	.topbar {
		text-align: left;
	}

	.call {

		padding-right: 0px;
	}

	.carousel-caption {
		position: absolute;
		right: 0;
		top: 21px;
	}


	.carousel-caption h1 {
		font-size: 53px;
		line-height: 60px;
		margin-bottom: 0;
	}

	.carousel-caption h1 span {
		font-size: 25px;
	}

	.nav-link {
		display: block;
		font-size: 17px;
	}

	.navbar-toggler:focus {
		box-shadow: none;
	}

	.navbar-toggler {
		border: 1px solid #319ad1 !important;
		background: #319ad1;
		width: 50px;
		height: auto;
		/* margin-top: 71px; */
		/* margin-bottom: 22px; */
		position: absolute;
		right: -19px;
		top: -42px;
		margin: 0 0;
	}

	.navbar-collapse {
		position: absolute;
		top: 30px;
		z-index: 9999;
		background: #eef4f7f7;
		width: 100%;
		padding: 10px;
		left: 0;

	}

	.testimonial-slider .carousel-control-prev {

		display: none;
	}

	.testimonial-slider .carousel-control-next {

		display: none;
	}


}

@media (max-width: 820px) {
	.innerbanner {
		background: url(../images/rhym_innerbg.jpg) left top /cover;
		min-height: 300px;
		padding-top: 100px;
		color: #333;
	}

	.breadcrumb {
		margin-bottom: 0rem;
		border-radius: 15px;
		padding: 9px 20px;
		margin-top: 23px;
		/* box-shadow: 0 0 5px rgb(0 0 0 / 30%); */
		background: #091d3b;
		float: none;
	}

	iframe {
		position: relative;
		left: 0;
		z-index: -1;
	}
}

@media (max-width: 768px) {

	.logo img {
		padding: 0;
		width: 80%;
	}

	.navbar-toggler:focus {
		box-shadow: none;
	}



	.pad-top {
		padding-top: 20px;
	}

	.innerbanner {
		min-height: 13rem;
		padding-top: 30px;
		color: #333;
	}

	.innerbanner h1 {
		font-size: 30px;
		margin-bottom: 20px;
		font-weight: bold;
	}



	.welcome-bg .profilepic img {
		border-radius: 20px;
		margin-left: 6px;
	}
}

@media (max-width: 576px) {
	.topbar {
		text-align: left;
	}

	/* .logo {
		position: relative;
		padding-top: 6px;
		text-align: center;
		padding: 0;
		margin: 0 auto;
	}

	.logo img {
		padding: 0;
		width: 80%;
	} */

	.socialmedia {
		padding: 10px;
		display: inline-block;
		text-align: left;
	}

	.socialmedia i {
		font-size: 14px;
		border-radius: 50px;
		background: #07a7d1;
		color: #fff;
		width: 22px;
		height: 22px;
		margin: 0 0px;
		line-height: 22px;
		text-align: center;
	}



	.call i {
		font-size: 14px;
	}

	.navbar-toggler {

		right: 8px;

	}

	.carousel-caption p {
		text-align: center;
		margin: 0 auto;
		width: 83%;
		font-size: 13px;
		font-weight: 600;
		font-family: 'Poppins', sans-serif;
		margin-bottom: 0;
		line-height: 12px;
	}

	.blue-btn,
	.org-btn {

		font-size: 15px;
		padding: 0px 15px;
		line-height: 28px;
		margin-top: 18px;
	}

	.main-header {
		position: relative;
		z-index: 999;
		width: 100%;
		background: linear-gradient(to top, rgba(226, 228, 230, 0.5), rgba(255, 255, 255, 0.5));
	}




	.carousel-caption {
		position: absolute;
		right: 0;
		top: -12px;
	}

	.carousel-caption h1 {
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 0;
		margin-top: 13px;
	}

	.carousel-caption h1 span {
		font-size: 18px;
	}

	.services-block-img-r {
		padding: 30px;
		text-align: left;
	}

	.services-block-img::before {
		content: "";
		position: absolute;
		top: 10px;
		left: 60px;
		width: 400px;
		height: 440px;
		background-color: #eaeff0;
		z-index: -1;
		box-shadow: 0 5px 10px rgb(0 52 112 / 20%);
	}

	.services-block-icon {
		position: absolute;
		background: #003470;
		border-radius: 20px;
		border: 4px solid #fff;
		z-index: 10;
		bottom: 81px;
		right: 29px;
	}

	.testimonial-slider .carousel .testimonial-wrapper {
		margin: 45px 0;
		border-radius: 20px;
		width: 100%;
		float: none;
		right: 0;
		padding: 98px 20px 20px;
	}

	.testimonial-slider .carousel .media {
		position: absolute;
		padding: 20px;
		left: 8%;
		z-index: 20;
		top: -68px;
		width: 230px;
		margin-top: 20px;
	}

	footer p {
		padding: .2rem 0;
		margin: .9rem 0;
	}
}

@media (max-width: 576px) {
	.mobile-header-bar {
		padding: 10px 15px;
	}

	.mobile-header-bar .logo {
		width: auto;
	}

	.mobile-header-bar .logo img {
		max-height: 40px;
		width: auto;
	}

	.navbar-toggler {
		width: auto;
		position: relative;
		top: 0;
		right: 0;
	}
}

@media (max-width: 414px) {

	.call {
		padding-right: 0px;
		font-size: 15px;
	}

	.pro li {
		display: inline-block;
		padding: 15px;
		margin: 10px 9px;
	}



	.ourservices h2 {
		font-size: 21px;

	}

	.whyus-content h1 {
		color: #40c0fc;
		font-size: 30px;
	}

	.whyus-content ul {
		list-style: none;
		margin: 15px 0 20px;
		padding: 0;
	}

	.whyus-content li {
		font-size: 17px;
		font-weight: 600;
	}

	.whyus-content li i {
		color: #f1bb00;
		font-size: 20px;
		margin-right: 10px;

	}


}

@media (max-width: 393px) {

	.services-block-img::before,
	.services-block-img-r::before {
		top: 10px;
		left: 64px;
		width: 308px;
		height: 356px;

	}

	.navbar-toggler {

		right: 8px;

	}

}

@media (max-width: 360px) {

	.services-block-img::before,
	.services-block-img-r::before {
		top: 10px;
		left: 57px;
		width: 81%;
		height: 93%;
	}


}

/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/

 /* ==================================================
   Section Padding - Responsive
================================================== */
 .section-padding {
 	padding: 60px 20px;
 }

 @media (max-width: 768px) {
 	.section-padding {
 		padding: 40px 15px;
 		/* Reduce padding on smaller screens */
 	}
 }

 @media (max-width: 480px) {
 	.section-padding {
 		padding: 30px 10px;
 		/* Further reduce padding for mobile */
 	}
 }

 /* ==================================================
   Form Label Styles
================================================== */
 .form-label {
 	font-size: 16px;
 	font-weight: 400;
 	/* Maintain readability without being too bold */
 	color: navy;
 	display: block;
 	/* Ensures label is always on a new line */
 	margin-bottom: 5px;
 	/* Adds spacing below the label */
 }

 @media (max-width: 768px) {
 	.form-label {
 		font-size: 14px;
 		/* Reduce font size for mobile */
 	}
 }

 /* ==================================================
   Custom Textarea Styling
================================================== */
 .custom-textarea {
 	width: 100%;
 	height: 150px;
 	resize: none;
 	overflow-y: auto;
 	overflow-x: hidden;
 	padding: 10px;
 	/* Adds some spacing inside the textarea */
 	border: 1px solid #ccc;
 	/* Adds a subtle border */
 	border-radius: 5px;
 	/* Gives rounded corners */
 	font-size: 14px;
 	/* Ensures text inside is readable */
 }

 .custom-textarea:focus {
 	border-color: #007bff;
 	/* Highlights border on focus */
 	outline: none;
 	/* Removes default browser outline */
 	box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
 }

 /* Responsive Textarea Adjustments */
 @media (max-width: 768px) {
 	.custom-textarea {
 		height: 120px;
 		/* Reduce height for mobile */
 	}
 }

 @media (max-width: 480px) {
 	.custom-textarea {
 		height: 100px;
 		/* Further reduce height for very small screens */
 	}
 }