.fw-100{
	font-weight: 100 !important;
}
.fw-300{
	font-weight: 300 !important;
}
.fw-400{
	font-weight: 400 !important;
}
.fw-500{
	font-weight: 500 !important;
}
.fw-600{
	font-weight: 600 !important;
}
.fw-700{
    font-weight: 600 !important;
}
.fw-900{
    font-weight: 900 !important;
}
.sf-text{
  font-family: 'Inter', sans-serif;
}
.sf-display{
	font-family: 'Inter', sans-serif;
}
h1, h2, h3, h4, h5, h6{
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  line-height: 1.3;
}
.t-h1, .t-h2, .t-h3, .t-h4, .t-h5, .t-h6{
  font-family: 'Inter', sans-serif;
}
a{
	color: #113DFA;
	font-weight: 600;
}
a:hover, a:focus{
	color: #113DFA;
}
.btn-nt{
	font-weight: 600;
	font-family: 'Inter', sans-serif;
	border-radius: 8px;
	font-size: 20px;
	padding: 12px 30px;
	text-align: center;
	cursor: pointer;
}
.btn-cta{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdd49+0,f6c802+100 */
	background: rgb(255,221,73); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,221,73,1) 0%, rgba(246,200,2,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,221,73,1) 0%,rgba(246,200,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,221,73,1) 0%,rgba(246,200,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd49', endColorstr='#f6c802',GradientType=1 ); /* IE6-9 */
	color: #fff;
	border:none;
}
.btn-cta:hover, .btn-cta:focus{
	color: #fff;
	border:none;
}
.btn-cyan, .xpo25-form .btn-cyan{
	background: conic-gradient(from 270deg at 50% 50%, rgba(255, 228, 169, 0.89) 0deg, rgba(254, 196, 72, 0.89) 81.35deg, rgba(255, 228, 169, 0.89) 173.08deg, rgba(254, 196, 72, 0.89) 263.08deg, rgba(255, 228, 169, 0.89) 344.42deg)!important;
	border: none !important;
	color: #000 !important;
	border-radius: 8px;
}
.btn-theme{
	background: #113DFA;
	color: #fff;
	border:1px solid #113DFA;
}
.btn-theme:hover, .btn-theme:focus{
	background: #113DFA;
	color: #fff;
	border:1px solid #113DFA;
}
.btn-info, .btn-info:hover, .btn-info:focus {
	background: #e6e9ec;
	color: #414b58;
	border: 1px solid #e6e9ec;
}
.btn-form{
	height: 74px;
}
.btn-sm{
	padding: 8px 12px;
	font-size: 15px;
}
.btn-xs{
	padding: 6px 10px;
	font-size: 14px;
}
.text-green{
	color: #25AB04;
}
.text-blk{
	color: #1F2122;
}
.text-blk20{
	color: #97A4B2;
}
.text-blk80{
	color: #515F6E;
}
.text-blue{
	color: #113DFA;
}
.color-red{
	color: #E32216;
}
.text-dim{
	color: #414B58;
}
.text-muted{
	color: #8090A1 !important;
}
.text-bl80{
	color: #849BFD;
}
.text-bl100{
	color: #5D7BFC;
}
.text-golden{
	color: #F4BD04;
}
.text-yellow{
	color:#FFD426
}
.text-wt40{
	color: #C4CBD3;
}
.text-wt60{
	color: #DADFE4;
}
.text-underline{
	text-decoration: underline;
}
.text-lie-through{
  	text-decoration: line-through;
}
.w-nowrap{
	white-space: nowrap;
}
.badge-danger {
	background: #FFCDC8;
	border-radius: 4px;
	color: #FA887B;
	font-weight: 400;
}
.lh-1{
	line-height: 1 !important;
}
.lh-12{
	line-height: 1.2 !important;
}
.ls-1{
	letter-spacing:0.1em;
}
.t-h1{
	font-size: 2.5rem;
	line-height: 1.2;
}
.fs-xl{
	font-size: 3.75rem;
	font-family: 'Inter', sans-serif;
}
.fs-10{
	font-size: 10px;
	line-height: 1;
}
.fs-14{
	font-size: 14px;
}
.fs-18{
	font-size: 18px;
}
.t-h5{
	font-size: 1.5rem;
}
.t-h6 {
	font-size: 1.25rem;
}
.text-dark{
	color: #1F252A !important;
}
.bg-dark{
	background: #1F252A !important;
}
.bg-F1F3F5{
	background: #F1F3F5 !important;
}
.bg-E4E9FE{
	background: #E4E9FE !important;
}
.hr-light{
	border-top: 1px solid rgba(218, 223, 228, 0.4);
}
.xpo-hero {
	padding-top: 100px;
	background-color: #1F252A;
}
.xpo-hero video{
	display: block;
	object-fit: cover;
	width: 100%;
	height: 880px;
	vertical-align: top;
	max-width: 1920px;
	margin: 0 auto;
}

.xpo-info img {
	width: 200px;
}
.xpo-hero > img{
	min-height: 400px;
	width: 100%;
	object-fit: cover;
	max-height: 800px;
}
.xpo-overlay{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgb(0 0 0 / 50%);
}
.xpo-live{
	display: flex;
}
.xpo-info {
	background: linear-gradient(180deg, rgba(42, 4, 82, 0.5) 0%, rgba(25, 50, 116, 0.5) 100%);
	backdrop-filter: blur(4px);
	border-radius: 16px;
	padding: 20px 0;
	max-width: 550px;
	text-align: center;
	color: #fff;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 40px;
}
.xpo-live-info {
	position: relative;
	width: 40%;
	background: #303841;
	backdrop-filter: blur(4px);
	border-radius: 16px;
	padding: 40px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.xpo-live > img{
	border-radius: 16px;
	width: 55%;
	margin-right: 5%;
}
.xpo-events .item{
	background: #fff;
	color: #1F252A;
	border-radius: 10px;
	overflow: hidden;
	box-shadow:0px 4px 24px rgba(0, 0, 0, 0.08);
	height: calc(100% - 1.5rem);
}
.xpo-events .xpo-slider .item{
	height: 100%;
}
.owl-theme .owl-nav [class*="owl-"]:hover{
	background:url("../img/xpo/arrow.png") no-repeat center center;
	background-size: 18px
}
.xpo-slider .owl-stage{
	display: flex;
}
.live-badge{
	background: #E4E9FE;
	color: #113DFA;
	padding: 8px 15px;
	border-radius: 4px;
	font-size: 14px;
}
.xpo-live .live-badge{
	position: absolute;
	top: 10px;
	left: 10px;
	background: rgba(228,233,254,0.8);
	padding: 2px 10px;
}
.e-item-content {
	padding: 15px;
}
.e-item-content ul{
	padding-left: 15px;
	margin-bottom: 0;
	margin-top: 5px;
}
.e-item-content p{
	margin-bottom: 0;
}
.e-item-img{
	position: relative;
}
.e-item-img a{
	display: block;
}
.xpo-events .e-item-img > img{
	width: 100% !important;
}

.attend-badge img, .owl-carousel .owl-item .attend-badge img{
	width: 15px;
	margin-right: 10px;
}
.attend-badge {
	background: #f1f3f5;
	/*background: #1a0854;*/
	position: relative;
	/*color: #fff;*/
	color: #1F252A;
	max-width: 100%;
	display: flex;
	align-items: center;
	padding: 10px;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 500;
}
#cs-tab .attend-badge, #ps-tab .attend-badge{
	width: auto;
	margin-right: 30px;
	margin-bottom: 5px;
	display: inline-block;
	padding: 3px 10px;
	max-width: initial;
}
.multiEventSelection .attend-badge, .singleEventInfo .attend-badge{
	display: none !important;
}
.xpo-promo{
	background-image: url(../img/xpo/banner-86434.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center right;
}

.xpo-promo-info{
	color: #fff;
	max-width: 1000px;
}
.xpo-promo .hr-light{
	opacity: 0.5;
}
.xpo-promo-info img {
	width: 200px;
}
.xpo-reg-info{
	text-align: center;
}
.speaker-section{
	background-image: url(../img/xpo/banner-86437.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.in-person{
	background-image: url(../img/xpo/banner-86435.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}
.developers-logo {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
	margin-left: -10px;
	margin-inline: -10px;
}
.developers-logo img{
	width: 100%;
}
.developers-logo li{
	padding: 10px;
	width: 20%;
}
.developers-logo li a{
	background: #fff;
	border-radius: 8px;
	display: block;
	border: 1px solid #DADFE4;
	overflow: hidden;
}
.owl-prj{
	max-width: 1920px;
	margin: 0 auto;
}
.owl-nav {
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;
	height: 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
}
.owl-carousel .owl-nav button span {
	font-size: 0;
	opacity: 0;
}
.owl-carousel .owl-nav button.owl-prev {
	background: url("../img/xpo/arrow.png") no-repeat center center;
	background-size: 18px;
	width: 18px;
}
.owl-carousel .owl-nav button.owl-next {
	background: url("../img/xpo/arrow.png") no-repeat center center;
	background-size: 18px;
	width: 18px;
	transform: rotate(180deg);
}

.owl-carousel .owl-nav button:hover, .owl-carousel .owl-nav button:focus{
	background-color: transparent;
	border: none;
}
.xpo-slider.owl-carousel .owl-item .img-fluid, .owl-prj.owl-carousel .owl-item .img-fluid{
	width: 100% !important;
}
.webinar-access{
	background-image: url(../img/xpo/banner-86436.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center left;
	overflow: hidden;
}
.wb-left {
	background: linear-gradient(180deg, rgba(42, 4, 82, 0.75) 0%, rgba(25, 50, 116, 0.75) 100%);
	backdrop-filter: blur(4px);
	color: #fff;
	display: flex;
	justify-content: flex-end;
	padding-top: 50px;
	padding-bottom: 50px;
	align-items: center;
	height: 100%;
}

.wbl-inner{
	max-width: 705px;
	padding-right: 10%;
}
.wbr-inner{
	max-width: 705px;
	padding-left: 10%;
}
.wb-right {
	background: #F1F3F5;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-top: 50px;
	padding-bottom: 50px;
	height: 100%;
}
.form-control.form-control-a{
    background-color: #FFFFFF;
    border-color: #fff;
    border-width: 0px;
    border-left: 6px solid #5D7BFC;
    padding: .575rem .75rem;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
    min-height: 50px;
}
.form-control.form-control-a:hover,
.form-control.form-control-a:focus{
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08) !important;
}
.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked),
.custom-radio [type="checkbox"]:checked,
.custom-radio [type="checkbox"]:not(:checked){
    position: absolute;
    opacity: 0;
    left: 22px;
}
.custom-radio [type="radio"]:checked + label,
.custom-radio [type="radio"]:not(:checked) + label,
.custom-radio [type="checkbox"]:checked + label,
.custom-radio [type="checkbox"]:not(:checked) + label{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    word-break: break-word
}
.custom-radio [type="radio"]:checked + label:before,
.custom-radio [type="radio"]:not(:checked) + label:before,
.custom-radio [type="checkbox"]:checked + label:before,
.custom-radio [type="checkbox"]:not(:checked) + label:before  {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    border: 2px solid #b9b9b9;
    border-radius: 100%;
    background: #fff;
}

.custom-radio [type="radio"]:checked + label:after,
.custom-radio [type="radio"]:not(:checked) + label:after{
    content: '';
    width: 12px;
    height: 12px;
    background: #375CFB;
    position: absolute;
    top: 5px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.custom-radio [type="checkbox"]:checked + label:after,
.custom-radio [type="checkbox"]:not(:checked) + label:after,
.custom-radio [type="checkbox"]:checked + label:before,
.custom-radio [type="checkbox"]:not(:checked) + label:before {
	border-radius: 3px;
}
.custom-radio [type="checkbox"]:checked + label::after {
	font-family: FontAwesome !important;
	color: #fff;
	font-size: 12px;
	content: "\f00c";
	background: transparent;
	left: 4px;
	top: 2px;
	font-weight: 400;
	position: absolute;
}
.custom-radio [type="radio"]:not(:checked) + label:after{
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.custom-radio [type="radio"]:checked + label:after{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.custom-radio [type="checkbox"]:checked + label:before{
	background: #375CFB;
	border-color: #375CFB;
}
.owl-carousel.owl-prj .owl-item img{
	width: 100% !important;
}
.cm-tabs {
	background: #fff;
	flex-direction: row;
	justify-content: space-around;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 20px;
	border: none;
	flex-wrap: nowrap;
	text-align: center;
}
.cm-tabs .nav-item {
	margin-bottom: 0;
	padding: 10px 0;
}
.cm-tabs .nav-link {
	font-weight: 600;
	color: #97A4B2;
	border: none;
	font-size: 20px;
}
.cm-tabs .nav-item.show .nav-link, .cm-tabs .nav-link.active {
	border: none;
	color: #113DFA !important;
	position: relative;
}
.cm-tabs .nav-link.active::after {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background: #113DFA;
	content: '';
	bottom: 3px;
}
.line-tab {
	display: flex;
	overflow: auto;
	flex-wrap: nowrap;
}
.line-tab li {
	display: inline-block;
	margin-right: 8px;
	margin-top: 5px;
	margin-bottom: 0;
}
.line-tab li a {
	background: #fff;
	border-radius: 50px;
	color: #C4CBD3;
	border: 1px solid #C4CBD3;
	font-weight: 600;
	display: block;
	text-align: center;
	font-size: 14px;
	padding: 8px 20px;
	white-space: nowrap;
}
.line-tab li a.active {
	background: #113DFA;
	border-radius: 50px;
	color: #fff !important;
	border-color: #113DFA;
}

.card-event{
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	border: none;
	border-radius: 8px;
	margin-bottom: 16px;
	background-size: cover;
}
[class*="ts-bg-"] .e-item-img a img{
	border-radius: 8px 0 0 8px;
	max-height: 150px;
}
.card-event .form-check{
	position: absolute;
	left: -40px;
	top: 50%;
	transform: translate(0%, -50%);
	width: 30px;
	height: 30px;
	margin-top: -10px;
	display: none;
}
.card-event.selected{
	background: #E4E9FE;
	border: 2px solid #AABAFD;
}
.now-selectable .card-event .form-check{
	display: block;
}
.external-source {
	position: absolute;
	right: 15px;
	top: 12px;
}
.event-selectable{
	max-height: 500px;
	overflow: auto;
	position: relative;
	transition: 0.3s ease-in;
}
.event-selectable.now-selectable{
	padding-left: 50px;
	transition: 0.3s ease-in;
}
.form-h{
	min-height: 50px;
	padding: 12px 0;
}
.modal-xl{
	max-width: 1000px;
}
#multiEventSelection .e-item-img img{
	border-radius: 8px;
}
.speaker-img{
	text-align: center;
}
.speaker-img img {
	max-width: 450px;
	width: 100%;
}
.details--section iframe{
	height: 788px;
}
.details--section video{
	width: 100%;
}
.details--section{
	color: #fff;
}
.img-rounded {
	border-radius: 8px;
}
.cancelSelection{
	display: none;
}
.logo-hlt{
	background: #1A0854;
	padding: 20px;
	border-radius: 16px;
}
.img-hlt img{
	border-radius: 16px;
}
.prj-it {
	background: #FFFFFF;
	box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.12);
	border-radius: 48px;
}
.prj-it .logo {
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.prj-it .logo img {
	height: 120px;
	object-fit: contain;
	max-width: 180px;
}
.prj-it .image {
	height: 300px;
}
.prj-it .image img {
	width: 100%;
	border-radius: 0 0 48px 48px;
	object-fit: cover;
	height: 100%;
}
.modal-open .modal{
	z-index: 9999;
}
.session-pending{
	font-weight: 600;
}
.session-booked{
	background: rgba(250, 136, 123, 0.75);
	font-weight: 600;
}
.foot-bottom ul li a{
	font-weight: 300;
}
.navbar-expand-md .navbar-nav .nav-link{
	font-weight: 300;
}
.select-cancel{
	margin-left: auto;
	margin-right: 20px;
}
.thumb-limited{
	width: 100%;
}
input[type="number"]{
	-webkit-appearance: textfield;
   -moz-appearance:    textfield;
   appearance:         textfield;
}
.multiEventSelection .e-item-img img {
	max-height: 177px;
	object-fit: cover;
}
.speakers-list{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
}
.speakers-list li{
	background: #30384185;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	position: relative;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.speaker-card{
	display: flex;
	align-items: center;
}
.speaker-card img {
	width: 50px;
	border-radius: 6px;
	border: 1px solid #AABAFD;
	margin-right: 15px;
	height: 50px;
	object-fit: cover;
	object-position: top;
	background: #fff;
}
.video-popup.videoOn{
	display: none !important;
}
.event-banner-h{
	position: relative;
}
.event-speakers {
	padding-left: 0;
/*	background: rgba(0,0,0,0.3);*/
	position: relative;
	bottom: 0;
/*	padding-right: 20px;*/
	width: 100%;
}

.list-qus li {
	background: #303841;
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 20px;
	font-weight: 500;
	line-height: ;
	list-style: none;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
	padding-left: 50px;
}
.list-qus li::before {
	content: '';
	font-family: FontAwesome;
	position: absolute;
	left: 15px;
	font-size: 25px;
	color: #E4E9FE;
	top: 5px;
}
.select-events-desc {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.yt-video{
	width: 100%;
	height: 660px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.event-days-list {
	margin-bottom: 20px;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}
.event-days-list h5{
	white-space: nowrap;
}
.card-event-live{
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	border: none;
	border-radius: 8px;
	margin-bottom: 16px;
	overflow: hidden;
	background: #fff;
	color: #212529;
	border: none;
	order: 2;
	height:calc(100% - 20px);
}
.card-event-live.current-live {
	order: 1;
	margin-left: 0;
	margin-inline: 0;	
}
.current-live {
	background: #fff;
	color: #212529;
}
.event-end {
	order: 3;
}
.event-end .attend-badge{
	display: none;
}
.event-days-list a{
	color: #515F6E;
}
.event-days-list a.active{
	color: #fff !important;
}
.broadcasting .live-badge i {
  -moz-animation-duration: 500ms;
  -moz-animation-name: blink;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  -webkit-animation-duration: 500ms;
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-duration: 500ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  color: red;
}

@-moz-keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*#eventTabContent {
	max-width: 1000px;
	margin: 0 auto;
}*/
.col-custom{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	padding: 0 15px;
}
.event--location{
	background-image: url(../img/xpo/event-location-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.address-bar {
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
	border-radius: 6px;
	color: #fff;
	display: flex;
	align-items: center;
	padding: 5px;
	max-width: 520px;
	text-align: left;
	flex-wrap: wrap;
	margin: 0 auto 10px auto;
}
.address-bar i{
	font-size: 20px;
}
.address-bar .border-top{
	border-top: 0.5px solid #8090A1 !important;
}
.address-bar span {
	background: #113DFA;
	border-radius: 4px;
	width: 32px;
	height: 32px;
	padding: 6px;
	margin-right: 10px;
	text-align: center;
}
.address-bar p:first-of-type{
	width: calc(100% - 50px);
}
.event--location-info{
	max-width: 520px;
	margin:0 auto;
	width: 100%;
	text-align: center;
}
.xpo-dropdown {
	width: 170px;
}
.no-shadow{
	box-shadow:none;
	-webkit-box-shadow:none;
	-ms-box-shadow:none;
}
.badge-lg {
	padding: 8px 10px;
}
.workshhop-theme{
	background:linear-gradient(180deg, rgba(10, 49, 215, 0.75) 0%, rgba(25, 50, 116, 0.75) 100%);
}

/*xpo top css*/
.xpo-hero-new video {
    max-height: 860px ;
    width: 100%;
    max-width: 100%;
}

.xpo-hero-new {
    padding-top: 0;
}

.xpo-overlay-new {
    background: none;
}

.xpo-info-blk {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(59, 59, 59, 0.7), rgba(149, 149, 149, 0.7));
    padding: 0;
}

.border-custom {
    border: 8px solid rgba(0, 0, 0, 0.2);
    padding: 20px 0;
    border-radius: 16px;
}

.raduis-cs {
    border-radius: 8px;
}

.wrp-xpo {
    background: #1F252A;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0px 0px 48px 0px rgba(223, 223, 223, 0.06);
    height: 100%;
}

.xp-ic {
    background: #303841;
    min-width: 64px;
    height: 64px;
    border-radius: 8px;
}

.xp-ic img {
    width: 40px;
}

.text-white-lt {
    color: #E6E9EC;
}

.xpo-info-blk img {
    width: 318px;
}
.event-form{
    background-image: url(../img/xpo/bg-img-54643.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.event-form form {
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
    margin-top: 100px;
}
.txpo-videos iframe, .txpo-videos video {
	width: 100%;
	height: 260px;
	background: #1f252a;
	box-shadow: 0px 0px 48px 0px rgba(223, 223, 223, 0.06);
	border-radius: 8px;
	max-width: 462px;
	margin: 0 auto;
	display: block;
}

/*pxf video*/
.pxf-video{
	background-image: url(../img/xpo/pfx-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center right;
	padding-top: 150px;
	padding-bottom: 100px;
}
.pxf-section{
	padding-top: 70px;
	padding-bottom: 70px;
}
.pxf-wrapper{
	background: linear-gradient(270deg, #000 30.66%, rgba(0, 0, 0, 0.20) 105.1%);
	color: #fff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.pxf-col{
	padding: 30px;
	text-align: center;
}
.pxf-digit {
	font-size: 100px;
	font-weight: 600;
	font-family: 'Inter', sans-serif;
	line-height: 1;
	display: block;
}
.pxf-text {
	display: block;
	text-align: center;
	line-height: 1;
}
.pxf-title{
	margin-top: 40px;
  	padding-left: 15%;
}
.pxf-video-live{
	padding-top: 100px;
	background: #000;
}
.stream-ended{
	background: #000;
	padding: 200px 0 100px 0;
	text-align: center;
	color: #fff;
}

.btn-green, .btn-green:hover, .btn-green:focus{
	background: #248A3D;
	color: #fff;
	border: 1px solid #248A3D;
	font-weight: 600;
	transform: scale(1);
}
.btn-lgreen, .btn-lgreen:hover, .btn-lgreen:focus{
	background: #E1EFE2;
	color: #248A3D;
	border: 1px solid #E1EFE2;
	font-weight: 600;
}
.mc-wrap {
	padding-left: 30px;
	position: relative;
}
.mc-wrap .fa {
	position: absolute;
	left: 0;
	top: 3px;
	font-size: 20px;
	color: #248A3D;
}

.xpo-listing{
	background-image: url(../img/xpo/living-room.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.xl-header{
	background: #1C1C1E;
	padding: 20px;
	margin-left: -15px;
	margin-top: 15px;
}
.property-build {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 30px;
}
.pb-col {
	padding-right: 15px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	border-radius: 5px;
	border: 1px solid #3A3A3C;
	background: #1C1C1E;
	margin-right: 5px;
}
.pb-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
	background: #3A3A3C;
	border-radius: 50%;
}
.pb-ico-md {
	height: 42px;
	width: 42px;
	padding: 6px;
	border-radius: 5px 0 0 5px;
}
.xpo-listing .owl-carousel .pb-ico-md img{
	width: 100% !important;
}
.pb-count {
	font-size: 20px;
	color: #fff;
	padding-left: 10px;
}
.xpo-listing .owl-carousel .img-card {
	width: 100px !important;
	background: #fff;
	border-radius: 4px;
	min-width: 100px;
}
.xl-footer{
	display: flex;
	background-image: url(../img/xpo/bg-9898.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 8px;
	width: calc(100% - 15px);
	border-radius: 8px;
	position: relative;
	padding-right: 205px;
}
.xl-qr {
	background: #113DFA;
	border-radius: 16px;
	width: 200px;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 2px;
	border: 2px solid #113DFA
}
.xpo-listing .owl-carousel .xl-qr h5 img{
	width: 25px !important;
}
.xpo-listing .xl-qr > img{
	border-radius: 0 0 14px 14px;
	width: 100% !important;
}
.xl-bottom{
	background-image: url(../img/xpo/bg-9899.png);
	background-color: #F2E824;
	border-radius: 8px;
	color: #1F252A;
	display: flex;
	align-items: center;
	background-position: center;
	background-size: cover;
	padding: 2px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-right: 20%;
}
.xlb-f{
	height: 100px;
	border-radius: 8px;
}
.xlb-s{
	height: 100px;
	border-radius: 8px;
}
.xpo-listing .owl-nav {
	position: absolute;
	right: 15px;
	top: -74px;
	width: 60px;
	margin-left: auto;
	margin-right: 0;
	left: auto;
	transform: none;
}
.xpo-listing .owl-carousel .owl-nav button.owl-prev, .xpo-listing .owl-carousel .owl-nav button.owl-next{
	background-color: #8E8E93;
	width: 40px;
	height: 40px;
	background-size: 12px;
	border-radius: 40px;
	opacity: 0.6;
}
.xpo-listing .owl-carousel .owl-nav button:hover, .xpo-listing .owl-carousel .owl-nav button:focus{
	opacity: 1;
}
.xpo-listing .owl-item{
	background: rgba(58, 58, 60, 0.40);
	backdrop-filter: blur(17.5px);
	padding: 15px 0 15px 15px;
	border-radius: 16px;
}
.xpo-listing .owl-carousel .xl-hero{
	border-radius: 16px;
	width: 100% !important;
	height: 580px;
  	object-fit: cover;
}
.hero-mc-wrap {
	width: 100%;
	margin: 0 auto;
	display: block;
	min-height: 350px;
	overflow: hidden;
	max-height: 920px;
}
.xpo2024{
	background: none;
}
.xpo2024 .bgVideo{
	height: 800px;
}
.xpo2024 .xpo-info img{
	max-width: 150px;
}
.xpo2024 .hero-mc-wrap img{
	min-height: initial;
	width: 100%;
	object-fit: cover;
	object-position: center;
	animation: shrink 30s infinite alternate;
}
.xpo2024 .xpo-overlay{
	background: transparent;
	top: auto;
	position: relative;
	margin-top: 0;
}
.xpo2024.xpo-hero .xpo-info{
	background: rgba(0,0,0,0.5);
	width: 100%;
	max-width: 100%;
	border-radius: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	backdrop-filter: blur(0px);
}
.event-banner-h img{
	width: 100%;
}
.owl-carousel.owl-prj .ov-country img {
	width: 50px !important;
	border-radius: 5px;
}
.prj-single {
	padding-top: 40px;
}
.ov-country {
	float: right;
	position: absolute;
	right: 55px;
	margin-bottom: 10px;
	top: 0;
}
.xe-events{
	list-style: none;
	padding-left: 0;
}
.xe-events li{
	position: relative;
	padding: 15px 15px 15px 70px;
}
.xe-events li .xe-date {
	position: absolute;
	left: 0;
	top: 15px;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	border-left: 2px solid #16bfff;
	width: 60px;
}
.xe-date small {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}

.topicSlide.owl-carousel .owl-nav button.owl-prev,
.topicSlide.owl-carousel .owl-nav button.owl-next{
	background-color: rgba(0,0,0,0.5);
	background-size: 10px;
	height: 26px;
	width: 26px;
}

.topicSlide.owl-carousel .owl-stage{
	display: flex;
}
.topicSlide.owl-carousel .owl-nav button.owl-prev{
	left: -4px;
}
.topicSlide.owl-carousel .owl-nav button.owl-next{
	right: -2px;
}
.xpo-events .topicSlide .item {
  border: 1px solid #ddd;
  box-shadow: none;
}
.topicSlide .owl-nav{
	top: 40%;
}
.badge-exclusive{
	background: linear-gradient(90deg, #FFD426 37.56%, #FFE88D 51.29%, #FFD426 70.74%, #BD9800 107.35%);
	color: #000000;
	padding: 10px 20px;
	font-size: 20px;
	border-radius: 8px;
	border:1px solid #fff;
	font-weight: 600;
	margin-bottom: 15px;
	display: inline-block;
}
.des-list{
	min-height: 100px;
}
.xpo-pages .page-link{
	background: rgba(58, 58, 60, 0.40);
	border: 1px solid #383838;
	color: #fff;
}
.xpo-pages .page-link.disable{
	color: #62676F;
}
.xi-wrapper .speaker-card img{
	border-radius: 50px;
	border: 1px solid #00aeef;
}
.xi-wrapper .speakers-list li{
	background: #e2e6eb;
}
#speakers .owl-stage{
	display: flex;
}
#speakers .owl-item{
	height: auto;
}
@keyframes shrink {
  0% {
    transform: scale(1);  }
  100% {
    transform: scale(1.12);
  }
}


/*XPO 2026*/
body{
	background-image: url(../img/xpo26/xpo26-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.section{
	padding: 70px 0;
}
.xpo26-2{
	background-image: url(../img/xpo26/ipf-img-440x470.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
/*.xpo26-3{
	background-image: url(../img/xpo26/xpo26-3-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}*/
.xpo26-2 span, .xpotheme {
  background: linear-gradient(135deg, #ffe4a9 0%, #fec448 24%, #ffe4a9 50%, #fec448 74%, #ffe4a9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.prop-card {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  background: #0d1a4a;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 20px 28px;
  text-align: center;
  height: 100%;
  transition: transform 0.3s ease, border-color 0.3s ease;
  box-shadow: inset 1px 0.5px 0px rgba(255,255,255,0.3);
}

.prop-card:hover {
  transform: translateY(-4px);
  border-color: rgba(201, 168, 76, 0.7);
}
.ts-card:hover{
	transform: translateY(-4px);
}
/* Background image at 20% opacity */
.prop-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.2;
  z-index: 0;
  border-radius: 14px;
}
.prop-card p{
	font-size: 18px;
	font-weight: 500;
}
.card-intl::before  { background-image: url('../img/xpo26/xpo26-3-thumb1.jpg'); }
.card-hdb::before   { background-image: url('../img/xpo26/xpo26-3-thumb2.jpg'); }
.card-landed::before { background-image: url('../img/xpo26/xpo26-3-thumb3.jpg'); }

/* Dark gradient overlay on top of bg image */
.prop-card > * { position: relative; z-index: 2; }

/* Icon circle */
.card-icon {
  width: 100%;
  max-width: 160px;
  aspect-ratio: 1:1;
  margin-bottom: 22px;
}
.card-icon img{
	width: 100%;
}
.prop-info{
	color: #fff;
	margin-top: auto;
  	height: 100%;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
}
.next-card{
	background: linear-gradient(245deg, rgba(0, 28, 84, 0.25) 21.39%, rgba(0, 127, 186, 0.25) 78.61%);
	border-radius: 10px;
	height: 100%;
  	padding: 24px;
  	display: flex;
  	flex-direction: column;
  	box-shadow: inset 0.5px 0.5px 0px rgba(255,255,255,0.3);
}
.next-card img{
	max-width: 380px;
}
.x3-arrow{
	display: flex;
	align-items: flex-end;
  	max-width: 400px;
}
.x3-arrow svg{
	width: 100px;
	margin-right: 15px;
}
.xpo26-4{
	background: rgba(6, 18, 26, 0.65);
}
.topic-header{
	background: linear-gradient(94deg, rgba(255, 255, 255, 0.31) 30.18%, rgba(0, 174, 255, 0.31) 65.96%);
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.ts-card{
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: inset 1px 0.5px 0px rgba(255,255,255,0.3);
	transition: transform 0.3s ease, border-color 0.3s ease;
}
.ts-bg1, .ts-bg-a{
	background-image: url(../img/xpo26/ts-bg1.jpg);
}
.ts-bg2, .ts-bg-c{
	background-image: url(../img/xpo26/ts-bg2.jpg);
}
.ts-bg3{
	background-image: url(../img/xpo26/ts-bg3.png);	
}
.ts-bg4{
	background-image: url(../img/xpo26/ts-bg4.png);
}
.ts-bg5{
	background-image: url(../img/xpo26/ts-bg5.png);
}
.ts-theme{
	background: linear-gradient(245deg, rgba(0, 255, 221, 0.25) 21.39%, rgba(18, 39, 33, 0.25) 78.61%);
}
.ts-bg-b, .ts-bg-d{
	background-image: url(../img/xpo26/ts-bg-x.jpg);
	background-size: cover;
}
.ts-bg-e{
	background-image: url(../img/xpo26/ts-bg-y.jpg);
	background-size: cover;
}
[class*="ts-bg-"]{
	color: #fff;
}
[class*="ts-bg-"] .e-item-img{
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.ts-theme2{
	background:linear-gradient(245deg, rgba(0, 127, 186, 0.25) 21.39%, rgba(0, 28, 84, 0.25) 78.61%);
}
.border-bottom-light {
  border-bottom: 1px solid rgba(255,255,255,0.3);
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.ts-date{
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	align-items: center;
}
.ts-date span{
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.31) 17.31%, rgba(19, 42, 89, 0.31) 93.75%);
	display: inline-block;
	padding: 2px 10px;
	border-radius: 4px;
	box-shadow: inset 0.5px 0.5px 0px rgba(255,255,255,0.3);
	white-space: nowrap;
	font-size: 14px;
}
.ts-date img{
	margin-left: auto;
	border-radius: 50px;
	border: 1px solid #fff;
	height: 32px;
	width: 32px;
	margin-left: auto;
}
.ts-padding{
	padding: 24px;
	min-height: 273px;
}
.grad-badge{
	background: linear-gradient(90deg, rgba(0, 171, 207, 0.02) 17.31%, rgba(0, 62, 186, 0.31) 71.63%);
	width: 150px;
}
.xpo26-8 .grad-local{
	background: linear-gradient(87deg, rgba(0, 28, 84, 0.06) 32.42%, rgba(0, 62, 186, 0.25) 98.13%);
}
.xpo26-8 .grad-overseas{
	background: linear-gradient(90deg, rgba(0, 171, 207, 0.02) 17.31%, rgba(0, 252, 231, 0.31) 71.63%);
}
.xpo-gallery{
	background-color: rgba(6, 18, 26, 0.65);
}
.xpo26-stat{
	background: linear-gradient(245deg, rgba(0, 127, 186, 0.25) 21.39%, rgba(0, 28, 84, 0.25) 78.61%);
	padding: 24px;
	border-radius: 10px;
	box-shadow: inset 1px 0.5px 0px rgba(255,255,255,0.3);
}
.xpo-flex-gallery{
	display: flex; 
	gap: 6px; 
	margin-bottom: 6px; 
	height: 220px;
}
.xpo-flex-gallery > div{
	border-radius: 2px; 
	overflow: hidden;
}
.xpo-flex-gallery img{
	width:100%; 
	height:100%; 
	object-fit:cover; 
	display:block;
}
.title-line{
	position: relative;
	text-align: center;
}
.title-line:after{
	background: rgba(254, 196, 72, 0.89);
	height: 1px;
	content: '';
	position: absolute;
	z-index: 0;
	width: 15vw;
	right: 0;
	max-width: 300px;
	top: 50%;
}
.title-line:before{
	background: rgba(254, 196, 72, 0.89);
	height: 1px;
	content: '';
	position: absolute;
	z-index: 0;
	width: 15vw;
	left: 0;
	max-width: 300px;
	top: 50%;
}
.text-FFE4A9{
	color: #FFE4A9 !important;
}
.text-fec448{
	color: #fec448;
}
.xpo26-6{
	background: linear-gradient(0deg, rgba(6, 18, 26, 0.65) 0%, rgba(6, 18, 26, 0.65) 100%);
}
.attende-review {
	padding: 3vw;
	text-align: center;
	font-size: 25px;
	line-height: 1.3;
	border: 1px solid #fff;
	border-radius: 25px;
	max-width: 90%;
	margin: 0 auto;
	position: relative;
	background: rgba(0,0,0,0.4);
}
.attende-review:before{
	background-image: url(../img/xpo26/quote-ico.png);
	height: 60px;
	width: 60px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	content: '';
	left: -30px;
	top: -30px;
}
.attende-review:after{
	background-image: url(../img/xpo26/quote-ico.png);
	height: 60px;
	width: 60px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	content: '';
	right: -30px;
	bottom: -30px;
	transform: scale(-1, 1);;
}
.ts-card-info{
	width: 100%;
}
.ts-card-info br{
	display: inline-block;
}
.ts-card-sm .img-fluid {
	max-width: 250px;
	width: 100%;
}
.xie-modal .line-tab li a.active{
	background: linear-gradient(135deg, #ffe4a9 0%, #fec448 24%, #ffe4a9 50%, #fec448 74%, #ffe4a9 100%);
  	border-color: transparent;
  	color: #000 !important;
}
.xpo26-tabs li .nav-link{
	padding: 8px 25px;
}
.xpo26-tabs .nav-link:not(.active):before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 40px;
	padding: 2px;
	background: linear-gradient( 90deg, #FEC448, #fff, #FEC448, #fff, #FEC448 );
	background-size: 300% 300%;
	-webkit-mask:
	  linear-gradient( 90deg, #FEC448, #fff, #FEC448, #fff, #FEC448 ) content-box,
	  linear-gradient( 90deg, #FEC448, #fff, #FEC448, #fff, #FEC448 );
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
	animation: borderFlow 8s linear infinite;
}

@keyframes borderFlow {
	0%   { background-position: 0% 50%; }
	100% { background-position: 300% 50%; }
}
.xpo26-tabs .nav-link:not(.active)::after {
	content: '';
	position: absolute;
	top: 16px;
	left: 10px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #FEC448;
	animation: blinkDot 1.2s ease-in-out infinite;
}
.ts-bg-d {
	align-items: center;
}
.ts-bg-d .e-item-img {
	padding-left: 20px;
}
.item.ts-bg-d .e-item-img {
	padding-left: 30px;
  	padding-right: 30px;
}
#xiMultiSelection .e-item-img img{
	background: transparent;
}
#xiMultiSelection .ts-bg-a .e-item-img img{
	object-fit: cover;
  	object-position: -15px;
}
@keyframes blinkDot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.3; transform: scale(0.7); }
}
.flex-5{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.flex-5 .flex-5-item {
  flex: 0 0 calc((100% - (16px * 0)) / 5);
  margin-bottom: 15px;
  padding: 0 15px;
}
.flex-5-item img {
	width: 100%;
	height: auto;
}
.outlined-title{
	color: #142333 !important;
  	text-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff;
}
.xpo26-8 .overseas-flag {
	position: absolute;
	width: 40px !important;
	right: 20px;
	top: 20px;
}
.bullet-list img{
	width: 30px;
}

.xpo-gallery-img{
  cursor: zoom-in;
  transition: transform 450ms cubic-bezier(.19,1,.22,1), filter 450ms ease;
}
.xpo-gallery-img:hover{
  transform: scale(1.04);
  filter: brightness(1.05);
}

/* Keep the hover contained to the flex/carousel cell so scaled images
   don't spill over into neighboring photos */
.xpo-flex-gallery > div,
.xpo-gallery .item{
  overflow: hidden;
}

.xpo-lightbox{
  display: flex;
  position: fixed;
  inset: 0;
  z-index: 2000;
  background: rgba(0,0,0,0.9);
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 350ms ease, visibility 0s linear 350ms;
}
.xpo-lightbox.open{
  opacity: 1;
  visibility: visible;
  transition: opacity 350ms ease, visibility 0s linear 0s;
}

.xpo-lightbox-img{
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
  border-radius: 4px;
  user-select: none;
  transform: scale(0.92);
  opacity: 0;
  transition: transform 400ms cubic-bezier(.19,1,.22,1), opacity 400ms ease;
}
.xpo-lightbox.open .xpo-lightbox-img{
  transform: scale(1);
  opacity: 1;
}

.xpo-lightbox-close,
.xpo-lightbox-prev,
.xpo-lightbox-next{
  position: absolute;
  background: rgba(255,255,255,0.1);
  border: none;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 200ms ease, transform 200ms ease;
}
.xpo-lightbox-close:hover,
.xpo-lightbox-prev:hover,
.xpo-lightbox-next:hover{
  background: rgba(255,255,255,0.25);
  transform: scale(1.08);
}

.xpo-lightbox-close{
  top: 20px; right: 20px;
  width: 44px; height: 44px;
  border-radius: 50%;
  font-size: 26px;
  line-height: 1;
}

.xpo-lightbox-prev,
.xpo-lightbox-next{
  top: 50%;
  transform: translateY(-50%);
  width: 48px; height: 48px;
  border-radius: 50%;
  font-size: 18px;
}
.xpo-lightbox-prev:hover{ transform: translateY(-50%) scale(1.08); }
.xpo-lightbox-next:hover{ transform: translateY(-50%) scale(1.08); }
.xpo-lightbox-prev{ left: 20px; }
.xpo-lightbox-next{ right: 20px; }

@media (max-width: 767px){

}

@media (prefers-reduced-motion: reduce){
  .xpo-gallery-img,
  .xpo-lightbox,
  .xpo-lightbox-img,
  .xpo-lightbox-close,
  .xpo-lightbox-prev,
  .xpo-lightbox-next{
    transition: none !important;
  }
}
.comm-workshop, .comm-workshop:hover, .comm-workshop:focus{
    background: linear-gradient(245deg, rgba(0, 127, 186, 0.25) 21.39%, rgba(0, 28, 84, 0.25) 78.61%);
  	padding: 5px;
  	border-radius: 10px;
  	box-shadow: inset 1px 0.5px 0px rgba(255,255,255,0.3);
    color: #fff;
    height: 100%;
    display: block;
}
.comm-workshop img{
	border-radius: 8px;
	aspect-ratio: 1/1;
  	object-fit: contain;
  	background: #fff;
}
.cw-info{
	padding: 15px;
}
.cw-more{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
@media screen and (min-width: 992px){
	.container {
		max-width: 960px !important;
	}
}
@media screen and (min-width: 1200px){
	.container {
	  max-width: 1140px !important;
	}
}
@media screen and (min-width:1500px){
	.container{
		max-width: 1440px !important;
	}

}
@media screen and (max-width:1500px){
	.container{
		max-width: 1440px !important;
	}
	.wbl-inner{
		max-width: 555px;
		padding-right: 40px;
	}
	.wbr-inner{
		max-width: 555px;
		padding-left: 40px;
	}
	.details--section iframe {
		height: 620px;
	}
	.xpo-hero video{
		max-height: 700px;
	}
	.pxf-col {
		padding: 20px;
	}
	.pxf-digit {
	  font-size: 80px;
	}
	.xpo2024 .bgVideo{
		height: 700px;
	}
}
@media screen and (max-width:1366px){
	.xpo-hero video{
		max-height: 600px;
	}
	.xl-footer fs-18{
		font-size: 16px;
	}
	.xl-qr{
		width: 160px;
	}
	.xl-footer{
		padding-right: 165px;
	}
}
@media screen and (max-width:1199px){
	.wbr-inner, .wbl-inner{
		max-width: 465px;
	}
	.fs-xl{
		font-size: 3rem;
	}
	.details--section iframe {
		height: 520px;
	}
	.xpo-live-info{
		padding: 30px;
	}
	.event-speakers{
		position: relative;
	}
	.yt-video{
		height: 400px;
	}
	.col-custom{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.xl-bottom{
		padding-right: 15px;
	}
	.xpo2024 .bgVideo{
		height: 600px;
	}
	.ts-padding{
		min-height: inherit;
  		height: calc(100% - 30px);
	}
	.ts-card-sm {
		max-width: 768px;
		margin-left: auto;
		margin-right: auto;
	}

	.ts-card-sm p{
		font-size: 0.8rem;
	}
	.ts-card-sm .t-h6{
		font-size: 1rem;
	}
}
@media screen and (max-width:991px){
	.t-h1 {
		font-size: 2rem;
	}
	.fs-xl {
	  font-size: 2.75rem;
	}
	.t-h5 {
		font-size: 1.25rem;
	}
	.t-h6 {
		font-size: 1rem;
	}
	.xpo-live-info {
		padding: 20px;
	}
	.developers-logo li{
		width: 25%;
	}
	.wb-right{
		padding-right: 15px;
	}
	.wb-left{
		padding-left: 15px;
	}
	.wbr-inner{
		padding-left: 20px;
	}
	.g-recaptcha > div{
		transform: scale(1);
	}
	.details--section iframe{
		height: 320px;
	}
	
	.xpo-live > img{
		margin-right: 2%;
	}
	.xpo-live-info{
		width: 43%;
	}
	.btn-nt{
		padding: 12px 20px;
	}
	.video-popup.videoOn{
		display: block !important;
	}
	.xpo-hero{
		background-image: url(../img/xpo/video-thumb.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.xpo-info{
		background: transparent;
		backdrop-filter: none;
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.xpo-hero video{
		height: auto;
	}
	.xpo-overlay{
		position: relative;
		top: initial;
		left: initial;
		right: initial;
		bottom: initial;
		width: 100%;
	}
	.xpo-info iframe{
		width: 100%;
		height: 200px;
	}

	.xpo-hero-new {
        padding-top: 50px;
    }
    .event-form{
        background-size: 1000px;
    }
    .xpo-listing .owl-item{
    	padding: 15px;
    }
    .xpo2024 .xpo-overlay{
    	background: rgba(42, 4, 82, 1);
    	width: 100%;
    	max-width: 100%;
    	border-radius: 0;
    }
    .xpo2024.xpo-hero .xpo-info{
    	background: transparent;
    }
    .xpo2024.xpo-hero{
    	background-image: none;
    }
    .xpo2024 .bgVideo{
    	height: 500px;
    }
    .xl-header{
    	margin-inline: -15px;
    }
    .xe-events li {
	  border-bottom: 1px solid #363a3c;
	}
	.xpo-listing .owl-carousel .xl-hero{
		height: auto;
		max-height: 400px;
	}
	.title-line::after, .title-line::before{
		content: none;
	}
	.title-line{
		text-align: left;
	}
	.ts-date{
		margin-bottom: 10px;
	}
	.ts-card-sm .t-h6{
		font-size: 0.8rem;
	}
	.border-bottom-light{
		padding-bottom: 8px;
  		margin-bottom: 8px;
	}
	.ts-card-sm .ts-m-view .img-fluid{
		max-height: 240px;
	}
	.ts-card-info{
		width: 100%;
	}
	[class*="ts-bg-"]{
		align-items: center;
	}	
	[class*="ts-bg-"] h5{
		font-size: 16px;
		line-height: 1.3;
	}
	[class*="ts-bg-"] .e-item-content p{
		font-size: 14px !important;
		line-height: 1;
	}
	.flex-5 .flex-5-item {
	  flex: 0 0 calc((100% - (16px * 0)) / 4);
	  margin-bottom: 0;
	}
	.bullet-list p{
		font-size: 14px;
	}
}
@media screen and (max-width:767px){
	.h3, h3 {
		font-size: 1.5rem;
	}
	.h4, h4 {
		font-size: 1.25rem;
	}
	.xpo-live-info {
		position: relative;
		width: 100%;
		border-radius: 0 0 16px 16px;
	}
	.wbr-inner, .wbl-inner {
		max-width: 100%;
		padding: 0 15px;
	}
	.wb-right, .wb-left{
		padding-left: 0;
		padding-right: 0;
	}
	.owl-carousel .owl-nav button.owl-prev{
		left: 5px;
	}
	.owl-carousel .owl-nav button.owl-next{
		right: 5px;
	}
	.card-event{
		max-width: 500px;
		margin: 0 auto 16px auto;
	}

	.speaker-img img {
		max-width: 280px;
	}
	.in-person, .xpo-reg-info{
		text-align: left;
	}
	.xpo-hero video{
		height: 450px;
	}
	.card-event .e-item-img a img {
		border-radius: 8px;
		width: auto;
	}
	.xpo-live {
		flex-wrap: wrap;
	}
	.xpo-live > img{
		width: 100%;
		margin-right: 0;
		border-radius: 16px 16px 0 0;
	}
	.xpo-hero {
		padding-top: 95px;
	}
	.speakers-list li{
		width: 48%;
		margin-right: 2%;
	}
	.breadcrumb-ul li a{
		font-size: 14px;
	}
	.list-qus li{
		font-size: 16px;
	}
	body .breadcrumb-section{
		top: 45px !important;
	}
	body .breadcrumb-section.breadcrumb-fixed{
		position: fixed !important;
		top: 0 !important;
	}
	.pxf-title{
		padding-left: 0;
		margin-top: 20px;
	}
	.pxf-title span{
		padding-left: 20px;
	}
	.pxf-title hr{
		margin-bottom: 0px;
	}
	.pxf-col{
		width: 24%;
		padding: 15px;
	}
	.pxf-col.pxf-col-m{
		width: 4%;
		text-align: center;
	}
	.pxf-video{
		padding-top: 100px;
  		padding-bottom: 50px;
	}
	.pxf-section {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.xl-bottom{
		flex-wrap: wrap;
		justify-content: center;
	}
	.xl-bottom h4{
		width: 100%;
		text-align: center;
		margin-top: 5px;
	}
	.xpo-listing .owl-nav{
		top: -80px;
  		width: 110px;
  		right: 0;
	}
	.xpo2024 .bgVideo{
    	height: 400px;
    }
    .t-sm-t5{
    	font-size: 16px !important;
    }
    .prop-card{
    	flex-direction: row;
    	padding: 10px;
    }
    .card-icon{
    	margin-bottom: 0;
    	padding-top: 15px;
    	min-width: 95px;
    	width: 95px;
    }
    .prop-info{
    	text-align: left;
    	padding-left: 10px;
    	padding-right: 20px;
    	position: initial;
		margin-top: 0;
		height: auto;
		display: block;
    }
    .prop-info span{
    	position: absolute;
    	right: 15px;
    	bottom: 15px;
    }
    .ts-m-view{
    	display: flex;
    }
    .ts-m-view .img-fluid{
    	width: 250px;
    }
    .ts-card-info{
		padding-right: 15px;
		width: 100%;
	}
	.ts-date span{
		font-size: 12px;
	}
	.btn-xs {
		padding: 6px;
		font-size: 13px;
	}
	.ts-card-sm.ts-padding .t-h6{
		font-size: 1rem;
	}
	.bullet-list img {
		width: 22px;
	}
	.ts-date img{
		height: 28px;
		width: 28px;
		margin-top: -5px;
	}

	.xpo-lightbox-close{ top: 12px; right: 12px; width: 38px; height: 38px; font-size: 22px; }
  	.xpo-lightbox-prev,
  	.xpo-lightbox-next{ width: 40px; height: 40px; }
  	.xpo-lightbox-prev{ left: 8px; }
  	.xpo-lightbox-next{ right: 8px; }
}
@media screen and (max-width:677px){
	.hero-mc-wrap{
		min-height: 300px;
	}
	.xpo2024 .bgVideo{
    	height: 300px;
    }
    .xl-footer .fs-18{
    	font-size: 16px !important;
    }
    .ts-card-lg p {
		font-size: 12px;
	}
    .ts-card-xl .t-h3 {
		font-size: 1.5rem;
	}
	.ts-card-lg .t-h3 {
		font-size: 1rem;
	}
	.ts-m-view .img-fluid {
		width: 175px;
	}
	.ts-card-lg .t-h6 {
		font-size: 14px;
	}
	.ts-card{
		margin-bottom: 15px;
	}
	.ts-padding{
		padding: 15px;
	}
	.ts-padding {
		min-height: 160px;
	}
	.ts-card-info p br{
		display: none;
	}
	.flex-5 .flex-5-item {
	  flex: 0 0 calc((100% - (30px * 0)) / 3);
	  margin-bottom: 0;
	}
	.ts-card-info{
		display: flex;
		flex-direction: column;
	}
}
@media screen and (max-width:576px){
	.developers-logo li{
		width: 33.33%;
	}
	.btn-nt {
		font-size: 16px;
		padding: 10px 20px;
	}
	.btn-form {
		height: 60px;
		max-width: 304px;
		width: 100%;
	}
	.session-table{
		display: flex;
	}
	.session-table tbody{
		width: 100%;
	}
	.session-table tbody tr {
		display: flex;
		flex-direction: column;
		border-bottom: 1px solid #DADFE4;
		padding: 10px 0;
	}
	.session-table tbody td {
		width: 100%;
		display: block;
		padding: 0 10px;
	}
	.selected-sscount > p{
		width: 100%;
	}
	.line-tab li a{
		font-size: 12px;
		padding: 5px 10px;
	}
	.select-cancel{
		margin-left: 0;
	}
	.xpo-info img {
		width: 120px;
	}
	.cm-tabs .nav-item{
		padding: 0;
	}
	.cm-tabs .nav-link{
		font-size: 16px;
	}
	.cm-tabs{
		margin-bottom: 15px;
	}
	
	.line-tab li{
		margin-right: 5px;
	}
	.event-selectable.now-selectable{
		padding-left: 35px;
	}
	.card-event .form-check{
		left: -35px;
	}
	.e-item-content p {
		font-size: 14px;
		line-height: 1.2;
	}
	.modal-footer, .modal-header{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.modal-dialog{
		height: 100%;
	}
	#xpoAttendForm #regrecaptcha > div{
		margin: 0 auto;
	}
	#RegisterForEvent .modal-xl{
		margin:0;
	}
	#RegisterForEvent .modal-body{
		padding-bottom: 100px;
	}
	#RegisterForEvent .modal-content{
		border-radius: 0;
		border: none;
	}
	#RegisterForEvent .modal-footer{
		position: sticky;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		justify-content: center;
	}
	.logo-hlt img {
		width: 150px;
	}
	.yt-video{
		height: 220px;
	}
	.event-days-list h5{
		font-size: 16px;
	}
	.col-custom{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.pxf-digit {
		font-size: 56px;
	}
	.pxf-text{
		font-size: 14px;
	}
	.pxf-col {
		padding: 10px;
	}
	.xl-qr{
		position: relative;
		margin: 10px auto;
	}
	.xpo-listing .owl-nav{
		position: relative;
		width: auto;
	}
	.hero-mc-wrap{
		min-height: initial;
	}
	.xpo2024 .bgVideo{
    	height: 200px;
    }
    .xpo-promo{
    	background-position: 85% center;
    }
    .xl-footer .fs-18{
    	font-size: 14px !important;
    }
    .xpo-listing .owl-carousel .img-card{
    	width: 80px !important;
  		min-width: 80px;
    }
    .pb-count{
    	font-size: 16px;
    }
    .xpo-listing .owl-carousel .xl-hero{
    	max-height: 300px;
    	min-height: 300px;
    }
    .xl-footer{
    	width: 100%;
    }
    .pb-ico-md {
		height: 39px;
		width: 39px;
	}
	.pb-col{
		padding-right: 10px;
	}
	.pb-count{
		padding-left: 5px;
	}
	.xl-footer{
		padding-right: 0;
	}
	.prop-card p{
		font-size: 16px;
	}
	.prop-info h4{
		font-size: 1.3rem;
	}
	.row-segments{
		background: rgba(56, 87, 112, 0.20);
		padding: 20px;
		border-radius: 10px;
		box-shadow: inset 1px 0.5px 0px rgba(255,255,255,0.3);
	}
	.next-card {
		background: transparent;
		padding: 0;
		box-shadow: none;
	}
	.ts-card-lg .t-h3 {
		font-size: 14px;
	}
	.ts-card-lg p {
		font-size: 10px;
	}
	.btn-xs{
		padding: 3px 6px;
	}
	.ts-date img{
		border: 1px solid rgba(255,255,255,0.5);
	}
	[class*="ts-bg-"] h5{
		font-size: 14px;
	}
	[class*="ts-bg-"] .e-item-content p{
		font-size: 12px !important;
	}
	[class*="ts-bg-"] .e-item-content {
		padding: 10px;
	}
	.ts-card-sm p{
		font-size: 0.7rem;
	}

}
@media screen and (max-width:480px){
	.developers-logo li{
		width: 50%;
	}
	.prj-it{
		width: 90%;
		margin: 0 auto;
	}
	.t-h1 {
		font-size: 2rem;
	}
	.h2, h2{
		font-size: 1.75rem;
	}
	.h5, h5 {
		font-size: 1.1rem;
	}
	.speakers-list li{
		width: 100%;
		margin-right: 0;
	}
	.pxf-digit {
		font-size: 40px;
	}
	.pxf-text{
		font-size: 12px;
	}
	
	.ts-m-view .img-fluid {
		width: 160px;
	}
	.ts-m-view .img-fluid{
		align-self: end;
	}
}
@media screen and (max-width:420px){
	.ts-card-info{
		margin-left: -20px;
	}
	.ts-date span {
		font-size: 10px;
		margin-right: 5px;
		padding: 2px 6px;
	}
}