.hero-sec .hero-sec-inner > img {object-position: top;}

/* ======================== SECTION 01 CONFEX THEMES ============================= */
.conference-sec-01{ padding-block: 2rem; background:var(--color-01);}
.conference-sec-01 .heading-wrap{ text-align:center; margin-bottom:70px;}
.conference-sec-01 .title{ color:var(--color-02);}
.conference-sec-01 .row{ row-gap:40px; display: flex; align-items: flex-start; padding-inline: 12px;}

/* ---- LEFT = TAB CONTENT PANEL ---- */
.conference-sec-01 .content-col{padding-right:40px;}
.conference-sec-01 .content-title{ margin-bottom:18px; min-height:2.2em; color:var(--color-02);}
.conference-sec-01 .content-text{ max-width: 75%; color:var(--color-02); opacity:.75; margin-bottom: 3rem; min-height:110px; 
	transition:opacity .25s ease; }

.conference-sec-01 .btn{
  display:inline-block; background:var(--color-04);
  color:var(--color-01); font-family:"PP Neue Montreal", sans-serif; font-weight:500;
  padding: 0.8rem 2.5rem; border-radius:2px; transition:background .2s ease, transform .2s ease;
}

.conference-sec-01 .btn:hover{ background:#b8402a; color:var(--color-01); transform:translateY(-2px);}

/* ---- RIGHT = ACCORDION ---- */
.conference-sec-01 .accordion{ border-top:none;}

.conference-sec-01 .accordion-item{ border: none; border-bottom:1px solid #e6e6e6; border-radius: 0px; 
	overflow:hidden; transition:background .25s ease, border-color .25s ease;}

.conference-sec-01 .accordion-item.active{
  background:var(--color-04); border-bottom-color:var(--color-04);}
.conference-sec-01 .accordion-item.active .accordion-header{padding: 20px 25px;transition: all 200ms ease-in-out;}

.conference-sec-01 .accordion-header{
  display:flex; align-items:center; justify-content:space-between; gap:16px; padding: 20px 0px; cursor:pointer;
  -webkit-tap-highlight-color:transparent; border: none; transition: all 200ms ease-in-out;}

.conference-sec-01 .accordion-title{ 
	color:#bfbfbf; font-family:"PP Neue Montreal", sans-serif; font-size: var(--rfs-30); transition:color .25s ease;}

.conference-sec-01 .accordion-item:hover:not(.active) .accordion-title{ color:var(--color-02);}

.conference-sec-01 .accordion-item.active .accordion-title{ color:var(--color-01);}

.conference-sec-01 .accordion-icon{ position:relative; flex:0 0 18px; width:18px; height:18px; color:#b3b3b3;}

.conference-sec-01 .accordion-item.active .accordion-icon{ color:var(--color-01);}

.conference-sec-01 .accordion-icon span{
  position:absolute; top:50%; left:0; width:100%; height:2px; background:currentColor; transform:translateY(-50%); transition:transform .3s ease;
}

.conference-sec-01 .accordion-icon span:last-child{ transform:translateY(-50%) rotate(90deg);}

.conference-sec-01 .accordion-item.active .conference-sec-01 .accordion-icon span:last-child{ transform:translateY(-50%) rotate(0deg);}

.conference-sec-01 .accordion-body{ color: rgba(255,255,255,.9); height:0; overflow:hidden; padding:0 24px; }

.conference-sec-01 .accordion-body-inner{ padding-bottom: 22px; line-height:1.5;}

/* ============== SECTION 02 SCALE / COUNTER SECTION ============ */
.conference-sec-02{ position:relative; background:var(--color-03); padding-block: 120px; overflow:hidden;}

.conference-sec-02 .row{ row-gap:50px; align-items: stretch; display: flex;}

.conference-sec-02 .image-col{ position:relative;}
.conference-sec-02 .accent{ position:absolute; top: -120px; left: -90px; width: 50vh; height: 60vh; background:var(--color-04); z-index:1;}

.conference-sec-02 .image-wrap{ position:relative; z-index:2; overflow:hidden; width: 100%; max-width: 90%; height: 70vh; margin-left: auto;}
.conference-sec-02 .image{ width:100%; display:block; object-fit:cover; height: 100%;}

.conference-sec-02 .title{ color:var(--color-01);  margin-bottom: 2.5rem;}
.conference-sec-02 .stats{ display:grid; grid-template-columns:repeat(3, auto); gap:36px 50px;}
.conference-sec-02 .stat-number{ color:var(--color-01);  margin-bottom: 1rem;}
.conference-sec-02 .stat-label{ color:rgba(255,255,255,.8); margin-top:8px;text-transform:capitalize;}

/* ============ SECTION 03 ATTENDEES TAB SECTION ============= */

.conference-sec-03{ padding:100px 0; overflow:hidden; background:#fff;}
.conference-sec-03-inner .main-row{width:100%; align-items: flex-end; padding-inline: 12px;}
.conference-sec-03-inner .main-row .columns{padding-inline:0px;}
/*============= LEFT CONTENT ============*/

.conference-sec-03-content{max-width: 100%;}
.who-title{color: var(--color-04);margin-bottom:32px;}
.who-desc{margin-bottom:42px; /* max-width:390px; */ }


.attendee-list{ width:70%;}

.attendee-item{
    position:relative; padding:18px 22px; font-size:var(--rfs-30); font-weight:400; color:#bfbfbf; cursor:pointer; 
	border:none;  transition: background-color .25s ease,  color .25s ease, padding-left .25s ease;
}


/* Draw borders without creating hover gaps */
.attendee-item::after{
    content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:#e7e7e7; pointer-events:none;
}

.attendee-item:first-child::before{
    content:"";  position:absolute; left:0; right:0; top:0; height:1px; background:#e7e7e7; pointer-events:none;
}

.attendee-item:first-child{ border-top:1px solid #e7e7e7;}

.attendee-item:hover{ padding-left:28px;}

.attendee-item.active{background: var(--color-04);color:#fff;padding-left:28px;}

/*=============== RIGHT IMAGE =====================*/

.attendee-image-wrapper{position:relative;width:100%;min-height:650px;display:flex;justify-content: flex-end;align-items: flex-end;}


/* Green Shape */
.shape-box{
    position:absolute; width: 520px; height: 520px; background: var(--color-05); top: -12%; right: -18%; z-index:1; transition:.4s ease;
}


/* Image */

.attendee-image{
    position:relative; width:600px; max-width:100%; object-fit:cover;  z-index:2; opacity:1; transition:opacity .18s linear;
}

.attendee-image.fade{ opacity:0;}

/*============ MOBILE SLIDER ===============*/

.attendee-slider{ display:block;}

.attendee-slide{ padding:0 12px;}


/*.slide-category{ display:inline-flex; align-items:center; background:#d9552f; color:#fff; font-size:18px; padding:14px 22px; margin-top:20px;}*/

.mobile-attendee-header{ max-width:600px; margin:0 auto 30px;}

.slide-image{ position:relative; overflow:hidden; margin-bottom:30px;}

.slide-image img{ width:100%; display:block;}

.slide-category{
    position:absolute; left:20px; right:20px; bottom:20px; background:#d9552f;
    color:#fff; padding:16px 20px;  line-height:1.3; text-align:center;
}

.attendee-slider .slick-prev,
.attendee-slider .slick-next{ top:calc(100% + 35px); transform:none;}

.attendee-slider .slick-prev{ left:calc(50% - 55px);}

.attendee-slider .slick-next{ right:calc(50% - 55px);}

.attendee-slider{ padding-bottom:80px;}

/*==============SLICK==================*/

.slick-track{ display:flex !important;}

.slick-slide{ height:inherit !important;}

.slick-slide>div{ height:100%;}


/* Arrows */

.slick-prev,
.slick-next{
    width:56px; height:56px; border:1px solid #ddd; border-radius:50%; background:#fff;
    display:flex;  align-items:center; justify-content:center; transition:.3s;
}

.slick-prev svg,
.slick-next svg{ width:22px; height:22px; color: var(--color-01);}

.slick-prev:hover,
.slick-next:hover{ background:#d9552f; border-color:#d9552f;}

.slick-prev:hover svg,
.slick-next:hover svg{ color:#fff;}

.slick-prev:before,
.slick-next:before{ display:none;}


/* =============== SECTION 04 CONFERENCE PASS / TICKET SECTION ================== */

.conference-sec-04{ padding-block:60px; background:var(--color-01);}

.conference-sec-04 .ticket{
  position:relative; display:flex; background:var(--color-05);
  min-height:260px; border-radius:2px; overflow:hidden;
}

/* ---- stub (Sportsdaq) ---- */
.conference-sec-04 .stub{
  position:relative; flex:0 0 90px;
  background:linear-gradient(135deg, var(--color-04) 0%, var(--color-04) 45%, var(--color-03) 45%, var(--color-03) 100%);
  display:flex; align-items:center;justify-content:center;
}

.conference-sec-04 .stub-logo{
  writing-mode:vertical-rl; transform:rotate(180deg); color:var(--color-01);
  font-family:"Space Mono", monospace; font-weight:700; font-size:var(--rfs-24); letter-spacing:3px;
}

/* ---- barcode + star column ---- */
.conference-sec-04 .side{
  padding: 0px; display:flex; flex-direction:column; justify-content:space-between;
}

.conference-sec-04 .barcode{
  width:100%; height:70px;
  background:repeating-linear-gradient(
    90deg,
    #101010 0px, #101010 2px,
    transparent 2px, transparent 5px,
    #101010 5px, #101010 6px,
    transparent 6px, transparent 9px
  );
}

.conference-sec-04 .star{ width:56px; height:56px;}

/* ---- perforated divider ---- */
.conference-sec-04 .divider{ position:relative; flex:0 0 1px; border-left: 12px dotted #fff; margin:20px 0;}
.conference-sec-04 .divider::before,
.conference-sec-04 .divider::after{
  content:""; position:absolute; left:50%; transform: translateX(-58%);
  width: 9vh; height: 9vh; background:var(--color-01); border-radius:50%;
}
.conference-sec-04 .divider::before{top: -7vh;}
.conference-sec-04 .divider::after{bottom: -7vh;}

/* ---- body content ---- */
.conference-sec-04 .body{
  flex:1 1 auto; padding:34px 40px; display:flex; flex-wrap:wrap; align-items:center; gap:30px;
}

.conference-sec-04 .info{ flex:1 1 340px;}

.conference-sec-04 .title{
  color: #101010; font-family:"Space Mono", monospace; font-weight:700;
  letter-spacing: -2px; margin-bottom:10px; line-height:1.1;
}

.conference-sec-04 .fee{
  font-family:"Space Mono", monospace; font-size:var(--rfs-21); font-weight:700; color:#101010; margin-bottom:16px;
}

.conference-sec-04 .hr{
  border:none; border-top:1px solid rgba(0,0,0,.25); margin:0 0 16px;
}

.conference-sec-04 .discounts{
  font-family:"Space Mono", monospace; font-size:var(--rfs-16); color:#101010; line-height:1.7; margin-bottom:20px;
}

.conference-sec-04 .cta{
  display:inline-flex; align-items:center; gap:6px; background:var(--color-03); color:var(--color-01);
  font-family:"PP Neue Montreal", sans-serif; font-weight:500; padding:12px 24px; border-radius:2px; margin-bottom:16px;
  transition:transform .2s ease, background .2s ease;
}

.conference-sec-04 .cta:hover{ background:#030d70; color:var(--color-01); transform:translateY(-2px);}
.conference-sec-04 .fine-print{ text-decoration:underline; color:#101010; display:block;}
.conference-sec-04 .image-circle{ width: 50vh; height: 50vh; border-radius:50%; overflow:hidden; border:4px solid rgba(0,0,0,.05);}
.conference-sec-04 .image-circle img{ width:100%; height:100%; object-fit:cover; display:block; }

/* ============= RESPONSIVE ============ */

@media(max-width:1440px){
/*	sec-04*/
	.conference-sec-04 .side {justify-content: flex-end;}
}

@media(max-width:1366px){
	.conference-sec-01 .accordion-title {font-size: var(--rfs-24);}
	
	.conference-sec-03 .intro {margin-bottom: 30px;}
	.conference-sec-03 .tab-item {font-size: var(--rfs-24);}
	
    .conference-sec-03 {padding: 30px 0;}
	.attendee-item { font-size: var(--rfs-24);}
	.shape-box {top: 0%;}
}


@media (max-width:1199px){
/*sec-06*/
    .shape-box{ width:360px; height:300px; }
    .attendee-image{ width:430px; }

}


@media (max-width:991.98px){
/*sec-06*/
    .attendee-slide{ padding:20px 10px; }

    .slide-image{  position:relative; }
    .slide-image img{  width:100%;  display:block; }

    .who-title{  margin-bottom:2rem; }
    .who-desc{  margin-bottom:20px; }

}


@media (max-width:991px){

  .conference-sec-01 { padding-block: 2rem;}
  .conference-sec-01 .content-title {margin-bottom: 2rem;}
  .conference-sec-01 .accordion-header{padding:20px 25px;}
  .conference-sec-01 .accordion-title {font-size: 24px;}
  .conference-sec-01 .content-col{ padding-right:0; }
  .conference-sec-01 .content-text {max-width: 95%;}
  .conference-sec-02 .row .columns{padding-inline:10px;}
  .conference-sec-02 .image-wrap { max-width: 70%; height: 50vh; margin-left: 20px;}
  .conference-sec-02 .accent {top: -45px; width: 50vh; height: 46vh;}
  .conference-sec-02 .stats{ grid-template-columns:repeat(2, auto);}
 

	/*sec-03*/
	.conference-sec-03{padding-block:3rem;}
	.attendee-slider{position: relative; padding-bottom: 0px;}
	.attendee-slider .slick-prev, .attendee-slider .slick-next {background-color: var(--color-04); width:50px; height:50px; position: absolute;    top: 50%; transform: translateY(-50%); z-index: 1;}
	.attendee-slider .slick-prev{left:-2%;}
	.attendee-slider .slick-next{right:-2%;}
    .mobile-attendee-header { margin: 0 0 30px;  max-width: 100%;}
    .conference-sec-03 .image-wrap{ margin-left:0; }
    .who-desc br{display: none;}

	/*	sec-04*/

  .conference-sec-04 .ticket{ flex-direction: column; width: 75%; margin-inline:auto;}
  .conference-sec-04 .fee{font-size: 20px;}
  .conference-sec-04 .side{position: relative; height: 100px;}
  .conference-sec-04 .image-circle {aspect-ratio: 1; height: auto;} 
  .conference-sec-04 .side img{ width: 67%; object-fit: contain; position: absolute; transform-origin: center; 
		transform: rotateZ(90deg);  top: -110%; left: 19%;}
  .conference-sec-04 .body {margin-top: 60%;}
  .conference-sec-04 .divider{ border-left:none; border-top:12px dotted #fff;  position: absolute;  width: 100%; top: 25%; left: 0%;}
  .conference-sec-04 .divider::before {left:0%; top:-5vh;}
  .conference-sec-04 .divider::after { right: -20%; left: unset; bottom: -4vh;}
  .conference-sec-04 .image-col{ width:100%; display:flex; justify-content:center; padding-bottom:20px; }
}

@media (max-width:768px){
/*sec-01*/
	.conference-sec-01 .content-text {margin-bottom: 2rem;}

	
    .slide-category{ justify-content:center; text-align:center; font-size: 18px;}
	
}

@media (max-width:576px){

  .conference-sec-04 .stub{ flex:0 0 50px; }
  .conference-sec-04 .stub-logo{ font-size:var(--rfs-16); letter-spacing:2px; }
  .conference-sec-04 .side{ flex:0 0 100px; padding:16px 12px; }
	
	
/*  .slide-category{  padding:12px 18px; font-size:16px; }*/
}

@media(max-width:480px){
/*	sec-01*/
	    .conference-sec-01 .content-title {
        margin-bottom: 1.5rem;
    }
	.conference-sec-01 { padding-bottom: 1.5rem; padding-top: 0rem;}
	.conference-sec-01 .content-text {        margin-bottom: 2rem; max-width: 100%;}
	.conference-sec-01 .accordion-title{font-size: 20px; line-height: 1.3;}
	.conference-sec-01 .accordion-icon {flex: 0 0 14px;}
	.conference-sec-01 .accordion-header{padding: 20px 14px;}
	.conference-sec-01 .accordion-item.active .accordion-header {padding: 20px 14px;}
	.conference-sec-01 .accordion-body {padding: 0 14px;}
	.conference-sec-01 .btn {padding:0.5rem 2rem;}
	
	
	    .who-title {margin-bottom: 1.5rem; }
	
/*sec-02	*/
	.conference-sec-02 .title { margin-bottom: 2rem;}
	.conference-sec-02{ padding-block: 60px;}
	.conference-sec-02 .image-wrap {    height: 250px; margin-left: 0px;}
	.conference-sec-02 .accent { top: -24px; width: 86%; height: 250px;}
	.conference-sec-02 .row .columns{padding-inline:10px;}
	
/*sec-03*/
	.conference-sec-03 {padding-bottom: 0rem;}
	.attendee-slider{position: relative; padding-bottom: 0px;}
	.attendee-slider .slick-prev, .attendee-slider .slick-next {
		background-color: var(--color-04); width:40px; height:40px; 
		position: absolute; top: 45%; transform: translateY(-50%);  z-index: 1;}
	.attendee-slider .slick-prev{left:-5%;}
	.attendee-slider .slick-next{right:-5%;}
	
	
/*	sec-04*/
	.conference-sec-04 .cta {margin-bottom: 2rem; margin-top: 0.5rem;}
	.conference-sec-04{padding-block: 2rem;}
	.conference-sec-04 .title {letter-spacing: 0px; margin-bottom: 1.3rem;}
	.conference-sec-04 .side img {top:-70%;}
	.conference-sec-04 .ticket {width:100%;}

	.conference-sec-04 .body {padding: 34px 56px;  margin-top: 45%;}
	.conference-sec-04 .divider {top:20%; border-top: 10px dotted #fff;}
	.conference-sec-04 .cta {padding:0.5rem 2rem;}
}

@media(max-width:375px){
    .conference-sec-02 .image-wrap { max-width: 80%; } 
	.conference-sec-02 .accent {width:98%;}
}

@media(max-width:360px){
	.conference-sec-01 .content-title {margin-bottom: 1.5rem;}
	.who-title { margin-bottom: 1.5rem;}
	.conference-sec-04 .side img { top: -65%; width: 74%; }
	.conference-sec-04 .body {padding: 34px 50px;}
}

@media (max-width: 320px) {
    .conference-sec-02 .image-wrap { max-width: 90%;}
	.conference-sec-02 .accent {  width: 94%; left: -14%; }
	
	.conference-sec-04 .body { padding: 34px 34px; }
	.conference-sec-04 .divider {	top: 17%; }
	.conference-sec-04 .side img { top: -54%; width: 70%; }
}