/**
Theme Name: IPM Child Theme
Author: Tuna Traffic
Author URI: https://tunatraffic.com/
Description: Integrated Packaging Machinery Child Theme by Tuna Traffic. This is built on Astra. Astra Pro required. 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ipm-child-theme
Template: astra
*/

/* class css */
.fit-content {
    width: fit-content !important;
}
.shape-left{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 69%, 3.5% 64%, 3.5% 36%, 0 31%);
}
.shape-right{
	clip-path: polygon(100% 0, 100% 30%, 96.5% 36%, 96.5% 62%, 100% 67%, 100% 100%, 0 100%, 0 0);
}
.shape-bottom{
	 clip-path: polygon(0 0, 100% 0, 100% 100%, 70% 100%, 65% 97%, 35% 97%, 30% 100%, 0 100%);
}
/* class css */
.menu-toggle:focus, .menu-link:focus, .ast-menu-toggle:focus{
	outline:none !important;
	border:none !important;
}

.ast-header-break-point #ast-mobile-header {
    position: fixed;
    width: 100%;
	background:#EFEFEF;
}
/* hero section */
figure.hero-sec-video:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background: linear-gradient(180deg, rgba(12, 12, 12, 0) 28.74%, rgba(12, 12, 12, 0.8556) 96.61%);
}

figure.hero-sec-video video {
	height: 70vw;
	object-fit: cover;
}

.turney-slider .swiper-content {
	border-radius: 16px !important;
}

/* hero section */
.Uptime-from-Day {
	clip-path: polygon(
    30% 3%, 70% 3%, 75% 0, 100% 0, 
    100% 100%, 75% 100%, 70% 97%, 30% 97%, 25% 100%, 0 100%, 
    0 0, 25% 0
  );
}

/* Footer */
#menu-industries li {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
/* Footer */

/* Industry Slider */
.site-above-footer-inner-wrap {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

/* Industry Slider */

.uagb-button__icon {
	padding: 15px !important;
	background: #B91317;
	border-radius: 50px;
}
.popup-btn .uagb-modal-trigger:after {
    content: '';
    background-image: url(https://env-callipmcom-devipm0827.kinsta.cloud/wp-content/uploads/2025/09/btn-arrow.svg) !important;
    line-height: 0;
    margin-left: 30px;
    height: 55px;
    width: 55px;
    background-size: contain;
    background-color: #fff;
    border-radius: 50px;
}

.industry-btn .wp-block-button__link {
	justify-content: space-between !important;
}

.industry-accord .eb-accordion-wrapper {
	position: relative !important;
	overflow: visible !important;
}

/* dairy accordian */
.swiper-button-prev, .swiper-button-next{
	font-weight:900;
}
.Dairy-Packaging-hero{
	    clip-path: polygon(5% 5%, 46% 5%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 0.8% 0);
}
.Dairy-Packaging-hero:before{
	    clip-path: polygon(0 0, 100% 0, 100% 100%, 97% 100%, 93% 95%, 59% 95%, 55% 100%, 0 100%);
}
.industry-counter{
	    clip-path: polygon(35% 4%, 65% 4%, 68% 0, 100% 0, 100% 99%, 0 100%, 0 0, 32% 0);
}
.industry-counter:before{
	content:'';
	background:#B91317;
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 69% 100%, 65% 96%, 36% 96%, 32% 100%, 0 100%);
}


/* Product section */
.dairy-packaging-accordion {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
	row-gap: 20px;
}
.accordion-dairy-item {
	position: relative;
	width: 32%;
	background-size: cover;
	background-position: center;
	border-radius: 20px;
	overflow: hidden;
	cursor: pointer;
	padding: 30px;
	transition: all 0.5s ease;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content:end;
	color: #fff;
	clip-path: polygon(
    35% 3%, 65% 3%, 68% 0, 100% 0,
    100% 100%, 69% 100%, 65% 97%, 36% 97%, 32% 100%, 0 100%, 
    0 0, 32% 0
  );
}
.accordion-dairy-overlay {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	transition: all 0.3s ease;
}
.accordion-dairy-head{
	color:#FFFFFF;
	margin-bottom:10px;
	font-size:24px;
	line-height:32px
}
.accordion-dairy-icon {
    position: absolute;
    top: 40px;
    right: 40px;
    height: 44px;
    width: 44px;
}
.accordion-dairy-content {
	display: none;
	background: transparent;
	position: relative;
	z-index: 2;
}
/* Opened item */
.accordion-dairy-item.open {
	width: 66% !important;
	justify-content:space-between;
	padding: 68px 40px 40px;
	background-image: none !important;
	background-color: #D9D9D9 !important;
	color: #000;
	font-size:16px;
	line-height:24px;
	clip-path: polygon(59% 3%, 83% 3%, 87% 0, 100% 0, 100% 100%, 87% 100%, 83% 97%, 61% 97%, 57% 100%, 0 100%, 0 0, 55% 0);
}
.open .accordion-dairy-head{
	color:#0C0C0C;
	font-size:30px;
	line-height:40px;
}
.accordion-dairy-item.open .accordion-dairy-overlay {
	color: #fff;
}
.accordion-dairy-item.open .accordion-dairy-content {
	display: block;
}
.accordion-dairy-item.open .accordion-dairy-icon {
	content: "-";
}
/* Shrunk items */
.accordion-dairy-item.shrink {
	width: 32% !important;
}
/* Product section */

.dairy-slider .swiper-content{
	clip-path: polygon(35% 3%, 65% 3%, 68% 0, 100% 0, 100% 100%, 69% 100%, 65% 97%, 36% 97%, 32% 100%, 0 100%, 0 0, 32% 0);
	min-height:288px !important;
	border-radius:20px;
	display:flex;
}

@media only screen and (min-width: 1500px) {
/* 	header */
	.main-header-bar-navigation .menu-link {
		font-size:20px !important;
		line-height:32px !important;
	}
	.ast-theme-transparent-header .main-header-bar-navigation{
		padding-left: 40px;
		padding-right: 40px;
	}
	 .main-header-bar-navigation .menu-link {
        padding: 25px !important;
    }
	.industry-box:after {
		width: 457px !important;
		height: 25.5px !important;
	}
	.industry-box:before {
		width: 457px !important;
		height: 25.5px !important;
	}
}

@media only screen and (min-width: 977px) {
	.ast-site-identity {
		padding: 0;
	}
	.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img {
		width: 5.57vw;
	}
	.ast-theme-transparent-header .main-header-bar-navigation {
		background-image: url(https://env-callipmcom-devipm0827.kinsta.cloud/wp-content/uploads/2025/09/menu-shape.svg);
		background-repeat: no-repeat;
		padding-left: 4.94vw;
		padding-right: 4.94vw;
		background-size: contain;
		line-height: 1.4em;
	}
	.main-header-bar-navigation .menu-link {
		padding: 1.56vw 0.8vw !important;
	}
	.main-header-bar-navigation .sub-menu .menu-link{
		padding:15px !important; 
	}
	.ast-theme-transparent-header .ast-builder-grid-row {
		gap: 0 !important;
	}
	.site-header-section .ast-custom-button {
		padding: 1.11vw 1.5vw !important;
	}
	.ast-above-sticky-header-active .main-header-bar-navigation {
		background: none;
	}
	.Complex-Packaging-txt p {
		font-size: 24px;
	}
}

.industry-box:before {
	background: url(https://env-callipmcom-devipm0827.kinsta.cloud/wp-content/uploads/2025/08/industry-lines-top.svg);
	position: absolute;
	width: 30.5vw !important;
	top: -2px;
	left: 44.5%;
	content: '';
	height: 1.7vw;
	background-repeat: no-repeat;
	background-size: contain !important;
}
.industry-box:hover .industry-btn-desk .wp-block-button__link {
	background:#0c0c0c !important;
}
.industry-box:hover .industry-btn-desk .uagb-button__link{
	color:#fff !important;
}
.industry-box:after {
	background: url(https://env-callipmcom-devipm0827.kinsta.cloud/wp-content/uploads/2025/08/industry-line-bottom.svg);
	position: absolute;
	width: 30.5vw !important;
	bottom: -2px;
	left: 44.5%;
	content: '';
	height: 1.7vw;
	background-repeat: no-repeat;
	background-size: contain !important;
}

/* card css  */
.card {
	position: sticky;
	top: 100px;
}

.card__inner {
	will-change: transform;
	background: #EFEFEF;
	border-radius: 32px;
	border-bottom: none;
	overflow: hidden;
	display: flex;
	transform-origin: center top;
	clip-path: polygon(38% 4%, 65% 4%, 68% 0, 100% 0, 100% 100%, 0 100%, 0 0, 35% 0);
}

.cards {
	width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-rows: repeat(var(--cards-count), var(--card-height));
	gap: 40px 0;
}

.card__image-container {
	width: 50%;
}

.card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card__content {
	padding: 30px;
	display: flex;
	width: 50%;
	flex-direction: column;
	justify-content: center;
}
.card-btn{
	margin-top:15px !important;
}
a.card-btn button:after {
    content: url(https://env-callipmcom-devipm0827.kinsta.cloud/wp-content/uploads/2025/09/btn-arrow.svg);
	background:#fff;
	border-radius:50px;
	line-height: 0;
}
a.card-btn button{
	  display: flex;
    align-items: center;
    gap: 20px;
    padding: 3px 3px 3px 20px;
	  background:#EFEFEF;
	  border:1px solid #0C0C0C !important;
	color:#0C0C0C;
	text-decoration:none !important;
}
.card-btn:hover button{
	color:#fff !important;
	background:#0C0C0C !important;
}
#gform_1 .gform_fields{
	row-gap:15px !important;
}

@media(max-width:976px) {
	.uagb-button__icon {
		padding: 8px !important;
	}

	.industry-box:after {
		bottom: -2px;
	}

	.industry-box:before {
		top: -2px;
	}

	.indusrty-image figure {
		top: -50px !important;
	}

	.card {
		position: sticky;
		top: 70px;
	}

	.card__content {
		padding: 50px 30px 20px;
	}

	.card__title {
		margin-bottom: 14px;
	}

	.scp-content-slide {
		padding: 25px;
	}

	#astra-footer-menu .menu-item>a {
		padding-left: 0px;
		padding-right: 0px;
	}

	.up-time-img {
		margin: 0 !important;
	}

	.ast-builder-grid-row-2-lheavy .ast-builder-grid-row {
		flex-flow: wrap-reverse;
		display: flex;
	}
	.popup-btn .uagb-modal-trigger:after{
		height:40px;
		width:40px;
	}	
}

@media (min-width:768px) {
	.industry-box:hover {
		background: #B91317 !important;
	}

	.indusrty-image figure {
		position: absolute;
		top: -85px;
		z-index: 1
	}

	.indusrty-image figure img {
		transform: rotate(-7deg);
		opacity: 0;
		transition-property: opacity, left;
		transition-duration: 1s, 1s;
	}

	.industry-box:hover .indusrty-image figure img {
		opacity: 1;
	}

	.industry-box:hover li,
	.industry-box:hover p,
	.industry-box:hover .uagb-heading-text {
		color: #fff !important;
	}
	.industry-accord .eb-accordion-wrapper{
	clip-path: polygon(70% 6%, 90% 6%, 92% 0, 100% 0, 100% 100%, 92% 100%, 90% 94%, 70% 94%, 68% 100%, 0 100%, 0 0, 68% 0);
}
	.industry-accord .eb-accordion-wrapper.eb-accordion-hidden{
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;	
	}
	.industry-accord .eb-accordion-wrapper.eb-accordion-hidden:before {
	background: url(https://env-callipmcom-devipm0827.kinsta.cloud/wp-content/uploads/2025/09/accordion-line.svg);
	position: absolute;
	max-width: 350px !important;
	width: 24.3vw !important;
	top: -1px;
	left: 66.5%;
	content: '';
	height: 0.7vw;
	max-height: 10px;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

.industry-accord .eb-accordion-wrapper.eb-accordion-hidden:after {
	background: url(https://env-callipmcom-devipm0827.kinsta.cloud/wp-content/uploads/2025/09/accordion-line-bottom.svg);
	position: absolute;
	max-width: 350px !important;
	width: 24.3vw !important;
	bottom: -2px;
	left: 66.5%;
	content: '';
	height: 0.7vw;
	max-height: 10px;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}
}

@media (max-width: 767px) {
	.wp-block-list{
		margin-top:0 !important;
	}
	.shape-left, .shape-right{
		    clip-path: polygon(35% 3%, 65% 3%, 68% 0, 100% 0, 100% 100%, 69% 100%, 65% 97%, 36% 97%, 32% 100%, 0 100%, 0 0, 32% 0) !important;
	}
	.site-above-footer-inner-wrap {
		flex-direction: column;
	}

	.Streamlining-Product-Flow-btn {
		left: 15px;
		top: 14%;
	}

	.Expert-Installation-Team-btn {
		right: 15px;
		top: 33%;
	}

	.Precision-Conveyor-Systems-btn {
		right: 25%;
		top: 75%;
	}

	.industry-box:before {
		width: 59.5vw !important;
		left: 18%;
		height: 3vw;
	}

	.industry-box:after {
		width: 59.5vw !important;
		left: 17%;
		height: 3.2vw
	}

	.industry-box:hover {
		background: #EFEFEF !important;
	}
	.accordion-dairy-icon{
		top: 20px;
    right: 20px;
		height: 35px;
    width: 35px;
	}
	.accordion-dairy-item{
		    width: calc(48% - 0px);
		    padding:12px;
}
	.accordion-dairy-item.open{
		width:100% !important;
	  padding: 34px 20px 34px;
	}
	.accordion-dairy-item.shrink {
    width:48% !important;
}
.industry-counter {
    clip-path: polygon(30% 2%, 70% 2%, 75% 0, 100% 0, 100% 100%, 0 100%, 0 0, 25% 0);
}
	.industry-counter:before{
		    clip-path: polygon(0 0, 100% 0, 100% 100%, 75% 100%, 70% 98%, 30% 98%, 25% 100%, 0 100%);
	}	
}

@media (max-width: 640px) {
	.br-none br {
		display: none;
	}
	.card__content {
		padding: 50px 20px 20px;
		width: 100%;
	}
	.card__image-container {
		width: 100%;
	}
	.card__inner {
		border-radius: 16px;
		flex-direction: column;
		clip-path: polygon(34% 2%, 69% 2%, 73% 0, 100% 0, 100% 100%, 0 100%, 0 0, 30% 0);
	}
	.card:before {
		width: 60vw !important;
		left: 25%;
		height: 2.7vw;
	}
	.popup-btn .uagb-modal-trigger:after{
		height:34px;
		width:34px;
	}	
}