/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 06 2026 | 18:44:09 */
#LOGO .elementor-element.elementor-widget-image {
	border: 1px solid #d9d9d975;
	padding: 20px 30px;
	border-radius: 10px;
	width: 100%;
	box-shadow: 0px 10px 30px 0px #00000005;
}
#LOGO img {
	max-width: 165px;
	height: 60px;
	max-height: 60px;
	object-fit: contain !important;
}

.elementor-button-underline-2.bottonBorderToBg .elementor-button {
	background-color: transparent !important;
	padding: 12px 20px !important;
	border-radius: 99px !important;
	overflow: hidden;
	font-weight: 400;
	border: none !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}
.elementor-button-underline-2.bottonBorderToBg .elementor-button::after {
	background-color: #fff !important;
}
.elementor-button-underline-2.bottonBorderToBg .elementor-button:hover {
	color: #000 !important;
	background: transparent !important;
}
#white-To-Border.custom-Buton  .elementor-button {
	border: 1px solid #fff !important;
}
#white-To-Border.custom-Buton .elementor-button:hover{
	color: #fff !important;
	background: transparent !important;
	border: 1px solid #fff !important;
}
#white-To-Border.custom-Buton a, .elementor-button-underline-2.bottonBorderToBg a {
	font-size: 18px !important;
}


#newPortGirdDesign .extraCont:hover .featuredImage::before{
	content: "\f061";
	font-family: "Fontawesome";
	font-weight: 500;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	color: #d60000;
	border-radius: 50%;
	background: #fff;
	z-index: 2;
	opacity: 1;
	rotate: -35deg;
	transition: all 0.3s ease;
}
/* Required */
.categoriesRow .imageBoxSer .elementor-image-box-img {
	position: relative;
	overflow: hidden;
}

/* Base state */
.categoriesRow .imageBoxSer .elementor-image-box-img::before {
	content: "\f061"; /* arrow-right */
	font-family: "Fontawesome";
	font-weight: 400;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-35deg);
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	color: #d60000;
	border-radius: 50%;
	background: #fff;
	z-index: 2;
	opacity: 0;
	transition: all 0.3s ease;
}

/* Hover */
.categoriesRow .imageBoxSer:hover .elementor-image-box-img::before {
	opacity: 1;
}


#newPortGirdDesign:hover .featuredImage a::before, .categoriesRow .imageBoxSer:hover .elementor-image-box-img a .attachment-full::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(214.46deg, rgba(0, 0, 0, 0.8) 37.03%, rgba(203, 21, 26, 0.8) 115.91%);
	opacity: 1;
	z-index: 1;
	border-radius: 15px;
}


@media screen and (max-width:1024px){
#LOGO img {
	max-width: 165px;
	height: 100px;
	object-fit: contain !important;
	border: 1px solid #d9d9d975 !important;
	padding: 10px 15px !important;
	border-radius: 10px !important;
	width: 100% !important;
	box-shadow: 0px 10px 30px 0px #00000005 !important;
}
}