.custom-main-eventDetails .triangle {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   right: 0;
   left: 0;
   background-color: var(--primary);

}

:root[color-mode=dark] .custom-main-eventDetails .triangle{
   background-color: #3f4a50;
}

.custom-main-eventDetails .container { 
   z-index: 2;
   max-width:1294px;
   position: relative;
}




@media(min-width:768px){
   .custom-main-eventDetails .triangle {
      -webkit-clip-path: polygon(0 0, 100% 0, 0% 100%, 0 0%);
      clip-path: polygon(0 0, 100% 0, 0% 100%, 0 0%);
   }
}

.custom-main-eventDetails .main-inner-content-left , .custom-main-eventDetails .main-inner-content-right {
   width: 100%;
   padding: 0px 15px;
}

.custom-main-eventDetails .button-wrapper {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-top: 20px;
}
.custom-main-eventDetails .main-inner-content-left .description p {
   font-size:18px;
}
.bottom-icon-wrap {
   background-color: #fff;
   margin-top: 45px;
   padding: 20px 25px;
   box-shadow: 0px 6px 0px 0px #0000000D;
   border-radius: 4px;
}



.bottom-icon-item .title {
   margin-bottom: 0;
   font-size: 16px;
   line-height: 32px;
   color: #BAA086;
}


.bottom-icon-wrap-inner {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.bottom-icon-item {
   width: 25%;
   padding:0 40px;
}

.bottom-icon-item .date {
   color:#231F20;
   font-size: 16px;
   line-height: 32px;
   margin-bottom: 0;
}

.bottom-icon-item .time {
   margin-bottom: 0;
   color:#231F20;
}
.bottom-icon-item .title span {
   padding-right: 6px;
}

.custom-main-eventDetails .main-inner-content-left h1,
.custom-main-eventDetails .main-inner-content-left .description p{
   color: var(--white);
}

.bottom-icon-item:not(:last-child) {
   border-right: 1px solid rgb(0 0 0 / 20%);
}

.custom-author-image {
   border-radius: 16px;
   overflow: hidden;
}


/* New design */

.hc-eventDetails-image {
   background-size: cover;
   background-position: center;
   width: 100%;
}

.hc-eventDetails-image img{
   width:100%;
}

.hc-eventDetails-box {
   background-color: #F5F1ED;
   border-radius: 20px;
   margin-top: -100px;
   width: 100%;
   padding: 50px 50px 20px;
}

.hc-eventDetails-heading h1 {
   font-size: 48px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   color: #231F20;
   margin-bottom: 18px;
}

.hc-eventDetails-description {
   font-size: 28px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   color:#231F20;
}

.get-direction a {
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 32px; /* 200% */
   text-decoration-line;
   text-decoration: underline;
}

.get-direction a:hover,.get-direction a:focus {
   text-decoration: none;
}

.bottom-icon-item:nth-child(2) {
   width: 50%;
}
.bottom-icon-item:first-child {
   padding-left: 0;
}

.bottom-icon-item:last-child {
   padding-right: 0;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
}

.main-inner-content.no-image .hc-eventDetails-box {
   margin: 0;
}

.bottom-icon-wrap-inner.bottom-icon-item-last .bottom-icon-item:not(:last-child) {
   border: none;
}

@media(min-width:992px){
   .custom-main-eventDetails .main-inner-content-left h1 {
      font-size: 48px;
      font-weight: 400;
      line-height: 55.54px;
   }

   .custom-main-eventDetails .main-inner-content-left .description p {
      font-size: 28px;
      line-height: 36.65px;
      max-width: 470px;
   }
}
@media(min-width:768px){
   .custom-main-eventDetails .main-inner-content {
      display: flex;
      flex-wrap: wrap;
   }

   .custom-main-eventDetails .main-inner-content-left {
      width: 65%;
   }

   .custom-main-eventDetails .main-inner-content-right {
      width: 35%;
   }

   .hc-eventDetails-image.mobile {
      display: none;
   }


}
@media(max-width:767px){
   .custom-main-eventDetails .main-inner-content-left {
      order: 2;
      margin-top: 20px;
   }
   .custom-main-eventDetails .main-inner-content-right {
      order: 1;
   }

   .custom-main-eventDetails .main-inner-content {
      display: flex;
      flex-direction: column;
   }
   .custom-main-eventDetails .main-inner-content-right img {
      width: 100%;
   }
   .custom-main-eventDetails .main-inner-content-left, 
   .custom-main-eventDetails .main-inner-content-right {
      padding: 0;
   }

   .bottom-icon-item:not(:last-child) {
      border: 0;
      margin-bottom: 25px;
   }

   .bottom-icon-item {
      width: 100%;
   }

   .hc-eventDetails-box {
      padding: 40px 30px;
   }

   .bottom-icon-item {
      padding: 0;
   }

   .bottom-icon-item:last-child {
      justify-content: flex-start;
   }

   .get-direction {
      margin-bottom: 0;
   }

   .hc-eventDetails-heading h1 {
      font-size: 32px;
      margin-bottom: 10px;
   }

   .hc-eventDetails-description {
      font-size: 20px;
   }

   .hc-eventDetails-image{
      height:400px;
   }

   .hc-eventDetails-image.desktop {
      display: none;
   }
}