@media only screen and (min-width: 320px) and (max-width: 768px) { .logo { flex: 0 0 auto; width: 80%; } .staticlogo{ display: none; } .fixedlogo { display: block; } .cta3-text { font-size: calc(var(--h) * 0.42); } .cta3-circle svg { width: calc(var(--h) * 0.55); height: calc(var(--h) * 0.55); } .cta-text { font-size: calc(var(--h) * 0.525); } .cta-circle svg { width: calc(var(--h) * 0.48); height: calc(var(--h) * 0.48); } .cta-wrap { --h: clamp(30px, 12px, 20px); } .cta-btn2{ min-width: calc(var(--h) * 5.5); } .owl-next { right: -6%; } .owl-prev { left: -6%; } p { font-size: 10px; line-height: 12px; } .dropdown-btn26new{ min-width: 100px; height: 25px; font-size: 12px; line-height: 14px; padding: 8px 15px 8px 15px; } .white-btn02{ min-width: 100px; height: 25px; font-size: 12px; line-height: 14px; padding: 8px 15px 8px 15px; } .socialSticky ul li a { width: 15px; height: 15px; font-size: 10px; } .socialSticky{ width: 29px; } .inner-main-btns{ display: none !important; } .smalltext { font-size: 12px; line-height: 14px; } .heroCircle { top: 100%; bottom: unset; opacity: 0.4; width: 100%; left: 50%; } .heroSection{ padding: 0px 0px 0px 0px; height: 100%; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; } .herotagline{ padding-top: 0px; padding-bottom: 0; z-index: 999; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 77%; } .globalpartnlogov343 { position: relative; right: 0; margin-top: 0; width: 92%; gap: 20px; margin: 0 auto; padding-bottom: 5%; } .heropartner-block { padding: 10px 0px; width: 50%; } .heropartner-block p { font-size: 10px; line-height: 13px; margin-bottom: 5px; font-weight: 400; } .heroinnerouter{ position: relative; height: 90vh; display: flex; align-items: center; justify-content: center; flex-direction: column; } img.dgelogohost { width: 180px; } #ticker_slider { height: 25px; } .news-ticker-slide h3{ font-size: 14px; line-height: 14px; } .news-ticker-slide{ text-align: center; } .connect_sec.news-sec{ padding: 0px 0px 20px 0; bottom: 0; background: #fff !important; } div#ticker_slider p{ line-height: 12px; font-size: 10px; } div#ticker_slider:before{ display: none; } .herotagline h3 { font-size: 20px; line-height: 23px; } .herotagline h2 { font-size: 35px; line-height: 100%; overflow: unset; } .subtaglineText22 { width: 100%; left: 0; bottom: 0; text-align: center; z-index: 99; position: relative; padding: 30px 0px; margin: 0 auto; } .subtaglineText22 p{ text-align: center; font-size: 15px; line-height: 18px; } img.solutionsGlobal { width: 100px; } .heroBTNRG { bottom: 0; right: 0; width: 100%; text-align: center; position: relative; } .count-wrapper h4 { font-size: 25px; line-height: 28px !important; padding-bottom: 10px; } .stat-box{ padding: 10px 10px 20px 10px; background: #ccff00; clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 80%); /* transform: translateY(100%); */ width: 100%; } .stat-item { position: relative; width: 33%; gap: 0; display: flex; justify-content: center; margin-bottom: 10px; margin-bottom: 30px; } .statsWrap .row.mt-5{ margin-top: 1rem !important; } .sectionheading{ padding-bottom: 20px; } .sectionheading h2 { font-size: 20px; line-height: 25px; } .stat-box p{ padding-top: 0; margin: 0 auto; width: 100%; color: #000; } .sponsors-logo{ margin-top: 10px; } .sponsors-logo figure { height: 50px; align-items: center; min-height: 70px; max-width: 90px; } .hostpartnerLogo { max-width: 100px !important; } .sponsors-logo p { font-size: 10px; margin: 0; line-height: 14px; padding-bottom: 20px; } .logorowwidth { width: 90%; } .sponsors-logo figure img.dmclogo { max-height: 32%; } .sponsorsWraper:before{ right: -34%; width: 250px; } .summitGreenBox { margin-top: 20px; width: 100%; padding: 20px; } .green-box-image { top: 0; width: 100%; right: 0; height: 80%; position: relative; } .green-box-image figure img { height: 100%; width: 100%; } .summitGreenBox h3 { font-size: 20px; margin-bottom: 20px; } .summitGreenBox h4 { font-size: 16px; } .summitGreenBox p { line-height: normal; margin-top: 10px; font-size: 11px; } .exponationWrap .text-center.pt-5{ padding-top: 2rem !important; } .exporightWrap { background: #00ffff; } .blue-box-image { position: relative; top: 0; width: 100%; right: 0; z-index: 999; } .page-bg::before{ top:0; } .expoblueBox { padding: 20px; width: 100%; margin-top: 20px; margin-left: 0%; padding-top: 0; padding-bottom: 20px; } .expoblueBox h3 { font-size: 25px; line-height: 30px; } .expoblueBox h4 { font-size: 16px; line-height: 18px; } .expoblueBox p{ padding-left: 11px; font-size: 11px; } .expotextinline{ gap: 10px; padding-bottom: 5px; padding-top: 20px; } .bluebox-arrow { bottom: unset; right: -15px; top: -50%; transform: rotate(279deg); } .summitLeftWrap{ position: relative; background: rgb(201, 255, 0); margin-bottom: 20px; } .greenbox-arrow img,.bluebox-arrow img { width: 23%; } .greenbox-arrow { top: 15px; right: -40px; } .green-box-image:before, .green-box-image figure img{ clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0 0); } .border-right::before{ display: none; } .summitLeftTEXTITEM { position: relative; width: 50%; } .summitLeftTEXTITEM h2 { font-size: 17px; line-height: 21px; padding-bottom: 10px; } .summitLeftTEXTITEM h3 { font-size: 13px; line-height: 17px; padding-bottom: 10px; padding-top: 10px; } .summitLeftTEXTITEM .text-left.pt-5{ padding-top: 1rem !important; } .dayssubtagItem12 h3{ font-size: 13px; line-height: 17px; } .aieverythingDay12Wrap p { width: 100%; padding-top: 10px; } .aieverythingDay12Wrap .text-center.pt-5.pb-4{ padding-top: 1.2rem !important; } .aieverythingDay12Wrap.text-center.pt-5.pb-4{ padding-top: 1.5rem !important; } .read-more-btn{ font-size: 0.4rem; bottom: -10px; padding: 3px 10px; } .sector-logo{ border-right: none; } .col-md-3.col-sm-6.m-0.p-0.mb-4 { width: 24.4%; margin-bottom: 40px !important; } .sector-logo figure { width: 65%; margin-bottom: 20px; } .caiosContentBox p { color: #fff; font-size: 12px; line-height: 14px; text-align: center; padding: 20px 20px; } .caioItem01 { width: 120px; height: 120px; } .caioItem01 h3 { font-size: 20px; line-height: 22px; padding-bottom: 5px; } .caioItem01 p { font-size: 12px !important; padding-top: 13px !important; padding-top: 0px !important; padding: 0; } .caiosContentBox h2{ font-size: 20px; text-align: center; } .inlinebtn76 { display: flex; gap: 20px; width: 100%; margin-top: 10px; align-items: center; justify-content: center; } .speakcountryTag{ padding: 10px 4px; left: 5px; } .speakcountryTag p { font-size: 10px; line-height: 14px; } .speakers26Item figure{ height: 55vw; } .speakers26Item .speakerItemInfo h4.speakerName, .speakers26Item .speakerItemInfo p.speakerDesg, .speakers26Item .speakerItemInfo h3.speakerCompany, .speakers26Item .speakerItemInfo p.speakercountry{ font-size: 10px; line-height: 12px; } .speakers26Item .speakerItemInfo h4.speakerName { padding-top: 10px; padding-bottom: 5px; } .speakers26Item .speakerItemInfo p.speakerDesg { padding-bottom: 5px; } .speakers26Item .speakerItemInfo h3.speakerCompany { padding-bottom: 5px; } .speakers26Item .speakerItemInfo{ margin-top: -10px; padding-left: 9px; } #speakerswiper .swiper-button-prev, #speakerswiper .swiper-button-next { width: 25px; height: 25px; } #speakerswiper .swiper-button-prev::after, #speakerswiper .swiper-button-next::after{ font-size: 12px; } .aistartxWraper { padding: 30px 0px; padding-bottom: 0; } .formonileimg{ display: block; width: 100% !important; margin: 0 auto !important; margin-top: -23% !important; transform: scale(1.2); } .startxbgimage{ background: none !important; } .aistartxWraper figure{ width: 48%; /* margin: 0 auto; */ margin-bottom: 20px; margin-top: -20%; } .aistartxWraper h2{ font-size: 24px; text-align: center; } .count-wrapper .signs { font-size: 25px !important; line-height: 25px !important; } .stats-line{ display: none; } .statsWrap .stat-item::before{ display: none; } .stat-item::before{ width: 8px; height: 8px; top: -5%; animation: none; box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.18); } .aistartxWraper .stat-box{ background: transparent; } .tooltiptext{ padding: 10px; width: 143px; font-size: 9px; z-index: 999; } .tooltiptext::after { content: ""; position: absolute; bottom: 98%; left: 40%; margin-left: -10px; border-width: 12px; border-style: solid; border-color: transparent transparent #c9ff00 transparent; transform: rotate(181deg); } section.sector_sec:before{ top: -20%; } .supernovaBox .innerImg { width: 100%; padding: 5px; border-radius: 20px; } .supernovaBox .outline{ display: none; } .SupernovacontentH{ top: 0; position: relative; width: 100%; padding: 30px; text-align: center; left: 0; background-image: url(../images/supernovashape.png); background-size: 100% 100%; height: 100%; /* margin-bottom: 40px; */ padding-bottom: 29px; background-repeat: no-repeat; } .SupernovacontentH h2 { font-size: 20px; line-height: 22px; padding-bottom: 5px; } .SupernovacontentH p { font-size: 10px; line-height: 12px; } .inveatorContentH { position: relative; width: 51%; margin-left: 51%; } .inveatorContentH h2 { font-size: 18px; line-height: 22px; padding-bottom: 20px; width: 100%; } .inveatorContentH p { font-size: 10px; line-height: 12px; color: #fff; } .cta3-wrap { --h: clamp(30px, 2vw, 60px); } .inveatorContentH .text-left.pt-5{ padding-top: 1.5rem !important; } .investorsLogoWrap:before{ display:none; } .investorLogoStrip{ } .partnersWraperFull{ position: relative; padding: 20px 0px; } .partnersWraperFull .col-md-3.col-lg-3 { flex: 0 0 auto; width: 25%; margin-bottom: 10px !important; } .logoWrap26 .innerlogoItem img { width: 100%; height: 60px; object-fit: contain; } .logoWrap26 .innerlogoItem { height: 70px; } #logoSwiper .logoWrap26 .innerlogoItem { height: 70px; padding: 0; } .logoWrap26 { padding: 10px 0px 10px 0px !important; width: 100%; } .press-content p{ font-size: 14px; line-height: 18px; text-align: center; padding-top: 5px; } .homenewsWraper .arrow-btn{ right: -4px; } .testimonnialWraperNEW { position: relative; z-index: 1; padding: 30px 0px 0px 0px !important; } .testimonnialWraperNEW .bg-heading { font-size: 12px; margin-top: 10px !important; } .testimonnialWraperNEW .single{ padding: 50px 30px 10px 30px !important; } .testimonnialWraperNEW .swiper22 .swiper-slide .single p{ font-size: 16px; line-height: 18px; } .leader-details figure img{ width: 50px; height: 50px; } .leader-details h3.leader-name{ font-size: 12px; line-height: 14px; padding-bottom: 4px; } .leader-details p.leader-designation{ font-size: 12px; line-height: 14px; } .leader-details p.leader-designation span { font-size: 16px; line-height: 18px; } .testimonnialWraperNEW .carousel{ padding-top: 20px; padding-bottom: 20px; } .testimonnialWraperNEW .circlebr01{ display: none; } footer.mainfooter { background-size: cover; background-position: top left; padding-top: 0px; /* adjust so curve shows nicely */ } .FooterLogo{ width: 100%; } .FooterInnerWrapper{ padding-top: 100px; padding-left: 30px; } .three-col-space { padding-top: 0; } .footerTimeText { margin-top: 10px; } .footer-social { margin-top: 10px; margin-bottom: 30px; } .FooterMenu h4{ font-size: 11px; } .footer-btn-space { padding-top: 30px; } .mainfooter .ctabutton01 .redbutton01{ font-size: 12px; } .footer-bottom{ padding: 0; font-size: 10px; line-height: 12px; } ul.quiklinks li { font-size: 11px; line-height: 15px; } .quiklinks li a { color: #FFFFFF !important; font-weight: 400; } .designedby { padding-top: 20px; } .investorLogoStrip { display: flex; align-items: center; justify-content: center; gap: 20px; width: 100%; margin: 0 auto; flex-wrap: wrap; padding: 0vw 0px 40px 0; position: relative; } .investorLogoStrip figure { flex: 0 0 27%; text-align: center; } .investorLogoStrip img { height: auto !important; } .timelineWraper h2{ font-size: 21px; color: #fff; line-height: 25px; padding-left: 54%; } .testimonnialWraperNEW .swiper-pagination{ display: none;; } .dayTabWrapper{ min-height: 100%; margin-left: 50%; } .dayTabContentArea { position: relative; padding-top: 10px; width: 91%; padding-left: 20px; } .dayTabContentArea p{ font-size: 9px; line-height: 11px; } .investorbackImg{ top: 23px; height: 256px; } .InnerShowLogoBox a.p-3{ padding: 5px !important; } .swiper-button-next .swiper-button-next{ right: -10px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .speakcountryTag { z-index: 9999; } .speakersWraper figure, .speakersWraper .swiper-slide { overflow: visible !important; } .speakcountryTag { left: 0px; padding: 10px 7px; } .speakcountryTag p { font-size: 10px; line-height: 0.2; /* 👈 relative, not fixed */ } .speakers26Item .speakerItemInfo { margin-top: -20%; } } /* ================= MOBILE RESPONSIVE ================= */ @media (max-width: 768px) { .timelineWraper { min-height: auto; padding: 40px 0; background: #0136bc; } .timelineWraper:after { height: 80px; bottom: 0; background-size: cover; background: none; } /* ROBOT IMAGE FIX */ .robotsLEftInmg { position: relative; left: 0; bottom: 0; text-align: center; margin-bottom: 20px; } .robotsLEftInmg figure { width: 100%; margin: 0 auto; position: relative; margin-left: -20px; } /* HEADING */ .timelineWraper h2 { font-size: 30px; line-height: 34px; width: 100%; padding: 0 15px; text-align: center; margin-top: -10%; padding-bottom: 20px; } /* CONTENT AREA */ .dayTabContentArea { width: 100%; padding: 20px 15px; text-align: center; } .dayTabContentArea span { font-size: 12px; padding: 4px 15px; } .dayTabContentArea h3 { font-size: 20px; line-height: 26px; } .dayTabContentArea p { font-size: 14px; line-height: 20px; } /* TIMELINE WRAPPER */ .abutimeline { position: relative; flex-wrap: wrap; justify-content: center; gap: 15px; margin-top: 10px; padding: 20px 10px; bottom: auto; } .abutimeline:before { display: none; /* remove blur bg on mobile */ } .abutimeline-line { display: none; /* remove horizontal line */ } /* TIMELINE ITEMS GRID */ .abutimeline-item { width: 47%; text-align: center; } /* ICON */ .abutimeline-item .icon { width: 50px; height: 50px; margin: 0 auto 10px; } /* TEXT */ .abutimeline-item h4 { font-size: 14px; } .abutimeline-item p { font-size: 12px; line-height: 18px; } /* CONTENT ANIMATION FIX */ .dayTabWrapper { min-height: auto; margin-left: 0; } .dayTabContentArea { position: relative !important; opacity: 1 !important; transform: none !important; } .robotsLEftInmg figure:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 200%; height: 30%; background: linear-gradient(to bottom, rgba(0, 102, 204, 0) 0%, #013cc0 100%); pointer-events: none; } .press-card{ margin: 10px; } } .desktopstyle{ display: block; } .mobileStyle{ display: none; } @media only screen and (min-width: 320px) and (max-width: 768px) { .logo { flex: 0 0 auto; width: 90%; padding-left: 0; } .mobileHeader.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; background: #fff; /* important */ box-shadow: 0 4px 15px rgba(0,0,0,0.08); } html { scroll-behavior: smooth; } .desktopstyle{ display: none; } .mobileStyle{ display: block; } .headerinner-mb{ display: flex; align-items: center; } .stripmenu div{ background: rgb(9 9 9); } .mobileHeader{ height: 70px; display: flex; align-items: center; justify-content: center; } #menu-wrapper #hamburger-menu { padding: 5px; position: relative; color: #000000; font-weight: 500; letter-spacing: 0.05rem; /* border: #000 solid 1px; */ margin-left: 30px; /* background: #c9ff00; */ width: 50px; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; padding-top: 12px; margin: 0; margin-left: 0px; } .stripmenu div:first-child { width: 90%; } .stripmenu div { width: 24px; height: 3px; margin: 0; background: rgb(20 20 20); transition: 0.55s cubic-bezier(0.075, 0.82, 0.165, 1); border-radius: 2px; margin-bottom: 6px; } .stripmenu div:last-child { width: 32px; } .heroInnerText{ background-size: cover; height: 400px; background-repeat: no-repeat; display: flex; align-items: start; justify-content: center; flex-direction: column; position: relative; z-index: 99; overflow: hidden; padding: 70px 0px; } .heroInnerText:before{ background-repeat: no-repeat; background-image: url(../images/Hero-Asset.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-size: cover; opacity: 0.3; z-index: -1; } .heroInnerText:before{ background-image: url(../images/Hero-Asset.png); animation: softMove 10s ease-in-out infinite; transform-origin: center; } @keyframes softMove { 0% { transform: scale(1) rotate(0deg); } 25% { transform: scale(1.03) rotate(1deg); } 50% { transform: scale(1.06) rotate(0deg); } 75% { transform: scale(1.03) rotate(-1deg); } 100% { transform: scale(1) rotate(0deg); } } .cta-text { font-size: calc(var(--h) * 0.525); } .cta3-text { font-size: calc(var(--h) * 0.52); } .heroInnerText h3{ color: #fff; font-size: 20px; line-height: 22px; } .heroInnerText h2{ color: #fff; font-size: 36px; line-height: 49px; } .heroInnerText p{ color: #fff; font-size: 15px; line-height: 18px; font-weight: 600; } .heroInnerText .cta-wrap{ margin-top: 20px; margin-bottom: 20px; } .aied-colocated figure.gqxlogoco { width:140px !important; } .inlineLogo22 { gap: 30px; } .aied-colocated figure { width: 150px !important; margin-top: 1.2vw; margin-left: 0; } .aied-colocated p { font-size: 10px !important; line-height: 11px; } .aied-colocated { width: 55%; margin-top: 30px; } .globalpartnlogov343 { position: relative; right: 0; margin-top: 0; width: 92%; gap: 20px; margin: 0 auto; padding-bottom: 1%; } .heropartner-block { padding: 10px 0px; width: 50%; } .heropartner-block p { font-size: 10px; line-height: 13px; margin-bottom: 5px; font-weight: 400; } img.dgelogohost { width: 200px; } img.solutionsGlobal { width: 100px; } .stripmove0 { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-animation: moveStrips 120s linear infinite; animation: moveStrips 120s linear infinite; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .525rem 0; background: linear-gradient(to left, #c9ff00, #c9ff00); } .stripmove0 p { font-size: 10px; line-height: 12px; text-transform: capitalize; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1rem; padding-right: 1rem; color: #000!important; -webkit-text-stroke: 0; white-space: nowrap; margin: 0; border-right: 3px solid #000; } @-webkit-keyframes moveStrips { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%) } } @keyframes moveStrips { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%) } } .mobilenewsstrip{ position: relative; } .mobilenewsstrip h2{ color: #000; color: #fff; font-size: 13px; display: inline-block; background: #000; /* clip-path: polygon(0 0, 100% 0, 20% 100%, 0% 100%, 0 80%); */ padding: 5px 20px 5px 10px; clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%); } .statsWrap { padding: 30px 0; } .mobilestats .uk-position-center-left, .mobilestats .uk-position-center-right { display: none; } .uk-position-center-left{ left: -30px; } .uk-position-center-right { right: -30px; } .stat-box{ clip-path: none; } .count-wrapper .signs{ line-height: 28px !important; padding-bottom: 10px; } .count-wrapper h4{ font-size: 40px; line-height: 45px !important; } .mobilestats { padding: 30px 0px; } .mobileStyle .sectionheading, .sectionheading { padding-bottom: 20px; width: 100%; } .mobileStyle .sectionheading h2, .sectionheading h2 { font-size: 32px; line-height: 38px; } .gsap-slider { overflow: hidden; width: 100%; } .gsap-track { display: flex; } .slide { flex: 0 0 50%; /* 👉 2 items visible */ padding: 10px; box-sizing: border-box; } .gsap-track { cursor: grab; } .gsap-track:active { cursor: grabbing; } .fade-slider { position: relative; overflow: hidden; } /* 👇 THIS FIXES HEIGHT */ .fade-group.active { position: relative; /* 👈key trick */ } .fade-group { position: absolute; inset: 0; display: flex; opacity: 0; pointer-events: none; transition: opacity 0.6s ease; z-index: 1; } .fade-group.active { opacity: 1; pointer-events: auto; z-index: 2; } .fade-item { flex: 0 0 50%; padding: 10px; } .sponsors-logo figure { height: 65px; } .hostpartnerLogo { max-width: 150px !important; } .sponsors-logo figure { /* height: 50px; */ align-items: center; /* min-height: 70px; */ max-width: 130px; } .fade-slider { position: relative; overflow: hidden; } .fade-group { position: absolute; inset: 0; display: flex; opacity: 0; transform: translateY(40px); /* 👇 start from bottom */ z-index: 1; } .fade-group.active { position: relative; /* keeps height */ opacity: 1; transform: translateY(0); z-index: 2; } .fade-item { flex: 0 0 50%; padding: 10px; } .sponsors-logo figure img { max-height: 100px; } .sponsors-logo p{ font-weight: 600; } .exponationWrap.mobileStyle { background-size: cover; background-position: left; padding-top: 50px; padding-bottom: 50px; } .aipowerGreenbox{ position: relative; background: rgb(201, 255, 0); border-radius: 20px; margin-bottom: 20px; } .aipowerGreenbox figure, .aipowerbluebox figure { background-size: cover; background-position: center; background-repeat: no-repeat; height: 150px; width: 100%; border-radius: 20px; } .aipowerbluebox{ position: relative; background: #00ffff; border-radius: 20px; } .aipoweringobox{ padding: 30px 30px; } .aipoweringobox h4{ font-size: 20px; line-height: 29px; } .aipoweringobox h3{ font-size: 30px; line-height: 36px; padding-bottom: 5px; border-bottom: #2c2a2a2b solid 1px; margin-bottom: 10px; } .aipoweringobox p{ font-size: 16px; line-height: 17px; } .sponsors-logo figure img.dmclogo { max-height: 50%; } .summitDay0Mobile{ background: linear-gradient(142deg, #caff1acc 0%, #f7fbea 35%, #ffffff 60%, #ffffff 100%); } .day0innersummit{ position: relative; padding: 50px 0px; text-align: center; } .day0innersummit h2{ text-align: center; font-size: 30px; line-height: 35px; padding-bottom: 10px; } .day0innersummit h2 span{ background: linear-gradient(to right, #03bdd6, #0041b9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .day0innersummit h3{ font-size: 20px; line-height: 25px; padding-bottom: 10px; } .day0innersummit p{ font-size: 16px; line-height: 17px; padding-bottom: 20px; } .day0innersummit figure { background-size: cover; background-position: bottom center; background-repeat: no-repeat; height: 200px; border-radius: 20px; margin-top: 20px; } .aieDay12mobile{ position: relative; background-image: url(../images/AbuDhabi-text.png?v=1.3); background-size: 100%; background-repeat: no-repeat; z-index: 99; } .aieDay12mobile:before { content: ''; background-image: url(../images/everything-overlay.png); position: absolute; width: 100%; height: 25vw; top: 0; z-index: -1; background-position: center; background-size: cover; } .day12statsmb { display: flex; align-items: center; justify-content: center; padding: 20px 0px; background: #ffffff; box-shadow: aqua; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); border: #f0f0f0 solid 1px; margin-bottom: 20px; } .day12statsmb p{ font-size: 16px; line-height: 20px; padding-bottom: 20px; text-align: left; padding-left: 20px; padding-right: 10px; } .day0innersummit h4{ font-size: 14px; width: 45%; border-right: #000 solid 1px; } .day0innersummit h4 span{ font-size: 25px; color: #0090cc; } .sectorsmobile{ position: relative; z-index: 99; padding: 50px 0px; /* padding-top: 0; */ background-size: cover; background-position: center; z-index: 99; } .sectorsmobile:before { background-image: url(../images/headline-bg.png); background-size: 38%; background-repeat: no-repeat; /* background-position: 115% -50%; */ position: absolute; z-index: -1; left: -20%; bottom: -16px; content: ''; width: 200px; background-size: cover; background-position: top; height: 200px; background-repeat: no-repeat; } .sector-logo figure { width: 80%; padding: 30px 0px; margin: 0; } .sector-logo{ height: 100%; border:#fff solid 1px; border-radius: 20px; position: relative; } .logow-80 { width: 100% !important; } .read-more-btn{ font-size: 11px; padding: 5px 15px; position: absolute; bottom: -5%; left: 25%; } .headline-sponsors:before{ display: none; } .headline-sponsors { position: relative; z-index: 9999; padding: 50px 0px; padding-bottom: 0; } .InnerShowLogoBox a img { height: 100%; width: 100%; object-fit: contain; box-shadow: 0 4px 1.25rem -8px #0000003d; padding: 10px 10px; } .speakers26Item .speakerItemInfo{ text-align: center; } .speakers26Item .speakerItemInfo h4.speakerName{ font-size: 12px; line-height: 14px; } .speakers26Item .speakerItemInfo p.speakerDesg{ font-size: 11px; line-height: 12px; } .speakers26Item .speakerItemInfo h3.speakerCompany{ font-size: 13px; line-height: 16px; } .speakersWraper { position: relative; padding: 50px 0px; } .speakersWraper .swiper{ overflow: unset; } .swiper-button-next{ right:-10px; } .swiper-button-prev{ left:-10px; } .caiosWrapnew{ position: relative; padding: 50px 0px; z-index: 99; } .caiosWrapnew:before{ content: ''; position: absolute; top:0; left: 0; width: 100%; height: 100%; background-image: url(../images/caiobg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1; } .caiosWrapnew:after{ position: absolute; top: 0; left: 0; background: #000000; background: rgba(0, 0, 0, 1); opacity: 0.35; width: 100%; height: 100%; content: ''; z-index: 2; } .caiosWrapInner:after{ display: none; } .caiosWrapInner{ padding: 0; width: 100%; } .caiosWrapInner:before{ display: none; } .caiosContentBox h2{ font-size: 29px; line-height: 38px; padding-bottom: 20px; } .caiosContentBox p { color: #fff; font-size: 14px; line-height: 19px; text-align: center; padding: 20px 0px; width: 100%; } .aistartxWrapermb { position: relative; padding: 50px 0px; } .aistartxWrapermb figure.starxlogom{ text-align: center; margin: 0 auto; width: 50%; padding-bottom: 30px; } .aistartxWrapermb h2{ font-size: 30px; line-height: 36px; padding-bottom: 20px; text-align: center; margin: 0 auto; color: #C9FF00; text-transform: uppercase; } .stat-box p{ font-size: 12px; line-height: 14px; } .page-bg::before{ background-position: left; } .starximgmb{ position: relative; /* height: 250px; */ border-radius: 20px; background-size: cover !important; background-position: center ! Important; width: 100%; background-repeat: no-repeat; padding: 20px; height: 200px; } .supernovaWramb{ position: relative; padding: 50px 0px; } .supernovaWramb h2{ font-size: 30px; line-height: 36px; padding-bottom: 20px; text-align: center; margin: 0 auto; color: #fff; text-transform: uppercase; font-weight: 900; } .supernovaWramb p{ color: #fff; font-size: 14px; line-height: 19px; text-align: center; padding-bottom: 30px; } .supernovaWramb figure{ position: relative; /* height: 250px; */ border-radius: 20px; background-size: cover !important; background-position: center ! Important; width: 100%; background-repeat: no-repeat; padding: 20px; height: 200px; margin-bottom: 40px; } .investorwrapmB{ padding: 50px 0px; position: relative; } .investorwrapmB h2{ font-size: 30px; line-height: 36px; padding-bottom: 20px; text-align: center; margin: 0 auto; color: #fff; text-transform: uppercase; font-weight: 900; } .investorwrapmB p{ color: #fff; font-size: 14px; line-height: 19px; text-align: center; padding-bottom: 30px; } .investorwrapmB figure{ position: relative; /* height: 250px; */ border-radius: 20px; background-size: cover !important; background-position: center ! Important; width: 100%; background-repeat: no-repeat; padding: 20px; height: 200px; margin-bottom: 40px; } .investorelogomb{ padding-top: 30px; } .invetmb-logo { height: 100%; border: #fff solid 1px; border-radius: 20px; position: relative; display: flex; align-items: center; justify-self: center; padding: 10px 10px; width: 100%; height: 90px; } .caiosContentBox .caioItem01 p{ padding-bottom: 0; } .invetmb-logo img{ text-align: center; margin: 0 auto; } .homenewsWraper{ padding: 50px 0px; } .mbb-0{ margin: 0; } .robotsLEftInmg figure { width: 100%; margin-left: 0; } .timelineWraper h2{ margin-top: -35%; padding-bottom: 20px; } .gsap-slider-single{ overflow: hidden; width: 100%; position: relative; } .gsap-slider-single .gsap-track{ display: flex; will-change: transform; } .gsap-slider-single .slide{ min-width: 100%; flex-shrink: 0; } .dayTabContentAreaMB{ text-align: center; margin: 0 auto; } .dayTabContentAreaMB span{ font-size: 16px; padding: 4px 15px; color: rgb(0, 0, 0); font-weight: 600; background: rgb(201, 255, 0); border-radius: 25px; } .dayTabContentAreaMB h3{ margin-top: 30px; font-size: 20px; line-height: 25px; padding: 4px 15px; position: relative; color: #fff; text-transform: uppercase; } .dayTabContentAreaMB p { font-size: 14px; line-height: 20px; color: #fff; } .abutimeline{ display: none; } .innerlogoItem{ height: 80px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 14px; padding: 10px; transition: all .4s ease; } .innerlogoItem img{ max-width: 100%; max-height: 50px; object-fit: contain; } .partnersWraperFull{ padding: 50px 0px; padding-top: 0; } .speakersWraper .sectionheading span { font-size: unset; line-height: unset; } .speakersWraper .sectionheading h2 { font-size: unset; line-height: unset; font-size: 32px!important; line-height: 38px!important; } .partnersWraperFull .swiper-grid>.swiper-wrapper{ padding: 20px 0px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .caiosContentBox h2 { font-size: 20px; line-height: 31px; padding-bottom: 20px; text-align: left; } .caiosContentBox p { font-size: 16px; line-height: 23px; padding-top: 0; } .card-slider .slick-track { display: flex; align-items: stretch; will-change: transform; } .caioStats { position: relative; display: block; gap: 0; align-items: center; justify-content: center; padding: 0; } .slick-list { overflow: hidden; } .card-slider .slick-track { display: flex; align-items: stretch; will-change: transform; } .card-slider .m-card { margin: 0 auto; text-align: center; } .dayTabContentAreaMB { text-align: left; } .dayTabContentAreaMB .icon { width: 40px; height: 40px; /* margin: 0 auto 15px; */ background: #fff; border-radius: 50%; display: flex; align-items: start; justify-content: start; transition: 0.3s; margin-top: 0; margin: unset; margin-bottom: 20px; padding: 9px; } .dayTabContentAreaMB .icon img { color: #000; filter: brightness(0); margin: 0 auto; width: 1005; } .dayTabContentAreaMB h3 { padding: 4px 0px; } .timelineWraper h2 { margin-top: -25%; padding-bottom: 20px; text-align: center; align-items: flex-start; padding-left: 0; } .starximgmb{ margin-top: 30px; } .clipframeimg{ top: 0; width: 100%; right: 0; height: 100%; position: relative; position: relative; clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0 0); background: #ffffff; background: #17171624; padding: 7px; } .aipowerGreenbox figure, .aipowerbluebox figure { background-size: cover; background-position: right; background-repeat: no-repeat; height: 200px; width: 100%; border-radius: 0; margin: 0 0 0; margin: 0 0 0; background-color: #000; clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0 0); } .aipowerGreenbox, .aipowerbluebox{ border-radius: 0; } .day0innersummit figure{ background-position: center -160px; border-radius: 0; clip-path: polygon(15% 0, 100% 1%, 100% 20%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0% 20%); } .day0innersummit p{ width: 90%; margin: 0 auto; } .caioItem01{ margin: 0 auto; } .caiosWrapnew{ padding: 20px 0px; z-index: 9999; } .gsap-slider22 .gsap-track { /* display: flex; */ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .heroInnerText .cta-wrap { margin-top: 20px; margin-bottom: 20px; display: flex; gap: 20px; background: none; } .herosection .cta-text { font-size: calc(var(--h) * 0.435); } .herosection .cta-btn2 { min-width: calc(var(--h) * 3.5); } .day0innersummit h4 { font-size: 14px; width: 58%; border-right: #000 solid 1px; } .sector-logo { height: 100%; border: none; border-radius: 20px; position: relative; border-right: #c9ff00 solid 3px; } .herosection .cta-text { font-size: calc(var(--h) * 0.335); margin-right: calc(var(--h) * 0.2); } .herosection .cta-wrap { --h: clamp(25px, 12px, 20px); } .heroInnerText .cta-wrap{ gap: 10px; } /* .cta3-text { font-size: calc(var(--h) * 0.32); } */ .herosection .cta3-wrap { --h: clamp(25px, 2vw, 60px); } .stat-box { clip-path: none; height: 115px; } .herosection .cta-btn2{ padding-left: calc(var(--h) * 0.35); } .supernovaWramb p span{ color: #c9ff00; font-size: 22px; font-weight: 800; text-transform: uppercase; } .day0innersummit h3 span{ color: #0041b9; text-transform: uppercase; background: linear-gradient(to right, #03bdd6, #0041b9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800; } .mobilestats .count-wrapper h4 { font-size: 32px; } .mobilestats .count-wrapper p { padding-bottom: 10px; } .mobilestats .gsap-slidernone .gsap-track{ gap: 10px; align-items: center; grid-template-columns: 1fr 1fr 1fr; height: 100%; display: grid; } .mobilestats .gsap-slidernone .stat-box{ clip-path: polygon(15% 0, 100% 1%, 100% 0%, 100% 80%, 100% 93%, 30% 100%, 0% 80%, 0% 20%); padding-bottom: 9px; height: 100%!important; } .aipowerGreenbox .clipframeimg::after { content: ""; position: absolute; left: 0; top: -1%; width: 100%; height: 56px; background: linear-gradient(to top, rgb(201 255 0 / 0%) 0%, #c6ff00 100%); z-index: 9; } .aipowerbluebox .clipframeimg::after { content: ""; position: absolute; left: 0; top: -1%; width: 100%; height: 87px; background: linear-gradient(to top, rgb(201 255 0 / 0%) 0%, #02ffff 100%); z-index: 9; } .aistartxWraper h2 { font-size: 33px; text-align: center; line-height: 30px; font-size: 28px; line-height: 33px; font-weight: 900; } .aistartxWraper .gsap-slidernone .stat-box{ clip-path: polygon(15% 0, 100% 1%, 100% 0%, 100% 80%, 100% 93%, 30% 100%, 0% 80%, 0% 20%); padding-bottom: 9px; height: 100%!important; } .aistartxWraper .count-wrapper h4 { font-size: 32px; color: #000 !important; } .aistartxWraper .count-wrapper p { padding-bottom: 10px; color: #000 !important; } .aistartxWraper .gsap-slidernone .gsap-track{ gap: 10px; align-items: center; grid-template-columns: 1fr 1fr 1fr; height: 100%; display: grid; } .aistartxWraper { padding: 50px 0px; padding-bottom: 70px; overflow: hidden; } .aistartxWraper h2 { font-size: 33px; text-align: center; line-height: 30px; font-size: 28px; line-height: 33px; font-weight: 900; padding: 40px 0px; margin: 0 auto; z-index: 999; } .formonileimg { display: block; width: 100% !important; margin: 0 auto !important; margin-top: -23% !important; transform: scale(2.2); z-index: -1; position: relative; } .aistartxWraper figure { width: 60%; margin-bottom: 0; margin-top: -21%; z-index: 999; position: relative; } .aistartxWraper .stat-box p { font-size: 14px; line-height: 15px; } .aistartxWraper .stat-box { padding: 10px 10px 20px 10px; background: #ccff00; clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 80%); /* transform: translateY(100%); */ width: 100%; } .aistartxWraper .count-wrapper .signs { color: #000 !important; } .aistartxWraper{ overflow: hidden; } .timelinemob-item .dayTabContentAreaMB h3{ font-weight: 400; } .timelinemob-item .dayTabContentAreaMB h3 strong{ font-weight: 900; color: #0136bc; } .main-header { padding: 10px 0px; position: relative; } .stat-box { clip-path: polygon(15% 0, 100% 1%, 100% 0%, 100% 80%, 100% 93%, 30% 100%, 0% 80%, 0% 20%); padding-bottom: 9px; height: 100% !important; } .stat-item { margin: 0; position: relative; width: unset; /* gap: 10px; */ display: flex; justify-content: center; margin-bottom: 10px; margin-bottom: 0; padding: 0; height: 100%; } .statsWrap .row.mt-5 { margin-top: 1rem !important; gap: 10px; align-items: center; grid-template-columns: 1fr 1fr; height: 100%; display: grid; } .sponsors-logo.right-border::before{ display: none; } .footer-bottom{ justify-content: center; } .designedby { padding-top: 10px; } footer.mainfooter { padding-bottom: 20px; } .sector-logo .logow-80 { width: 100% !important; } .headline-sponsors .InnerShowLogoBox{ margin-bottom: 0; padding: 0px 0px; box-shadow: none; } div#SwiperExhibitor { padding-bottom: 10px; } .timelinemob { position: relative; max-width: 1200px; margin: auto; padding: 40px 0; } /* center line */ .timelinemob::after { content: ''; position: absolute; width: 2px; background: #0a58ca; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); } .timelinemob-item { position: relative; width: 50%; padding: 20px 40px; } /* left side */ .timelinemob-item:nth-child(odd) { left: 0; text-align: right; } /* right side */ .timelinemob-item:nth-child(even) { left: 50%; } /* dot */ .timelinemob-item::before { content: ''; position: absolute; top: 30px; width: 14px; height: 14px; background: #0a58ca; border-radius: 50%; z-index: 1; } .timelinemob-item:nth-child(odd)::before { right: -7px; } .timelinemob-item:nth-child(even)::before { left: -7px; } /* card */ .timelinemob-content { background: #0047aa; padding: 20px; border-radius: 16px; color: #fff; position: relative; } .timelinemob { position: relative; padding: 20px 0; } /* center line */ .timelinemob::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: #0a58ca; transform: translateX(-50%); } /* each item */ .timelinemob-item { position: relative; width: 50%; padding: 10px 15px; margin-bottom: 0px; } /* LEFT */ .timelinemob-item:nth-child(odd) { left: 0; text-align: right; } /* RIGHT */ .timelinemob-item:nth-child(even) { left: 50%; text-align: left; } /* dots */ .timelinemob-item::before { content: ''; position: absolute; top: 20px; width: 10px; height: 10px; background: #c9ff00; border-radius: 50%; z-index: 2; animation: pulseDot 1.8s infinite; } @keyframes pulseDot { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(201, 255, 0, 0.7); } 70% { transform: scale(1.4); box-shadow: 0 0 0 10px rgba(201, 255, 0, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(201, 255, 0, 0); } } .timelinemob-item:nth-child(odd)::before { right: -5px; } .timelinemob-item:nth-child(even)::before { left: -5px; } /* card */ .timelinemob-content { background: #fff; padding: 12px 14px; border-radius: 12px; color: #fff; display: inline-block; max-width: 220px; /* compact width */ } /* inner */ .timelinemob-item .dayTabContentAreaMB { display: flex; flex-direction: column; gap: 4px; } /* icon smaller */ .timelinemob-item .dayTabContentAreaMB .icon{ margin-bottom: 5px; background: #b8ccff73; } .timelinemob-item .dayTabContentAreaMB .icon img { width: 20px; height: 19px; } /* date */ .timelinemob-item .dayTabContentAreaMB span { font-size: 11px; /* opacity: 0.8; */ padding: 7px 10px; color: rgb(0, 0, 0); font-weight: 600; background: rgb(201, 255, 0); border-radius: 25px; text-align: center; text-transform: uppercase; } /* title */ .timelinemob-item .dayTabContentAreaMB h3 { font-size: 12px; margin: 0; line-height: 1.3; color: #000!important; } .robotsLEftInmg{ margin-bottom: 0; } .timelineWraper{ padding-bottom: 0; } .dropdownWrap .themebtn03 { --h: clamp(35px, 2vw, 60px); display: inline-flex; align-items: center; justify-content: center; height: var(--h); padding-left: calc(var(--h) * 0.4); padding-right: calc(var(--h) * 0.4); gap: calc(var(--h) * 0.28); border-radius: 999px; border: none !important; cursor: pointer; font-size: calc(var(--h) * 0.32); font-weight: 600; text-transform: uppercase; line-height: 1; transition: all 0.3s ease; } .dropdownMenu a{ font-size: 12px; line-height: 14px; } .visitpartnerlogo h4 { font-size: 12px; } .visitpartnerlogo figure.organised-logo { height: 150px; width: 100%; padding: 25px; } .mapframe iframe { width: 100%; height: 350px; } .venueMApInner .venueinforight { padding: 20px 10px; } .venueMApInner .venueinforight p { font-size: 16px; line-height: 22px; padding-bottom: 10px; } .smallvenueimg { bottom: 0; left: 10px; width: 150px; } .venueMApInner .venueinforight h2 { font-size: 32px; line-height: 38px; padding-bottom: 20px; padding-top: 20px; color: #000; font-weight: 800; text-align: center; text-transform: uppercase; } .venueMApInner{ width: 100%; box-shadow: none; border: none; } .venueMApWrapH { position: relative; padding: 20px 0px 50px 0; } .ft-organisedBy{ padding-bottom: 30px; } .mobilehero .buttonWrap { --h: clamp(25px, 2vw, 60px); } .stripmenu div{ background: rgb(0 0 0); } .main-header.fixed .logo{ width: 80%; } .themebtn03 { --h: clamp(40px, 2vw, 60px); padding: 8px 15px; } .buttonWrap { --h: clamp(30px, 2vw, 60px); } }@media only screen and (min-width: 320px) and (max-width: 768px) { .logorowwidth .col-6.col-md-3.col-sm-6 { width: 32%; display: block; } }