/* ----------------------
 * Homepage Redesign 2025
 * ---------------------- */

/* General  */

.btn-learnmore {
    font-size: 18px;
    color: #C62929;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 10px;
    display: inline-block;
   
}

.btn-learnmore::after {
    background-repeat: no-repeat;
    width: 15px;
    height: 14px;
    display: inline-block;
    margin-left: 9px;
}
.btn-learnmore:hover {
    color: #0C0C0C;
}
.hm-slick-style .slick-arrow::before, 
.btn-learnmore::after {
	content: '';
	aspect-ratio: 1 / 1;
	background: currentColor;
	-webkit-mask-size: contain;
	mask-size: contain;
	mask-image: url("data:image/svg+xml,%3Csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7602 5.91716L9.34321 0.500008C9.18858 0.345375 8.98249 0.260498 8.76273 0.260498C8.54273 0.260498 8.33676 0.345497 8.18213 0.500008L7.6903 0.991955C7.53579 1.14634 7.45067 1.35256 7.45067 1.57244C7.45067 1.79219 7.53579 2.00536 7.6903 2.15975L10.8505 5.32692H0.810359C0.35768 5.32692 0 5.68131 0 6.13411V6.82959C0 7.28239 0.35768 7.67251 0.810359 7.67251H10.8864L7.69042 10.8574C7.53591 11.012 7.45079 11.2126 7.45079 11.4325C7.45079 11.6521 7.53591 11.8556 7.69042 12.0102L8.18225 12.5005C8.33688 12.6552 8.54286 12.7394 8.76285 12.7394C8.98261 12.7394 9.1887 12.6541 9.34334 12.4994L14.7604 7.08239C14.9154 6.92727 15.0006 6.7202 15 6.50008C15.0005 6.27923 14.9154 6.07204 14.7602 5.91716Z' fill='%23C62929'/%3E%3C/svg%3E%0A");
	opacity: 1;
	transition: all 0.3s ease 0s;
}
.hm-slick-style .slick-arrow {
	background: #fff;
	width: 50px;
	height: 50px;
	transition: all 0.3s ease 0s;
	z-index: 1;
}

.hm-slick-style .slick-arrow::before{
    width: 21px;
    height: 18px;
    display: block;
    background-color: #C62929 !important;
    opacity: 1;
    left: 13px;
    position: relative;
}

.hm-slick-style .slick-prev:before {
    transform: scaleX(-1);
}

.hm-slick-style .slick-arrow:hover,
.hm-slick-style .slick-arrow:focus {
    background: #C62929;
}

.hm-slick-style .slick-arrow:hover:before,
.hm-slick-style .slick-arrow:focus:before {
    background-color: #fff !important;
}

/* Video Section */
.elementor-element.video-border-style::before {
    content: '';
    border: 2px solid #C62929;
    position: absolute;
    height: 100%;
    width: calc(100% - 25px);
    top: -25px;
    left: 25px;
}

.video-border-style .elementor-custom-embed-play svg {
    opacity: 1;
}

@media (min-width: 992px) {
	.video-border-style .elementor-custom-embed-image-overlay img {
		min-height: 552px;
	}
}
/* Number Section */

.elementor-section.hm-number-sec {
    max-width: 1500px;
    margin: auto 0 auto auto;
}

/* Product Image Boxes Section */
.hm-img-box-wrap {
    background: #F2F2F2;
    overflow: hidden;
	z-index: 1;
}

.hm-img-box-wrap .elementor img {
	left: -30px;
	position: relative;
}

.hm-img-box-wrap .elementor-image-box-wrapper {
    position: relative;
    overflow: hidden;
	padding: 20px;
}

.hm-img-box-wra .elementor-image-box-description,
.hm-img-box-wrap .elementor-image-box-wrapper {
	transition: all 0.3s ease 0s;
}

.hm-img-box-wrap .btn-learnmore:hover {
	color: #C62929;
}

@media (min-width: 768px) {
	.hm-img-box-wrap .elementor-image-box-wrapper {
		min-height: 310px;
	}
}

@media (max-width: 1024px) {
	.hm-product-sec-last-item .elementor-column:last-child .elementor-widget-wrap {
		gap: 30px;
		row-gap: 30px;
	}
}

@media (min-width: 1025px) {
	.hm-img-box-wrap:hover .elementor-image-box-wrapper {
		transform: translateY(-10px);
	}
	
	.hm-img-box-wrap .elementor-image-box-description {
		opacity: 0;
		bottom: -20px;
		position: relative;
		transition: all 0.3s ease 0s;
	}
	
	.hm-img-box-wrap:hover .elementor-image-box-description {
		opacity: 1;
		bottom: 0;
	}
	
	.hm-img-box-wrap .elementor-image-box-wrapper {
    	padding: 30px 30px 0;
	}
	
	.hm-img-box-wrap .elementor-image-box-wrapper::before {
		background: #fff;
		content: '';
		height: 100%;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		transition: all 0.3s ease 0s;
		clip-path: polygon(0 0, 100% 0, 100% 45%, 0 45%);
	}

	.hm-img-box-wrap:hover .elementor-image-box-wrapper::before {
		background: #C62929;
		clip-path: polygon(0 0, 100% 0, 100% 20%, 0 75%);
		height: 100%;
	}

}

/* Accordion Section */

.hm-accordion-sec .elementor-tab-title {
    background: #fff;
    position: relative;
    padding-right: 50px !important;
    margin-bottom: 20px;
}

.hm-accordion-sec .elementor-tab-title.elementor-active {
    background: #696969;
}

.hm-accordion-sec .elementor-tab-title::after {
    content: '' !important;
    width: 21px !important;
    height: 18px !important;
    position: absolute;
    top: 23px !important;
    right: 30px !important;
    mask-image: url("data:image/svg+xml,%3Csvg width='22' height='19' viewBox='0 0 22 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6484 8.64531L13.7034 0.700159C13.4766 0.473364 13.1743 0.348877 12.852 0.348877C12.5293 0.348877 12.2272 0.473543 12.0005 0.700159L11.2791 1.42168C11.0525 1.64812 10.9276 1.95057 10.9276 2.27306C10.9276 2.59536 11.0525 2.90801 11.2791 3.13445L15.9141 7.77963H1.18853C0.524597 7.77963 0 8.2994 0 8.96351V9.98355C0 10.6477 0.524597 11.2198 1.18853 11.2198H15.9667L11.2793 15.8909C11.0527 16.1177 10.9278 16.412 10.9278 16.7344C10.9278 17.0566 11.0527 17.3551 11.2793 17.5817L12.0006 18.3009C12.2274 18.5277 12.5295 18.6513 12.8522 18.6513C13.1745 18.6513 13.4768 18.5261 13.7036 18.2993L21.6485 10.3543C21.8759 10.1268 22.0009 9.82311 22 9.50027C22.0007 9.17635 21.8759 8.87247 21.6484 8.64531Z' fill='%23C62929'/%3E%3C/svg%3E%0A");
    aspect-ratio: 1 / 1;
    background-color: #C62929;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.hm-accordion-sec .elementor-tab-title.elementor-active::after {
    background-color: currentColor;
}

.hm-accordion-sec .elementor-tab-content h3 {
    font-weight: 600;
    color: #0C0C0C;
    margin-bottom: 10px;
}

.hm-accordion-sec .elementor-tab-content p {
	margin: 0;
}

.hm-accordion-overlap-img {
    position: relative;
}

.hm-accordion-sec .elementor-tab-content  {
	background: #fff;
	width: 100%;
	position: relative;
}

@media (max-width: 767px) {
	.hm-accordion-sec .elementor-tab-content  {
		margin-top: -20px;
		margin-bottom: 20px;
	}
	.hm-accordion-sec .elementor-tab-content .hidden-mobile {
		display: none;
	}
}

@media (min-width: 768px) {
	.hm-accordion-sec .elementor-tab-content  {
		box-shadow: 0 0 15px rgba(0,0,0,0.15);
		max-width: 480px;
		margin-left: 1vw;
	}
}

@media (min-width: 1025px) {
	.hm-accordion-sec .elementor-tabs-wrapper {
		width: 577px !important;
	}
	.hm-accordion-sec .elementor-tab-content  {
		margin-left: 3vw;
		margin-top: 160px;
	}
	.hm-accordion-overlap-img img {
		position: absolute;
		right: 0;
		top: 60px;
	}
}


/* Image Icon Boxes Section */
.hm-img-icon-lists .elementor-container {
    gap: 32px;
}

@media (max-width: 767px) {
	.hm-img-icon-box {
		max-width: 450px;
		margin: auto;
	}
}

/* Service Slider */

.hm-service-slider .slick-track {
    gap: 30px;
    display: flex;
    align-items: center;
}

.hm-service-slider .elementor-widget-container {
    max-width: 232px;
    margin: auto;
}


body:not(.elementor-editor-active) .hm-service-slider .elementor-widget-icon-box:not(:first-child) {
    display: none;
}

.hm-service-slider .elementor-widget-icon-box.slick-slide {
    display: block !important;
}

.hm-service-slider .elementor-icon-box-title a,
.hm-service-slider .elementor-widget-container svg path {
	transition: all 0.2s ease 0s;
}

.hm-service-slider svg path {
	fill: #C62929;
}

.hm-service-slider .elementor-widget-container:hover svg path {
	fill: #fff;
}

.hm-service-slider .elementor-widget-container:hover .elementor-icon-box-title a{
	color: #fff;
}

.hm-service-slider .slick-prev {
	left: 0;
}

.hm-slick-style .slick-next {
	right: 0;
}

@media (min-width: 1300px) {
	.hm-service-slider .slick-prev {
		left: -50px;
	}
	
	.hm-slick-style .slick-next {
		right: -45px;
	}
}

/* Feature Blog Section */
.elementor-shortcode:has(.hm-feature-blog-shortcode) {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    justify-content: space-around;
    gap: 30px;
}

.hm-feature-blog-shortcode {
	background: #fff;
}

.hm-feature-blog-thumbnail {
    max-height: 195px;
    max-width: 372px;
    overflow: hidden;
}

.hm-feature-blog-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 195px;
}

.hm-feature-blog-content {
	transition: all 0.3s ease 0s;
    padding: 30px;
}

.hm-feature-blog-content h3 {
    font-family: var( --e-global-typography-primary-font-family ), sans-serif;
    font-weight: 600;
    margin-bottom: 15px;
}

.hm-feature-blog-content h3 a {
    color: #0C0C0C;
}

.hm-feature-blog-excerpt {
    font-family: var( --e-global-typography-primary-font-family ), sans-serif;
    font-size: 16px;
    color: #323232;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.hm-feature-blog-shortcode {
		max-width: 47%;
	}
}

@media (max-width: 1024px) {
	.hm-img-icon-box {
		max-width: 450px;
		margin: auto;
	}


	.hm-feature-blog-shortcode img {
		width: 100%;
		height: 100%;
		object-position: bottom;
	}

	.hm-feature-blog-thumbnail {
		width: 100%;
		max-width: 100%;
		max-height: 250px;
	}
}
@media (min-width: 1025px) {	
	.hm-feature-blog-shortcode {
		flex: 1 1 calc(33.333% - 20px);
		background: #fff;
	}
	
	.hm-feature-blog-shortcode:hover .hm-feature-blog-content {
		background: #D0D0D0;
	}
}


/* Client Logo Slider */
.hm-client-slider .slick-track {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.hm-client-logo-slider .elementor-widget-container {
	min-width: 200px;
}
.hm-client-logo-slider .elementor-widget-container img {
	transition: all 0.3s ease 0s;
}

.hm-client-logo-slider .elementor-widget-container:hover img {
	filter: grayscale(100%);
}

.hm-client-logo-slider .slick-arrow {
	background: #F2F2F2;
}

.hm-client-logo-slider .slick-prev {
    left: -60px;
}

.hm-client-logo-slider .slick-next {
    right: -60px;
}
@media (min-width: 1200px) {

	.hm-client-logo-slider .slick-prev {
		left: -80px;
	}

	.hm-client-logo-slider .slick-next {
		right: -80px;
	}
}