/*--      ==============super-marketcsss===============  --*/
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

* {
	margin: 0px;
	outline: 0 !important;
	font-family: 'Lato', sans-serif;
}

body {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

/*--  ====*h2 heading-color*=====   ---*/


p {
	margin: 0px;
	line-height: 23px;
	font-size: 15px;
	font-family: 'Lato', sans-serif;
}

/*--  ====*p color-and-font-size*=====   ---*/
.back-msg {
	background: url(..//img/slide/s1.jpg);
	height: 400px;
	position: relative;
}

.back-msg h3 {
	background: ;
	color: white;
	position: absolute;
	bottom: 0px;
	margin-bottom: 0px;
	padding: 12px;
	width: 100%;
}

.banner-area {
	background: #0b0438 !important;
}

.header-font {
	font-size: 13px;
}

.btn-custome {
	background: #00c3dd;
	border: none;
	padding: 15px 20px;
	font-size: 13px;
	color: white;
	outline: 0;
}

.btn {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 0px;
}

.btn-danger {
	background: red !important;
}

.card-slider {
	background: ;
}

/*========================dropdown-menu-animation==============*/

/* ============ only desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		margin-top: 0;
	}

	.navbar .nav-item:hover .nav-link {
		color: #fff;
	}

	.navbar .dropdown-menu.fade-down {
		top: 80%;
		transform: rotateX(-75deg);
		transform-origin: 0% 0%;
	}

	.navbar .dropdown-menu.fade-up {
		top: 180%;
	}

	.navbar .nav-item:hover .dropdown-menu {
		transition: .3s;
		opacity: 1;
		visibility: visible;
		top: 100%;
		transform: rotateX(0deg);
	}
}

.size-email p {
	font-size: 14px;
	font-family: arial;
}

/* ============ desktop view .end// ============ */
.mar-left {
	margin-left: 40px;
	margin-top: 15px;
}

@media(max-width:500px) {

	.mar-left {
		margin-left: 10px;
		margin-top: 8px;
	}
}















/* ============ only desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		margin-top: 0;
		border-radius: 0px;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.navbar .nav-item:hover .nav-link {
		color: #fff;
	}

	.navbar .dropdown-menu.fade-down {
		top: 80%;
		transform: rotateX(-75deg);
		transform-origin: 0% 0%;
	}

	.navbar .dropdown-menu.fade-up {
		top: 180%;
	}

	.navbar .nav-item:hover .dropdown-menu {
		transition: .3s;
		opacity: 1;
		visibility: visible;
		top: 100%;
		transform: rotateX(0deg);
	}
}

/* ============ desktop view .end// ============ */










/*-----   ========*top-bar*==========   --*/

.top-bar {
	background-color: #2e2183f2 !important;
	color: #dbd5d5;
	padding-top: 10px;
	padding-bottom: 10px;
}

.top-bar a {
	color: #dbd5d5;
	font-size: 13px;
	padding-left: 5px;
	padding-right: 5px;
}

.top-bar ul {
	list-style: none;
}

.top-bar ul li {
	display: inline;
}

/*-----   ========*logo*==========   --*/
.logo {
	background-color: ;
	padding-top: 8px;
	padding-bottom: 0px;
	color: #0e0547 !important;
}

;
}

.logo .cart a {
	background: white;
	height: 40px;
	width: 40px;
	display: inline-block;
	border-radius: 100%;
	line-height: 40px;
	text-align: center;
	position: relative;
}





.logo h1 {
	font-weight: bold;
	color: #00bcff !important;
	font-size: 38px;

	font-family: 'Kaushan Script', cursive;
	;
	line-height: 20px;
	text-transform: uppercase;
	text-shadow: 1px 2px 3px darkblue;
}


.bg-header {
	background-color: #2e2183f2 !important;
	padding: 0px;
	border-bottom: solid 1px rgba(00, 00, 00, 0.1)
}

..bg-header .dropdown-menu {}

.bg-header a {
	color: white !important;
	padding: 17px 23px !important;
	text-align: center;
}

.bg-header a:hover {
	background: red;
}

.bg-header .dropdown-menu a {
	color: darkblue !important;
	padding: 10px 10px !important;
	text-align: left;
	font-size: 14px;
}

.bg-header .dropdown-menu a:hover {
	background: red;
	color: white !important;
}

.bg-header .dropdown-menu h6 {
	font-weight: bold;
	color: skyblue;
	padding-left: 9px;
}

/*.bg-header  a:hover{background:#ff3547;} */


.logo .para-1 {
	font-size: 18px;
	font-weight: bold;
	color: red;
	font-family: 'Denk One', sans-serif;
	text-shadow: 1px 1px 1px darkblue;
}

.logo .para-2 {
	font-size: 22px;
	font-family: 'Kaushan Script', cursive;
	color: #0b0438important;
	text-shadow: 1px 1px 2px darkblue;
}

.bg-back-card {
	background-color: #2e2183f2 !important;
	color: white
}

h2,
h3,
h4 {
	font-family: 'Denk One', sans-serif;
	text-shadow: 1px 1px 1px darkblue;
}

.about-us-home .col-md-4 {
	padding: 6px 10px;
	border-right: solid 1px white;
}

.box-2 {
	height: 310px;
}

.line-1 {
	display: block;
	background: orange;
	height: 2px;
	width: 100%;
}


/*--------   ==================*top-catigroeis*==============	  */



/*==========================*footer*=========================*/

.footer-bottom {
	background-color: #05021a !important;
	color: #dbd5d5;
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer-section {
	background-color: #0b0438 !important;
	color: #dbd5d5;
	padding-top: 15px;
	padding-bottom: 15px;
}

.footer-section h3 {
	color: red;
}

.footer-section p {
	color: white;
}























@media(max-width:998px) {
	.size {
		width: 90px;
		height: 50%;
	}

	.logo h1 {
		font-size: 30px;
	}

	.logo .para-1 {
		font-size: 15px;
	}

	.logo .para-2 {
		font-size: 20px;
		font-family: 'Kaushan Script', cursive;
		font-size: 15px;
	}

}



@media(max-width:768px) {
	.size {
		width: 80px;
		height: 50%;
	}

	.logo h1 {
		font-size: 25px;
		line-height: 7px;
	}

	.logo .para-1 {
		font-size: 14px;
	}

	.logo .para-2 {
		font-size: 25px;
		font-family: 'Kaushan Script', cursive;
		font-size: 14px;
	}

	.hide-box {
		display: none;
	}

}


@media(max-width:500px) {
	.size {
		width: 60px;
		height: 50%;
	}

	.logo h1 {
		font-size: 20px;
		line-height: 7px;
	}

	.logo .para-1 {
		font-size: 11px;
	}

	.logo .para-2 {
		font-family: 'Kaushan Script', cursive;
		font-size: 13px;
	}

}

/* NEW CSS */
.document-section {
	padding: 40px 0;
}

.dn-link {
	background: #382c89;
	color: #fff;
	padding: 5px 18px;
	font-size: 14px;
	border-radius: 30px;
}

.document-section .table .thead-dark th {
	background-color: #382c89 !important;
	border-color: #382c89 !important;
}