.bs-main-menu .item.logo{max-width: 280px!important;}
.bs-speakerList-wgt.card-view .li-item {border-radius: 20px;}
.bs-speakerList-wgt .sp-st-2 .bs-image {height: 250px;width: 250px;}
#ember93 .bs-container {max-width: 100% !important;}
.me-item img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px;display:block;}

/* Main banner section */
.main-banner article.foreground-layer {
    min-height: 700px;
    padding: 0 0 150px 0;
}
/* BG video overlap */
.main-banner .background-layer .video-wrapper{
    position:relative;
}
/* AI section */
.community-section-mediaWithButton-13 .community-section-mediaText{
    background:#f4d15f;
    width:80%;
    margin:0 auto;
   padding:160px 6% 100px 6%;
    border-radius: 30px;
    box-shadow: 1px 1px 7px 3px rgba(210, 109, 8,0.51) inset;
    -webkit-box-shadow: 1px 1px 7px 3px rgba(210, 109, 8,0.51) inset;
    -moz-box-shadow: 1px 1px 7px 3px rgba(210, 109, 8,0.51) inset;
    margin-top: -112px;
    position:relative; z-index: 9;
}
.community-section-mediaWithButton-13 .media-element{
    position: absolute;
    top: -330px;
    width: 100%;
}
.community-section-mediaWithButton-13 .community-section-mediaText .media-image{
    width:500px !important;
}
/* AI section end */

/* how it goes section */
.community-section-mediaWithTextList-6 .media-text-layout .li-content .li-title {
    border-radius: 6px;
    padding:20px 12px;
    height: auto;
    left:0px;
    color: #fff !important;
    width: 100%;
}
.community-section-mediaWithTextList-6 .media-text-layout .li-content .li-title p{
    font-size:14px; line-height:20px;
}
.community-section-mediaWithTextList-6 .media-text-layout .li-content .li-title p strong{
   color:#fff!important;
}
.community-section-mediaWithTextList-6 .media-text-layout .li-item:nth-of-type(1) .li-description p{
    line-height:23px!important;
}
.community-section-mediaWithTextList-6 .media-text-layout .li-item:nth-of-type(1) .li-title,
.community-section-mediaWithTextList-6 .media-text-layout  .li-item:nth-of-type(1):hover .li-content{
background:#EF962B; 
}
.community-section-mediaWithTextList-6 .media-text-layout .li-item:nth-of-type(2) .li-title,
.community-section-mediaWithTextList-6 .media-text-layout  .li-item:nth-of-type(2):hover .li-content{
background:#C91F1F; 
}
.community-section-mediaWithTextList-6 .media-text-layout .li-item:nth-of-type(3) .li-title,
.community-section-mediaWithTextList-6 .media-text-layout  .li-item:nth-of-type(3):hover .li-content{
background:#018A70; 
}
.community-section-mediaWithTextList-6 .media-text-layout .li-item:nth-of-type(4) .li-title,
.community-section-mediaWithTextList-6 .media-text-layout  .li-item:nth-of-type(4):hover .li-content{
background:#2C689A; 
}
.community-section-mediaWithTextList-6 .media-text-layout .li-content .li-description {
    opacity:1;
}
.community-section-mediaWithTextList-6 .media-text-layout .li-content{
    height:15%;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    color:#fff!important;
    border-radius: 6px;
}
.community-section-mediaWithTextList-6 .media-text-layout  .li-item:hover .li-content,
.community-section-mediaWithTextList-6 .media-text-layout   .li-item:hover .li-description {
  opacity:1;
  height:100%;
    padding:0 12px;
    margin:0px;
}
.community-section-mediaWithTextList-6 .media-text-layout  .li-item:hover .li-content{
    padding-top:20px;
}
.community-section-mediaWithTextList-6 article h3{padding:20px 0;}
.community-section-mediaWithTextList-6 article h3 strong{position: relative;padding: 0 180px;}
.community-section-mediaWithTextList-6 article h3 strong:before {
    content: "";
    width: 150px;
    height: 60px;
    background: url(https://www.manageengine.com/events/images/chine-uc-2026-pattern-1.png) no-repeat left 47%;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.community-section-mediaWithTextList-6 article h3 strong:after {
    content: "";
    width: 150px;
    height: 60px;
    background: url(https://www.manageengine.com/events/images/chine-uc-2026-pattern-2.png) no-repeat right 47%;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.community-section-mediaWithTextList-6 article{padding-bottom:100px!important;}
/* how it goes section end */

/* home page speaker style */
.community-section-mediaWithTextList-7 .foreground-layer{
    padding:70px 0 100px 0!important;
}
.community-section-mediaWithTextList-7 article h3{padding-bottom:20px;}
.community-section-mediaWithTextList-7 .bs-mtList-wgt .li-description{margin-top:10px;}
.community-section-mediaWithTextList-7 .media-text-layout .li-content{
    transition: all .4s linear;
    height:12%;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    color:#fff!important;
    border-radius: 6px;
    width: 100%;
    text-align:left;
    padding:0 15px;
}
.community-section-mediaWithTextList-7 .media-text-layout .li-content .li-title p span{
    color: #fff !important;
    font-size:18px; line-height:20px;
}
.community-section-mediaWithTextList-7 .media-text-layout .li-content .li-description {
    opacity: 0;
    font-size:14px;
}
.community-section-mediaWithTextList-7 .media-text-layout .li-content .li-description span{
    color: #fff !important; font-size:11.7px; line-height:18px;
}
.community-section-mediaWithTextList-7 .media-text-layout  .li-item:hover .li-content,
.community-section-mediaWithTextList-7 .media-text-layout  .li-item:hover .li-description {
    opacity: 1;
    height:22%;
    background: linear-gradient(0deg, #050506 16%, #00000000 74%) !important;
}
/* home page speaker end */

/* image slide styles start */
/* left to right slide */

.community-section-mediaWithTextList-8 .foreground-layer{
  padding-bottom:0!important;
}
.community-section-mediaWithTextList-8 .foreground-layer,
.community-section-mediaWithTextList-9 .foreground-layer{
    /* padding-top:5%!important; */
    max-width: 100% !important;
    width:100%;
    margin: 0px;overflow: hidden;
}
.community-section-mediaWithTextList-9 .foreground-layer{
    padding-top:0!important;
    padding-bottom:80px!important;
}
.community-section-mediaWithTextList-8 .foreground-layer .section-title{
    text-align:center;
}
.community-section-mediaWithTextList-8 .bs-media-wgt .media-image,
.community-section-mediaWithTextList-9 .bs-media-wgt .media-image{
  width: 100%!important;
  overflow: hidden; height:380px!important;
}
.community-section-mediaWithTextList-8 .media-element{
    display: flex;
    width: calc(200%); 
    animation: move 45s linear infinite;
}
.community-section-mediaWithTextList-9 .media-element img{
    width: 100vw;
    height: 300px;
    object-fit: cover!important;
    flex-shrink:1;
}
@keyframes move {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100vw); }
}

/* left to right slide run */
.community-section-mediaWithTextList-9 .media-element{
    display: flex;
    width: calc(200%); 
    animation: moveLeft 45s linear infinite;
}
.community-section-mediaWithTextList-9 .media-element img{
    width: 100vw;
    height: 300px;
    object-fit: cover!important;
    flex-shrink:1;
}
.community-section-text-11 article{padding:80px 0 0 0!important;}
.community-section-text-11 article h3{padding:20px 0 0 0;}
.community-section-text-11 article h3 strong{position: relative;padding: 0 180px;}
.community-section-text-11 article h3 strong:before {
    content: "";
    width: 150px;
    height: 60px;
    background: url(https://www.manageengine.com/events/images/chine-uc-2026-pattern-1.png) no-repeat left 47%;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.community-section-text-11 article h3 strong:after {
    content: "";
    width: 150px;
    height: 60px;
    background: url(https://www.manageengine.com/events/images/chine-uc-2026-pattern-2.png) no-repeat right 47%;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
@keyframes moveLeft {
    0%   { transform: translateX(-100vw); }
    100% { transform: translateX(0); }
}
/* image slide right to left end */

/* Venue section title style start */
.community-section-eventVenue-2 article{padding:10px 0 80px 0!important;}
.community-section-text-12 article h3{padding:20px 0 0 0;}
.community-section-text-12 article h3 strong{position: relative;padding: 0 180px;}
.community-section-text-12 article h3 strong:before {
    content: "";
    width: 150px;
    height: 60px;
    background: url(https://www.manageengine.com/events/images/chine-uc-2026-pattern-1.png) no-repeat left 47%;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.community-section-text-12 article h3 strong:after {
    content: "";
    width: 150px;
    height: 60px;
    background: url(https://www.manageengine.com/events/images/chine-uc-2026-pattern-2.png) no-repeat right 47%;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
/* Venue section title style end */

/***************** Responsive styles **********************/
@media only screen and (max-width:4500px){ 
    /* Gallery slide */
    .community-section-mediaWithTextList-8 .media-text-layout .img-object-fit .media-image img,
    .community-section-mediaWithTextList-9 .media-text-layout .img-object-fit .media-image img{
        object-fit: cover !important;
    }
}
@media only screen and (max-width:1100px) {
    .community-section-mediaWithTextList-6 .li-content h4 strong{font-size: 100%!important;}
    .community-section-mediaWithTextList-6 .li-content .li-description p span{font-size: 85%!important;}
    .community-section-mediaWithTextList-6 .media-text-layout .li-content .li-title{padding:12px;}
    .community-section-mediaWithTextList-7 .media-text-layout .li-item:hover .li-content, .community-section-mediaWithTextList-7 .media-text-layout .li-item:hover .li-description{height: 25%;}
}
@media only screen and (max-width:768px) {
    .main-banner article.foreground-layer{min-height: 400px;padding:0;}
    .community-section-mediaWithButton-13 .community-section-mediaText{margin-top:200px;}
    .grb-list.align-item-center, .grb-list.align-item-right{width:80%;margin:0 auto;}
    .community-section-mediaWithTextList-6 .media-text-layout .li-content{height: 11%;}
}
@media only screen and (max-width:767px) {
    /* Gallery slide */
    .community-section-mediaWithTextList-8 .media-text-layout .lyt-large-media .img-rectangle .media-image,
    .community-section-mediaWithTextList-9 .media-text-layout .lyt-large-media .img-rectangle .media-image{
        width:100% !important;
    }
    .bs-speakerList-wgt .sp-st-2 .bs-image {
        height: 100px!important; 
        width: 100px!important; 
    }
    .media-text-layout .lyt-largest-media .img-original .media-image, .media-text-layout .lyt-largest-media .img-rectangle .media-image {width: 390px !important;}
    #ember60{ display: none;}
}
@media only screen and (max-width:550px) {
    /* Gallery slide */
    .community-section-mediaWithTextList-8 .bs-media-wgt .media-image,
    .community-section-mediaWithTextList-9 .bs-media-wgt .media-image{
        height:200px!important;
    }
    .bs-section.inner-banner .foreground-layer, .bs-section.main-banner .foreground-layer{min-height: 400px;}
    .main-banner .background-layer .video-wrapper{
        position: initial;
        padding-top:0!important;
    }
    .main-banner .background-layer .video-wrapper iframe{
        min-width: unset;
        min-height: 100%;
    }
    .community-section-mediaWithButton-13 .community-section-mediaText{margin-top:100px;padding-top:50px;}
    .community-section-mediaWithButton-13 .media-element{top:-150px;}
    .community-section-mediaWithTextList-6 article h3 strong, .community-section-text-11 article h3 strong, .community-section-text-12 article h3 strong{padding:0;}
    .community-section-mediaWithTextList-6 article h3 strong::before, .community-section-text-11 article h3 strong:before, .community-section-text-12 article h3 strong:before{
        background: url(https://www.manageengine.com/events/images/chine-uc-2026-pattern-1.png) no-repeat left 35%;
        background-size: 60%;
        left: -100%;
    }
    .community-section-mediaWithTextList-6 article h3 strong::after, .community-section-text-11 article h3 strong:after, .community-section-text-12 article h3 strong:after{
        background: url(https://www.manageengine.com/events/images/chine-uc-2026-pattern-1.png) no-repeat right 35%;
        background-size: 60%;
        right: -100%;
    }
    .media-text-layout .lyt-largest-media .img-original .media-image, .media-text-layout .lyt-largest-media .img-rectangle .media-image{width:100%!important;}
    .community-section-mediaWithTextList-6 .media-text-layout .li-content{height: 10%;}
    .community-section-text-11 article{padding-top:20px!important;}
    .community-section-mediaWithTextList-9 .foreground-layer{padding-bottom:20px!important;}
}