/*//////////////////////////////////////////////*/
/*/////////////////// TOP BAR ///////////////////*/
/*//////////////////////////////////////////////*/
body>.wrapper {
	height: fit-content;
}
body>.wrapper>.wrapper {
	height: fit-content;
}

.banner-area {
	height: calc(var(--vh, 1vh) * 100 - 121px);
	min-height: 520px;
}

.top-bar-area {
	position: sticky !important;
	inset: initial;
	top: 0;
	width: 100%;
	z-index: 999;
	padding: 0;
	transition: all 0.3s ease 0s;
}

.top-bar-area .container .row div {}

.top-bar-area .container .row div ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	gap: 31px;
	margin: 0;
	padding: 0;
}

.top-bar-area .container .row div ul.item-flex {
	justify-content: flex-start;
}

.top-bar-area .container .row div .social ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
}

.top-bar-area .container .row div .social ul li a,
.top-bar-area .container .row div .item-flex li a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px 0;
	transition: all 0.3s ease 0s;
}

.top-bar-area .container .row div ul li a i {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	width: 16px;
	height: 16px;
}

.top-bar-area .container .row div .social ul li a:hover {
	color: #90a1b9;
	transition: all 0.3s ease 0s;
}

.top-bar-area .container .row div .social ul li a:hover span {
	color: #90a1b9;
	transition: all 0.3s ease 0s;
}

.top-bar-area .container .row div .social ul li.login {
	margin: 0 0 0 -4px;
}

.top-bar-area .container .row div .social ul li.login a:hover i::before {
	background-color: #90a1b9;
	transition: all 0.3s ease 0s;
}

.top-bar-area .container .row div .social ul li .dropdown-toggle {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.top-bar-area .container .row div .social ul li a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: 22px;
}

.top-bar-area .container .row div .social ul li .dropdown-menu {
	display: block !important;
	width: fit-content;
	height: fit-content;
	min-width: 85px;
	inset: initial;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease 0s;
}

.top-bar-area .container .row div .social ul li .dropdown-menu:hover {
	opacity: 1;
	pointer-events: all;
	transition: all 0.3s ease 0s;
}

.top-bar-area .container .row div .social ul li .dropdown-toggle:hover~.dropdown-menu {
	opacity: 1;
	pointer-events: all;
	transition: all 0.3s ease 0s;
}

.top-bar-area .container .row div .social ul li .dropdown-menu li a {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 4px 22px;
	transition: all 0.3s ease 0s;
}

.top-bar-area .container .row div .social ul li .dropdown-menu li a:hover {
	color: black;
	background-color: #e2e8f0;
	transition: all 0.3s ease 0s;
}

.top-bar-area .container .row div .social ul li.contact a i {
	font-size: 14px;
	line-height: unset;
}

.top-bar-area .container .row div .social ul li.contact a {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-size: 16px;
	font-weight: 300;
	transition: all 0.3s ease 0s;
}

.top-bar-area .container .row div .social ul li.contact a span {
	display: block;
	max-width: 0;
	overflow: hidden;
	white-space: nowrap;
	transition: all 0.4s ease 0.4s;
}

.top-bar-area .container .row div .social ul li.contact a:hover span {
	max-width: 220px;
	transition: all 0.4s ease 0s;
}

/*//////////////////////////////////////////////*/
/*/////////////////// HEADER ///////////////////*/
/*//////////////////////////////////////////////*/
header:has(.navbar) {
	position: sticky !important;
	top: 43px;
	width: 100%;
	height: fit-content;
	background-color: white;
	box-shadow: 0px 0px 20px 0px rgba(7, 20, 52, 0.1);
	z-index: 99;
	transition: all 0.3s ease 0s;
}

header:has(.navbar)::before {
	content: "";
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	background-color: white;
}

header .navbar {
	position: relative !important;
	inset: initial !important;
	width: 100%;
	height: fit-content;
	background-color: white;
	box-shadow: 0px 0px 20px 0px rgba(7, 20, 52, 0.1);
	z-index: 99;
	transition: all 0.3s ease 0s;
}

header .navbar.validnavs {
	padding: 0;
}

header .navbar .container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 22px;
}

header .navbar .container .navbar-brand-left {}

header .navbar .container .navbar-brand-left .navbar-header .navbar-brand {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	top: 2px;
}

header .navbar .container .navbar-brand-left .navbar-header .navbar-brand img {
	max-width: 310px !important;
	width: 100% !important;
	max-height: 100% !important;
	height: 100% !important;
	object-fit: contain;
	transition: all 0.3s ease 0s;
}

header .navbar .container .navbar-brand-left .navbar-header .navbar-brand span {
	font-size: 13px;
	align-self: center;
	position: relative;
	right: 1px;
	top: 2px;
	transition: all 0.3s ease 0s;
}

header .navbar .container .collapse {}

header .navbar .container .collapse .navbar-nav .menu-item a {
	font-size: 16px !important;
	font-weight: 400 !important;
	padding: 25px 10px;
}

header .navbar .container .collapse .nav li a {
	transition: all 0.3s ease 0s;
}

header .navbar .container .collapse .nav li:last-child a {
	padding-right: 0;
}

header .navbar .container .attr-right {
	display: flex;
	align-items: center;
	justify-content: center;
	float: unset;
}

header .navbar .container .attr-right .attr-nav ul {
	margin: 0;
}

header .navbar .container .attr-right .attr-nav ul li a {
	font-weight: 400;
}

header .navbar .container .collapse>img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-height: 60px;
}

@media only screen and (max-width: 1200px) {
	header .navbar .container .collapse .navbar-nav .menu-item a {
		padding: 16px 7px !important;
	}

	header .navbar .container .navbar-brand-left .navbar-header .navbar-brand img {
		max-width: 190px !important;
	}

	header .navbar .container .navbar-brand-left .navbar-header .navbar-brand span {
		font-size: 10px;
		right: 1px;
	}

	header .navbar .container .collapse .navbar-nav .menu-item a {
		font-size: 14px !important;
	}

	header .navbar .container .collapse .navbar-nav .menu-item.dropdown a {
		padding: 16px 7px !important;
	}

	header .navbar .container .collapse .navbar-nav .menu-item.dropdown .dropdown-menu {
		padding: 10px;
	}

	header .navbar .container .collapse .navbar-nav .menu-item.dropdown .dropdown-menu a {
		padding: 7px !important;
	}
}

@media only screen and (max-width: 1023px) {
	header:has(.navbar) {
		height: fit-content;
	}

	header .navbar .container .navbar-brand-left {
		width: 100%;
	}

	header .navbar .container .navbar-brand-left .navbar-header {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	header .navbar .container .navbar-brand-left .navbar-header::before,
	header .navbar .container .navbar-brand-left .navbar-header::after {
		display: none;
	}

	header .navbar .container .navbar-brand-left .navbar-header .navbar-brand {
		inset: initial !important;
		transform: translate(0, 0) !important;
	}
}

@media only screen and (max-width: 992px) {
	header .navbar .container .navbar-brand-left {
		width: 100%;
	}

	header:has(.navbar) {
		top: 0px;
	}
}

/*/////////////////////////////////////////////////////////////////*/
/*/////////////////// SCROLLED HEADER ANIMATION ///////////////////*/
/*/////////////////////////////////////////////////////////////////*/
body.scrolled .top-bar-area {
	top: -52px;
	transition: all 0.3s ease 0s;
}

body.scrolled header {
	top: 0px;
	transition: all 0.3s ease 0s;
}

body.scrolled header .navbar .container .collapse .nav li a {
	padding: 16px 10px;
	transition: all 0.3s ease 0s;
}

body.scrolled header .navbar .container .navbar-brand-left .navbar-header .navbar-brand img {
	max-width: 220px !important;
	transition: all 0.3s ease 0s;
}

body.scrolled header .navbar .container .navbar-brand-left .navbar-header .navbar-brand span {
	font-size: 10px;
	right: 1px;
	transition: all 0.3s ease 0s;
}

body.scrolled header .navbar .container .attr-right .attr-nav ul li a {
	padding: 4px 25px !important;
}

@media only screen and (max-width: 1200px) {
	body.scrolled header .navbar .container .navbar-brand-left .navbar-header .navbar-brand img {
		max-width: 160px !important;
	}
}

@media only screen and (max-width: 1023px) {
	body.scrolled header .navbar .container .navbar-brand-left .navbar-header .navbar-toggle {
		padding: 7px 0;
		transition: all 0.3s ease 0s;
	}
}

/*////////////////////////////////////////////////////*/
/*/////////////////// BEEF SECTION ///////////////////*/
/*////////////////////////////////////////////////////*/
.services-details-area .container {}

.services-details-area .container .services-details-items .row .services-sidebar {
	display: none;
}

.services-details-area .container .services-details-items .row .services-single-content.order-lg-last {
	width: 100% !important;
	min-width: 100% !important;
	padding: 0 !important;
}

.services-details-area .container .services-details-items .row .services-single-content.order-lg-last .frame:not(:last-child) {
	margin-bottom: 40px;
}

.services-details-area .container .services-details-items .row .services-single-content.order-lg-last .frame {
	padding: 0;
	margin: 0;
}

.services-details-area .container .services-details-items .row .services-single-content.order-lg-last .frame .frame-container {
	margin: 0;
	width: 100%;
	max-width: 100%;
}

.services-details-area .container .services-details-items .row .services-single-content.order-lg-last .frame img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0;
	max-height: 400px;
}

.services-details-area .container .services-details-items .row .textpic.textpic-above {
	flex-direction: column-reverse;
}

/*///////////////////////////////////////////////////*/
/*/////////////////// CUSTOM ICON ///////////////////*/
/*///////////////////////////////////////////////////*/

.fas.fa-user {
	position: relative;
}

.fas.fa-user::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	pointer-events: none;
	background-color: white;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	transition: opacity 0.3s ease, background-color 0.3s ease;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E%3C/svg%3E");
}

/* #AECD40 */

/* /////////////////////////////////////////////////////// */
/* //////////////// CUSTOM HEADING LINKS //////////////// */
/* /////////////////////////////////////////////////////// */

.frame:has(.thumbnail-menu) .container .thumbnail-menu {
	flex-wrap: nowrap;
	gap: 0;
}

.frame:has(.thumbnail-menu) .container .thumbnail-menu .thumbnail-menu-item.active a h2 {
	color: #012b3e;
}

frame:has(.thumbnail-menu) .container .thumbnail-menu .thumbnail-menu-item {
	max-width: 310px;
	width: 100%;
	transition: all 0.3s ease;
}

.frame:has(.thumbnail-menu) .container .thumbnail-menu .thumbnail-menu-item .thumbnail-menu-link h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	color: #aecd40;
	background: none;
	transition: all 0.3s ease;
}

.frame:has(.thumbnail-menu) .container .thumbnail-menu .thumbnail-menu-item:hover .thumbnail-menu-link h2 {
	color: #012b3e;
	transition: all 0.3s ease;
}

.frame:has(.thumbnail-menu) .container .thumbnail-menu .thumbnail-menu-item .thumbnail-menu-link {
	position: relative;
}

.frame:has(.thumbnail-menu) .container .thumbnail-menu .thumbnail-menu-item .thumbnail-menu-link::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #aecd40;
	border-radius: 16px;
	transition: transform 0.2s ease-out;
}

.frame:has(.thumbnail-menu) .container .thumbnail-menu .thumbnail-menu-item .thumbnail-menu-link::after {
	content: "";
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #012b3e;
	border-radius: 16px;
	transform-origin: bottom right;
	transition: transform 0.3s ease;
}

.frame:has(.thumbnail-menu) .container .thumbnail-menu .thumbnail-menu-item.active .thumbnail-menu-link::after {
	transform: scaleX(1);
	transform-origin: bottom left;
	transition: transform 0.3s ease;
}

.frame:has(.thumbnail-menu) .container .thumbnail-menu .thumbnail-menu-item:hover .thumbnail-menu-link::after {
	transform: scaleX(1);
	transform-origin: bottom left;
	transition: transform 0.3s ease;
}

@media only screen and (max-width: 992px) {
	.frame:has(.thumbnail-menu) .container .thumbnail-menu {
		flex-wrap: wrap;
	}

	.frame.CustomImgText .container .grid-container .row div .frame {
		padding: 0;
	}
}

@media only screen and (max-width: 568px) {}

.frame.Customhader .container header h2 {
	color: #012b3e;
}

.frame.Customhader .container p .CustomSpan {
	color: #012b3e;
}

.services-details-area .container .services-details-items .row .frame-header {
	margin-bottom: 22px;
}

.services-details-area .container .services-details-items .row .text-column {
	column-count: unset;
}

.frame.CustomTable .container header h2 {
	color: #012b3e;
	margin-bottom: 31px;
}

.frame.CustomTable .container .table {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

.frame.CustomTable .container .table table tbody tr:first-child {
	background-color: #012b3e;
}

.frame.CustomTable .container .table table tbody tr:first-child td {
	border-right: 1px solid #012b3e !important;
}

.frame.CustomTable .container .table table tbody tr:first-child>* {
	color: white;
}

.frame.CustomTable .container .text-column {
	column-count: unset;
}

.frame.CustomTable .container .table table tbody tr:not(:first-child) td:first-child {
	background-color: #0d4f6c;
}

.frame.CustomTable .container table tbody tr:not(:first-child) td:first-child {
	color: #aecd40;
}

.frame.CustomTable .container table tbody tr:not(:first-child) td:first-child>* {
	color: #aecd40;
}

.frame.CustomTable .container table,
.frame.CustomTable .container th,
.frame.CustomTable .container td {
	border-right: 1px solid #aecd40 !important;
	border-collapse: collapse;
}

.frame.CustomImgText .container .grid-container .row {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.frame.CustomImgText .container .grid-container .row>div {
	max-width: 100%;
	width: 100%;
	min-width: 100%;
}

.frame.CustomImgText .container .grid-container .row>div .gallery-row .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.frame.CustomImgText .container .grid-container .row .col-12.col-sm-6.col-lg.grid-col:has(img) * {
	height: 100%;
}

.frame.CustomImgText .container .grid-container .row>div .textpic-item h4 {
	color: #012b3e;
    margin: 0 0 7px;
}
.frame.CustomImgText .container .grid-container .row>div header h2 {
	color: #012b3e;
}
.frame.CustomImgText .container .grid-container .row > div .textpic .textpic-item p{
	font-weight: 300;
}
.frame.CustomImgText .container .grid-container .row > div .textpic .textpic-item ul li{
	font-weight: 300;
}

@media only screen and (max-width: 992px) {
	.frame.CustomImgText .container .grid-container .row {
		grid-template-columns: 1fr;
	}

	.frame.CustomImgText .container .grid-container .row>div .gallery-row .image img {
		max-height: 400px;
	}

	.frame.CustomImgText .container .grid-container .row>div .gallery-row {
		padding: 0;
	}
}

.CustomAccordion .accordion .accordion-item .accordion-collapse .accordion-body .accordion-content .accordion-content-item h2 {
	color: #012b3e;
}

.CustomAccordion .accordion .accordion-item .accordion-collapse .accordion-body .accordion-content .accordion-content-item h2:not(:first-child) {
	margin-top: 22px;
}

.CustomAccordion .accordion .accordion-item .accordion-collapse .accordion-body .accordion-content .accordion-content-item ol,
.CustomAccordion .accordion .accordion-item .accordion-collapse .accordion-body .accordion-content .accordion-content-item ul {
	padding-left: 22px;
	margin: 22px 0 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin: 0 0 10px !important;
}

.CustomAccordion .accordion .accordion-item .accordion-collapse .accordion-body .accordion-content .accordion-content-item>ol>li>p>span,
.CustomAccordion .accordion .accordion-item .accordion-collapse .accordion-body .accordion-content .accordion-content-item>ul>li>p>span {
	color: #aecd40;
}

.CustomAccordion .accordion .accordion-item .accordion-collapse .accordion-body .accordion-content .accordion-content-item>ol>li>span,
.CustomAccordion .accordion .accordion-item .accordion-collapse .accordion-body .accordion-content .accordion-content-item>ul>li>span {
	color: #aecd40;
}


.CustomAccordion .accordion .accordion-item .accordion-collapse .accordion-body .accordion-content .accordion-content-item ol li,
.CustomAccordion .accordion .accordion-item .accordion-collapse .accordion-body .accordion-content .accordion-content-item ul li {
	font-weight: 300;
}
.CustomAccordion .accordion .accordion-item .accordion-collapse .accordion-body .accordion-content .accordion-content-item p{
	font-weight: 300;
}

.CustomAccordion .container .frame-header {
	margin: 0 4px;
}

.CustomAccordion .container .frame-header h2 {
	color: #012b3e;
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(100%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.SectionProductGallery {
	margin: 100px 0;
	padding: 0 0 100px;
}

.SectionProductGallery .container .ProductGalleryinner {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 22px;
}

.SectionProductGallery .container .ProductGalleryinner .frame-header {
	grid-column: span 3 / span 3;
	margin-bottom: 40px;
}

.SectionProductGallery .container .ProductGalleryinner .frame-header h2 {
	text-align: center;
	color: #012b3e;
}

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem {
	position: relative;
	padding: 22px;
	width: 100%;
	height: fit-content;
	transform: translateY(100%);
	border-radius: 20px;
	background-image: url("assets/img/BlueBG.jpeg");
	background: radial-gradient(circle, #0d4b8f 0%, #022356 100%);
	background-size: cover;
	background-position: center;
	box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2.6px;

	opacity: 0;
	animation: fadeInUp 0.6s ease forwards;
	animation-delay: 1s;
}

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem.span-2 {
	display: grid;
	grid-template-columns: 250px 1fr;
	grid-column: span 3 / span 3;
	gap: 16px;
	padding: 22px 31px;
}

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ProductGalleryItemTop,
.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ProductGalleryItemBottom {
	position: relative;
}

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ProductGalleryItemTop {
	margin-bottom: 16px;
}
#p86 .SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ProductGalleryItemTop {
	min-height: 290px;
}
/*#p86 .ProductGalleryinner ProductGalleryItem:nth-child(4) .ProductGalleryItemBottom {
	margin-top: 35px;
}*/

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem.span-2 .ProductGalleryItemTop {
	margin-bottom: 0;
}

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ImgWrap {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 250px;
	transform: scale(0.9);
	transition: all 0.3s ease, transform 0.3s ease-in-out,
		filter 0.3s ease-in-out 0.3s;

	opacity: 0;
	animation: fadeInUp 0.6s ease forwards;
	animation-delay: 1.3s;
}

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem.span-2 .ImgWrap {
	position: absolute;
	inset: initial;
	bottom: 0;
	min-height: calc(100% + 100px);
}

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ImgWrap img {
	position: absolute;
	inset: initial;
	width: auto;
	height: 100%;
	min-height: 400px;
	filter: drop-shadow(7px 1px 4px rgba(0, 0, 0, 0));
	object-fit: cover;
}

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem.span-2 .ImgWrap img {
	position: relative;
	inset: initial;
	filter: drop-shadow(7px 1px 4px rgba(0, 0, 0, 0.5));
}

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ProductGalleryItemContent {}

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ProductGalleryItemContent h2 {
	text-align: center;
	color: white;
	padding: 0 0 16px;
	margin-bottom: 22px;
	border-bottom: 4px solid #aecd40;
}

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem.span-2 .ProductGalleryItemContent h2 {
	text-align: left;
	width: fit-content;
}

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ProductGalleryItemContent p {
	color: white;
}

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ProductGalleryItemContent p:last-child {
	margin: 0 !important;
}

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem:hover .ImgWrap {
	min-height: calc(100% + 400px);
	transform: scale(1);
	filter: drop-shadow(7px 1px 4px rgba(0, 0, 0, 0.5));
	transition: all 0.3s ease, transform 0.3s ease-in-out 0.3s,
		filter 0.3s ease-in-out 0.3s;
}

.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem.span-2:hover .ImgWrap {
	min-height: calc(100% + 100px);
}

@media only screen and (max-width: 1200px) {
	.SectionProductGallery .container .ProductGalleryinner {
		grid-template-columns: 1fr 1fr;
	}

	.SectionProductGallery .container .ProductGalleryinner .frame-header {
		grid-column: span 2 / span 2;
	}

	.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem.span-2 {
		grid-column: span 2 / span 2;
	}

	.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ImgWrap {
		min-height: calc(100% + 400px);
		filter: drop-shadow(7px 1px 4px rgba(0, 0, 0, 0.5));
		transition: all 0.3s ease, transform 0.3s ease-in-out,
			filter 0.3s ease-in-out 0.3s;
	}

	.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem.span-2 .ImgWrap {
		min-height: calc(100% + 100px);
	}
}
@media only screen and (max-width: 992px) {
	.SectionProductGallery .container .ProductGalleryinner {
		grid-template-columns: 1fr;
		gap: 13px;
	}

	.SectionProductGallery .container .ProductGalleryinner .frame-header {
		grid-column: span 1 / span 1;
	}

	.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem {
		height: 100%;
	}

	.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ProductGalleryItemContent h2 {
		text-align: center !important;
		width: 100% !important;
	}

	.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem.span-2 {
		display: flex;
		flex-direction: column-reverse;
		grid-column: span 1 / span 1;
	}

	.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ImgWrap {
		position: relative !important;
		inset: initial !important;
		min-height: 100% !important;
		transform: scale(1) !important;
	}

	.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ImgWrap img {
		position: relative !important;
		inset: initial !important;
	}
}
@media only screen and (max-width: 768px) {
	.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem {
		padding: 16px;
		gap: 0 !important;
	}

	.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ProductGalleryItemTop {
		margin-bottom: 0;
	}

	.SectionProductGallery .container .ProductGalleryinner .ProductGalleryItem .ImgWrap img {
		min-height: 220px;
	}
}

/*Start New Style by Ranaweb*/

@font-face {
    font-family: 'Expansiva';
    src: url('assets/fonts/Expansiva-BoldItalic.eot');
    src: url('assets/fonts/Expansiva-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Expansiva-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/Expansiva-BoldItalic.woff') format('woff'),
        url('assets/fonts/Expansiva-BoldItalic.ttf') format('truetype'),
        url('assets/fonts/Expansiva-BoldItalic.svg#Expansiva-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Expansiva';
    src: url('assets/fonts/Expansiva-Bold.eot');
    src: url('assets/fonts/Expansiva-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Expansiva-Bold.woff2') format('woff2'),
        url('assets/fonts/Expansiva-Bold.woff') format('woff'),
        url('assets/fonts/Expansiva-Bold.ttf') format('truetype'),
        url('assets/fonts/Expansiva-Bold.svg#Expansiva-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Expansiva';
    src: url('assets/fonts/Expansiva.eot');
    src: url('assets/fonts/Expansiva.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Expansiva.woff2') format('woff2'),
        url('assets/fonts/Expansiva.woff') format('woff'),
        url('assets/fonts/Expansiva.ttf') format('truetype'),
        url('assets/fonts/Expansiva.svg#Expansiva') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Expansiva';
    src: url('assets/fonts/Expansiva-Italic.eot');
    src: url('assets/fonts/Expansiva-Italic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Expansiva-Italic.woff2') format('woff2'),
        url('assets/fonts/Expansiva-Italic.woff') format('woff'),
        url('assets/fonts/Expansiva-Italic.ttf') format('truetype'),
        url('assets/fonts/Expansiva-Italic.svg#Expansiva-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

nav.navbar.validnavs.inc-shape:before {
    display: none;
}

.product-list-wrapper:before , .product-list-wrapper:after{
	clear: both;
	display: table;
	content: "";
}

.product-list-wrapper{
	background: url('Grid_BG.jpg') no-repeat center center;
	padding: 65px 0;
	background-size: cover;
	margin-bottom: 70px;
	position: relative;
	font-family: 'Expansiva';
	font-weight: bold;
}

/*.product-list-box-ex{
	background-color: #ffffff;
	padding: 20px 15px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	height: 100%;
	overflow: hidden;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.10);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.10);
	position: relative;
}*/

.product-list-box-ex {
    /* background-color: #ffffff; */
    padding: 20px 15px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.80);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.80);
    position: relative;
    color: #fff;
}

.product-list-box-ex-img{
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.product-list-box-ex:hover .product-list-box-ex-img {
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.product-list-box-ex:hover .product-list-box-ex-title{
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.product-list-box-ex:hover{
	background-color: #aecd40;
	color: #ffffff;
}

.float-anchor-full{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99;
}

.product-list-wrapper-inner .col-xs-12{
	margin: 15px 0;
}

.product-list-box-ex-title {
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

#c868{
	padding-top: 0px !important;
}

@media(max-width: 1400px){
	.product-list-box-ex-title {
	    font-size: 14px;
	}
}

@media(max-width: 1300px){
	#p215 .gallery-row , #p215 .page-title{
		padding: 0 40px;
	}	
}

@media(max-width: 991.50px){
	.product-list-wrapper-inner .row .col-xs-12{
		width: 50%;
	}
}

@media(max-width: 768.50px){
	.product-list-wrapper-inner .row .col-xs-12{
		width: 50%;
		margin: 10px 0;
	}
}

@media(max-width: 576.50px){
	.product-list-box-ex-title {
	    font-size: 12px;
	    line-height: normal;
	}
}

@media(max-width: 480.50px){
	.product-list-box-ex-title {
	    font-size: 12px;
	    line-height: normal;
	}

	.product-list-wrapper-inner .row .col-xs-12{
		width: 100%;
	}
}

/*End New Style by Ranaweb*/