:root {
	--white: #fff;
	--black: #000;
	--gray: #808080;
	--lgray: #dddddd;
	--ulgray: #f6feff;
	--dgray: #3a3a3a;
	--blue: #2dabc4;
	--lblue: #c6f3ff;
	--dblue: #002f3b;
}
body, html {
	margin:0;
	padding:0;
	color: var(--dgray);
	overflow-x: hidden;
	font-family: 'Jost', sans-serif;
}
img {
	max-width: 100%;
	width: 100%;
}
.displayinpc-f {
	display: flex;
}
.displayinmobile-f {
	display: none;
}

@media (max-width: 767.98px) {
	.displayinpc-f {
		display: none;
	}
	.displayinmobile-f {
		display: inline-block;
	}
}
/*GENERAL CSS*/
.back-gray {
	background-color: var(--gray);
}
.back-lgray {
	background-color: var(--lgray);
}
.back-dgray {
	background-color: var(--dgray);
}
.back-blue {
	background-color: var(--blue);
}
.back-lblue {
	background-color: var(--lblue);
}
.back-dblue {
	background-color: var(--dblue);
}
.back-bg-gradient {
	background: linear-gradient(90deg, var(--lblue) 0%, var(--ulgray) 90%, var(--white) 100%);
}
.color-gray {
	color: var(--gray);
	transition: 200ms ease-in-out;
}
.color-lgray {
	color: var(--lgray);
	transition: 200ms ease-in-out;
}
.color-dgray {
	color: var(--dgray);
	transition: 200ms ease-in-out;
}
.color-blue {
	color: var(--blue);
	transition: 200ms ease-in-out;
}
.color-lblue {
	color: var(--lblue);
	transition: 200ms ease-in-out;
}
.color-dblue {
	color: var(--dblue);
	transition: 200ms ease-in-out;
}
.h-color-gray:hover,
.h-color-gray:focus,
.h-color-gray:active {
	color: var(--gray);
}
.h-color-lgray:hover,
.h-color-lgray:focus,
.h-color-lgray:active {
	color: var(--lgray);
}
.h-color-dgray:hover,
.h-color-dgray:focus,
.h-color-dgray:active {
	color: var(--dgray);
}
.h-color-blue:hover,
.h-color-blue:focus,
.h-color-blue:active {
	color: var(--blue);
}
.h-color-lblue:hover,
.h-color-lblue:focus,
.h-color-lblue:active {
	color: var(--lblue);
}
.h-color-dblue:hover,
.h-color-dblue:focus,
.h-color-dblue:active {
	color: var(--dblue);
}
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background: var(--white);
}
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px var(--gray); 
	border-radius: 10px;
}
::-webkit-scrollbar-thumb {
	background-color: var(--gray); 
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
	background-color: var(--blue);
}
/*MAIN CSS*/
#header {
	z-index: 999;
}
.logocss {
	width: 100%;
	max-width: 300px;
	padding: 5px 0;
}
.dropdown-menu[data-bs-popper],
.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0;
	box-shadow: 0 0 10px #00000033;
}
.navbar-light .navbar-nav .nav-link {
	color: var(--gray);
	padding: 20px 12px;
	font-size: 16px;
	font-weight: 500;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: var(--black);
	transition: 300ms ease-in-out;
}
.dropdown-menu {
	background: var(--white);
	border: none;
}
.dropdown-item {
	padding: 7px 15px;
	color: var(--gray);
	font-size: 16px;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: var(--lgray);
}
.dropdown-item:focus, .dropdown-item:hover {
	color: var(--black);
	background-color: var(--lgray);
}
.navbar {
	padding: 0;
}
.footer_css {
	border-top: 2px solid var(--lgray);
}
.navbar-light .navbar-nav .nav-link:focus .login_user_icon, .navbar-light .navbar-nav .nav-link:hover .login_user_icon {
	color: var(--black);
}
.menu_ul_css {
	align-items: center;
}
.pos_sticky {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: var(--white);
}
.pos_sticky + .header_gap_sticky {
	padding-top: 95.3px;
}
.grid_spacings_details {
    display: grid;
    column-gap: 20px;
    row-gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}
.carousel-caption {
    top: 50%;
    right: 50%;
    left: 7%;
    text-align: left;
    transform: translateY(-50%);
    bottom: initial;
    max-width: 800px;
    margin: auto;
}
.carousel-control-next, .carousel-control-prev {
    width: 6%;
}
.main-category-div {
    border-radius: 15px 15px 0 0;
    border-bottom: 5px solid var(--dblue);
}
.sub-category-div {
    border-left: 5px solid var(--blue);
    padding-left: 15px;
}
.productimgcss {
    border: 2px solid var(--lblue);
    border-radius: 15px;
	margin-bottom: 15px;
}
.producttitlecss {
	font-size: 24px;
}
.productparacss {
	font-size: 18px;
}
.logo-abt-css {
	border-radius: 15px;
}
.services_head {
    font-size: 26px;
    font-weight: 500;
}
.services_icon {
    font-size: 54px;
    width: 100px;
    height: 100px;
    display: grid;
    place-items: center;
    background: var(--blue);
    color: var(--white);
    border-radius: 15px;
	margin-inline: auto;
	margin-bottom: 15px;
}
.inside_div {
    padding: 20px;
    background: var(--ulgray);
    border-radius: 15px;
    min-height: 340px;
}
.head_title {
	font-size: 34px;
	font-weight: 500;
}
.hrclass_hw {
	padding: 2px;
	opacity: 1;
	background-color: var(--blue);
	width: 80px;
	margin-inline: auto;
}
.hrclass_fw {
	padding: 2px;
	opacity: 1;
	background-color: var(--blue);
}
.map_iframe {
	width: 100%;
	height: 350px;
	border-radius: 15px;
	border-bottom: 5px solid var(--blue);
}
@media (max-width: 1336px) {
	.navbar-light .navbar-nav .nav-link {
		padding: 10px;
	}
}
@media (max-width: 767.98px) {
	.logocss {
		width: 100%;
		max-width: 250px;
		padding: 5px 0;
	}
	.head_title {
		font-size: 24px;
		font-weight: 500;
	}
	.logo-abt-css {
		border-radius: 10px;
	}
	.main-category-div {
		border-radius: 10px 10px 0 0;
		border-bottom: 3px solid var(--dblue);
	}
	.sub-category-div {
		border-left: 3px solid var(--blue);
		padding-left: 10px;
	}
	.producttitlecss {
		font-size: 22px;
	}
	.productparacss {
		font-size: 16px;
	}
	.slider-title, .slider-para {
		color: var(--white) !important;
	}
	.navbar-light .navbar-nav .nav-link {
		padding: 8px;
		color: var(--black);
	}
	.navbar-light .navbar-brand {
		margin-right: 0;
	}
	.grid_spacings_details {
		display: grid;
		column-gap: 20px;
		row-gap: 20px;
		grid-template-columns: repeat(2, 1fr);
	}
	.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	.navbar-toggler:focus {
		box-shadow: none;
	}
	.navbar-light .navbar-toggler {
		border-color: var(--white);
		background-color: var(--lgray);
		margin: 10px 0;
	}
	.menu_ul_css {
		margin: 0.5rem auto;
		padding: 0.5rem 0.75rem;
		border-radius: 0.5rem;
		background-color: var(--lgray);
		align-items: baseline;
	}
	.navbar-light .navbar-nav .nav-item {
		width: 100%;
		border-bottom: 1px solid var(--gray);
	}
	.navbar-light .navbar-nav .nav-item:last-child {
		border-bottom: 1px solid #00000000;
	}
	.carousel-caption {
		top: 0;
		right: 0;
		left: 0;
		text-align: left;
		transform: none;
		bottom: initial;
		max-width: 800px;
		margin: auto;
		position: relative;
		padding: 20px 15px;
		background: var(--dblue);
		z-index: -9;
	}
}