.event-management-info-section{  background-color: #F6F4EE; }
.event-info-block-main{ padding: 67px 0; position: relative;  background-color: #BEAC83; width: 100%; overflow: hidden;  }
.event-info-block-main .line-1{ position: absolute; left: 44px; top: 0; width: 1px; background:  #151B24; height: 100%;   }
.event-info-block-main .line-2{ position: absolute; right: 44px; top: 0; width: 1px; background:  #151b24; height: 100%;   }
.event-info-block-main .event-info-block-listing{ flex-wrap: wrap; display: flex; width: 100%; padding: 0 45px; border-top: #151b24 solid 1px; border-bottom: #151b24 solid 1px; }
.event-info-box { cursor: pointer; position: relative; display: flex; align-items: stretch; justify-content: center; aspect-ratio: 1/1; width: 20%;}
.event-info-box::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; content: '';background: rgba(246,244,238,0.35); pointer-events: none; transition: all ease-in-out 300ms; }
.event-info-box:hover::after { opacity: 1; visibility: visible; }
.event-info-box.active::after { display: none; }
.event-info-box .innerbox { width: 100%; display: flex; align-items: center; }
.event-info-box + .event-info-box{ border-left:#151b24 solid 1px ; }
.event-info-box .hover-box{ transition: all 0.3s ease-in-out; opacity: 0; background: #F8FBFF; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; justify-content: center; display: flex ;align-items: center;  padding: 32px 48px; }
.event-info-box .hover-box .hover-box-sub{ width: 100%; display: block; }
.event-info-box.active .hover-box{ opacity: 1; } 
.event-info-box .hover-box p{ color: #06080B;}

.event-info-box .close-info { position: absolute; top: 20px; right: 20px; display: flex; width: 20px; height: 20px; background: url('../images/fliter-close.svg') center center no-repeat; background-size: cover; }

.event-info-box .icon-box{ position: relative; z-index: 2; padding: 16px; width: 100%; display: block; text-align: center; }
.event-info-box .icon-box .icon{ min-height: 105px; width: 100%; display: flex ;align-items: center; justify-content: center ; width: auto; height: auto;}
.event-info-box .icon-box .icon img { height: auto; width: auto; max-width: 100%; max-height: 105px; }
.event-info-box .icon-box h5  { line-height: 1.63; font-size: 16px; font-weight: 500; text-transform: uppercase; padding: 22px 0 0 0; text-align: center; color: #fff; }
.event-info-box.active .icon-box { display: none; }

 .event-info-box{ min-height: 377px}	
@media (min-width: 1601px) and (max-width: 1800px) {
 .event-info-box{ min-height: 377px}	
 .event-info-box .hover-box{ padding: 24px; }
 .event-info-box .hover-box p {font-size: 14px;}
}
@media (min-width: 1401px) and (max-width: 1599px) {
 .event-info-box{ min-height: 377px}	
 .event-info-box .hover-box{ padding: 24px; }
  .event-info-box .hover-box p {font-size: 14px;}
}
@media (min-width: 1281px) and (max-width: 1400px) {
  .event-info-box{ min-height: 377px}	
  .event-info-box .hover-box{ padding: 24px; }
   .event-info-box .hover-box p {font-size: 14px;}	
}
@media (min-width: 992px) and (max-width: 1280px) {
  .event-info-box{ min-height: 377px}	
  .event-info-box .hover-box{ padding: 20px; }
  .event-info-box .hover-box p{ font-size: 14px;}		
}
@media (max-width: 992px) {
.event-management-info-section { padding: 0 0 50px; }
.event-management-info-section .container{ padding: 0; max-width: 100%; width: 100%;  } 
.info-block-main{ padding: 0; border: 0; }
.event-info-block-main .line-1{ display: none; width: 1px; left: 50%;top: 0;  height: 100%;}
.event-info-block-main .line-2{display: none;  width: 100vw; left: 0%;top: 50%;  height: 1px;}
.event-info-box + .event-info-box{ border: #151b24 solid 1px; border-left: 0; border-right: 0 ; }
.info-block-main .event-info-block-listing{ padding: 0; border: 0;  }
.event-info-box{ border: #151b24 solid 1px; border-right: 0 ;  width: 50%;}
.event-info-box:first-child{  border: 0; width: 100%;}
.event-info-box:nth-child(3){ border-left: #151b24 solid 1px !important;   }
.event-info-box:nth-child(4) { border-bottom: 0; border-top: 0; border-left: 0; }
.event-info-box:nth-child(5){ border-bottom: 0;border-top: 0;border-left: 0;  border-left: #151b24 solid 1px !important;}
.event-info-block-main .event-info-block-listing{ padding: 0; border: 0; }
.event-info-box:first-child{ aspect-ratio: inherit; min-height: 194px;}

.event-info-block-listing { padding: 0; border: 0; position: relative; }
.event-info-box{ width: 50%; position: static;-webkit-tap-highlight-color: transparent; }
.event-info-block-listing.active .event-info-box { pointer-events: none; }
.event-info-block-listing.active .event-info-box .icon-box { opacity: 0; visibility: hidden; pointer-events: none; }
.event-info-box .hover-box { z-index: 5; opacity: 0; visibility: hidden;transition: all ease-in-out 300ms; }
.event-info-box.active .hover-box { opacity: 0; }
.event-info-block-listing .event-info-box.active .innerbox { transform: none !important;will-change: auto !important; }
.event-info-block-listing.active .event-info-box.current .hover-box { opacity: 1; visibility: visible;pointer-events: none; }
.event-info-box .close-info { display: flex; pointer-events: all; }

}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {
    .event-management-info-section {
      padding: 0px;
    }
    .event-info-block-main { padding:0px; }
    .event-info-box.active .icon-box {
        display: block;
        opacity: 1!important; 
        visibility: visible!important;
    }
  .event-info-box{ min-height: 0px}
  /* .event-info-box .hover-box{ display: none;} */
  .event-info-box .icon-box .icon{ min-height: 52px; }
  .event-info-box .icon-box .icon img{ max-width: 100%; max-height: 52px; width: auto; height: auto; }
  .event-info-box .icon-box h5{ font-size: 14px; line-height: 1.3; padding: 20px 0 0 0; }
}