html {scroll-behavior: smooth;}
:root {
--black :#1E0013;
--mBlack :#4E444E;	
--white :#FFFFFF;
--primaryColor:#E1251B;
--deepRed:#871C23;
--deepPurple:#4d144a;
--deepBlue:#294E95;
--deepGray:#4E444E;
--paleRed:#F0C7BF;
--palePurple:#D9C1D8;
--paleBlue:#C9D0F0;
--paleGray:#E6E2E4;
--fontFamily:"Lato",sans-serif;
--fs80 :80px;
--fs74 :74px;
--fs64 :64px;	
--fs54 :54px;	
--fs42 :42px;
--fs36 :36px;	
--fs32 :32px;
--fs30 :30px;	
--fs26 :26px;	
--fs22 :22px;
--fs20 :20px;
--fs18 :18px;
--fs17 :17px;
--fs16 :16px;
--fs15 :15px;
--fs14 :14px;
--fs13 :13px;
--fs11 :11px;
--fs9 :9px;
}
.fs42 {font-size: var(--fs42);}
.fs36 {font-size: var(--fs36);}
.fs32 {font-size: var(--fs32);}
.fs26 {font-size: var(--fs26);}
.fs22 {font-size: var(--fs22);}
.fs20 {font-size: var(--fs20);}
.fs18 {font-size: var(--fs18);}
.fs17 {font-size: var(--fs17);}
.fs16 {font-size: var(--fs16);}
.fs13 {font-size: var(--fs13);}
.fs11 {font-size: var(--fs11);}
.fs9 {font-size: var(--fs9);}

.pl-45 {padding-left: 45px;}
.pr-45 {padding-right: 45px;}
body, h1, h2, h3, h4, h5, h6, section, p, a {font-family:"Lato", sans-serif;}
.container-fluid {max-width: 96%}
.title {font-size: var(--fs32); font-weight: 700; line-height: 130%}
.subTitle-lg {font-size: var(--fs22); line-height: 130%}
.subTitle {font-size: var(--fs18); line-height: 130%}
.border-bottom2 { border-bottom: 2px solid var(--primaryColor);}
.defaultBtn {text-decoration: none; color: var(--white); padding:8px 25px; background-color: transparent; border:1px solid var(--white); border-radius: 5px; text-transform: capitalize; transition: all ease 0.7s;}
.defaultBtn:hover{background-color: var(--white); color: var(--black);}
.btn-primary {text-decoration: none; color: var(--white); padding:8px 25px; background-color: var(--primaryColor); border:1px solid var(--paleRed); border-radius: 5px; text-transform: capitalize; transition: all ease 0.7s;}
.btn-primary:hover{background-color: var(--white); color: var(--black);}
.colorPrimary {color: var(--primaryColor);}
.colorPaleRed {color: var(--paleRed);}
/*============ TOP Nav ======*/
.lenovo-verticleLogo {max-width:38px; position: fixed; bottom:35px; right: 0; z-index: 999;}
.topnav-logo {width:140px; filter: invert(0);}
#navbar{position:fixed;top:0;width:100%; padding:15px 0;background-color:transparent;color:var(--black); transition: background-color .4s ease; z-index:9999;text-align:center; align-items: center;}
#navbar.scrolled{background-color:var(--white); backdrop-filter: blur(60px); box-shadow:0 4px 7px #777}
#navbar.scrolled .topnav-logo {filter: invert(1);}
#navbar.scrolled .syotimer-cell{color:var(--black);}
#navbar.scrolled a {color:var(--black);}
#navbar.scrolled .side-menu ul li a:hover {color: var(--primaryColor);}
#navbar.scrolled .hamburger span {background:var(--black);}
.hamburger{position:fixed;top:25px;right:30px;width:30px;height:34px;cursor:pointer;z-index:99999}
.hamburger span{display:block;height:2.5px;background:var(--white);margin:5px 0;border-radius:2px;transition:.4s}
.hamburger span:nth-child(1) {width:22px;}
.hamburger span:nth-child(3) {width:22px;}
.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg); background:var(--black);}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg); background:var(--black);}
.side-menu{position:fixed;top:25px;right:-280px;width:auto;height:auto;background:rgba(256,256,256,0.85); backdrop-filter: blur(10px); padding:50px 30px 20px 30px;transition:.4s ease;z-index:9999; border-radius: 15px;}
.side-menu.open{right: 20px; top: 20px;}
.side-menu h2{margin-top:0;color:#fff}
.side-menu ul {list-style-type: none; text-align: end; line-height:200%; padding: 0;}
.side-menu ul li a {color: var(--black); text-decoration: none; font-size: var(--fs18); transition: all ease 0.5s;}
.side-menu ul li a:hover {color: var(--primaryColor);}

.nav-register-sec {background-color: var(--palePurple); display: block; padding: 5px 15px; border-radius: 15px;}
.overlay{position:fixed; top:0; left:0; width:100%; height:100vh; background:#0006; opacity:0; visibility:hidden; transition:.3s; z-index:100;}
.overlay.show{opacity:1;visibility:visible;}

/*============ Timer ======*/
.syotimer-cell{display: inline-flex; align-items: center; padding: 5px 10px; justify-content: center; color:#fff;}
.syotimer-cell__value{font-size:20px!important; font-weight: 700; text-align:center;}
.syotimer-cell__unit{font-size:15px; font-weight: 300; text-transform:capitalize;text-align:center; margin-left: 5px;}
.syotimer__body p{display:none}

/*================== HOME PAGE ===============*/
/*============ New Banner ===========*/
#navbar.scrolled .header-btn {border-color:#000000;}
#navbar .header-btn {background-color: #ffffff; color: #000000; border-color:#000000;}

.header_box {width: 100%; height: 100vh; display: flex;  align-items: center; justify-content: center; background-image: url("../images/bg/bg8.webp"); background-repeat: no-repeat; background-position: top center; background-size: cover;}
.header_box .smartAI-title img {max-width: 500px; margin-bottom:3%;}
.header_box .smartAI-title .date img, .venue img {margin-right: 10px;}
.header_box .smartAI-title .date, .venue {display: flex; justify-content:flex-start; align-items: flex-start; font-size: var(--fs18); color: var(--white);}
/*============ New Banner END===========*/
.homeSection {background-image: url("../images/bg/bg1.webp"); background-repeat: no-repeat; background-position: center center; height: 100vh; width: 100%; box-sizing: border-box; -webkit-animation: slide 90s linear infinite; overflow: hidden; position: relative;}
@-webkit-keyframes slide {
    from { background-position: 1000 0; }
    to { background-position: 0 -512px; }
}

.dk-view {position: relative; bottom: 0; width: 100%; height: 100vh;z-index:0;}
.dk-view .box {opacity: 0;}
.mb-view {display: none;position: relative; bottom: 0; width: 100%; min-height: 100vh;z-index:1;}
.homeSection .typo, .circle, .building, .bg-pattern {position: absolute; object-fit: cover;}
.homeSection .typo {z-index: 2; bottom: -20%;}
.homeSection .circle {z-index:5; bottom: -20%;}
.homeSection .building {z-index:4; bottom: -20% }
.homeSection .bg-pattern {z-index:6;}
.header-typo-section {position: absolute; bottom: 0;width: 100%; height: auto; z-index:99; padding-bottom: 30px;}
.header-parnerlogo-sphere {max-width: 160px;}
.header-parnerlogo-ces {max-width: 100px;}
.header-btn {text-decoration: none; font-size:var(--fs16); color: var(--white); padding:8px 25px; background-color: transparent; border:1px solid var(--white); margin: 0 5px; border-radius: 5px; text-transform: capitalize; transition: all ease 0.7s;}
.header-btn:hover{background-color: var(--white); color: var(--black);}
/*ABOUT US Section*/
.aboutSection {background-image: url("../images/bg/bg2.webp"); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100vh; width: 100%; padding: 80px 0;  overflow: hidden; justify-content: center; position: relative;}
.aboutimg01, .aboutimg02, .aboutimg03 { max-width:560px; position: absolute;}
.aboutimg01 {top:13%; width: 540px;}
.aboutimg02 {top:45%; right:6%; width:380px;}
.aboutimg03 {bottom:0; left:48%; width: 250px;}



/*AGENDA section*/
#agendaSection {padding: 80px 0; width: 100%; min-height: 100vh; padding: 80px 0; height: auto; overflow: hidden; background-image: url("../images/bg/bg5.webp")!important; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;}
#agendaSection .agenda-box { position: relative; display: flex; align-content: flex-start; color: var(--white); border-bottom: 1px solid var(--primaryColor); padding-bottom: 15px; margin-bottom: 15px;}
#agendaSection .agenda-box .time {padding-right:10%;}
#agendaSection .agenda-box .topic {padding-right:10%; font-size:var(--fs22); font-weight: 700;}
#agendaSection .agenda-box .topic span {display: block; font-size:var(--fs18); font-weight:400; opacity: 0.75;}
#agendaSection .agenda-box .speaker-pics {position: absolute; top: -0.375rem;right: 0; width: auto; display: flex;
    justify-content: space-between; align-items: center;padding: 0.625rem 0 0.625rem 0.625rem; border-bottom-left-radius: 1rem;}
#agendaSection .agenda-box .speaker-pics ul li {width:45px; height:45px;margin-right: 8px;float: left;
    border-radius: 50%; overflow: hidden; border: 1px solid var(--white); position: relative;
    transform: translatey(0); transition: 0.2s ease-in-out;}
#agendaSection .agenda-box .speaker-pics ul li:hover { transform: scale(1.1);}

#agendaSection .agenda-box .speaker-pics ul li img {height:45px;  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); transition: all ease 0.8s;}
#agendaSection .agenda-box .speaker-pics ul li:hover img {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%);}

#agendaSection .agenda-ul {list-style-type: none;}
#agendaSection .agenda-ul .agenda-li {list-style-type: none; border-bottom: 1px solid var(--primaryColor); display: flex; color: var(--white); padding: 10px 0;}
#agendaSection .agenda-ul .left-con {font-size:var(--fs18); font-weight:400; opacity: 0.75;
background-color: rgba(0,0,0,0.4); padding: 10px; display: flex; align-items: center;}
#agendaSection .agenda-ul .right-con {margin-left: 2%; font-size:var(--fs18); font-weight:400; padding:0 10px; height: auto; overflow: hidden;}
#agendaSection .agenda-ul .right-con .inner-box {width: 100%; height: auto; overflow: hidden;}
#agendaSection .agenda-ul .right-con .topic {font-size:var(--fs22); font-weight: 700; display: block;}
#agendaSection .agenda-ul .right-con .speaker {font-size:var(--fs18); font-weight:400; float: left; display: block;}
#agendaSection .agenda-ul .right-con .time {font-size:var(--fs18); font-weight:400; float: left; display: inline-block; opacity: 0.7; margin-right: 15px;}


#agendaSection .inner-box {position: relative;padding: 20px 30px;margin-bottom: 30px; border-top: 4px solid var(--primaryColor); transform: scale(1); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); -webkit-transition: all 500ms ease;transition: all 500ms ease; background-color:rgba(0,0,0,0.2);}
#agendaSection .inner-box:hover {transform: scale(1.01);-webkit-transition: all 500ms ease;transition: all 500ms ease;}

#agendaSection .inner-box .title{color: var(--white);}
#agendaSection .inner-box .topic{color: var(--paleRed); font-size: var(--fs18)}

#agendaSection .inner-box .time {color:var(--black);font-size: 14px;font-weight: 400; line-height: 1; letter-spacing: 0.01em;display: inline-block;position: absolute;right: 30px;background-color:var(--white);padding: 10px; width: 200px;}

#Creators .inner-box .sub-title{color: var(--paleRed); font-size: var(--fs18)}
.consumer-agenda .inner-box .border-btm{border-bottom: 1px solid var(--deepRed); margin-top: 15px;}


#consumer-agenda .nav-link {color: var(--black);font-size: var(--fs18);border: 2px solid transparent;}
#consumer-agenda .nav-link:hover {border-radius: 0;color: var(--deepRed); border-bottom: 2px solid var(--deepRed);}

.consumer-agenda .inner-box {position: relative;padding: 20px 30px;margin-bottom: 30px; border-top: 4px solid var(--primaryColor); transform: scale(1); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); -webkit-transition: all 500ms ease;transition: all 500ms ease; background-color:var(--white);}
.consumer-agenda .inner-box:hover {transform: scale(1.01);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.consumer-agenda .inner-box .title{color: var(--black);}
.consumer-agenda .inner-box .topic{color: var(--black)}
.consumer-agenda .inner-box .time {color:var(--white);font-size: 14px;font-weight: 400; line-height: 1; letter-spacing: 0.01em;display: inline-block;position: absolute;right: 30px;background-color:var(--black);padding: 10px;width: 200px;}
.consumer-agenda .inner-box .sub-title{color: var(--mBlack); font-size: var(--fs18)}


#agendaSection  .nav-link {color: var(--white)!important; font-size: var(--fs18); border: 2px solid transparent}
#agendaSection  .nav-link:hover {border-radius: 0; color: var(--paleRed); border-bottom: 2px solid var(--paleRed)}
#agendaSection  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-radius: 0!important;background-color: var(--black); color: var(--white)!important;}




/*Speaker Section*/
.commercialSection  {background-image: url("../images/bg/bg3.webp"); background-repeat: no-repeat; background-position: center center; background-size: cover; height:auto; width: 100%; padding: 80px 0;  overflow: hidden; justify-content: center; position: relative;}
.commercialSection  .subTitle {}
.speaker-box {position: relative; margin-bottom: 30px;}
.speaker-box .name {font-size: var(--fs20); color: var(--white); margin-top:5px; font-weight: 700;}
.speaker-box .designation {font-size: var(--fs16); color: var(--white);}
.speaker-box .company {font-size: var(--fs13); color: var(--white); position: absolute; top:2px; right:2px; padding:1px 3px; background-color:rgba(78,68,78,0.5);}
.speaker-box-all {text-align: center; justify-content: center; align-items: center; color: var(--white);  border:1px solid var(--white)}
.commercial-all-speakers {border:1px solid var(--white); height: 265px; align-items: center; justify-content: center; color:var(--white); text-align: center; display: flex; cursor: pointer;}
.commercial-all-speakers h2 {font-size: var(--fs20); margin-bottom: 0;}
.commercial-all-speakers p {font-size: var(--fs16); margin-bottom: 0; opacity: 0.7}
.consumerSection {background-image: url("../images/bg/bg4.webp"); background-repeat: no-repeat; background-position: center center; background-size: cover; height:auto; width: 100%; padding: 80px 0;  overflow: hidden; justify-content: center; position: relative;}



/*AI Section*/
.aiSection {background-image: url("../images/bg/bg6.webp"); background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height:100vh; padding: 80px 0; overflow: hidden; position: relative;}
.aiBox {color: var(--white); display: flex; align-items: center; height: 100%;}
.aiBox .bg {background-color: rgba(0,0,0,0.5); backdrop-filter:blur(20px) brightness(100%); padding-bottom: 40px!important;}
.aiBox .bg .title {margin:30px 0; line-height: 110%;}
.aiBox .bg .subTitle {font-size:var(--fs16)}
.aiBox .bg .subTitle-lg {line-height: 150%; font-size:var(--fs20)}
.aiBox .bg .link a {line-height: 150%; font-size:var(--fs20); color: var(--white); margin-top: 30px; display: inline-block}


/*Video Section*/
.f1Section {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.f1Section .video {position: absolute; z-index: 1; width: 100%; height: 100vh; overflow: hidden; object-fit: cover; justify-content: center; align-items: center;}
.f1Section .videoRight {position: relative; z-index: 11; color: var(--white); display: flex; justify-content: center; align-items: center; height: 100%;}
.f1Section .videoRight .bg {background-color: rgba(0,0,0,0.5); backdrop-filter:blur(20px) brightness(100%); padding-bottom: 40px!important;}
.f1Section .videoRight .bg .logo-img {max-width: 200px;}
.f1Section .videoRight .bg .title {margin:30px 0; line-height: 110%;}
.f1Section .videoRight .bg .subTitle {font-size:var(--fs16)}
.f1Section .videoRight .bg .subTitle-lg {line-height: 176%; font-size:var(--fs22)}
.f1Section .videoRight .bg .link a {line-height: 176%; font-size:var(--fs16);}
.f1Section .videoRight .f1Track {background-color: var(--white); padding: 10px; border-radius: 10px; margin: 15px 2px; text-align: center; color: var(--mBlack); width: 110px; justify-content: space-around;}
.f1Section .videoRight .f1Track .number {font-size: var(--fs22);font-weight: 700;}
.f1Section .videoRight .f1Track .text {font-size: var(--fs11); line-height: 100%; font-weight:400}
.f1Section .videoRight .smalltext {font-size: var(--fs11); line-height: 100%; font-weight:400; margin-top:15px; line-height: 110%;}


/*Football Section*/
.footballSection {background-image: url("../images/bg/bg7.webp"); background-repeat: no-repeat; background-position: center center; background-size: cover; height:100vh; width: 100%; padding:80px 0;  overflow: hidden; justify-content: center; align-items: center;}
.footballSection .logo-img {max-width: 220px;}
.footballSection .f1Track {background-color: var(--white); padding: 10px; border-radius: 10px; margin: 15px 2px; text-align: center; color: var(--mBlack); width: 110px; justify-content: space-around;}
.footballSection .f1Track .number {font-size: var(--fs22);font-weight: 700;}
.footballSection .f1Track .text {font-size: var(--fs11); line-height: 100%; font-weight:400}

/*========== Thumbnil BOX CES 2026 ==============*/
.snip1493 { position:relative;overflow:hidden; width:100%;background-color:var(--white);color:#000; text-align:left;font-size:16px;box-shadow:0 0 5px rgba(0,0,0,0.15); transition:all .5s ease }
.snip1493:hover {margin-top: -5px;}
.snip1493 *{-webkit-box-sizing:border-box;box-sizing:border-box}
.snip1493:after{position:absolute;top:12px;left:0;width:0;height:0;border-style:solid;border-width:25px 0 25px 25px;border-color:transparent transparent transparent var(--primaryColor);content:'';-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .3s ease;transition:all .3s ease}
.snip1493 img{max-width:100%;vertical-align:top;position:relative}
.snip1493 figcaption{padding:20px 20px 30px;background-color:var(--white); height: auto;}
.snip1493 .date{background-color:var(--primaryColor);top:15px;color:var(--white);right:15px;min-height:60px;min-width:60px;position:absolute;text-align:center;font-size:18px;font-weight:700;text-transform:uppercase; padding:10px 0}
.snip1493 .date span{display:block;line-height:14px}
.snip1493 .date .month{font-size:11px}
.snip1493 h3,.snip1493 p{margin:0;padding:0}
.snip1493 h3{margin-bottom:10px;display:inline-block;font-weight:700; font-size: var(--fs20)}
.snip1493 h4{margin-bottom:10px;display:inline-block;font-weight:600; font-size: var(--fs18);}
.snip1493 p{font-size:var(--fs16); margin-bottom:20px; line-height:22px;}
.snip1493 footer{padding:0 25px;color:#999;font-size:.8em;line-height:50px;text-align:left;position:absolute;bottom:0;left:0;width:100%}
.snip1493 footer > div{display:inline-block;margin-right:15px}
.snip1493 footer i{margin-right:5px;font-size:1.2em}
.snip1493 a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}
.snip1493:hover:after,.snip1493.hover:after{-webkit-transform:translateX(0%);transform:translateX(0%)}
/*========= Thumbnil BOX CES 2026 END ==============*/
 
/*CES Section*/
#cesSection {background-image: url("../images/bg/bg4.webp"); background-repeat: no-repeat; background-position: center center; background-size: cover; min-height:100vh; width: 100%; padding:80px 0;  overflow: hidden; justify-content: center; align-items: center;}
#cesSection .snip1493 figcaption { height: 240px;} 


/*Registration Form*/
.registrationHeader {background-image: url(../images/bg/bg4.webp);background-repeat: no-repeat;background-position: center center;background-size: cover; height:auto;width: 100%; padding:160px 0 80px 0; overflow: hidden;justify-content: center; position: relative;}
.registrationSection {background-image: url(../images/bg/bg2.webp);background-repeat: no-repeat;background-position: center center;background-size: cover; height:auto;width: 100%; padding:30px 0 80px 0; overflow: hidden;justify-content: center; position: relative;}
.col-form-label {color: var(--white)}
.iti placeholder {opacity: 0.4!important;}
/*====== Footer ==========*/
#footer-con {background-color: var(--black); padding-top: 50px; padding-bottom: 50px;}
#footer-con p {color: var(--white); font-size: var(--fs16);}
#footer-con .footer-logo {margin: 0 0 30px 0;}
#footer-con .footer-logo img {max-width:130px; margin-bottom: 20px;}
#footer-con .footer-logo ul { margin-bottom: 20px; font-weight:400}
#footer-con .footer-logo ul li a{ margin-bottom: 20px; font-weight:400}
#footer-con .footer-title {color: var(--white); font-size:var(--fs22); font-weight: 700; margin-bottom: 30px;}
#footer-con .photo-list {list-style-type: none;  float: left; padding: 0; color: var(--white);}
#footer-con .photo-list li {list-style-type: none; color:var(--white);  float: left;  margin-right: 10px; margin-bottom: 10px;}
#footer-con .photo {width: 80px; height: 80px; background-color:var(--white);}
#footer-con .footer-links {list-style-type: none;  float: left; padding: 0;} 
#footer-con .footer-links li {list-style-type: none;  float: left;  color:var(--white); margin-right: 10px; margin-bottom: 10px; font-size:var(--fs16);}

#footer-con .footer-links li a {color:var(--white); text-decoration: none!important; font-weight:400; transition: all ease 0.5s;}
#footer-con .footer-links li a:hover {opacity: 0.7; border-bottom: 1px solid var(--paleRed);}
#footer-con .footer-social {list-style-type: none; padding:0;}
#footer-con .footer-social li {float: left; margin-right:20px; margin-bottom: 15px;}
#footer-con .footer-social li img {width: 40px; height: 40px;}
#footer-con .footer-social li a {width: 30px; height: 30px; text-align: center; padding-top: 8px; font-size:22px; color: var(--white);  transition: all ease 0.5s;}
#footer-con .copywrite {text-align: center; border-top:1px solid var(--deepGray); padding-top: 20px; color: var(--white); font-size: var(--fs16)}


/*=========== Footer Concent ===========*/
.freeprivacypolicy-com---palette-light.freeprivacypolicy-com---nb {background-color: rgba(135,28,35, 0.9)!important; color: #ffffff!important; border-top-left-radius:15px!important;  border: 1px solid var(--black)!important;}
.freeprivacypolicy-com---nb .cc-nb-main-container {padding:15px!important;}
.freeprivacypolicy-com---palette-light .cc-nb-title {color: var(--paleRed)!important;}
.freeprivacypolicy-com---palette-light .cc-nb-text {color: var(--white)!important; font-size:(--fs13)!important; line-height: 110%;}