header.header_sec figure img.staticlogo { width: 70% !important; } header#main-header2 figure img { transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } header.fixed .stickylogo { width: 85%; } .xwilceiv .bepprdun .CommunityLogoBox { height: 115px; } .Testimonials_as .testimonial-item .owl-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; width: 100%; top: 46% !important; z-index: -1 } .Testimonials_as .testimonial-item .owl-nav .owl-prev { font-size: 28px; left: -35px; position: relative } .Testimonials_as .testimonial-item .owl-nav .owl-next { font-size: 28px; right: -35px; position: relative } a.cmp-revoke-consent { position: unset; padding: unset; background: none !important } header.headfixed .text-orange { color: #000 !important } .mega-menu-wrap .button_container .active .text-orange { color: #000 !important } .hugrnmok .inner-box .image { height: auto !important } @media (max-width:575.98px) { .cc-banner .cc-message { margin-bottom: 0; padding: 24px 4px 0 } .cc-banner .cc-compliance { padding: 24px 0 50px } } .socialSticky { position: fixed; right: 0; top: 50%; width: 42px; z-index: 99999; display: block; transform: translateY(-10%); -webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); -o-transform: translateY(-10%) } .socialSticky ul { position: relative; z-index: 99; margin: 0; padding: 0; list-style: none; background: #000; border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px } .socialSticky ul li { padding: 6px 6px; border-bottom: #585858 solid 1px } .socialSticky ul li a { position: relative; display: block; width: 30px; height: 30px; color: #fff; font-size: 18px; line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s } .socialSticky ul li:last-child { border-bottom: none; margin-bottom: 0 } .socialSticky ul li a:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1) } .dbxfejry .auto-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 0 30px 0 } .heroSection { width: 100%; background-color: #000; position: relative } .heroOverlay { position: absolute; top: 0; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; overflow: hidden } .heroOverlay:before { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; z-index: 1; background-size: contain; height: 100%; background: -o-linear-gradient(top, rgb(23 27 46 / 90%) 0%, rgb(23 27 46 / 49%) 21%, rgb(23 27 46 / 57%) 43%, rgb(23 27 46 / 72%) 63%, rgb(23 27 46 / 68%) 82%, rgb(0 23 61 / 75%) 100%) !important; background: -webkit-gradient(linear, left top, left bottom, from(rgb(23 27 46 / 90%)), color-stop(21%, rgb(23 27 46 / 49%)), color-stop(43%, rgb(23 27 46 / 57%)), color-stop(63%, rgb(23 27 46 / 72%)), color-stop(82%, rgb(23 27 46 / 68%)), to(rgb(0 23 61 / 75%))) !important; background: linear-gradient(180deg, rgb(23 27 46 / 90%) 0%, rgb(23 27 46 / 49%) 21%, rgb(23 27 46 / 57%) 43%, rgb(23 27 46 / 72%) 63%, rgb(23 27 46 / 68%) 82%, rgb(0 23 61 / 75%) 100%) !important } .videobg { top: 2px; left: 0; width: 100%; height: 100vh; z-index: 1; overflow: hidden } .youtube-container { overflow: hidden; width: 100%; aspect-ratio: 16 / 9; pointer-events: none } .youtube-container iframe { width: 300%; height: 100%; margin-left: -100% } .videobg video { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .video-tagline { width: 45%; padding-bottom: 20px; border-bottom: #fff solid 1px; z-index: 9 } .heroOverlay { position: absolute; top: 0; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; overflow: hidden } .heroOverlay:before { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; z-index: 1; background-size: contain; height: 100%; background: -o-linear-gradient(top, #fff0 0%, #fff0 21%, #fff0 43%, rgb(23 27 46 / 53%) 63%, rgb(23 27 46 / 90%) 82%, rgb(23 27 46) 100%); background: -webkit-gradient(linear, left top, left bottom, from(#fff0), color-stop(21%, #fff0), color-stop(43%, #fff0), color-stop(63%, rgb(23 27 46 / 53%)), color-stop(82%, rgb(23 27 46 / 90%)), to(rgb(23 27 46))); background: linear-gradient(180deg, #fff0 0%, #fff0 21%, #fff0 43%, rgb(23 27 46 / 53%) 63%, rgb(23 27 46 / 90%) 82%, rgb(23 27 46) 100%) } .swiper-content { z-index: 999; position: relative; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; bottom: 0; right: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; overflow: visible } h3.hero-venue { text-align: left; font-size: 15px; padding: 8px 8px; margin-bottom: 5px; padding-left: 0px !important } header.headermain .header-upper { position: relative; padding: 24px 0 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .logo-box_new { display: block !important; width: 35% !important } .heroOverlay { width: 100% } .headermain .header-upper .logo-box_new, .headermain .header-upper .logo-box_new .top-logo { display: block !important } .cxpwftzh { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 8% } .cxpwftzh figure { margin: 0; padding: 0; width: 34%; z-index: 0 } .cxpwftzh figure img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swteuqlb { position: absolute; top: 60%; left: 17.5%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%) } .slide01 .heroLEftText h1 span { line-height: 1; display: block; line-height: 1.2; text-align: left; text-transform: uppercase; font-size: 50px } .main-slider-two.index-two .innerTextSlide { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; margin: 0; background-size: cover; background-position: left; padding-top: 5%; padding-bottom: 0; z-index: 9 } .heroBtn { text-align: left } .heroBtn .orangebtn { font-size: 18px; line-height: 28px; text-transform: uppercase; padding: 8px 32px; margin-top: 22px; border-radius: 34px; border: 1px solid #01A5BA; background: #01A5BA; -webkit-box-shadow: #001942 4px 6px 0; box-shadow: #001942 4px 6px 0; -webkit-border-radius: 34px; -moz-border-radius: 34px; -ms-border-radius: 34px; -o-border-radius: 34px } .heroBtn .orangebtn:hover { background: #001942; border: 1px solid #001942; border-radius: 34px; margin-top: 22px; -webkit-box-shadow: #01a5ba 4px 6px 0; box-shadow: #01a5ba 4px 6px 0; -webkit-border-radius: 34px; -moz-border-radius: 34px; -ms-border-radius: 34px; -o-border-radius: 34px } @media(max-width:1920px) and (min-width:1800px) { .main-slider-two.index-two .innerTextSlide { height: 85vh } .dbxfejry .auto-container { height: 80vh } .swteuqlb { top: 60%; left: 20.5% } .slide01 .heroLEftText h1 span { font-size: 80px } h3.hero-venue { font-size: 22px } .cxpwftzh figure { width: 40% } } @media(max-width:1799px) and (min-width:1650px) { .main-slider-two.index-two .innerTextSlide { height: 85vh } .dbxfejry .auto-container { height: 80vh } .swteuqlb { top: 60%; left: 20.5% } .slide01 .heroLEftText h1 span { font-size: 70px } h3.hero-venue { font-size: 20px } .cxpwftzh figure { width: 40% } } @media(max-width:1649px) and (min-width:1550px) { .main-slider-two.index-two .innerTextSlide { height: 85vh } .dbxfejry .auto-container { height: 80vh } .swteuqlb { top: 58%; left: 20.5% } .slide01 .heroLEftText h1 span { font-size: 68px } h3.hero-venue { font-size: 18px } .cxpwftzh figure { width: 40% } } @media(max-width:1450px) { .videobg { height: 100% } .main-slider-two.index-two .innerTextSlide { padding-top: 6% } .cxpwftzh figure { width: 40% } .swteuqlb { top: 58%; left: 20.5% } } @media (max-width:1399.98px) { .swteuqlb { top: 58%; left: 21.5% } .cxpwftzh figure { width: 42% } h3.hero-venue { font-size: 16px } .slide01 .heroLEftText h1 span { font-size: 55px } } @media (max-width:1300px) { .swteuqlb { top: 58%; left: 21.5% } .cxpwftzh figure { width: 42% } h3.hero-venue { font-size: 14px } .slide01 .heroLEftText h1 span { font-size: 50px } } @media (max-width:1100px) { .swteuqlb { top: 58%; left: 21.5% } .cxpwftzh figure { width: 42% } h3.hero-venue { font-size: 13px } .slide01 .heroLEftText h1 span { font-size: 45px } } @media (max-width:1024px) { .swteuqlb { top: 58%; left: 22.5% } .cxpwftzh figure { width: 44% } h3.hero-venue { font-size: 13px } .slide01 .heroLEftText h1 span { font-size: 45px } } @media (max-width:900px) { .heroBtn .orangebtn { margin-top: 10px } h3.hero-venue { font-size: 11px } .slide01 .heroLEftText h1 span { font-size: 38px } } @media (max-width:800px) { .heroBtn .orangebtn { margin-top: 10px; font-size: 15px; line-height: 28px; padding: 6px 18px } h3.hero-venue { font-size: 12px; width: 70%; text-align: center } .slide01 .heroLEftText h1 span { font-size: 34px } .cxpwftzh { height: 70vh } .dbxfejry { height: 80vh } .swteuqlb { top: 53%; left: 28.5% } .videobg { height: 80vh; position: absolute } .youtube-container { height: 80vh } } @media screen and (min-device-width:300px) and (max-device-width:768px) { .dbxfejry { height: 80vh !important } .videobg { height: 60vh; position: absolute } .youtube-container { height: 60vh } .cxpwftzh { height: 60vh; margin: 0; padding-bottom: 30px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; padding-top: 0 } .cxpwftzh figure { display: none } .slide01 .heroLEftText h1 span { font-size: 32px !important; line-height: 36px !important; text-align: center } .slide01 .heroLEftText h1 span br { display: none } .heroSectionstyle01 .slide01 .heroLEftText h1 { margin-bottom: 4px; text-align: left } .main-slider-two.index-two .innerTextSlide { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; margin: 0; background-size: cover; background-position: left; padding-top: 0%; padding-bottom: 50px; z-index: 9 } .videobg { top: 2px; left: 0; width: 100%; height: 60vh; z-index: 1; overflow: hidden } h3.hero-venue { font-size: 12px; width: 100%; text-align: center } .heroBtn { text-align: center } .swteuqlb { top: 0; left: 0; width: 100%; position: static; transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0) } .logo-box_new .top-logo figure { width: 100%; margin: 0 } .logo-box_new { width: 90% !important } .logo-box_new .top-logo figure { width: 100% !important } } .logo-box_new .top-logo figure { width: 60% } .headermain.headfixed .header-upper .logo-box_new { width: 75% } .headerBtn { gap: 10px } .headerBtn .ryi { border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -ms-border-radius: 5px !important; -o-border-radius: 5px !important } .nav-menu { width: 70% } @media(max-width:768px) { .headerBtn { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px } .header-upper .nav-menu { margin-bottom: 25px } .headerBtn .whiteOutline-btn { font-size: 9px } .ham-bg.mega-menu-wrap { width: 0 } } .upper-main-global { position: absolute; right: 60px; bottom: 130px; z-index: 9 } .upper-main-global p { color: #fff } figure.logo-main-banner img { width: 230px } .ToggleMenu.Open .col-xl-3.col-lg-3.col-md-3.col-sm-6.col-xs-12 { width: 20% } @media only screen and (min-width:320px) and (max-width:768px) { .ToggleMenu.Open .col-xl-3.col-lg-3.col-md-3.col-sm-6.col-xs-12 { width: 100% } } .bvvqvgnm01.mb-5 { margin-bottom: 0 !important } .bvvqvgnm01 { position: relative; background-color: #FFFFFF !important } .bvvqvgnm01 .InnerShowLogoBox { position: relative; width: 100%; gap: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .bvvqvgnm01 .lbotgper { width: 100%; height: 100px; min-height: 110px } .bvvqvgnm01 .lbotgper a { width: 100%; height: 100%; text-align: center; border-radius: .625rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem } .bvvqvgnm01 .lbotgper img { width: 80%; -o-object-fit: contain; object-fit: contain; max-width: 100%; max-height: 100% } header#main-header2 figure img { width: 90% } header#main-header2 { padding: 10px 0 } .hometoplogo { display: none !important } .menubarscroll { display: none } .hidescroll { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .header_sec.headfixed .hidescroll, .header_sec.fixed .hidescroll { display: none } .header_sec.headfixed .menubarscroll, .header_sec.fixed .menubarscroll { cursor: pointer; display: block } .menubarscroll .bar1 { height: 5px; width: 40px; background-color: #fff; border-radius: 12px; transition: 400ms ease all; -webkit-transition: 400ms ease all; -moz-transition: 400ms ease all; -ms-transition: 400ms ease all; -o-transition: 400ms ease all; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; } .menubarscroll .bar2 { height: 5px; width: 40px; background-color: #fff; border-radius: 12px; transition: 400ms ease all; margin-top: 3px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; -webkit-transition: 400ms ease all; -moz-transition: 400ms ease all; -ms-transition: 400ms ease all; -o-transition: 400ms ease all; } .menubarscroll .bar3 { height: 5px; width: 40px; background-color: #fff; border-radius: 12px; transition: 400ms ease all; margin-top: 3px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; -webkit-transition: 400ms ease all; -moz-transition: 400ms ease all; -ms-transition: 400ms ease all; -o-transition: 400ms ease all; } .Width .menubarscroll .bar1, .Width .menubarscroll .bar3 { display: none } .togthermain { position: relative; padding: 50px 0 50px; background: #FFFFFF; } .containerleft { position: relative; margin: 0 0; max-width: 100%; padding-left: 7.5rem; } .discoverOwl .owl-stage { padding-top: .625rem; padding-bottom: .625rem; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .discoverOwl .owl-stage .item { height: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .discoversector02 { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; border-right: 1px solid rgba(0, 0, 0, 0.4); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .discoversector02 .discoverthumb02 { position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 0px); opacity: 1; z-index: 1; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .discoversector02 .discoverthumb02 img { width: 100%; height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; } .discoversector02 .discoverthumb02::after { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .discoversector02 .discovernumber02 { position: absolute; top: 20px; left: 20px; z-index: 5; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .discoversector02 .discovernumber02 p { color: #FFFFFF; font-size: 20px; line-height: 24px; font-weight: 500; margin-bottom: 10px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .discoversector02 .discovercontent02 { position: relative; padding: 250px 20px 20px; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.8); } .discoversector02 .discovercontent02 .discoverinnercontent02 { position: relative; z-index: 5; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .discoversector02 .discovercontent02 .discoverinnercontent02 h2 { position: relative; color: #FFFFFF; font-size: 20px; line-height: 1.2; font-weight: 600; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #FFFFFF; text-transform: uppercase; } .discoversector02 .discovercontent02 .discoverinnercontent02 p { color: #FFFFFF; font-size: 16px; line-height: 24px; margin-bottom: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } /*.discoversector02:hover .discoverinnercontent02 h2, .discoversector02:hover .discovernumber02 p, .discoversector02:hover .discoverinnercontent02 p { color: #000000 !important } .discoversector02:hover .discoverthumb02::after { background-color: rgba(0, 0, 0, 0.5); } */ .discoversector02:hover .discoverthumb02 { opacity: 0; } .discoversector02:hover .discoverinnercontent02 { transform: translateY(-50px); -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); } .discoversector02:hover .discoverinnercontent02 h2 { font-size: 26px; margin-bottom: 4px; } .Whydubaisection01 { position: relative; z-index: 1; padding: 2rem 0 2rem; background-color: #FFFFFF !important; background: #FFFFFF !important; } .Whydubaisection01 .align-items-center { -webkit-box-align: unset !important; -ms-flex-align: unset !important; align-items: unset !important; } .Whydubaisection01 .investor-box-block { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .Whydubaisection01 .investor-box-block.text-uppercase { text-transform: none !important; } .Whydubaisection01 .investor-box-block p { font-size: 18px; line-height: 32px; } .Whydubaisection01 .investor-box-block p:last-child { margin-bottom: 0.5rem; } .whydubaithumb01, .whydubaithumb02 { position: relative; margin: 0; width: 100%; height: 26rem; } .whydubaithumb01 img, .whydubaithumb02 img { border-radius: 0; width: 100%; height: 100%; -webkit-clip-path: polygon(10% 0%, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%); clip-path: polygon(10% 0%, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%); -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .WhyDubaielementbox01 { position: relative; z-index: 1; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 10rem; padding: 2rem 1rem 2rem 1rem; } .WhyDubaielementbox01::before { content: ""; position: absolute; top: 0; left: 0; width: 90%; height: 100%; z-index: -1; background-color: #000000; background-position: center; background-repeat: no-repeat; background-size: cover; } /*.WhyDubaielementbox01 h2 { color: #FFFFFF; font-size: 3.02vw; line-height: 3.40vw; letter-spacing: -0.8px; font-weight: 700; font-family: "Miguer Sans"; font-style: normal; text-transform: uppercase; margin: 0 0; }*/ .WhyDubaielementbox01 h2 { color: #FFFFFF; font-size: 2.4vw; line-height: 2.8vw; letter-spacing: -0.8px; font-weight: 700; font-family: "Miguer Sans"; font-style: normal; text-transform: uppercase; margin: 0 0; } .WhyDubaielementbox01 .container { margin: 0 auto 0; } .Whydubaisection01 .elementwhyimg03 { position: relative; text-align: right; margin-left: auto; margin-bottom: 1rem; margin-top: -4rem } .Whydubaisection01 .elementwhyimg03 img { width: 10rem } .WhyDubaielementbox01.elementwhy01, .WhyDubaielementbox01.elementwhy02, .WhyDubaielementbox01.elementwhy03, .WhyDubaielementbox01.elementwhy04, .WhyDubaielementbox01.elementwhy05, .WhyDubaielementbox01.elementwhy06, .WhyDubaielementbox01.elementwhy07 { z-index: -1; } .WhyDubaielementbox01.elementwhy01 h2, .WhyDubaielementbox01.elementwhy03 h2, .WhyDubaielementbox01.elementwhy05 h2, .WhyDubaielementbox01.elementwhy07 h2 { padding-left: 1rem; } .WhyDubaielementbox01.elementwhy02 h2, .WhyDubaielementbox01.elementwhy04 h2, .WhyDubaielementbox01.elementwhy06 h2 { padding-right: 3.625rem; } .WhyDubaielementbox01.elementwhy01 { margin-bottom: -5rem; } .WhyDubaielementbox01.elementwhy02 { margin-bottom: -9rem; } .WhyDubaielementbox01.elementwhy03 { margin-bottom: -10rem; } .WhyDubaielementbox01.elementwhy04 { margin-bottom: -8rem; } .WhyDubaielementbox01.elementwhy05 { margin-bottom: -8rem; } .WhyDubaielementbox01.elementwhy06 { margin-bottom: -10rem; } .WhyDubaielementbox01.elementwhy07 { margin-bottom: -8rem; } .WhyDubaielementbox01.elementwhy01::before { background-color: transparent; background-image: url(../images/WhyDubaielement2901.png); -webkit-clip-path: polygon(6% 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 36%); clip-path: polygon(6% 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 36%); } .WhyDubaielementbox01.elementwhy02::before { background-color: transparent; background-image: url(../images/WhyDubaielement2902.png); -webkit-clip-path: polygon(95% 0, 100% 35%, 100% 100%, 0 100%, 0 0); clip-path: polygon(95% 0, 100% 35%, 100% 100%, 0 100%, 0 0); } .WhyDubaielementbox01.elementwhy03::before { background-color: #ac81b9; background-image: none; -webkit-clip-path: polygon(6% 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 36%); clip-path: polygon(6% 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 36%); } .WhyDubaielementbox01.elementwhy04::before { background-color: transparent; background-image: url(../images/WhyDubaielement2904.png); -webkit-clip-path: polygon(95% 0, 100% 35%, 100% 100%, 0 100%, 0 0); clip-path: polygon(95% 0, 100% 35%, 100% 100%, 0 100%, 0 0); } .WhyDubaielementbox01.elementwhy05::before { background-color: transparent; background-image: url(../images/WhyDubaielement2905.png); -webkit-clip-path: polygon(6% 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 36%); clip-path: polygon(6% 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 36%); } .WhyDubaielementbox01.elementwhy06::before { background-color: transparent; background-image: url(../images/WhyDubaielement2906.png); -webkit-clip-path: polygon(95% 0, 100% 35%, 100% 100%, 0 100%, 0 0); clip-path: polygon(95% 0, 100% 35%, 100% 100%, 0 100%, 0 0); } .WhyDubaielementbox01.elementwhy07::before { background-color: transparent; background-image: url(../images/WhyDubaielement2907.png); -webkit-clip-path: polygon(8% 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 45%); clip-path: polygon(8% 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 45%) } .fllsfdph { background-color: #FFFFFF; position: relative; padding: 40px 0 40px; } .qefxrwxk { position: relative; width: 100%; height: 100%; padding: 1.5rem; min-height: 16rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; z-index: 1; -webkit-box-shadow: -1px 5px 20px 0 rgb(82 90 101 / 10%); box-shadow: -1px 5px 20px 0 rgb(82 90 101 / 10%); border: rgb(201 43 29 / 20%) solid 1px; border-radius: 10px; transition: all .4s; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; } .qefxrwxk .item-image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; padding-right: 1rem; } .qefxrwxk .item-image figure { position: relative; width: 100%; height: 100%; margin: 0; min-height: 8rem; padding: calc(100vw * .01); background-repeat: no-repeat !important; background-size: cover !important; background-position: center; background-position: 50% 100%; border: #e6e6e6 solid 1px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .qefxrwxk .item-info { padding: 2px 0 2px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .qefxrwxk::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: #027c91; background: -o-linear-gradient(250deg, #00a5ba, #0190a6, #027c91, #02697d, #025669, #014455, #013241, #00222e); background: linear-gradient(200deg, #00a5ba, #0190a6, #027c91, #02697d, #025669, #014455, #013241, #00222e); border-radius: 10px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .qefxrwxk .innercontent { position: absolute; left: 0; width: 100%; height: 100%; padding: 30px; outline: #fff0 solid 1px; -webkit-perspective: inherit; perspective: inherit; z-index: 2; top: 50%; transform: translateY(-50%) translateZ(60px) scale(.94); -webkit-transform: translateY(-50%) translateZ(60px) scale(.94); -ms-transform: translateY(-50%) translateZ(60px) scale(.94); -moz-transform: translateY(-50%) translateZ(60px) scale(.94); -o-transform: translateY(-50%) translateZ(60px) scale(.94); } .qefxrwxk .cardfront { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; transform: rotateY(0); transform-style: preserve-3d; -ms-transform: rotateY(0); -webkit-transform: rotateY(0); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform: rotateY(0); -o-transform: rotateY(0); } .qefxrwxk .cardback, .qefxrwxk .cardfront { background-size: cover; background-position: center; border-radius: 15px; width: 100%; height: 100%; -webkit-transition: -webkit-transform .7s cubic-bezier(.4, .2, .2, 1); transition: -webkit-transform .7s cubic-bezier(.4, .2, .2, 1); transition: transform .7s cubic-bezier(.4, .2, .2, 1); transition: transform .7s cubic-bezier(.4, .2, .2, 1), -webkit-transform .7s cubic-bezier(.4, .2, .2, 1); backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition: transform .7s cubic-bezier(.4, .2, .2, 1); -ms-transition: transform .7s cubic-bezier(.4, .2, .2, 1); -moz-transition: transform .7s cubic-bezier(.4, .2, .2, 1); -o-transition: transform .7s cubic-bezier(.4, .2, .2, 1); -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; } .qefxrwxk .cardback { position: absolute; top: 0; left: 0; padding: 1.5rem; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transform: rotateY(180deg); transform-style: preserve-3d; -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); } .qefxrwxk h3 { color: #FFFFFF; font-size: 22px; line-height: 28px; font-weight: 600; font-family: "Miguer Sans" !important; text-transform: uppercase; margin-bottom: 15px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; } .qefxrwxk p { color: #FFFFFF; font-size: 16px; line-height: 26px; margin-bottom: 10px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; } .qefxrwxk .readbtn0 { position: relative; color: #020303; font-size: 16px; line-height: 1.5; font-weight: 700; margin-right: 0; text-transform: uppercase; text-align: center; padding: 10px 20px; border: #ff9d00 solid 1px; background: #ff9d00; transition: .3s all; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; /* color: #E28625; font-size: 18px; line-height: 1.5; font-weight: 600; margin: 0; */ } .qefxrwxk .readbtn0 .fa-solid { margin-left: 4px; } .qefxrwxk .readbtn0:hover { color: #ffffff; border-color: #00a5ba; background: #00a5ba; } .qefxrwxk:hover .cardfront { opacity: 0; transform: rotateY(-180deg); transform-style: preserve-3d; -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); } .qefxrwxk:hover .cardback { opacity: 1; -ms-transform: rotateY(0); -webkit-transform: rotateY(0); transform: rotateY(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transform: rotateY(0); -o-transform: rotateY(0); } .digiherobanner.sec_topbanner .secTitle-01 h2 { font-style: normal; } .digiherobanner.sec_topbanner .secTitle-01 p { color: #FFF; font-size: 1.5rem; line-height: 1.5; font-weight: 500; } .digiIntrowrap .statsItem { position: relative; padding: 3vw .9vw; } .digiIntrowrap .statsItem::after { content: ""; width: 1px; height: 55%; position: absolute; right: 0; top: 27%; background: #a0a0a0b3; margin: auto; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .digiIntrowrap .col:last-child .statsItem::after { display: none; } .digiIntrowrap .statsItem h4 { font-size: 3.50vw; line-height: 4vw; font-weight: 800 !important; text-align: center; } .digiIntrowrap .statsItem h2 { font-size: 18px; line-height: 1.848vw; font-weight: 700 !important; text-align: center; margin: 0; } .exhiAGendaITem ul.caioaul01 { padding: 0; margin: 0; list-style: none; } .exhiAGendaITem ul.caioaul01 li { list-style: none; font-size: 18px; line-height: 1.5; } .caioaccord01 { position: relative; padding: 0; } .caioaccord01 .accordion-item { border: none; border-top: #000 solid 1px; padding: 10px 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .caioaccord01 .accordion-item::after { filter: grayscale(1); -webkit-filter: grayscale(1); } .caioaccord01 .accordion-item:last-child { border-bottom: #000 solid 1px; } .caioaccord01 .accordion-button { padding: 0 0; color: #000000; font-size: 20px; line-height: 1.5; font-weight: 700; font-family: "Miguer Sans" !important; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; background: transparent; background-color: transparent; } .caioaccord01 .accordion-body { padding: 10px 0 0; } .caioaccord01 .accordion-body p { padding-top: 0; font-size: 18px; line-height: 1.5; padding-bottom: 1rem; } .BuyersSteps { position: relative; background: #FFFFFF; padding: 3rem 0 3rem; } .ContentWrapper01 { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .ContentWrapper01 h3 { color: #000; font-size: 3vw; font-weight: 600; text-transform: uppercase; padding: 2px 10px 2px 10px; } .ContentWrapper01 p { position: relative; color: #000; font-size: 20px; line-height: 30px; padding: 0 0; margin: 0 0 1rem; } .ContentWrapper01 p a { color: #1e87f0; } .ContentWrapper01 p a:hover { text-decoration: underline; } .ContentWrapper01 h4 { display: block; color: #000000; font-size: 1.2vw; font-weight: 500; text-transform: uppercase; width: 100%; margin: 0 0 1rem; text-align: center; } .digiIntrowrap .secTitle-01 p { color: #FFF; font-size: 1.25rem; line-height: 1.5; font-weight: 400; } .vipproContentArea { position: relative; padding-top: 2.5rem; } .vipproContentArea figure { background-position: center bottom; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; border-radius: 3.125rem; min-height: 350px; -webkit-border-radius: 3.125rem; -moz-border-radius: 3.125rem; -ms-border-radius: 3.125rem; -o-border-radius: 3.125rem; } .vipproContentArea h3 { font-size: 2vw; line-height: 2.3vw; color: #fff; padding-top: 1.875rem; } .vipproContentArea p { color: #fff; font-size: 1.2vw; margin-bottom: 1rem; } .listStyle { margin: 0; padding: 0; } .listStyle li { position: relative; color: #FFFFFF; font-size: 1rem; line-height: 1.625rem; list-style: none; padding: 0 0 8px 25px; margin: 0; font-family: var(--body-font); margin-bottom: 8px; } .listStyle li:before { position: absolute; top: 0; left: 0; font: 14px / 24px FontAwesome; content: "\f192"; color: #D60000; } .whoshouldapply { position: relative; padding: 1.25rem 0px; background-color: #000; } .whoshouldapplyInner { position: relative; background-color: #000; border: #000 solid 1px; border-radius: 1.25rem; padding: 2.5rem 2.5rem; z-index: 1; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-border-radius: 1.25rem; -moz-border-radius: 1.25rem; -ms-border-radius: 1.25rem; -o-border-radius: 1.25rem; } .whoshouldapplyInner:before { content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 100%; z-index: -1; background: -o-linear-gradient(272deg, #00010a00, #00000000, #0f0f0f, #030303); background: -o-linear-gradient(271deg, #000000, #00000000, #0f0f0fed, #030303); background: linear-gradient(179deg, #000000, #00000000, #0f0f0fed, #030303); display: -webkit-box; display: -ms-flexbox; display: flex; } .whoshouldapplyInner .secTitle-01 h2 { font-size: 2.7vw; line-height: 2.9vw; font-style: normal; padding: 0; margin: 0; } .whoshouldapplyInner .secTitle-01 p { font-size: 1.2vw; line-height: 1.8vw; padding: 0; margin: 0; } .whoshouldapply .whoshouldapplyInner:before { opacity: 0.5; } .whoshouldapplyInner figure { background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; min-height: 300px; border-radius: 2.5rem; -webkit-border-radius: 2.5rem; -moz-border-radius: 2.5rem; -ms-border-radius: 2.5rem; -o-border-radius: 2.5rem; } .whoshouldapplyInner h3 { color: #FFF; font-size: 2vw; line-height: 2.40vw; font-weight: 700; margin-bottom: 1rem; } .whoshouldapplyInner p { color: #fff !important; font-size: 1.2vw; line-height: 1.8vw; margin-bottom: 1rem; } .whoshouldapplyInner .listStyle li { color: #fff !important; font-size: 1.2vw; line-height: 1.8vw; } .whyattendvip { position: relative; padding: 3.125rem 0px; background: #000; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 99; } .whyattendvip:before { content: ''; width: 100%; height: 100%; background-image: -o-linear-gradient(top, rgb(0 0 0), rgb(10 9 9 / 56%), rgb(26 26 27 / 76%)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0 0 0)), color-stop(rgb(10 9 9 / 56%)), to(rgb(26 26 27 / 76%))); background-image: linear-gradient(to bottom, rgb(0 0 0), rgb(10 9 9 / 56%), rgb(26 26 27 / 76%)); position: absolute; top: 0; left: 0; } .whyattendvip .whoshouldapplyInner:before { background: #00000085; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .vipbenefitswrap { position: relative; padding: 3.125rem 0 3.125rem; } .conferenceTrackITem { position: relative; padding: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 1.25rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .conferenceTrackITem .trackInfo02 { position: relative; width: 100%; padding: 1.5rem 1.25rem; padding-bottom: 1rem; border-radius: 1.25rem 1.25rem 0 0; -webkit-border-radius: 1.25rem 1.25rem 0 0; -moz-border-radius: 1.25rem 1.25rem 0 0; -ms-border-radius: 1.25rem 1.25rem 0 0; -o-border-radius: 1.25rem 1.25rem 0 0; } .conferenceTrackITem .trackInfo02 p { color: #fff; font-size: 1.2vw; padding-bottom: 0; line-height: 1.8vw; font-weight: 500; margin: 0 0 1rem; } .conferenceTrackITem figure { border-radius: 0 0 1.25rem 1.25rem; margin: 0; position: relative; z-index: 99; width: 100%; height: 180px; -webkit-border-radius: 0 0 1.25rem 1.25rem; -moz-border-radius: 0 0 1.25rem 1.25rem; -ms-border-radius: 0 0 1.25rem 1.25rem; -o-border-radius: 0 0 1.25rem 1.25rem; } .conferenceTrackITem figure:before { position: absolute; content: ''; background: transparent; left: 0; top: -5px; width: 100%; height: 20%; } .conferenceTrackITem figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; border-radius: 0 0 1.25rem 1.25rem; -webkit-border-radius: 0 0 1.25rem 1.25rem; -moz-border-radius: 0 0 1.25rem 1.25rem; -ms-border-radius: 0 0 1.25rem 1.25rem; -o-border-radius: 0 0 1.25rem 1.25rem; } .gradient01 { background: #00A69C; } .gradient01 .trackInfo02 { background: -o-linear-gradient(left, #242424 0%, #00A69C 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#242424), to(#00A69C)) !important; background: linear-gradient(90deg, #242424 0%, #00A69C 100%) !important; } .gradient02 { background: #570306; } .gradient02 .trackInfo02 { background: -o-linear-gradient(250deg, #00a5ba, #0190a6, #027c91, #02697d, #025669, #014455, #013241, #00222e); background: linear-gradient(200deg, #00a5ba, #0190a6, #027c91, #02697d, #025669, #014455, #013241, #00222e); background-image: -o-linear-gradient(bottom, #570306, #7f1cc2, #8a08ab) !important; background-image: -webkit-gradient(linear, left bottom, left top, from(#570306), color-stop(#7f1cc2), to(#8a08ab)) !important; background-image: linear-gradient(to top, #570306, #7f1cc2, #8a08ab) !important } .gradient03 { background: #570306; } .gradient03 .trackInfo02 { background: -o-linear-gradient(250deg, #00a5ba, #0190a6, #027c91, #02697d, #025669, #014455, #013241, #00222e); background: linear-gradient(200deg, #00a5ba, #0190a6, #027c91, #02697d, #025669, #014455, #013241, #00222e); background-image: -o-linear-gradient(bottom, #570306, #48060a, #ae0404) !important; background-image: -webkit-gradient(linear, left bottom, left top, from(#570306), color-stop(#48060a), to(#ae0404)) !important; background-image: linear-gradient(to top, #570306, #48060a, #ae0404) !important; } .gradient04 { background: #570306; } .gradient04 .trackInfo02 { background: -o-linear-gradient(250deg, #00a5ba, #0190a6, #027c91, #02697d, #025669, #014455, #013241, #00222e); background: linear-gradient(200deg, #00a5ba, #0190a6, #027c91, #02697d, #025669, #014455, #013241, #00222e); background-image: -o-linear-gradient(bottom, #570306, #3a4c9a, #52b6b2) !important; background-image: -webkit-gradient(linear, left bottom, left top, from(#570306), color-stop(#3a4c9a), to(#52b6b2)) !important; background-image: linear-gradient(to top, #570306, #3a4c9a, #52b6b2) !important; } .gradient05 { background: #001e47; } .gradient05 .trackInfo02 { background: -o-linear-gradient(250deg, #00a5ba, #0190a6, #027c91, #02697d, #025669, #014455, #013241, #00222e); background: linear-gradient(200deg, #00a5ba, #0190a6, #027c91, #02697d, #025669, #014455, #013241, #00222e); background-image: -o-linear-gradient(bottom, #001e47, #205194, #186de8) !important; background-image: -webkit-gradient(linear, left bottom, left top, from(#001e47), color-stop(#205194), to(#186de8)) !important; background-image: linear-gradient(to top, #001e47, #205194, #186de8) !important; } .gradient06 { background: #570306; } .gradient06 .trackInfo02 { background: -o-linear-gradient(bottom, #570306, #7f1cc2, #8a08ab) !important; background: -webkit-gradient(linear, left bottom, left top, from(#570306), color-stop(#7f1cc2), to(#8a08ab)) !important; background: linear-gradient(to top, #570306, #7f1cc2, #8a08ab) !important } .gradient07 { background: rgb(8 8 85 / 96%); } .gradient07 .trackInfo02 { background: -o-linear-gradient(250deg, #00a5ba, #0190a6, #027c91, #02697d, #025669, #014455, #013241, #00222e); background: linear-gradient(200deg, #00a5ba, #0190a6, #027c91, #02697d, #025669, #014455, #013241, #00222e); background-image: -o-linear-gradient(bottom, rgb(8 8 85 / 96%), #bb0e63, #b01290) !Important; background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(8 8 85 / 96%)), color-stop(#bb0e63), to(#b01290)) !Important; background-image: linear-gradient(to top, rgb(8 8 85 / 96%), #bb0e63, #b01290) !Important; } .commitmentitem { position: relative; padding: 1.25rem; background: #f2f2f2; width: 100%; height: 100%; border-radius: 1.25rem; -webkit-border-radius: 1.25rem; -moz-border-radius: 1.25rem; -ms-border-radius: 1.25rem; -o-border-radius: 1.25rem; } .commitmentitem .fa-solid { font-size: 1.625rem; text-align: center; margin: 0 auto 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #ff9d00; padding: 1.625rem; width: 1.625rem; height: 1.625rem; border-radius: 100%; color: #000000; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .commitmentitem p { color: #000 !important; text-align: center; font-size: 1.2vw; line-height: 1.8vw; font-weight: 600; margin-bottom: 0; } .whoshouldapply.p-0 .whoshouldapplyInner { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .digiherobanner.bannerheadingbox001::before { background: #00000026; background-image: none; } .bannerheadingbox001 .secTitle-01 h2 { background: -o-linear-gradient(359deg, #0972695c, #0d6f67, #0d56519e, #0303030f); background: linear-gradient(91deg, #0972695c, #0d6f67, #0d56519e, #0303030f); } .bannerheadingbox001 .secTitle-01 .bgnone { background: none !important; } .vipbenefitswrap .secTitle-01 h2 { color: #000000; font-size: 2.7vw; line-height: 2.9vw; font-style: normal; padding: 0; margin: 0; } .digiIntrowrap .secTitle-01 h2 { font-size: 2.7vw; line-height: 2.9vw; font-style: normal; padding: 0; margin: 0; } .ahighimpact0 .whoshouldapplyInner { background: transparent; background-color: transparent; border: none; padding: 0 0; } .ahighimpact0 .whoshouldapplyInner:before { display: none !important; } .ahighimpact0.whoshouldapply { padding: 3rem 0 3rem; z-index: 1; background-position: center; background-repeat: no-repeat; background-size: cover; } .ahighimpact0::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: rgb(0 25 66 / 60%); } .ahighimpact0 .whoshouldapplyInner .secTitle-01 p { line-height: 1.5; } .ai100IntroText { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 70px 90px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 7vw; } .ai100IntroText::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ''; z-index: -1; -webkit-clip-path: polygon(0 0, 30% 0%, 100% 0, 100% 100%, 8% 100%, 0 82%); clip-path: polygon(0 0, 30% 0%, 100% 0, 100% 100%, 8% 100%, 0 82%); background: -o-linear-gradient(bottom, #033071, #116c65, #097269); background: -webkit-gradient(linear, left bottom, left top, from(#033071), color-stop(#116c65), to(#097269)); background: linear-gradient(to top, #033071, #116c65, #097269); } .ai100IntroText .investor-box-block h2, .ai100IntroText .investor-box-block p, .ai100IntroText .investor-box-block p a { color: #FFFFFF; } .aiProgramsSection { position: relative; padding: 3rem 0 3rem; background: #0f1117; } .aiProgramsSection.pt-5 { padding-top: 3rem !important; } .aiProgramsSection .section-launched-heading.mb-5 { margin-bottom: 2rem !important; } .aiProgramsSection .programCard { position: relative; width: 100%; height: 100%; overflow: hidden; background: #141722; border: 1px solid rgba(255, 255, 255, 0.08); transition: 0.45s; border-radius: 0.25rem; -webkit-transition: 0.45s; -moz-transition: 0.45s; -ms-transition: 0.45s; -o-transition: 0.45s; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -o-border-radius: 0.25rem; } .aiProgramsSection .programCard:hover { -webkit-box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6); border-color: #2f7cff; transform: translateY(-12px); -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); -ms-transform: translateY(-12px); -o-transform: translateY(-12px); } .aiProgramsSection .programImage { position: relative; overflow: hidden; } .aiProgramsSection .programImage img { width: 100%; -o-object-fit: cover; object-fit: cover; transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; } .aiProgramsSection .programCard:hover img { transform: scale(1.12); -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); -o-transform: scale(1.12); } .aiProgramsSection .programDay { position: absolute; top: 15px; left: 15px; background: -o-linear-gradient(315deg, #3a7cff, #6ea8ff); background: linear-gradient(135deg, #3a7cff, #6ea8ff); color: #fff; font-size: 12px; font-weight: 600; padding: 6px 12px; letter-spacing: 1px; } .aiProgramsSection .programContent { position: relative; width: 100%; padding: 1.125rem 1.125rem; } .aiProgramsSection .programTitle { color: #fff; font-size: 16px; font-weight: 700; line-height: 1.3; margin-bottom: 14px; } .aiProgramsSection .programTitle span { display: block; color: #6ea8ff; font-weight: 600; } .aiProgramsSection .programText { font-size: 14px; color: #a4a8b8; line-height: 1.7; } .aiProgramsSection .section-launched-heading h2 { font-weight: bold; font-size: 42px; } @media only screen and (min-width:320px) and (max-width:768px) { .hidescroll { display: none } .menubarscroll { display: block } .WhyDubaielementbox01 { padding: 3rem 1rem 4rem 1rem; } .WhyDubaielementbox01.elementwhy01, .WhyDubaielementbox01.elementwhy02, .WhyDubaielementbox01.elementwhy03, .WhyDubaielementbox01.elementwhy04, .WhyDubaielementbox01.elementwhy05, .WhyDubaielementbox01.elementwhy06, .WhyDubaielementbox01.elementwhy07 { margin-bottom: -2rem; } .WhyDubaielementbox01.elementwhy01 h2, .WhyDubaielementbox01.elementwhy03 h2, .WhyDubaielementbox01.elementwhy05 h2, .WhyDubaielementbox01.elementwhy07 h2 { padding-left: 0; } .WhyDubaielementbox01 h2 { font-size: 2rem; line-height: 2.25rem; letter-spacing: -0.8px; } .WhyDubaielementbox01::before { width: 100%; } .WhyDubaielementbox01.elementwhy01::before, .WhyDubaielementbox01.elementwhy02::before, .WhyDubaielementbox01.elementwhy03::before, .WhyDubaielementbox01.elementwhy04::before, .WhyDubaielementbox01.elementwhy05::before, .WhyDubaielementbox01.elementwhy06::before, .WhyDubaielementbox01.elementwhy07::before { -webkit-clip-path: none; clip-path: none; } .whydubaithumb01, .whydubaithumb02 { width: 100%; height: auto; } .WhyDubaielementbox01 .pt-5.mt-4, .WhyDubaielementbox01 .pt-5.mt-5, .WhyDubaielementbox01 .pt-4 { margin-top: 0 !important; } .Whydubaisection01 .elementwhyimg03 { text-align: start; margin-left: 0; margin-bottom: 1rem; margin-top: -4rem; } .Whydubaisection01 .elementwhyimg03 img { width: 7rem; } .bannerheading { position: relative; padding-top: 10vw; } .innerBanner h1 { font-size: 38px; line-height: 46px; text-shadow: 2px 2px #0a0a0a; } .qefxrwxk { min-height: 20rem; } .qefxrwxk .item-image, .qefxrwxk .item-info { width: 100%; padding-right: 0; } .qefxrwxk .cardfront .item-image { width: 100%; height: 12rem; } .qefxrwxk .cardfront .item-info { padding-top: 1rem; } .qefxrwxk .readbtn0 { font-size: 13px; padding: 11px 8px; } .digiIntrowrap .secTitle-01 p { font-size: 14px; line-height: 18px; } .vipproContentArea h3 { font-size: 18px; line-height: 1.25rem; } .vipproContentArea p { font-size: 14px !important; line-height: 1.25rem; } .whoshouldapplyInner .sectionheading03 h2 { font-size: 1.25rem; line-height: 23px; } .whoshouldapplyInner .sectionheading03 p { font-size: 14px; line-height: 18px; } .whoshouldapplyInner h3 { font-size: 18px; line-height: 26px; } .whoshouldapplyInner p { font-size: 14px; line-height: 1.25rem; } .whoshouldapplyInner .listStyle li { font-size: 14px; line-height: 1.25rem; } .vipbenefitswrap .trackInfo02 p { font-size: 16px; line-height: 1.25rem; } .conferenceTrackITem figure { height: 170px; } .commitmentitem p { font-size: 18px; line-height: 24px; } .whoshouldapplyInner .secTitle-01 h2, .vipbenefitswrap .secTitle-01 h2, .digiIntrowrap .secTitle-01 h2 { font-size: 34px; line-height: 38px; margin: 0 0 1rem; } .whoshouldapplyInner .secTitle-01 p { font-size: 18px !important; line-height: 24px; } .digiIntrowrap .secTitle-01 p { font-size: 18px !important; line-height: 1.5; } .digiIntrowrap .secTitle-01 p.fs-3 { font-size: 20px !important; line-height: 1.5; } .whoshouldapplyInner { padding: 2rem 1.5rem; } .whyattendvip .whoshouldapplyInner .col-sm-6, .whoshouldapply .whoshouldapplyInner .col-sm-6 { margin-bottom: 1.5rem; } .whyattendvip .whoshouldapplyInner .col-sm-6:last-child, .whoshouldapply .whoshouldapplyInner .col-sm-6:last-child { margin-bottom: 0.5rem; } .whoshouldapply .whoshouldapplyInner figure { margin-top: 1.5rem; } } @media only screen and (min-width:1024px) and (max-width:1280px) { .qefxrwxk .readbtn0 { font-size: 14px; padding: 10px 10px; } } @media only screen and (min-width:1920px) and (max-width:2560px) { .qefxrwxk .item-image figure { height: 100%; min-height: 14rem; } .qefxrwxk h3 { font-size: 28px; line-height: 36px; } .qefxrwxk p { font-size: 18px; line-height: 28px; } .qefxrwxk .readbtn0 { font-size: 18px; line-height: 1.5; } } /* end */