/* =========================================
   CSS Reset & Variables
   ========================================= */
:root {
    /* Colors */
    --bg-dark: #060b19;
    --bg-darker: #02050e;
    --text-main: #ffffff;
    --text-muted: #a0aec0;

    --accent-cyan: #00e5ff;
    --accent-purple: #8b5cf6;
    --accent-blue: #3b82f6;

    --gradient-primary: linear-gradient(135deg, #4f46e5 0%, #0ea5e9 100%);
    --gradient-button: linear-gradient(90deg, #60a5fa 0%, #818cf8 100%);
    --gradient-text: linear-gradient(90deg, #b4c6fc 0%, #e0e7ff 100%);

    /* Typography */
	--primary-font: "DM Sans", sans-serif;
    
}
.fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 1s ease, transform 1s ease;
}

/* When visible */
.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}
/*
https://www.sitecore.com/
https://www.ancor.org/partners/
https://www.cloudfest.com/event
 */
.mtop50{margin-top:50px;}

body{font-family: var(--primary-font), Verdana, sans-serif; font-weight:300;}
h2.head{color:#000;  font-family: var(--primary-font);  font-size:40px;  font-style: normal;font-weight:600;  line-height: 150%; margin-bottom:20px; letter-spacing: 1.5px; text-transform:uppercase;}

h2.innerHead{color:#000;  font-family: var(--primary-font);  font-size:32px;  font-style: normal;font-weight:300;  line-height: 150%; margin-bottom:20px; letter-spacing: 1.5px; display: flex;  gap: 25px;  align-items: center;}
.innerHead svg{height: 25px; width:25px;}

h2.innerSubHead{color:#000;  font-family: var(--primary-font);  font-size:32px;  font-style: normal;font-weight:300;  line-height: 150%; margin-bottom:20px; letter-spacing: 1.5px; display: flex;  gap: 15px;  align-items: center;}
h2.innerSubHead::before {content: "";  width: 25px;  height: 25px;  background: url('images/left-arrow-icon.png') no-repeat center/contain;}

ul.list7 {
  margin: 0px 0px 15px 0px;
}
.list7 li {
  font-family: var(--primary-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  color: #000;
  margin-bottom: 10px;
  background: url(images/ca-arrow.svg) no-repeat 0px 7px;
  padding-left: 25px;
}

.cooperationHome {position: relative; width: 100%;  padding: 70px 0px;   background: var(--bg-surface-light, #F2F2EA);}
.cooperationHome h2{text-align:center;}
ul.industryLogoList{list-style:none;padding:0;margin:40px 0 0 0;display:flex;align-items:center;justify-content:space-between;gap:40px;/*flex-wrap:wrap;*/}
.industryLogoList li{flex:1;text-align:center;}
.industryLogoList li img{max-height:150px;width:100%;height:auto;object-fit:contain;transition:all 0.3s ease;}
.industryLogoList li img:hover{transform:scale(1.10);}

.overviewHome {position: relative; width: 100%;  padding: 70px 0px;   background: #060b19;}
.info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:60px;}
.info-item{display:flex;align-items:center;gap:60px;}
.info-item.reverse{flex-direction:row-reverse;}
.info-img{flex:1;}
.info-img img{width:100%;display:block;border-radius:14px;}
.info-content{flex:1;}
.tag{color:#00e5ff;font-weight:700;font-size:14px;letter-spacing:1px;display:block;margin-bottom:12px;}
.overviewHome h2{color:#fff;}
.info-content p{font-size:16px;line-height:1.7;margin-bottom:15px;color:#fff;}



.aboutSection{width:100%; position:relative;background: linear-gradient(90deg, #e6edf2 0%, #ffffff 100%);padding:70px 0;}
.quote-box { margin-top: 20px; padding-left: 20px; border-left: 3px solid #D00000; max-width: 800px;}
.quote-box h3 {color: #000; font-size: 18px; font-style: italic;  font-weight: 600; line-height: 30px; margin: 0;}
.aboutSection p{font-size: 16px; font-weight: 400; line-height: 26px; color: #000; margin-bottom: 25px;}


/* =========================================
   About Sandbox Section Redesign (Human x AI Collab)
   ========================================= */
   

/* Encourages Section Grid Adjustment */
.encourages-section {
    margin-top: 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 30px;
}

.encourages-section .subsection-title {
    font-size: 0.9rem;
    color: var(--accent-cyan);
    letter-spacing: 2px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.encourages-grid {
    display: grid;
    gap: 20px;
}

.feature-card {
    background: transparent;
    border: 1px solid rgba(0, 229, 255, 0.1);
    border-radius: 12px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
}

.feature-card:hover {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(0, 229, 255, 0.3);
    transform: translateX(5px);
}

.feature-card i {
    font-size: 1.5rem;color: var(--accent-cyan);
}

.feature-card span {
    font-size: 14px;
    font-weight: 500;
    color: #e2e8f0;
}

/* KEYNOTE SPEAKER */
.mentorsSection{position:relative; width:100%; padding:70px 0px;background: var(--bg-surface-light, #F2F2EA);}
.mentorsWrap{display:flex;align-items: center;gap: var(--space-55, 55px);}
.btnMoboff {  display: block;  margin-left: auto;}
.btnMobon {  display: none;}
.btnRed{display:block; margin-left: auto;background:#3e67bb; padding:10px 20px; color:#fff; border-radius:0px;}
a.btnRed:hover{color:#fff; text-decoration:none; background:#1f3c82;}

.mentorBlock{margin-top:0px; padding-left: 7%;}
.mentorItems:hover .readMore{color:#D00000;}
.mentorListWrap{padding:12px 15px;}
.mentorListWrap h4{color: #000; font-size:18px; font-weight:500; line-height: 150%; }
.mentorListWrap p{color: #000; font-size:16px; font-weight:300; line-height: 150%;margin-bottom:8px; /* 21px */}

.mentorListWrap a.readMore{color:#3e67bb; text-decoration:none; font-size: 14px; font-weight: 400; line-height: 150%; display: flex;  gap: 10px;}
.mentorListWrap a.readMore .material-symbols-outlined{font-size:16px; line-height: 150%;}

#sectionMentor .item{transition: transform .3s ease;}
#sectionMentor .item:hover {transform: translateY(-10px);}
#sectionMentor .owl-stage {display: flex;}
#sectionMentor .owl-item {  display: flex;  height: auto; padding-top:30px;}
#sectionMentor .item{background:#fff; width:100%;}
#sectionMentor .owl-nav {  position: absolute;  top: 40%;  width: 100%;}
#sectionMentor .owl-nav div {  position: absolute;  width: 42px;  height: 42px;  background: #000 !important;  color: #fff !important;  border-radius: 4px;  border: none;  font-size: 18px;
  display: flex;  align-items: center;  justify-content: center;  transition: all .3s ease;}
#sectionMentor .owl-nav div:hover {  background: #D00000 !important;  color: #fff !important;}
#sectionMentor .owl-nav .owl-prev {  left: -20px;}
#sectionMentor .owl-nav .owl-next { right: 50px;}
#sectionMentor .owl-nav .owl-prev .material-symbols-outlined{left: 5px;  position: relative;}

.sponsorGrid {position:relative; width:100%; padding:70px 0px;  background-color: #eee;}
.o-heading{border-bottom: 1px solid #000;  padding-bottom: calc(20px / 2); color:#000;  font-family: var(--primary-font);  font-size:28px;  font-style: normal;font-weight: 400;  line-height: 150%; margin-bottom:20px; letter-spacing: 1.2px;}
.partners-list{list-style:none;padding:0;margin:20px 0 20px 0;display:flex;flex-wrap:wrap;gap:30px;}
.partners-list li{width:calc(25% - 30px);}
.partners-list li .logo-box{background:#fff;height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;}
.partners-list li .logo-box img{max-width:70%;max-height:100px;object-fit:contain;}
.partners-list h3{margin:0px;font-size:18px;font-weight:600;color:#111; line-height: 24px;}
.partners-list span{font-size:14px;color:#555;}

.importantDatesSection{position:relative; width:100%; padding:70px 0px;  background-color: #F2F2EA;}
.news-list{list-style:none;padding:0;margin:0;}
.news-list li{display:flex;gap:40px;padding:25px 0;align-items:flex-start;position:relative;border-bottom:1px solid #ddd;}
.news-list li::after{content:"";position:absolute;bottom:-1px;left:0;height:2px;width:0;background:#007bff;transition:width 0.4s ease;}
.news-list li:hover::after{width:100%;}
.news-date{width:120px;text-align:left;color:#666;font-size:16px;}
.news-date .day{display:block;font-weight:600;}
.news-date .year{display:block;margin-top:4px; font-weight:600;}
.news-content{flex:1;}
.news-content h3{margin:0 0 0px;font-size:20px;color:#07628f;}
.news-content p{margin:0 0 0px;font-size:16px;color:#000;}
.news-list li:hover h3{color:#007bff;}

.speakers-list{display:flex;flex-wrap:wrap;gap:25px;padding:0;margin:0;list-style:none;}
.speakers-list li{flex:0 0 calc(25% - 20px);}
.speaker-card{display:block;position:relative;overflow:hidden;border-radius:14px;color:#fff;text-decoration:none;}
.speaker-img{position:relative;overflow:hidden;}
.speaker-img img{width:100%;height:320px;object-fit:cover;display:block;transition:transform .6s ease;}
.speaker-card:hover img{transform:scale(1.1);}
.speaker-gradient{position:absolute;bottom:0;left:0;width:100%;height:55%;background:linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,0));}
.speaker-content{position:absolute;bottom:20px;left:20px;right:20px;z-index:3;}
.speaker-content h4{margin:0;font-size:20px;font-weight:600; color:#fff;}
.speaker-content p{margin:0px 0 0;font-size:16px;opacity:.9; color:#fff;}
.ext-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);font-size:48px;opacity:0;color:#fff;transition:all .35s ease;
z-index:4;}
.speaker-card:hover .ext-icon{opacity:1;transform:translate(-50%,-50%) scale(1); font-size: 64px;}

.organizingList{display:flex;flex-wrap:wrap;gap:25px;padding:0;margin:0;list-style:none;}
.organizingList li{flex:0 0 calc(25% - 20px);}
.organizingList li .speaker-img img{height:320px;}
.organizingList .speaker-content h4{margin:0;font-size:20px;font-weight:600; color:#fff; line-height: 24px;}

@media only screen and (min-width: 1500px) and (max-width: 1920px) {
	.mentorBlock{margin-top:20px; padding-left:11%;}
	
}
@media only screen and (min-width: 1341px) and (max-width: 1440px) {
	.mentorBlock{padding-left:6.3%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1340px) {
	.mentorBlock{margin-top:20px; padding-left: 3.5%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.mentorBlock{padding-left: 4%;}
	.organizingList li{flex:0 0 calc(33% - 20px);}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mentorBlock{padding-left: 5%;}
	.speakers-list li{flex:0 0 calc(50% - 20px);}
	.organizingList li{flex:0 0 calc(50% - 20px);}
}

@media only screen and (max-width: 767px)
{
	h2.head{font-size: 28px;}
	ul.industryLogoList{gap: 15px; flex-wrap:wrap;}
	.industryLogoList li{flex: 1 1 45%;}
	.industryLogoList li img:hover { transform: scale(1.0);}
	.info-list{flex-direction: row;  gap: 30px;  flex-wrap: wrap;}
	.info-item{gap: 30px; width: 100%; flex-wrap: wrap;}
	.info-img {flex: 100%;}
	.mentorBlock{margin-top: 0px;  padding-left: 20px; padding-right: 20px;}
	#sectionMentor .owl-nav .owl-next {right: -15px;}
	.btnMoboff{display:none;}
	.btnMobon{display: block; text-align: center; max-width: 220px; margin: 40px auto 0;}
	.partners-list{gap: 10px;}
	.partners-list li {width: calc(50% - 10px);}	
	.partners-list li .logo-box{height: 100px;}
	.speakers-list li{flex:0 0 100%;}
	.organizingList li{flex:0 0 100%;}
	.organizingList li .speaker-img img { height: 360px;}

}