/*banner section css start here*/
.event-banner-sec { border-bottom: 1px solid #EDE9DE; position: relative; margin: 0 0 7.5rem 0; }
.event-banner-sec .event-banner-caption { width: 100%; display: flex; gap: 0; }
.event-banner-sec .eb-left, .event-banner-sec .eb-right { width: 50%; padding-top: 5rem; padding-bottom: 1.75rem; }
.event-banner-sec .eb-left { padding-right: 5rem; border-right: 1px solid #EDE9DE; }
.event-banner-sec .eb-left .eb-content { max-width: 32.3125rem; }
.eb-content .event-heading { font-weight: 400; margin: 0 0 2rem 0; line-height: 100%; }
.eb-content .eb-body { letter-spacing: 0.2px; color: var(--color-bg-black); line-height: 150%; margin: 0; }
.event-banner-sec .eb-right { padding-left: 5rem; }
.eb-carousel { margin: 0 0 0.75rem 0; }
.eb-carousel .cc-item { width: 100%; background-color: #F6F5F3; }
.eb-carousel .cc-item .cc-image:before { content: inherit !important; }
.eb-carousel .eb-item-content { padding: 1.25rem 1.75rem 1.75rem 1.75rem; }
.eb-carousel .eb-date { margin: 0 0 0.875rem 0; font-weight: 400; color: #4A4949; }
.eb-carousel .eb-date strong { color: #0B0A0A; font-weight: 500; }
.eb-carousel-heading { font-weight: 400; margin: 0 0 1.5rem 0; }
.eb-carousel-info { display: block; position: relative; }
.eb-carousel-info .eb-info-title { color: #0B0A0A; font-weight: 500; margin: 0 0 0.25rem 0; }
.eb-carousel-info .eb-info-desc { color: #4A4949; margin: 0; }
.event-banner-sec .eb-right .artical-slider-btn-wrap { justify-content: flex-end; }
.event-banner-sec .zamp_ts_play_btn { background: transparent !important; border-color: transparent !important; width: 2.25rem !important; height: 2.25rem !important; }
.event-banner-sec .artical-slider-btn-wrap .slick-arrow:hover { background: #F7F6F6 !important; border-color: #F7F6F6 !important; }
.eb-carousel .cc-item img { width: 100%; object-fit: cover; }
/* .eb-carousel .cc-item .cc-inner-image{
	height: 16.25rem;
	object-fit: cover;
} */
.eb-carousel .eb-date .event-timezone{
	    text-transform: uppercase;
    font-weight: 400;
    color: #4A4949;;
}
@media only screen and (max-width:64rem) {
	.event-banner-sec .eb-left { padding-top: 4rem; padding-right: 3rem; }
	.event-banner-sec .eb-right { padding-top: 4rem; padding-left: 3rem; }
	.event-banner-sec { margin: 0 0 5rem 0; }
	.eb-carousel .eb-item-content { padding: 0.5rem 1.25rem 1.25rem 1.25rem; }
	.eb-content .event-heading { margin: 0 0 1.5rem 0; }
}

@media only screen and (max-width:47.9375rem) {
	.event-banner-sec .event-banner-caption { flex-wrap: wrap; }
	.event-banner-sec .eb-left, .event-banner-sec .eb-right { width: 100%; border: 0px; padding-left: 0; padding-right: 0; }
	.event-banner-sec .eb-left { padding-top: 2.5rem; }
	.event-banner-sec .eb-right { padding-bottom: 2.5rem; padding-top: 0; }
	.eb-content .event-heading { margin: 0 0 1rem 0; }
	.event-banner-sec .eb-left .eb-content { max-width: 100%; }
	.event-banner-sec { margin: 0 0 3.125rem 0; }
	.eb-carousel .eb-item-content{padding: 0.5rem 1rem 1rem 1rem;}
	.eb-carousel-heading{margin: 0 0 1rem 0;}
}
/*banner section css end here*/

/*upcoming event section css start here*/

.upcoming-event-sec { position: relative; width: 100%; margin: 0 0 7.5rem 0; }
.upcoming-event-sec .event-filter-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 2.5rem 0; gap: 1.25rem; width: 100%; }
.event-filter-wrap select.integrations-filter-item { min-height: 48px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; padding-right: 2.5rem; background-image: url(/wp-content/uploads/2026/01/SVG-2.svg); background-position: right 10px center; background-repeat: no-repeat; background-size: 1.25rem; min-width: 10.625rem; }
.event-filter-wrap select.integrations-filter-item:hover { background-image: url(/wp-content/uploads/2026/01/SVG-.svg); }
.upcoming-event-sec .integrations-filter-inner { min-width: 47.35rem; align-items: center; width: calc(65% - 10px); justify-content: end;}
.event-list-wrap { width: 100%; display: block; position: relative; }
.event-filter-wrap .event_filter_heading {
	width: calc(35% - .625rem);
}
.event-list-wrap .up_event-item { 
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2.5rem 0; 
	gap: 1.25rem;
	border-bottom: 1px solid #ECEBEB;
}
.up_event-item .up-event-content{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: calc(66% - .625rem);
	gap: 1.25rem;
	
}
.up-event-content .up_event_left_content{
	width: calc(70% - .625rem);
}
.up-event-content .up_event_left_content .up-event-tag{
	margin-bottom: 1rem;
	font-weight: 400;
	color:#4A4949;
}
.up-event-content .up_event_left_content .up-event-title{
	font-weight: 420;
	color: #0B0A0A;

}
.up-event-content .up_event_right_content{
	display: flex;
	gap: .75rem;
	align-items: center;
	justify-content: end;
		width: calc(30% - .625rem);
}
.up_event_right_content .up_event_date{
	margin-bottom: 0;
	color: #4A4949;
	font-weight: 400;
}
.up_event_right_content .up_event_tag_wrapper{
	padding: .375rem 1.0625rem;
	border-radius: 6.25rem;
	background-color: #FF934F87;
}
.up_event_tag_wrapper .up_event_tag_text{
	margin-bottom: 0;
	font-weight: 550;
	color: #0B0A0A;

}
.up_event_tag_wrapper.orange_item_tag{
	background-color: #FF934F87;
}
.up_event_tag_wrapper.green_item_tag{
	background-color: #AFEDDB;
}
.up_event-item .up_event_btn_wrapper{
	    width: calc(30% - .625rem);
    display: flex;
    align-items: center;
    justify-content: end;
}
.up_event-item .up_event_btn_wrapper .up_event_btn{
	font-size: 1rem;
	padding: 1.0625rem 3.125rem;
	letter-spacing: .0625rem;
	
}
.upcoming-event-caption .zamp_event_subscribe_sec{
	margin-top: 5rem;
}
.page-template-event .zamp_us_sales_int_lower{
	background-color: #EFEEEC;
	gap: 1.25rem;
	background-image: url('https://zamp.betademowork.com/wp-content/uploads/2026/01/Group-2087328177-1-1.svg');
}
.zamp_event_subscribe_sec .zamp_us_sales_int_lower .u_s_int_lower_heading{
	color: #0B0A0A;
	max-width: 30rem;
}
/* .zamp_event_subscribe_sec .email-cta-wrapper{
	max-width: 35.75rem;
}
.zamp_event_subscribe_sec .email-cta{
	gap: .75rem;
}
.zamp_event_subscribe_sec .email-cta input {
	font-family: var(--season-mix);
} */



@media only screen and (max-width:64rem){
	.up_event-item .up-event-content{
		width: calc(72% - .625rem);
	}
	.up_event-item .up_event_btn_wrapper{
		width: calc(28% - .625rem);
	}
	.up-event-content .up_event_left_content{
		width: calc(60% - .625rem);
	}
	.up-event-content .up_event_right_content{
		width: calc(40% - .625rem);
	}
	.up_event-item .up_event_btn_wrapper .up_event_btn{
	
		padding: .875rem 2.25rem;
	}
	.event-list-wrap .up_event-item{
		padding: 2rem 0;
	}
	.zamp_event_subscribe_sec{
		padding-top: 0;
		padding-bottom: 0;
	}
	.upcoming-event-caption .zamp_event_subscribe_sec{
		margin-top: 3.75rem;
	}
	.upcoming-event-sec{
		margin-bottom: 3.125rem;
	}
	.event-filter-wrap .event_filter_heading{
		width: 100%;
	}
	.upcoming-event-sec .integrations-filter-inner{
		width: 100%;
		justify-content: flex-start;
		min-width: 31.25rem;
	}
	.page-template-event .zamp_us_sales_int_lower{
		background-size: 40%;
    background-position: bottom right;
	}

}


@media only screen and (max-width:47.9375rem){
	.event-list-wrap .up_event-item{
		flex-direction: column;
	}
	.up_event-item .up-event-content{
		    width: 100%;
    flex-direction: column;
    gap: 1.25rem;
	}
	.up-event-content .up_event_left_content{
		width: 100%;
	}
	.up-event-content .up_event_right_content{
		    width: 100%;
    justify-content: start;
	}
	.up_event-item .up_event_btn_wrapper{
		    width: 100%;
    justify-content: start;
	}
	.event-list-wrap .up_event-item{
		padding: 1.25rem 0;
		gap: 3.125rem;
	}
	.up-event-content .up_event_left_content .up-event-tag{
		margin-bottom: .625rem;
	}
	.up_event-item .up_event_btn_wrapper .up_event_btn{
		padding: .875rem 1.5625rem;
		font-size: .875rem;
	}
	.upcoming-event-sec .integrations-filter-inner{
		min-width: unset;
		align-items: stretch;
	}
	.page-template-event .zamp_us_sales_int_lower{
		background-size: 70%;
	}
}

/*upcoming event section css end here*/


























/*zamp_event_demand_sec css start here*/

.zamp_event_demand_sec{
	background-color: #EDE9DE70;
}
.z_event_demand_wrapper .z_e_demand_upper{
	margin-bottom: 3.125rem;
}
.z_event_demand_wrapper .z_e_demand_upper .z_e_d_u_heading{
	font-weight: 420;
	color: #0B0A0A;
}
.z_event_demand_wrapper .z_e_demand_upper .z_e_d_u_desc{
	font-weight: 400;
	color: #000000;
	margin-bottom: 0;
	margin-top: 1.25rem;
	display: flex;
  	align-items: center;
  	width: 100%; 
}
.z_event_demand_wrapper .z_e_demand_upper .z_e_d_u_desc::after{
 content: "";
  flex: 1;
  height: 0;
  border: .1062rem solid #EDE9DE;          
  margin-left: 0.75rem; 
}
.z_event_demand_wrapper .z_e_demand_lower{
	display: flex;
	gap: 2.5rem 1.5rem;
	flex-wrap: wrap;
	margin-bottom: 3.125rem;
}

.z_e_demand_lower .z_e_d_item_wrapper{
    width: calc(33.33% - 1rem);
    background: var(--color-bg-white);
    padding: 1rem 1rem 1.875rem 1rem;
    display: flex;
    flex-direction: column;
	transition: background-color 0.4s ease, transform 0.3s ease;
    will-change: background-color;
}
.z_e_demand_lower .z_e_d_item_wrapper .z_e_d_item_img_wrapper{
	position: relative;
	overflow: hidden;
	width:100%;
}

.z_e_d_item_wrapper .z_e_d_item_img_wrapper img{
    width: 100%;
    height: 13.375rem;
    object-fit: cover;
    display: block;
    position: relative;
    z-index: 0;
	transition: transform 0.5s ease;
}
 .z_e_d_item_img_wrapper .video_play_icon{
	position: absolute;
	right: .5rem;
	top: .5rem;
 }
 .z_e_d_item_img_wrapper .video_play_icon a img{
	max-width: 2.25rem;
	width: 100%;
	height: 2.25rem;
	object-fit: cover;
 }
.z_e_d_item_wrapper .z_e_d_item_content_wrapper{
	padding: 2rem 1rem 0 1rem;
}
.z_e_d_item_content_wrapper .z_e_d_i_tag_wrapper{
	display: flex;
	gap: .75rem;
	align-items: center;
	flex-wrap: nowrap;
	width: max-content;
	margin-bottom: .75rem
}
.z_e_d_i_tag_wrapper .d_item_tag{
	padding: .375rem 1.0625rem;
	border-radius: 6.25rem;
	 background-color: var(--color-bg-500);
}
.d_item_tag.green_item_tag{
    background-color: #AFEDDB;   /* light green bg */
}
.d_item_tag.orange_item_tag{
    background-color: #FF934F87;  /* light orange bg */
}
/* .z_e_d_i_tag_wrapper .d_item_tag .green_item_tag{
	
} */
.z_e_d_i_tag_wrapper .d_item_tag_text{
margin-bottom: 0;
	font-weight: 550;
	color: #0B0A0A;
}
.z_e_d_i_tag_wrapper .d_item_tag_time {
	font-weight: 550;
	margin-bottom: 0;
	color: #4A4949;
}
.z_e_d_item_content_wrapper .z_e_d_i_detail_wrapper{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 1rem;
}
.z_e_d_item_content_wrapper .z_e_d_i_detail_wrapper .z_e_d_item_heading{
	font-weight: 420;
	color: #0B0A0A;
}
.z_e_d_item_content_wrapper .z_e_d_i_detail_wrapper .z_e_d_item_desc{
	margin-bottom: 0;
	color: var(--color-bg-black);
	font-weight: 400;
}
.z_e_demand_lower .z_e_d_item_wrapper:hover .z_e_d_item_img_wrapper img{
	transform: scale(1.08);
}
.z_e_demand_lower .z_e_d_item_wrapper:hover{
background: #ECEBEB;
}
.z_e_demand_btn_wrapper .z_e_demand_btn{
	width: max-content;
	padding: .625rem 1.25rem;
	border: .0531rem solid #0B0A0A;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: .75rem;
	font-weight: 550;
	margin-bottom: 0;
	color: #0B0A0A	;
	font-size: .875rem;
	line-height: 1.225rem;
    letter-spacing: .0262rem;
	color: #0B0A0A;
}

.z_e_demand_btn img{
	max-width: .875rem;
	width: 100%;
	height: .6875rem;
	margin-top: -0.1875rem;
}
.z_e_demand_btn_wrapper .z_e_demand_btn:hover{
	background-color: #0B0A0A;
    color: #fff;
    border-color: #0B0A0A;
}
.z_e_demand_btn_wrapper .z_e_demand_btn:hover img{
filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(20%) hue-rotate(256deg) brightness(106%) contrast(100%);}


@media only screen and (max-width:64rem){
.z_event_demand_wrapper .z_e_demand_upper{
	margin-bottom: 2.5rem;
}
.z_event_demand_wrapper .z_e_demand_lower{
	gap: 1.75rem 1.25rem;
}
.z_e_demand_lower .z_e_d_item_wrapper{
	width: calc(33.33% - .875rem);
	padding: .75rem .75rem 1.375rem .75rem;
}
.z_e_d_item_wrapper .z_e_d_item_content_wrapper{
	padding: 1.5rem .875rem 0 .875rem;
}
.z_e_d_item_wrapper .z_e_d_item_img_wrapper img{
	height: 11.25rem;
}
}
@media only screen and (max-width: 61.9375rem ){
.z_e_demand_lower .z_e_d_item_wrapper{
	width: calc(50% - 10px);
}
.z_e_d_item_wrapper .z_e_d_item_img_wrapper img{
	height: 15rem;
}
}
@media only screen and (max-width:47.9375rem){
	.z_e_demand_lower .z_e_d_item_wrapper{
		width: 100%;
	}
	.z_e_d_item_wrapper .z_e_d_item_img_wrapper img{
		height: 13.375rem;
	}
}



/*zamp_event_demand_sec css End here*/





/* VIDEO MODAL (MATCHES REFERENCE LOGIC) */
.zamp_video_modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.75);
    z-index: 999999;
    padding: 40px 20px;
}

.zamp_video_modal.active {
    display: flex;
}

body.zamp_video_open {
    overflow: hidden;
}

.zamp_video_overlay {
    position: absolute;
    inset: 0;
}

/* VIDEO POPUP BOX */
.zamp_video_content {
    position: relative;
    width: 100%;
    max-width: 900px;        /* EXACT LIKE REFERENCE */
    background: #000;
    border-radius: 14px;
    box-shadow: 0 25px 60px rgba(0,0,0,.45);
    z-index: 2;
    overflow: visible;       /* IMPORTANT */
}

/* IFRAME — SAME TECHNIQUE AS REFERENCE */
.zamp_video_content iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    display: block;
    border-radius: 14px;
}

/* CLOSE BUTTON — EXACT BEHAVIOR */
.zamp_video_close {
    position: absolute;
    top: -16px;
    right: -16px;
    width: 38px;
    height: 38px;
    background: #fff;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px rgba(0,0,0,.3);
    transition: .2s ease;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
}
.zamp_video_close img{
	height: 20px;
}
.zamp_video_close:hover {
    background-color: #000;
    color: #fff;
    transform: scale(1.05);
}
.zamp_video_close:hover img{
	filter: brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(0%) hue-rotate(266deg) brightness(103%) contrast(104%);
}
/* RESPONSIVE — MATCHES REFERENCE */
@media (max-width: 991px) {
    .zamp_video_modal {
        padding: 30px 16px;
    }
}

@media (max-width: 768px) {
    .zamp_video_content {
        border-radius: 10px;
    }
    .zamp_video_close {
        top: -10px;
        right: -10px;
        width: 32px;
        height: 32px;
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .zamp_video_modal {
        padding: 20px 10px;
    }
}